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

package/{cdn/assets/anQDUZhHMDPi1eha.js → browser/esm/DaJhQHZ8na6yCHir.mjs}

@@ -1,32 +1,32 @@
 /**
-* @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 { t as e } from "./CIyaijfp6itgRpFM.js";
-import { t } from "./BeQ95CzwR65il0CK.js";
-import { L as n } from "./CMxbiQ5J79M3n1tk.js";
-import { N as r } from "./BoFx07POTorOb5g-.js";
-import { h as i } from "./DOHh3pUXxMM09UY5.js";
-import { r as a } from "./hg8WYI0Yy4WPPPoP.js";
-import { tt as o, z as s } from "./Cw7AJWd0S2sjRmr6.js";
-import { _ as c, g as l, t as u, v as d } from "./mK8HcIZyXkOTvL6E.js";
-import { $ as f, D as p, Et as m, F as h, T as g, Tt as _, ct as v, gt as y, j as b, lt as x, st as S } from "./CbTN0q6XnYGJqyEp.js";
-import { r as C } from "./VCiu_neIjCTg2NUa.js";
-import { t as w } from "./CTvPIYWTcjwlJeEA.js";
-import { B as T, T as E } from "./D_pMOq6FdH4RSBLc.js";
-import { t as D } from "./BzbP4jaN13wC9aSi.js";
-import { Ft as O, Q as k } from "./B27vTQlxbHhSQJx8.js";
-import { t as A } from "./B3NWCYKXucbHhOix.js";
-import { t as ee } from "./DjdkGy-EI1kSo226.js";
-import { B as j } from "./CEYyp6Qrr_IopxpL.js";
-import { r as M } from "./DCnWyVXikb_8Dat3.js";
-var N = M(e(), 1);
-function te(e) {
-	return c("MuiSkeleton", e);
+import { r as e } from "./D90zUAjsvdYt4zAc.mjs";
+import { i as t, r as n } from "./CFPaTEuxUxH48Dnc.mjs";
+import { L as r, M as i } from "./PD_ckP5IyZurtALu.mjs";
+import { r as a } from "./Q4gowihHveaVg346.mjs";
+import { mt as o, vt as s } from "./DsHzYBPSadCXZi-n.mjs";
+import { t as c } from "./CVGsocXM6EdK3av8.mjs";
+import { p as l } from "./BBrVIUFf4NJSXblH.mjs";
+import { xt as u } from "./BiLb98_m7AwaRkX6.mjs";
+import { _ as d, g as f, t as p, v as m } from "./Cdg4TpupUeYIiz2B.mjs";
+import { $ as h, D as g, Et as _, F as v, T as y, Tt as b, ct as x, gt as S, j as C, lt as w, st as T } from "./KG-A3VX4kcf2uLJI.mjs";
+import { r as E } from "./CN1_Dq2VdyHJ8cMR.mjs";
+import { t as D } from "./bFtJ6ds2ojy78Wre.mjs";
+import { R as O, V as k } from "./BKS9kx_PEanwLUuU.mjs";
+import { t as A } from "./BNWxTMoiH1NkkmAh.mjs";
+import { t as j } from "./xhVehZswNSGVAhdd.mjs";
+import { t as M } from "./gTTt3H5M0Lh8VxjO.mjs";
+import { t as N } from "./JIICfCUe6qam-nnP.mjs";
+import { t as ee } from "./DbewMnLKZoGLGFNh.mjs";
+var P = e(t(), 1);
+function F(e) {
+	return d("MuiSkeleton", e);
 }
-l("MuiSkeleton", [
+f("MuiSkeleton", [
 	"root",
 	"text",
 	"rectangular",
@@ -38,7 +38,7 @@ l("MuiSkeleton", [
 	"fitContent",
 	"heightAuto"
 ]);
-var P = t(), F = m`
+var I = e(n(), 1), L = _`
   0% {
     opacity: 1;
   }
@@ -50,7 +50,7 @@ var P = t(), F = m`
   100% {
     opacity: 1;
   }
-`, I = m`
+`, R = _`
   0% {
     transform: translateX(-100%);
   }
@@ -63,13 +63,13 @@ var P = t(), F = m`
   100% {
     transform: translateX(100%);
   }
-`, ne = typeof F == "string" ? null : _`
-        animation: ${F} 2s ease-in-out 0.5s infinite;
-      `, L = typeof I == "string" ? null : _`
+`, te = typeof L == "string" ? null : b`
+        animation: ${L} 2s ease-in-out 0.5s infinite;
+      `, z = typeof R == "string" ? null : b`
         &::after {
-          animation: ${I} 2s linear 0.5s infinite;
+          animation: ${R} 2s linear 0.5s infinite;
         }
-      `, R = x("span", {
+      `, B = w("span", {
 	name: "MuiSkeleton",
 	slot: "Root",
 	overridesResolver: (e, t) => {
@@ -83,12 +83,12 @@ var P = t(), F = m`
 			n.hasChildren && !n.height && t.heightAuto
 		];
 	}
-})(v(({ 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 = f(e, { animation: "none" }), o = f(e, { "&::after": {
+	let a = h(e, { animation: "none" }), o = h(e, { "&::after": {
 		animation: "none",
 		display: "none"
 	} });
@@ -131,7 +131,7 @@ var P = t(), F = m`
 			},
 			{
 				props: { animation: "pulse" },
-				style: ne || { animation: `${F} 2s ease-in-out 0.5s infinite` }
+				style: te || { animation: `${L} 2s ease-in-out 0.5s infinite` }
 			},
 			...a ? [{
 				props: { animation: "pulse" },
@@ -157,7 +157,7 @@ var P = t(), F = m`
 			},
 			{
 				props: { animation: "wave" },
-				style: L || { "&::after": { animation: `${I} 2s linear 0.5s infinite` } }
+				style: z || { "&::after": { animation: `${R} 2s linear 0.5s infinite` } }
 			},
 			...o ? [{
 				props: { animation: "wave" },
@@ -165,32 +165,32 @@ var P = t(), F = m`
 			}] : []
 		]
 	};
-})), z = N.forwardRef(function(e, t) {
-	let n = S({
+})), V = P.forwardRef(function(e, t) {
+	let n = T({
 		props: e,
 		name: "MuiSkeleton"
-	}), { animation: r = "pulse", className: i, component: a = "span", height: o, style: s, variant: c = "text", width: l, ...u } = n, f = {
+	}), { animation: r = "pulse", className: i, component: a = "span", height: o, style: s, variant: c = "text", width: l, ...u } = n, d = {
 		...n,
 		animation: r,
 		component: a,
 		variant: c,
 		hasChildren: !!u.children
-	}, p = ((e) => {
+	}, f = ((e) => {
 		let { classes: t, variant: n, animation: r, hasChildren: i, width: a, height: o } = e;
-		return y({ root: [
+		return S({ root: [
 			"root",
 			n,
 			r,
 			i && "withChildren",
 			i && !a && "fitContent",
 			i && !o && "heightAuto"
-		] }, te, t);
-	})(f);
-	return (0, P.jsx)(R, {
+		] }, F, t);
+	})(d);
+	return (0, I.jsx)(B, {
 		as: a,
 		ref: t,
-		className: d(p.root, i),
-		ownerState: f,
+		className: m(f.root, i),
+		ownerState: d,
 		...u,
 		style: {
 			width: l,
@@ -198,10 +198,10 @@ var P = t(), F = m`
 			...s
 		}
 	});
-}), B = (e, t) => {
+}), H = (e, t) => {
 	if (!e?.color) return null;
 	try {
-		let n = new r(e.color).toCSS(t.palette.mode === "dark");
+		let n = new c(e.color).toCSS(t.palette.mode === "dark");
 		return {
 			fill: n,
 			text: t.palette.getContrastText(n)
@@ -209,20 +209,20 @@ var P = t(), F = m`
 	} catch {
 		return null;
 	}
-}, V = "8 / 5", H = (e) => {
-	let { entry: t, category: n } = e, r = (k() === "dark" ? t.thumbnailDarkUrl : void 0) ?? t.thumbnailUrl;
-	return (0, P.jsx)(U, {
+}, U = "8 / 5", W = (e) => {
+	let { entry: t, category: n } = e, r = (u() === "dark" ? t.thumbnailDarkUrl : void 0) ?? t.thumbnailUrl;
+	return (0, I.jsx)(ne, {
 		src: r,
 		category: n
 	}, r);
-}, U = (e) => {
-	let { src: t, category: n } = e, [r, i] = (0, N.useState)(t ? "loading" : "failed");
-	return (0, P.jsxs)(u, {
+}, ne = (e) => {
+	let { src: t, category: n } = e, [r, i] = (0, P.useState)(t ? "loading" : "failed");
+	return (0, I.jsxs)(p, {
 		className: "template-thumbnail",
 		sx: {
 			position: "relative",
 			width: "100%",
-			aspectRatio: V,
+			aspectRatio: U,
 			overflow: "hidden",
 			borderRadius: 1,
 			border: (e) => `1px solid ${e.palette.divider}`,
@@ -232,13 +232,13 @@ var P = t(), F = m`
 			alignItems: "center",
 			justifyContent: "center"
 		},
-		children: [r === "failed" ? (0, P.jsx)(a, {
+		children: [r === "failed" ? (0, I.jsx)(a, {
 			iconKey: "FileNew",
 			style: {
 				fontSize: "2.5rem",
 				opacity: .4
 			}
-		}) : (0, P.jsx)("img", {
+		}) : (0, I.jsx)("img", {
 			src: t,
 			alt: "",
 			loading: "lazy",
@@ -253,18 +253,18 @@ var P = t(), F = m`
 				opacity: +(r === "loaded"),
 				transition: "opacity 150ms ease-out"
 			}
-		}), n?.color ? (0, P.jsx)(u, { sx: (e) => ({
+		}), n?.color ? (0, I.jsx)(p, { sx: (e) => ({
 			position: "absolute",
 			top: 0,
 			left: 0,
 			right: 0,
 			height: "3px",
-			backgroundColor: B(n, e)?.fill
+			backgroundColor: H(n, e)?.fill
 		}) }) : null]
 	});
-}, W = (e) => {
+}, re = (e) => {
 	let { entry: t, category: n, onSelect: r } = e;
-	return (0, P.jsxs)(h, {
+	return (0, I.jsxs)(v, {
 		className: "template-tile",
 		disableRipple: !0,
 		onClick: r,
@@ -287,17 +287,17 @@ var P = t(), F = m`
 				outlineOffset: "-2px"
 			}
 		},
-		children: [(0, P.jsx)(H, {
+		children: [(0, I.jsx)(W, {
 			entry: t,
 			category: n
-		}), (0, P.jsxs)(u, {
+		}), (0, I.jsxs)(p, {
 			sx: { minWidth: 0 },
-			children: [(0, P.jsx)(b, {
+			children: [(0, I.jsx)(C, {
 				variant: "subtitle2",
 				component: "div",
 				noWrap: !0,
 				children: t.title
-			}), n ? (0, P.jsxs)(b, {
+			}), n ? (0, I.jsxs)(C, {
 				variant: "caption",
 				component: "div",
 				noWrap: !0,
@@ -307,16 +307,16 @@ var P = t(), F = m`
 					alignItems: "center",
 					gap: .75
 				},
-				children: [n.color ? (0, P.jsx)(u, {
+				children: [n.color ? (0, I.jsx)(p, {
 					component: "span",
 					sx: (e) => ({
 						width: "8px",
 						height: "8px",
 						borderRadius: "50%",
 						flex: "none",
-						backgroundColor: B(n, e)?.fill
+						backgroundColor: H(n, e)?.fill
 					})
-				}) : null, (0, P.jsx)(u, {
+				}) : null, (0, I.jsx)(p, {
 					component: "span",
 					sx: {
 						overflow: "hidden",
@@ -327,7 +327,7 @@ var P = t(), F = m`
 			}) : null]
 		})]
 	});
-}, re = () => (0, P.jsxs)(u, {
+}, ie = () => (0, I.jsxs)(p, {
 	sx: {
 		padding: 1,
 		display: "flex",
@@ -335,38 +335,38 @@ var P = t(), F = m`
 		gap: .75
 	},
 	children: [
-		(0, P.jsx)(z, {
+		(0, I.jsx)(V, {
 			variant: "rectangular",
 			sx: {
 				width: "100%",
 				height: "auto",
-				aspectRatio: V,
+				aspectRatio: U,
 				borderRadius: 1
 			}
 		}),
-		(0, P.jsx)(z, {
+		(0, I.jsx)(V, {
 			variant: "text",
 			width: "60%"
 		}),
-		(0, P.jsx)(z, {
+		(0, I.jsx)(V, {
 			variant: "text",
 			width: "35%"
 		})
 	]
-}), G = (0, N.memo)((0, N.forwardRef)((e, t) => {
-	let { catalog: n, onSelect: r, filter: i, groupBy: a, renderTile: c, tileMinWidth: l = 180, emptyLabel: d, visibleRows: f, sx: p = s.EmptyCssProperties, style: m, className: h, onKeyDown: _, ...v } = e, y = o(), x = (0, N.useRef)(null), [S, C] = (0, N.useState)(0), w = (0, N.useRef)(null);
+}), G = (0, P.memo)((0, P.forwardRef)((e, t) => {
+	let { catalog: n, onSelect: r, filter: i, groupBy: a, renderTile: c, tileMinWidth: l = 180, emptyLabel: u, visibleRows: d, sx: f = s.EmptyCssProperties, style: m, className: h, onKeyDown: g, ..._ } = e, v = o(), b = (0, P.useRef)(null), [x, S] = (0, P.useState)(0), w = (0, P.useRef)(null);
 	w.current = () => {
-		let e = x.current?.querySelector(".template-grid")?.firstElementChild, t = (e?.offsetHeight ? e : e?.firstElementChild)?.getBoundingClientRect().height;
-		t && C(t);
-	}, (0, N.useLayoutEffect)(() => {
-		f && w.current?.();
-	}), (0, N.useEffect)(() => {
-		let e = x.current;
-		if (!f || !e) return;
+		let e = b.current?.querySelector(".template-grid")?.firstElementChild, t = (e?.offsetHeight ? e : e?.firstElementChild)?.getBoundingClientRect().height;
+		t && S(t);
+	}, (0, P.useLayoutEffect)(() => {
+		d && w.current?.();
+	}), (0, P.useEffect)(() => {
+		let e = b.current;
+		if (!d || !e) return;
 		let t = new ResizeObserver(() => w.current?.());
 		return t.observe(e), () => t.disconnect();
-	}, [f]);
-	let T, E = (0, N.useMemo)(() => new Map(n.categories.map((e) => [e.id, e])), [n.categories]), D = (0, N.useMemo)(() => {
+	}, [d]);
+	let T, E = (0, P.useMemo)(() => new Map(n.categories.map((e) => [e.id, e])), [n.categories]), D = (0, P.useMemo)(() => {
 		let e = i ? n.entries.filter(i) : n.entries;
 		if (!a) return [{
 			key: null,
@@ -394,13 +394,13 @@ var P = t(), F = m`
 		gridTemplateColumns: `repeat(auto-fill, minmax(${l}px, 1fr))`,
 		gap: "8px"
 	};
-	return T = n.status === "loading" ? (0, P.jsx)(u, {
+	return T = n.status === "loading" ? (0, I.jsx)(p, {
 		className: "template-grid",
 		sx: O,
 		"aria-busy": "true",
-		"aria-label": y("template.loading"),
-		children: Array.from({ length: 6 }, (e, t) => (0, P.jsx)(re, {}, t))
-	}) : n.status === "error" ? (0, P.jsxs)(u, {
+		"aria-label": v("template.loading"),
+		children: Array.from({ length: 6 }, (e, t) => (0, I.jsx)(ie, {}, t))
+	}) : n.status === "error" ? (0, I.jsxs)(p, {
 		sx: {
 			display: "flex",
 			flexDirection: "column",
@@ -409,28 +409,28 @@ var P = t(), F = m`
 			padding: 4,
 			textAlign: "center"
 		},
-		children: [(0, P.jsx)(b, {
+		children: [(0, I.jsx)(C, {
 			variant: "body2",
 			sx: { color: "text.secondary" },
-			children: y("template.loadFailed")
-		}), (0, P.jsx)(g, {
+			children: v("template.loadFailed")
+		}), (0, I.jsx)(y, {
 			variant: "outlined",
 			size: "small",
 			onClick: n.retry,
-			children: y("template.retry")
+			children: v("template.retry")
 		})]
-	}) : D.every((e) => e.entries.length === 0) ? (0, P.jsx)(b, {
+	}) : D.every((e) => e.entries.length === 0) ? (0, I.jsx)(C, {
 		variant: "body2",
 		sx: {
 			color: "text.secondary",
 			padding: 4,
 			textAlign: "center"
 		},
-		children: d ?? y("template.empty")
-	}) : D.map((e) => (0, P.jsxs)(u, {
+		children: u ?? v("template.empty")
+	}) : D.map((e) => (0, I.jsxs)(p, {
 		role: "group",
 		"aria-label": e.title,
-		children: [e.title ? (0, P.jsx)(b, {
+		children: [e.title ? (0, I.jsx)(C, {
 			variant: "overline",
 			component: "div",
 			sx: {
@@ -438,7 +438,7 @@ var P = t(), F = m`
 				paddingX: 1
 			},
 			children: e.title
-		}) : null, (0, P.jsx)(u, {
+		}) : null, (0, I.jsx)(p, {
 			className: "template-grid",
 			sx: O,
 			children: e.entries.map((e) => {
@@ -446,32 +446,32 @@ var P = t(), F = m`
 					category: E.get(e.category),
 					onSelect: () => r?.(e)
 				};
-				return c ? (0, P.jsx)(u, {
+				return c ? (0, I.jsx)(p, {
 					sx: { display: "contents" },
 					children: c(e, t)
-				}, e.id) : (0, P.jsx)(W, {
+				}, e.id) : (0, I.jsx)(re, {
 					entry: e,
 					...t
 				}, e.id);
 			})
 		})]
-	}, e.key ?? "")), (0, P.jsx)(u, {
+	}, e.key ?? "")), (0, I.jsx)(p, {
 		ref: t,
 		className: ee(h, "template-panel"),
-		sx: p,
-		style: f && S ? {
+		sx: f,
+		style: d && x ? {
 			boxSizing: "content-box",
 			scrollbarGutter: "stable",
-			height: `${Math.ceil(f * S + 8 * (f - 1))}px`,
-			minHeight: `${Math.ceil(S)}px`,
+			height: `${Math.ceil(d * x + 8 * (d - 1))}px`,
+			minHeight: `${Math.ceil(x)}px`,
 			...m
 		} : m,
-		...v,
-		children: (0, P.jsx)(u, {
-			ref: x,
+		..._,
+		children: (0, I.jsx)(p, {
+			ref: b,
 			onKeyDown: (e) => {
-				if (_?.(e), e.defaultPrevented) return;
-				let t = x.current;
+				if (g?.(e), e.defaultPrevented) return;
+				let t = b.current;
 				if (!t) return;
 				let n = Array.from(t.querySelectorAll(".template-tile")), r = n.indexOf(document.activeElement);
 				if (r < 0) return;
@@ -506,7 +506,7 @@ var P = t(), F = m`
 	});
 }));
 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) => {
@@ -522,9 +522,9 @@ var ie = (e, t, n) => (0, N.useMemo)(() => {
 	e,
 	t,
 	n
-]), ae = [], oe = (e) => {
+]), oe = [], se = (e) => {
 	let { category: t } = e;
-	return (0, P.jsx)(u, {
+	return (0, I.jsx)(p, {
 		component: "span",
 		sx: (e) => ({
 			display: "inline-block",
@@ -532,18 +532,18 @@ var ie = (e, t, n) => (0, N.useMemo)(() => {
 			height: "10px",
 			borderRadius: "50%",
 			flex: "none",
-			backgroundColor: B(t, e)?.fill ?? e.palette.action.selected
+			backgroundColor: H(t, e)?.fill ?? e.palette.action.selected
 		})
 	});
-}, se = (e) => {
+}, ce = (e) => {
 	let { category: t, onDelete: n } = e;
-	return (0, P.jsx)(p, {
+	return (0, I.jsx)(g, {
 		size: "small",
 		label: t.title,
 		title: t.description,
 		onDelete: n,
 		sx: (e) => {
-			let n = B(t, e);
+			let n = H(t, e);
 			return {
 				marginY: .25,
 				marginRight: .5,
@@ -568,8 +568,8 @@ var ie = (e, t, n) => (0, N.useMemo)(() => {
 			};
 		}
 	});
-}, ce = (e) => {
-	let { value: t, onChange: n, categories: r, categoryIds: i = ae, onCategoryIdsChange: s, sx: c } = e, l = o(), u = (0, N.useRef)(null), [d, f] = (0, N.useState)(null), p = !!s && (r?.length ?? 0) > 1, m = (0, N.useMemo)(() => {
+}, le = (e) => {
+	let { value: t, onChange: n, categories: r, categoryIds: i = oe, onCategoryIdsChange: s, sx: c } = e, l = o(), u = (0, P.useRef)(null), [d, f] = (0, P.useState)(null), p = !!s && (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 i.map((t) => e.get(t)).filter((e) => !!e);
@@ -577,20 +577,20 @@ var ie = (e, t, n) => (0, N.useMemo)(() => {
 		p,
 		r,
 		i
-	]), g = (e) => {
+	]), h = (e) => {
 		s?.(e), u.current?.focus();
-	}, _ = () => {
+	}, g = () => {
 		f(null), u.current?.focus();
-	}, v = (0, P.jsx)(a, { iconKey: "Find" }), y = (0, P.jsx)(A, {
+	}, _ = (0, I.jsx)(a, { iconKey: "Find" }), y = (0, I.jsx)(M, {
 		position: "start",
-		children: v
+		children: _
 	});
 	if (p) {
 		let e = l("template.filterByCategory");
-		y = (0, P.jsxs)(P.Fragment, { children: [(0, P.jsx)(A, {
+		y = (0, I.jsxs)(I.Fragment, { children: [(0, I.jsx)(M, {
 			position: "start",
 			sx: { marginRight: .5 },
-			children: (0, P.jsxs)(h, {
+			children: (0, I.jsxs)(v, {
 				"aria-label": e,
 				title: e,
 				"aria-haspopup": "menu",
@@ -609,7 +609,7 @@ var ie = (e, t, n) => (0, N.useMemo)(() => {
 					color: "inherit",
 					"&:hover, &.Mui-focusVisible": { backgroundColor: "action.hover" }
 				},
-				children: [v, (0, P.jsx)(a, {
+				children: [_, (0, I.jsx)(a, {
 					iconKey: "ExpandMore",
 					style: {
 						fontSize: "1rem",
@@ -617,23 +617,23 @@ var ie = (e, t, n) => (0, N.useMemo)(() => {
 					}
 				})]
 			})
-		}), m.map((e) => (0, P.jsx)(se, {
+		}), m.map((e) => (0, I.jsx)(ce, {
 			category: e,
-			onDelete: () => g(i.filter((t) => t !== e.id))
+			onDelete: () => h(i.filter((t) => t !== e.id))
 		}, e.id))] });
 	}
 	let b = !!t || m.length > 0;
-	return (0, P.jsxs)(P.Fragment, { children: [(0, P.jsx)(w, {
+	return (0, I.jsxs)(I.Fragment, { children: [(0, I.jsx)(D, {
 		size: "small",
 		value: t,
 		placeholder: m.length > 0 ? void 0 : l("template.search"),
 		inputRef: u,
 		onChange: (e) => n(e.target.value),
 		onKeyDown: (e) => {
-			if (e.key === "Escape" && b) e.stopPropagation(), t ? n("") : g([]);
+			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(i.slice(0, -1)));
+				e.target === t && t.selectionStart === 0 && t.selectionEnd === 0 && (e.preventDefault(), h(i.slice(0, -1)));
 			}
 		},
 		sx: c,
@@ -665,18 +665,18 @@ var ie = (e, t, n) => (0, N.useMemo)(() => {
 					}
 				},
 				startAdornment: y,
-				endAdornment: b ? (0, P.jsx)(A, {
+				endAdornment: b ? (0, I.jsx)(M, {
 					position: "end",
-					children: (0, P.jsx)(E, {
+					children: (0, I.jsx)(O, {
 						"aria-label": l("template.clearSearch"),
 						propsTooltip: { label: l("template.clearSearch") },
 						onMouseDown: (e) => {
 							e.button === 0 && e.preventDefault();
 						},
 						onClick: () => {
-							n(""), g([]);
+							n(""), h([]);
 						},
-						icon: (0, P.jsx)(a, { iconKey: "Close" }),
+						icon: (0, I.jsx)(a, { iconKey: "Close" }),
 						size: "small"
 					})
 				}) : void 0
@@ -687,10 +687,10 @@ var ie = (e, t, n) => (0, N.useMemo)(() => {
 				"aria-label": l("template.search")
 			}
 		}
-	}), p ? (0, P.jsxs)(C, {
+	}), p ? (0, I.jsxs)(E, {
 		anchorEl: d,
 		open: !!d,
-		onClose: _,
+		onClose: g,
 		disableRestoreFocus: !0,
 		slotProps: { list: {
 			dense: !0,
@@ -698,16 +698,16 @@ var ie = (e, t, n) => (0, N.useMemo)(() => {
 		} },
 		children: [r.map((e) => {
 			let t = i.includes(e.id);
-			return (0, P.jsxs)(D, {
+			return (0, I.jsxs)(A, {
 				selected: t,
 				title: e.description,
 				onClick: () => {
-					s(t ? i.filter((t) => t !== e.id) : [...i, e.id]), _();
+					s(t ? i.filter((t) => t !== e.id) : [...i, e.id]), g();
 				},
 				children: [
-					(0, P.jsx)(T, { children: (0, P.jsx)(oe, { category: e }) }),
-					(0, P.jsx)(j, { children: e.title }),
-					t ? (0, P.jsx)(a, {
+					(0, I.jsx)(k, { children: (0, I.jsx)(se, { category: e }) }),
+					(0, I.jsx)(N, { children: e.title }),
+					t ? (0, I.jsx)(a, {
 						iconKey: "Check",
 						style: {
 							fontSize: "1rem",
@@ -716,20 +716,20 @@ var ie = (e, t, n) => (0, N.useMemo)(() => {
 					}) : null
 				]
 			}, e.id);
-		}), m.length > 0 ? [(0, P.jsx)(O, {}, "divider"), (0, P.jsxs)(D, {
+		}), m.length > 0 ? [(0, I.jsx)(j, {}, "divider"), (0, I.jsxs)(A, {
 			onClick: () => {
-				s([]), _();
+				s([]), g();
 			},
-			children: [(0, P.jsx)(T, {}), (0, P.jsx)(j, { children: l("template.allCategories") })]
+			children: [(0, I.jsx)(k, {}), (0, I.jsx)(N, { children: l("template.allCategories") })]
 		}, "all")] : null]
 	}) : null] });
-}, K = /^\d+\.\d+\.\d+-([0-9A-Za-z-]+)/.exec(i)?.[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(l), 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) => {
 	let t = Q.get(e);
 	return t || (t = (async () => {
-		let t = (await n("templates", J, e)).find((e) => e.meta?.schema !== void 0);
+		let t = (await r("templates", J, 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();
@@ -775,13 +775,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",
@@ -804,9 +804,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 };