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

package/cdn/assets/{CsrTRThObSryov1b.js → CcqUWXYGGj-psA9H.js}

@@ -1,10 +1,10 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.10
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.12
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.
 */
-import { s as e } from "./BuYS_ZjSlcvWZ1JC.js";
+import { wn as e } from "./yeI_qudcEuAsSDGK.js";
 var t = e((e) => {
 	function t(e, t) {
 		return t === void 0 && (t = Object), t && typeof t.getOwnPropertyDescriptors == "function" && (e = t.create(null, t.getOwnPropertyDescriptors(e))), t && typeof t.freeze == "function" ? t.freeze(e) : e;

package/cdn/assets/Cd2x-3RBbJNq0TuA.js

@@ -0,0 +1,323 @@
+/**
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.12
+*
+* (C) 2026-present SheetXL Inc. & Michael T. Ford
+* License: The license can be found at https://www.sheetxl.com/license.
+*/
+import { n as e } from "./CTmLSM7UhiKOIhgu.js";
+import { t } from "./CCos0hQMhVcaGwU0.js";
+import { t as n } from "./CPGIT9PYUuWdSglk.js";
+import { m as r } from "./Cif0315haNLmyMj-.js";
+import { U as i, t as a, x as o } from "./TVEs01pqc117KeGZ.js";
+import { dt as s, t as c, z as l } from "./OABpLvY7siKUyNIa.js";
+import { t as u } from "./DWcAYH0eBaOj-dU4.js";
+import { M as d } from "./DX-iRDnwn8uZZIqp.js";
+import { m as f, t as p, y as ee } from "./BqM-W_oFdjeyu8N4.js";
+import { t as m } from "./B5znT6l0E-uRlPxA.js";
+import { t as te } from "./CImdnjQtd2Yn7uXl.js";
+import { d as h, s as g } from "./CFJ9wCSJYOoE1Lrz.js";
+import { h as _, i as ne, l as re, o as v, s as y, u as b } from "./Dzno9raiwXxce_BQ.js";
+var x = e(t(), 1), S = n(), C = (e, t, n) => () => {
+	t === e && n();
+}, w = (0, x.memo)((e) => {
+	let { label: t, value: n, min: r, max: i, step: a = 1, decimals: o = !1, width: s, disabled: c, onChange: l } = e, u = (0, x.useRef)(null), d = (e) => Math.max(r, Math.min(i, e)), f = (e) => {
+		let t = o ? parseFloat(e) : parseInt(e, 10);
+		return Number.isNaN(t) ? null : d(t);
+	};
+	return (0, S.jsx)(_, {
+		label: t,
+		value: String(n),
+		disabled: c,
+		hideAdornment: !0,
+		helperText: null,
+		propsInput: {
+			type: "number",
+			min: r,
+			max: i,
+			step: a
+		},
+		sx: {
+			width: s,
+			minWidth: 0,
+			"& input": { textAlign: "right" }
+		},
+		onChangeInput: (e) => {
+			let t = f(e);
+			t !== null && (u.current = t, l(t));
+		},
+		onDone: (e) => {
+			let t = f(e) ?? d(0), n = u.current;
+			u.current = null, n !== t && l(t);
+		}
+	});
+});
+w.displayName = "FormatNumberField";
+var T = {
+	display: "flex",
+	flexDirection: "column",
+	gap: 1.5,
+	minWidth: 0
+}, E = (0, x.memo)((e) => {
+	let { label: t, children: n, sx: r, ...i } = e;
+	return (0, S.jsxs)(u, {
+		sx: {
+			display: "flex",
+			flexDirection: "column",
+			gap: .75,
+			minWidth: 0,
+			...r
+		},
+		...i,
+		children: [t ? (0, S.jsx)(d, {
+			variant: "caption",
+			component: "div",
+			sx: {
+				color: "text.secondary",
+				lineHeight: 1.4
+			},
+			children: t
+		}) : null, n]
+	});
+});
+E.displayName = "FormatSection";
+var D = (0, x.memo)((e) => {
+	let { children: t, sx: n, ...r } = e;
+	return (0, S.jsx)(u, {
+		sx: {
+			display: "flex",
+			flexWrap: "wrap",
+			alignItems: "center",
+			gap: 1,
+			minWidth: 0,
+			...n
+		},
+		...r,
+		children: t
+	});
+});
+D.displayName = "FormatRow";
+var O = (0, x.memo)((e) => {
+	let { children: t, sx: n, ...r } = e;
+	return (0, S.jsx)(u, {
+		sx: {
+			display: "flex",
+			alignItems: "center",
+			gap: .25,
+			flexWrap: "wrap",
+			minWidth: 0,
+			...n
+		},
+		...r,
+		children: t
+	});
+});
+O.displayName = "FormatButtonGroup";
+var k = i.BuiltInSheetPattern.Gray125, A = new a(o.Named.Transparent), j = (e) => ({
+	fill: e.style.getFill(),
+	styles: e.styles,
+	schemeLookup: e.schemeLookup,
+	darkMode: e.darkMode,
+	disabled: e.disabled,
+	createCell: e.createCell,
+	applyFill: (t, n) => e.applyStyle({ fill: t }, n)
+}), M = (0, x.memo)((e) => {
+	let { selection: t, disabled: n, maxGradientStops: d, className: _, ...w } = e, O = s(), { fill: j, applyFill: M, createCell: ie, schemeLookup: N, styles: P, darkMode: F } = t, I = n || t.disabled, L = l((e, t) => {
+		M(e.fill, t);
+	}, [M]), R = j.getType(), z = R === i.Type.None ? i.Type.Solid : R, B = R === i.Type.Pattern ? j : null, V = B?.getPatternType() ?? k, H = B ? y(V, B.getForeground(), B.getBackground()) : null, U = (0, x.useMemo)(() => new a(o.Scheme.Tx1, N), [N]), W = H?.foreground ?? U, G = H?.background ?? new a(o.Named.Transparent, N), K = R === i.Type.Solid ? j.getColor() : null, q = l(() => P.recentColors(), [P]), [J] = c(["formatFillColor"]), Y = J?.getContext(), X = Y?.quickColor ?? null, ae = l((e, t) => {
+		e && t && P.addRecentColor(e), Y?.onColorSelect?.(e), e ? L({ fill: {
+			type: i.Type.Solid,
+			color: e.toString()
+		} }, r("op.setFillColor")) : L({ fill: { type: i.Type.None } }, r("op.setFillNone"));
+	}, [
+		L,
+		P,
+		Y
+	]), Z = l((e) => {
+		let t = e.patternType ?? V, n = y(t, e.foreground ?? W.toString(), e.background ?? G.toString());
+		L({ fill: {
+			type: i.Type.Pattern,
+			patternType: t,
+			foreground: n.foreground,
+			background: n.background
+		} }, r("op.setFillPattern"));
+	}, [
+		L,
+		V,
+		W,
+		G
+	]), Q = l((e) => {
+		L({ fill: {
+			type: i.Type.Gradient,
+			gradientType: e.gradientType,
+			angle: e.angle,
+			stops: e.stops.map((e) => ({
+				offset: e.offset,
+				color: e.color
+			}))
+		} }, r("op.setFillGradient"));
+	}, [L]), oe = l((e) => {
+		if (e !== z) switch (e) {
+			case i.Type.Solid:
+				L({ fill: {
+					type: i.Type.Solid,
+					color: (X ?? j.getColor())?.toString() ?? "ffffff"
+				} }, r("op.setFillSolid"));
+				break;
+			case i.Type.Pattern:
+				Z({});
+				break;
+			case i.Type.Gradient: Q(ne);
+		}
+	}, [
+		z,
+		j,
+		X,
+		L,
+		Z,
+		Q
+	]), $ = l(() => {
+		switch (R) {
+			case i.Type.Pattern:
+				Z({});
+				break;
+			case i.Type.Gradient:
+				Q(b(j));
+				break;
+			case i.Type.Solid:
+				L({ fill: {
+					type: i.Type.Solid,
+					color: j.getColor().toString()
+				} }, r("op.setFillColor"));
+				break;
+			default: L({ fill: { type: i.Type.None } }, r("op.setFillNone"));
+		}
+	}, [
+		R,
+		j,
+		L,
+		Z,
+		Q
+	]);
+	return (0, S.jsxs)(u, {
+		className: te("sxl-format-fill-panel", _),
+		sx: T,
+		...w,
+		children: [
+			(0, S.jsx)(E, { children: (0, S.jsxs)(ee, {
+				size: "small",
+				fullWidth: !0,
+				children: [(0, S.jsx)(f, {
+					shrink: !0,
+					children: O("fill.type")
+				}), (0, S.jsxs)(p, {
+					label: O("fill.type"),
+					notched: !0,
+					disabled: I,
+					value: z,
+					onChange: (e) => oe(e.target.value),
+					children: [
+						(0, S.jsx)(m, {
+							value: i.Type.Solid,
+							onClick: C(z, i.Type.Solid, $),
+							children: O("fill.typeSolid")
+						}),
+						(0, S.jsx)(m, {
+							value: i.Type.Pattern,
+							onClick: C(z, i.Type.Pattern, $),
+							children: O("fill.typePattern")
+						}),
+						(0, S.jsx)(m, {
+							value: i.Type.Gradient,
+							onClick: C(z, i.Type.Gradient, $),
+							children: O("fill.typeGradient")
+						}),
+						R === i.Type.Image ? (0, S.jsx)(m, {
+							value: i.Type.Image,
+							disabled: !0,
+							children: O("fill.typeImage")
+						}) : null
+					]
+				})]
+			}) }),
+			z === i.Type.Solid ? (0, S.jsx)(E, {
+				label: O("fill.backgroundColor"),
+				children: (0, S.jsx)(D, { children: (0, S.jsx)(h, {
+					icon: "fill.colored",
+					disabled: I,
+					darkMode: F,
+					compareRGB: !0,
+					selectedColor: K,
+					onSelectColor: ae,
+					propsPanel: {
+						disableAlpha: !0,
+						autoColor: A,
+						autoColorLabelKey: r("color.noFill"),
+						autoColorPosition: g.End,
+						schemeLookup: N,
+						recentColors: q
+					}
+				}) })
+			}) : null,
+			R === i.Type.Pattern ? (0, S.jsxs)(S.Fragment, { children: [
+				(0, S.jsx)(E, {
+					label: O("fill.patternStyle"),
+					children: (0, S.jsx)(D, { children: (0, S.jsx)(v, {
+						disabled: I,
+						darkMode: F,
+						selectedPattern: V,
+						foreground: W.toString(),
+						background: G.toString(),
+						createCell: ie,
+						onSelectPattern: (e) => Z({ patternType: e })
+					}) })
+				}),
+				(0, S.jsx)(E, {
+					label: O("fill.patternForeground"),
+					children: (0, S.jsx)(D, { children: (0, S.jsx)(h, {
+						disabled: I,
+						darkMode: F,
+						selectedColor: W,
+						onSelectColor: (e) => {
+							Z({ foreground: (e ?? U).toString() });
+						},
+						propsPanel: {
+							disableAlpha: !0,
+							autoColor: U,
+							schemeLookup: N,
+							recentColors: q
+						}
+					}) })
+				}),
+				(0, S.jsx)(E, {
+					label: O("fill.patternBackground"),
+					children: (0, S.jsx)(D, { children: (0, S.jsx)(h, {
+						disabled: I,
+						darkMode: F,
+						selectedColor: G,
+						onSelectColor: (e) => {
+							Z({ background: (e ?? A).toString() });
+						},
+						propsPanel: {
+							disableAlpha: !0,
+							autoColor: A,
+							autoColorLabelKey: r("color.noFill"),
+							schemeLookup: N,
+							recentColors: q
+						}
+					}) })
+				})
+			] }) : null,
+			R === i.Type.Gradient ? (0, S.jsx)(E, { children: (0, S.jsx)(re, {
+				disabled: I,
+				maxStops: d,
+				darkMode: F,
+				schemeLookup: N,
+				recentColors: q,
+				value: b(j),
+				onChange: Q
+			}) }) : null
+		]
+	});
+});
+M.displayName = "FillPanel";
+export { w as a, C as c, D as i, T as n, j as o, M as r, O as s, E as t };

package/cdn/assets/{dn69mDhY7Xcc91kF.js → CeiY_ZCBlUsmH2rY.js}

@@ -1,25 +1,25 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.10
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.12
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.
 */
-import { t as e } from "./CIyaijfp6itgRpFM.js";
-import { t } from "./BeQ95CzwR65il0CK.js";
-import { m as n, mt as r } from "./Cw7AJWd0S2sjRmr6.js";
-import { t as i } from "./mK8HcIZyXkOTvL6E.js";
-import { h as a, m as o } from "./CbTN0q6XnYGJqyEp.js";
-import { y as s } from "./VCiu_neIjCTg2NUa.js";
-import { t as c } from "./CTvPIYWTcjwlJeEA.js";
-import { r as l } from "./DCnWyVXikb_8Dat3.js";
-var u = t(), d = l(e(), 1), f = ["Input"], p = (0, d.memo)((0, d.forwardRef)((e, t) => {
-	let { initialValue: l = "", onOption: p, onValidateOption: m, onInput: h, onValidateInput: g, onDone: _, propsInput: v, inputLabel: y, inputType: b, inputPlaceHolder: x, options: S = f, autoFocusSel: C = ".autoFocus", cancelOption: w, defaultOption: T = S?.[0], ...E } = e, [D, O] = (0, d.useState)(!1), [k, A] = (0, d.useState)(l), [j, M] = (0, d.useState)(""), [N, P] = (0, d.useState)(!0), F = n(async (e, t) => {
+import { n as e } from "./CTmLSM7UhiKOIhgu.js";
+import { t } from "./CCos0hQMhVcaGwU0.js";
+import { t as n } from "./CPGIT9PYUuWdSglk.js";
+import { Tt as r, z as i } from "./OABpLvY7siKUyNIa.js";
+import { t as a } from "./DWcAYH0eBaOj-dU4.js";
+import { g as o, r as s } from "./DX-iRDnwn8uZZIqp.js";
+import { y as c } from "./BqM-W_oFdjeyu8N4.js";
+import { t as l } from "./CwPsCkeHan5zXDyX.js";
+var u = n(), d = e(t(), 1), f = ["Input"], p = (0, d.memo)((0, d.forwardRef)((e, t) => {
+	let { initialValue: n = "", onOption: p, onValidateOption: m, onInput: h, onValidateInput: g, onDone: _, propsInput: v, inputLabel: y, inputType: b, inputPlaceHolder: x, options: S = f, autoFocusSel: C = ".autoFocus", cancelOption: w, defaultOption: T = S?.[0], ...E } = e, [D, O] = (0, d.useState)(!1), [k, A] = (0, d.useState)(n), [j, M] = (0, d.useState)(""), [N, P] = (0, d.useState)(!0), F = i(async (e, t) => {
 		if (!g) return !0;
 		let n = await g?.(e, t);
 		M(n?.message ?? "");
 		let r = n?.valid ?? !0;
 		return P(r), r;
-	}, [g]), I = n(async (e) => {
+	}, [g]), I = i(async (e) => {
 		h?.(k, e);
 	}, [
 		k,
@@ -28,12 +28,12 @@ var u = t(), d = l(e(), 1), f = ["Input"], p = (0, d.memo)((0, d.forwardRef)((e,
 		p,
 		w,
 		T
-	]), L = n(async (e) => {
+	]), L = i(async (e) => {
 		e.keyCode === r.Enter && await F?.(k, void 0);
-	}, [k, I]), R = n((e) => {
+	}, [k, I]), R = i((e) => {
 		A(e.target.value), F?.(e.target.value, void 0);
-	}, [m]), z = n(async (e) => await F(k, e) ?? !0, [k, m]);
-	return (0, u.jsx)(a, {
+	}, [m]), z = i(async (e) => await F(k, e) ?? !0, [k, m]);
+	return (0, u.jsx)(o, {
 		options: S,
 		onDone: _,
 		onOption: (e, t) => {
@@ -45,19 +45,19 @@ var u = t(), d = l(e(), 1), f = ["Input"], p = (0, d.memo)((0, d.forwardRef)((e,
 		autoFocusSel: C,
 		ref: t,
 		...E,
-		children: (0, u.jsx)(i, {
+		children: (0, u.jsx)(a, {
 			sx: {
 				paddingTop: (e) => e.spacing(1),
 				paddingBottom: (e) => e.spacing(0)
 			},
-			children: (0, u.jsx)(s, {
+			children: (0, u.jsx)(c, {
 				sx: {
 					paddingTop: (e) => e.spacing(1.5),
 					minWidth: 135,
 					width: "100%"
 				},
 				size: "small",
-				children: (0, u.jsx)(c, {
+				children: (0, u.jsx)(l, {
 					onFocus: (e) => {
 						D || e.target?.select(), O(!0);
 					},
@@ -78,7 +78,7 @@ var u = t(), d = l(e(), 1), f = ["Input"], p = (0, d.memo)((0, d.forwardRef)((e,
 							spellCheck: !1,
 							autoComplete: "off",
 							...v,
-							className: o("autoFocus", v?.className),
+							className: s("autoFocus", v?.className),
 							sx: {
 								paddingTop: (e) => e.spacing(1.25),
 								paddingBottom: (e) => e.spacing(.75)

package/cdn/assets/{ZSYS1J3uR7UQuHwZ.js → CgATW0IINhudprWa.js}

@@ -1,14 +1,14 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.10
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.12
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.
 */
-import { t as e } from "./CIyaijfp6itgRpFM.js";
-import { t } from "./BeQ95CzwR65il0CK.js";
-import { n } from "./C7fu6LrSMBlHqwUy.js";
-import { r } from "./DCnWyVXikb_8Dat3.js";
-var i = r(e(), 1), a = t(), o = (e) => {
+import { n as e } from "./CTmLSM7UhiKOIhgu.js";
+import { t } from "./CCos0hQMhVcaGwU0.js";
+import { t as n } from "./CPGIT9PYUuWdSglk.js";
+import { n as r } from "./BDihhtyza6JVj9NA.js";
+var i = e(t(), 1), a = n(), o = (e) => {
 	let t = e.getFont();
 	if (!t) return {};
 	let n = {};
@@ -28,9 +28,9 @@ var i = r(e(), 1), a = t(), o = (e) => {
 	overflow: "hidden",
 	whiteSpace: "nowrap"
 }, l = (e, t) => {
-	let r = (0, i.memo)((t) => {
-		let { children: r, disabled: o, style: c, movable: l, zoom: u = 1, isDragging: d, onHide: f, onShow: p, onDragZone: m, adornmentHost: h, flip: g, ..._ } = t, v = l.getContent(), [, y] = (0, i.useReducer)((e) => e + 1, 0);
-		n(v, { onAnyChange() {
+	let n = (0, i.memo)((t) => {
+		let { children: n, disabled: o, style: c, movable: l, zoom: u = 1, isDragging: d, onHide: f, onShow: p, onDragZone: m, adornmentHost: h, flip: g, ..._ } = t, v = l.getContent(), [, y] = (0, i.useReducer)((e) => e + 1, 0);
+		r(v, { onAnyChange() {
 			y();
 		} });
 		let b = v, x = v, S = b.getLinkedCell?.() ?? null;
@@ -65,7 +65,7 @@ var i = r(e(), 1), a = t(), o = (e) => {
 			})
 		});
 	});
-	return r.displayName = t, r;
+	return n.displayName = t, n;
 }, u = l(({ control: e }) => (0, a.jsx)("button", {
 	type: "button",
 	tabIndex: -1,

package/cdn/assets/CgovQHyOZcnsM53I.js

@@ -0,0 +1,233 @@
+/**
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.12
+*
+* (C) 2026-present SheetXL Inc. & Michael T. Ford
+* License: The license can be found at https://www.sheetxl.com/license.
+*/
+import { n as e } from "./CTmLSM7UhiKOIhgu.js";
+import { t } from "./CCos0hQMhVcaGwU0.js";
+import { t as n } from "./CPGIT9PYUuWdSglk.js";
+import { r } from "./DdWtfDWDB6Yst5LZ.js";
+import { dt as ee } from "./OABpLvY7siKUyNIa.js";
+import { Y as te, l as ne } from "./Cc-jOsunTu0-Mla_.js";
+import { t as i } from "./DWcAYH0eBaOj-dU4.js";
+import { y as re } from "./BqM-W_oFdjeyu8N4.js";
+import { t as ie } from "./CwPsCkeHan5zXDyX.js";
+import { T as a } from "./nQBuuL7ZHzDHpWHk.js";
+import { t as ae } from "./DkZqI9EyJ9BaBNL_.js";
+import { t as oe } from "./CImdnjQtd2Yn7uXl.js";
+var o = e(t(), 1), s = typeof window < "u" && window.HTMLElement !== void 0 && typeof document < "u";
+o.createContext(null).displayName = "HookFormControlContext", s ? o.useLayoutEffect : o.useEffect;
+var c = o.createContext(null);
+c.displayName = "HookFormContext";
+var l = () => o.useContext(c), u = n(), d = (e) => {
+	e.button === 0 && e.preventDefault();
+}, f = "20px", p = "4px", m = `calc(${f} + ${p})`, h = (0, o.memo)((0, o.forwardRef)((e, t) => {
+	let { grammar: n = "formula", formName: s, formOptions: c, disabled: m, className: h, sx: se, onKeyDown: g, onFocus: _, value: v, 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 = ee(), R = me === "above", he = (0, o.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 = l(), U = s && H ? H.register(s, c) : null, W = te({
+		value: v,
+		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: m
+	}, n);
+	(0, o.useImperativeHandle)(C, () => W, [W]);
+	let G = ne({
+		api: W,
+		grammar: n,
+		disabled: m,
+		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, o.useRef)(H);
+	J.current = H;
+	let Y = (0, o.useRef)(A);
+	Y.current = A;
+	let X = (0, o.useRef)(null), Z = K ? W.error : null, Q = (0, o.useRef)(null);
+	(0, o.useEffect)(() => {
+		Z !== Q.current && (Q.current = Z, Y.current?.(Z));
+	}, [Z]), (0, o.useEffect)(() => {
+		if (W.error === X.current || (X.current = W.error, !s)) return;
+		let e = J.current;
+		e && (W.error ? e.setError(s, { message: W.error }) : e.clearErrors(s));
+	}, [W.error, s]);
+	let $ = S === "done", ve = (0, o.useMemo)(() => {
+		if (M) return;
+		let e = W.engaged && $ && W.dirty ? (0, u.jsxs)(u.Fragment, { children: [(0, u.jsx)(a, {
+			dense: !0,
+			outlined: !1,
+			color: "primary",
+			"aria-label": "commit-reference",
+			icon: (0, u.jsx)(r, { iconKey: "CheckSuccess" }),
+			propsTooltip: {
+				label: L("referenceInput.commit"),
+				simple: !0
+			},
+			disabled: !!W.error,
+			tabIndex: -1,
+			onMouseDown: d,
+			onClick: () => {
+				W.commit();
+			}
+		}), (0, u.jsx)(a, {
+			dense: !0,
+			outlined: !1,
+			color: "warning",
+			"aria-label": "cancel-reference",
+			icon: (0, u.jsx)(r, { iconKey: "CloseError" }),
+			propsTooltip: {
+				label: L("referenceInput.cancel"),
+				simple: !0
+			},
+			tabIndex: -1,
+			onMouseDown: d,
+			onClick: () => {
+				W.cancel();
+			}
+		})] }) : (0, u.jsx)(a, {
+			dense: !0,
+			outlined: !1,
+			disabled: m || !W.canSelectCurrent,
+			sx: { "&.Mui-disabled": { opacity: .35 } },
+			"aria-label": "select-current-range",
+			icon: (0, u.jsx)(r, { iconKey: "SelectRangeMode" }),
+			propsTooltip: {
+				label: L("referenceInput.selectCurrent"),
+				simple: !0
+			},
+			tabIndex: -1,
+			onMouseDown: d,
+			onClick: () => {
+				W.engaged || W.togglePoint(), W.selectCurrent();
+			}
+		});
+		return (0, u.jsx)(ae, {
+			tabIndex: -1,
+			onMouseDown: d,
+			sx: {
+				display: "flex",
+				position: "relative",
+				flex: "0"
+			},
+			position: "end",
+			children: e
+		});
+	}, [
+		M,
+		m,
+		$,
+		W.engaged,
+		W.dirty,
+		W.canSelectCurrent,
+		W.togglePoint,
+		W.selectCurrent,
+		W.commit,
+		W.cancel,
+		!!W.error
+	]);
+	return (0, u.jsxs)(re, {
+		sx: {
+			minWidth: 135,
+			width: "100%",
+			...se
+		},
+		size: "small",
+		ref: (e) => {
+			G.containerRef.current = e, typeof t == "function" ? t(e) : t && (t.current = e);
+		},
+		className: oe("sxl-formula-field", h),
+		"data-grammar": n,
+		...I,
+		children: [
+			R ? (0, u.jsx)(i, {
+				component: "label",
+				htmlFor: z,
+				sx: {
+					lineHeight: f,
+					marginBottom: p,
+					paddingLeft: "14px",
+					display: "flex",
+					alignItems: "center",
+					gap: "4px",
+					overflow: "hidden",
+					whiteSpace: "nowrap",
+					fontSize: "0.8rem",
+					color: m ? "text.disabled" : "text.primary"
+				},
+				children: V
+			}) : null,
+			(0, u.jsx)(ie, {
+				id: z,
+				label: R ? void 0 : V,
+				placeholder: ge,
+				disabled: m,
+				error: q,
+				helperText: _e,
+				sx: { "& .MuiFormHelperText-root": {
+					marginTop: p,
+					...R ? { lineHeight: f } : null
+				} },
+				slotProps: {
+					input: { endAdornment: ve },
+					inputLabel: { shrink: !0 },
+					htmlInput: {
+						className: N,
+						spellCheck: !1,
+						autoComplete: "off",
+						readOnly: m || W.inputProps.readOnly,
+						name: s,
+						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 || g?.(e));
+				},
+				onPointerDown: G.inputHandlers.onPointerDown,
+				onMouseDown: W.inputProps.onMouseDown,
+				onFocus: (e) => {
+					W.inputProps.onFocus(e), _?.(e);
+				},
+				onBlur: (e) => {
+					W.inputProps.onBlur(e), U?.onBlur(e);
+				},
+				onContextMenu: (e) => {
+					e.stopPropagation();
+				}
+			}),
+			G.overlayElement,
+			G.tipElement,
+			G.hintElement
+		]
+	});
+}));
+h.displayName = "FormulaField";
+export { h as n, l as r, m as t };