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

package/{browser/esm/ztqpWR65YYMZ3EPk.mjs → cdn/assets/BV13zVUdMca1rMPB.js}

@@ -1,28 +1,30 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.10
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.11
 *
 * (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 "./DLqc11Pf8vaE4Q5B.mjs";
-import { i as t, r as n } from "./C4VT6lNbpaDXCpBb.mjs";
-import { L as r } from "./CMxbiQ5J79M3n1tk.mjs";
-import { r as i } from "./D2aQPiGg0ZoMYzuf.mjs";
-import { tt as a, z as o } from "./BThOwSja2ra4xejQ.mjs";
-import { t as s } from "./DjdkGy-EI1kSo226.mjs";
-import { N as c } from "./CWoPWWRwMgkGPFFP.mjs";
-import { h as l } from "./DZRmBfjn2TgOTu5e.mjs";
-import { $ as u, t as d } from "./sxxbiJiCMOW2Eivd.mjs";
-import { _ as f, g as p, t as m, v as h } from "./rkTVQiYG3wd8oPom.mjs";
-import { $ as g, D as _, Et as v, F as y, T as b, Tt as x, ct as S, gt as C, j as w, lt as T, st as E } from "./CtZPEkaldpJpoGtW.mjs";
-import { r as D } from "./D2coM-dNrlLpnUu5.mjs";
-import { t as O } from "./-LoBx7J6imeqaxCq.mjs";
-import { B as k, T as ee } from "./DvWCBuY0jAL-RmJV.mjs";
-import { t as A } from "./CVxlfyE-gnJM8hOz.mjs";
-import { t as j } from "./DGuynZFJ9tqziqQs.mjs";
-import { t as M } from "./DaMKWQQTgIF08cT7.mjs";
-var N = e(t(), 1);
-function P(e) {
+import { n as e } from "./C7fZFw4yQ9VNHtnV.js";
+import { t } from "./Cf0bbHHOW6iwvyXg.js";
+import { t as n } from "./8CW-puLLSNyeaGce.js";
+import { L as r, M as i } from "./PD_ckP5IyZurtALu.js";
+import { t as a } from "./u8iMUyjw60ayROFo.js";
+import { p as o } from "./Cl3d4ILjFxp4IdO9.js";
+import { r as s } from "./BmWMHgdcbZuZUGtm.js";
+import { mt as c, vt as l } from "./BJ5RRYxWA_yTbVpr.js";
+import { t as u } from "./DbewMnLKZoGLGFNh.js";
+import { xt as d } from "./DliTwLXIImeC0eub.js";
+import { _ as f, g as p, t as m, v as h } from "./DxI14nqCsNi-yexx.js";
+import { $ as g, D as _, Et as v, F as y, T as b, Tt as x, ct as S, gt as C, j as w, lt as T, st as E } from "./CGklNVK7pkjOQ6XF.js";
+import { r as D } from "./Y0Uf_lVRToNYi395.js";
+import { t as O } from "./9zx-c-XsXQJu3H6F.js";
+import { R as k, V as A } from "./DG4PyKuuGu6RkAEv.js";
+import { t as j } from "./CzG0p4x8L99XEdym.js";
+import { t as ee } from "./BI1IDPvx--ARef3O.js";
+import { t as M } from "./C_Q71OCVP6nPyP4U.js";
+import { t as N } from "./BjAnEBtnBD5O0-sc.js";
+var P = e(t(), 1);
+function te(e) {
 	return f("MuiSkeleton", e);
 }
 p("MuiSkeleton", [
@@ -37,7 +39,7 @@ p("MuiSkeleton", [
 	"fitContent",
 	"heightAuto"
 ]);
-var F = e(n(), 1), I = v`
+var F = n(), I = v`
   0% {
     opacity: 1;
   }
@@ -62,13 +64,13 @@ var F = e(n(), 1), I = v`
   100% {
     transform: translateX(100%);
   }
-`, te = typeof I == "string" ? null : x`
+`, ne = typeof I == "string" ? null : x`
         animation: ${I} 2s ease-in-out 0.5s infinite;
-      `, ne = typeof L == "string" ? null : x`
+      `, R = typeof L == "string" ? null : x`
         &::after {
           animation: ${L} 2s linear 0.5s infinite;
         }
-      `, R = T("span", {
+      `, z = T("span", {
 	name: "MuiSkeleton",
 	slot: "Root",
 	overridesResolver: (e, t) => {
@@ -130,7 +132,7 @@ var F = e(n(), 1), I = v`
 			},
 			{
 				props: { animation: "pulse" },
-				style: te || { animation: `${I} 2s ease-in-out 0.5s infinite` }
+				style: ne || { animation: `${I} 2s ease-in-out 0.5s infinite` }
 			},
 			...a ? [{
 				props: { animation: "pulse" },
@@ -156,7 +158,7 @@ var F = e(n(), 1), I = v`
 			},
 			{
 				props: { animation: "wave" },
-				style: ne || { "&::after": { animation: `${L} 2s linear 0.5s infinite` } }
+				style: R || { "&::after": { animation: `${L} 2s linear 0.5s infinite` } }
 			},
 			...o ? [{
 				props: { animation: "wave" },
@@ -164,7 +166,7 @@ var F = e(n(), 1), I = v`
 			}] : []
 		]
 	};
-})), z = N.forwardRef(function(e, t) {
+})), B = P.forwardRef(function(e, t) {
 	let n = E({
 		props: e,
 		name: "MuiSkeleton"
@@ -183,9 +185,9 @@ var F = e(n(), 1), I = v`
 			i && "withChildren",
 			i && !a && "fitContent",
 			i && !o && "heightAuto"
-		] }, P, t);
+		] }, te, t);
 	})(d);
-	return (0, F.jsx)(R, {
+	return (0, F.jsx)(z, {
 		as: a,
 		ref: t,
 		className: h(f.root, i),
@@ -197,10 +199,10 @@ var F = e(n(), 1), I = v`
 			...s
 		}
 	});
-}), B = (e, t) => {
+}), V = (e, t) => {
 	if (!e?.color) return null;
 	try {
-		let n = new c(e.color).toCSS(t.palette.mode === "dark");
+		let n = new a(e.color).toCSS(t.palette.mode === "dark");
 		return {
 			fill: n,
 			text: t.palette.getContrastText(n)
@@ -208,20 +210,20 @@ var F = e(n(), 1), I = v`
 	} catch {
 		return null;
 	}
-}, V = "8 / 5", H = (e) => {
-	let { entry: t, category: n } = e, r = (u() === "dark" ? t.thumbnailDarkUrl : void 0) ?? t.thumbnailUrl;
-	return (0, F.jsx)(U, {
+}, H = "8 / 5", U = (e) => {
+	let { entry: t, category: n } = e, r = (d() === "dark" ? t.thumbnailDarkUrl : void 0) ?? t.thumbnailUrl;
+	return (0, F.jsx)(W, {
 		src: r,
 		category: n
 	}, r);
-}, U = (e) => {
-	let { src: t, category: n } = e, [r, a] = (0, N.useState)(t ? "loading" : "failed");
+}, W = (e) => {
+	let { src: t, category: n } = e, [r, i] = (0, P.useState)(t ? "loading" : "failed");
 	return (0, F.jsxs)(m, {
 		className: "template-thumbnail",
 		sx: {
 			position: "relative",
 			width: "100%",
-			aspectRatio: V,
+			aspectRatio: H,
 			overflow: "hidden",
 			borderRadius: 1,
 			border: (e) => `1px solid ${e.palette.divider}`,
@@ -231,7 +233,7 @@ var F = e(n(), 1), I = v`
 			alignItems: "center",
 			justifyContent: "center"
 		},
-		children: [r === "failed" ? (0, F.jsx)(i, {
+		children: [r === "failed" ? (0, F.jsx)(s, {
 			iconKey: "FileNew",
 			style: {
 				fontSize: "2.5rem",
@@ -242,8 +244,8 @@ var F = e(n(), 1), I = v`
 			alt: "",
 			loading: "lazy",
 			draggable: !1,
-			onLoad: () => a("loaded"),
-			onError: () => a("failed"),
+			onLoad: () => i("loaded"),
+			onError: () => i("failed"),
 			style: {
 				width: "100%",
 				height: "100%",
@@ -258,10 +260,10 @@ var F = e(n(), 1), I = v`
 			left: 0,
 			right: 0,
 			height: "3px",
-			backgroundColor: B(n, e)?.fill
+			backgroundColor: V(n, e)?.fill
 		}) }) : null]
 	});
-}, W = (e) => {
+}, re = (e) => {
 	let { entry: t, category: n, onSelect: r } = e;
 	return (0, F.jsxs)(y, {
 		className: "template-tile",
@@ -286,7 +288,7 @@ var F = e(n(), 1), I = v`
 				outlineOffset: "-2px"
 			}
 		},
-		children: [(0, F.jsx)(H, {
+		children: [(0, F.jsx)(U, {
 			entry: t,
 			category: n
 		}), (0, F.jsxs)(m, {
@@ -313,7 +315,7 @@ var F = e(n(), 1), I = v`
 						height: "8px",
 						borderRadius: "50%",
 						flex: "none",
-						backgroundColor: B(n, e)?.fill
+						backgroundColor: V(n, e)?.fill
 					})
 				}) : null, (0, F.jsx)(m, {
 					component: "span",
@@ -326,7 +328,7 @@ var F = e(n(), 1), I = v`
 			}) : null]
 		})]
 	});
-}, re = () => (0, F.jsxs)(m, {
+}, ie = () => (0, F.jsxs)(m, {
 	sx: {
 		padding: 1,
 		display: "flex",
@@ -334,47 +336,47 @@ var F = e(n(), 1), I = v`
 		gap: .75
 	},
 	children: [
-		(0, F.jsx)(z, {
+		(0, F.jsx)(B, {
 			variant: "rectangular",
 			sx: {
 				width: "100%",
 				height: "auto",
-				aspectRatio: V,
+				aspectRatio: H,
 				borderRadius: 1
 			}
 		}),
-		(0, F.jsx)(z, {
+		(0, F.jsx)(B, {
 			variant: "text",
 			width: "60%"
 		}),
-		(0, F.jsx)(z, {
+		(0, F.jsx)(B, {
 			variant: "text",
 			width: "35%"
 		})
 	]
-}), G = (0, N.memo)((0, N.forwardRef)((e, t) => {
-	let { catalog: n, onSelect: r, filter: i, groupBy: c, renderTile: l, tileMinWidth: u = 180, emptyLabel: d, visibleRows: f, sx: p = o.EmptyCssProperties, style: h, className: g, onKeyDown: _, ...v } = e, y = a(), x = (0, N.useRef)(null), [S, C] = (0, N.useState)(0), T = (0, N.useRef)(null);
+}), G = (0, P.memo)((0, P.forwardRef)((e, t) => {
+	let { catalog: n, onSelect: r, filter: i, groupBy: a, renderTile: o, tileMinWidth: s = 180, emptyLabel: d, visibleRows: f, sx: p = l.EmptyCssProperties, style: h, className: g, onKeyDown: _, ...v } = e, y = c(), x = (0, P.useRef)(null), [S, C] = (0, P.useState)(0), T = (0, P.useRef)(null);
 	T.current = () => {
 		let e = x.current?.querySelector(".template-grid")?.firstElementChild, t = (e?.offsetHeight ? e : e?.firstElementChild)?.getBoundingClientRect().height;
 		t && C(t);
-	}, (0, N.useLayoutEffect)(() => {
+	}, (0, P.useLayoutEffect)(() => {
 		f && T.current?.();
-	}), (0, N.useEffect)(() => {
+	}), (0, P.useEffect)(() => {
 		let e = x.current;
 		if (!f || !e) return;
 		let t = new ResizeObserver(() => T.current?.());
 		return t.observe(e), () => t.disconnect();
 	}, [f]);
-	let E, D = (0, N.useMemo)(() => new Map(n.categories.map((e) => [e.id, e])), [n.categories]), O = (0, N.useMemo)(() => {
+	let E, D = (0, P.useMemo)(() => new Map(n.categories.map((e) => [e.id, e])), [n.categories]), O = (0, P.useMemo)(() => {
 		let e = i ? n.entries.filter(i) : n.entries;
-		if (!c) return [{
+		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]) => ({
@@ -387,10 +389,10 @@ var F = e(n(), 1), I = v`
 		n.categories,
 		D,
 		i,
-		c
+		a
 	]), k = {
 		display: "grid",
-		gridTemplateColumns: `repeat(auto-fill, minmax(${u}px, 1fr))`,
+		gridTemplateColumns: `repeat(auto-fill, minmax(${s}px, 1fr))`,
 		gap: "8px"
 	};
 	return E = n.status === "loading" ? (0, F.jsx)(m, {
@@ -398,7 +400,7 @@ var F = e(n(), 1), I = v`
 		sx: k,
 		"aria-busy": "true",
 		"aria-label": y("template.loading"),
-		children: Array.from({ length: 6 }, (e, t) => (0, F.jsx)(re, {}, t))
+		children: Array.from({ length: 6 }, (e, t) => (0, F.jsx)(ie, {}, t))
 	}) : n.status === "error" ? (0, F.jsxs)(m, {
 		sx: {
 			display: "flex",
@@ -445,10 +447,10 @@ var F = e(n(), 1), I = v`
 					category: D.get(e.category),
 					onSelect: () => r?.(e)
 				};
-				return l ? (0, F.jsx)(m, {
+				return o ? (0, F.jsx)(m, {
 					sx: { display: "contents" },
-					children: l(e, t)
-				}, e.id) : (0, F.jsx)(W, {
+					children: o(e, t)
+				}, e.id) : (0, F.jsx)(re, {
 					entry: e,
 					...t
 				}, e.id);
@@ -456,7 +458,7 @@ var F = e(n(), 1), I = v`
 		})]
 	}, e.key ?? "")), (0, F.jsx)(m, {
 		ref: t,
-		className: s(g, "template-panel"),
+		className: u(g, "template-panel"),
 		sx: p,
 		style: f && S ? {
 			boxSizing: "content-box",
@@ -505,7 +507,7 @@ var F = e(n(), 1), I = v`
 	});
 }));
 G.displayName = "TemplatePanel";
-var ie = (e, t, n) => (0, N.useMemo)(() => {
+var ae = (e, t, n) => (0, P.useMemo)(() => {
 	if (!t.trim() && n.length === 0) return;
 	let r = new Map(e.map((e) => [e.id, e])), i = n.length > 0 ? new Set(n) : null;
 	return (e) => !(i && !i.has(e.category)) && ((e, t, n) => {
@@ -521,7 +523,7 @@ var ie = (e, t, n) => (0, N.useMemo)(() => {
 	e,
 	t,
 	n
-]), ae = [], oe = (e) => {
+]), oe = [], se = (e) => {
 	let { category: t } = e;
 	return (0, F.jsx)(m, {
 		component: "span",
@@ -531,10 +533,10 @@ var ie = (e, t, n) => (0, N.useMemo)(() => {
 			height: "10px",
 			borderRadius: "50%",
 			flex: "none",
-			backgroundColor: B(t, e)?.fill ?? e.palette.action.selected
+			backgroundColor: V(t, e)?.fill ?? e.palette.action.selected
 		})
 	});
-}, se = (e) => {
+}, ce = (e) => {
 	let { category: t, onDelete: n } = e;
 	return (0, F.jsx)(_, {
 		size: "small",
@@ -542,7 +544,7 @@ var ie = (e, t, n) => (0, N.useMemo)(() => {
 		title: t.description,
 		onDelete: n,
 		sx: (e) => {
-			let n = B(t, e);
+			let n = V(t, e);
 			return {
 				marginY: .25,
 				marginRight: .5,
@@ -567,37 +569,37 @@ var ie = (e, t, n) => (0, N.useMemo)(() => {
 			};
 		}
 	});
-}, ce = (e) => {
-	let { value: t, onChange: n, categories: r, categoryIds: o = ae, onCategoryIdsChange: s, sx: c } = e, l = a(), u = (0, N.useRef)(null), [f, p] = (0, N.useState)(null), m = !!s && (r?.length ?? 0) > 1, h = (0, N.useMemo)(() => {
-		if (!m || o.length === 0) return [];
+}, le = (e) => {
+	let { value: t, onChange: n, categories: r, categoryIds: i = oe, onCategoryIdsChange: a, sx: o } = e, l = c(), u = (0, P.useRef)(null), [d, f] = (0, P.useState)(null), p = !!a && (r?.length ?? 0) > 1, m = (0, P.useMemo)(() => {
+		if (!p || i.length === 0) return [];
 		let e = new Map(r.map((e) => [e.id, e]));
-		return o.map((t) => e.get(t)).filter((e) => !!e);
+		return i.map((t) => e.get(t)).filter((e) => !!e);
 	}, [
-		m,
+		p,
 		r,
-		o
-	]), g = (e) => {
-		s?.(e), u.current?.focus();
-	}, _ = () => {
-		p(null), u.current?.focus();
-	}, v = (0, F.jsx)(i, { iconKey: "Find" }), b = (0, F.jsx)(j, {
+		i
+	]), h = (e) => {
+		a?.(e), u.current?.focus();
+	}, g = () => {
+		f(null), u.current?.focus();
+	}, _ = (0, F.jsx)(s, { iconKey: "Find" }), v = (0, F.jsx)(M, {
 		position: "start",
-		children: v
+		children: _
 	});
-	if (m) {
+	if (p) {
 		let e = l("template.filterByCategory");
-		b = (0, F.jsxs)(F.Fragment, { children: [(0, F.jsx)(j, {
+		v = (0, F.jsxs)(F.Fragment, { children: [(0, F.jsx)(M, {
 			position: "start",
 			sx: { marginRight: .5 },
 			children: (0, F.jsxs)(y, {
 				"aria-label": e,
 				title: e,
 				"aria-haspopup": "menu",
-				"aria-expanded": !!f,
+				"aria-expanded": !!d,
 				onMouseDown: (e) => {
 					e.button === 0 && e.preventDefault();
 				},
-				onClick: (e) => p(e.currentTarget),
+				onClick: (e) => f(e.currentTarget),
 				sx: {
 					display: "flex",
 					alignItems: "center",
@@ -608,7 +610,7 @@ var ie = (e, t, n) => (0, N.useMemo)(() => {
 					color: "inherit",
 					"&:hover, &.Mui-focusVisible": { backgroundColor: "action.hover" }
 				},
-				children: [v, (0, F.jsx)(i, {
+				children: [_, (0, F.jsx)(s, {
 					iconKey: "ExpandMore",
 					style: {
 						fontSize: "1rem",
@@ -616,33 +618,33 @@ var ie = (e, t, n) => (0, N.useMemo)(() => {
 					}
 				})]
 			})
-		}), h.map((e) => (0, F.jsx)(se, {
+		}), m.map((e) => (0, F.jsx)(ce, {
 			category: e,
-			onDelete: () => g(o.filter((t) => t !== e.id))
+			onDelete: () => h(i.filter((t) => t !== e.id))
 		}, e.id))] });
 	}
-	let x = !!t || h.length > 0;
+	let b = !!t || m.length > 0;
 	return (0, F.jsxs)(F.Fragment, { children: [(0, F.jsx)(O, {
 		size: "small",
 		value: t,
-		placeholder: h.length > 0 ? void 0 : l("template.search"),
+		placeholder: m.length > 0 ? void 0 : l("template.search"),
 		inputRef: u,
 		onChange: (e) => n(e.target.value),
 		onKeyDown: (e) => {
-			if (e.key === "Escape" && x) e.stopPropagation(), t ? n("") : g([]);
-			else if (e.key === "Backspace" && h.length > 0) {
+			if (e.key === "Escape" && b) e.stopPropagation(), t ? n("") : h([]);
+			else if (e.key === "Backspace" && m.length > 0) {
 				let t = u.current;
-				e.target === t && t.selectionStart === 0 && t.selectionEnd === 0 && (e.preventDefault(), g(o.slice(0, -1)));
+				e.target === t && t.selectionStart === 0 && t.selectionEnd === 0 && (e.preventDefault(), h(i.slice(0, -1)));
 			}
 		},
-		sx: c,
+		sx: o,
 		slotProps: {
 			input: {
 				sx: {
 					backgroundColor: "background.paper",
 					flexWrap: "wrap",
 					paddingY: "6px",
-					paddingRight: x ? "40px" : void 0,
+					paddingRight: b ? "40px" : void 0,
 					"& .MuiInputBase-input": {
 						flex: "1 1 60px",
 						minWidth: "60px",
@@ -663,19 +665,19 @@ var ie = (e, t, n) => (0, N.useMemo)(() => {
 						marginLeft: 0
 					}
 				},
-				startAdornment: b,
-				endAdornment: x ? (0, F.jsx)(j, {
+				startAdornment: v,
+				endAdornment: b ? (0, F.jsx)(M, {
 					position: "end",
-					children: (0, F.jsx)(ee, {
+					children: (0, F.jsx)(k, {
 						"aria-label": l("template.clearSearch"),
 						propsTooltip: { label: l("template.clearSearch") },
 						onMouseDown: (e) => {
 							e.button === 0 && e.preventDefault();
 						},
 						onClick: () => {
-							n(""), g([]);
+							n(""), h([]);
 						},
-						icon: (0, F.jsx)(i, { iconKey: "Close" }),
+						icon: (0, F.jsx)(s, { iconKey: "Close" }),
 						size: "small"
 					})
 				}) : void 0
@@ -686,27 +688,27 @@ var ie = (e, t, n) => (0, N.useMemo)(() => {
 				"aria-label": l("template.search")
 			}
 		}
-	}), m ? (0, F.jsxs)(D, {
-		anchorEl: f,
-		open: !!f,
-		onClose: _,
+	}), p ? (0, F.jsxs)(D, {
+		anchorEl: d,
+		open: !!d,
+		onClose: g,
 		disableRestoreFocus: !0,
 		slotProps: { list: {
 			dense: !0,
 			"aria-label": l("dialog.template.categories")
 		} },
 		children: [r.map((e) => {
-			let t = o.includes(e.id);
-			return (0, F.jsxs)(A, {
+			let t = i.includes(e.id);
+			return (0, F.jsxs)(j, {
 				selected: t,
 				title: e.description,
 				onClick: () => {
-					s(t ? o.filter((t) => t !== e.id) : [...o, e.id]), _();
+					a(t ? i.filter((t) => t !== e.id) : [...i, e.id]), g();
 				},
 				children: [
-					(0, F.jsx)(k, { children: (0, F.jsx)(oe, { category: e }) }),
-					(0, F.jsx)(M, { children: e.title }),
-					t ? (0, F.jsx)(i, {
+					(0, F.jsx)(A, { children: (0, F.jsx)(se, { category: e }) }),
+					(0, F.jsx)(N, { children: e.title }),
+					t ? (0, F.jsx)(s, {
 						iconKey: "Check",
 						style: {
 							fontSize: "1rem",
@@ -715,14 +717,14 @@ var ie = (e, t, n) => (0, N.useMemo)(() => {
 					}) : null
 				]
 			}, e.id);
-		}), h.length > 0 ? [(0, F.jsx)(d, {}, "divider"), (0, F.jsxs)(A, {
+		}), m.length > 0 ? [(0, F.jsx)(ee, {}, "divider"), (0, F.jsxs)(j, {
 			onClick: () => {
-				s([]), _();
+				a([]), g();
 			},
-			children: [(0, F.jsx)(k, {}), (0, F.jsx)(M, { children: l("template.allCategories") })]
+			children: [(0, F.jsx)(A, {}), (0, F.jsx)(N, { children: l("template.allCategories") })]
 		}, "all")] : null]
 	}) : null] });
-}, K = /^\d+\.\d+\.\d+-([0-9A-Za-z-]+)/.exec(l)?.[1], q = `https://unpkg.com/@sheetxl/templates-workbook${K ? `@${K}` : ""}/dist`, J = "templates-workbook", 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) => {
+}, K = i(o), q = `https://unpkg.com/@sheetxl/templates-workbook${K ? `@${K}` : ""}/dist`, J = "templates-workbook", 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}`;
 	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) => {
@@ -774,13 +776,13 @@ var ie = (e, t, n) => (0, N.useMemo)(() => {
 	})(), Q.set(e, t), t.catch(() => {
 		Q.delete(e);
 	})), t;
-}, le = (e = {}) => {
-	let { path: t = q } = e, [n, r] = (0, N.useState)(0), [i, a] = (0, N.useState)({
+}, ue = (e = {}) => {
+	let { path: t = q } = e, [n, r] = (0, P.useState)(0), [i, a] = (0, P.useState)({
 		status: "loading",
 		categories: [],
 		entries: []
 	});
-	return (0, N.useEffect)(() => {
+	return (0, P.useEffect)(() => {
 		let e = !1;
 		return a((e) => e.status === "loading" ? e : {
 			status: "loading",
@@ -803,9 +805,9 @@ var ie = (e, t, n) => (0, N.useMemo)(() => {
 		};
 	}, [t, n]), {
 		...i,
-		retry: (0, N.useCallback)(() => {
+		retry: (0, P.useCallback)(() => {
 			r((e) => e + 1);
 		}, [])
 	};
 };
-export { G as a, ce as i, ie as n, $ as r, le as t };
+export { ue as a, ae as i, G as n, le as r, $ as t };

package/cdn/assets/{C9NyIoUahFiyRCxP.js → BV2wamfivt6aMUhk.js}

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

package/cdn/assets/BWbSAM8vJA9oOVLo.js

@@ -0,0 +1,46 @@
+/**
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.11
+*
+* (C) 2026-present SheetXL Inc. & Michael T. Ford
+* License: The license can be found at https://www.sheetxl.com/license.
+*/
+import { n as e } from "./C7fZFw4yQ9VNHtnV.js";
+var t = null, n = {
+	reactUrl: "https://esm.sh/react@19.1.0",
+	reactJsxTransform: "https://esm.sh/react@19.1.0/jsx-runtime",
+	reactDomUrl: "https://esm.sh/react-dom@19.1.0",
+	reactDomUrlClient: "https://esm.sh/react-dom@19.1.0/client"
+}, r = (r) => (r = {
+	...n,
+	...r
+}, t || ((t = (async () => {
+	let t = r.reactUrl, n = r.reactDomUrl, i = r.reactDomUrlClient, a = r.reactJsxTransform;
+	if (document.querySelector("script[type=\"importmap\"]")) console.warn("SheetXL: Import map already exists. Skipping injection.");
+	else {
+		let e = document.createElement("script");
+		e.type = "importmap", e.textContent = JSON.stringify({ imports: {
+			react: t,
+			"react/jsx-runtime": a,
+			"react-dom": n,
+			"react-dom/client": i
+		} }), document.head.appendChild(e);
+	}
+	await new Promise((e) => setTimeout(e, 0));
+	let o = await Promise.all([
+		import("./BdnTLvN0grpQAsLF.js").then((t) => e(t.default, 1)),
+		import("./Cw6ozEzvtFq_HVef.js").then((t) => e(t.default, 1)),
+		import("./C-_jzDXetpu0rH2K.js").then((t) => e(t.default, 1)),
+		import("./DBnswN0nPHV8TM2q.js").then((t) => e(t.default, 1)),
+		import("./C7FA7N-GON7DscOD.js")
+	]);
+	return {
+		React: o[0],
+		ReactJSXTransform: o[1],
+		ReactDOM: o[2],
+		ReactDOMClient: o[3],
+		StudioMUI: o[4]
+	};
+})()).catch(() => {
+	t = null;
+}), t));
+export { r as resolveDependencies };

package/cdn/assets/{De2z8LdHaWRFiR5T.js → BXVCl_xwTk61fpO9.js}

@@ -1,10 +1,10 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.10
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.11
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.
 */
-import { n as e } from "./CHMqT9DzYKTxPfP6.js";
+import { n as e } from "./BV2wamfivt6aMUhk.js";
 var t = e((e, t) => {
 	var n = e, r = function e() {
 		var t = typeof self < "u" ? self : typeof window < "u" ? window : t === void 0 ? {} : t, n = !t.document && !!t.postMessage, r = t.IS_PAPA_WORKER || !1, i = {}, a = 0, o = {};