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

package/{browser/esm/Cum9BHrpjoznUf1x.mjs → cdn/assets/BCGMvpUPFTYcKGbk2.js}

@@ -1,5 +1,5 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.6
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.9
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.

package/cdn/assets/{WkWv2DINRHwBdTOP.js → BCunHjPgizrAsDXf.js}

@@ -1,19 +1,19 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.6
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.9
 *
 * (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 "./BXlBCVkeDEYvDBJB.js";
-import { t } from "./DFvNGCdvSx5VASsE.js";
-import { t as n } from "./BC5CAuRYyJJli2nd.js";
-import { I as r, N as i, p as a } from "./BYk8t-CVbU8h5jS62.js";
-import { r as o } from "./DdtqpY-XqWQemNlu.js";
-import { B as s, G as c, Jt as l, R as u, Tt as d, U as f, V as p, X as m, Yt as h, _t as g, c as _, ct as v, ft as y, h as b, jt as x, kt as S, m as C, n as w, ot as T, p as E, t as D, wt as O, yt as k } from "./NaYNBS42-TDUcEoM.js";
-import { t as A } from "./D4a2UOIcVrZtupKH.js";
-import { D as j, Dt as M, Et as N, F as P, I as F, L as I, N as L, R as ee, V as R, _ as z, _t as B, a as V, c as te, ct as H, dt as ne, et as U, f as re, h as W, lt as G, m as K, n as ie, nt as q, o as ae, ot as oe, p as se, r as ce, s as J, st as le, ut as Y, v as ue, xt as de } from "./C8XBql0-rVxPPgdF.js";
-import { h as fe, p as pe, w as me } from "./C06Yqqvfz4f-vnXA.js";
-import { t as he } from "./BRVkA5J9pds0HKNi2.js";
+import { r as e } from "./4Ah98p4lGiqrlbx6.js";
+import { t } from "./CAz1eWlfMv2L6OpC.js";
+import { t as n } from "./Dq8SI2oQstCKO-GY.js";
+import { I as r, N as i, p as a } from "./CzCX-Wad3yMcEHob2.js";
+import { r as o } from "./CvEz12Ffb2RavW2v.js";
+import { B as s, G as c, Jt as l, R as u, Tt as d, U as f, V as p, X as m, Yt as h, _t as g, c as _, ct as v, ft as y, h as b, jt as x, kt as S, m as C, n as w, ot as T, p as E, t as D, wt as O, yt as k } from "./C3FTMx72bE115RW8.js";
+import { t as A } from "./CyC5uu-ajw6189Hf.js";
+import { D as j, Dt as M, Et as N, F as P, I as F, L as I, N as L, R as ee, V as R, _ as z, _t as B, a as V, c as te, ct as H, dt as ne, et as U, f as re, h as W, lt as G, m as K, n as ie, nt as q, o as ae, ot as oe, p as se, r as ce, s as J, st as le, ut as Y, v as ue, xt as de } from "./DweB8FS7VFYAmdcv.js";
+import { g as fe, m as pe, w as me } from "./5fk4i8-157Ur23Jd.js";
+import { t as he } from "./BzWz5q7aXaBHYtCY2.js";
 var X = e(t(), 1), Z = n();
 function ge(e) {
 	return C("MuiListItemButton", e);
@@ -2780,7 +2780,7 @@ var Zt = (e) => {
 			}
 		});
 	});
