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

package/cdn/assets/{b-o8RUlQpF1RaDgI.js → BJ74o1RxHOu_KTYD2.js}

@@ -1,25 +1,26 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.2
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.4
 *
 * (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 "./nBZATD4yR1W5D4Fi.js";
-import { t } from "./DoBxkE57H5PfH7Or.js";
-import { t as n } from "./C3KIo0iwLXhIIMG8.js";
-import { r } from "./I2Cn0c2NkX845WIx.js";
-import { en as i, h as a, m as o, p as s, qt as c, t as l } from "./UNtnFd2ssTtnrqRp.js";
-import { D as u, Dt as d, Et as f, L as p, N as m, _t as h, ct as g, et as _, lt as v, ut as y } from "./CWOPhBfYI6R0kz-p.js";
-import { t as b } from "./DI4QTfUQPCjSn0kl.js";
-import { T as x } from "./CDijenaMI_dBIGU-.js";
-import { at as S } from "./CCTYceFrydwG3Vyt2.js";
-import { t as C } from "./2QsTDWiE6SMelbNU2.js";
-import { t as ee } from "./B0FNPu0uhX_WW-aJ2.js";
-var w = e(t(), 1);
-function T(e) {
-	return o("MuiSkeleton", e);
+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";
+var E = e(t(), 1);
+function D(e) {
+	return c("MuiSkeleton", e);
 }
-s("MuiSkeleton", [
+l("MuiSkeleton", [
 	"root",
 	"text",
 	"rectangular",
@@ -31,7 +32,7 @@ s("MuiSkeleton", [
 	"fitContent",
 	"heightAuto"
 ]);
-var E = n(), D = d`
+var O = n(), k = p`
   0% {
     opacity: 1;
   }
@@ -43,7 +44,7 @@ var E = n(), D = d`
   100% {
     opacity: 1;
   }
-`, O = d`
+`, A = p`
   0% {
     transform: translateX(-100%);
   }
@@ -56,13 +57,13 @@ var E = n(), D = d`
   100% {
     transform: translateX(100%);
   }
-`, k = typeof D == "string" ? null : f`
-        animation: ${D} 2s ease-in-out 0.5s infinite;
-      `, A = typeof O == "string" ? null : f`
+`, j = typeof k == "string" ? null : m`
+        animation: ${k} 2s ease-in-out 0.5s infinite;
+      `, M = typeof A == "string" ? null : m`
         &::after {
-          animation: ${O} 2s linear 0.5s infinite;
+          animation: ${A} 2s linear 0.5s infinite;
         }
-      `, te = y("span", {
+      `, N = x("span", {
 	name: "MuiSkeleton",
 	slot: "Root",
 	overridesResolver: (e, t) => {
@@ -76,12 +77,12 @@ var E = n(), D = d`
 			n.hasChildren && !n.height && t.heightAuto
 		];
 	}
-})(v(({ theme: e }) => {
+})(b(({ 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 = _(e, { animation: "none" }), o = _(e, { "&::after": {
+	let a = y(e, { animation: "none" }), o = y(e, { "&::after": {
 		animation: "none",
 		display: "none"
 	} });
@@ -124,7 +125,7 @@ var E = n(), D = d`
 			},
 			{
 				props: { animation: "pulse" },
-				style: k || { animation: `${D} 2s ease-in-out 0.5s infinite` }
+				style: j || { animation: `${k} 2s ease-in-out 0.5s infinite` }
 			},
 			...a ? [{
 				props: { animation: "pulse" },
@@ -150,7 +151,7 @@ var E = n(), D = d`
 			},
 			{
 				props: { animation: "wave" },
-				style: A || { "&::after": { animation: `${O} 2s linear 0.5s infinite` } }
+				style: M || { "&::after": { animation: `${A} 2s linear 0.5s infinite` } }
 			},
 			...o ? [{
 				props: { animation: "wave" },
@@ -158,31 +159,31 @@ var E = n(), D = d`
 			}] : []
 		]
 	};
-})), j = w.forwardRef(function(e, t) {
-	let n = g({
+})), P = E.forwardRef(function(e, t) {
+	let n = v({
 		props: e,
 		name: "MuiSkeleton"
-	}), { animation: r = "pulse", className: i, component: o = "span", height: s, style: c, variant: l = "text", width: u, ...d } = n, f = {
+	}), { animation: r = "pulse", className: i, component: a = "span", height: s, style: c, variant: l = "text", width: u, ...d } = n, f = {
 		...n,
 		animation: r,
-		component: o,
+		component: a,
 		variant: l,
 		hasChildren: !!d.children
 	}, p = ((e) => {
 		let { classes: t, variant: n, animation: r, hasChildren: i, width: a, height: o } = e;
-		return h({ root: [
+		return _({ root: [
 			"root",
 			n,
 			r,
 			i && "withChildren",
 			i && !a && "fitContent",
 			i && !o && "heightAuto"
-		] }, T, t);
+		] }, D, t);
 	})(f);
-	return (0, E.jsx)(te, {
-		as: o,
+	return (0, O.jsx)(N, {
+		as: a,
 		ref: t,
-		className: a(p.root, i),
+		className: o(p.root, i),
 		ownerState: f,
 		...d,
 		style: {
@@ -191,103 +192,17 @@ var E = n(), D = d`
 			...c
 		}
 	});
-}), M = "contents.json", N = new TextDecoder(), P = /* @__PURE__ */ new Map();
-function F(e) {
-	let t = P.get(e);
-	return t || (t = (async () => {
-		let t, n;
-		try {
-			t = await fetch(`${e}${e.endsWith("/") ? "" : "/"}${M}`);
-		} catch {
-			return null;
-		}
-		if (!t.ok || (t.headers.get("content-type") ?? "").includes("text/html")) return null;
-		try {
-			n = JSON.parse(await t.text());
-		} catch {
-			return null;
-		}
-		if (!Array.isArray(n?.entries)) return null;
-		let r = /* @__PURE__ */ new Set(), i = new Set(Array.isArray(n.folders) ? n.folders : []);
-		for (let e of n.entries) {
-			let t = e?.path;
-			if (typeof t != "string") continue;
-			r.add(t);
-			let n = t.split("/");
-			for (let e = 1; e < n.length; e++) i.add(n.slice(0, e).join("/"));
-		}
-		return {
-			files: r,
-			folders: i
-		};
-	})(), P.set(e, t)), t;
-}
-function I(e, t) {
-	let n = (n, r, i) => `${e}${e.endsWith("/") ? "" : "/"}${[...t(n, r), i].join("/")}`;
-	return {
-		id: e,
-		describe: n,
-		async read(e, t, r) {
-			let i;
-			try {
-				i = await fetch(n(e, t, r));
-			} catch {
-				return null;
-			}
-			return i.ok ? (i.headers.get("content-type") ?? "").includes("text/html") ? null : new Uint8Array(await i.arrayBuffer()) : null;
-		},
-		async has(n, r, i) {
-			let a = await F(e);
-			if (!a) return null;
-			let o = t(n, r).join("/");
-			return i == null ? a.folders.has(o) : a.files.has(`${o}/${i}`);
-		},
-		async list(n, r) {
-			let i = await F(e);
-			if (!i) return null;
-			let a = `${t(n, r).join("/")}/`;
-			return [...i.files].filter((e) => e.startsWith(a)).map((e) => e.slice(a.length));
-		}
-	};
-}
-var L = [];
-async function R(e, t, n, r) {
-	return async function(e, t, n) {
-		let r = [];
-		for (let i of e) if (!1 !== (i.has ? await i.has(t, n) : null)) {
-			if (!1 !== (i.has ? await i.has(t, n, "contents.json") : null)) try {
-				let e = await i.read(t, n, M);
-				if (e) {
-					r.push(JSON.parse(N.decode(e)));
-					continue;
-				}
-			} catch {}
-			if (i.list) try {
-				let e = (await i.list(t, n))?.filter((e) => e !== M);
-				e?.length && r.push({
-					kind: t,
-					package: n,
-					entries: e.map((e) => ({ path: e }))
-				});
-			} catch {}
-		}
-		return r;
-	}(function(e) {
-		let t = [...L];
-		return e && t.push(I(e, (e, t) => [t])), t.push(I("/resources", (e, t) => [e, t])), t;
-	}(n), e, t);
-}
-var z = "8 / 5", B = (e) => {
-	let { entry: t } = e, n = (S() === "dark" ? t.thumbnailDarkUrl : void 0) ?? t.thumbnailUrl;
-	return (0, E.jsx)(V, { src: n }, n);
-}, V = (e) => {
-	let { src: t } = e, [n, i] = (0, w.useState)(t ? "loading" : "failed");
-	return (0, E.jsx)(l, {
+}), F = "8 / 5", I = (e) => {
+	let { entry: t } = e, n = (d() === "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, {
 		className: "template-thumbnail",
 		sx: {
 			position: "relative",
 			width: "100%",
-			aspectRatio: z,
+			aspectRatio: F,
 			overflow: "hidden",
 			borderRadius: 1,
 			border: (e) => `1px solid ${e.palette.divider}`,
@@ -297,19 +212,19 @@ var z = "8 / 5", B = (e) => {
 			alignItems: "center",
 			justifyContent: "center"
 		},
-		children: n === "failed" ? (0, E.jsx)(r, {
+		children: n === "failed" ? (0, O.jsx)(i, {
 			iconKey: "FileNew",
 			style: {
 				fontSize: "2.5rem",
 				opacity: .4
 			}
-		}) : (0, E.jsx)("img", {
+		}) : (0, O.jsx)("img", {
 			src: t,
 			alt: "",
 			loading: "lazy",
 			draggable: !1,
-			onLoad: () => i("loaded"),
-			onError: () => i("failed"),
+			onLoad: () => r("loaded"),
+			onError: () => r("failed"),
 			style: {
 				width: "100%",
 				height: "100%",
@@ -320,9 +235,9 @@ var z = "8 / 5", B = (e) => {
 			}
 		})
 	});
-}, H = (e) => {
+}, R = (e) => {
 	let { entry: t, category: n, onSelect: r } = e;
-	return (0, E.jsxs)(p, {
+	return (0, O.jsxs)(h, {
 		className: "template-tile",
 		disableRipple: !0,
 		onClick: r,
@@ -345,14 +260,14 @@ var z = "8 / 5", B = (e) => {
 				outlineOffset: "-2px"
 			}
 		},
-		children: [(0, E.jsx)(B, { entry: t }), (0, E.jsxs)(l, {
+		children: [(0, O.jsx)(I, { entry: t }), (0, O.jsxs)(u, {
 			sx: { minWidth: 0 },
-			children: [(0, E.jsx)(m, {
+			children: [(0, O.jsx)(g, {
 				variant: "subtitle2",
 				component: "div",
 				noWrap: !0,
 				children: t.title
-			}), n ? (0, E.jsx)(m, {
+			}), n ? (0, O.jsx)(g, {
 				variant: "caption",
 				component: "div",
 				noWrap: !0,
@@ -361,7 +276,7 @@ var z = "8 / 5", B = (e) => {
 			}) : null]
 		})]
 	});
-}, U = () => (0, E.jsxs)(l, {
+}, z = () => (0, O.jsxs)(u, {
 	sx: {
 		padding: 1,
 		display: "flex",
@@ -369,39 +284,39 @@ var z = "8 / 5", B = (e) => {
 		gap: .75
 	},
 	children: [
-		(0, E.jsx)(j, {
+		(0, O.jsx)(P, {
 			variant: "rectangular",
 			sx: {
 				width: "100%",
 				height: "auto",
-				aspectRatio: z,
+				aspectRatio: F,
 				borderRadius: 1
 			}
 		}),
-		(0, E.jsx)(j, {
+		(0, O.jsx)(P, {
 			variant: "text",
 			width: "60%"
 		}),
-		(0, E.jsx)(j, {
+		(0, O.jsx)(P, {
 			variant: "text",
 			width: "35%"
 		})
 	]
-}), W = (0, w.memo)((0, w.forwardRef)((e, t) => {
-	let { catalog: n, onSelect: r, filter: a, groupBy: o, renderTile: s, tileMinWidth: d = 180, emptyLabel: f, visibleRows: p, sx: h = c.EmptyCssProperties, style: g, className: _, onKeyDown: v, ...y } = e, b = i(), x = (0, w.useRef)(null), [S, C] = (0, w.useState)(0), T = (0, w.useRef)(null);
-	T.current = () => {
+}), 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);
-	}, (0, w.useLayoutEffect)(() => {
-		p && T.current?.();
-	}), (0, w.useEffect)(() => {
+	}, (0, E.useLayoutEffect)(() => {
+		p && w.current?.();
+	}), (0, E.useEffect)(() => {
 		let e = x.current;
 		if (!p || !e) return;
-		let t = new ResizeObserver(() => T.current?.());
+		let t = new ResizeObserver(() => w.current?.());
 		return t.observe(e), () => t.disconnect();
 	}, [p]);
-	let D, O = (0, w.useMemo)(() => new Map(n.categories.map((e) => [e.id, e])), [n.categories]), k = (0, w.useMemo)(() => {
-		let e = a ? n.entries.filter(a) : n.entries;
+	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 [{
 			key: null,
 			entries: e
@@ -414,27 +329,27 @@ var z = "8 / 5", B = (e) => {
 		}
 		return [...t].filter(([, e]) => e.length > 0).map(([e, t]) => ({
 			key: e,
-			title: O.get(e)?.title ?? e,
+			title: k.get(e)?.title ?? e,
 			entries: t
 		}));
 	}, [
 		n.entries,
 		n.categories,
-		O,
-		a,
+		k,
+		i,
 		o
-	]), A = {
+	]), j = {
 		display: "grid",
-		gridTemplateColumns: `repeat(auto-fill, minmax(${d}px, 1fr))`,
+		gridTemplateColumns: `repeat(auto-fill, minmax(${l}px, 1fr))`,
 		gap: "8px"
 	};
-	return D = n.status === "loading" ? (0, E.jsx)(l, {
+	return D = n.status === "loading" ? (0, O.jsx)(u, {
 		className: "template-grid",
-		sx: A,
+		sx: j,
 		"aria-busy": "true",
 		"aria-label": b("template.loading"),
-		children: Array.from({ length: 6 }, (e, t) => (0, E.jsx)(U, {}, t))
-	}) : n.status === "error" ? (0, E.jsxs)(l, {
+		children: Array.from({ length: 6 }, (e, t) => (0, O.jsx)(z, {}, t))
+	}) : n.status === "error" ? (0, O.jsxs)(u, {
 		sx: {
 			display: "flex",
 			flexDirection: "column",
@@ -443,28 +358,28 @@ var z = "8 / 5", B = (e) => {
 			padding: 4,
 			textAlign: "center"
 		},
-		children: [(0, E.jsx)(m, {
+		children: [(0, O.jsx)(g, {
 			variant: "body2",
 			sx: { color: "text.secondary" },
 			children: b("template.loadFailed")
-		}), (0, E.jsx)(u, {
+		}), (0, O.jsx)(f, {
 			variant: "outlined",
 			size: "small",
 			onClick: n.retry,
 			children: b("template.retry")
 		})]
-	}) : k.every((e) => e.entries.length === 0) ? (0, E.jsx)(m, {
+	}) : A.every((e) => e.entries.length === 0) ? (0, O.jsx)(g, {
 		variant: "body2",
 		sx: {
 			color: "text.secondary",
 			padding: 4,
 			textAlign: "center"
 		},
-		children: f ?? b("template.empty")
-	}) : k.map((e) => (0, E.jsxs)(l, {
+		children: d ?? b("template.empty")
+	}) : A.map((e) => (0, O.jsxs)(u, {
 		role: "group",
 		"aria-label": e.title,
-		children: [e.title ? (0, E.jsx)(m, {
+		children: [e.title ? (0, O.jsx)(g, {
 			variant: "overline",
 			component: "div",
 			sx: {
@@ -472,36 +387,36 @@ var z = "8 / 5", B = (e) => {
 				paddingX: 1
 			},
 			children: e.title
-		}) : null, (0, E.jsx)(l, {
+		}) : null, (0, O.jsx)(u, {
 			className: "template-grid",
-			sx: A,
+			sx: j,
 			children: e.entries.map((e) => {
 				let t = {
-					category: O.get(e.category),
+					category: k.get(e.category),
 					onSelect: () => r?.(e)
 				};
-				return s ? (0, E.jsx)(l, {
+				return c ? (0, O.jsx)(u, {
 					sx: { display: "contents" },
-					children: s(e, t)
-				}, e.id) : (0, E.jsx)(H, {
+					children: c(e, t)
+				}, e.id) : (0, O.jsx)(R, {
 					entry: e,
 					...t
 				}, e.id);
 			})
 		})]
-	}, e.key ?? "")), (0, E.jsx)(l, {
+	}, e.key ?? "")), (0, O.jsx)(u, {
 		ref: t,
-		className: ee(_, "template-panel"),
-		sx: h,
+		className: T(_, "template-panel"),
+		sx: m,
 		style: p && S ? {
 			boxSizing: "content-box",
 			scrollbarGutter: "stable",
 			height: `${Math.ceil(p * S + 8 * (p - 1))}px`,
 			minHeight: `${Math.ceil(S)}px`,
-			...g
-		} : g,
+			...h
+		} : h,
 		...y,
-		children: (0, E.jsx)(l, {
+		children: (0, O.jsx)(u, {
 			ref: x,
 			onKeyDown: (e) => {
 				if (v?.(e), e.defaultPrevented) return;
@@ -539,8 +454,8 @@ var z = "8 / 5", B = (e) => {
 		})
 	});
 }));
-W.displayName = "TemplatePanel";
-var G = (e, t, n) => {
+B.displayName = "TemplatePanel";
+var V = (e, t, n) => {
 	let r = t.trim().toLowerCase();
 	return !r || [
 		e.title,
@@ -548,9 +463,9 @@ var G = (e, t, n) => {
 		n?.title,
 		...e.tags ?? []
 	].some((e) => e?.toLowerCase().includes(r));
-}, K = (e) => {
-	let { value: t, onChange: n, sx: a } = e, o = i();
-	return (0, E.jsx)(b, {
+}, H = (e) => {
+	let { value: t, onChange: n, sx: r } = e, o = a();
+	return (0, O.jsx)(S, {
 		size: "small",
 		value: t,
 		placeholder: o("template.search"),
@@ -558,24 +473,24 @@ var G = (e, t, n) => {
 		onKeyDown: (e) => {
 			e.key === "Escape" && t && (e.stopPropagation(), n(""));
 		},
-		sx: a,
+		sx: r,
 		slotProps: {
 			input: {
 				sx: { backgroundColor: "background.paper" },
-				startAdornment: (0, E.jsx)(C, {
+				startAdornment: (0, O.jsx)(w, {
 					position: "start",
-					children: (0, E.jsx)(r, { iconKey: "Find" })
+					children: (0, O.jsx)(i, { iconKey: "Find" })
 				}),
-				endAdornment: t ? (0, E.jsx)(C, {
+				endAdornment: t ? (0, O.jsx)(w, {
 					position: "end",
-					children: (0, E.jsx)(x, {
+					children: (0, O.jsx)(C, {
 						"aria-label": o("template.clearSearch"),
 						propsTooltip: { label: o("template.clearSearch") },
 						onMouseDown: (e) => {
 							e.button === 0 && e.preventDefault();
 						},
 						onClick: () => n(""),
-						icon: (0, E.jsx)(r, { iconKey: "Close" }),
+						icon: (0, O.jsx)(i, { iconKey: "Close" }),
 						size: "small"
 					})
 				}) : void 0
@@ -587,44 +502,44 @@ var G = (e, t, n) => {
 			}
 		}
 	});
-}, q = "https://unpkg.com/@sheetxl/workbook-templates/dist", J = "workbook-templates", Y = (e) => e.replace(/\.[^/.]+$/, "").replace(/([a-z])([A-Z])/g, "$1 $2").replace(/[-_]+/g, " ").trim().replace(/\b\w/g, (e) => e.toUpperCase()), X = (e, t) => {
-	let n = `${e}${e.endsWith("/") ? "" : "/"}${J}/${t}`;
+}, 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}`;
 	return typeof document > "u" ? n : new URL(n, document.baseURI).href;
-}, Z = (e) => typeof e == "string" && e ? e : void 0, Q = /* @__PURE__ */ new Map(), $ = (e = q) => {
-	let t = Q.get(e);
+}, q = (e) => typeof e == "string" && e ? e : void 0, J = /* @__PURE__ */ new Map(), Y = (e = U) => {
+	let t = J.get(e);
 	return t || (t = (async () => {
-		let t = (await R("templates", J, e)).find((e) => e.meta?.schema !== void 0);
+		let t = (await r("templates", W, 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 = Z(e?.id);
+				let t = q(e?.id);
 				t && !i.has(t) && (i.add(t), r.push({
 					id: t,
-					title: Z(e.title) ?? Y(t),
-					description: Z(e.description),
-					icon: Z(e.icon)
+					title: q(e.title) ?? G(t),
+					description: q(e.description),
+					icon: q(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 = Z(n.category) ?? o[0];
+				let s = q(n.category) ?? o[0];
 				i.has(s) || (i.add(s), r.push({
 					id: s,
-					title: Y(s)
+					title: G(s)
 				}));
-				let c = Z(n.thumbnail), l = Z(n.thumbnailDark);
+				let c = q(n.thumbnail), l = q(n.thumbnailDark);
 				a.push({
 					id: e,
-					title: Z(n.title) ?? Y(o[1]),
+					title: q(n.title) ?? G(o[1]),
 					category: s,
-					description: Z(n.description),
+					description: q(n.description),
 					tags: Array.isArray(n.tags) ? n.tags.filter((e) => typeof e == "string") : void 0,
-					thumbnailUrl: c ? X(t, c) : void 0,
-					thumbnailDarkUrl: l ? X(t, l) : void 0,
-					sourceUrl: X(t, e)
+					thumbnailUrl: c ? K(t, c) : void 0,
+					thumbnailDarkUrl: l ? K(t, l) : void 0,
+					sourceUrl: K(t, e)
 				});
 			}
 			return {
@@ -635,22 +550,22 @@ var G = (e, t, n) => {
 			categories: [],
 			entries: []
 		});
-	})(), Q.set(e, t), t.catch(() => {
-		Q.delete(e);
+	})(), J.set(e, t), t.catch(() => {
+		J.delete(e);
 	})), t;
-}, ne = (e = {}) => {
-	let { path: t = q } = e, [n, r] = (0, w.useState)(0), [i, a] = (0, w.useState)({
+}, X = (e = {}) => {
+	let { path: t = U } = e, [n, r] = (0, E.useState)(0), [i, a] = (0, E.useState)({
 		status: "loading",
 		categories: [],
 		entries: []
 	});
-	return (0, w.useEffect)(() => {
+	return (0, E.useEffect)(() => {
 		let e = !1;
 		return a((e) => e.status === "loading" ? e : {
 			status: "loading",
 			categories: [],
 			entries: []
-		}), $(t).then((t) => {
+		}), Y(t).then((t) => {
 			e || a({
 				status: "ready",
 				...t
@@ -667,9 +582,9 @@ var G = (e, t, n) => {
 		};
 	}, [t, n]), {
 		...i,
-		retry: (0, w.useCallback)(() => {
+		retry: (0, E.useCallback)(() => {
 			r((e) => e + 1);
 		}, [])
 	};
 };
-export { ne as a, W as i, $ as n, K as r, G as t };
+export { X as a, B as i, Y as n, H as r, V as t };

package/cdn/assets/{XFQGB8ADW__0ZBoF2.js → BKrWCWpOpggPjFQq2.js}

@@ -1,11 +1,11 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.2
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.4
 *
 * (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 "./D5Pa9lfPfAcCGj_N2.js";
-import { r as t } from "./DuijhgjRhgWB9sCY2.js";
+import { t as e } from "./AwRapR2kwqYVijeW2.js";
+import { s as t } from "./C62Y8jSQuT2_lqUs2.js";
 var n, r, i = class e {
 	static {
 		this.SIGNATURE = [