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

package/{browser/esm/DVQNQmjI2PKkwiOw2.mjs → cdn/assets/7Sg0ht_ZCMJkPurt.js}

@@ -1,48 +1,50 @@
 /**
-* @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.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 "./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, Kt as a, Xt as o, t as s, tt as c } from "./DFdU1DsC1lXOrejZ.mjs";
-import { m as l, w as u } from "./Bl6bX86tSq8hfyb2.mjs";
-import { h as ee, p as d, t as f } from "./DzDwSOBdJh_lx_NM.mjs";
-import { t as p } from "./CZWIS7FuqNjbheSw.mjs";
-import { t as te } from "./CsufM5aF6VTLKDWM.mjs";
-import { t as m } from "./7rixDGGrR72lXkMV.mjs";
-import { Ot as ne, d as h, zt as g } from "./-vgNEEXiEad4bltZ.mjs";
-import { t as re } from "./B1NoGosH2YQh01g7.mjs";
-import { d as _ } from "./D_t53-8k73CNpV-p.mjs";
-import { v } from "./At60x9FEPePwPP_J.mjs";
-import { i as ie } from "./Cd8HXAJlflkkTXxc.mjs";
-var y = e(t(), 1), b = e(n(), 1), x = {
+import { t as e } from "./CIyaijfp6itgRpFM.js";
+import { t } from "./BeQ95CzwR65il0CK.js";
+import { l as n } from "./BAH_cWcQEIBKWnl6.js";
+import { Dt as r } from "./DuAbY54w5gJpQgss.js";
+import { r as i } from "./hg8WYI0Yy4WPPPoP.js";
+import { Q as a, m as o, mt as s, tt as c, v as l } from "./Cw7AJWd0S2sjRmr6.js";
+import { t as u } from "./mK8HcIZyXkOTvL6E.js";
+import { l as d, x as ee } from "./CbTN0q6XnYGJqyEp.js";
+import { m as f, t as te, y as p } from "./VCiu_neIjCTg2NUa.js";
+import { t as m } from "./CTvPIYWTcjwlJeEA.js";
+import { C as ne, R as h } from "./D_pMOq6FdH4RSBLc.js";
+import { t as g } from "./BzbP4jaN13wC9aSi.js";
+import { r as _ } from "./B27vTQlxbHhSQJx8.js";
+import { t as re } from "./B3NWCYKXucbHhOix.js";
+import { H as v } from "./CEYyp6Qrr_IopxpL.js";
+import { r as ie } from "./DCnWyVXikb_8Dat3.js";
+var y = ie(e(), 1), b = t(), x = {
 	width: "1.5rem",
 	height: "1.5rem"
 }, S = (0, y.memo)((e) => {
-	let { label: t, value: n, options: r, onSelect: i, tabIndex: a = 0, ...o } = e, [s, l] = (0, y.useState)(() => w(n, r));
+	let { label: t, value: n, options: r, onSelect: i, tabIndex: a = 0, ...s } = e, [c, l] = (0, y.useState)(() => w(n, r));
 	(0, y.useEffect)(() => {
 		l(w(n, r));
 	}, [n, r]);
-	let u = c((e) => {
+	let u = o((e) => {
 		let t = e.target.value;
 		l(t), i?.(r[t]);
-	}, [i, r]), p = (0, y.useMemo)(() => Object.keys(r).map((e) => (0, b.jsx)(te, {
+	}, [i, r]), d = (0, y.useMemo)(() => Object.keys(r).map((e) => (0, b.jsx)(g, {
 		value: e,
 		children: e
 	}, e)), [r]);
-	return (0, b.jsxs)(ee, {
+	return (0, b.jsxs)(p, {
 		sx: { minWidth: 135 },
 		size: "small",
-		children: [(0, b.jsx)(d, { children: t }), (0, b.jsx)(f, {
+		children: [(0, b.jsx)(f, { children: t }), (0, b.jsx)(te, {
 			inputProps: { tabIndex: a },
-			value: s,
+			value: c,
 			label: t,
 			onChange: u,
-			...o,
-			children: p
+			...s,
+			children: d
 		})]
 	});
 }), C = {
@@ -56,11 +58,11 @@ var y = e(t(), 1), b = e(n(), 1), x = {
 	}
 	return "";
 }, T = (0, y.memo)((e) => {
-	let { initialValue: t, context: n, onInput: ee, title: d, onHide: f, autoFocus: te, ...w } = e, T = o(), E = (0, y.useMemo)(() => ({
-		[T("findReplace.fieldFormulas")]: v.Content.Formulas,
-		[T("findReplace.fieldValues")]: v.Content.Values,
-		[T("findReplace.fieldNotes")]: v.Content.Notes,
-		[T("findReplace.fieldComments")]: v.Content.Comments
+	let { initialValue: t, context: f, onInput: te, title: p, onHide: g, autoFocus: ie, ...w } = e, T = c(), E = (0, y.useMemo)(() => ({
+		[T("findReplace.fieldFormulas")]: r.Content.Formulas,
+		[T("findReplace.fieldValues")]: r.Content.Values,
+		[T("findReplace.fieldNotes")]: r.Content.Notes,
+		[T("findReplace.fieldComments")]: r.Content.Comments
 	}), [T]), ae = (0, y.useMemo)(() => {
 		let e = { ...E };
 		return delete e[T("findReplace.fieldValues")], e;
@@ -68,9 +70,9 @@ var y = e(t(), 1), b = e(n(), 1), x = {
 		[T("findReplace.byRows")]: !0,
 		[T("findReplace.byColumns")]: !1
 	}), [T]), se = (0, y.useMemo)(() => ({
-		[T("findReplace.scopeWorkbook")]: h.FindScopeOptions.Workbook,
-		[T("findReplace.scopeSheet")]: h.FindScopeOptions.Sheet
-	}), [T]), D = t?.replace ?? !1, O = t?.findOptions, k = O?.text ?? null, A = t?.replaceOptions, j = t?.replaceText ?? null, M = n?.(), N = (0, y.useRef)(null), P = (0, y.useRef)(null), F = (0, y.useRef)(null), I = (0, y.useRef)(null), L = (0, y.useRef)(null), R = (0, y.useRef)(null), z = (e, t) => {
+		[T("findReplace.scopeWorkbook")]: _.FindScopeOptions.Workbook,
+		[T("findReplace.scopeSheet")]: _.FindScopeOptions.Sheet
+	}), [T]), D = t?.replace ?? !1, O = t?.findOptions, k = O?.text ?? null, A = t?.replaceOptions, j = t?.replaceText ?? null, M = f?.(), N = (0, y.useRef)(null), P = (0, y.useRef)(null), F = (0, y.useRef)(null), I = (0, y.useRef)(null), L = (0, y.useRef)(null), R = (0, y.useRef)(null), z = (e, t) => {
 		t && (t.start(e, { center: !1 }), setTimeout(() => t.stop(e), 180));
 	}, [B, V] = (0, y.useState)(!1), [H, ce] = (0, y.useState)(!1), [U, W] = (0, y.useState)(D), [G, K] = (0, y.useState)(!1), [q, J] = (0, y.useState)(!1), [Y, X] = (0, y.useState)({
 		replaceText: null,
@@ -81,23 +83,23 @@ var y = e(t(), 1), b = e(n(), 1), x = {
 			matchCase: !1,
 			matchEntireCell: !1,
 			useRegex: !1,
-			axis: _.Axis.Row,
-			fields: [v.Content.Formulas]
+			axis: n.Axis.Row,
+			fields: [r.Content.Formulas]
 		},
-		scope: h.FindScopeOptions.Sheet
-	}), Z = c(async (e, t, n, r) => {
+		scope: _.FindScopeOptions.Sheet
+	}), Z = o(async (e, t, n, i) => {
 		if (!M) return;
-		let i = { ...Y };
-		i.replaceOptions = { ...i.replaceOptions }, i.findOptions = { ...i.findOptions }, i.replaceOptions.maxCount = n ? void 0 : 1, i.replace = t, t && Y.findOptions.fields?.[0] === v.Content.Values && (i.findOptions.fields = [v.Content.Formulas]), i.findOptions.reverse = !e;
-		let a = await M({
-			autoFocus: r,
-			...i,
+		let a = { ...Y };
+		a.replaceOptions = { ...a.replaceOptions }, a.findOptions = { ...a.findOptions }, a.replaceOptions.maxCount = n ? void 0 : 1, a.replace = t, t && Y.findOptions.fields?.[0] === r.Content.Values && (a.findOptions.fields = [r.Content.Formulas]), a.findOptions.reverse = !e;
+		let o = await M({
+			autoFocus: i,
+			...a,
 			findOptions: {
-				...i.findOptions,
-				text: i.findOptions.text ?? ""
+				...a.findOptions,
+				text: a.findOptions.text ?? ""
 			}
 		});
-		K(a === 0);
+		K(o === 0);
 	}, [Y, M]);
 	(0, y.useEffect)(() => {
 		K(!1);
@@ -106,8 +108,8 @@ var y = e(t(), 1), b = e(n(), 1), x = {
 		H,
 		U
 	]);
-	let Q = c((e, t) => {
-		if (e.keyCode === i.Enter) {
+	let Q = o((e, t) => {
+		if (e.keyCode === s.Enter) {
 			if (!Y.findOptions.text) return;
 			let n = !0, r = !1;
 			e.shiftKey && (n = !1), t ? (e.ctrlKey && e.altKey && (r = !0), z(e, r ? R.current : L.current)) : z(e, n ? I.current : F.current), Z(n, t, r, !1);
@@ -122,7 +124,7 @@ var y = e(t(), 1), b = e(n(), 1), x = {
 			}), t.replaceText ||= "", t.replaceOptions &&= { ...t.replaceOptions }, A && (t.replaceOptions = {
 				...t.replaceOptions,
 				...A
-			}), Y.findOptions.fields?.[0] || (Y.findOptions.fields = [v.Content.Formulas]);
+			}), Y.findOptions.fields?.[0] || (Y.findOptions.fields = [r.Content.Formulas]);
 			let n = !(!D && !A && j === null);
 			return n && W(n), t;
 		}), q || $.current?.focus();
@@ -134,26 +136,26 @@ var y = e(t(), 1), b = e(n(), 1), x = {
 		O,
 		A
 	]), (0, y.useEffect)(() => {
-		U ? (Y.findOptions.fields, v.Content.Values) : V(!0);
+		U ? (Y.findOptions.fields, r.Content.Values) : V(!0);
 	}, [U]), (0, y.useEffect)(() => {
 		if (B && N.current && Y.findOptions.text === N.current.value) return N.current === document.activeElement || N.current.contains(document.activeElement) ? (N.current?.select(), void V(!1)) : void N.current.addEventListener("focus", () => {
 			N.current?.select(), V(!1);
 		}, { once: !0 });
 	}, [B, Y]);
-	let [le, { width: ue }] = ie();
-	return (0, b.jsx)(l, {
+	let [le, { width: ue }] = l();
+	return (0, b.jsx)(d, {
 		ref: $,
-		title: d ?? T(U ? "findReplace.titleFindReplace" : "findReplace.titleFind"),
+		title: p ?? T(U ? "findReplace.titleFindReplace" : "findReplace.titleFind"),
 		initialPosition: { y: "35" },
 		autoFocusSel: ".input",
-		onHide: f,
+		onHide: g,
 		onFocus: () => J(!0),
 		onBlur: () => {
 			J(!1), K(!1);
 		},
 		slotProps: { paper: { elevation: q ? 3 : 1 } },
 		...w,
-		children: (0, b.jsxs)(u, {
+		children: (0, b.jsxs)(ee, {
 			dividers: !0,
 			ref: le,
 			sx: {
@@ -182,13 +184,13 @@ var y = e(t(), 1), b = e(n(), 1), x = {
 				}
 				e.preventDefault();
 			},
-			children: [(0, b.jsxs)(s, {
+			children: [(0, b.jsxs)(u, {
 				sx: {
 					display: "flex",
 					flexDirection: "row",
 					gap: (e) => e.spacing(1)
 				},
-				children: [(0, b.jsxs)(s, {
+				children: [(0, b.jsxs)(u, {
 					sx: {
 						display: "flex",
 						flexDirection: "row",
@@ -196,42 +198,42 @@ var y = e(t(), 1), b = e(n(), 1), x = {
 						gap: (e) => e.spacing(.25),
 						paddingTop: "3px"
 					},
-					children: [(0, b.jsx)(g, {
+					children: [(0, b.jsx)(h, {
 						selected: H,
 						onSelectToggle: (e) => {
 							ce(e);
 						},
 						preventFocus: !0,
 						label: T("findReplace.toggleOptions"),
-						icon: (0, b.jsx)(r, { iconKey: "FindOptions" })
-					}), (0, b.jsx)(g, {
+						icon: (0, b.jsx)(i, { iconKey: "FindOptions" })
+					}), (0, b.jsx)(h, {
 						selected: U,
 						onSelectToggle: (e) => {
 							W(e);
 						},
 						preventFocus: !0,
 						label: T("findReplace.toggleReplace"),
-						icon: (0, b.jsx)(r, { iconKey: "FindReplaceToggle" }),
+						icon: (0, b.jsx)(i, { iconKey: "FindReplaceToggle" }),
 						shortcut: {
 							key: U ? "F" : "H",
 							modifiers: [a.Ctrl]
 						}
 					})]
-				}), (0, b.jsxs)(s, {
+				}), (0, b.jsxs)(u, {
 					sx: {
 						display: "flex",
 						flexDirection: "column",
 						maxWidth: "100%",
 						boxSizing: "border-box"
 					},
-					children: [(0, b.jsxs)(s, {
+					children: [(0, b.jsxs)(u, {
 						sx: {
 							display: "flex",
 							flexDirection: "row",
 							alignItems: "center"
 						},
 						children: [
-							(0, b.jsx)(p, {
+							(0, b.jsx)(m, {
 								label: T("findReplace.find"),
 								slotProps: {
 									input: {
@@ -241,7 +243,7 @@ var y = e(t(), 1), b = e(n(), 1), x = {
 										},
 										endAdornment: (0, b.jsx)(re, {
 											position: "end",
-											children: (0, b.jsxs)(s, {
+											children: (0, b.jsxs)(u, {
 												sx: {
 													display: "flex",
 													alignItems: "center",
@@ -249,7 +251,7 @@ var y = e(t(), 1), b = e(n(), 1), x = {
 													gap: "2px"
 												},
 												children: [
-													(0, b.jsx)(g, {
+													(0, b.jsx)(h, {
 														style: x,
 														selected: Y.findOptions.matchCase,
 														onBlur: () => {},
@@ -264,12 +266,12 @@ var y = e(t(), 1), b = e(n(), 1), x = {
 															key: "C",
 															modifiers: [a.Alt]
 														},
-														icon: (0, b.jsx)(r, {
+														icon: (0, b.jsx)(i, {
 															iconKey: "FindCaseSensitive",
 															size: "1rem"
 														})
 													}),
-													(0, b.jsx)(g, {
+													(0, b.jsx)(h, {
 														style: x,
 														selected: Y.findOptions.matchEntireCell,
 														onSelectToggle: (e) => {
@@ -283,12 +285,12 @@ var y = e(t(), 1), b = e(n(), 1), x = {
 															key: "E",
 															modifiers: [a.Alt]
 														},
-														icon: (0, b.jsx)(r, {
+														icon: (0, b.jsx)(i, {
 															iconKey: "FindWholeWord",
 															size: "1rem"
 														})
 													}),
-													(0, b.jsx)(g, {
+													(0, b.jsx)(h, {
 														style: x,
 														selected: Y.findOptions.useRegex,
 														onSelectToggle: (e) => {
@@ -302,7 +304,7 @@ var y = e(t(), 1), b = e(n(), 1), x = {
 															key: "R",
 															modifiers: [a.Alt]
 														},
-														icon: (0, b.jsx)(r, {
+														icon: (0, b.jsx)(i, {
 															iconKey: "FindRegEx",
 															size: "1rem"
 														})
@@ -343,7 +345,7 @@ var y = e(t(), 1), b = e(n(), 1), x = {
 									e.stopPropagation();
 								}
 							}),
-							(0, b.jsx)(g, {
+							(0, b.jsx)(h, {
 								selected: Y.findOptions.reverse,
 								onSelectToggle: (e) => {
 									Z(!1, !1);
@@ -354,10 +356,10 @@ var y = e(t(), 1), b = e(n(), 1), x = {
 									key: "Enter",
 									modifiers: [a.Shift]
 								},
-								icon: (0, b.jsx)(r, { iconKey: Y.findOptions.axis === _.Axis.Column ? "ArrowUpward" : "ArrowBack" }),
+								icon: (0, b.jsx)(i, { iconKey: Y.findOptions.axis === n.Axis.Column ? "ArrowUpward" : "ArrowBack" }),
 								disabled: !Y.findOptions.text
 							}),
-							(0, b.jsx)(g, {
+							(0, b.jsx)(h, {
 								selected: !Y.findOptions.reverse,
 								onSelectToggle: (e) => {
 									Z(!0, !1);
@@ -365,17 +367,17 @@ var y = e(t(), 1), b = e(n(), 1), x = {
 								touchRippleRef: I,
 								label: T("findReplace.nextMatch"),
 								shortcut: { key: "Enter" },
-								icon: (0, b.jsx)(r, { iconKey: Y.findOptions.axis === _.Axis.Column ? "ArrowDownward" : "ArrowForward" }),
+								icon: (0, b.jsx)(i, { iconKey: Y.findOptions.axis === n.Axis.Column ? "ArrowDownward" : "ArrowForward" }),
 								disabled: !Y.findOptions.text
 							})
 						]
-					}), (0, b.jsx)(m, {
+					}), (0, b.jsx)(v, {
 						in: U,
 						timeout: C,
 						onExit: () => {
 							N.current?.focus();
 						},
-						children: (0, b.jsxs)(s, {
+						children: (0, b.jsxs)(u, {
 							sx: {
 								display: "flex",
 								flexDirection: "row",
@@ -383,7 +385,7 @@ var y = e(t(), 1), b = e(n(), 1), x = {
 								marginTop: (e) => e.spacing(2)
 							},
 							children: [
-								(0, b.jsx)(p, {
+								(0, b.jsx)(m, {
 									label: T("findReplace.replace"),
 									slotProps: {
 										input: { sx: { paddingRight: (e) => e.spacing(1) } },
@@ -415,17 +417,17 @@ var y = e(t(), 1), b = e(n(), 1), x = {
 										e.stopPropagation();
 									}
 								}),
-								(0, b.jsx)(g, {
+								(0, b.jsx)(h, {
 									onSelectToggle: (e) => {
 										Z(!0, !0);
 									},
 									touchRippleRef: L,
 									label: T("findReplace.replace"),
 									shortcut: { key: "Enter" },
-									icon: (0, b.jsx)(r, { iconKey: "FindReplace" }),
+									icon: (0, b.jsx)(i, { iconKey: "FindReplace" }),
 									disabled: !Y.findOptions.text
 								}),
-								(0, b.jsx)(g, {
+								(0, b.jsx)(h, {
 									onSelectToggle: (e) => {
 										Z(!0, !0, !0);
 									},
@@ -435,20 +437,20 @@ var y = e(t(), 1), b = e(n(), 1), x = {
 										key: "Enter",
 										modifiers: [a.Ctrl, a.Alt]
 									},
-									icon: (0, b.jsx)(r, { iconKey: "FindReplaceAll" }),
+									icon: (0, b.jsx)(i, { iconKey: "FindReplaceAll" }),
 									disabled: !Y.findOptions.text
 								})
 							]
 						})
 					})]
 				})]
-			}), (0, b.jsx)(m, {
+			}), (0, b.jsx)(v, {
 				in: H,
 				timeout: C,
 				onExit: () => {
 					N.current?.focus();
 				},
-				children: (0, b.jsxs)(s, {
+				children: (0, b.jsxs)(u, {
 					sx: {
 						minHeight: "10px",
 						flex: "1 1 100%",
@@ -460,7 +462,7 @@ var y = e(t(), 1), b = e(n(), 1), x = {
 					children: [(0, b.jsx)(ne, {
 						orientation: "horizontal",
 						sx: { marginBottom: (e) => e.spacing(1.5) }
-					}), (0, b.jsxs)(s, {
+					}), (0, b.jsxs)(u, {
 						sx: {
 							display: "flex",
 							flexDirection: ue >= 383 ? "row" : "column",
@@ -484,18 +486,18 @@ var y = e(t(), 1), b = e(n(), 1), x = {
 							}),
 							(0, b.jsx)(S, {
 								label: T("findReplace.searchOrder"),
-								value: Y.findOptions.axis !== _.Axis.Column,
+								value: Y.findOptions.axis !== n.Axis.Column,
 								options: oe,
 								onSelect: (e) => {
 									X((t) => {
-										let n = { ...t };
-										return n.findOptions.axis = e ? _.Axis.Row : _.Axis.Column, n;
+										let r = { ...t };
+										return r.findOptions.axis = e ? n.Axis.Row : n.Axis.Column, r;
 									});
 								}
 							}),
 							(0, b.jsx)(S, {
 								label: T("findReplace.lookIn"),
-								value: U && Y.findOptions.fields?.[0] === v.Content.Values ? v.Content.Formulas : Y.findOptions.fields?.[0],
+								value: U && Y.findOptions.fields?.[0] === r.Content.Values ? r.Content.Formulas : Y.findOptions.fields?.[0],
 								options: U ? ae : E,
 								onSelect: (e) => {
 									X((t) => {

package/cdn/assets/{mtrwY1hjJeYlmzC-.js → 7i4WSxDsu2ApJJ2_.js}

@@ -1,11 +1,11 @@
 /**
-* @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.10
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.
 */