-}, Qt = Yt(a("utils-mui:inputDialog", () => import("./Cjeb-kMHzEUFlM_l.js"), { tier: "common" }).load), $t = (e) => {
+}, Qt = Yt(a("utils-mui:inputDialog", () => import("./CnUBHUIkRZCIWgUa.js"), { tier: "common" }).load), $t = (e) => {
 	let { showModal: t } = Kt();
 	return (n) => {
 		let { defaultOption: r = n.options?.[0], cancelOption: i = "Cancel", ...a } = n;

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

@@ -1,23 +1,24 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.6
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.9
 *
 * (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 "./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) {
+import { r as e } from "./4Ah98p4lGiqrlbx6.js";
+import { t } from "./CAz1eWlfMv2L6OpC.js";
+import { t as n } from "./Dq8SI2oQstCKO-GY.js";
+import { H as r } from "./CzCX-Wad3yMcEHob2.js";
+import { r as i } from "./DQSmYw6FezlICa7N2.js";
+import { r as a } from "./CvEz12Ffb2RavW2v.js";
+import { Et as o, Tt as s, h as c, m as l, p as u, t as d } from "./C3FTMx72bE115RW8.js";
+import { tt as f } from "./CyC5uu-ajw6189Hf.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 "./DweB8FS7VFYAmdcv.js";
+import { t as C } from "./BWv9YMAIb4d7yeRr.js";
+import { T as w } from "./BCunHjPgizrAsDXf.js";
+import { t as T } from "./D69bFt0qiJ0Banpu2.js";
+import { t as E } from "./C_0vyfGPMnLDdlSb2.js";
+var D = e(t(), 1);
+function O(e) {
 	return l("MuiSkeleton", e);
 }
 u("MuiSkeleton", [
@@ -32,7 +33,7 @@ u("MuiSkeleton", [
 	"fitContent",
 	"heightAuto"
 ]);
-var O = n(), k = m`
+var k = n(), A = m`
   0% {
     opacity: 1;
   }
@@ -44,7 +45,7 @@ var O = n(), k = m`
   100% {
     opacity: 1;
   }
-`, A = m`
+`, j = m`
   0% {
     transform: translateX(-100%);
   }
@@ -57,13 +58,13 @@ var O = n(), k = m`
   100% {
     transform: translateX(100%);
   }
-`, j = typeof k == "string" ? null : h`
-        animation: ${k} 2s ease-in-out 0.5s infinite;
-      `, M = typeof A == "string" ? null : h`
+`, M = typeof A == "string" ? null : h`
+        animation: ${A} 2s ease-in-out 0.5s infinite;
+      `, N = typeof j == "string" ? null : h`
         &::after {
-          animation: ${A} 2s linear 0.5s infinite;
+          animation: ${j} 2s linear 0.5s infinite;
         }
-      `, N = S("span", {
+      `, P = S("span", {
 	name: "MuiSkeleton",
 	slot: "Root",
 	overridesResolver: (e, t) => {
@@ -125,7 +126,7 @@ var O = n(), k = m`
 			},
 			{
 				props: { animation: "pulse" },
-				style: j || { animation: `${k} 2s ease-in-out 0.5s infinite` }
+				style: M || { animation: `${A} 2s ease-in-out 0.5s infinite` }
 			},
 			...a ? [{
 				props: { animation: "pulse" },
@@ -151,7 +152,7 @@ var O = n(), k = m`
 			},
 			{
 				props: { animation: "wave" },
-				style: M || { "&::after": { animation: `${A} 2s linear 0.5s infinite` } }
+				style: N || { "&::after": { animation: `${j} 2s linear 0.5s infinite` } }
 			},
 			...o ? [{
 				props: { animation: "wave" },
@@ -159,7 +160,7 @@ var O = n(), k = m`
 			}] : []
 		]
 	};
-})), P = E.forwardRef(function(e, t) {
+})), F = D.forwardRef(function(e, t) {
 	let n = y({
 		props: e,
 		name: "MuiSkeleton"
@@ -178,9 +179,9 @@ var O = n(), k = m`
 			i && "withChildren",
 			i && !a && "fitContent",
 			i && !o && "heightAuto"
-		] }, D, t);
+		] }, O, t);
 	})(f);
-	return (0, O.jsx)(N, {
+	return (0, k.jsx)(P, {
 		as: a,
 		ref: t,
 		className: c(p.root, i),
@@ -192,17 +193,17 @@ var O = n(), k = m`
 			...s
 		}
 	});
-}), F = "8 / 5", I = (e) => {
+}), I = "8 / 5", L = (e) => {
 	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)(d, {
+	return (0, k.jsx)(R, { src: n }, n);
+}, R = (e) => {
+	let { src: t } = e, [n, r] = (0, D.useState)(t ? "loading" : "failed");
+	return (0, k.jsx)(d, {
 		className: "template-thumbnail",
 		sx: {
 			position: "relative",
 			width: "100%",
-			aspectRatio: F,
+			aspectRatio: I,
 			overflow: "hidden",
 			borderRadius: 1,
 			border: (e) => `1px solid ${e.palette.divider}`,
@@ -212,13 +213,13 @@ var O = n(), k = m`
 			alignItems: "center",
 			justifyContent: "center"
 		},
-		children: n === "failed" ? (0, O.jsx)(a, {
+		children: n === "failed" ? (0, k.jsx)(a, {
 			iconKey: "FileNew",
 			style: {
 				fontSize: "2.5rem",
 				opacity: .4
 			}
-		}) : (0, O.jsx)("img", {
+		}) : (0, k.jsx)("img", {
 			src: t,
 			alt: "",
 			loading: "lazy",
@@ -235,9 +236,9 @@ var O = n(), k = m`
 			}
 		})
 	});
-}, R = (e) => {
+}, z = (e) => {
 	let { entry: t, category: n, onSelect: r } = e;
-	return (0, O.jsxs)(g, {
+	return (0, k.jsxs)(g, {
 		className: "template-tile",
 		disableRipple: !0,
 		onClick: r,
@@ -260,14 +261,14 @@ var O = n(), k = m`
 				outlineOffset: "-2px"
 			}
 		},
-		children: [(0, O.jsx)(I, { entry: t }), (0, O.jsxs)(d, {
+		children: [(0, k.jsx)(L, { entry: t }), (0, k.jsxs)(d, {
 			sx: { minWidth: 0 },
-			children: [(0, O.jsx)(_, {
+			children: [(0, k.jsx)(_, {
 				variant: "subtitle2",
 				component: "div",
 				noWrap: !0,
 				children: t.title
-			}), n ? (0, O.jsx)(_, {
+			}), n ? (0, k.jsx)(_, {
 				variant: "caption",
 				component: "div",
 				noWrap: !0,
@@ -276,7 +277,7 @@ var O = n(), k = m`
 			}) : null]
 		})]
 	});
-}, z = () => (0, O.jsxs)(d, {
+}, B = () => (0, k.jsxs)(d, {
 	sx: {
 		padding: 1,
 		display: "flex",
@@ -284,72 +285,72 @@ var O = n(), k = m`
 		gap: .75
 	},
 	children: [
-		(0, O.jsx)(P, {
+		(0, k.jsx)(F, {
 			variant: "rectangular",
 			sx: {
 				width: "100%",
 				height: "auto",
-				aspectRatio: F,
+				aspectRatio: I,
 				borderRadius: 1
 			}
 		}),
-		(0, O.jsx)(P, {
+		(0, k.jsx)(F, {
 			variant: "text",
 			width: "60%"
 		}),
-		(0, O.jsx)(P, {
+		(0, k.jsx)(F, {
 			variant: "text",
 			width: "35%"
 		})
 	]
-}), B = (0, E.memo)((0, E.forwardRef)((e, 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)(() => {
-		m && T.current?.();
-	}), (0, E.useEffect)(() => {
-		let e = S.current;
-		if (!m || !e) return;
-		let t = new ResizeObserver(() => T.current?.());
+}), V = (0, D.memo)((0, D.forwardRef)((e, t) => {
+	let { catalog: n, onSelect: r, filter: i, groupBy: a, renderTile: c, tileMinWidth: l = 180, emptyLabel: u, visibleRows: f, sx: m = o.EmptyCssProperties, style: h, className: g, onKeyDown: v, ...y } = e, b = s(), x = (0, D.useRef)(null), [S, C] = (0, D.useState)(0), w = (0, D.useRef)(null);
+	w.current = () => {
+		let e = x.current?.querySelector(".template-grid")?.firstElementChild, t = (e?.offsetHeight ? e : e?.firstElementChild)?.getBoundingClientRect().height;
+		t && C(t);
+	}, (0, D.useLayoutEffect)(() => {
+		f && w.current?.();
+	}), (0, D.useEffect)(() => {
+		let e = x.current;
+		if (!f || !e) return;
+		let t = new ResizeObserver(() => w.current?.());
 		return t.observe(e), () => t.disconnect();
-	}, [m]);
-	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 (!c) return [{
+	}, [f]);
+	let T, O = (0, D.useMemo)(() => new Map(n.categories.map((e) => [e.id, e])), [n.categories]), A = (0, D.useMemo)(() => {
+		let e = i ? n.entries.filter(i) : n.entries;
+		if (!a) 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 = c(n), r = t.get(e);
+			let e = a(n), r = t.get(e);
 			r || t.set(e, r = []), r.push(n);
 		}
 		return [...t].filter(([, e]) => e.length > 0).map(([e, t]) => ({
 			key: e,
-			title: k.get(e)?.title ?? e,
+			title: O.get(e)?.title ?? e,
 			entries: t
 		}));
 	}, [
 		n.entries,
 		n.categories,
-		k,
-		a,
-		c
+		O,
+		i,
+		a
 	]), j = {
 		display: "grid",
-		gridTemplateColumns: `repeat(auto-fill, minmax(${u}px, 1fr))`,
+		gridTemplateColumns: `repeat(auto-fill, minmax(${l}px, 1fr))`,
 		gap: "8px"
 	};
-	return D = n.status === "loading" ? (0, O.jsx)(d, {
+	return T = n.status === "loading" ? (0, k.jsx)(d, {
 		className: "template-grid",
 		sx: j,
 		"aria-busy": "true",
-		"aria-label": x("template.loading"),
-		children: Array.from({ length: 6 }, (e, t) => (0, O.jsx)(z, {}, t))
-	}) : n.status === "error" ? (0, O.jsxs)(d, {
+		"aria-label": b("template.loading"),
+		children: Array.from({ length: 6 }, (e, t) => (0, k.jsx)(B, {}, t))
+	}) : n.status === "error" ? (0, k.jsxs)(d, {
 		sx: {
 			display: "flex",
 			flexDirection: "column",
@@ -358,28 +359,28 @@ var O = n(), k = m`
 			padding: 4,
 			textAlign: "center"
 		},
-		children: [(0, O.jsx)(_, {
+		children: [(0, k.jsx)(_, {
 			variant: "body2",
 			sx: { color: "text.secondary" },
-			children: x("template.loadFailed")
-		}), (0, O.jsx)(p, {
+			children: b("template.loadFailed")
+		}), (0, k.jsx)(p, {
 			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, k.jsx)(_, {
 		variant: "body2",
 		sx: {
 			color: "text.secondary",
 			padding: 4,
 			textAlign: "center"
 		},
-		children: f ?? x("template.empty")
-	}) : A.map((e) => (0, O.jsxs)(d, {
+		children: u ?? b("template.empty")
+	}) : A.map((e) => (0, k.jsxs)(d, {
 		role: "group",
 		"aria-label": e.title,
-		children: [e.title ? (0, O.jsx)(_, {
+		children: [e.title ? (0, k.jsx)(_, {
 			variant: "overline",
 			component: "div",
 			sx: {
@@ -387,40 +388,40 @@ var O = n(), k = m`
 				paddingX: 1
 			},
 			children: e.title
-		}) : null, (0, O.jsx)(d, {
+		}) : null, (0, k.jsx)(d, {
 			className: "template-grid",
 			sx: j,
 			children: e.entries.map((e) => {
 				let t = {
-					category: k.get(e.category),
+					category: O.get(e.category),
 					onSelect: () => r?.(e)
 				};
-				return l ? (0, O.jsx)(d, {
+				return c ? (0, k.jsx)(d, {
 					sx: { display: "contents" },
-					children: l(e, t)
-				}, e.id) : (0, O.jsx)(R, {
+					children: c(e, t)
+				}, e.id) : (0, k.jsx)(z, {
 					entry: e,
 					...t
 				}, e.id);
 			})
 		})]
-	}, e.key ?? "")), (0, O.jsx)(d, {
+	}, e.key ?? "")), (0, k.jsx)(d, {
 		ref: t,
-		className: i(v, "template-panel"),
-		sx: h,
-		style: m && C ? {
+		className: E(g, "template-panel"),
+		sx: m,
+		style: f && 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(f * S + 8 * (f - 1))}px`,
+			minHeight: `${Math.ceil(S)}px`,
+			...h
+		} : h,
+		...y,
+		children: (0, k.jsx)(d, {
+			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;
@@ -450,12 +451,12 @@ var O = n(), k = m`
 				}
 				s = Math.max(0, Math.min(n.length - 1, s)), e.preventDefault(), n[s].focus();
 			},
-			children: D
+			children: T
 		})
 	});
 }));
-B.displayName = "TemplatePanel";
-var V = (e, t, n) => {
+V.displayName = "TemplatePanel";
+var H = (e, t, n) => {
 	let r = t.trim().toLowerCase();
 	return !r || [
 		e.title,
@@ -463,9 +464,9 @@ var V = (e, t, n) => {
 		n?.title,
 		...e.tags ?? []
 	].some((e) => e?.toLowerCase().includes(r));
-}, H = (e) => {
+}, U = (e) => {
 	let { value: t, onChange: n, sx: r } = e, i = s();
-	return (0, O.jsx)(C, {
+	return (0, k.jsx)(C, {
 		size: "small",
 		value: t,
 		placeholder: i("template.search"),
@@ -477,20 +478,20 @@ var V = (e, t, n) => {
 		slotProps: {
 			input: {
 				sx: { backgroundColor: "background.paper" },
-				startAdornment: (0, O.jsx)(T, {
+				startAdornment: (0, k.jsx)(T, {
 					position: "start",
-					children: (0, O.jsx)(a, { iconKey: "Find" })
+					children: (0, k.jsx)(a, { iconKey: "Find" })
 				}),
-				endAdornment: t ? (0, O.jsx)(T, {
+				endAdornment: t ? (0, k.jsx)(T, {
 					position: "end",
-					children: (0, O.jsx)(w, {
+					children: (0, k.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)(a, { iconKey: "Close" }),
+						icon: (0, k.jsx)(a, { iconKey: "Close" }),
 						size: "small"
 					})
 				}) : void 0
@@ -502,44 +503,44 @@ var V = (e, t, n) => {
 			}
 		}
 	});
-}, U = "https://unpkg.com/@sheetxl/workbook-templates/dist", W = "workbook-templates", G = (e) => e.replace(/\.[^/.]+$/, "").replace(/([a-z])([A-Z])/g, "$1 $2").replace(/[-_]+/g, " ").trim().replace(/\b\w/g, (e) => e.toUpperCase()), K = (e, t) => {
-	let n = `${e}${e.endsWith("/") ? "" : "/"}${W}/${t}`;
+}, W = /^\d+\.\d+\.\d+-([0-9A-Za-z-]+)/.exec(i)?.[1], G = `https://unpkg.com/@sheetxl/templates-workbook${W ? `@${W}` : ""}/dist`, K = "templates-workbook", q = (e) => e.replace(/\.[^/.]+$/, "").replace(/([a-z])([A-Z])/g, "$1 $2").replace(/[-_]+/g, " ").trim().replace(/\b\w/g, (e) => e.toUpperCase()), J = (e, t) => {
+	let n = `${e}${e.endsWith("/") ? "" : "/"}${K}/${t}`;
 	return typeof document > "u" ? n : new URL(n, document.baseURI).href;
-}, q = (e) => typeof e == "string" && e ? e : void 0, J = /* @__PURE__ */ new Map(), Y = (e = U) => {
-	let t = J.get(e);
+}, Y = (e) => typeof e == "string" && e ? e : void 0, X = /* @__PURE__ */ new Map(), Z = (e = G) => {
+	let t = X.get(e);
 	return t || (t = (async () => {
-		let t = (await r("templates", W, e)).find((e) => e.meta?.schema !== void 0);
+		let t = (await r("templates", K, e)).find((e) => e.meta?.schema !== void 0);
 		if (!t) throw Error(`No template catalog found at '${e}'.`);
 		return Math.floor(Number(t.meta?.schema)) === 1 ? ((e, t) => {
 			let n = Array.isArray(e.meta?.categories) ? e.meta.categories : [], r = [], i = /* @__PURE__ */ new Set();
 			for (let e of n) {
-				let t = q(e?.id);
+				let t = Y(e?.id);
 				t && !i.has(t) && (i.add(t), r.push({
 					id: t,
-					title: q(e.title) ?? G(t),
-					description: q(e.description),
-					icon: q(e.icon)
+					title: Y(e.title) ?? q(t),
+					description: Y(e.description),
+					icon: Y(e.icon)
 				}));
 			}
 			let a = [];
 			for (let n of e.entries) {
 				let e = n.path, o = e.split("/");
 				if (o.length !== 2 || !/\.(?:xlsx|sxl|csv)$/i.test(e)) continue;
-				let s = q(n.category) ?? o[0];
+				let s = Y(n.category) ?? o[0];
 				i.has(s) || (i.add(s), r.push({
 					id: s,
-					title: G(s)
+					title: q(s)
 				}));
-				let c = q(n.thumbnail), l = q(n.thumbnailDark);
+				let c = Y(n.thumbnail), l = Y(n.thumbnailDark);
 				a.push({
 					id: e,
-					title: q(n.title) ?? G(o[1]),
+					title: Y(n.title) ?? q(o[1]),
 					category: s,
-					description: q(n.description),
+					description: Y(n.description),
 					tags: Array.isArray(n.tags) ? n.tags.filter((e) => typeof e == "string") : void 0,
-					thumbnailUrl: c ? K(t, c) : void 0,
-					thumbnailDarkUrl: l ? K(t, l) : void 0,
-					sourceUrl: K(t, e)
+					thumbnailUrl: c ? J(t, c) : void 0,
+					thumbnailDarkUrl: l ? J(t, l) : void 0,
+					sourceUrl: J(t, e)
 				});
 			}
 			return {
@@ -550,22 +551,22 @@ var V = (e, t, n) => {
 			categories: [],
 			entries: []
 		});
-	})(), J.set(e, t), t.catch(() => {
-		J.delete(e);
+	})(), X.set(e, t), t.catch(() => {
+		X.delete(e);
 	})), t;
-}, X = (e = {}) => {
-	let { path: t = U } = e, [n, r] = (0, E.useState)(0), [i, a] = (0, E.useState)({
+}, Q = (e = {}) => {
+	let { path: t = G } = e, [n, r] = (0, D.useState)(0), [i, a] = (0, D.useState)({
 		status: "loading",
 		categories: [],
 		entries: []
 	});
-	return (0, E.useEffect)(() => {
+	return (0, D.useEffect)(() => {
 		let e = !1;
 		return a((e) => e.status === "loading" ? e : {
 			status: "loading",
 			categories: [],
 			entries: []
-		}), Y(t).then((t) => {
+		}), Z(t).then((t) => {
 			e || a({
 				status: "ready",
 				...t
@@ -582,9 +583,9 @@ var V = (e, t, n) => {
 		};
 	}, [t, n]), {
 		...i,
-		retry: (0, E.useCallback)(() => {
+		retry: (0, D.useCallback)(() => {
 			r((e) => e + 1);
 		}, [])
 	};
 };
-export { X as a, B as i, Y as n, H as r, V as t };
+export { H as a, Q as i, Z as n, U as r, V as t };

package/{browser/esm/B2bYjv0KEa2vjuau.mjs → cdn/assets/BFv3n-8UY0C32OsF.js}

@@ -1,5 +1,5 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.6
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.9
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.

package/cdn/assets/BJNI25e2dCdq29AM.js

@@ -0,0 +1,62 @@
+/**
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.9
+*
+* (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 "./4Ah98p4lGiqrlbx6.js";
+import { t } from "./CAz1eWlfMv2L6OpC.js";
+import { h as n } from "./C3FTMx72bE115RW8.js";
+import { K as r } from "./DweB8FS7VFYAmdcv.js";
+var i = e(t(), 1), a = i.createContext(void 0);
+function o() {
+	return i.useContext(a);
+}
+function s({ props: e, states: t }) {
+	let n = i.useContext(a), r = {};
+	return t.forEach((t) => {
+		let i = e[t];
+		r[t] = i === void 0 && n ? n[t] : i;
+	}), [r, n];
+}
+function c(e, t) {
+	if (!e) return t;
+	function i(e, t) {
+		let n = {};
+		return Object.keys(t).forEach((i) => {
+			r(i, t[i]) && typeof e[i] == "function" && (n[i] = (...n) => {
+				e[i](...n), t[i](...n);
+			});
+		}), n;
+	}
+	if (typeof e == "function" || typeof t == "function") return (r) => {
+		let a = typeof t == "function" ? t(r) : t, o = typeof e == "function" ? e({
+			...r,
+			...a
+		}) : e, s = n(r?.className, a?.className, o?.className), c = i(o, a);
+		return {
+			...a,
+			...o,
+			...c,
+			...!!s && { className: s },
+			...a?.style && o?.style && { style: {
+				...a.style,
+				...o.style
+			} },
+			...a?.sx && o?.sx && { sx: [...Array.isArray(a.sx) ? a.sx : [a.sx], ...Array.isArray(o.sx) ? o.sx : [o.sx]] }
+		};
+	};
+	let a = t, o = i(e, a), s = n(a?.className, e?.className);
+	return {
+		...t,
+		...e,
+		...o,
+		...!!s && { className: s },
+		...a?.style && e?.style && { style: {
+			...a.style,
+			...e.style
+		} },
+		...a?.sx && e?.sx && { sx: [...Array.isArray(a.sx) ? a.sx : [a.sx], ...Array.isArray(e.sx) ? e.sx : [e.sx]] }
+	};
+}
+export { a as i, o as n, s as r, c as t };