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

package/cdn/assets/{9ra2y9Srlg_Pw7Q32.js → BJ74o1RxHOu_KTYD2.js}

@@ -1,21 +1,21 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.3
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.4
 *
 * (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 "./CVbPAnmNN3TxMkq4.js";
-import { t } from "./CYFmWcVbnUCDPJ8m.js";
-import { t as n } from "./BUeKY15yUtNX2nYg.js";
-import { t as r } from "./DB_I2ygTnDxYiYyc2.js";
-import { t as i } from "./B45vVm2Ma1i2b6_F.js";
-import { r as a } from "./CwGEi_5ErUTrkWRj.js";
-import { en as o, h as s, m as c, p as l, qt as u, t as d } from "./DW3_Jr-4VdZZqNEg.js";
-import { ot as f } from "./CmRLwDXiK3woZrVI.js";
-import { D as p, Dt as m, Et as h, L as g, N as _, _t as v, ct as y, et as b, lt as x, ut as S } from "./CcXDdl0SsmyEFtmU.js";
-import { t as C } from "./hqW1sMr576y2S1qX.js";
-import { T as w } from "./mI8tvfP8ed2Zerre.js";
-import { t as T } from "./w65zHFqjAp_NlbXg2.js";
+import { r as e } from "./7XkdeYBragcPQQS0.js";
+import { t } from "./TA52Zf5ZMCu6I721.js";
+import { t as n } from "./RnavifpmQlGK2gal.js";
+import { H as r } from "./C62Y8jSQuT2_lqUs2.js";
+import { r as i } from "./POvNgF4k1Kibh6Db.js";
+import { Ot as a, h as o, kt as s, m as c, p as l, t as u } from "./CdP9qTlDd3C1oYJE.js";
+import { ot as d } from "./Cr34xFdpfmYj3XVX.js";
+import { D as f, Dt as p, Et as m, L as h, N as g, _t as _, ct as v, et as y, lt as b, ut as x } from "./C2-SeODnwo_GR5pz.js";
+import { t as S } from "./kgHG0ixsMXmNdu8U.js";
+import { T as C } from "./C5JHyXmpBXqT829C.js";
+import { t as w } from "./CRepp6I1poWZwijy2.js";
+import { t as T } from "./BfZiZa7P8RpKrStu2.js";
 var E = e(t(), 1);
 function D(e) {
 	return c("MuiSkeleton", e);
@@ -32,7 +32,7 @@ l("MuiSkeleton", [
 	"fitContent",
 	"heightAuto"
 ]);
-var O = n(), k = m`
+var O = n(), k = p`
   0% {
     opacity: 1;
   }
@@ -44,7 +44,7 @@ var O = n(), k = m`
   100% {
     opacity: 1;
   }
-`, A = m`
+`, A = p`
   0% {
     transform: translateX(-100%);
   }
@@ -57,13 +57,13 @@ var O = n(), k = m`
   100% {
     transform: translateX(100%);
   }
-`, j = typeof k == "string" ? null : h`
+`, j = typeof k == "string" ? null : m`
         animation: ${k} 2s ease-in-out 0.5s infinite;
-      `, M = typeof A == "string" ? null : h`
+      `, M = typeof A == "string" ? null : m`
         &::after {
           animation: ${A} 2s linear 0.5s infinite;
         }
-      `, N = S("span", {
+      `, N = x("span", {
 	name: "MuiSkeleton",
 	slot: "Root",
 	overridesResolver: (e, t) => {
@@ -77,12 +77,12 @@ var O = n(), k = m`
 			n.hasChildren && !n.height && t.heightAuto
 		];
 	}
-})(x(({ theme: e }) => {
+})(b(({ theme: e }) => {
 	let t = (n = e.shape.borderRadius, String(n).match(/[\d.\-+]*\s*(.*)/)[1] || "px");
 	var n;
 	let r = (i = e.shape.borderRadius, parseFloat(i));
 	var i;
-	let a = b(e, { animation: "none" }), o = b(e, { "&::after": {
+	let a = y(e, { animation: "none" }), o = y(e, { "&::after": {
 		animation: "none",
 		display: "none"
 	} });
@@ -160,10 +160,10 @@ var O = n(), k = m`
 		]
 	};
 })), P = E.forwardRef(function(e, t) {
-	let n = y({
+	let n = v({
 		props: e,
 		name: "MuiSkeleton"
-	}), { animation: r = "pulse", className: i, component: a = "span", height: o, style: c, variant: l = "text", width: u, ...d } = n, f = {
+	}), { animation: r = "pulse", className: i, component: a = "span", height: s, style: c, variant: l = "text", width: u, ...d } = n, f = {
 		...n,
 		animation: r,
 		component: a,
@@ -171,7 +171,7 @@ var O = n(), k = m`
 		hasChildren: !!d.children
 	}, p = ((e) => {
 		let { classes: t, variant: n, animation: r, hasChildren: i, width: a, height: o } = e;
-		return v({ root: [
+		return _({ root: [
 			"root",
 			n,
 			r,
@@ -183,21 +183,21 @@ var O = n(), k = m`
 	return (0, O.jsx)(N, {
 		as: a,
 		ref: t,
-		className: s(p.root, i),
+		className: o(p.root, i),
 		ownerState: f,
 		...d,
 		style: {
 			width: u,
-			height: o,
+			height: s,
 			...c
 		}
 	});
 }), F = "8 / 5", I = (e) => {
-	let { entry: t } = e, n = (f() === "dark" ? t.thumbnailDarkUrl : void 0) ?? t.thumbnailUrl;
+	let { entry: t } = e, n = (d() === "dark" ? t.thumbnailDarkUrl : void 0) ?? t.thumbnailUrl;
 	return (0, O.jsx)(L, { src: n }, n);
 }, L = (e) => {
 	let { src: t } = e, [n, r] = (0, E.useState)(t ? "loading" : "failed");
-	return (0, O.jsx)(d, {
+	return (0, O.jsx)(u, {
 		className: "template-thumbnail",
 		sx: {
 			position: "relative",
@@ -212,7 +212,7 @@ var O = n(), k = m`
 			alignItems: "center",
 			justifyContent: "center"
 		},
-		children: n === "failed" ? (0, O.jsx)(a, {
+		children: n === "failed" ? (0, O.jsx)(i, {
 			iconKey: "FileNew",
 			style: {
 				fontSize: "2.5rem",
@@ -237,7 +237,7 @@ var O = n(), k = m`
 	});
 }, R = (e) => {
 	let { entry: t, category: n, onSelect: r } = e;
-	return (0, O.jsxs)(g, {
+	return (0, O.jsxs)(h, {
 		className: "template-tile",
 		disableRipple: !0,
 		onClick: r,
@@ -260,14 +260,14 @@ var O = n(), k = m`
 				outlineOffset: "-2px"
 			}
 		},
-		children: [(0, O.jsx)(I, { entry: t }), (0, O.jsxs)(d, {
+		children: [(0, O.jsx)(I, { entry: t }), (0, O.jsxs)(u, {
 			sx: { minWidth: 0 },
-			children: [(0, O.jsx)(_, {
+			children: [(0, O.jsx)(g, {
 				variant: "subtitle2",
 				component: "div",
 				noWrap: !0,
 				children: t.title
-			}), n ? (0, O.jsx)(_, {
+			}), n ? (0, O.jsx)(g, {
 				variant: "caption",
 				component: "div",
 				noWrap: !0,
@@ -276,7 +276,7 @@ var O = n(), k = m`
 			}) : null]
 		})]
 	});
-}, z = () => (0, O.jsxs)(d, {
+}, z = () => (0, O.jsxs)(u, {
 	sx: {
 		padding: 1,
 		display: "flex",
@@ -303,28 +303,28 @@ var O = n(), k = m`
 		})
 	]
 }), B = (0, E.memo)((0, E.forwardRef)((e, t) => {
-	let { catalog: n, onSelect: r, filter: a, groupBy: s, renderTile: c, tileMinWidth: l = 180, emptyLabel: f, visibleRows: m, sx: h = u.EmptyCssProperties, style: g, className: v, onKeyDown: y, ...b } = e, x = o(), S = (0, E.useRef)(null), [C, w] = (0, E.useState)(0), T = (0, E.useRef)(null);
-	T.current = () => {
-		let e = S.current?.querySelector(".template-grid")?.firstElementChild, t = (e?.offsetHeight ? e : e?.firstElementChild)?.getBoundingClientRect().height;
-		t && w(t);
+	let { catalog: n, onSelect: r, filter: i, groupBy: o, renderTile: c, tileMinWidth: l = 180, emptyLabel: d, visibleRows: p, sx: m = s.EmptyCssProperties, style: h, className: _, onKeyDown: v, ...y } = e, b = a(), x = (0, E.useRef)(null), [S, C] = (0, E.useState)(0), w = (0, E.useRef)(null);
+	w.current = () => {
+		let e = x.current?.querySelector(".template-grid")?.firstElementChild, t = (e?.offsetHeight ? e : e?.firstElementChild)?.getBoundingClientRect().height;
+		t && C(t);
 	}, (0, E.useLayoutEffect)(() => {
-		m && T.current?.();
+		p && w.current?.();
 	}), (0, E.useEffect)(() => {
-		let e = S.current;
-		if (!m || !e) return;
-		let t = new ResizeObserver(() => T.current?.());
+		let e = x.current;
+		if (!p || !e) return;
+		let t = new ResizeObserver(() => w.current?.());
 		return t.observe(e), () => t.disconnect();
-	}, [m]);
+	}, [p]);
 	let D, k = (0, E.useMemo)(() => new Map(n.categories.map((e) => [e.id, e])), [n.categories]), A = (0, E.useMemo)(() => {
-		let e = a ? n.entries.filter(a) : n.entries;
-		if (!s) return [{
+		let e = i ? n.entries.filter(i) : n.entries;
+		if (!o) return [{
 			key: null,
 			entries: e
 		}];
 		let t = /* @__PURE__ */ new Map();
 		for (let e of n.categories) t.set(e.id, []);
 		for (let n of e) {
-			let e = s(n), r = t.get(e);
+			let e = o(n), r = t.get(e);
 			r || t.set(e, r = []), r.push(n);
 		}
 		return [...t].filter(([, e]) => e.length > 0).map(([e, t]) => ({
@@ -336,20 +336,20 @@ var O = n(), k = m`
 		n.entries,
 		n.categories,
 		k,
-		a,
-		s
+		i,
+		o
 	]), j = {
 		display: "grid",
 		gridTemplateColumns: `repeat(auto-fill, minmax(${l}px, 1fr))`,
 		gap: "8px"
 	};
-	return D = n.status === "loading" ? (0, O.jsx)(d, {
+	return D = n.status === "loading" ? (0, O.jsx)(u, {
 		className: "template-grid",
 		sx: j,
 		"aria-busy": "true",
-		"aria-label": x("template.loading"),
+		"aria-label": b("template.loading"),
 		children: Array.from({ length: 6 }, (e, t) => (0, O.jsx)(z, {}, t))
-	}) : n.status === "error" ? (0, O.jsxs)(d, {
+	}) : n.status === "error" ? (0, O.jsxs)(u, {
 		sx: {
 			display: "flex",
 			flexDirection: "column",
@@ -358,28 +358,28 @@ var O = n(), k = m`
 			padding: 4,
 			textAlign: "center"
 		},
-		children: [(0, O.jsx)(_, {
+		children: [(0, O.jsx)(g, {
 			variant: "body2",
 			sx: { color: "text.secondary" },
-			children: x("template.loadFailed")
-		}), (0, O.jsx)(p, {
+			children: b("template.loadFailed")
+		}), (0, O.jsx)(f, {
 			variant: "outlined",
 			size: "small",
 			onClick: n.retry,
-			children: x("template.retry")
+			children: b("template.retry")
 		})]
-	}) : A.every((e) => e.entries.length === 0) ? (0, O.jsx)(_, {
+	}) : A.every((e) => e.entries.length === 0) ? (0, O.jsx)(g, {
 		variant: "body2",
 		sx: {
 			color: "text.secondary",
 			padding: 4,
 			textAlign: "center"
 		},
-		children: f ?? x("template.empty")
-	}) : A.map((e) => (0, O.jsxs)(d, {
+		children: d ?? b("template.empty")
+	}) : A.map((e) => (0, O.jsxs)(u, {
 		role: "group",
 		"aria-label": e.title,
-		children: [e.title ? (0, O.jsx)(_, {
+		children: [e.title ? (0, O.jsx)(g, {
 			variant: "overline",
 			component: "div",
 			sx: {
@@ -387,7 +387,7 @@ var O = n(), k = m`
 				paddingX: 1
 			},
 			children: e.title
-		}) : null, (0, O.jsx)(d, {
+		}) : null, (0, O.jsx)(u, {
 			className: "template-grid",
 			sx: j,
 			children: e.entries.map((e) => {
@@ -395,7 +395,7 @@ var O = n(), k = m`
 					category: k.get(e.category),
 					onSelect: () => r?.(e)
 				};
-				return c ? (0, O.jsx)(d, {
+				return c ? (0, O.jsx)(u, {
 					sx: { display: "contents" },
 					children: c(e, t)
 				}, e.id) : (0, O.jsx)(R, {
@@ -404,23 +404,23 @@ var O = n(), k = m`
 				}, e.id);
 			})
 		})]
-	}, e.key ?? "")), (0, O.jsx)(d, {
+	}, e.key ?? "")), (0, O.jsx)(u, {
 		ref: t,
-		className: i(v, "template-panel"),
-		sx: h,
-		style: m && C ? {
+		className: T(_, "template-panel"),
+		sx: m,
+		style: p && S ? {
 			boxSizing: "content-box",
 			scrollbarGutter: "stable",
-			height: `${Math.ceil(m * C + 8 * (m - 1))}px`,
-			minHeight: `${Math.ceil(C)}px`,
-			...g
-		} : g,
-		...b,
-		children: (0, O.jsx)(d, {
-			ref: S,
+			height: `${Math.ceil(p * S + 8 * (p - 1))}px`,
+			minHeight: `${Math.ceil(S)}px`,
+			...h
+		} : h,
+		...y,
+		children: (0, O.jsx)(u, {
+			ref: x,
 			onKeyDown: (e) => {
-				if (y?.(e), e.defaultPrevented) return;
-				let t = S.current;
+				if (v?.(e), e.defaultPrevented) return;
+				let t = x.current;
 				if (!t) return;
 				let n = Array.from(t.querySelectorAll(".template-tile")), r = n.indexOf(document.activeElement);
 				if (r < 0) return;
@@ -464,11 +464,11 @@ var V = (e, t, n) => {
 		...e.tags ?? []
 	].some((e) => e?.toLowerCase().includes(r));
 }, H = (e) => {
-	let { value: t, onChange: n, sx: r } = e, i = o();
-	return (0, O.jsx)(C, {
+	let { value: t, onChange: n, sx: r } = e, o = a();
+	return (0, O.jsx)(S, {
 		size: "small",
 		value: t,
-		placeholder: i("template.search"),
+		placeholder: o("template.search"),
 		onChange: (e) => n(e.target.value),
 		onKeyDown: (e) => {
 			e.key === "Escape" && t && (e.stopPropagation(), n(""));
@@ -477,20 +477,20 @@ var V = (e, t, n) => {
 		slotProps: {
 			input: {
 				sx: { backgroundColor: "background.paper" },
-				startAdornment: (0, O.jsx)(T, {
+				startAdornment: (0, O.jsx)(w, {
 					position: "start",
-					children: (0, O.jsx)(a, { iconKey: "Find" })
+					children: (0, O.jsx)(i, { iconKey: "Find" })
 				}),
-				endAdornment: t ? (0, O.jsx)(T, {
+				endAdornment: t ? (0, O.jsx)(w, {
 					position: "end",
-					children: (0, O.jsx)(w, {
-						"aria-label": i("template.clearSearch"),
-						propsTooltip: { label: i("template.clearSearch") },
+					children: (0, O.jsx)(C, {
+						"aria-label": o("template.clearSearch"),
+						propsTooltip: { label: o("template.clearSearch") },
 						onMouseDown: (e) => {
 							e.button === 0 && e.preventDefault();
 						},
 						onClick: () => n(""),
-						icon: (0, O.jsx)(a, { iconKey: "Close" }),
+						icon: (0, O.jsx)(i, { iconKey: "Close" }),
 						size: "small"
 					})
 				}) : void 0
@@ -498,7 +498,7 @@ var V = (e, t, n) => {
 			htmlInput: {
 				spellCheck: !1,
 				autoComplete: "off",
-				"aria-label": i("template.search")
+				"aria-label": o("template.search")
 			}
 		}
 	});

package/cdn/assets/{FbLFNYdTqRtQ7QiS.js → BKrWCWpOpggPjFQq2.js}

@@ -1,11 +1,11 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.3
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.4
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.
 */
-import { t as e } from "./vP8Rb-lgzeerBAx42.js";
-import { i as t } from "./DB_I2ygTnDxYiYyc2.js";
+import { t as e } from "./AwRapR2kwqYVijeW2.js";
+import { s as t } from "./C62Y8jSQuT2_lqUs2.js";
 var n, r, i = class e {
 	static {
 		this.SIGNATURE = [

package/cdn/assets/{0uSu6ChH_CTmXM2q2.js → BLKL_d2AFcnL6fbw2.js}

@@ -1,122 +1,122 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.3
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.4
 *
 * (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 "./CVbPAnmNN3TxMkq4.js";
-import { t } from "./CYFmWcVbnUCDPJ8m.js";
-import { t as n } from "./BUeKY15yUtNX2nYg.js";
-import { t as ee } from "./B45vVm2Ma1i2b6_F.js";
-import { r } from "./CwGEi_5ErUTrkWRj.js";
-import { en as te, t as i } from "./DW3_Jr-4VdZZqNEg.js";
-import { T as a, c as ne } from "./CmRLwDXiK3woZrVI.js";
-import { _ as re } from "./PLFw1pLjdLQLrlB0.js";
-import { t as ie } from "./hqW1sMr576y2S1qX.js";
-import { T as o } from "./mI8tvfP8ed2Zerre.js";
-import { t as ae } from "./w65zHFqjAp_NlbXg2.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) => {
+import { r as e } from "./7XkdeYBragcPQQS0.js";
+import { t } from "./TA52Zf5ZMCu6I721.js";
+import { t as n } from "./RnavifpmQlGK2gal.js";
+import { r } from "./POvNgF4k1Kibh6Db.js";
+import { Ot as ee, t as i } from "./CdP9qTlDd3C1oYJE.js";
+import { T as a, c as te } from "./Cr34xFdpfmYj3XVX.js";
+import { _ as ne } from "./DilLxTePPshHHpSq.js";
+import { t as re } from "./kgHG0ixsMXmNdu8U.js";
+import { T as o } from "./C5JHyXmpBXqT829C.js";
+import { t as ie } from "./CRepp6I1poWZwijy2.js";
+import { t as s } from "./BfZiZa7P8RpKrStu2.js";
+var c = e(t(), 1), l = n(), u = typeof window < "u" && window.HTMLElement !== void 0 && typeof document < "u";
+c.createContext(null).displayName = "HookFormControlContext", u ? c.useLayoutEffect : c.useEffect;
+var d = c.createContext(null);
+d.displayName = "HookFormContext";
+var f = () => c.useContext(d), p = (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, label: E, labelPlacement: pe = "floating", placeholder: me, helperText: D, showError: O = !0, onChangeError: k, validationError: A, hideAdornment: j, classNameInput: M, argument: N, id: P, ...F } = e, I = te(), L = pe === "above", R = (0, s.useId)(), z = P ?? R, B = n === "formula", V = E === void 0 ? I(B ? "formulaInput.label" : "rangeInput.label") : E, he = me ?? I(B ? "formulaInput.placeholder" : "rangeInput.placeholder"), H = d(), U = l && H ? H.register(l, u) : null, W = a({
-		value: se,
-		onChange: y,
-		onChangeText: b,
+}, m = "20px", h = "4px", g = `calc(${m} + ${h})`, _ = (0, c.memo)((0, c.forwardRef)((e, t) => {
+	let { grammar: n = "formula", formName: u, formOptions: d, disabled: g, className: _, sx: v, onKeyDown: y, onFocus: b, value: ae, onChangeInput: oe, onChangeText: se, onDone: x, changeOn: ce, apiRef: le, workbook: S, home: C, equals: ue, pickAs: de, pickSpills: fe, allowMulti: pe, allowCrossSheet: me, label: w, labelPlacement: T = "floating", placeholder: E, helperText: D, showError: O = !0, onChangeError: k, validationError: A, hideAdornment: j, classNameInput: M, argument: N, id: P, ...F } = e, I = ee(), L = T === "above", R = (0, c.useId)(), z = P ?? R, B = n === "formula", V = w === void 0 ? I(B ? "formulaInput.label" : "rangeInput.label") : w, he = E ?? I(B ? "formulaInput.placeholder" : "rangeInput.placeholder"), H = f(), U = u && H ? H.register(u, d) : null, W = a({
+		value: ae,
+		onChange: oe,
+		onChangeText: se,
 		onDone: x,
-		changeOn: S,
-		workbook: w,
-		home: T,
-		equals: ce,
-		pickAs: le,
-		pickSpills: ue,
-		allowMulti: de,
-		allowCrossSheet: fe,
-		disabled: h
+		changeOn: ce,
+		workbook: S,
+		home: C,
+		equals: ue,
+		pickAs: de,
+		pickSpills: fe,
+		allowMulti: pe,
+		allowCrossSheet: me,
+		disabled: g
 	}, n);
-	(0, s.useImperativeHandle)(C, () => W, [W]);
-	let G = ne({
+	(0, c.useImperativeHandle)(le, () => W, [W]);
+	let G = te({
 		api: W,
 		grammar: n,
-		disabled: h,
-		workbook: w,
-		home: T,
+		disabled: g,
+		workbook: S,
+		home: C,
 		argument: N
-	}), K = !!W.error && !G.inputExpected, q = K || !!A, ge = O && q ? I(K ? W.error : A) : D === void 0 ? " " : D, J = (0, s.useRef)(H);
+	}), K = !!W.error && !G.inputExpected, q = K || !!A, ge = O && q ? I(K ? W.error : A) : D === void 0 ? " " : D, J = (0, c.useRef)(H);
 	J.current = H;
-	let Y = (0, s.useRef)(k);
+	let Y = (0, c.useRef)(k);
 	Y.current = k;
-	let X = (0, s.useRef)(null), Z = K ? W.error : null, Q = (0, s.useRef)(null);
-	(0, s.useEffect)(() => {
+	let X = (0, c.useRef)(null), Z = K ? W.error : null, Q = (0, c.useRef)(null);
+	(0, c.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;
+	}, [Z]), (0, c.useEffect)(() => {
+		if (W.error === X.current || (X.current = W.error, !u)) return;
 		let e = J.current;
-		e && (W.error ? e.setError(l, { message: W.error }) : e.clearErrors(l));
-	}, [W.error, l]);
-	let $ = !!x, _e = (0, s.useMemo)(() => j ? void 0 : (0, c.jsx)(ae, {
+		e && (W.error ? e.setError(u, { message: W.error }) : e.clearErrors(u));
+	}, [W.error, u]);
+	let $ = !!x, _e = (0, c.useMemo)(() => j ? void 0 : (0, l.jsx)(ie, {
 		tabIndex: -1,
-		onMouseDown: f,
+		onMouseDown: p,
 		sx: {
 			display: "flex",
 			position: "relative",
 			flex: "0"
 		},
 		position: "end",
-		children: W.engaged && $ ? (0, c.jsxs)(c.Fragment, { children: [(0, c.jsx)(o, {
+		children: W.engaged && $ ? (0, l.jsxs)(l.Fragment, { children: [(0, l.jsx)(o, {
 			dense: !0,
 			outlined: !1,
 			color: "primary",
 			"aria-label": "commit-reference",
-			icon: (0, c.jsx)(r, { iconKey: "CheckSuccess" }),
+			icon: (0, l.jsx)(r, { iconKey: "CheckSuccess" }),
 			propsTooltip: {
 				label: I("referenceInput.commit"),
 				simple: !0
 			},
 			disabled: !!W.error,
 			tabIndex: -1,
-			onMouseDown: f,
+			onMouseDown: p,
 			onClick: () => {
 				W.commit();
 			}
-		}), (0, c.jsx)(o, {
+		}), (0, l.jsx)(o, {
 			dense: !0,
 			outlined: !1,
 			color: "warning",
 			"aria-label": "cancel-reference",
-			icon: (0, c.jsx)(r, { iconKey: "CloseError" }),
+			icon: (0, l.jsx)(r, { iconKey: "CloseError" }),
 			propsTooltip: {
 				label: I("referenceInput.cancel"),
 				simple: !0
 			},
 			tabIndex: -1,
-			onMouseDown: f,
+			onMouseDown: p,
 			onClick: () => {
 				W.cancel();
 			}
-		})] }) : (0, c.jsx)(o, {
+		})] }) : (0, l.jsx)(o, {
 			dense: !0,
 			outlined: !1,
-			disabled: h || !W.canSelectCurrent,
+			disabled: g || !W.canSelectCurrent,
 			sx: { "&.Mui-disabled": { opacity: .35 } },
 			"aria-label": "select-current-range",
-			icon: (0, c.jsx)(r, { iconKey: "SelectRangeMode" }),
+			icon: (0, l.jsx)(r, { iconKey: "SelectRangeMode" }),
 			propsTooltip: {
 				label: I("referenceInput.selectCurrent"),
 				simple: !0
 			},
 			tabIndex: -1,
-			onMouseDown: f,
+			onMouseDown: p,
 			onClick: () => {
 				W.engaged || W.togglePoint(), W.selectCurrent();
 			}
 		})
 	}), [
 		j,
-		h,
+		g,
 		$,
 		W.engaged,
 		W.canSelectCurrent,
@@ -126,26 +126,26 @@ var d = () => s.useContext(u), f = (e) => {
 		W.cancel,
 		!!W.error
 	]);
-	return (0, c.jsxs)(re, {
+	return (0, l.jsxs)(ne, {
 		sx: {
 			minWidth: 135,
 			width: "100%",
-			...oe
+			...v
 		},
 		size: "small",
 		ref: (e) => {
 			G.containerRef.current = e, typeof t == "function" ? t(e) : t && (t.current = e);
 		},
-		className: ee("sxl-formula-field", g),
+		className: s("sxl-formula-field", _),
 		"data-grammar": n,
 		...F,
 		children: [
-			L ? (0, c.jsx)(i, {
+			L ? (0, l.jsx)(i, {
 				component: "label",
 				htmlFor: z,
 				sx: {
-					lineHeight: p,
-					marginBottom: m,
+					lineHeight: m,
+					marginBottom: h,
 					paddingLeft: "14px",
 					display: "flex",
 					alignItems: "center",
@@ -153,20 +153,20 @@ var d = () => s.useContext(u), f = (e) => {
 					overflow: "hidden",
 					whiteSpace: "nowrap",
 					fontSize: "0.8rem",
-					color: h ? "text.disabled" : "text.primary"
+					color: g ? "text.disabled" : "text.primary"
 				},
 				children: V
 			}) : null,
-			(0, c.jsx)(ie, {
+			(0, l.jsx)(re, {
 				id: z,
 				label: L ? void 0 : V,
 				placeholder: he,
-				disabled: h,
+				disabled: g,
 				error: q,
 				helperText: ge,
 				sx: { "& .MuiFormHelperText-root": {
-					marginTop: m,
-					...L ? { lineHeight: p } : null
+					marginTop: h,
+					...L ? { lineHeight: m } : null
 				} },
 				slotProps: {
 					input: { endAdornment: _e },
@@ -175,8 +175,8 @@ var d = () => s.useContext(u), f = (e) => {
 						className: M,
 						spellCheck: !1,
 						autoComplete: "off",
-						readOnly: h || W.inputProps.readOnly,
-						name: l,
+						readOnly: g || W.inputProps.readOnly,
+						name: u,
 						sx: {
 							paddingTop: (e) => e.spacing(L || V == null ? 1 : 1.25),
 							paddingBottom: (e) => e.spacing(L || V == null ? 1 : .75),
@@ -202,12 +202,12 @@ var d = () => s.useContext(u), f = (e) => {
 					W.inputProps.onChange(e), G.inputHandlers.onSelect(e), U?.onChange(e);
 				},
 				onKeyDown: (e) => {
-					G.handleKeyDown(e) || (W.inputProps.onKeyDown(e), e.defaultPrevented || _?.(e));
+					G.handleKeyDown(e) || (W.inputProps.onKeyDown(e), e.defaultPrevented || y?.(e));
 				},
 				onPointerDown: G.inputHandlers.onPointerDown,
 				onMouseDown: W.inputProps.onMouseDown,
 				onFocus: (e) => {
-					W.inputProps.onFocus(e), v?.(e);
+					W.inputProps.onFocus(e), b?.(e);
 				},
 				onBlur: (e) => {
 					W.inputProps.onBlur(e), U?.onBlur(e);
@@ -222,5 +222,5 @@ var d = () => s.useContext(u), f = (e) => {
 		]
 	});
 }));
-g.displayName = "FormulaField";
-export { d as n, h as r, g as t };
+_.displayName = "FormulaField";
+export { f as n, g as r, _ as t };