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

package/browser/esm/{XB269tVMhdRHj10G.mjs → Dok4MRpMgkcsNzp4.mjs}

@@ -1,24 +1,25 @@
 /**
-* @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.3
 *
 * (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.mjs";
-import { i as t, r as n } from "./C3M_lKSZ_Fq1SQOn.mjs";
-import { r } from "./Cvw3poNlUmn3qAh0.mjs";
-import { en as i, h as a, m as o, p as s, qt as c, t as l } from "./BcHN_VMA7bLNKKMO.mjs";
-import { t as u } from "./B0FNPu0uhX_WW-aJ.mjs";
-import { ot as d } from "./j-9DpYsIlTN1mwql.mjs";
-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 "./C1EvC_qPiGiVMrkF.mjs";
-import { t as S } from "./DeSDYBzD8e5XXnvq.mjs";
-import { T as C } from "./CYU_-DiQXjh1SEU1.mjs";
-import { t as w } from "./DyPe20tPiPVm1PLe.mjs";
-var T = e(t(), 1);
-function E(e) {
-	return o("MuiSkeleton", e);
+import { r as e } from "./CVbPAnmNN3TxMkq4.mjs";
+import { i as t, r as n } from "./DRRx9F2h6V-Q957j.mjs";
+import { t as r } from "./DB_I2ygTnDxYiYyc.mjs";
+import { r as i } from "./DlHJ7zkV6AMCtYPP.mjs";
+import { en as a, h as o, m as s, p as c, qt as l, t as u } from "./Dcpd3kkjvidrDQuN.mjs";
+import { t as d } from "./B45vVm2Ma1i2b6_F.mjs";
+import { ot as f } from "./74Ynqpv5NPbb_8vB.mjs";
+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 "./CDxmuF7Iay8T4cnU.mjs";
+import { t as C } from "./2eBMkUK0-HxaCmDY.mjs";
+import { T as w } from "./B-VKr_KwiWjDeAP5.mjs";
+import { t as T } from "./DnLi57ylUOd3DUek.mjs";
+var E = e(t(), 1);
+function D(e) {
+	return s("MuiSkeleton", e);
 }
-s("MuiSkeleton", [
+c("MuiSkeleton", [
 	"root",
 	"text",
 	"rectangular",
@@ -30,7 +31,7 @@ s("MuiSkeleton", [
 	"fitContent",
 	"heightAuto"
 ]);
-var D = e(n(), 1), O = p`
+var O = e(n(), 1), k = m`
   0% {
     opacity: 1;
   }
@@ -42,7 +43,7 @@ var D = e(n(), 1), O = p`
   100% {
     opacity: 1;
   }
-`, k = p`
+`, A = m`
   0% {
     transform: translateX(-100%);
   }
@@ -55,13 +56,13 @@ var D = e(n(), 1), O = p`
   100% {
     transform: translateX(100%);
   }
-`, A = typeof O == "string" ? null : m`
-        animation: ${O} 2s ease-in-out 0.5s infinite;
-      `, 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 : h`
         &::after {
-          animation: ${k} 2s linear 0.5s infinite;
+          animation: ${A} 2s linear 0.5s infinite;
         }
-      `, ee = x("span", {
+      `, N = S("span", {
 	name: "MuiSkeleton",
 	slot: "Root",
 	overridesResolver: (e, t) => {
@@ -75,12 +76,12 @@ var D = e(n(), 1), O = 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"
 	} });
@@ -123,7 +124,7 @@ var D = e(n(), 1), O = p`
 			},
 			{
 				props: { animation: "pulse" },
-				style: A || { animation: `${O} 2s ease-in-out 0.5s infinite` }
+				style: j || { animation: `${k} 2s ease-in-out 0.5s infinite` }
 			},
 			...a ? [{
 				props: { animation: "pulse" },
@@ -149,7 +150,7 @@ var D = e(n(), 1), O = p`
 			},
 			{
 				props: { animation: "wave" },
-				style: j || { "&::after": { animation: `${k} 2s linear 0.5s infinite` } }
+				style: M || { "&::after": { animation: `${A} 2s linear 0.5s infinite` } }
 			},
 			...o ? [{
 				props: { animation: "wave" },
@@ -157,31 +158,31 @@ var D = e(n(), 1), O = p`
 			}] : []
 		]
 	};
-})), M = T.forwardRef(function(e, t) {
-	let n = v({
+})), P = E.forwardRef(function(e, t) {
+	let n = y({
 		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 _({ root: [
+		return v({ root: [
 			"root",
 			n,
 			r,
 			i && "withChildren",
 			i && !a && "fitContent",
 			i && !o && "heightAuto"
-		] }, E, t);
+		] }, D, t);
 	})(f);
-	return (0, D.jsx)(ee, {
-		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: {
@@ -190,103 +191,17 @@ var D = e(n(), 1), O = p`
 			...c
 		}
 	});
-}), N = "contents.json", P = new TextDecoder(), F = /* @__PURE__ */ new Map();
-function I(e) {
-	let t = F.get(e);
-	return t || (t = (async () => {
-		let t, n;
-		try {
-			t = await fetch(`${e}${e.endsWith("/") ? "" : "/"}${N}`);
-		} 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
-		};
-	})(), F.set(e, t)), t;
-}
-function L(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 I(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 I(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 R = [];
-async function z(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, N);
-				if (e) {
-					r.push(JSON.parse(P.decode(e)));
-					continue;
-				}
-			} catch {}
-			if (i.list) try {
-				let e = (await i.list(t, n))?.filter((e) => e !== N);
-				e?.length && r.push({
-					kind: t,
-					package: n,
-					entries: e.map((e) => ({ path: e }))
-				});
-			} catch {}
-		}
-		return r;
-	}(function(e) {
-		let t = [...R];
-		return e && t.push(L(e, (e, t) => [t])), t.push(L("/resources", (e, t) => [e, t])), t;
-	}(n), e, t);
-}
-var B = "8 / 5", V = (e) => {
-	let { entry: t } = e, n = (d() === "dark" ? t.thumbnailDarkUrl : void 0) ?? t.thumbnailUrl;
-	return (0, D.jsx)(H, { src: n }, n);
-}, H = (e) => {
-	let { src: t } = e, [n, i] = (0, T.useState)(t ? "loading" : "failed");
-	return (0, D.jsx)(l, {
+}), F = "8 / 5", I = (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)(u, {
 		className: "template-thumbnail",
 		sx: {
 			position: "relative",
 			width: "100%",
-			aspectRatio: B,
+			aspectRatio: F,
 			overflow: "hidden",
 			borderRadius: 1,
 			border: (e) => `1px solid ${e.palette.divider}`,
@@ -296,19 +211,19 @@ var B = "8 / 5", V = (e) => {
 			alignItems: "center",
 			justifyContent: "center"
 		},
-		children: n === "failed" ? (0, D.jsx)(r, {
+		children: n === "failed" ? (0, O.jsx)(i, {
 			iconKey: "FileNew",
 			style: {
 				fontSize: "2.5rem",
 				opacity: .4
 			}
-		}) : (0, D.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%",
@@ -319,9 +234,9 @@ var B = "8 / 5", V = (e) => {
 			}
 		})
 	});
-}, U = (e) => {
+}, R = (e) => {
 	let { entry: t, category: n, onSelect: r } = e;
-	return (0, D.jsxs)(h, {
+	return (0, O.jsxs)(g, {
 		className: "template-tile",
 		disableRipple: !0,
 		onClick: r,
@@ -344,14 +259,14 @@ var B = "8 / 5", V = (e) => {
 				outlineOffset: "-2px"
 			}
 		},
-		children: [(0, D.jsx)(V, { entry: t }), (0, D.jsxs)(l, {
+		children: [(0, O.jsx)(I, { entry: t }), (0, O.jsxs)(u, {
 			sx: { minWidth: 0 },
-			children: [(0, D.jsx)(g, {
+			children: [(0, O.jsx)(_, {
 				variant: "subtitle2",
 				component: "div",
 				noWrap: !0,
 				children: t.title
-			}), n ? (0, D.jsx)(g, {
+			}), n ? (0, O.jsx)(_, {
 				variant: "caption",
 				component: "div",
 				noWrap: !0,
@@ -360,7 +275,7 @@ var B = "8 / 5", V = (e) => {
 			}) : null]
 		})]
 	});
-}, W = () => (0, D.jsxs)(l, {
+}, z = () => (0, O.jsxs)(u, {
 	sx: {
 		padding: 1,
 		display: "flex",
@@ -368,39 +283,39 @@ var B = "8 / 5", V = (e) => {
 		gap: .75
 	},
 	children: [
-		(0, D.jsx)(M, {
+		(0, O.jsx)(P, {
 			variant: "rectangular",
 			sx: {
 				width: "100%",
 				height: "auto",
-				aspectRatio: B,
+				aspectRatio: F,
 				borderRadius: 1
 			}
 		}),
-		(0, D.jsx)(M, {
+		(0, O.jsx)(P, {
 			variant: "text",
 			width: "60%"
 		}),
-		(0, D.jsx)(M, {
+		(0, O.jsx)(P, {
 			variant: "text",
 			width: "35%"
 		})
 	]
-}), G = (0, T.memo)((0, T.forwardRef)((e, t) => {
-	let { catalog: n, onSelect: r, filter: a, groupBy: o, renderTile: s, tileMinWidth: d = 180, emptyLabel: p, visibleRows: m, sx: h = c.EmptyCssProperties, style: _, className: v, onKeyDown: y, ...b } = e, x = i(), S = (0, T.useRef)(null), [C, w] = (0, T.useState)(0), E = (0, T.useRef)(null);
-	E.current = () => {
+}), B = (0, E.memo)((0, E.forwardRef)((e, t) => {
+	let { catalog: n, onSelect: r, filter: i, groupBy: o, renderTile: s, tileMinWidth: c = 180, emptyLabel: f, visibleRows: m, sx: h = l.EmptyCssProperties, style: g, className: v, onKeyDown: y, ...b } = e, x = a(), 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, T.useLayoutEffect)(() => {
-		m && E.current?.();
-	}), (0, T.useEffect)(() => {
+	}, (0, E.useLayoutEffect)(() => {
+		m && T.current?.();
+	}), (0, E.useEffect)(() => {
 		let e = S.current;
 		if (!m || !e) return;
-		let t = new ResizeObserver(() => E.current?.());
+		let t = new ResizeObserver(() => T.current?.());
 		return t.observe(e), () => t.disconnect();
 	}, [m]);
-	let O, k = (0, T.useMemo)(() => new Map(n.categories.map((e) => [e.id, e])), [n.categories]), A = (0, T.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
@@ -420,20 +335,20 @@ var B = "8 / 5", V = (e) => {
 		n.entries,
 		n.categories,
 		k,
-		a,
+		i,
 		o
 	]), j = {
 		display: "grid",
-		gridTemplateColumns: `repeat(auto-fill, minmax(${d}px, 1fr))`,
+		gridTemplateColumns: `repeat(auto-fill, minmax(${c}px, 1fr))`,
 		gap: "8px"
 	};
-	return O = n.status === "loading" ? (0, D.jsx)(l, {
+	return D = n.status === "loading" ? (0, O.jsx)(u, {
 		className: "template-grid",
 		sx: j,
 		"aria-busy": "true",
 		"aria-label": x("template.loading"),
-		children: Array.from({ length: 6 }, (e, t) => (0, D.jsx)(W, {}, t))
-	}) : n.status === "error" ? (0, D.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",
@@ -442,28 +357,28 @@ var B = "8 / 5", V = (e) => {
 			padding: 4,
 			textAlign: "center"
 		},
-		children: [(0, D.jsx)(g, {
+		children: [(0, O.jsx)(_, {
 			variant: "body2",
 			sx: { color: "text.secondary" },
 			children: x("template.loadFailed")
-		}), (0, D.jsx)(f, {
+		}), (0, O.jsx)(p, {
 			variant: "outlined",
 			size: "small",
 			onClick: n.retry,
 			children: x("template.retry")
 		})]
-	}) : A.every((e) => e.entries.length === 0) ? (0, D.jsx)(g, {
+	}) : A.every((e) => e.entries.length === 0) ? (0, O.jsx)(_, {
 		variant: "body2",
 		sx: {
 			color: "text.secondary",
 			padding: 4,
 			textAlign: "center"
 		},
-		children: p ?? x("template.empty")
-	}) : A.map((e) => (0, D.jsxs)(l, {
+		children: f ?? x("template.empty")
+	}) : A.map((e) => (0, O.jsxs)(u, {
 		role: "group",
 		"aria-label": e.title,
-		children: [e.title ? (0, D.jsx)(g, {
+		children: [e.title ? (0, O.jsx)(_, {
 			variant: "overline",
 			component: "div",
 			sx: {
@@ -471,7 +386,7 @@ var B = "8 / 5", V = (e) => {
 				paddingX: 1
 			},
 			children: e.title
-		}) : null, (0, D.jsx)(l, {
+		}) : null, (0, O.jsx)(u, {
 			className: "template-grid",
 			sx: j,
 			children: e.entries.map((e) => {
@@ -479,28 +394,28 @@ var B = "8 / 5", V = (e) => {
 					category: k.get(e.category),
 					onSelect: () => r?.(e)
 				};
-				return s ? (0, D.jsx)(l, {
+				return s ? (0, O.jsx)(u, {
 					sx: { display: "contents" },
 					children: s(e, t)
-				}, e.id) : (0, D.jsx)(U, {
+				}, e.id) : (0, O.jsx)(R, {
 					entry: e,
 					...t
 				}, e.id);
 			})
 		})]
-	}, e.key ?? "")), (0, D.jsx)(l, {
+	}, e.key ?? "")), (0, O.jsx)(u, {
 		ref: t,
-		className: u(v, "template-panel"),
+		className: d(v, "template-panel"),
 		sx: h,
 		style: m && C ? {
 			boxSizing: "content-box",
 			scrollbarGutter: "stable",
 			height: `${Math.ceil(m * C + 8 * (m - 1))}px`,
 			minHeight: `${Math.ceil(C)}px`,
-			..._
-		} : _,
+			...g
+		} : g,
 		...b,
-		children: (0, D.jsx)(l, {
+		children: (0, O.jsx)(u, {
 			ref: S,
 			onKeyDown: (e) => {
 				if (y?.(e), e.defaultPrevented) return;
@@ -534,12 +449,12 @@ var B = "8 / 5", V = (e) => {
 				}
 				s = Math.max(0, Math.min(n.length - 1, s)), e.preventDefault(), n[s].focus();
 			},
-			children: O
+			children: D
 		})
 	});
 }));
-G.displayName = "TemplatePanel";
-var K = (e, t, n) => {
+B.displayName = "TemplatePanel";
+var V = (e, t, n) => {
 	let r = t.trim().toLowerCase();
 	return !r || [
 		e.title,
@@ -547,9 +462,9 @@ var K = (e, t, n) => {
 		n?.title,
 		...e.tags ?? []
 	].some((e) => e?.toLowerCase().includes(r));
-}, te = (e) => {
-	let { value: t, onChange: n, sx: a } = e, o = i();
-	return (0, D.jsx)(S, {
+}, H = (e) => {
+	let { value: t, onChange: n, sx: r } = e, o = a();
+	return (0, O.jsx)(C, {
 		size: "small",
 		value: t,
 		placeholder: o("template.search"),
@@ -557,24 +472,24 @@ var K = (e, t, n) => {
 		onKeyDown: (e) => {
 			e.key === "Escape" && t && (e.stopPropagation(), n(""));
 		},
-		sx: a,
+		sx: r,
 		slotProps: {
 			input: {
 				sx: { backgroundColor: "background.paper" },
-				startAdornment: (0, D.jsx)(w, {
+				startAdornment: (0, O.jsx)(T, {
 					position: "start",
-					children: (0, D.jsx)(r, { iconKey: "Find" })
+					children: (0, O.jsx)(i, { iconKey: "Find" })
 				}),
-				endAdornment: t ? (0, D.jsx)(w, {
+				endAdornment: t ? (0, O.jsx)(T, {
 					position: "end",
-					children: (0, D.jsx)(C, {
+					children: (0, O.jsx)(w, {
 						"aria-label": o("template.clearSearch"),
 						propsTooltip: { label: o("template.clearSearch") },
 						onMouseDown: (e) => {
 							e.button === 0 && e.preventDefault();
 						},
 						onClick: () => n(""),
-						icon: (0, D.jsx)(r, { iconKey: "Close" }),
+						icon: (0, O.jsx)(i, { iconKey: "Close" }),
 						size: "small"
 					})
 				}) : void 0
@@ -586,44 +501,44 @@ var K = (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 z("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 {
@@ -634,22 +549,22 @@ var K = (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, T.useState)(0), [i, a] = (0, T.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, T.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
@@ -666,9 +581,9 @@ var K = (e, t, n) => {
 		};
 	}, [t, n]), {
 		...i,
-		retry: (0, T.useCallback)(() => {
+		retry: (0, E.useCallback)(() => {
 			r((e) => e + 1);
 		}, [])
 	};
 };
-export { ne as a, G as i, $ as n, te as r, K as t };
+export { X as a, B as i, Y as n, H as r, V as t };

package/browser/esm/{BPt7dDNLBsKrZgzO2.mjs → DpORFFFF3LUx_zsT2.mjs}

@@ -1,15 +1,15 @@
 /**
-* @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.3
 *
 * (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.mjs";
-import { i as t, r as n } from "./C3M_lKSZ_Fq1SQOn.mjs";
-import { C as r } from "./DuijhgjRhgWB9sCY.mjs";
-import { en as i, t as a } from "./BcHN_VMA7bLNKKMO.mjs";
-import { t as o } from "./B50P0gSziuG68Umu.mjs";
-import { N as s, v as c } from "./C1EvC_qPiGiVMrkF.mjs";
+import { r as e } from "./CVbPAnmNN3TxMkq4.mjs";
+import { i as t, r as n } from "./DRRx9F2h6V-Q957j.mjs";
+import { w as r } from "./DB_I2ygTnDxYiYyc.mjs";
+import { en as i, t as a } from "./Dcpd3kkjvidrDQuN.mjs";
+import { t as o } from "./BSWXx2rKOMPxLLs8.mjs";
+import { N as s, v as c } from "./CDxmuF7Iay8T4cnU.mjs";
 var l = e(t(), 1), u = e(n(), 1), d = ["Ok"], f = [
 	o.Number,
 	o.String,