@sheetxl/studio-vanilla 0.7.28-beta.4 → 0.8.0-beta.10

package/{cdn/assets/Dy5Z2XIqS7-0tdjc2.js → browser/esm/CaS8_J5HfBRk5_Nw.mjs}

@@ -1,48 +1,48 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.7.28-beta.4
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.10
 *
 * (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 "./B_U_UpQXdbjNRthb.js";
-import { t } from "./BynqRVXFRplO7XgC.js";
-import { t as n } from "./B0N6rTGGJN2DZPaf.js";
-import { l as r } from "./C7xBBqvPqat9oEft2.js";
-import { z as i } from "./NZO3-fDBtqhmCsbB2.js";
-import { r as a } from "./DeFts-aGqB-RDuV1.js";
-import { Et as o, Kt as s, Xt as c, t as l, tt as u } from "./DW2yQm-sEcHogX7E.js";
-import { Gt as d, S as f, d as ee } from "./BdhFhDEa7Xed6dFE.js";
-import { m as te, w as ne } from "./Bj8bWbLg1IY965tK.js";
-import { h as re, p, t as m } from "./KJzdwvEWwCwAXuo4.js";
-import { t as h } from "./DlLXCXDokJ72EW-E.js";
-import { t as g } from "./BOTU30yJHbaNehFS.js";
-import { t as _ } from "./Cb71rZAQvCk3wnfp.js";
-import { t as ie } from "./BIPjogMyMmLRly43.js";
-import { i as ae } from "./XSUr59k0gaFIS1Qf2.js";
-var v = e(t(), 1), y = n(), b = {
+import { r as e } from "./DLqc11Pf8vaE4Q5B.mjs";
+import { i as t, r as n } from "./C4VT6lNbpaDXCpBb.mjs";
+import { r } from "./D2aQPiGg0ZoMYzuf.mjs";
+import { Q as i, m as a, mt as o, tt as s, v as c } from "./BThOwSja2ra4xejQ.mjs";
+import { l } from "./BAH_cWcQEIBKWnl6.mjs";
+import { Dt as u } from "./BNIInlJQbJjH8B6G.mjs";
+import { i as d } from "./sxxbiJiCMOW2Eivd.mjs";
+import { t as f } from "./rkTVQiYG3wd8oPom.mjs";
+import { l as ee, x as te } from "./CtZPEkaldpJpoGtW.mjs";
+import { m as ne, t as p, y as m } from "./D2coM-dNrlLpnUu5.mjs";
+import { t as h } from "./-LoBx7J6imeqaxCq.mjs";
+import { C as re, R as g } from "./DvWCBuY0jAL-RmJV.mjs";
+import { t as ie } from "./CVxlfyE-gnJM8hOz.mjs";
+import { t as _ } from "./kVBPUUnVyZfb8pf3.mjs";
+import { t as ae } from "./DGuynZFJ9tqziqQs.mjs";
+var v = e(t(), 1), y = e(n(), 1), b = {
 	width: "1.5rem",
 	height: "1.5rem"
 }, x = (0, v.memo)((e) => {
-	let { label: t, value: n, options: r, onSelect: i, tabIndex: a = 0, ...o } = e, [s, c] = (0, v.useState)(() => C(n, r));
+	let { label: t, value: n, options: r, onSelect: i, tabIndex: o = 0, ...s } = e, [c, l] = (0, v.useState)(() => C(n, r));
 	(0, v.useEffect)(() => {
-		c(C(n, r));
+		l(C(n, r));
 	}, [n, r]);
-	let l = u((e) => {
+	let u = a((e) => {
 		let t = e.target.value;
-		c(t), i?.(r[t]);
-	}, [i, r]), d = (0, v.useMemo)(() => Object.keys(r).map((e) => (0, y.jsx)(g, {
+		l(t), i?.(r[t]);
+	}, [i, r]), d = (0, v.useMemo)(() => Object.keys(r).map((e) => (0, y.jsx)(ie, {
 		value: e,
 		children: e
 	}, e)), [r]);
-	return (0, y.jsxs)(re, {
+	return (0, y.jsxs)(m, {
 		sx: { minWidth: 135 },
 		size: "small",
-		children: [(0, y.jsx)(p, { children: t }), (0, y.jsx)(m, {
-			inputProps: { tabIndex: a },
-			value: s,
+		children: [(0, y.jsx)(ne, { children: t }), (0, y.jsx)(p, {
+			inputProps: { tabIndex: o },
+			value: c,
 			label: t,
-			onChange: l,
-			...o,
+			onChange: u,
+			...s,
 			children: d
 		})]
 	});
@@ -57,11 +57,11 @@ var v = e(t(), 1), y = n(), b = {
 	}
 	return "";
 }, w = (0, v.memo)((e) => {
-	let { initialValue: t, context: n, onInput: re, title: p, onHide: m, autoFocus: g, ...C } = e, w = c(), T = (0, v.useMemo)(() => ({
-		[w("findReplace.fieldFormulas")]: i.Content.Formulas,
-		[w("findReplace.fieldValues")]: i.Content.Values,
-		[w("findReplace.fieldNotes")]: i.Content.Notes,
-		[w("findReplace.fieldComments")]: i.Content.Comments
+	let { initialValue: t, context: n, onInput: ne, title: p, onHide: m, autoFocus: ie, ...C } = e, w = s(), T = (0, v.useMemo)(() => ({
+		[w("findReplace.fieldFormulas")]: u.Content.Formulas,
+		[w("findReplace.fieldValues")]: u.Content.Values,
+		[w("findReplace.fieldNotes")]: u.Content.Notes,
+		[w("findReplace.fieldComments")]: u.Content.Comments
 	}), [w]), oe = (0, v.useMemo)(() => {
 		let e = { ...T };
 		return delete e[w("findReplace.fieldValues")], e;
@@ -82,23 +82,23 @@ var v = e(t(), 1), y = n(), b = {
 			matchCase: !1,
 			matchEntireCell: !1,
 			useRegex: !1,
-			axis: r.Axis.Row,
-			fields: [i.Content.Formulas]
+			axis: l.Axis.Row,
+			fields: [u.Content.Formulas]
 		},
 		scope: d.FindScopeOptions.Sheet
-	}), X = u(async (e, t, n, r) => {
+	}), X = a(async (e, t, n, r) => {
 		if (!j) return;
-		let a = { ...J };
-		a.replaceOptions = { ...a.replaceOptions }, a.findOptions = { ...a.findOptions }, a.replaceOptions.maxCount = n ? void 0 : 1, a.replace = t, t && J.findOptions.fields?.[0] === i.Content.Values && (a.findOptions.fields = [i.Content.Formulas]), a.findOptions.reverse = !e;
-		let o = await j({
+		let i = { ...J };
+		i.replaceOptions = { ...i.replaceOptions }, i.findOptions = { ...i.findOptions }, i.replaceOptions.maxCount = n ? void 0 : 1, i.replace = t, t && J.findOptions.fields?.[0] === u.Content.Values && (i.findOptions.fields = [u.Content.Formulas]), i.findOptions.reverse = !e;
+		let a = await j({
 			autoFocus: r,
-			...a,
+			...i,
 			findOptions: {
-				...a.findOptions,
-				text: a.findOptions.text ?? ""
+				...i.findOptions,
+				text: i.findOptions.text ?? ""
 			}
 		});
-		G(o === 0);
+		G(a === 0);
 	}, [J, j]);
 	(0, v.useEffect)(() => {
 		G(!1);
@@ -107,7 +107,7 @@ var v = e(t(), 1), y = n(), b = {
 		V,
 		H
 	]);
-	let Z = u((e, t) => {
+	let Z = a((e, t) => {
 		if (e.keyCode === o.Enter) {
 			if (!J.findOptions.text) return;
 			let n = !0, r = !1;
@@ -123,7 +123,7 @@ var v = e(t(), 1), y = n(), b = {
 			}), t.replaceText ||= "", t.replaceOptions &&= { ...t.replaceOptions }, k && (t.replaceOptions = {
 				...t.replaceOptions,
 				...k
-			}), J.findOptions.fields?.[0] || (J.findOptions.fields = [i.Content.Formulas]);
+			}), J.findOptions.fields?.[0] || (J.findOptions.fields = [u.Content.Formulas]);
 			let n = !(!E && !k && A === null);
 			return n && U(n), t;
 		}), K || Q.current?.focus();
@@ -135,14 +135,14 @@ var v = e(t(), 1), y = n(), b = {
 		D,
 		k
 	]), (0, v.useEffect)(() => {
-		H ? (J.findOptions.fields, i.Content.Values) : B(!0);
+		H ? (J.findOptions.fields, u.Content.Values) : B(!0);
 	}, [H]), (0, v.useEffect)(() => {
 		if (z && M.current && J.findOptions.text === M.current.value) return M.current === document.activeElement || M.current.contains(document.activeElement) ? (M.current?.select(), void B(!1)) : void M.current.addEventListener("focus", () => {
 			M.current?.select(), B(!1);
 		}, { once: !0 });
 	}, [z, J]);
-	let [ue, { width: $ }] = ae();
-	return (0, y.jsx)(te, {
+	let [ue, { width: $ }] = c();
+	return (0, y.jsx)(ee, {
 		ref: Q,
 		title: p ?? w(H ? "findReplace.titleFindReplace" : "findReplace.titleFind"),
 		initialPosition: { y: "35" },
@@ -154,7 +154,7 @@ var v = e(t(), 1), y = n(), b = {
 		},
 		slotProps: { paper: { elevation: K ? 3 : 1 } },
 		...C,
-		children: (0, y.jsxs)(ne, {
+		children: (0, y.jsxs)(te, {
 			dividers: !0,
 			ref: ue,
 			sx: {
@@ -183,13 +183,13 @@ var v = e(t(), 1), y = n(), b = {
 				}
 				e.preventDefault();
 			},
-			children: [(0, y.jsxs)(l, {
+			children: [(0, y.jsxs)(f, {
 				sx: {
 					display: "flex",
 					flexDirection: "row",
 					gap: (e) => e.spacing(1)
 				},
-				children: [(0, y.jsxs)(l, {
+				children: [(0, y.jsxs)(f, {
 					sx: {
 						display: "flex",
 						flexDirection: "row",
@@ -197,35 +197,35 @@ var v = e(t(), 1), y = n(), b = {
 						gap: (e) => e.spacing(.25),
 						paddingTop: "3px"
 					},
-					children: [(0, y.jsx)(f, {
+					children: [(0, y.jsx)(g, {
 						selected: V,
 						onSelectToggle: (e) => {
 							le(e);
 						},
 						preventFocus: !0,
 						label: w("findReplace.toggleOptions"),
-						icon: (0, y.jsx)(a, { iconKey: "FindOptions" })
-					}), (0, y.jsx)(f, {
+						icon: (0, y.jsx)(r, { iconKey: "FindOptions" })
+					}), (0, y.jsx)(g, {
 						selected: H,
 						onSelectToggle: (e) => {
 							U(e);
 						},
 						preventFocus: !0,
 						label: w("findReplace.toggleReplace"),
-						icon: (0, y.jsx)(a, { iconKey: "FindReplaceToggle" }),
+						icon: (0, y.jsx)(r, { iconKey: "FindReplaceToggle" }),
 						shortcut: {
 							key: H ? "F" : "H",
-							modifiers: [s.Ctrl]
+							modifiers: [i.Ctrl]
 						}
 					})]
-				}), (0, y.jsxs)(l, {
+				}), (0, y.jsxs)(f, {
 					sx: {
 						display: "flex",
 						flexDirection: "column",
 						maxWidth: "100%",
 						boxSizing: "border-box"
 					},
-					children: [(0, y.jsxs)(l, {
+					children: [(0, y.jsxs)(f, {
 						sx: {
 							display: "flex",
 							flexDirection: "row",
@@ -240,9 +240,9 @@ var v = e(t(), 1), y = n(), b = {
 											paddingRight: (e) => e.spacing(1),
 											minWidth: $ > 460 ? "20em" : void 0
 										},
-										endAdornment: (0, y.jsx)(ie, {
+										endAdornment: (0, y.jsx)(ae, {
 											position: "end",
-											children: (0, y.jsxs)(l, {
+											children: (0, y.jsxs)(f, {
 												sx: {
 													display: "flex",
 													alignItems: "center",
@@ -250,7 +250,7 @@ var v = e(t(), 1), y = n(), b = {
 													gap: "2px"
 												},
 												children: [
-													(0, y.jsx)(f, {
+													(0, y.jsx)(g, {
 														style: b,
 														selected: J.findOptions.matchCase,
 														onBlur: () => {},
@@ -263,14 +263,14 @@ var v = e(t(), 1), y = n(), b = {
 														label: w("findReplace.matchCase"),
 														shortcut: {
 															key: "C",
-															modifiers: [s.Alt]
+															modifiers: [i.Alt]
 														},
-														icon: (0, y.jsx)(a, {
+														icon: (0, y.jsx)(r, {
 															iconKey: "FindCaseSensitive",
 															size: "1rem"
 														})
 													}),
-													(0, y.jsx)(f, {
+													(0, y.jsx)(g, {
 														style: b,
 														selected: J.findOptions.matchEntireCell,
 														onSelectToggle: (e) => {
@@ -282,14 +282,14 @@ var v = e(t(), 1), y = n(), b = {
 														label: w("findReplace.matchEntireCell"),
 														shortcut: {
 															key: "E",
-															modifiers: [s.Alt]
+															modifiers: [i.Alt]
 														},
-														icon: (0, y.jsx)(a, {
+														icon: (0, y.jsx)(r, {
 															iconKey: "FindWholeWord",
 															size: "1rem"
 														})
 													}),
-													(0, y.jsx)(f, {
+													(0, y.jsx)(g, {
 														style: b,
 														selected: J.findOptions.useRegex,
 														onSelectToggle: (e) => {
@@ -301,9 +301,9 @@ var v = e(t(), 1), y = n(), b = {
 														label: w("findReplace.useRegex"),
 														shortcut: {
 															key: "R",
-															modifiers: [s.Alt]
+															modifiers: [i.Alt]
 														},
-														icon: (0, y.jsx)(a, {
+														icon: (0, y.jsx)(r, {
 															iconKey: "FindRegEx",
 															size: "1rem"
 														})
@@ -344,7 +344,7 @@ var v = e(t(), 1), y = n(), b = {
 									e.stopPropagation();
 								}
 							}),
-							(0, y.jsx)(f, {
+							(0, y.jsx)(g, {
 								selected: J.findOptions.reverse,
 								onSelectToggle: (e) => {
 									X(!1, !1);
@@ -353,12 +353,12 @@ var v = e(t(), 1), y = n(), b = {
 								label: "",
 								shortcut: {
 									key: "Enter",
-									modifiers: [s.Shift]
+									modifiers: [i.Shift]
 								},
-								icon: (0, y.jsx)(a, { iconKey: J.findOptions.axis === r.Axis.Column ? "ArrowUpward" : "ArrowBack" }),
+								icon: (0, y.jsx)(r, { iconKey: J.findOptions.axis === l.Axis.Column ? "ArrowUpward" : "ArrowBack" }),
 								disabled: !J.findOptions.text
 							}),
-							(0, y.jsx)(f, {
+							(0, y.jsx)(g, {
 								selected: !J.findOptions.reverse,
 								onSelectToggle: (e) => {
 									X(!0, !1);
@@ -366,7 +366,7 @@ var v = e(t(), 1), y = n(), b = {
 								touchRippleRef: F,
 								label: w("findReplace.nextMatch"),
 								shortcut: { key: "Enter" },
-								icon: (0, y.jsx)(a, { iconKey: J.findOptions.axis === r.Axis.Column ? "ArrowDownward" : "ArrowForward" }),
+								icon: (0, y.jsx)(r, { iconKey: J.findOptions.axis === l.Axis.Column ? "ArrowDownward" : "ArrowForward" }),
 								disabled: !J.findOptions.text
 							})
 						]
@@ -376,7 +376,7 @@ var v = e(t(), 1), y = n(), b = {
 						onExit: () => {
 							M.current?.focus();
 						},
-						children: (0, y.jsxs)(l, {
+						children: (0, y.jsxs)(f, {
 							sx: {
 								display: "flex",
 								flexDirection: "row",
@@ -416,17 +416,17 @@ var v = e(t(), 1), y = n(), b = {
 										e.stopPropagation();
 									}
 								}),
-								(0, y.jsx)(f, {
+								(0, y.jsx)(g, {
 									onSelectToggle: (e) => {
 										X(!0, !0);
 									},
 									touchRippleRef: I,
 									label: w("findReplace.replace"),
 									shortcut: { key: "Enter" },
-									icon: (0, y.jsx)(a, { iconKey: "FindReplace" }),
+									icon: (0, y.jsx)(r, { iconKey: "FindReplace" }),
 									disabled: !J.findOptions.text
 								}),
-								(0, y.jsx)(f, {
+								(0, y.jsx)(g, {
 									onSelectToggle: (e) => {
 										X(!0, !0, !0);
 									},
@@ -434,9 +434,9 @@ var v = e(t(), 1), y = n(), b = {
 									label: w("findReplace.replaceAll"),
 									shortcut: {
 										key: "Enter",
-										modifiers: [s.Ctrl, s.Alt]
+										modifiers: [i.Ctrl, i.Alt]
 									},
-									icon: (0, y.jsx)(a, { iconKey: "FindReplaceAll" }),
+									icon: (0, y.jsx)(r, { iconKey: "FindReplaceAll" }),
 									disabled: !J.findOptions.text
 								})
 							]
@@ -449,7 +449,7 @@ var v = e(t(), 1), y = n(), b = {
 				onExit: () => {
 					M.current?.focus();
 				},
-				children: (0, y.jsxs)(l, {
+				children: (0, y.jsxs)(f, {
 					sx: {
 						minHeight: "10px",
 						flex: "1 1 100%",
@@ -458,10 +458,10 @@ var v = e(t(), 1), y = n(), b = {
 						gap: (e) => e.spacing(1.5),
 						marginTop: (e) => e.spacing(1)
 					},
-					children: [(0, y.jsx)(ee, {
+					children: [(0, y.jsx)(re, {
 						orientation: "horizontal",
 						sx: { marginBottom: (e) => e.spacing(1.5) }
-					}), (0, y.jsxs)(l, {
+					}), (0, y.jsxs)(f, {
 						sx: {
 							display: "flex",
 							flexDirection: $ >= 383 ? "row" : "column",
@@ -485,18 +485,18 @@ var v = e(t(), 1), y = n(), b = {
 							}),
 							(0, y.jsx)(x, {
 								label: w("findReplace.searchOrder"),
-								value: J.findOptions.axis !== r.Axis.Column,
+								value: J.findOptions.axis !== l.Axis.Column,
 								options: se,
 								onSelect: (e) => {
 									Y((t) => {
 										let n = { ...t };
-										return n.findOptions.axis = e ? r.Axis.Row : r.Axis.Column, n;
+										return n.findOptions.axis = e ? l.Axis.Row : l.Axis.Column, n;
 									});
 								}
 							}),
 							(0, y.jsx)(x, {
 								label: w("findReplace.lookIn"),
-								value: H && J.findOptions.fields?.[0] === i.Content.Values ? i.Content.Formulas : J.findOptions.fields?.[0],
+								value: H && J.findOptions.fields?.[0] === u.Content.Values ? u.Content.Formulas : J.findOptions.fields?.[0],
 								options: H ? oe : T,
 								onSelect: (e) => {
 									Y((t) => {

package/browser/esm/CdeXXPCp5cCYvGyD.mjs

@@ -0,0 +1,14 @@
+/**
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.10
+*
+* (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 "./DLqc11Pf8vaE4Q5B.mjs";
+import { i as t } from "./C4VT6lNbpaDXCpBb.mjs";
+var n = e(t(), 1), r = typeof window < "u" && window.HTMLElement !== void 0 && typeof document < "u";
+n.createContext(null).displayName = "HookFormControlContext", r ? n.useLayoutEffect : n.useEffect;
+var i = n.createContext(null);
+i.displayName = "HookFormContext";
+var a = () => n.useContext(i);
+export { a as t };