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

package/browser/esm/{7rixDGGrR72lXkMV.mjs → DevyWm6bXV7lW2dr.mjs}

@@ -1,15 +1,58 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.1
+* @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 "./D9-wpGVbTS9rRpxx.mjs";
-import { i as t, r as n } from "./BjTf3XA9Swj0ngpH.mjs";
-import { h as r, m as i, n as a, o, p as s } from "./DFdU1DsC1lXOrejZ.mjs";
-import { G as c, H as l, W as u, _t as d, ct as ee, lt as f, ot as te, rt as p, tt as m, ut as h } from "./Bl6bX86tSq8hfyb2.mjs";
-var g = e(t(), 1);
-function _(e) {
+import { r as e } from "./CVbPAnmNN3TxMkq4.mjs";
+import { i as t, r as n } from "./DRRx9F2h6V-Q957j.mjs";
+import { h as r, m as i, n as a, o, p as s } from "./Dcpd3kkjvidrDQuN.mjs";
+import { G as c, H as l, W as u, _t as d, ct as f, lt as p, ot as m, rt as h, tt as g, ut as _ } from "./CDxmuF7Iay8T4cnU.mjs";
+var v = e(t(), 1), y = function() {};
+function b(e) {
+	var t = [...arguments].slice(1);
+	e && e.addEventListener && e.addEventListener.apply(e, t);
+}
+function x(e) {
+	var t = [...arguments].slice(1);
+	e && e.removeEventListener && e.removeEventListener.apply(e, t);
+}
+var S = typeof window < "u", C = S ? v.useLayoutEffect : v.useEffect, w = {
+	x: 0,
+	y: 0,
+	width: 0,
+	height: 0,
+	top: 0,
+	left: 0,
+	bottom: 0,
+	right: 0
+}, T = S && window.ResizeObserver !== void 0 ? function() {
+	var e = (0, v.useState)(null), t = e[0], n = e[1], r = (0, v.useState)(w), i = r[0], a = r[1], o = (0, v.useMemo)(function() {
+		return new window.ResizeObserver(function(e) {
+			if (e[0]) {
+				var t = e[0].contentRect, n = t.x, r = t.y, i = t.width, o = t.height, s = t.top, c = t.left, l = t.bottom, u = t.right;
+				a({
+					x: n,
+					y: r,
+					width: i,
+					height: o,
+					top: s,
+					left: c,
+					bottom: l,
+					right: u
+				});
+			}
+		});
+	}, []);
+	return C(function() {
+		if (t) return o.observe(t), function() {
+			o.disconnect();
+		};
+	}, [t]), [n, i];
+} : function() {
+	return [y, w];
+};
+function E(e) {
 	return i("MuiCollapse", e);
 }
 s("MuiCollapse", [
@@ -21,7 +64,7 @@ s("MuiCollapse", [
 	"wrapper",
 	"wrapperInner"
 ]);
-var v = e(n(), 1), y = {}, b = h("div", {
+var D = e(n(), 1), O = {}, ee = _("div", {
 	name: "MuiCollapse",
 	slot: "Root",
 	overridesResolver: (e, t) => {
@@ -33,7 +76,7 @@ var v = e(n(), 1), y = {}, b = h("div", {
 			n.state === "exited" && !n.in && n.collapsedSize === "0px" && t.hidden
 		];
 	}
-})(f(({ theme: e }) => ({
+})(p(({ theme: e }) => ({
 	height: 0,
 	overflow: "hidden",
 	transition: e.transitions.create("height"),
@@ -65,7 +108,7 @@ var v = e(n(), 1), y = {}, b = h("div", {
 			style: { visibility: "hidden" }
 		}
 	]
-}))), x = h("div", {
+}))), te = _("div", {
 	name: "MuiCollapse",
 	slot: "Wrapper"
 })({
@@ -78,7 +121,7 @@ var v = e(n(), 1), y = {}, b = h("div", {
 			height: "100%"
 		}
 	}]
-}), S = h("div", {
+}), k = _("div", {
 	name: "MuiCollapse",
 	slot: "WrapperInner"
 })({
@@ -90,14 +133,14 @@ var v = e(n(), 1), y = {}, b = h("div", {
 			height: "100%"
 		}
 	}]
-}), C = g.forwardRef(function(e, t) {
-	let n = ee({
+}), A = v.forwardRef(function(e, t) {
+	let n = f({
 		props: e,
 		name: "MuiCollapse"
-	}), { addEndListener: i, children: s, className: f, collapsedSize: h = "0px", component: C, disablePrefersReducedMotion: ne = !1, easing: w, in: T, onEnter: E, onEntered: D, onEntering: O, onExit: k, onExited: A, onExiting: j, orientation: M = "vertical", slots: N = y, slotProps: P = y, style: F, timeout: I = o.standard, TransitionComponent: L = c, ...R } = n, z = {
+	}), { addEndListener: i, children: s, className: p, collapsedSize: _ = "0px", component: y, disablePrefersReducedMotion: b = !1, easing: x, in: S, onEnter: C, onEntered: w, onEntering: T, onExit: A, onExited: ne, onExiting: j, orientation: M = "vertical", slots: N = O, slotProps: P = O, style: F, timeout: I = o.standard, TransitionComponent: L = c, ...R } = n, z = {
 		...n,
 		orientation: M,
-		collapsedSize: h
+		collapsedSize: _
 	}, B = ((e) => {
 		let { orientation: t, classes: n } = e;
 		return d({
@@ -106,16 +149,16 @@ var v = e(n(), 1), y = {}, b = h("div", {
 			hidden: ["hidden"],
 			wrapper: ["wrapper", t],
 			wrapperInner: ["wrapperInner", t]
-		}, _, n);
-	})(z), V = a(), H = g.useRef(null), U = g.useRef(null), W = typeof h == "number" ? `${h}px` : h, G = M === "horizontal", K = G ? "width" : "height", q = u(V.motion.reducedMotion, ne), J = g.useRef(null), Y = te(t, J), X = () => H.current ? H.current[G ? "clientWidth" : "clientHeight"] : 0, re = p(J, (e, t) => {
-		H.current && G && (H.current.style.position = "absolute"), e.style[K] = W, E && E(e, t);
-	}), ie = p(J, (e, t) => {
+		}, E, n);
+	})(z), V = a(), H = v.useRef(null), U = v.useRef(null), W = typeof _ == "number" ? `${_}px` : _, G = M === "horizontal", K = G ? "width" : "height", q = u(V.motion.reducedMotion, b), J = v.useRef(null), Y = m(t, J), X = () => H.current ? H.current[G ? "clientWidth" : "clientHeight"] : 0, re = h(J, (e, t) => {
+		H.current && G && (H.current.style.position = "absolute"), e.style[K] = W, C && C(e, t);
+	}), Z = h(J, (e, t) => {
 		let n = X();
 		H.current && G && (H.current.style.position = "");
-		let { duration: r, easing: i } = m({
+		let { duration: r, easing: i } = g({
 			style: F,
 			timeout: I,
-			easing: w
+			easing: x
 		}, { mode: "enter" });
 		if (I !== "auto" || q.shouldReduceMotion) U.current = null;
 		else {
@@ -126,16 +169,16 @@ var v = e(n(), 1), y = {}, b = h("div", {
 			duration: U.current ?? r,
 			delay: void 0
 		});
-		e.style.transitionDuration = typeof a.duration == "string" ? a.duration : `${a.duration}ms`, e.style[K] = `${n}px`, e.style.transitionTimingFunction = i, O && O(e, t);
-	}), ae = p(J, (e, t) => {
-		e.style[K] = "auto", D && D(e, t);
-	}), oe = p(J, (e) => {
-		e.style[K] = `${X()}px`, k && k(e);
-	}), se = p(J, A), ce = p(J, (e) => {
-		let t = X(), { duration: n, easing: r } = m({
+		e.style.transitionDuration = typeof a.duration == "string" ? a.duration : `${a.duration}ms`, e.style[K] = `${n}px`, e.style.transitionTimingFunction = i, T && T(e, t);
+	}), ie = h(J, (e, t) => {
+		e.style[K] = "auto", w && w(e, t);
+	}), ae = h(J, (e) => {
+		e.style[K] = `${X()}px`, A && A(e);
+	}), oe = h(J, ne), se = h(J, (e) => {
+		let t = X(), { duration: n, easing: r } = g({
 			style: F,
 			timeout: I,
-			easing: w
+			easing: x
 		}, { mode: "exit" });
 		if (I !== "auto" || q.shouldReduceMotion) U.current = null;
 		else {
@@ -147,17 +190,17 @@ var v = e(n(), 1), y = {}, b = h("div", {
 			delay: void 0
 		});
 		e.style.transitionDuration = typeof i.duration == "string" ? i.duration : `${i.duration}ms`, e.style[K] = W, e.style.transitionTimingFunction = r, j && j(e);
-	}), le = i ? (e) => {
+	}), ce = i ? (e) => {
 		i(J.current, e);
-	} : void 0, Z = {
+	} : void 0, Q = {
 		slots: N,
 		slotProps: P,
-		component: C
-	}, [Q, $] = l("root", {
+		component: y
+	}, [le, $] = l("root", {
 		ref: Y,
-		className: r(B.root, f),
-		elementType: b,
-		externalForwardedProps: Z,
+		className: r(B.root, p),
+		elementType: ee,
+		externalForwardedProps: Q,
 		ownerState: z,
 		additionalProps: { style: {
 			[G ? "minWidth" : "minHeight"]: W,
@@ -166,24 +209,24 @@ var v = e(n(), 1), y = {}, b = h("div", {
 	}), [ue, de] = l("wrapper", {
 		ref: H,
 		className: B.wrapper,
-		elementType: x,
-		externalForwardedProps: Z,
+		elementType: te,
+		externalForwardedProps: Q,
 		ownerState: z
 	}), [fe, pe] = l("wrapperInner", {
 		className: B.wrapperInner,
-		elementType: S,
-		externalForwardedProps: Z,
+		elementType: k,
+		externalForwardedProps: Q,
 		ownerState: z
 	});
-	return (0, v.jsx)(L, {
-		in: T,
+	return (0, D.jsx)(L, {
+		in: S,
 		onEnter: re,
-		onEntered: ae,
-		onEntering: ie,
-		onExit: oe,
-		onExited: se,
-		onExiting: ce,
-		addEndListener: le,
+		onEntered: ie,
+		onEntering: Z,
+		onExit: ae,
+		onExited: oe,
+		onExiting: se,
+		addEndListener: ce,
 		getAutoTimeout: I === "auto" ? () => U.current : void 0,
 		reduceMotion: q.shouldReduceMotion,
 		nodeRef: J,
@@ -194,18 +237,18 @@ var v = e(n(), 1), y = {}, b = h("div", {
 				...z,
 				state: e
 			};
-			return (0, v.jsx)(Q, {
+			return (0, D.jsx)(le, {
 				...$,
 				className: r($.className, {
 					entered: B.entered,
-					exited: !T && W === "0px" && B.hidden
+					exited: !S && W === "0px" && B.hidden
 				}[e]),
 				ownerState: i,
 				...n,
-				children: (0, v.jsx)(ue, {
+				children: (0, D.jsx)(ue, {
 					...de,
 					ownerState: i,
-					children: (0, v.jsx)(fe, {
+					children: (0, D.jsx)(fe, {
 						...pe,
 						ownerState: i,
 						children: s
@@ -215,5 +258,5 @@ var v = e(n(), 1), y = {}, b = h("div", {
 		}
 	});
 });
-C && (C.muiSupportAuto = !0);
-export { C as t };
+A && (A.muiSupportAuto = !0);
+export { T as a, S as i, b as n, x as r, A as t };

package/browser/esm/{Gy0CHZTvn4hY-rkx2.mjs → DfIwClWz03Qw38-O.mjs}

@@ -1,5 +1,5 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.1
+* @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.

package/{cdn/assets/CAPgMrAKg07EREFD2.js → browser/esm/Dg7wE0RZdHeJv537.mjs}

@@ -1,5 +1,5 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.1
+* @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.

package/browser/esm/Dj_S0P34nk_fjFoh2.mjs

@@ -0,0 +1,427 @@
+/**
+* @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 "./CVbPAnmNN3TxMkq4.mjs";
+import { i as t, r as n } from "./DRRx9F2h6V-Q957j.mjs";
+import { r } from "./DlHJ7zkV6AMCtYPP.mjs";
+import { b as i, c as a, en as o, h as s, m as c, n as l, p as u, t as d } from "./Dcpd3kkjvidrDQuN.mjs";
+import { s as f } from "./DjyzSKZNfvxPmFqi.mjs";
+import { d as p, t as m } from "./74Ynqpv5NPbb_8vB.mjs";
+import { B as h, C as g, D as _, I as v, N as y, _t as b, ct as x, i as S, lt as C, st as w, ut as T } from "./CDxmuF7Iay8T4cnU.mjs";
+import { n as E, t as D } from "./BHIVjD6BdBS3BAWp.mjs";
+import { a as O, i as k, n as A, r as j, t as M } from "./Dok4MRpMgkcsNzp4.mjs";
+function N(e) {
+	return c("MuiLink", e);
+}
+var P = u("MuiLink", [
+	"root",
+	"underlineNone",
+	"underlineHover",
+	"underlineAlways",
+	"button",
+	"focusVisible"
+]), F = ({ theme: e, ownerState: t }) => {
+	let n = t.color;
+	if ("colorSpace" in e && e.colorSpace) {
+		let r = i(e, `palette.${n}.main`) || i(e, `palette.${n}`) || t.color;
+		return e.alpha(r, .4);
+	}
+	let r = i(e, `palette.${n}.main`, !1) || i(e, `palette.${n}`, !1) || t.color, o = i(e, `palette.${n}.mainChannel`) || i(e, `palette.${n}Channel`);
+	return "vars" in e && o ? `rgba(${o} / 0.4)` : a(r, .4);
+}, I = e(t(), 1), L = e(n(), 1), R = {
+	primary: !0,
+	secondary: !0,
+	error: !0,
+	info: !0,
+	success: !0,
+	warning: !0,
+	textPrimary: !0,
+	textSecondary: !0,
+	textDisabled: !0
+}, z = T(y, {
+	name: "MuiLink",
+	slot: "Root",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [
+			t.root,
+			t[`underline${w(n.underline)}`],
+			n.component === "button" && t.button
+		];
+	}
+})(C(({ theme: e }) => ({ variants: [
+	{
+		props: { underline: "none" },
+		style: { textDecoration: "none" }
+	},
+	{
+		props: { underline: "hover" },
+		style: {
+			textDecoration: "none",
+			"&:hover": { textDecoration: "underline" }
+		}
+	},
+	{
+		props: { underline: "always" },
+		style: {
+			textDecoration: "underline",
+			"&:hover": { textDecorationColor: "inherit" }
+		}
+	},
+	{
+		props: ({ underline: e, ownerState: t }) => e === "always" && t.color !== "inherit",
+		style: { textDecorationColor: "var(--Link-underlineColor)" }
+	},
+	{
+		props: ({ underline: e, ownerState: t }) => e === "always" && t.color === "inherit",
+		style: e.colorSpace ? { textDecorationColor: e.alpha("currentColor", .4) } : null
+	},
+	...Object.entries(e.palette).filter(v()).map(([t]) => ({
+		props: {
+			underline: "always",
+			color: t
+		},
+		style: { "--Link-underlineColor": e.alpha((e.vars || e).palette[t].main, .4) }
+	})),
+	{
+		props: {
+			underline: "always",
+			color: "textPrimary"
+		},
+		style: { "--Link-underlineColor": e.alpha((e.vars || e).palette.text.primary, .4) }
+	},
+	{
+		props: {
+			underline: "always",
+			color: "textSecondary"
+		},
+		style: { "--Link-underlineColor": e.alpha((e.vars || e).palette.text.secondary, .4) }
+	},
+	{
+		props: {
+			underline: "always",
+			color: "textDisabled"
+		},
+		style: { "--Link-underlineColor": (e.vars || e).palette.text.disabled }
+	},
+	{
+		props: { component: "button" },
+		style: {
+			position: "relative",
+			WebkitTapHighlightColor: "transparent",
+			backgroundColor: "transparent",
+			outline: 0,
+			border: 0,
+			margin: 0,
+			borderRadius: 0,
+			padding: 0,
+			cursor: "pointer",
+			userSelect: "none",
+			verticalAlign: "middle",
+			MozAppearance: "none",
+			WebkitAppearance: "none",
+			"&::-moz-focus-inner": { borderStyle: "none" },
+			[`&.${P.focusVisible}`]: { outline: "auto" }
+		}
+	}
+] }))), B = I.forwardRef(function(e, t) {
+	let n = x({
+		props: e,
+		name: "MuiLink"
+	}), r = l(), { className: i, color: a = "primary", component: o = "a", onBlur: c, onFocus: u, TypographyClasses: d, underline: f = "always", variant: p = "inherit", sx: m, ...g } = n, [_, v] = I.useState(!1), y = {
+		...n,
+		color: a,
+		component: o,
+		focusVisible: _,
+		underline: f,
+		variant: p
+	}, S = ((e) => {
+		let { classes: t, component: n, focusVisible: r, underline: i } = e;
+		return b({ root: [
+			"root",
+			`underline${w(i)}`,
+			n === "button" && "button",
+			r && "focusVisible"
+		] }, N, t);
+	})(y);
+	return (0, L.jsx)(z, {
+		color: a,
+		className: s(S.root, i),
+		classes: d,
+		component: o,
+		onBlur: (e) => {
+			h(e.target) || v(!1), c && c(e);
+		},
+		onFocus: (e) => {
+			h(e.target) && v(!0), u && u(e);
+		},
+		ref: t,
+		ownerState: y,
+		variant: p,
+		...g,
+		sx: [...R[a] === void 0 ? [{ color: a }] : [], ...Array.isArray(m) ? m : [m]],
+		style: {
+			...g.style,
+			...f === "always" && a !== "inherit" && !R[a] && { "--Link-underlineColor": F({
+				theme: r,
+				ownerState: y
+			}) }
+		}
+	});
+}), V = "@container welcome (max-width: 500px)", H = (e) => {
+	let { icon: t, label: n, onClick: i } = e;
+	return (0, L.jsx)(_, {
+		variant: "text",
+		color: "inherit",
+		onClick: i,
+		startIcon: (0, L.jsx)(r, { iconKey: t }),
+		sx: {
+			justifyContent: "flex-start",
+			textTransform: "none",
+			fontWeight: "normal",
+			paddingX: 1.5
+		},
+		children: n
+	});
+}, U = (e) => {
+	let { title: t, templatePath: n, logo: r, onBlank: i, onOpenFromDevice: a, onOpenFromWeb: s, onSelectTemplate: c, showAtStartup: l, onShowAtStartupChange: u, sx: h, ..._ } = e, v = o(), b = O({ path: n }), [x, C] = (0, I.useState)(""), w = (0, I.useMemo)(() => {
+		if (!x.trim()) return;
+		let e = new Map(b.categories.map((e) => [e.id, e]));
+		return (t) => M(t, x, e.get(t.category));
+	}, [x, b.categories]), [T, A] = (0, I.useState)(l), N = (0, I.useCallback)((e) => {
+		A(e), u?.(e);
+	}, [u]);
+	return (0, L.jsx)(S, {
+		isModal: !0,
+		sx: {
+			width: "960px",
+			...h
+		},
+		title: t ?? v("dialog.welcome.title"),
+		..._,
+		children: (0, L.jsx)(g, {
+			dividers: !0,
+			sx: {
+				display: "flex",
+				padding: 0,
+				maxHeight: "calc(100vh - 96px)",
+				containerType: "inline-size",
+				containerName: "welcome"
+			},
+			children: (0, L.jsxs)(d, {
+				sx: {
+					display: "flex",
+					flex: "1 1 auto",
+					minHeight: 0,
+					minWidth: 0,
+					[V]: {
+						flexDirection: "column",
+						flex: "0 0 100%"
+					}
+				},
+				children: [(0, L.jsxs)(d, {
+					component: "nav",
+					sx: {
+						display: "flex",
+						flexDirection: "column",
+						gap: .5,
+						width: "220px",
+						flex: "none",
+						padding: 2,
+						backgroundColor: "var(--sxl-color-base-200)",
+						borderRight: (e) => `1px solid ${e.palette.divider}`,
+						[V]: { display: "contents" }
+					},
+					children: [
+						(0, L.jsx)(d, {
+							sx: {
+								display: "flex",
+								alignItems: "center",
+								gap: 1,
+								paddingX: 1.5,
+								paddingBottom: 2,
+								[V]: {
+									order: 1,
+									padding: 2,
+									paddingBottom: 1
+								}
+							},
+							children: r ?? (0, L.jsx)(B, {
+								href: "https://www.sheetxl.com",
+								target: "_blank",
+								rel: "noopener noreferrer",
+								sx: { display: "flex" },
+								children: (0, L.jsx)(p, {
+									role: "img",
+									"aria-label": "SheetXL",
+									style: {
+										width: "120px",
+										height: "33px"
+									}
+								})
+							})
+						}),
+						(0, L.jsxs)(d, {
+							sx: {
+								display: "flex",
+								flexDirection: "column",
+								gap: .5,
+								[V]: {
+									order: 2,
+									paddingX: 1
+								}
+							},
+							children: [
+								(0, L.jsx)(H, {
+									icon: "FileNew",
+									label: v("dialog.welcome.blank"),
+									onClick: i
+								}),
+								a ? (0, L.jsx)(H, {
+									icon: "FileOpen",
+									label: v("dialog.welcome.openFromDevice"),
+									onClick: a
+								}) : null,
+								s ? (0, L.jsx)(H, {
+									icon: "FileOpen",
+									label: v("dialog.welcome.openFromWeb"),
+									onClick: s
+								}) : null
+							]
+						}),
+						(0, L.jsx)(d, { sx: {
+							flex: "1 1 auto",
+							[V]: { display: "none" }
+						} }),
+						(0, L.jsx)(m, { sx: {
+							marginBottom: 1,
+							[V]: { display: "none" }
+						} }),
+						(0, L.jsxs)(d, {
+							sx: {
+								display: "flex",
+								flexDirection: "column",
+								gap: .5,
+								paddingX: 1.5,
+								[V]: {
+									order: 6,
+									flexDirection: "row",
+									flexWrap: "wrap",
+									columnGap: 2,
+									paddingX: 3,
+									paddingY: 1.5,
+									borderTop: (e) => `1px solid ${e.palette.divider}`
+								}
+							},
+							children: [
+								(0, L.jsx)(B, {
+									variant: "caption",
+									href: "https://www.sheetxl.com/docs",
+									target: "_blank",
+									rel: "noopener noreferrer",
+									children: v("dialog.welcome.docs")
+								}),
+								(0, L.jsx)(B, {
+									variant: "caption",
+									href: "https://github.com/sheetxl/workbook-templates",
+									target: "_blank",
+									rel: "noopener noreferrer",
+									children: v("dialog.welcome.addTemplate")
+								}),
+								(0, L.jsx)(y, {
+									variant: "caption",
+									sx: { color: "text.secondary" },
+									children: v("dialog.welcome.version", { version: f })
+								})
+							]
+						})
+					]
+				}), (0, L.jsxs)(d, {
+					sx: {
+						flex: "1 1 auto",
+						minWidth: 0,
+						display: "flex",
+						flexDirection: "column",
+						[V]: { display: "contents" }
+					},
+					children: [
+						(0, L.jsxs)(d, {
+							sx: {
+								display: "flex",
+								flexWrap: "wrap",
+								alignItems: "center",
+								columnGap: 2,
+								rowGap: 1,
+								paddingX: 3,
+								paddingTop: 2,
+								paddingBottom: 2,
+								[V]: { order: 3 }
+							},
+							children: [(0, L.jsx)(y, {
+								variant: "subtitle1",
+								component: "h2",
+								sx: { whiteSpace: "nowrap" },
+								children: v("dialog.welcome.templates")
+							}), (0, L.jsx)(j, {
+								value: x,
+								onChange: C,
+								sx: {
+									flex: "0 1 240px",
+									minWidth: "180px",
+									marginLeft: "auto",
+									[V]: {
+										flex: "1 1 100%",
+										marginLeft: 0
+									}
+								}
+							})]
+						}),
+						(0, L.jsx)(k, {
+							catalog: b,
+							onSelect: c,
+							filter: w,
+							emptyLabel: w ? v("template.noMatches") : void 0,
+							visibleRows: 2,
+							sx: {
+								flex: "1 1 auto",
+								overflow: "auto",
+								paddingX: 2,
+								paddingBottom: 2,
+								[V]: {
+									order: 4,
+									flex: "0 1 auto"
+								}
+							}
+						}),
+						T === void 0 ? null : (0, L.jsx)(d, {
+							sx: {
+								flex: "none",
+								paddingX: 3,
+								paddingY: .5,
+								borderTop: (e) => `1px solid ${e.palette.divider}`,
+								[V]: { order: 5 }
+							},
+							children: (0, L.jsx)(D, {
+								control: (0, L.jsx)(E, {
+									size: "small",
+									checked: T,
+									onChange: (e) => N(e.target.checked)
+								}),
+								label: (0, L.jsx)(y, {
+									variant: "body2",
+									children: v("template.showAtStartup")
+								})
+							})
+						})
+					]
+				})]
+			})
+		})
+	});
+}, W = (e) => {
+	A(e).catch(() => {});
+};
+export { U as default, W as prefetchCatalog };