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

package/cdn/assets/{Doj9y5S2cMVRtP1D.js → CPrgeFAwr7BHqmHu.js}

@@ -1,16 +1,16 @@
 /**
-* @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 { h as r, m as i, p as a } from "./CdP9qTlDd3C1oYJE.js";
-import { L as o, X as s, _t as c, ct as l, dt as u, lt as d, ot as f, ut as p } from "./C2-SeODnwo_GR5pz.js";
-import { a as m, c as h, o as g, p as _, s as v, w as y } from "./DilLxTePPshHHpSq.js";
-import { n as b, r as x } from "./DiViqDuRVTrNy_8T2.js";
+import { r as e } from "./BXlBCVkeDEYvDBJB.js";
+import { t } from "./DFvNGCdvSx5VASsE.js";
+import { t as n } from "./BC5CAuRYyJJli2nd.js";
+import { h as r, m as i, p as a } from "./NaYNBS42-TDUcEoM.js";
+import { L as o, X as s, _t as c, ct as l, dt as u, lt as d, ot as f, ut as p } from "./C8XBql0-rVxPPgdF.js";
+import { a as m, c as h, o as g, p as _, s as v, w as y } from "./C06Yqqvfz4f-vnXA.js";
+import { n as b, r as x } from "./BRVkA5J9pds0HKNi2.js";
 var S = e(t(), 1);
 function C(e) {
 	return i("MuiMenuItem", e);

package/{browser/esm/DN6XiWA9mgKCYBL72.mjs → cdn/assets/CUQpAR2c-_Pwu2Eu.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/{CVV-QxmM_7vUYzFC2.js → CZQe_58fmtS0SgdD2.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/{ClrdhQeh_WoBg0Ws.js → C_VwHa0tEc_OcSRF.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/{browser/esm/DDfhrc6lUmerlDLA2.mjs → cdn/assets/CeT8chcNlkKehyJE.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/{browser/esm/CQi9Ek-nl9QWmoMC2.mjs → cdn/assets/Cfob6FEkwxaSK3jd.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/{browser/esm/DwpzhMm9SjvmHEpB.mjs → cdn/assets/CiKHaK_kIAhKfCdO2.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/{Ks5Tzjg6SEeoLe6a.js → CjYlIFqHaDFiZlal2.js}

@@ -1,13 +1,13 @@
 /**
-* @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 { I as e } from "./C62Y8jSQuT2_lqUs2.js";
-import { r as t } from "./BVri2gMOX526uJV52.js";
-import { Gt as n, it as r, nt as i } from "./D6g5-9e1xAhCBLKs2.js";
-import { K as a } from "./CkGtAcs5pCYCEP8p.js";
+import { r as e } from "./DwhwEhNA_QFs_EaZ2.js";
+import { I as t } from "./BYk8t-CVbU8h5jS62.js";
+import { Kt as n, Mt as r, st as i } from "./DEgXvxiW0vq9ppwM2.js";
+import { k as a } from "./CB2GXUrOhyLmnsVF2.js";
 var o = (e, t, n) => {
 	let r = `Unable to read '${e}': ${t?.message ?? t}`;
 	n?.onWarning ? n.onWarning(r, e) : console.warn(r);
@@ -26,20 +26,20 @@ var o = (e, t, n) => {
 		o(e, t, r);
 	}
 	return r?.parsedRefs?.set(e, c), c;
-}, c = (t, n, r, i, a = null) => {
-	if (!t) return null;
-	let s = t;
+}, c = (e, n, r, i, a = null) => {
+	if (!e) return null;
+	let s = e;
 	s.startsWith("/") && (s = s.substring(1));
-	let c = a?.parsedRefs?.get(t);
+	let c = a?.parsedRefs?.get(e);
 	if (c !== void 0) return c;
 	let l = n(s);
 	if (!l) return null;
 	let u = l.content;
 	try {
-		let n = new TextDecoder().decode(u), o = r.parseFromString(n, "text/xml"), s = i.transform(o, t, a ?? e.EmptyObject);
-		return a?.parsedRefs?.set(t, s), s;
-	} catch (e) {
-		o(t, e, a);
+		let n = new TextDecoder().decode(u), o = r.parseFromString(n, "text/xml"), s = i.transform(o, e, a ?? t.EmptyObject);
+		return a?.parsedRefs?.set(e, s), s;
+	} catch (t) {
+		o(e, t, a);
 	}
 	return null;
 }, l = (e, t, n, r, i = null) => {
@@ -90,7 +90,7 @@ var o = (e, t, n) => {
 	s && (r = f[Number(s)]);
 	let c = e("tint");
 	if (c && (r += ` ${n.AdjustmentType.ETint} ${parseFloat(c)}`), r) return r;
-}, m = (e) => e && e.replace(/^\{([\s\S]+)\}$/, "$1"), h = t({
+}, m = (e) => e && e.replace(/^\{([\s\S]+)\}$/, "$1"), h = e({
 	EMU_PER_PIXEL: () => _,
 	EMU_PER_POINT: () => g,
 	fixedPointToDouble: () => b,
@@ -99,9 +99,9 @@ var o = (e, t, n) => {
 	parsePercentage: () => x,
 	toPixels: () => y,
 	toPoints: () => v
-}), g = 12700, _ = 9525, v = (t) => t ? e.roundAccurately(parseFloat(t) / g, 4) : null, y = (t) => t ? e.roundAccurately(parseFloat(t) / _, 1) : null, b = (e) => (e >> 16) + (65535 & e) / 65536, x = (e) => parseFloat(e) / 1e3, S = (e) => parseFloat(e) / 6e4, C = (e) => e === "true" || e === "1", w = "hiddenXfs", T = (e) => (Array.isArray(e) ? e[1] : e?.v)?.s, E = (e) => {
+}), g = 12700, _ = 9525, v = (e) => e ? t.roundAccurately(parseFloat(e) / g, 4) : null, y = (e) => e ? t.roundAccurately(parseFloat(e) / _, 1) : null, b = (e) => (e >> 16) + (65535 & e) / 65536, x = (e) => parseFloat(e) / 1e3, S = (e) => parseFloat(e) / 6e4, C = (e) => e === "true" || e === "1", w = "hiddenXfs", T = (e) => (Array.isArray(e) ? e[1] : e?.v)?.s, E = (e) => {
 	if (!e || e.length === 0) return !1;
-	let t = i.refsToRuns(e, !0), n = 0;
+	let t = r.refsToRuns(e, !0), n = 0;
 	for (let e of t) {
 		if (e.min > n || e.value?.s === void 0) return !1;
 		n = Math.max(n, e.max + 1);
@@ -116,23 +116,23 @@ var o = (e, t, n) => {
 	if (!t || t.size === 0) return;
 	let n = e.styles;
 	if (!n) return;
-	let i = /* @__PURE__ */ new Set(), a = /* @__PURE__ */ new Set();
+	let r = /* @__PURE__ */ new Set(), a = /* @__PURE__ */ new Set();
 	for (let n of e.sheets ?? []) {
 		let e = n?.sheet;
 		if (!e) continue;
-		let r = /* @__PURE__ */ new Set();
-		E(e.cols) || r.add(0);
-		for (let t of e.directStyles ?? []) r.add(Array.isArray(t) ? t[1] : t.v);
+		let i = /* @__PURE__ */ new Set();
+		E(e.cols) || i.add(0);
+		for (let t of e.directStyles ?? []) i.add(Array.isArray(t) ? t[1] : t.v);
 		for (let t of e.rows ?? []) {
 			let e = T(t);
-			e !== void 0 && r.add(e);
+			e !== void 0 && i.add(e);
 		}
 		for (let t of e.cols ?? []) {
 			let e = T(t);
-			e !== void 0 && r.add(e);
+			e !== void 0 && i.add(e);
 		}
 		let o = !1;
-		for (let e of r) if (t.has(e)) {
+		for (let e of i) if (t.has(e)) {
 			o = !0;
 			break;
 		}
@@ -141,19 +141,19 @@ var o = (e, t, n) => {
 				...e.protection ?? { sheet: !0 },
 				showFormulas: !1
 			};
-			for (let e of r) (t.has(e) ? a : i).add(e);
+			for (let e of i) (t.has(e) ? a : r).add(e);
 		}
 	}