-import { m as e } from "./CpYlf4dXa_V2v-iS2.js";
-import { n as t } from "./DZbR5R1fNikjgqYb.js";
+import { r as e } from "./DOHh3pUXxMM09UY5.js";
+import { n as t } from "./DrI_S0A9TQvriTua.js";
 var n = async (n, r) => {
 	let i = n;
 	(function(e) {
@@ -40,10 +40,10 @@ var n = async (n, r) => {
 		}
 		return !1;
 	})(i) && (i = await t(i));
-	let a = new TextDecoder().decode(i), o = JSON.parse(a);
-	return new e({
+	let a = new TextDecoder().decode(i), o = JSON.parse(a), s = {
 		...r?.createWorkbookOptions ?? {},
 		json: o
-	});
+	};
+	return new e(s);
 };
 export { n as readSXL };

package/cdn/assets/AjMG7Fb9r4Fk7Hsf.js

@@ -0,0 +1,78 @@
+/**
+* @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 { t as e } from "./CIyaijfp6itgRpFM.js";
+import { t } from "./BeQ95CzwR65il0CK.js";
+import { tt as n } from "./Cw7AJWd0S2sjRmr6.js";
+import { S as r, j as i, l as a, x as o } from "./CbTN0q6XnYGJqyEp.js";
+import { n as s, t as c } from "./CRXSrbGNABtzf532.js";
+import { a as l, i as u, n as d, t as f } from "./anQDUZhHMDPi1eha.js";
+import { r as p } from "./DCnWyVXikb_8Dat3.js";
+var m = p(e(), 1), h = t(), g = (e) => {
+	let { title: t, templatePath: p, onSelectTemplate: g, showAtStartup: _, onShowAtStartupChange: v, sx: y, ...b } = e, x = n(), S = f({ path: p }), [C, w] = (0, m.useState)(""), [T, E] = (0, m.useState)([]), D = d(S.categories, C, T), [O, k] = (0, m.useState)(_), A = (0, m.useCallback)((e) => {
+		k(e), v?.(e);
+	}, [v]), j = (0, m.useCallback)((e) => {
+		g?.(e);
+	}, [g]);
+	return (0, h.jsxs)(a, {
+		isModal: !0,
+		sx: {
+			width: "860px",
+			...y
+		},
+		title: t ?? x("dialog.template.title"),
+		autoFocusSel: ".template-tile",
+		...b,
+		children: [(0, h.jsxs)(o, {
+			dividers: !0,
+			sx: {
+				display: "flex",
+				flexDirection: "column",
+				gap: 1.5,
+				maxHeight: "calc(100vh - 160px)"
+			},
+			children: [(0, h.jsx)(u, {
+				value: C,
+				onChange: w,
+				categories: S.categories,
+				categoryIds: T,
+				onCategoryIdsChange: E,
+				sx: {
+					width: "50%",
+					minWidth: "min(100%, 280px)"
+				}
+			}), (0, h.jsx)(l, {
+				catalog: S,
+				filter: D,
+				emptyLabel: D ? x("template.noMatches") : void 0,
+				visibleRows: 2,
+				onSelect: j,
+				sx: {
+					flex: "1 1 auto",
+					overflow: "auto"
+				}
+			})]
+		}), O === void 0 ? null : (0, h.jsx)(r, {
+			sx: {
+				justifyContent: "flex-start",
+				paddingX: 3,
+				paddingY: .5
+			},
+			children: (0, h.jsx)(c, {
+				control: (0, h.jsx)(s, {
+					size: "small",
+					checked: O,
+					onChange: (e) => A(e.target.checked)
+				}),
+				label: (0, h.jsx)(i, {
+					variant: "body2",
+					children: x("template.showAtStartup")
+				})
+			})
+		})]
+	});
+};
+export { g as default };

package/cdn/assets/{CJPemkFUzhcAD_qR.js → B00ixdmb8-O5ijEp.js}

@@ -1,5 +1,5 @@
 /**
-* @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.10
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.

package/{browser/esm/Bv_96nwOEMHN9Sa02.mjs → cdn/assets/B0Wjc3lwtjKMwnvn.js}

@@ -1,47 +1,57 @@
 /**
-* @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.10
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.
 */
 var e = {
-	ACCRINTM: {
-		s: "Returns the accrued interest for a security that pays interest at maturity.",
+	DISC: {
+		s: "Returns the discount rate for a security.",
 		p: {
-			issue: { d: "is the security's issue date, expressed as a serial date number." },
-			settlement: { d: "is the security's maturity date, expressed as a serial date number." },
-			rate: { d: "is the security's annual coupon rate." },
-			par: { d: "is the security's par value." },
+			settlement: { d: "is the security's settlement date, expressed as a serial date number." },
+			maturity: { d: "is the security's maturity date, expressed as a serial date number." },
+			pr: { d: "is the security's price per $100 face value." },
+			redemption: { d: "is the security's redemption value per $100 face value." },
 			basis: { d: "is the type of day count basis to use." }
 		}
 	},
-	INTRATE: {
-		s: "Returns the interest rate for a fully invested security.",
+	PRICEDISC: {
+		s: "Returns the price per $100 face value of a discounted security.",
 		p: {
 			settlement: { d: "is the security's settlement date, expressed as a serial date number." },
 			maturity: { d: "is the security's maturity date, expressed as a serial date number." },
-			investment: { d: "is the amount invested in the security." },
+			discount: { d: "is the security's discount rate." },
 			redemption: { d: "is the amount to be received at maturity." },
 			basis: { d: "is the type of day count basis to use." }
 		}
 	},
-	RECEIVED: {
-		s: "Returns the amount received at maturity for a fully invested security.",
+	YIELDDISC: {
+		s: "Returns the annual yield for a discounted security. For example, a treasury bill.",
+		p: {
+			settlement: { d: "is the security's settlement date, expressed as a serial date number." },
+			maturity: { d: "is the security's maturity date, expressed as a serial date number." },
+			pr: { d: "is the security's price per $100 face value." },
+			redemption: { d: "is the security's redemption value per $100 face value." },
+			basis: { d: "is the type of day count basis to use." }
+		}
+	},
+	INTRATE: {
+		s: "Returns the interest rate for a fully invested security.",
 		p: {
 			settlement: { d: "is the security's settlement date, expressed as a serial date number." },
 			maturity: { d: "is the security's maturity date, expressed as a serial date number." },
 			investment: { d: "is the amount invested in the security." },
-			discount: { d: "is the security's discount rate." },
+			redemption: { d: "is the amount to be received at maturity." },
 			basis: { d: "is the type of day count basis to use." }
 		}
 	},
-	YIELDDISC: {
-		s: "Returns the annual yield for a discounted security. For example, a treasury bill.",
+	RECEIVED: {
+		s: "Returns the amount received at maturity for a fully invested security.",
 		p: {
 			settlement: { d: "is the security's settlement date, expressed as a serial date number." },
 			maturity: { d: "is the security's maturity date, expressed as a serial date number." },
-			pr: { d: "is the security's price per $100 face value." },
-			redemption: { d: "is the security's redemption value per $100 face value." },
+			investment: { d: "is the amount invested in the security." },
+			discount: { d: "is the security's discount rate." },
 			basis: { d: "is the type of day count basis to use." }
 		}
 	},
@@ -66,18 +76,6 @@ var e = {
 			pr: { d: "is the security's price per $100 face value." },
 			basis: { d: "is the type of day count basis to use." }
 		}
-	},
-	AMORLINC: {
-		s: "Returns the prorated linear depreciation of an asset for each accounting period.",
-		p: {
-			cost: { d: "is the cost of the asset." },
-			datePurchased: { d: "is the date the asset is purchased." },
-			firstPeriod: { d: "is the date of the end of the first period." },
-			salvage: { d: "is the salvage value at the end of life of the asset." },
-			period: { d: "is the period." },
-			rate: { d: "is the rate of depreciation." },
-			basis: { d: "year basis : 0 for year of 360 days, 1 for actual, 3 for year of 365 days." }
-		}
 	}
 };
 export { e as default };