@sheetxl/studio-vanilla 0.8.0-beta.1 → 0.8.0-beta.2

package/{browser/esm/B0HA_dHcr0kKfudQ.mjs → cdn/assets/BaEH7HZAJkFGHtNj2.js}

@@ -1,115 +1,120 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.1
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.2
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.
 */
-import { r as e } from "./D9-wpGVbTS9rRpxx.mjs";
-import { i as t, r as n } from "./BjTf3XA9Swj0ngpH.mjs";
-import { r } from "./9_bymSfTn_rR_v6W.mjs";
-import { Et as i, Xt as a, t as o, tt as s } from "./DFdU1DsC1lXOrejZ.mjs";
-import { N as c } from "./Bl6bX86tSq8hfyb2.mjs";
-import { t as l } from "./CZWIS7FuqNjbheSw.mjs";
-import { t as u } from "./CsufM5aF6VTLKDWM.mjs";
-import { C as d, Gt as f, Z as p, b as m, i as h, j as g, m as _, q as v, s as y, ut as b, y as x } from "./-vgNEEXiEad4bltZ.mjs";
-import { t as S } from "./B1NoGosH2YQh01g7.mjs";
-import { n as C, r as w } from "./nguMxPB9LKexKBRX.mjs";
-var T = e(t(), 1), E = e(n(), 1), D = (0, T.memo)((e) => {
-	let { context: t, selected: n, onChangeSelected: m, onActivate: h, autoFocus: _ = !1, className: v } = e, y = a(), C = p(), [w, D] = (0, T.useState)([]), [O, k] = (0, T.useState)("*"), [A, j] = (0, T.useState)(""), [M, N] = (0, T.useState)(""), [P, F] = (0, T.useState)([]), [I, L] = (0, T.useState)(null), R = (z = O) === "*" ? void 0 : z;
-	var z;
-	let B = (0, T.useRef)(null), V = (0, T.useRef)(null), H = (0, T.useId)(), U = (e) => `${H}${e}`;
-	(0, T.useEffect)(() => {
-		let e = setTimeout(() => N(A.trim()), 150);
+import { r as e } from "./nBZATD4yR1W5D4Fi.js";
+import { t } from "./DoBxkE57H5PfH7Or.js";
+import { t as n } from "./C3KIo0iwLXhIIMG8.js";
+import { c as r } from "./DuijhgjRhgWB9sCY2.js";
+import { r as i } from "./I2Cn0c2NkX845WIx.js";
+import { Wt as a, bt as o, en as s, t as c } from "./UNtnFd2ssTtnrqRp.js";
+import { N as l } from "./CWOPhBfYI6R0kz-p.js";
+import { t as u } from "./DI4QTfUQPCjSn0kl.js";
+import { T as d } from "./CDijenaMI_dBIGU-.js";
+import { t as f } from "./C2X9NooB33IkSomz.js";
+import { A as p, H as m, O as h, V as g, Y as _, ft as v, gt as y, h as b, j as x, lt as S, ut as C } from "./CCTYceFrydwG3Vyt2.js";
+import { t as w } from "./2QsTDWiE6SMelbNU2.js";
+import { r as T, t as E } from "./BTB79KyzSZf-h-lm2.js";
+var D = e(t(), 1), O = n(), k = (0, D.memo)((e) => {
+	let { context: t, selected: n, onChangeSelected: h, onActivate: g, autoFocus: b = !1, className: S } = e, C = s(), T = p(), [E, k] = (0, D.useState)([]), [A, j] = (0, D.useState)("*"), [M, N] = (0, D.useState)(""), [P, F] = (0, D.useState)(""), [I, L] = (0, D.useState)([]), [R, z] = (0, D.useState)(null), B = (V = A) === "*" ? void 0 : V;
+	var V;
+	let H = (0, D.useRef)(null), U = (0, D.useRef)(null), W = (0, D.useId)(), G = (e) => `${W}${e}`;
+	(0, D.useEffect)(() => {
+		let e = setTimeout(() => F(M.trim()), 150);
 		return () => clearTimeout(e);
-	}, [A]), (0, T.useEffect)(() => {
-		_ && V.current?.focus();
-	}, [_]), (0, T.useEffect)(() => {
+	}, [M]), (0, D.useEffect)(() => {
+		b && U.current?.focus();
+	}, [b]), (0, D.useEffect)(() => {
 		let e = !1;
 		return (async () => {
 			let n = await t?.()?.getCategories() ?? [];
-			e || D(n);
+			e || k(n);
 		})(), () => {
 			e = !0;
 		};
 	}, [t]);
-	let W = s(m, [m]);
-	(0, T.useEffect)(() => {
+	let K = o(h, [h]);
+	(0, D.useEffect)(() => {
 		let e = !1;
 		return (async () => {
 			let n = t?.();
 			if (!n) return;
-			let r = M ? await n.searchByText(M, {
-				category: R,
+			let r = P ? await n.searchByText(P, {
+				category: B,
 				limit: 100
-			}) : await n.searchByCategory(R);
-			e || (F(r), W(r[0] ?? null));
+			}) : await n.searchByCategory(B);
+			e || (L(r), K(r[0] ?? null));
 		})(), () => {
 			e = !0;
 		};
 	}, [
 		t,
-		R,
-		M,
-		W
-	]), (0, T.useEffect)(() => {
-		if (!n) return void L(null);
+		B,
+		P,
+		K
+	]), (0, D.useEffect)(() => {
+		if (!n) return void z(null);
 		let e = !1, t = n.getName();
 		return n.getDescriptor().then((n) => {
-			e || L(b(t, n));
+			e || z(x(t, n));
 		}).catch(() => {
-			e || L(null);
+			e || z(null);
 		}), () => {
 			e = !0;
 		};
 	}, [n]);
-	let G = (0, T.useMemo)(() => n ? g(n, { locale: C?.getLocale() }) : null, [n, C]), K = s((e) => {
-		P.length !== 0 && W(P[Math.min(P.length - 1, Math.max(0, e))]);
-	}, [P, W]), q = s((e) => {
-		let t = n ? P.indexOf(n) : -1;
-		K(t + e);
+	let q = n && R?.name === n.getName() ? R.summary : null, J = (0, D.useMemo)(() => n ? v(n, { locale: T?.getLocale() }) : null, [n, T]), Y = o((e) => {
+		I.length !== 0 && K(I[Math.min(I.length - 1, Math.max(0, e))]);
+	}, [I, K]), X = o((e) => {
+		let t = n ? I.indexOf(n) : -1;
+		Y(t + e);
 	}, [
-		P,
+		I,
 		n,
-		K
-	]), J = s((e) => {
+		Y
+	]), Z = o((e) => {
 		if (e.isDefaultPrevented()) return;
-		let t = B.current?.contains(e.target) ?? !1;
+		let t = H.current?.contains(e.target) ?? !1;
 		switch (e.keyCode) {
-			case i.Down:
-				q(1);
+			case a.Down:
+				X(1);
 				break;
-			case i.Up:
-				q(-1);
+			case a.Up:
+				X(-1);
 				break;
-			case i.PageDown:
-				q(10);
+			case a.PageDown:
+				X(10);
 				break;
-			case i.PageUp:
-				q(-10);
+			case a.PageUp:
+				X(-10);
 				break;
-			case i.Home:
+			case a.Home:
 				if (!t) return;
-				K(0);
+				Y(0);
 				break;
-			case i.End:
+			case a.End:
 				if (!t) return;
-				K(P.length - 1);
+				Y(I.length - 1);
 				break;
 			default: return;
 		}
 		e.preventDefault();
 	}, [
-		q,
-		K,
-		P
+		X,
+		Y,
+		I
 	]);
-	(0, T.useEffect)(() => {
-		n && (B.current?.querySelector("[data-selected=\"true\"]"))?.scrollIntoView?.({ block: "nearest" });
+	(0, D.useEffect)(() => {
+		if (!n) return;
+		let e = H.current, t = e?.querySelector("[data-selected=\"true\"]");
+		e && t && r.scrollIntoContainer(e, t);
 	}, [n]);
-	let Y = (0, T.useMemo)(() => P.map((e) => {
+	let Q = (0, D.useMemo)(() => I.map((e) => {
 		let t = e.getName(), r = e === n;
-		return (0, E.jsx)(o, {
-			id: U(t),
+		return (0, O.jsx)(c, {
+			id: G(t),
 			component: "div",
 			role: "option",
 			"aria-selected": r,
@@ -117,29 +122,38 @@ var T = e(t(), 1), E = e(n(), 1), D = (0, T.memo)((e) => {
 			onMouseDown: (e) => {
 				e.button === 0 && e.preventDefault();
 			},
-			onClick: () => W(e),
+			onClick: () => K(e),
 			onDoubleClick: () => {
-				h?.();
+				g?.();
 			},
 			sx: {
-				padding: "3px 8px",
+				paddingBlock: "1px",
 				cursor: "default",
-				whiteSpace: "nowrap",
-				fontFamily: "var(--sxl-font-family-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace)",
+				fontSize: "0.8rem",
+				fontFamily: (e) => e.typography.fontFamily,
+				"& .named-item-name": { fontFamily: "var(--sxl-font-family-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace)" },
 				backgroundColor: r ? "action.selected" : void 0,
 				"&:hover": { backgroundColor: r ? "action.selected" : "action.hover" }
 			},
-			children: t
+			children: (0, O.jsx)(_, {
+				item: {
+					name: t,
+					kind: e.isLambda() ? "lambda" : "function"
+				},
+				summary: r ? q : null,
+				wrapSummary: !0
+			})
 		}, t);
 	}), [
-		P,
+		I,
 		n,
-		W,
-		h
+		q,
+		K,
+		g
 	]);
-	return (0, E.jsxs)(o, {
-		className: v,
-		onKeyDown: J,
+	return (0, O.jsxs)(c, {
+		className: S,
+		onKeyDown: Z,
 		sx: {
 			height: "415px",
 			flex: "1 1 auto",
@@ -151,30 +165,30 @@ var T = e(t(), 1), E = e(n(), 1), D = (0, T.memo)((e) => {
 			rowGap: (e) => e.spacing(2)
 		},
 		children: [
-			(0, E.jsx)(l, {
+			(0, O.jsx)(u, {
 				size: "small",
 				fullWidth: !0,
-				label: y("insertFunction.searchLabel"),
-				value: A,
-				inputRef: V,
-				onChange: (e) => j(e.target.value),
+				label: C("insertFunction.searchLabel"),
+				value: M,
+				inputRef: U,
+				onChange: (e) => N(e.target.value),
 				sx: { flexShrink: 0 },
 				slotProps: {
 					input: {
-						startAdornment: (0, E.jsx)(S, {
+						startAdornment: (0, O.jsx)(w, {
 							position: "start",
-							children: (0, E.jsx)(r, { iconKey: "Find" })
+							children: (0, O.jsx)(i, { iconKey: "Find" })
 						}),
-						endAdornment: A ? (0, E.jsx)(S, {
+						endAdornment: M ? (0, O.jsx)(w, {
 							position: "end",
-							children: (0, E.jsx)(f, {
-								"aria-label": y("insertFunction.clearSearch"),
-								propsTooltip: { label: y("insertFunction.clearSearch") },
+							children: (0, O.jsx)(d, {
+								"aria-label": C("insertFunction.clearSearch"),
+								propsTooltip: { label: C("insertFunction.clearSearch") },
 								onMouseDown: (e) => {
 									e.button === 0 && e.preventDefault();
 								},
-								onClick: () => j(""),
-								icon: (0, E.jsx)(r, { iconKey: "Close" }),
+								onClick: () => N(""),
+								icon: (0, O.jsx)(i, { iconKey: "Close" }),
 								size: "small"
 							})
 						}) : void 0
@@ -186,37 +200,38 @@ var T = e(t(), 1), E = e(n(), 1), D = (0, T.memo)((e) => {
 					}
 				}
 			}),
-			(0, E.jsxs)(l, {
+			(0, O.jsxs)(u, {
 				select: !0,
 				size: "small",
 				fullWidth: !0,
-				label: y("insertFunction.categoryLabel"),
-				value: O,
-				onChange: (e) => k(e.target.value),
+				label: C("insertFunction.categoryLabel"),
+				value: A,
+				onChange: (e) => j(e.target.value),
 				slotProps: { inputLabel: { shrink: !0 } },
 				sx: { flexShrink: 0 },
-				children: [(0, E.jsx)(u, {
+				children: [(0, O.jsx)(f, {
 					value: "*",
-					children: y("insertFunction.categoryAll")
-				}), w.map((e) => (0, E.jsx)(u, {
+					children: C("insertFunction.categoryAll")
+				}), E.map((e) => (0, O.jsx)(f, {
 					value: e.name,
 					children: e.name
 				}, e.name))]
 			}),
-			(0, E.jsx)(o, {
-				ref: B,
+			(0, O.jsx)(c, {
+				ref: H,
 				role: "listbox",
 				className: "function-list",
-				"aria-label": y("insertFunction.listLabel"),
+				"aria-label": C("insertFunction.listLabel"),
 				tabIndex: 0,
-				"aria-activedescendant": n ? U(n.getName()) : void 0,
+				"aria-activedescendant": n ? G(n.getName()) : void 0,
 				onFocus: () => {
-					n || K(0);
+					n || Y(0);
 				},
 				sx: {
 					flex: "1 1 0",
 					minHeight: "80px",
 					overflowY: "auto",
+					position: "relative",
 					border: "1px solid",
 					borderColor: "divider",
 					borderRadius: "4px",
@@ -230,16 +245,16 @@ var T = e(t(), 1), E = e(n(), 1), D = (0, T.memo)((e) => {
 						boxShadow: (e) => `inset 2px 0 0 ${e.palette.primary.main}`
 					}
 				},
-				children: Y.length > 0 ? Y : (0, E.jsx)(c, {
+				children: Q.length > 0 ? Q : (0, O.jsx)(l, {
 					sx: {
 						padding: "8px",
 						color: "text.secondary",
 						fontSize: "0.85rem"
 					},
-					children: y("insertFunction.noResults")
+					children: C("insertFunction.noResults")
 				})
 			}),
-			(0, E.jsx)(o, {
+			(0, O.jsx)(c, {
 				sx: {
 					height: "5.5rem",
 					flexShrink: 0,
@@ -248,47 +263,47 @@ var T = e(t(), 1), E = e(n(), 1), D = (0, T.memo)((e) => {
 					fontSize: "0.8rem",
 					lineHeight: "16px"
 				},
-				children: G ? (0, E.jsxs)(E.Fragment, { children: [(0, E.jsx)(o, {
+				children: J ? (0, O.jsxs)(O.Fragment, { children: [(0, O.jsx)(c, {
 					sx: { padding: "0 10px" },
-					children: (0, E.jsx)(x, {
-						hint: G,
+					children: (0, O.jsx)(y, {
+						hint: J,
 						wrap: !0
 					})
-				}), (0, E.jsx)(d, {
-					hint: G,
-					descriptor: I,
+				}), (0, O.jsx)(m, {
+					hint: J,
+					descriptor: R,
 					showParameters: !1
 				})] }) : null
 			})
 		]
 	});
 });
-D.displayName = "FunctionSearchPanel";
-var O = (0, T.memo)((e) => {
-	let { func: t, workbook: n, home: r, autoFocus: i = !1, onChangeCall: l, className: u } = e, d = a(), f = p(), x = n === void 0 ? f : n, [S, D] = (0, T.useState)([]), [O, k] = (0, T.useState)([]), [A, j] = (0, T.useState)([]), [M, N] = (0, T.useState)(null), [P, F] = (0, T.useState)(0), [I, L] = (0, T.useState)(null), R = (0, T.useRef)(null), z = (0, T.useRef)(/* @__PURE__ */ new Map()), B = (0, T.useMemo)(() => t.getDeclaration().getParameters(), [t]), V = (0, T.useMemo)(() => h(B, S), [B, S]), H = (0, T.useMemo)(() => g(t, { locale: x?.getLocale() }), [t, x]), U = (0, T.useMemo)(() => _(H.nameLocal ?? H.name, V, S, { separator: H.argSeparator }), [
+k.displayName = "FunctionSearchPanel";
+var A = (0, D.memo)((e) => {
+	let { func: t, workbook: n, home: r, autoFocus: i = !1, onChangeCall: a, className: u } = e, d = s(), f = p(), m = n === void 0 ? f : n, [_, y] = (0, D.useState)([]), [w, k] = (0, D.useState)([]), [A, j] = (0, D.useState)([]), [M, N] = (0, D.useState)(null), [P, F] = (0, D.useState)(0), [I, L] = (0, D.useState)(null), R = (0, D.useRef)(null), z = (0, D.useRef)(/* @__PURE__ */ new Map()), B = (0, D.useMemo)(() => t.getDeclaration().getParameters(), [t]), V = (0, D.useMemo)(() => b(B, _), [B, _]), H = (0, D.useMemo)(() => v(t, { locale: m?.getLocale() }), [t, m]), U = (0, D.useMemo)(() => h(H.nameLocal ?? H.name, V, _, { separator: H.argSeparator }), [
 		H,
 		V,
-		S
+		_
 	]);
-	(0, T.useEffect)(() => {
-		l?.(U);
-	}, [U, l]), (0, T.useEffect)(() => {
+	(0, D.useEffect)(() => {
+		a?.(U);
+	}, [U, a]), (0, D.useEffect)(() => {
 		let e = !1, n = t.getName();
 		return t.getDescriptor().then((t) => {
-			e || L(b(n, t));
+			e || L(x(n, t));
 		}).catch(() => {
 			e || L(null);
 		}), () => {
 			e = !0;
 		};
-	}, [t]), (0, T.useEffect)(() => {
+	}, [t]), (0, D.useEffect)(() => {
 		i && (R.current?.querySelector("input"))?.focus();
 	}, [i]);
-	let W = s((e) => {
+	let W = o((e) => {
 		let t = (z.current.get(e) ?? 0) + 1;
 		return z.current.set(e, t), t;
-	}, []), G = s((e, t) => {
-		D((n) => {
+	}, []), G = o((e, t) => {
+		y((n) => {
 			let r = n.slice();
 			for (; r.length <= e;) r.push("");
 			return r[e] = t, r;
@@ -297,17 +312,17 @@ var O = (0, T.memo)((e) => {
 			let n = t.slice();
 			return n[e] = null, n;
 		});
-	}, [W]), K = s((e, t) => {
+	}, [W]), K = o((e, t) => {
 		j((n) => {
 			if ((n[e] ?? null) === t) return n;
 			let r = n.slice();
 			for (; r.length <= e;) r.push(null);
 			return r[e] = t, r;
 		});
-	}, []), q = s(async (e, t) => {
+	}, []), q = o(async (e, t) => {
 		let n = W(e), r = null;
 		try {
-			r = t ? v(await t.evaluate()) : null;
+			r = t ? S(await t.evaluate()) : null;
 		} catch {
 			r = null;
 		}
@@ -317,14 +332,17 @@ var O = (0, T.memo)((e) => {
 			return n[e] = r, n;
 		});
 	}, [W]);
-	(0, T.useEffect)(() => {
-		let e = x ? x.getSelectedSheet()?.getCalculation() ?? x.getCalculation() : null, t = V.some((e, t) => !e.optional && !S[t]?.trim());
-		if (!e || t || V.length > 0 && !S.some((e) => e?.trim())) return W(-1), void N(null);
+	(0, D.useEffect)(() => {
+		let e = m ? m.getSelectedSheet()?.getCalculation() ?? m.getCalculation() : null, t = V.some((e, t) => !e.optional && !_[t]?.trim());
+		if (!e || t || V.length > 0 && !_.some((e) => e?.trim())) return W(-1), void N(null);
 		let n = W(-1);
 		(async () => {
 			let t = null;
 			try {
-				t = v(await e.evaluate(U, r));
+				t = S(await e.evaluate(U, {
+					...r,
+					target: "display"
+				}));
 			} catch {
 				t = null;
 			}
@@ -332,13 +350,13 @@ var O = (0, T.memo)((e) => {
 		})();
 	}, [
 		U,
-		x,
+		m,
 		r,
-		S,
+		_,
 		V,
 		W
 	]);
-	let J = (0, T.useMemo)(() => {
+	let J = (0, D.useMemo)(() => {
 		let e = A[P] ? P : A.findIndex((e, t) => !!e && !!V[t]), t = e >= 0 ? A[e] : null;
 		return t ? `${V[e]?.label}: ${d(t)}` : null;
 	}, [
@@ -346,7 +364,7 @@ var O = (0, T.memo)((e) => {
 		P,
 		V,
 		d
-	]), Y = (0, T.useMemo)(() => {
+	]), Y = (0, D.useMemo)(() => {
 		let e = V[P];
 		if (e && I?.name === t.getName()) return I?.params?.[e.descKey]?.description;
 	}, [
@@ -354,15 +372,15 @@ var O = (0, T.memo)((e) => {
 		P,
 		I,
 		t
-	]), X = (0, T.useMemo)(() => V.map((e, t) => (0, E.jsxs)(o, {
+	]), X = (0, D.useMemo)(() => V.map((e, n) => (0, O.jsxs)(c, {
 		sx: {
 			display: "flex",
 			alignItems: "stretch",
 			columnGap: (e) => e.spacing(1)
 		},
-		children: [(0, E.jsx)(w, {
+		children: [(0, O.jsx)(E, {
 			labelPlacement: "above",
-			label: (0, E.jsxs)(E.Fragment, { children: [(0, E.jsx)(o, {
+			label: (0, O.jsxs)(O.Fragment, { children: [(0, O.jsx)(c, {
 				component: "span",
 				sx: {
 					overflow: "hidden",
@@ -371,37 +389,41 @@ var O = (0, T.memo)((e) => {
 					fontWeight: e.optional ? 400 : 700
 				},
 				children: e.label
-			}), (0, E.jsx)(y, {
+			}), (0, O.jsx)(C, {
 				param: e.param,
 				repeat: e.repeat,
 				optional: e.optional,
 				showType: !1,
 				size: 14
 			})] }),
-			placeholder: d(m(e.param)),
+			placeholder: d(g(e.param)),
 			showError: !1,
 			helperText: null,
-			onChangeError: (e) => K(t, e),
-			workbook: x,
+			onChangeError: (e) => K(n, e),
+			workbook: m,
 			home: r,
 			value: null,
-			onChangeText: (e) => G(t, e),
+			onChangeText: (e) => G(n, e),
 			onChangeInput: (e) => {
-				q(t, e);
+				q(n, e);
+			},
+			onFocus: () => F(n),
+			argument: {
+				fn: t,
+				param: e.param
 			},
-			onFocus: () => F(t),
 			sx: {
 				minWidth: 0,
 				flex: "1 1 55%"
 			}
-		}), (0, E.jsxs)(c, {
+		}), (0, O.jsxs)(l, {
 			component: "span",
 			sx: {
 				flex: "1 1 45%",
 				minWidth: 0,
 				display: "flex",
 				boxSizing: "border-box",
-				paddingTop: C,
+				paddingTop: T,
 				alignItems: "center",
 				columnGap: "4px",
 				overflow: "hidden",
@@ -410,12 +432,12 @@ var O = (0, T.memo)((e) => {
 				fontFamily: "var(--sxl-font-family-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace)",
 				fontSize: "0.8rem"
 			},
-			title: O[t] ?? "",
-			children: [(0, E.jsx)(o, {
+			title: w[n] ?? "",
+			children: [(0, O.jsx)(c, {
 				component: "span",
 				"aria-hidden": !0,
 				children: "="
-			}), (0, E.jsx)(o, {
+			}), (0, O.jsx)(c, {
 				component: "span",
 				className: "function-arg-value",
 				sx: {
@@ -423,20 +445,21 @@ var O = (0, T.memo)((e) => {
 					overflow: "hidden",
 					textOverflow: "ellipsis"
 				},
-				children: O[t] ?? ""
+				children: w[n] ?? ""
 			})]
 		})]
 	}, e.key)), [
+		t,
 		V,
-		O,
-		x,
+		w,
+		m,
 		r,
 		G,
 		K,
 		q,
 		d
 	]);
-	return (0, E.jsxs)(o, {
+	return (0, O.jsxs)(c, {
 		ref: R,
 		className: u,
 		sx: {
@@ -453,13 +476,13 @@ var O = (0, T.memo)((e) => {
 			lineHeight: "16px"
 		},
 		children: [
-			(0, E.jsxs)(o, {
+			(0, O.jsxs)(c, {
 				sx: {
 					height: "70px",
 					flexShrink: 0,
 					overflow: "hidden"
 				},
-				children: [(0, E.jsx)(o, {
+				children: [(0, O.jsx)(c, {
 					sx: {
 						fontFamily: "var(--sxl-font-family-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace)",
 						color: "primary.main",
@@ -471,7 +494,7 @@ var O = (0, T.memo)((e) => {
 						textOverflow: "ellipsis"
 					},
 					children: H.nameLocal ?? H.name
-				}), I?.name === t.getName() ? (0, E.jsx)(o, {
+				}), I?.name === t.getName() ? (0, O.jsx)(c, {
 					sx: {
 						paddingTop: "2px",
 						color: "text.secondary"
@@ -479,7 +502,7 @@ var O = (0, T.memo)((e) => {
 					children: I.summary
 				}) : null]
 			}),
-			(0, E.jsx)(o, {
+			(0, O.jsx)(c, {
 				sx: {
 					display: "flex",
 					flexDirection: "column",
@@ -494,20 +517,20 @@ var O = (0, T.memo)((e) => {
 				},
 				children: X
 			}),
-			(0, E.jsx)(o, {
+			(0, O.jsx)(c, {
 				sx: {
 					height: "48px",
 					flexShrink: 0,
 					overflowY: "auto",
 					color: "text.secondary"
 				},
-				children: Y ? (0, E.jsxs)(E.Fragment, { children: [(0, E.jsxs)(o, {
+				children: Y ? (0, O.jsxs)(O.Fragment, { children: [(0, O.jsxs)(c, {
 					component: "span",
 					sx: { fontWeight: 600 },
 					children: [V[P]?.label, ": "]
 				}), Y] }) : null
 			}),
-			(0, E.jsx)(o, {
+			(0, O.jsx)(c, {
 				sx: {
 					display: "flex",
 					flexShrink: 0,
@@ -516,7 +539,7 @@ var O = (0, T.memo)((e) => {
 					borderColor: "divider",
 					paddingTop: (e) => e.spacing(1)
 				},
-				children: J ? (0, E.jsx)(o, {
+				children: J ? (0, O.jsx)(c, {
 					className: "function-error",
 					sx: {
 						color: "error.main",
@@ -525,10 +548,10 @@ var O = (0, T.memo)((e) => {
 						textOverflow: "ellipsis"
 					},
 					children: J
-				}) : (0, E.jsxs)(E.Fragment, { children: [(0, E.jsx)(o, {
+				}) : (0, O.jsxs)(O.Fragment, { children: [(0, O.jsx)(c, {
 					sx: { color: "text.secondary" },
 					children: d("functionArguments.result")
-				}), (0, E.jsx)(o, {
+				}), (0, O.jsx)(c, {
 					className: "function-result",
 					sx: {
 						flex: "1 1 auto",
@@ -545,36 +568,36 @@ var O = (0, T.memo)((e) => {
 		]
 	});
 });
-O.displayName = "FunctionArgumentsPanel";
-var k = "insert-function-page", A = Object.freeze({
+A.displayName = "FunctionArgumentsPanel";
+var j = "insert-function-page", M = Object.freeze({
 	Next: "Next",
 	Back: "Back",
 	Insert: "Insert"
-}), j = (e, t) => {
+}), N = (e, t) => {
 	let n = {
-		id: A.Insert,
+		id: M.Insert,
 		label: () => t("insertFunction.insert")
 	};
 	return e === "arguments" ? [
 		n,
 		{
-			id: A.Back,
+			id: M.Back,
 			label: () => t("insertFunction.back")
 		},
 		"Cancel"
 	] : [
 		{
-			id: A.Next,
+			id: M.Next,
 			label: () => t("insertFunction.next")
 		},
 		n,
 		"Cancel"
 	];
-}, M = (0, T.memo)((e) => {
-	let { context: t, page: n, selected: r, onChangeSelected: i, onActivate: a, onChangeCall: s, workbook: c, home: l, className: u } = e, [d, f] = (0, T.useState)(null);
+}, P = (0, D.memo)((e) => {
+	let { context: t, page: n, selected: r, onChangeSelected: i, onActivate: a, onChangeCall: o, workbook: s, home: l, className: u } = e, [d, f] = (0, D.useState)(null);
 	n === "arguments" && r && r !== d && f(r);
 	let p = n === "arguments" && !!d;
-	return (0, E.jsxs)(o, {
+	return (0, O.jsxs)(c, {
 		sx: {
 			display: "flex",
 			flexDirection: "column",
@@ -582,12 +605,12 @@ var k = "insert-function-page", A = Object.freeze({
 			flex: "1 1 auto",
 			minHeight: 0
 		},
-		children: [(0, E.jsx)(o, {
-			className: k,
+		children: [(0, O.jsx)(c, {
+			className: j,
 			"data-page": "search",
 			hidden: p,
 			sx: { display: p ? "none" : "contents" },
-			children: (0, E.jsx)(D, {
+			children: (0, O.jsx)(k, {
 				className: u,
 				context: t,
 				selected: r,
@@ -595,21 +618,21 @@ var k = "insert-function-page", A = Object.freeze({
 				onActivate: a,
 				autoFocus: !p
 			})
-		}), d ? (0, E.jsx)(o, {
-			className: k,
+		}), d ? (0, O.jsx)(c, {
+			className: j,
 			"data-page": "arguments",
 			hidden: !p,
 			sx: { display: p ? "contents" : "none" },
-			children: (0, E.jsx)(O, {
+			children: (0, O.jsx)(A, {
 				className: u,
 				func: d,
-				workbook: c,
+				workbook: s,
 				home: l,
 				autoFocus: p,
-				onChangeCall: s
+				onChangeCall: o
 			}, d.getName())
 		}) : null]
 	});
 });
-M.displayName = "InsertFunctionWizard";
-export { k as a, M as i, A as n, D as o, j as r, O as t };
+P.displayName = "InsertFunctionWizard";
+export { N as a, M as i, P as n, A as o, j as r, k as t };