-	if (i.size === 0) return;
+	if (r.size === 0) return;
 	let o = n.direct ??= [];
-	for (let e of i) e !== 0 && D(o[e] ?? (o[e] = {}), !0);
+	for (let e of r) e !== 0 && D(o[e] ?? (o[e] = {}), !0);
 	for (let e of a) e !== 0 && D(o[e] ?? (o[e] = {}), !1);
-	if (i.has(0)) {
-		let e = n.named ??= [], t = r.BuiltInName.Normal.toLowerCase(), i = e.find((e) => e.name?.toLowerCase() === t);
-		i || (i = {
-			name: r.BuiltInName.Normal,
+	if (r.has(0)) {
+		let e = n.named ??= [], t = i.BuiltInName.Normal.toLowerCase(), r = e.find((e) => e.name?.toLowerCase() === t);
+		r || (r = {
+			name: i.BuiltInName.Normal,
 			style: {}
-		}, e.push(i)), D(i.style, !0);
+		}, e.push(r)), D(r.style, !0);
 	}
 };
 export { d as a, m as c, u as d, v as f, y as h, c as i, p as l, x as m, O as n, h as o, w as p, S as r, l as s, C as t, s as u };

package/cdn/assets/{Bijn-3ZS9ONia1ja.js → Cjeb-kMHzEUFlM_l.js}

