@sheetxl/studio-vanilla 0.8.0-beta.4 → 0.8.0-beta.6

package/cdn/assets/{BInccbDEuHGg1a2y2.js → 95Rg6-R77DB8vhtt2.js}

@@ -1,20 +1,20 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.4
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.6
 *
 * (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 "./7XkdeYBragcPQQS0.js";
-import { t } from "./TA52Zf5ZMCu6I721.js";
-import { t as n } from "./RnavifpmQlGK2gal.js";
-import { I as r, u as i } from "./C62Y8jSQuT2_lqUs2.js";
-import { r as a } from "./POvNgF4k1Kibh6Db.js";
-import { Ot as o, Vt as s, W as ee, Zt as c, at as l, kt as u, t as d, u as f } from "./CdP9qTlDd3C1oYJE.js";
-import { C as p, F as m, N as h, b as te, i as g, k as _ } from "./C2-SeODnwo_GR5pz.js";
-import { n as v, t as y } from "./BXV_vaLwr-mEvH-k.js";
-import { t as b } from "./kgHG0ixsMXmNdu8U.js";
-import { t as x } from "./CRepp6I1poWZwijy2.js";
-var S = e(t(), 1), C = n(), w = (e) => e.replace(/\n\n+/g, "\n").trim(), T = /* @__PURE__ */ new Set([
+import { r as e } from "./BXlBCVkeDEYvDBJB.js";
+import { t } from "./DFvNGCdvSx5VASsE.js";
+import { t as n } from "./BC5CAuRYyJJli2nd.js";
+import { I as r, u as i } from "./BYk8t-CVbU8h5jS62.js";
+import { r as a } from "./DdtqpY-XqWQemNlu.js";
+import { Et as o, Rt as s, Tt as c, W as l, Yt as u, it as ee, t as d, u as f } from "./NaYNBS42-TDUcEoM.js";
+import { C as p, F as m, N as h, b as g, i as _, k as v } from "./C8XBql0-rVxPPgdF.js";
+import { n as y, t as b } from "./CqFpYuZRY1Oa6Kdj.js";
+import { t as x } from "./Dy9SlSZp3B0IfxZM.js";
+import { t as S } from "./B2PZWx8od3IEHy4E2.js";
+var C = e(t(), 1), w = n(), T = (e) => e.replace(/\n\n+/g, "\n").trim(), te = /* @__PURE__ */ new Set([
 	"Control",
 	"Shift",
 	"Alt",
@@ -49,7 +49,7 @@ var S = e(t(), 1), C = n(), w = (e) => e.replace(/\n\n+/g, "\n").trim(), T = /*
 }, j = (e) => {
 	let t = [];
 	return e.ctrlKey && t.push(s.Ctrl), e.altKey && t.push(s.Alt), e.shiftKey && t.push(s.Shift), e.metaKey && t.push(s.Meta), t;
-}, M = ({ children: e }) => (0, C.jsx)(d, {
+}, M = ({ children: e }) => (0, w.jsx)(d, {
 	component: "kbd",
 	sx: {
 		display: "inline-flex",
@@ -71,29 +71,29 @@ var S = e(t(), 1), C = n(), w = (e) => e.replace(/\n\n+/g, "\n").trim(), T = /*
 		borderBottomWidth: "2px"
 	},
 	children: e
-}), N = () => (0, C.jsx)(d, {
+}), N = () => (0, w.jsx)(d, {
 	component: "span",
 	sx: {
 		fontSize: "0.7rem",
 		color: (e) => e.palette.text.disabled
 	},
 	children: "+"
-}), P = ({ labels: e, dangling: t = !1 }) => (0, C.jsxs)(d, {
+}), P = ({ labels: e, dangling: t = !1 }) => (0, w.jsxs)(d, {
 	sx: {
 		display: "flex",
 		alignItems: "center",
 		gap: "1px"
 	},
-	children: [e.map((e, t) => (0, C.jsxs)(S.Fragment, { children: [t > 0 && (0, C.jsx)(N, {}), (0, C.jsx)(M, { children: e })] }, t)), t && (0, C.jsx)(N, {})]
+	children: [e.map((e, t) => (0, w.jsxs)(C.Fragment, { children: [t > 0 && (0, w.jsx)(N, {}), (0, w.jsx)(M, { children: e })] }, t)), t && (0, w.jsx)(N, {})]
 }), F = ({ stroke: e }) => {
 	if (!e?.key) return null;
 	let t = A(e.modifiers ?? []).map(k);
-	return t.push(u.toPrettyKeyCode(e.key)), (0, C.jsx)(P, { labels: t });
+	return t.push(o.toPrettyKeyCode(e.key)), (0, w.jsx)(P, { labels: t });
 };
 function I(e) {
-	let { commands: t, sx: n, ...r } = e, s = o(), [u, p] = (0, S.useState)(!1), [g, O] = (0, S.useState)(""), [M, N] = (0, S.useState)(null), [I, L] = (0, S.useState)(!1), [R, z] = (0, S.useState)(null), [B, V] = (0, S.useState)(null), [H, U] = (0, S.useState)(null), W = (0, S.useRef)(null), G = (0, S.useMemo)(() => {
+	let { commands: t, sx: n, ...r } = e, o = c(), [s, p] = (0, C.useState)(!1), [_, O] = (0, C.useState)(""), [M, N] = (0, C.useState)(null), [I, L] = (0, C.useState)(!1), [R, z] = (0, C.useState)(null), [B, V] = (0, C.useState)(null), [H, U] = (0, C.useState)(null), W = (0, C.useRef)(null), G = (0, C.useMemo)(() => {
 		let e = t.getAllCommands();
-		u && (e = e.filter((e) => e.command.getShortcut())), e = [...e].sort((e, t) => {
+		s && (e = e.filter((e) => e.command.getShortcut())), e = [...e].sort((e, t) => {
 			let n = e.command.getScope?.() ?? e.groupKey, r = t.command.getScope?.() ?? t.groupKey, i = n.localeCompare(r);
 			return i === 0 ? e.command.getLabel().localeCompare(t.command.getLabel()) : i;
 		});
@@ -104,10 +104,10 @@ function I(e) {
 				icon: e.getIcon(),
 				scope: i,
 				scopeLabel: e.getScopeLabel?.() ?? i,
-				description: w(e.getDescription())
+				description: T(e.getDescription())
 			}, o = e.getShortcut(), s = Array.isArray(o) ? o.length ? o : [null] : [o ?? null];
 			for (let e of s) {
-				let t = e ? ee(e) : null, o = `${i}\0${a.label}\0${t ?? ""}`;
+				let t = e ? l(e) : null, o = `${i}\0${a.label}\0${t ?? ""}`;
 				r.has(o) || (r.add(o), n.push({
 					...a,
 					id: o,
@@ -117,10 +117,10 @@ function I(e) {
 			}
 		}
 		return n;
-	}, [u, t]), K = (0, S.useMemo)(() => M ? G.filter((e) => e.scope === M) : G, [G, M]), [q, ne] = (0, S.useState)(null);
-	(0, S.useEffect)(() => {
+	}, [s, t]), K = (0, C.useMemo)(() => M ? G.filter((e) => e.scope === M) : G, [G, M]), [q, ne] = (0, C.useState)(null);
+	(0, C.useEffect)(() => {
 		let e = !1;
-		return import("./C_6kPChYiQzj6w3V2.js").then((t) => {
+		return import("./C0vo8lE4bLKFYxkh2.js").then((t) => {
 			e || ne(new t.default(K, {
 				threshold: .3,
 				ignoreLocation: !0,
@@ -137,8 +137,8 @@ function I(e) {
 			e = !0;
 		};
 	}, [K]);
-	let [J, Y] = (0, S.useState)(G);
-	(0, S.useEffect)(() => {
+	let [J, Y] = (0, C.useState)(G);
+	(0, C.useEffect)(() => {
 		if (I) return B ? void Y(K.filter((e) => {
 			if (!e.canonical) return !1;
 			let t = E(e.canonical);
@@ -147,17 +147,17 @@ function I(e) {
 			return !0;
 		})) : void Y(K);
 		q ? i.debounce(() => {
-			let e = g.trim();
+			let e = _.trim();
 			e.length === 0 ? Y(K) : Y(q.search(e).map((e) => e.item));
 		}, 90)() : Y(K);
 	}, [
 		I,
 		B,
 		q,
-		g,
+		_,
 		K
 	]);
-	let X = (0, S.useMemo)(() => {
+	let X = (0, C.useMemo)(() => {
 		let e = /* @__PURE__ */ new Map();
 		for (let t of J) {
 			let n = e.get(t.scope);
@@ -168,18 +168,18 @@ function I(e) {
 			scopeLabel: t[0].scopeLabel,
 			rows: t
 		}));
-	}, [J]), re = (0, S.useMemo)(() => G.find((e) => e.scope === M)?.scopeLabel ?? M, [G, M]), Z = I ? !!R : g.length > 0, Q = Z && J.length === 0;
-	(0, S.useEffect)(() => {
+	}, [J]), re = (0, C.useMemo)(() => G.find((e) => e.scope === M)?.scopeLabel ?? M, [G, M]), Z = I ? !!R : _.length > 0, Q = Z && J.length === 0;
+	(0, C.useEffect)(() => {
 		W.current?.focus();
 	}, [I]);
-	let $ = (0, S.useCallback)((e) => {
+	let $ = (0, C.useCallback)((e) => {
 		L(e), O(""), z(null), V(null), U(null);
-	}, []), ie = (0, S.useCallback)((e) => {
+	}, []), ie = (0, C.useCallback)((e) => {
 		if (e.key === "Tab") return;
-		if (e.which === c.Escape) return R || H ? (z(null), V(null), U(null)) : $(!1), e.stopPropagation(), void e.preventDefault();
+		if (e.which === u.Escape) return R || H ? (z(null), V(null), U(null)) : $(!1), e.stopPropagation(), void e.preventDefault();
 		if (e.preventDefault(), e.stopPropagation(), e.key === "Backspace") return z(null), V(null), void U(null);
 		let t = e.nativeEvent;
-		if (T.has(e.key)) return z(null), V(null), void U(j(t));
+		if (te.has(e.key)) return z(null), V(null), void U(j(t));
 		U(null), z(((e) => {
 			let t = [];
 			e.ctrlKey && t.push("ctrl"), e.altKey && t.push("alt"), e.shiftKey && t.push("shift"), e.metaKey && t.push("meta");
@@ -189,7 +189,7 @@ function I(e) {
 				modifiers: t
 			};
 		})(t)), V(((e) => {
-			let t = [...l(e)].map(E);
+			let t = [...ee(e)].map(E);
 			return {
 				keys: new Set(t.map((e) => e.key)),
 				mods: t[0]?.mods ?? /* @__PURE__ */ new Set()
@@ -199,17 +199,17 @@ function I(e) {
 		R,
 		H,
 		$
-	]), ae = (0, S.useCallback)((e) => {
+	]), ae = (0, C.useCallback)((e) => {
 		if (R) return;
 		let t = j(e.nativeEvent);
 		U(t.length ? t : null);
-	}, [R]), oe = (0, S.useCallback)((e) => {
+	}, [R]), oe = (0, C.useCallback)((e) => {
 		N((t) => t === e ? null : e);
-	}, []), se = (0, S.useCallback)(() => {
+	}, []), se = (0, C.useCallback)(() => {
 		I ? (z(null), V(null), U(null)) : O(""), W.current?.focus();
-	}, [I]), ce = I ? !!(R || H && H.length > 0) : g.length > 0, le = (0, C.jsx)(te, {
+	}, [I]), ce = I ? !!(R || H && H.length > 0) : _.length > 0, le = (0, w.jsx)(g, {
 		title: I ? "Search by name (ESC)" : `Search by shortcut (${D ? "Cmd" : "Ctrl"}+K)`,
-		children: (0, C.jsx)(m, {
+		children: (0, w.jsx)(m, {
 			"aria-label": "toggle shortcut capture",
 			color: I ? "primary" : "default",
 			onClick: () => $(!I),
@@ -218,10 +218,10 @@ function I(e) {
 				border: (e) => `solid 1px ${I ? e.palette.primary.main : e.palette.divider}`,
 				borderRadius: (e) => `${e.shape.borderRadius}px`
 			},
-			children: (0, C.jsx)(a, { iconKey: "Keyboard" })
+			children: (0, w.jsx)(a, { iconKey: "Keyboard" })
 		})
 	});
-	return (0, C.jsxs)(d, {
+	return (0, w.jsxs)(d, {
 		style: {
 			height: 460,
 			width: "100%",
@@ -231,7 +231,7 @@ function I(e) {
 		sx: [{ fontFamily: (e) => e.typography.fontFamily }, ...Array.isArray(n) ? n : [n]],
 		...r,
 		children: [
-			(0, C.jsxs)(d, {
+			(0, w.jsxs)(d, {
 				sx: {
 					display: "flex",
 					alignItems: "center",
@@ -239,27 +239,27 @@ function I(e) {
 					marginBottom: (e) => e.spacing(1.5)
 				},
 				children: [
-					(0, C.jsx)(b, {
+					(0, w.jsx)(x, {
 						inputRef: W,
 						slotProps: {
 							input: {
 								sx: { backgroundColor: (e) => e.palette.action.hover },
-								startAdornment: I && (R || H && H.length > 0) ? (0, C.jsx)(x, {
+								startAdornment: I && (R || H && H.length > 0) ? (0, w.jsx)(S, {
 									position: "start",
 									sx: { marginRight: "6px" },
-									children: R ? (0, C.jsx)(F, { stroke: R }) : (0, C.jsx)(P, {
+									children: R ? (0, w.jsx)(F, { stroke: R }) : (0, w.jsx)(P, {
 										labels: A(H).map(k),
 										dangling: !0
 									})
 								}) : void 0,
-								endAdornment: ce ? (0, C.jsx)(x, {
+								endAdornment: ce ? (0, w.jsx)(S, {
 									position: "end",
-									children: (0, C.jsx)(m, {
+									children: (0, w.jsx)(m, {
 										"aria-label": I ? "clear shortcut" : "clear search",
 										onClick: se,
 										edge: "end",
 										size: "small",
-										children: (0, C.jsx)(a, { iconKey: "Close" })
+										children: (0, w.jsx)(a, { iconKey: "Close" })
 									})
 								}) : void 0
 							},
@@ -281,44 +281,44 @@ function I(e) {
 							flex: "1 1 auto",
 							"& .MuiOutlinedInput-notchedOutline": { borderColor: (e) => Q ? `${e.palette.error.main} !important` : I ? `${e.palette.primary.main} !important` : void 0 }
 						},
-						value: I ? "" : g,
+						value: I ? "" : _,
 						onChange: (e) => {
 							I || O(e.target.value);
 						},
 						onKeyDown: I ? ie : (e) => {
 							if ((e.ctrlKey || e.metaKey) && (e.key === "k" || e.key === "K")) return $(!0), e.stopPropagation(), void e.preventDefault();
-							e.which === c.Escape && g.length > 0 && (O(""), e.stopPropagation(), e.preventDefault());
+							e.which === u.Escape && _.length > 0 && (O(""), e.stopPropagation(), e.preventDefault());
 						},
 						onKeyUp: I ? ae : void 0,
 						onContextMenu: (e) => e.stopPropagation()
 					}),
 					le,
-					(0, C.jsx)(y, {
+					(0, w.jsx)(b, {
 						sx: {
 							flexShrink: 0,
 							marginRight: 0
 						},
-						control: (0, C.jsx)(v, {
-							checked: u,
-							onChange: () => p(!u)
+						control: (0, w.jsx)(y, {
+							checked: s,
+							onChange: () => p(!s)
 						}),
-						label: s("shortcutKeys.onlyKeyBindings"),
+						label: o("shortcutKeys.onlyKeyBindings"),
 						labelPlacement: "start"
 					})
 				]
 			}),
-			M && (0, C.jsx)(d, {
+			M && (0, w.jsx)(d, {
 				sx: {
 					display: "flex",
 					marginBottom: 1
 				},
-				children: (0, C.jsx)(_, {
+				children: (0, w.jsx)(v, {
 					size: "small",
-					label: s("shortcutKeys.scopeFilter", { scope: re }),
+					label: o("shortcutKeys.scopeFilter", { scope: re }),
 					onDelete: () => N(null)
 				})
 			}),
-			(0, C.jsx)(d, {
+			(0, w.jsx)(d, {
 				sx: {
 					flex: "1 1 100%",
 					minHeight: 0,
@@ -326,19 +326,19 @@ function I(e) {
 					border: (e) => `solid ${e.palette.divider} 1px`,
 					overflow: "visible"
 				},
-				children: (0, C.jsx)(d, {
+				children: (0, w.jsx)(d, {
 					sx: {
 						height: "100%",
 						overflow: "auto"
 					},
-					children: X.length === 0 ? (0, C.jsx)(d, {
+					children: X.length === 0 ? (0, w.jsx)(d, {
 						sx: {
 							padding: 3,
 							textAlign: "center",
 							color: (e) => Q ? e.palette.error.main : e.palette.text.secondary
 						},
-						children: s(Z ? "shortcutKeys.noMatches" : "shortcutKeys.none")
-					}) : X.map((e) => (0, C.jsxs)(d, { children: [(0, C.jsxs)(d, {
+						children: o(Z ? "shortcutKeys.noMatches" : "shortcutKeys.none")
+					}) : X.map((e) => (0, w.jsxs)(d, { children: [(0, w.jsxs)(d, {
 						onClick: () => oe(e.scope),
 						sx: {
 							position: "sticky",
@@ -366,7 +366,7 @@ function I(e) {
 								backgroundColor: (e) => f(e.palette.background.paper, .09)
 							}
 						},
-						children: [(0, C.jsx)("span", { children: e.scopeLabel }), (0, C.jsx)(h, {
+						children: [(0, w.jsx)("span", { children: e.scopeLabel }), (0, w.jsx)(h, {
 							component: "span",
 							sx: {
 								fontSize: "inherit",
@@ -375,21 +375,21 @@ function I(e) {
 							children: e.rows.length
 						})]
 					}), e.rows.map((e) => {
-						return (0, C.jsxs)(d, {
+						return (0, w.jsxs)(d, {
 							sx: {
 								paddingX: 1.5,
 								paddingY: .75,
 								borderBottom: (e) => `solid 1px ${e.palette.divider}`,
 								"&:hover": { backgroundColor: (e) => e.palette.action.hover }
 							},
-							children: [(0, C.jsxs)(d, {
+							children: [(0, w.jsxs)(d, {
 								sx: {
 									display: "flex",
 									alignItems: "center",
 									gap: 1
 								},
 								children: [
-									(0, C.jsx)(d, {
+									(0, w.jsx)(d, {
 										sx: {
 											flexShrink: 0,
 											display: "flex",
@@ -398,21 +398,21 @@ function I(e) {
 											height: "var(--icon-size, 20px)",
 											color: (e) => e.palette.text.icon ?? e.palette.action.active
 										},
-										children: (t = e.icon, t && typeof t != "string" ? t : (0, C.jsx)(a, { iconKey: t }))
+										children: (t = e.icon, t && typeof t != "string" ? t : (0, w.jsx)(a, { iconKey: t }))
 									}),
-									(0, C.jsx)(h, {
+									(0, w.jsx)(h, {
 										sx: {
 											flex: "1 1 auto",
 											fontWeight: 500
 										},
 										children: e.label
 									}),
-									e.shortcut && (0, C.jsx)(d, {
+									e.shortcut && (0, w.jsx)(d, {
 										sx: { flexShrink: 0 },
-										children: (0, C.jsx)(F, { stroke: e.shortcut })
+										children: (0, w.jsx)(F, { stroke: e.shortcut })
 									})
 								]
-							}), e.description && (0, C.jsx)(h, {
+							}), e.description && (0, w.jsx)(h, {
 								component: "div",
 								sx: {
 									marginTop: "2px",
@@ -428,7 +428,7 @@ function I(e) {
 					})] }, e.scope))
 				})
 			}),
-			(0, C.jsx)(d, {
+			(0, w.jsx)(d, {
 				sx: {
 					display: "flex",
 					flexShrink: 0,
@@ -438,11 +438,11 @@ function I(e) {
 					userSelect: "none",
 					justifyContent: "flex-end"
 				},
-				children: (0, C.jsx)(h, {
+				children: (0, w.jsx)(h, {
 					noWrap: !0,
 					component: "div",
 					sx: { color: (e) => Q ? e.palette.error.main : e.palette.text.secondary },
-					children: s(Z ? "shortcutKeys.countFound" : "shortcutKeys.count", { count: J.length })
+					children: o(Z ? "shortcutKeys.countFound" : "shortcutKeys.count", { count: J.length })
 				})
 			})
 		]
@@ -450,10 +450,10 @@ function I(e) {
 }
 var L = (e) => {
 	let { title: t = "Shortcut Keys", commands: n, sx: r, ...i } = e;
-	return (0, C.jsx)(g, {
+	return (0, w.jsx)(_, {
 		isModal: !0,
 		onKeyDown: (e) => {
-			e.keyCode === c.F1 && e.preventDefault();
+			e.keyCode === u.F1 && e.preventDefault();
 		},
 		sx: {
 			width: "780px",
@@ -462,9 +462,9 @@ var L = (e) => {
 		title: t,
 		autoFocusSel: ".input",
 		...i,
-		children: (0, C.jsx)(p, {
+		children: (0, w.jsx)(p, {
 			dividers: !0,
-			children: (0, C.jsx)(I, {
+			children: (0, w.jsx)(I, {
 				commands: n,
 				sx: { marginBottom: "8px" }
 			})

package/cdn/assets/{Bhat781Vzqa1jNlj.js → 9zNnsHPCP6dNE6dt.js}

@@ -1,11 +1,11 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.4
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.6
 *
 * (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 "./7XkdeYBragcPQQS0.js";
-import { t } from "./TA52Zf5ZMCu6I721.js";
+import { r as e } from "./BXlBCVkeDEYvDBJB.js";
+import { t } from "./DFvNGCdvSx5VASsE.js";
 var n = e(t(), 1);
 function r(e, t) {
 	for (var n = e.length, r = 0; r < n; ++r) if (t(e[r], r)) return !0;

package/cdn/assets/{BeQYgyU20NLEnFql.js → AlSePay9xNV3_6bb2.js}

@@ -1,5 +1,5 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.4
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.6
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.

package/cdn/assets/AwPuLKuYMSM7s2v_2.js

@@ -0,0 +1,227 @@
+/**
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.6
+*
+* (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 "./BXlBCVkeDEYvDBJB.js";
+import { t } from "./DFvNGCdvSx5VASsE.js";
+import { t as n } from "./BC5CAuRYyJJli2nd.js";
+import { t as ee } from "./Cw3vteUwx6OB-6Iy.js";
+import { r } from "./DdtqpY-XqWQemNlu.js";
+import { Tt as te, t as i } from "./NaYNBS42-TDUcEoM.js";
+import { W as a, i as ne } from "./D4a2UOIcVrZtupKH.js";
+import { _ as re } from "./C06Yqqvfz4f-vnXA.js";
+import { t as ie } from "./Dy9SlSZp3B0IfxZM.js";
+import { T as o } from "./WkWv2DINRHwBdTOP.js";
+import { t as ae } from "./B2PZWx8od3IEHy4E2.js";
+var s = e(t(), 1), c = n(), l = typeof window < "u" && window.HTMLElement !== void 0 && typeof document < "u";
+s.createContext(null).displayName = "HookFormControlContext", l ? s.useLayoutEffect : s.useEffect;
+var u = s.createContext(null);
+u.displayName = "HookFormContext";
+var d = () => s.useContext(u), f = (e) => {
+	e.button === 0 && e.preventDefault();
+}, p = "20px", m = "4px", h = `calc(${p} + ${m})`, g = (0, s.memo)((0, s.forwardRef)((e, t) => {
+	let { grammar: n = "formula", formName: l, formOptions: u, disabled: h, className: g, sx: oe, onKeyDown: _, onFocus: v, value: se, onChangeInput: y, onChangeText: b, onDone: x, changeOn: S, apiRef: C, workbook: w, home: T, equals: ce, pickAs: le, pickSpills: ue, allowMulti: de, allowCrossSheet: fe, required: pe, label: E, labelPlacement: me = "floating", placeholder: D, helperText: O, showError: k = !0, onChangeError: A, validationError: j, hideAdornment: M, classNameInput: N, argument: P, id: F, ...I } = e, L = te(), R = me === "above", he = (0, s.useId)(), z = F ?? he, B = n === "formula", V = E === void 0 ? L(B ? "formulaInput.label" : "rangeInput.label") : E, ge = D ?? L(B ? "formulaInput.placeholder" : "rangeInput.placeholder"), H = d(), U = l && H ? H.register(l, u) : null, W = ne({
+		value: se,
+		onChange: y,
+		onChangeText: b,
+		onDone: x,
+		changeOn: S,
+		workbook: w,
+		home: T,
+		equals: ce,
+		pickAs: le,
+		pickSpills: ue,
+		allowMulti: de,
+		allowCrossSheet: fe,
+		required: pe,
+		disabled: h
+	}, n);
+	(0, s.useImperativeHandle)(C, () => W, [W]);
+	let G = a({
+		api: W,
+		grammar: n,
+		disabled: h,
+		workbook: w,
+		home: T,
+		argument: P
+	}), K = !!W.error && !G.inputExpected, q = K || !!j, _e = k && q ? L(K ? W.error : j) : O === void 0 ? " " : O, J = (0, s.useRef)(H);
+	J.current = H;
+	let Y = (0, s.useRef)(A);
+	Y.current = A;
+	let X = (0, s.useRef)(null), Z = K ? W.error : null, Q = (0, s.useRef)(null);
+	(0, s.useEffect)(() => {
+		Z !== Q.current && (Q.current = Z, Y.current?.(Z));
+	}, [Z]), (0, s.useEffect)(() => {
+		if (W.error === X.current || (X.current = W.error, !l)) return;
+		let e = J.current;
+		e && (W.error ? e.setError(l, { message: W.error }) : e.clearErrors(l));
+	}, [W.error, l]);
+	let $ = !!x, ve = (0, s.useMemo)(() => M ? void 0 : (0, c.jsx)(ae, {
+		tabIndex: -1,
+		onMouseDown: f,
+		sx: {
+			display: "flex",
+			position: "relative",
+			flex: "0"
+		},
+		position: "end",
+		children: W.engaged && $ ? (0, c.jsxs)(c.Fragment, { children: [(0, c.jsx)(o, {
+			dense: !0,
+			outlined: !1,
+			color: "primary",
+			"aria-label": "commit-reference",
+			icon: (0, c.jsx)(r, { iconKey: "CheckSuccess" }),
+			propsTooltip: {
+				label: L("referenceInput.commit"),
+				simple: !0
+			},
+			disabled: !!W.error,
+			tabIndex: -1,
+			onMouseDown: f,
+			onClick: () => {
+				W.commit();
+			}
+		}), (0, c.jsx)(o, {
+			dense: !0,
+			outlined: !1,
+			color: "warning",
+			"aria-label": "cancel-reference",
+			icon: (0, c.jsx)(r, { iconKey: "CloseError" }),
+			propsTooltip: {
+				label: L("referenceInput.cancel"),
+				simple: !0
+			},
+			tabIndex: -1,
+			onMouseDown: f,
+			onClick: () => {
+				W.cancel();
+			}
+		})] }) : (0, c.jsx)(o, {
+			dense: !0,
+			outlined: !1,
+			disabled: h || !W.canSelectCurrent,
+			sx: { "&.Mui-disabled": { opacity: .35 } },
+			"aria-label": "select-current-range",
+			icon: (0, c.jsx)(r, { iconKey: "SelectRangeMode" }),
+			propsTooltip: {
+				label: L("referenceInput.selectCurrent"),
+				simple: !0
+			},
+			tabIndex: -1,
+			onMouseDown: f,
+			onClick: () => {
+				W.engaged || W.togglePoint(), W.selectCurrent();
+			}
+		})
+	}), [
+		M,
+		h,
+		$,
+		W.engaged,
+		W.canSelectCurrent,
+		W.togglePoint,
+		W.selectCurrent,
+		W.commit,
+		W.cancel,
+		!!W.error
+	]);
+	return (0, c.jsxs)(re, {
+		sx: {
+			minWidth: 135,
+			width: "100%",
+			...oe
+		},
+		size: "small",
+		ref: (e) => {
+			G.containerRef.current = e, typeof t == "function" ? t(e) : t && (t.current = e);
+		},
+		className: ee("sxl-formula-field", g),
+		"data-grammar": n,
+		...I,
+		children: [
+			R ? (0, c.jsx)(i, {
+				component: "label",
+				htmlFor: z,
+				sx: {
+					lineHeight: p,
+					marginBottom: m,
+					paddingLeft: "14px",
+					display: "flex",
+					alignItems: "center",
+					gap: "4px",
+					overflow: "hidden",
+					whiteSpace: "nowrap",
+					fontSize: "0.8rem",
+					color: h ? "text.disabled" : "text.primary"
+				},
+				children: V
+			}) : null,
+			(0, c.jsx)(ie, {
+				id: z,
+				label: R ? void 0 : V,
+				placeholder: ge,
+				disabled: h,
+				error: q,
+				helperText: _e,
+				sx: { "& .MuiFormHelperText-root": {
+					marginTop: m,
+					...R ? { lineHeight: p } : null
+				} },
+				slotProps: {
+					input: { endAdornment: ve },
+					inputLabel: { shrink: !0 },
+					htmlInput: {
+						className: N,
+						spellCheck: !1,
+						autoComplete: "off",
+						readOnly: h || W.inputProps.readOnly,
+						name: l,
+						sx: {
+							paddingTop: (e) => e.spacing(R || V == null ? 1 : 1.25),
+							paddingBottom: (e) => e.spacing(R || V == null ? 1 : .75),
+							...G.overlayActive ? {
+								color: "transparent",
+								caretColor: (e) => e.palette.text.primary
+							} : null
+						},
+						onSelect: (e) => {
+							W.inputProps.onSelect(e), G.inputHandlers.onSelect(e);
+						},
+						onScroll: G.inputHandlers.onScroll,
+						onMouseMove: G.inputHandlers.onMouseMove,
+						onMouseLeave: G.inputHandlers.onMouseLeave,
+						onDragStart: G.inputHandlers.onDragStart
+					}
+				},
+				value: W.inputProps.value,
+				inputRef: (e) => {
+					G.inputElRef.current = e, W.inputProps.ref(e), U?.ref && U.ref(e);
+				},
+				onChange: (e) => {
+					W.inputProps.onChange(e), G.inputHandlers.onSelect(e), U?.onChange(e);
+				},
+				onKeyDown: (e) => {
+					G.handleKeyDown(e) || (W.inputProps.onKeyDown(e), e.defaultPrevented || _?.(e));
+				},
+				onPointerDown: G.inputHandlers.onPointerDown,
+				onMouseDown: W.inputProps.onMouseDown,
+				onFocus: (e) => {
+					W.inputProps.onFocus(e), v?.(e);
+				},
+				onBlur: (e) => {
+					W.inputProps.onBlur(e), U?.onBlur(e);
+				},
+				onContextMenu: (e) => {
+					e.stopPropagation();
+				}
+			}),
+			G.overlayElement,
+			G.tipElement,
+			G.hintElement
+		]
+	});
+}));
+g.displayName = "FormulaField";
+export { d as n, h as r, g as t };