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

package/browser/esm/{DNTtMdjOWrGcqQGh.mjs → C1qj_93tElwUAeIR.mjs}

@@ -1,22 +1,23 @@
 /**
-* @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.mjs";
-import { i as t, r as n } from "./CBXVfpoYV_x0IHcp.mjs";
-import { H as r } from "./BYk8t-CVbU8h5jS6.mjs";
-import { r as i } from "./DbqBX9ozs-Ibg67w.mjs";
-import { Et as a, Tt as o, h as s, m as c, p as l, t as u } from "./h-_FZQM0bW_2jNsi.mjs";
-import { t as d } from "./Cw3vteUwx6OB-6Iy.mjs";
-import { g as f } from "./zW5-tVai7f63Nz_O.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 "./SVBLkue4Zu6FnHvb.mjs";
-import { t as C } from "./C2Mtau_YqokRY_Xs.mjs";
-import { T as w } from "./BoUvCwncdWQjAB6z.mjs";
-import { t as T } from "./EIHzG71M5NOvWayY.mjs";
-var E = e(t(), 1);
-function D(e) {
+import { r as e } from "./4Ah98p4lGiqrlbx6.mjs";
+import { i as t, r as n } from "./CRFwpUUcSI_tqcjz.mjs";
+import { H as r } from "./CzCX-Wad3yMcEHob.mjs";
+import { r as i } from "./Bh63JoX4eBlOHfnf.mjs";
+import { Et as a, Tt as o, h as s, m as c, p as l, t as u } from "./Dx_rx7X79sTRpl4o.mjs";
+import { t as d } from "./C_0vyfGPMnLDdlSb.mjs";
+import { r as f } from "./I660lM4WXwKByUBN.mjs";
+import { tt as p } from "./CI2gMVZhmhMTMxzw.mjs";
+import { D as m, Dt as h, Et as g, L as _, N as v, _t as y, ct as b, et as x, lt as S, ut as C } from "./Dc-ACeeHSIUlPwwK.mjs";
+import { t as w } from "./2wA_KrUFQ1jrFBd9.mjs";
+import { T } from "./Oi3vEmqVfUYeowoU.mjs";
+import { t as E } from "./CFw_lEfCjWsjFmod.mjs";
+var D = e(t(), 1);
+function O(e) {
 	return c("MuiSkeleton", e);
 }
 l("MuiSkeleton", [
@@ -31,7 +32,7 @@ l("MuiSkeleton", [
 	"fitContent",
 	"heightAuto"
 ]);
-var O = e(n(), 1), k = m`
+var k = e(n(), 1), A = h`
   0% {
     opacity: 1;
   }
@@ -43,7 +44,7 @@ var O = e(n(), 1), k = m`
   100% {
     opacity: 1;
   }
-`, A = m`
+`, j = h`
   0% {
     transform: translateX(-100%);
   }
@@ -56,13 +57,13 @@ var O = e(n(), 1), 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 : g`
+        animation: ${A} 2s ease-in-out 0.5s infinite;
+      `, N = typeof j == "string" ? null : g`
         &::after {
-          animation: ${A} 2s linear 0.5s infinite;
+          animation: ${j} 2s linear 0.5s infinite;
         }
-      `, N = S("span", {
+      `, P = C("span", {
 	name: "MuiSkeleton",
 	slot: "Root",
 	overridesResolver: (e, t) => {
@@ -76,12 +77,12 @@ var O = e(n(), 1), k = m`
 			n.hasChildren && !n.height && t.heightAuto
 		];
 	}
-})(x(({ theme: e }) => {
+})(S(({ 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 = b(e, { animation: "none" }), o = b(e, { "&::after": {
+	let a = x(e, { animation: "none" }), o = x(e, { "&::after": {
 		animation: "none",
 		display: "none"
 	} });
@@ -124,7 +125,7 @@ var O = e(n(), 1), 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" },
@@ -150,7 +151,7 @@ var O = e(n(), 1), 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" },
@@ -158,8 +159,8 @@ var O = e(n(), 1), k = m`
 			}] : []
 		]
 	};
-})), P = E.forwardRef(function(e, t) {
-	let n = y({
+})), F = D.forwardRef(function(e, t) {
+	let n = b({
 		props: e,
 		name: "MuiSkeleton"
 	}), { animation: r = "pulse", className: i, component: a = "span", height: o, style: c, variant: l = "text", width: u, ...d } = n, f = {
@@ -170,16 +171,16 @@ var O = e(n(), 1), k = m`
 		hasChildren: !!d.children
 	}, p = ((e) => {
 		let { classes: t, variant: n, animation: r, hasChildren: i, width: a, height: o } = e;
-		return v({ root: [
+		return y({ root: [
 			"root",
 			n,
 			r,
 			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: s(p.root, i),
@@ -191,17 +192,17 @@ var O = e(n(), 1), k = m`
 			...c
 		}
 	});
-}), 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, {
+}), I = "8 / 5", L = (e) => {
+	let { entry: t } = e, n = (p() === "dark" ? t.thumbnailDarkUrl : void 0) ?? t.thumbnailUrl;
+	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)(u, {
 		className: "template-thumbnail",
 		sx: {
 			position: "relative",
 			width: "100%",
-			aspectRatio: F,
+			aspectRatio: I,
 			overflow: "hidden",
 			borderRadius: 1,
 			border: (e) => `1px solid ${e.palette.divider}`,
@@ -211,13 +212,13 @@ var O = e(n(), 1), k = m`
 			alignItems: "center",
 			justifyContent: "center"
 		},
-		children: n === "failed" ? (0, O.jsx)(i, {
+		children: n === "failed" ? (0, k.jsx)(i, {
 			iconKey: "FileNew",
 			style: {
 				fontSize: "2.5rem",
 				opacity: .4
 			}
-		}) : (0, O.jsx)("img", {
+		}) : (0, k.jsx)("img", {
 			src: t,
 			alt: "",
 			loading: "lazy",
@@ -234,9 +235,9 @@ var O = e(n(), 1), k = m`
 			}
 		})
 	});
-}, R = (e) => {
+}, z = (e) => {
 	let { entry: t, category: n, onSelect: r } = e;
-	return (0, O.jsxs)(g, {
+	return (0, k.jsxs)(_, {
 		className: "template-tile",
 		disableRipple: !0,
 		onClick: r,
@@ -259,14 +260,14 @@ var O = e(n(), 1), k = m`
 				outlineOffset: "-2px"
 			}
 		},
-		children: [(0, O.jsx)(I, { entry: t }), (0, O.jsxs)(u, {
+		children: [(0, k.jsx)(L, { entry: t }), (0, k.jsxs)(u, {
 			sx: { minWidth: 0 },
-			children: [(0, O.jsx)(_, {
+			children: [(0, k.jsx)(v, {
 				variant: "subtitle2",
 				component: "div",
 				noWrap: !0,
 				children: t.title
-			}), n ? (0, O.jsx)(_, {
+			}), n ? (0, k.jsx)(v, {
 				variant: "caption",
 				component: "div",
 				noWrap: !0,
@@ -275,7 +276,7 @@ var O = e(n(), 1), k = m`
 			}) : null]
 		})]
 	});
-}, z = () => (0, O.jsxs)(u, {
+}, B = () => (0, k.jsxs)(u, {
 	sx: {
 		padding: 1,
 		display: "flex",
@@ -283,38 +284,38 @@ var O = e(n(), 1), 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: i, groupBy: s, renderTile: c, tileMinWidth: l = 180, emptyLabel: f, visibleRows: m, sx: h = a.EmptyCssProperties, style: g, className: v, onKeyDown: y, ...b } = e, x = o(), S = (0, E.useRef)(null), [C, w] = (0, E.useState)(0), T = (0, E.useRef)(null);
+}), V = (0, D.memo)((0, D.forwardRef)((e, t) => {
+	let { catalog: n, onSelect: r, filter: i, groupBy: s, renderTile: c, tileMinWidth: l = 180, emptyLabel: f, visibleRows: p, sx: h = a.EmptyCssProperties, style: g, className: _, onKeyDown: y, ...b } = e, x = o(), S = (0, D.useRef)(null), [C, w] = (0, D.useState)(0), T = (0, D.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)(() => {
+	}, (0, D.useLayoutEffect)(() => {
+		p && T.current?.();
+	}), (0, D.useEffect)(() => {
 		let e = S.current;
-		if (!m || !e) return;
+		if (!p || !e) return;
 		let t = new ResizeObserver(() => T.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)(() => {
+	}, [p]);
+	let E, 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 (!s) return [{
 			key: null,
@@ -328,13 +329,13 @@ var O = e(n(), 1), k = m`
 		}
 		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,
+		O,
 		i,
 		s
 	]), j = {
@@ -342,13 +343,13 @@ var O = e(n(), 1), k = m`
 		gridTemplateColumns: `repeat(auto-fill, minmax(${l}px, 1fr))`,
 		gap: "8px"
 	};
-	return D = n.status === "loading" ? (0, O.jsx)(u, {
+	return E = n.status === "loading" ? (0, k.jsx)(u, {
 		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)(u, {
+		children: Array.from({ length: 6 }, (e, t) => (0, k.jsx)(B, {}, t))
+	}) : n.status === "error" ? (0, k.jsxs)(u, {
 		sx: {
 			display: "flex",
 			flexDirection: "column",
@@ -357,17 +358,17 @@ var O = e(n(), 1), k = m`
 			padding: 4,
 			textAlign: "center"
 		},
-		children: [(0, O.jsx)(_, {
+		children: [(0, k.jsx)(v, {
 			variant: "body2",
 			sx: { color: "text.secondary" },
 			children: x("template.loadFailed")
-		}), (0, O.jsx)(p, {
+		}), (0, k.jsx)(m, {
 			variant: "outlined",
 			size: "small",
 			onClick: n.retry,
 			children: x("template.retry")
 		})]
-	}) : A.every((e) => e.entries.length === 0) ? (0, O.jsx)(_, {
+	}) : A.every((e) => e.entries.length === 0) ? (0, k.jsx)(v, {
 		variant: "body2",
 		sx: {
 			color: "text.secondary",
@@ -375,10 +376,10 @@ var O = e(n(), 1), k = m`
 			textAlign: "center"
 		},
 		children: f ?? x("template.empty")
-	}) : A.map((e) => (0, O.jsxs)(u, {
+	}) : A.map((e) => (0, k.jsxs)(u, {
 		role: "group",
 		"aria-label": e.title,
-		children: [e.title ? (0, O.jsx)(_, {
+		children: [e.title ? (0, k.jsx)(v, {
 			variant: "overline",
 			component: "div",
 			sx: {
@@ -386,36 +387,36 @@ var O = e(n(), 1), k = m`
 				paddingX: 1
 			},
 			children: e.title
-		}) : null, (0, O.jsx)(u, {
+		}) : null, (0, k.jsx)(u, {
 			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 c ? (0, O.jsx)(u, {
+				return c ? (0, k.jsx)(u, {
 					sx: { display: "contents" },
 					children: c(e, t)
-				}, e.id) : (0, O.jsx)(R, {
+				}, e.id) : (0, k.jsx)(z, {
 					entry: e,
 					...t
 				}, e.id);
 			})
 		})]
-	}, e.key ?? "")), (0, O.jsx)(u, {
+	}, e.key ?? "")), (0, k.jsx)(u, {
 		ref: t,
-		className: d(v, "template-panel"),
+		className: d(_, "template-panel"),
 		sx: h,
-		style: m && C ? {
+		style: p && C ? {
 			boxSizing: "content-box",
 			scrollbarGutter: "stable",
-			height: `${Math.ceil(m * C + 8 * (m - 1))}px`,
+			height: `${Math.ceil(p * C + 8 * (p - 1))}px`,
 			minHeight: `${Math.ceil(C)}px`,
 			...g
 		} : g,
 		...b,
-		children: (0, O.jsx)(u, {
+		children: (0, k.jsx)(u, {
 			ref: S,
 			onKeyDown: (e) => {
 				if (y?.(e), e.defaultPrevented) return;
@@ -449,12 +450,12 @@ var O = e(n(), 1), k = m`
 				}
 				s = Math.max(0, Math.min(n.length - 1, s)), e.preventDefault(), n[s].focus();
 			},
-			children: D
+			children: E
 		})
 	});
 }));
-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,
@@ -462,9 +463,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, a = o();
-	return (0, O.jsx)(C, {
+	return (0, k.jsx)(w, {
 		size: "small",
 		value: t,
 		placeholder: a("template.search"),
@@ -476,20 +477,20 @@ var V = (e, t, n) => {
 		slotProps: {
 			input: {
 				sx: { backgroundColor: "background.paper" },
-				startAdornment: (0, O.jsx)(T, {
+				startAdornment: (0, k.jsx)(E, {
 					position: "start",
-					children: (0, O.jsx)(i, { iconKey: "Find" })
+					children: (0, k.jsx)(i, { iconKey: "Find" })
 				}),
-				endAdornment: t ? (0, O.jsx)(T, {
+				endAdornment: t ? (0, k.jsx)(E, {
 					position: "end",
-					children: (0, O.jsx)(w, {
+					children: (0, k.jsx)(T, {
 						"aria-label": a("template.clearSearch"),
 						propsTooltip: { label: a("template.clearSearch") },
 						onMouseDown: (e) => {
 							e.button === 0 && e.preventDefault();
 						},
 						onClick: () => n(""),
-						icon: (0, O.jsx)(i, { iconKey: "Close" }),
+						icon: (0, k.jsx)(i, { iconKey: "Close" }),
 						size: "small"
 					})
 				}) : void 0
@@ -501,44 +502,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(f)?.[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 {
@@ -549,22 +550,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
@@ -581,9 +582,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/{cdn/assets/B-_shlNzdU5vK6-F.js → browser/esm/C6kRIEgNpvwokXS62.mjs}

@@ -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.