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

package/browser/esm/ztqpWR65YYMZ3EPk.mjs

@@ -0,0 +1,811 @@
+/**
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.10
+*
+* (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) {
+	return f("MuiSkeleton", e);
+}
+p("MuiSkeleton", [
+	"root",
+	"text",
+	"rectangular",
+	"rounded",
+	"circular",
+	"pulse",
+	"wave",
+	"withChildren",
+	"fitContent",
+	"heightAuto"
+]);
+var F = e(n(), 1), I = v`
+  0% {
+    opacity: 1;
+  }
+
+  50% {
+    opacity: 0.4;
+  }
+
+  100% {
+    opacity: 1;
+  }
+`, L = v`
+  0% {
+    transform: translateX(-100%);
+  }
+
+  50% {
+    /* +0.5s of delay between each loop */
+    transform: translateX(100%);
+  }
+
+  100% {
+    transform: translateX(100%);
+  }
+`, te = typeof I == "string" ? null : x`
+        animation: ${I} 2s ease-in-out 0.5s infinite;
+      `, ne = typeof L == "string" ? null : x`
+        &::after {
+          animation: ${L} 2s linear 0.5s infinite;
+        }
+      `, R = T("span", {
+	name: "MuiSkeleton",
+	slot: "Root",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [
+			t.root,
+			t[n.variant],
+			!1 !== n.animation && t[n.animation],
+			n.hasChildren && t.withChildren,
+			n.hasChildren && !n.width && t.fitContent,
+			n.hasChildren && !n.height && t.heightAuto
+		];
+	}
+})(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 = g(e, { animation: "none" }), o = g(e, { "&::after": {
+		animation: "none",
+		display: "none"
+	} });
+	return {
+		display: "block",
+		backgroundColor: e.vars ? e.vars.palette.Skeleton.bg : e.alpha(e.palette.text.primary, e.palette.mode === "light" ? .11 : .13),
+		height: "1.2em",
+		variants: [
+			{
+				props: { variant: "text" },
+				style: {
+					marginTop: 0,
+					marginBottom: 0,
+					height: "auto",
+					transformOrigin: "0 55%",
+					transform: "scale(1, 0.60)",
+					borderRadius: `${r}${t}/${Math.round(r / .6 * 10) / 10}${t}`,
+					"&:empty:before": { content: "\"\\00a0\"" }
+				}
+			},
+			{
+				props: { variant: "circular" },
+				style: { borderRadius: "50%" }
+			},
+			{
+				props: { variant: "rounded" },
+				style: { borderRadius: (e.vars || e).shape.borderRadius }
+			},
+			{
+				props: ({ ownerState: e }) => e.hasChildren,
+				style: { "& > *": { visibility: "hidden" } }
+			},
+			{
+				props: ({ ownerState: e }) => e.hasChildren && !e.width,
+				style: { maxWidth: "fit-content" }
+			},
+			{
+				props: ({ ownerState: e }) => e.hasChildren && !e.height,
+				style: { height: "auto" }
+			},
+			{
+				props: { animation: "pulse" },
+				style: te || { animation: `${I} 2s ease-in-out 0.5s infinite` }
+			},
+			...a ? [{
+				props: { animation: "pulse" },
+				style: a
+			}] : [],
+			{
+				props: { animation: "wave" },
+				style: {
+					position: "relative",
+					overflow: "hidden",
+					WebkitMaskImage: "-webkit-radial-gradient(white, black)",
+					"&::after": {
+						background: `linear-gradient(\n                90deg,\n                transparent,\n                ${(e.vars || e).palette.action.hover},\n                transparent\n              )`,
+						content: "\"\"",
+						position: "absolute",
+						transform: "translateX(-100%)",
+						bottom: 0,
+						left: 0,
+						right: 0,
+						top: 0
+					}
+				}
+			},
+			{
+				props: { animation: "wave" },
+				style: ne || { "&::after": { animation: `${L} 2s linear 0.5s infinite` } }
+			},
+			...o ? [{
+				props: { animation: "wave" },
+				style: o
+			}] : []
+		]
+	};
+})), z = N.forwardRef(function(e, t) {
+	let n = E({
+		props: e,
+		name: "MuiSkeleton"
+	}), { 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
+	}, f = ((e) => {
+		let { classes: t, variant: n, animation: r, hasChildren: i, width: a, height: o } = e;
+		return C({ root: [
+			"root",
+			n,
+			r,
+			i && "withChildren",
+			i && !a && "fitContent",
+			i && !o && "heightAuto"
+		] }, P, t);
+	})(d);
+	return (0, F.jsx)(R, {
+		as: a,
+		ref: t,
+		className: h(f.root, i),
+		ownerState: d,
+		...u,
+		style: {
+			width: l,
+			height: o,
+			...s
+		}
+	});
+}), B = (e, t) => {
+	if (!e?.color) return null;
+	try {
+		let n = new c(e.color).toCSS(t.palette.mode === "dark");
+		return {
+			fill: n,
+			text: t.palette.getContrastText(n)
+		};
+	} 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, {
+		src: r,
+		category: n
+	}, r);
+}, U = (e) => {
+	let { src: t, category: n } = e, [r, a] = (0, N.useState)(t ? "loading" : "failed");
+	return (0, F.jsxs)(m, {
+		className: "template-thumbnail",
+		sx: {
+			position: "relative",
+			width: "100%",
+			aspectRatio: V,
+			overflow: "hidden",
+			borderRadius: 1,
+			border: (e) => `1px solid ${e.palette.divider}`,
+			background: (e) => e.palette.background.paper,
+			transition: "border-color 150ms, box-shadow 150ms",
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "center"
+		},
+		children: [r === "failed" ? (0, F.jsx)(i, {
+			iconKey: "FileNew",
+			style: {
+				fontSize: "2.5rem",
+				opacity: .4
+			}
+		}) : (0, F.jsx)("img", {
+			src: t,
+			alt: "",
+			loading: "lazy",
+			draggable: !1,
+			onLoad: () => a("loaded"),
+			onError: () => a("failed"),
+			style: {
+				width: "100%",
+				height: "100%",
+				objectFit: "cover",
+				objectPosition: "top left",
+				opacity: +(r === "loaded"),
+				transition: "opacity 150ms ease-out"
+			}
+		}), n?.color ? (0, F.jsx)(m, { sx: (e) => ({
+			position: "absolute",
+			top: 0,
+			left: 0,
+			right: 0,
+			height: "3px",
+			backgroundColor: B(n, e)?.fill
+		}) }) : null]
+	});
+}, W = (e) => {
+	let { entry: t, category: n, onSelect: r } = e;
+	return (0, F.jsxs)(y, {
+		className: "template-tile",
+		disableRipple: !0,
+		onClick: r,
+		"aria-label": n ? `${t.title}, ${n.title}` : t.title,
+		title: t.description,
+		sx: {
+			display: "flex",
+			flexDirection: "column",
+			alignItems: "stretch",
+			textAlign: "left",
+			gap: .75,
+			padding: 1,
+			borderRadius: 1,
+			"&:hover .template-thumbnail, &.Mui-focusVisible .template-thumbnail": {
+				borderColor: (e) => e.palette.primary.main,
+				boxShadow: 3
+			},
+			"&.Mui-focusVisible": {
+				outline: (e) => `2px solid ${e.palette.primary.main}`,
+				outlineOffset: "-2px"
+			}
+		},
+		children: [(0, F.jsx)(H, {
+			entry: t,
+			category: n
+		}), (0, F.jsxs)(m, {
+			sx: { minWidth: 0 },
+			children: [(0, F.jsx)(w, {
+				variant: "subtitle2",
+				component: "div",
+				noWrap: !0,
+				children: t.title
+			}), n ? (0, F.jsxs)(w, {
+				variant: "caption",
+				component: "div",
+				noWrap: !0,
+				sx: {
+					color: "text.secondary",
+					display: "flex",
+					alignItems: "center",
+					gap: .75
+				},
+				children: [n.color ? (0, F.jsx)(m, {
+					component: "span",
+					sx: (e) => ({
+						width: "8px",
+						height: "8px",
+						borderRadius: "50%",
+						flex: "none",
+						backgroundColor: B(n, e)?.fill
+					})
+				}) : null, (0, F.jsx)(m, {
+					component: "span",
+					sx: {
+						overflow: "hidden",
+						textOverflow: "ellipsis"
+					},
+					children: n.title
+				})]
+			}) : null]
+		})]
+	});
+}, re = () => (0, F.jsxs)(m, {
+	sx: {
+		padding: 1,
+		display: "flex",
+		flexDirection: "column",
+		gap: .75
+	},
+	children: [
+		(0, F.jsx)(z, {
+			variant: "rectangular",
+			sx: {
+				width: "100%",
+				height: "auto",
+				aspectRatio: V,
+				borderRadius: 1
+			}
+		}),
+		(0, F.jsx)(z, {
+			variant: "text",
+			width: "60%"
+		}),
+		(0, F.jsx)(z, {
+			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);
+	T.current = () => {
+		let e = x.current?.querySelector(".template-grid")?.firstElementChild, t = (e?.offsetHeight ? e : e?.firstElementChild)?.getBoundingClientRect().height;
+		t && C(t);
+	}, (0, N.useLayoutEffect)(() => {
+		f && T.current?.();
+	}), (0, N.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 = i ? n.entries.filter(i) : n.entries;
+		if (!c) 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);
+			r || t.set(e, r = []), r.push(n);
+		}
+		return [...t].filter(([, e]) => e.length > 0).map(([e, t]) => ({
+			key: e,
+			title: D.get(e)?.title ?? e,
+			entries: t
+		}));
+	}, [
+		n.entries,
+		n.categories,
+		D,
+		i,
+		c
+	]), k = {
+		display: "grid",
+		gridTemplateColumns: `repeat(auto-fill, minmax(${u}px, 1fr))`,
+		gap: "8px"
+	};
+	return E = n.status === "loading" ? (0, F.jsx)(m, {
+		className: "template-grid",
+		sx: k,
+		"aria-busy": "true",
+		"aria-label": y("template.loading"),
+		children: Array.from({ length: 6 }, (e, t) => (0, F.jsx)(re, {}, t))
+	}) : n.status === "error" ? (0, F.jsxs)(m, {
+		sx: {
+			display: "flex",
+			flexDirection: "column",
+			alignItems: "center",
+			gap: 1,
+			padding: 4,
+			textAlign: "center"
+		},
+		children: [(0, F.jsx)(w, {
+			variant: "body2",
+			sx: { color: "text.secondary" },
+			children: y("template.loadFailed")
+		}), (0, F.jsx)(b, {
+			variant: "outlined",
+			size: "small",
+			onClick: n.retry,
+			children: y("template.retry")
+		})]
+	}) : O.every((e) => e.entries.length === 0) ? (0, F.jsx)(w, {
+		variant: "body2",
+		sx: {
+			color: "text.secondary",
+			padding: 4,
+			textAlign: "center"
+		},
+		children: d ?? y("template.empty")
+	}) : O.map((e) => (0, F.jsxs)(m, {
+		role: "group",
+		"aria-label": e.title,
+		children: [e.title ? (0, F.jsx)(w, {
+			variant: "overline",
+			component: "div",
+			sx: {
+				color: "text.secondary",
+				paddingX: 1
+			},
+			children: e.title
+		}) : null, (0, F.jsx)(m, {
+			className: "template-grid",
+			sx: k,
+			children: e.entries.map((e) => {
+				let t = {
+					category: D.get(e.category),
+					onSelect: () => r?.(e)
+				};
+				return l ? (0, F.jsx)(m, {
+					sx: { display: "contents" },
+					children: l(e, t)
+				}, e.id) : (0, F.jsx)(W, {
+					entry: e,
+					...t
+				}, e.id);
+			})
+		})]
+	}, e.key ?? "")), (0, F.jsx)(m, {
+		ref: t,
+		className: s(g, "template-panel"),
+		sx: p,
+		style: f && S ? {
+			boxSizing: "content-box",
+			scrollbarGutter: "stable",
+			height: `${Math.ceil(f * S + 8 * (f - 1))}px`,
+			minHeight: `${Math.ceil(S)}px`,
+			...h
+		} : h,
+		...v,
+		children: (0, F.jsx)(m, {
+			ref: x,
+			onKeyDown: (e) => {
+				if (_?.(e), e.defaultPrevented) return;
+				let t = x.current;
+				if (!t) return;
+				let n = Array.from(t.querySelectorAll(".template-tile")), r = n.indexOf(document.activeElement);
+				if (r < 0) return;
+				let i = n[r].offsetTop, a = n.findIndex((e) => e.offsetTop === i && e.parentElement === n[r].parentElement), o = 0;
+				for (; n[a + o]?.offsetTop === i;) o++;
+				let s = r;
+				switch (e.key) {
+					case "ArrowRight":
+						s = r + 1;
+						break;
+					case "ArrowLeft":
+						s = r - 1;
+						break;
+					case "ArrowDown":
+						s = r + Math.max(1, o);
+						break;
+					case "ArrowUp":
+						s = r - Math.max(1, o);
+						break;
+					case "Home":
+						s = 0;
+						break;
+					case "End":
+						s = n.length - 1;
+						break;
+					default: return;
+				}
+				s = Math.max(0, Math.min(n.length - 1, s)), e.preventDefault(), n[s].focus();
+			},
+			children: E
+		})
+	});
+}));
+G.displayName = "TemplatePanel";
+var ie = (e, t, n) => (0, N.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) => {
+		let r = t.trim().toLowerCase();
+		return !r || [
+			e.title,
+			e.description,
+			n?.title,
+			...e.tags ?? []
+		].some((e) => e?.toLowerCase().includes(r));
+	})(e, t, r.get(e.category));
+}, [
+	e,
+	t,
+	n
+]), ae = [], oe = (e) => {
+	let { category: t } = e;
+	return (0, F.jsx)(m, {
+		component: "span",
+		sx: (e) => ({
+			display: "inline-block",
+			width: "10px",
+			height: "10px",
+			borderRadius: "50%",
+			flex: "none",
+			backgroundColor: B(t, e)?.fill ?? e.palette.action.selected
+		})
+	});
+}, se = (e) => {
+	let { category: t, onDelete: n } = e;
+	return (0, F.jsx)(_, {
+		size: "small",
+		label: t.title,
+		title: t.description,
+		onDelete: n,
+		sx: (e) => {
+			let n = B(t, e);
+			return {
+				marginY: .25,
+				marginRight: .5,
+				maxWidth: "160px",
+				...n ? {
+					backgroundColor: n.fill,
+					color: n.text,
+					"& .MuiChip-deleteIcon": {
+						color: n.text,
+						opacity: .7
+					},
+					"& .MuiChip-deleteIcon:hover": {
+						color: n.text,
+						opacity: 1
+					},
+					"&.Mui-focusVisible": {
+						backgroundColor: n.fill,
+						outline: `2px solid ${e.palette.primary.main}`,
+						outlineOffset: "1px"
+					}
+				} : void 0
+			};
+		}
+	});
+}, 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 [];
+		let e = new Map(r.map((e) => [e.id, e]));
+		return o.map((t) => e.get(t)).filter((e) => !!e);
+	}, [
+		m,
+		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, {
+		position: "start",
+		children: v
+	});
+	if (m) {
+		let e = l("template.filterByCategory");
+		b = (0, F.jsxs)(F.Fragment, { children: [(0, F.jsx)(j, {
+			position: "start",
+			sx: { marginRight: .5 },
+			children: (0, F.jsxs)(y, {
+				"aria-label": e,
+				title: e,
+				"aria-haspopup": "menu",
+				"aria-expanded": !!f,
+				onMouseDown: (e) => {
+					e.button === 0 && e.preventDefault();
+				},
+				onClick: (e) => p(e.currentTarget),
+				sx: {
+					display: "flex",
+					alignItems: "center",
+					marginLeft: -.75,
+					paddingX: .25,
+					paddingY: .25,
+					borderRadius: 1,
+					color: "inherit",
+					"&:hover, &.Mui-focusVisible": { backgroundColor: "action.hover" }
+				},
+				children: [v, (0, F.jsx)(i, {
+					iconKey: "ExpandMore",
+					style: {
+						fontSize: "1rem",
+						marginLeft: "-2px"
+					}
+				})]
+			})
+		}), h.map((e) => (0, F.jsx)(se, {
+			category: e,
+			onDelete: () => g(o.filter((t) => t !== e.id))
+		}, e.id))] });
+	}
+	let x = !!t || h.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"),
+		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) {
+				let t = u.current;
+				e.target === t && t.selectionStart === 0 && t.selectionEnd === 0 && (e.preventDefault(), g(o.slice(0, -1)));
+			}
+		},
+		sx: c,
+		slotProps: {
+			input: {
+				sx: {
+					backgroundColor: "background.paper",
+					flexWrap: "wrap",
+					paddingY: "6px",
+					paddingRight: x ? "40px" : void 0,
+					"& .MuiInputBase-input": {
+						flex: "1 1 60px",
+						minWidth: "60px",
+						width: 0,
+						height: "28px",
+						paddingY: 0
+					},
+					"& .MuiInputAdornment-positionStart": {
+						height: "28px",
+						maxHeight: "none"
+					},
+					"& .MuiInputAdornment-positionEnd": {
+						position: "absolute",
+						right: "8px",
+						top: "6px",
+						height: "28px",
+						maxHeight: "none",
+						marginLeft: 0
+					}
+				},
+				startAdornment: b,
+				endAdornment: x ? (0, F.jsx)(j, {
+					position: "end",
+					children: (0, F.jsx)(ee, {
+						"aria-label": l("template.clearSearch"),
+						propsTooltip: { label: l("template.clearSearch") },
+						onMouseDown: (e) => {
+							e.button === 0 && e.preventDefault();
+						},
+						onClick: () => {
+							n(""), g([]);
+						},
+						icon: (0, F.jsx)(i, { iconKey: "Close" }),
+						size: "small"
+					})
+				}) : void 0
+			},
+			htmlInput: {
+				spellCheck: !1,
+				autoComplete: "off",
+				"aria-label": l("template.search")
+			}
+		}
+	}), m ? (0, F.jsxs)(D, {
+		anchorEl: f,
+		open: !!f,
+		onClose: _,
+		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, {
+				selected: t,
+				title: e.description,
+				onClick: () => {
+					s(t ? o.filter((t) => t !== e.id) : [...o, e.id]), _();
+				},
+				children: [
+					(0, F.jsx)(k, { children: (0, F.jsx)(oe, { category: e }) }),
+					(0, F.jsx)(M, { children: e.title }),
+					t ? (0, F.jsx)(i, {
+						iconKey: "Check",
+						style: {
+							fontSize: "1rem",
+							marginLeft: "16px"
+						}
+					}) : null
+				]
+			}, e.id);
+		}), h.length > 0 ? [(0, F.jsx)(d, {}, "divider"), (0, F.jsxs)(A, {
+			onClick: () => {
+				s([]), _();
+			},
+			children: [(0, F.jsx)(k, {}), (0, F.jsx)(M, { 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) => {
+	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 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();
+			for (let e of n) {
+				let t = Z(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),
+					color: Z(e.color)
+				}));
+			}
+			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];
+				i.has(s) || (i.add(s), r.push({
+					id: s,
+					title: Y(s)
+				}));
+				let c = Z(n.thumbnail), l = Z(n.thumbnailDark);
+				a.push({
+					id: e,
+					title: Z(n.title) ?? Y(o[1]),
+					category: s,
+					description: Z(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)
+				});
+			}
+			return {
+				categories: r,
+				entries: a
+			};
+		})(t, e) : (console.warn(`Template catalog at '${e}' has schema ${t.meta?.schema}; expected 1.`), {
+			categories: [],
+			entries: []
+		});
+	})(), 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)({
+		status: "loading",
+		categories: [],
+		entries: []
+	});
+	return (0, N.useEffect)(() => {
+		let e = !1;
+		return a((e) => e.status === "loading" ? e : {
+			status: "loading",
+			categories: [],
+			entries: []
+		}), $(t).then((t) => {
+			e || a({
+				status: "ready",
+				...t
+			});
+		}, (t) => {
+			e || a({
+				status: "error",
+				categories: [],
+				entries: [],
+				error: t
+			});
+		}), () => {
+			e = !0;
+		};
+	}, [t, n]), {
+		...i,
+		retry: (0, N.useCallback)(() => {
+			r((e) => e + 1);
+		}, [])
+	};
+};
+export { G as a, ce as i, ie as n, $ as r, le as t };