@@ -1,16 +1,16 @@
 /**
-* @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 { X as r, Zt as i, t as a } from "./CdP9qTlDd3C1oYJE.js";
-import { _ as o, v as s } from "./C2-SeODnwo_GR5pz.js";
-import { _ as c } from "./DilLxTePPshHHpSq.js";
-import { t as l } from "./kgHG0ixsMXmNdu8U.js";
+import { r as e } from "./BXlBCVkeDEYvDBJB.js";
+import { t } from "./DFvNGCdvSx5VASsE.js";
+import { t as n } from "./BC5CAuRYyJJli2nd.js";
+import { X as r, Yt as i, t as a } from "./NaYNBS42-TDUcEoM.js";
+import { _ as o, v as s } from "./C8XBql0-rVxPPgdF.js";
+import { _ as c } from "./C06Yqqvfz4f-vnXA.js";
+import { t as l } from "./Dy9SlSZp3B0IfxZM.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 = r(async (e, t) => {
 		if (!g) return !0;

package/cdn/assets/{BJ74o1RxHOu_KTYD2.js → Cjrrmg-P0lKlzEfq2.js}

@@ -1,26 +1,26 @@
 /**
-* @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 { 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";
+import { r as e } from "./BXlBCVkeDEYvDBJB.js";
+import { t } from "./DFvNGCdvSx5VASsE.js";
+import { t as n } from "./BC5CAuRYyJJli2nd.js";
+import { H as r } from "./BYk8t-CVbU8h5jS62.js";
+import { t as i } from "./Cw3vteUwx6OB-6Iy.js";
+import { r as a } from "./DdtqpY-XqWQemNlu.js";
+import { Et as o, Tt as s, h as c, m as l, p as u, t as d } from "./NaYNBS42-TDUcEoM.js";
+import { g as f } from "./D4a2UOIcVrZtupKH.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 "./C8XBql0-rVxPPgdF.js";
+import { t as C } from "./Dy9SlSZp3B0IfxZM.js";
+import { T as w } from "./WkWv2DINRHwBdTOP.js";
+import { t as T } from "./B2PZWx8od3IEHy4E2.js";
 var E = e(t(), 1);
 function D(e) {
-	return c("MuiSkeleton", e);
+	return l("MuiSkeleton", e);
 }
-l("MuiSkeleton", [
+u("MuiSkeleton", [
 	"root",
 	"text",
 	"rectangular",
@@ -32,7 +32,7 @@ l("MuiSkeleton", [
 	"fitContent",
 	"heightAuto"
 ]);
-var O = n(), k = p`
+var O = n(), k = m`
   0% {
     opacity: 1;
   }
@@ -44,7 +44,7 @@ var O = n(), k = p`
   100% {
     opacity: 1;
   }
-`, A = p`
+`, A = m`
   0% {
     transform: translateX(-100%);
   }
@@ -57,13 +57,13 @@ var O = n(), k = p`
   100% {
     transform: translateX(100%);
   }
-`, j = typeof k == "string" ? null : m`
+`, j = typeof k == "string" ? null : h`
         animation: ${k} 2s ease-in-out 0.5s infinite;
-      `, M = typeof A == "string" ? null : m`
+      `, M = typeof A == "string" ? null : h`
         &::after {
           animation: ${A} 2s linear 0.5s infinite;
         }
-      `, N = x("span", {
+      `, N = S("span", {
 	name: "MuiSkeleton",
 	slot: "Root",
 	overridesResolver: (e, t) => {
@@ -77,12 +77,12 @@ var O = n(), k = p`
 			n.hasChildren && !n.height && t.heightAuto
 		];
 	}
-})(b(({ theme: e }) => {
+})(x(({ 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 = y(e, { animation: "none" }), o = y(e, { "&::after": {
+	let a = b(e, { animation: "none" }), o = b(e, { "&::after": {
 		animation: "none",
 		display: "none"
 	} });
@@ -160,10 +160,10 @@ var O = n(), k = p`
 		]
 	};
 })), P = E.forwardRef(function(e, t) {
-	let n = v({
+	let n = y({
 		props: e,
 		name: "MuiSkeleton"
-	}), { animation: r = "pulse", className: i, component: a = "span", height: s, style: c, variant: l = "text", width: u, ...d } = n, f = {
+	}), { animation: r = "pulse", className: i, component: a = "span", height: o, style: s, variant: l = "text", width: u, ...d } = n, f = {
 		...n,
 		animation: r,
 		component: a,
@@ -171,7 +171,7 @@ var O = n(), k = p`
 		hasChildren: !!d.children
 	}, p = ((e) => {
 		let { classes: t, variant: n, animation: r, hasChildren: i, width: a, height: o } = e;
-		return _({ root: [
+		return v({ root: [
 			"root",
 			n,
 			r,
@@ -183,21 +183,21 @@ var O = n(), k = p`
 	return (0, O.jsx)(N, {
 		as: a,
 		ref: t,
-		className: o(p.root, i),
+		className: c(p.root, i),
 		ownerState: f,
 		...d,
 		style: {
 			width: u,
-			height: s,
-			...c
+			height: o,
+			...s
 		}
 	});
 }), F = "8 / 5", I = (e) => {
-	let { entry: t } = e, n = (d() === "dark" ? t.thumbnailDarkUrl : void 0) ?? t.thumbnailUrl;
+	let { entry: t } = e, n = (f() === "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)(u, {
+	return (0, O.jsx)(d, {
 		className: "template-thumbnail",
 		sx: {
 			position: "relative",
@@ -212,7 +212,7 @@ var O = n(), k = p`
 			alignItems: "center",
 			justifyContent: "center"
 		},
-		children: n === "failed" ? (0, O.jsx)(i, {
+		children: n === "failed" ? (0, O.jsx)(a, {
 			iconKey: "FileNew",
 			style: {
 				fontSize: "2.5rem",
@@ -237,7 +237,7 @@ var O = n(), k = p`
 	});
 }, R = (e) => {
 	let { entry: t, category: n, onSelect: r } = e;
-	return (0, O.jsxs)(h, {
+	return (0, O.jsxs)(g, {
 		className: "template-tile",
 		disableRipple: !0,
 		onClick: r,
@@ -260,14 +260,14 @@ var O = n(), k = p`
 				outlineOffset: "-2px"
 			}
 		},
-		children: [(0, O.jsx)(I, { entry: t }), (0, O.jsxs)(u, {
+		children: [(0, O.jsx)(I, { entry: t }), (0, O.jsxs)(d, {
 			sx: { minWidth: 0 },
-			children: [(0, O.jsx)(g, {
+			children: [(0, O.jsx)(_, {
 				variant: "subtitle2",
 				component: "div",
 				noWrap: !0,
 				children: t.title
-			}), n ? (0, O.jsx)(g, {
+			}), n ? (0, O.jsx)(_, {
 				variant: "caption",
 				component: "div",
 				noWrap: !0,
@@ -276,7 +276,7 @@ var O = n(), k = p`
 			}) : null]
 		})]
 	});
-}, z = () => (0, O.jsxs)(u, {
+}, z = () => (0, O.jsxs)(d, {
 	sx: {
 		padding: 1,
 		display: "flex",
@@ -303,28 +303,28 @@ var O = n(), k = p`
 		})
 	]
 }), B = (0, E.memo)((0, E.forwardRef)((e, 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);
+	let { catalog: n, onSelect: r, filter: a, groupBy: c, renderTile: l, tileMinWidth: u = 180, emptyLabel: f, visibleRows: m, sx: h = o.EmptyCssProperties, style: g, className: v, onKeyDown: y, ...b } = e, x = s(), 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);
 	}, (0, E.useLayoutEffect)(() => {
-		p && w.current?.();
+		m && T.current?.();
 	}), (0, E.useEffect)(() => {
-		let e = x.current;
-		if (!p || !e) return;
-		let t = new ResizeObserver(() => w.current?.());
+		let e = S.current;
+		if (!m || !e) return;
+		let t = new ResizeObserver(() => T.current?.());
 		return t.observe(e), () => t.disconnect();
-	}, [p]);
+	}, [m]);
 	let D, k = (0, E.useMemo)(() => new Map(n.categories.map((e) => [e.id, e])), [n.categories]), A = (0, E.useMemo)(() => {
-		let e = i ? n.entries.filter(i) : n.entries;
-		if (!o) return [{
+		let e = a ? n.entries.filter(a) : n.entries;
+		if (!c) 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 = o(n), r = t.get(e);
+			let e = c(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 = p`
 		n.entries,
 		n.categories,
 		k,
-		i,
-		o
+		a,
+		c
 	]), j = {
 		display: "grid",
-		gridTemplateColumns: `repeat(auto-fill, minmax(${l}px, 1fr))`,
+		gridTemplateColumns: `repeat(auto-fill, minmax(${u}px, 1fr))`,
 		gap: "8px"
 	};
-	return D = n.status === "loading" ? (0, O.jsx)(u, {
+	return D = n.status === "loading" ? (0, O.jsx)(d, {
 		className: "template-grid",
 		sx: j,
 		"aria-busy": "true",
-		"aria-label": b("template.loading"),
+		"aria-label": x("template.loading"),
 		children: Array.from({ length: 6 }, (e, t) => (0, O.jsx)(z, {}, t))
-	}) : n.status === "error" ? (0, O.jsxs)(u, {
+	}) : n.status === "error" ? (0, O.jsxs)(d, {
 		sx: {
 			display: "flex",
 			flexDirection: "column",
@@ -358,28 +358,28 @@ var O = n(), k = p`
 			padding: 4,
 			textAlign: "center"
 		},
-		children: [(0, O.jsx)(g, {
+		children: [(0, O.jsx)(_, {
 			variant: "body2",
 			sx: { color: "text.secondary" },
-			children: b("template.loadFailed")
-		}), (0, O.jsx)(f, {
+			children: x("template.loadFailed")
+		}), (0, O.jsx)(p, {
 			variant: "outlined",
 			size: "small",
 			onClick: n.retry,
-			children: b("template.retry")
+			children: x("template.retry")
 		})]
-	}) : A.every((e) => e.entries.length === 0) ? (0, O.jsx)(g, {
+	}) : A.every((e) => e.entries.length === 0) ? (0, O.jsx)(_, {
 		variant: "body2",
 		sx: {
 			color: "text.secondary",
 			padding: 4,
 			textAlign: "center"
 		},
-		children: d ?? b("template.empty")
-	}) : A.map((e) => (0, O.jsxs)(u, {
+		children: f ?? x("template.empty")
+	}) : A.map((e) => (0, O.jsxs)(d, {
 		role: "group",
 		"aria-label": e.title,
-		children: [e.title ? (0, O.jsx)(g, {
+		children: [e.title ? (0, O.jsx)(_, {
 			variant: "overline",
 			component: "div",
 			sx: {
@@ -387,7 +387,7 @@ var O = n(), k = p`
 				paddingX: 1
 			},
 			children: e.title
-		}) : null, (0, O.jsx)(u, {
+		}) : null, (0, O.jsx)(d, {
 			className: "template-grid",
 			sx: j,
 			children: e.entries.map((e) => {
@@ -395,32 +395,32 @@ var O = n(), k = p`
 					category: k.get(e.category),
 					onSelect: () => r?.(e)
 				};
-				return c ? (0, O.jsx)(u, {
+				return l ? (0, O.jsx)(d, {
 					sx: { display: "contents" },
-					children: c(e, t)
+					children: l(e, t)
 				}, e.id) : (0, O.jsx)(R, {
 					entry: e,
 					...t
 				}, e.id);
 			})
 		})]
-	}, e.key ?? "")), (0, O.jsx)(u, {
+	}, e.key ?? "")), (0, O.jsx)(d, {
 		ref: t,
-		className: T(_, "template-panel"),
-		sx: m,
-		style: p && S ? {
+		className: i(v, "template-panel"),
+		sx: h,
+		style: m && C ? {
 			boxSizing: "content-box",
 			scrollbarGutter: "stable",
-			height: `${Math.ceil(p * S + 8 * (p - 1))}px`,
-			minHeight: `${Math.ceil(S)}px`,
-			...h
-		} : h,
-		...y,
-		children: (0, O.jsx)(u, {
-			ref: x,
+			height: `${Math.ceil(m * C + 8 * (m - 1))}px`,
+			minHeight: `${Math.ceil(C)}px`,
+			...g
+		} : g,
+		...b,
+		children: (0, O.jsx)(d, {
+			ref: S,
 			onKeyDown: (e) => {
-				if (v?.(e), e.defaultPrevented) return;
-				let t = x.current;
+				if (y?.(e), e.defaultPrevented) return;
+				let t = S.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, o = a();
-	return (0, O.jsx)(S, {
+	let { value: t, onChange: n, sx: r } = e, i = s();
+	return (0, O.jsx)(C, {
 		size: "small",
 		value: t,
-		placeholder: o("template.search"),
+		placeholder: i("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)(w, {
+				startAdornment: (0, O.jsx)(T, {
 					position: "start",
-					children: (0, O.jsx)(i, { iconKey: "Find" })
+					children: (0, O.jsx)(a, { iconKey: "Find" })
 				}),
-				endAdornment: t ? (0, O.jsx)(w, {
+				endAdornment: t ? (0, O.jsx)(T, {
 					position: "end",
-					children: (0, O.jsx)(C, {
-						"aria-label": o("template.clearSearch"),
-						propsTooltip: { label: o("template.clearSearch") },
+					children: (0, O.jsx)(w, {
+						"aria-label": i("template.clearSearch"),
+						propsTooltip: { label: i("template.clearSearch") },
 						onMouseDown: (e) => {
 							e.button === 0 && e.preventDefault();
 						},
 						onClick: () => n(""),
-						icon: (0, O.jsx)(i, { iconKey: "Close" }),
+						icon: (0, O.jsx)(a, { iconKey: "Close" }),
 						size: "small"
 					})
 				}) : void 0
@@ -498,7 +498,7 @@ var V = (e, t, n) => {
 			htmlInput: {
 				spellCheck: !1,
 				autoComplete: "off",
-				"aria-label": o("template.search")
+				"aria-label": i("template.search")
 			}
 		}
 	});

package/cdn/assets/{BXV_vaLwr-mEvH-k.js → CqFpYuZRY1Oa6Kdj.js}

@@ -1,15 +1,15 @@
 /**
-* @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 { h as r, m as i, p as a } from "./CdP9qTlDd3C1oYJE.js";
-import { H as o, I as s, J as c, L as l, N as u, Q as d, _t as f, ct as p, dt as m, lt as h, st as g, ut as _ } from "./C2-SeODnwo_GR5pz.js";
-import { D as v, E as y, y as b } from "./DilLxTePPshHHpSq.js";
+import { r as e } from "./BXlBCVkeDEYvDBJB.js";
+import { t } from "./DFvNGCdvSx5VASsE.js";
+import { t as n } from "./BC5CAuRYyJJli2nd.js";
+import { h as r, m as i, p as a } from "./NaYNBS42-TDUcEoM.js";
+import { H as o, I as s, J as c, L as l, N as u, Q as d, _t as f, ct as p, dt as m, lt as h, st as g, ut as _ } from "./C8XBql0-rVxPPgdF.js";
+import { D as v, E as y, y as b } from "./C06Yqqvfz4f-vnXA.js";
 var x = e(t(), 1), S = n();
 function C(e) {
 	return i("MuiCheckbox", e);

package/cdn/assets/{AwRapR2kwqYVijeW2.js → Cum9BHrpjoznUf1x.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.