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

package/cdn/assets/{0vqRTRN0wEzWao1c.js → C6xvp_PZBhXeoGRc.js}

@@ -1,21 +1,22 @@
 /**
-* @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.12
 *
 * (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 { P as n, _ as r } from "./CMxbiQ5J79M3n1tk.js";
-import { r as i } from "./hg8WYI0Yy4WPPPoP.js";
-import { Q as a, b as o, d as s, mt as c, tt as l, z as u } from "./Cw7AJWd0S2sjRmr6.js";
-import { p as d, t as f } from "./mK8HcIZyXkOTvL6E.js";
-import { D as p, N as m, j as h, l as g, v as _, x as v } from "./CbTN0q6XnYGJqyEp.js";
-import { n as ee, t as y } from "./CRXSrbGNABtzf532.js";
-import { t as b } from "./CTvPIYWTcjwlJeEA.js";
-import { t as x } from "./B3NWCYKXucbHhOix.js";
-import { r as S } from "./DCnWyVXikb_8Dat3.js";
-var C = S(e(), 1), w = t(), T = /* @__PURE__ */ new Set([
+import { n as e } from "./CTmLSM7UhiKOIhgu.js";
+import { t } from "./CCos0hQMhVcaGwU0.js";
+import { t as n } from "./CPGIT9PYUuWdSglk.js";
+import { A as r, G as i } from "./Cif0315haNLmyMj-.js";
+import { r as a } from "./DdWtfDWDB6Yst5LZ.js";
+import { R as o, Tt as s, c, ct as l, dt as u, mt as d } from "./OABpLvY7siKUyNIa.js";
+import { p as f, t as p } from "./DWcAYH0eBaOj-dU4.js";
+import { M as m, O as h, P as g, S as _, i as v, v as ee } from "./DX-iRDnwn8uZZIqp.js";
+import { t as y } from "./DQwz3i9TNDHAmLmN.js";
+import { t as b } from "./DYeaE2TSAJ9-suNW.js";
+import { t as x } from "./CwPsCkeHan5zXDyX.js";
+import { t as S } from "./DkZqI9EyJ9BaBNL_.js";
+var C = e(t(), 1), w = n(), T = /* @__PURE__ */ new Set([
 	"a",
 	"e",
 	"i",
@@ -71,17 +72,17 @@ var C = S(e(), 1), w = t(), T = /* @__PURE__ */ new Set([
 		key: t,
 		mods: n
 	};
-}, A = n.getPlatform() === n.OSType.MacOS || n.getPlatform() === n.OSType.IOS, j = [
-	a.Ctrl,
-	a.Alt,
-	a.Shift,
-	a.Meta
+}, A = i.getPlatform() === i.OSType.MacOS || i.getPlatform() === i.OSType.IOS, j = [
+	l.Ctrl,
+	l.Alt,
+	l.Shift,
+	l.Meta
 ], M = (e) => {
 	switch (e) {
-		case a.Ctrl: return A ? "Cmd" : "Ctrl";
-		case a.Alt: return "Alt";
-		case a.Shift: return "Shift";
-		case a.Meta: return "Meta";
+		case l.Ctrl: return A ? "Cmd" : "Ctrl";
+		case l.Alt: return "Alt";
+		case l.Shift: return "Shift";
+		case l.Meta: return "Meta";
 		default: return e;
 	}
 }, N = (e) => {
@@ -89,8 +90,8 @@ var C = S(e(), 1), w = t(), T = /* @__PURE__ */ new Set([
 	return j.filter((e) => t.has(e));
 }, P = (e) => {
 	let t = [];
-	return e.ctrlKey && t.push(a.Ctrl), e.altKey && t.push(a.Alt), e.shiftKey && t.push(a.Shift), e.metaKey && t.push(a.Meta), t;
-}, F = ({ children: e }) => (0, w.jsx)(f, {
+	return e.ctrlKey && t.push(l.Ctrl), e.altKey && t.push(l.Alt), e.shiftKey && t.push(l.Shift), e.metaKey && t.push(l.Meta), t;
+}, F = ({ children: e }) => (0, w.jsx)(p, {
 	component: "kbd",
 	sx: {
 		display: "inline-flex",
@@ -107,19 +108,19 @@ var C = S(e(), 1), w = t(), T = /* @__PURE__ */ new Set([
 		whiteSpace: "nowrap",
 		borderRadius: "5px",
 		color: (e) => e.palette.text.secondary,
-		backgroundColor: (e) => d(e.palette.background.paper, .07),
+		backgroundColor: (e) => f(e.palette.background.paper, .07),
 		border: (e) => `solid 1px ${e.palette.divider}`,
 		borderBottomWidth: "2px"
 	},
 	children: e
-}), I = () => (0, w.jsx)(f, {
+}), I = () => (0, w.jsx)(p, {
 	component: "span",
 	sx: {
 		fontSize: "0.7rem",
 		color: (e) => e.palette.text.disabled
 	},
 	children: "+"
-}), L = ({ labels: e, dangling: t = !1 }) => (0, w.jsxs)(f, {
+}), L = ({ labels: e, dangling: t = !1 }) => (0, w.jsxs)(p, {
 	sx: {
 		display: "flex",
 		alignItems: "center",
@@ -129,12 +130,12 @@ var C = S(e(), 1), w = t(), T = /* @__PURE__ */ new Set([
 }), R = ({ stroke: e }) => {
 	if (!e?.key) return null;
 	let t = N(e.modifiers ?? []).map(M);
-	return t.push(u.toPrettyKeyCode(e.key)), (0, w.jsx)(L, { labels: t });
+	return t.push(d.toPrettyKeyCode(e.key)), (0, w.jsx)(L, { labels: t });
 };
 function z(e) {
-	let { commands: t, sx: n, ...a } = e, u = l(), [g, v] = (0, C.useState)(!1), [S, T] = (0, C.useState)(""), [D, O] = (0, C.useState)(null), [j, F] = (0, C.useState)(!1), [I, z] = (0, C.useState)(null), [B, V] = (0, C.useState)(null), [H, U] = (0, C.useState)(null), W = (0, C.useRef)(null), G = (0, C.useMemo)(() => {
+	let { commands: t, sx: n, ...i } = e, l = u(), [d, _] = (0, C.useState)(!1), [v, T] = (0, C.useState)(""), [D, O] = (0, C.useState)(null), [j, F] = (0, C.useState)(!1), [I, z] = (0, C.useState)(null), [B, V] = (0, C.useState)(null), [H, U] = (0, C.useState)(null), W = (0, C.useRef)(null), G = (0, C.useMemo)(() => {
 		let e = t.getAllCommands();
-		g && (e = e.filter((e) => e.command.getShortcut())), e = [...e].sort((e, t) => {
+		d && (e = e.filter((e) => e.command.getShortcut())), e = [...e].sort((e, t) => {
 			let n = e.command.getScope?.() ?? e.groupKey, r = t.command.getScope?.() ?? t.groupKey, i = n.localeCompare(r);
 			return i === 0 ? e.command.getLabel().localeCompare(t.command.getLabel()) : i;
 		});
@@ -146,19 +147,19 @@ function z(e) {
 				scope: i,
 				scopeLabel: e.getScopeLabel?.() ?? i,
 				description: re(e.getDescription())
-			}, o = e.getShortcut(), c = Array.isArray(o) ? o.length ? o : [null] : [o ?? null];
+			}, s = e.getShortcut(), c = Array.isArray(s) ? s.length ? s : [null] : [s ?? null];
 			for (let e of c) {
-				let t = e ? s(e) : null, o = `${i}\0${a.label}\0${t ?? ""}`;
-				r.has(o) || (r.add(o), n.push({
+				let t = e ? o(e) : null, s = `${i}\0${a.label}\0${t ?? ""}`;
+				r.has(s) || (r.add(s), n.push({
 					...a,
-					id: o,
+					id: s,
 					shortcut: e,
 					canonical: t
 				}));
 			}
 		}
 		return n;
-	}, [g, t]), K = (0, C.useMemo)(() => D ? G.filter((e) => e.scope === D) : G, [G, D]), q = (0, C.useMemo)(() => ((e) => {
+	}, [d, t]), K = (0, C.useMemo)(() => D ? G.filter((e) => e.scope === D) : G, [G, D]), q = (0, C.useMemo)(() => ((e) => {
 		let t = e.map((e) => ({
 			item: e,
 			label: E(e.label),
@@ -196,13 +197,13 @@ function z(e) {
 			return !0;
 		})) : void Y(K);
 		r.debounce(() => {
-			Y(q(S));
+			Y(q(v));
 		}, 90)();
 	}, [
 		j,
 		B,
 		q,
-		S,
+		v,
 		K
 	]);
 	let X = (0, C.useMemo)(() => {
@@ -216,7 +217,7 @@ function z(e) {
 			scopeLabel: t[0].scopeLabel,
 			rows: t
 		}));
-	}, [J]), ae = (0, C.useMemo)(() => G.find((e) => e.scope === D)?.scopeLabel ?? D, [G, D]), Z = j ? !!I : S.length > 0, Q = Z && J.length === 0;
+	}, [J]), ae = (0, C.useMemo)(() => G.find((e) => e.scope === D)?.scopeLabel ?? D, [G, D]), Z = j ? !!I : v.length > 0, Q = Z && J.length === 0;
 	(0, C.useEffect)(() => {
 		W.current?.focus();
 	}, [j]);
@@ -224,7 +225,7 @@ function z(e) {
 		F(e), T(""), z(null), V(null), U(null);
 	}, []), oe = (0, C.useCallback)((e) => {
 		if (e.key === "Tab") return;
-		if (e.which === c.Escape) return I || H ? (z(null), V(null), U(null)) : $(!1), e.stopPropagation(), void e.preventDefault();
+		if (e.which === s.Escape) return I || H ? (z(null), V(null), U(null)) : $(!1), e.stopPropagation(), void e.preventDefault();
 		if (e.preventDefault(), e.stopPropagation(), e.key === "Backspace") return z(null), V(null), void U(null);
 		let t = e.nativeEvent;
 		if (ie.has(e.key)) return z(null), V(null), void U(P(t));
@@ -237,7 +238,7 @@ function z(e) {
 				modifiers: t
 			};
 		})(t)), V(((e) => {
-			let t = [...o(e)].map(k);
+			let t = [...c(e)].map(k);
 			return {
 				keys: new Set(t.map((e) => e.key)),
 				mods: t[0]?.mods ?? /* @__PURE__ */ new Set()
@@ -255,9 +256,9 @@ function z(e) {
 		O((t) => t === e ? null : e);
 	}, []), le = (0, C.useCallback)(() => {
 		j ? (z(null), V(null), U(null)) : T(""), W.current?.focus();
-	}, [j]), ue = j ? !!(I || H && H.length > 0) : S.length > 0, de = (0, w.jsx)(_, {
+	}, [j]), ue = j ? !!(I || H && H.length > 0) : v.length > 0, de = (0, w.jsx)(ee, {
 		title: j ? "Search by name (ESC)" : `Search by shortcut (${A ? "Cmd" : "Ctrl"}+K)`,
-		children: (0, w.jsx)(m, {
+		children: (0, w.jsx)(g, {
 			"aria-label": "toggle shortcut capture",
 			color: j ? "primary" : "default",
 			onClick: () => $(!j),
@@ -266,10 +267,10 @@ function z(e) {
 				border: (e) => `solid 1px ${j ? e.palette.primary.main : e.palette.divider}`,
 				borderRadius: (e) => `${e.shape.borderRadius}px`
 			},
-			children: (0, w.jsx)(i, { iconKey: "Keyboard" })
+			children: (0, w.jsx)(a, { iconKey: "Keyboard" })
 		})
 	});
-	return (0, w.jsxs)(f, {
+	return (0, w.jsxs)(p, {
 		style: {
 			height: 460,
 			width: "100%",
@@ -277,9 +278,9 @@ function z(e) {
 			flexDirection: "column"
 		},
 		sx: [{ fontFamily: (e) => e.typography.fontFamily }, ...Array.isArray(n) ? n : [n]],
-		...a,
+		...i,
 		children: [
-			(0, w.jsxs)(f, {
+			(0, w.jsxs)(p, {
 				sx: {
 					display: "flex",
 					alignItems: "center",
@@ -287,12 +288,12 @@ function z(e) {
 					marginBottom: (e) => e.spacing(1.5)
 				},
 				children: [
-					(0, w.jsx)(b, {
+					(0, w.jsx)(x, {
 						inputRef: W,
 						slotProps: {
 							input: {
 								sx: { backgroundColor: (e) => e.palette.action.hover },
-								startAdornment: j && (I || H && H.length > 0) ? (0, w.jsx)(x, {
+								startAdornment: j && (I || H && H.length > 0) ? (0, w.jsx)(S, {
 									position: "start",
 									sx: { marginRight: "6px" },
 									children: I ? (0, w.jsx)(R, { stroke: I }) : (0, w.jsx)(L, {
@@ -300,14 +301,14 @@ function z(e) {
 										dangling: !0
 									})
 								}) : void 0,
-								endAdornment: ue ? (0, w.jsx)(x, {
+								endAdornment: ue ? (0, w.jsx)(S, {
 									position: "end",
-									children: (0, w.jsx)(m, {
+									children: (0, w.jsx)(g, {
 										"aria-label": j ? "clear shortcut" : "clear search",
 										onClick: le,
 										edge: "end",
 										size: "small",
-										children: (0, w.jsx)(i, { iconKey: "Close" })
+										children: (0, w.jsx)(a, { iconKey: "Close" })
 									})
 								}) : void 0
 							},
@@ -329,44 +330,44 @@ function z(e) {
 							flex: "1 1 auto",
 							"& .MuiOutlinedInput-notchedOutline": { borderColor: (e) => Q ? `${e.palette.error.main} !important` : j ? `${e.palette.primary.main} !important` : void 0 }
 						},
-						value: j ? "" : S,
+						value: j ? "" : v,
 						onChange: (e) => {
 							j || T(e.target.value);
 						},
 						onKeyDown: j ? oe : (e) => {
 							if ((e.ctrlKey || e.metaKey) && (e.key === "k" || e.key === "K")) return $(!0), e.stopPropagation(), void e.preventDefault();
-							e.which === c.Escape && S.length > 0 && (T(""), e.stopPropagation(), e.preventDefault());
+							e.which === s.Escape && v.length > 0 && (T(""), e.stopPropagation(), e.preventDefault());
 						},
 						onKeyUp: j ? se : void 0,
 						onContextMenu: (e) => e.stopPropagation()
 					}),
 					de,
-					(0, w.jsx)(y, {
+					(0, w.jsx)(b, {
 						sx: {
 							flexShrink: 0,
 							marginRight: 0
 						},
-						control: (0, w.jsx)(ee, {
-							checked: g,
-							onChange: () => v(!g)
+						control: (0, w.jsx)(y, {
+							checked: d,
+							onChange: () => _(!d)
 						}),
-						label: u("shortcutKeys.onlyKeyBindings"),
+						label: l("shortcutKeys.onlyKeyBindings"),
 						labelPlacement: "start"
 					})
 				]
 			}),
-			D && (0, w.jsx)(f, {
+			D && (0, w.jsx)(p, {
 				sx: {
 					display: "flex",
 					marginBottom: 1
 				},
-				children: (0, w.jsx)(p, {
+				children: (0, w.jsx)(h, {
 					size: "small",
-					label: u("shortcutKeys.scopeFilter", { scope: ae }),
+					label: l("shortcutKeys.scopeFilter", { scope: ae }),
 					onDelete: () => O(null)
 				})
 			}),
-			(0, w.jsx)(f, {
+			(0, w.jsx)(p, {
 				sx: {
 					flex: "1 1 100%",
 					minHeight: 0,
@@ -374,19 +375,19 @@ function z(e) {
 					border: (e) => `solid ${e.palette.divider} 1px`,
 					overflow: "visible"
 				},
-				children: (0, w.jsx)(f, {
+				children: (0, w.jsx)(p, {
 					sx: {
 						height: "100%",
 						overflow: "auto"
 					},
-					children: X.length === 0 ? (0, w.jsx)(f, {
+					children: X.length === 0 ? (0, w.jsx)(p, {
 						sx: {
 							padding: 3,
 							textAlign: "center",
 							color: (e) => Q ? e.palette.error.main : e.palette.text.secondary
 						},
-						children: u(Z ? "shortcutKeys.noMatches" : "shortcutKeys.none")
-					}) : X.map((e) => (0, w.jsxs)(f, { children: [(0, w.jsxs)(f, {
+						children: l(Z ? "shortcutKeys.noMatches" : "shortcutKeys.none")
+					}) : X.map((e) => (0, w.jsxs)(p, { children: [(0, w.jsxs)(p, {
 						onClick: () => ce(e.scope),
 						sx: {
 							position: "sticky",
@@ -405,16 +406,16 @@ function z(e) {
 							fontWeight: 600,
 							letterSpacing: "0.04em",
 							textTransform: "uppercase",
-							backgroundColor: (e) => d(e.palette.background.paper, .04),
-							boxShadow: (e) => `0 -2px 0 0 ${d(e.palette.background.paper, .04)}`,
+							backgroundColor: (e) => f(e.palette.background.paper, .04),
+							boxShadow: (e) => `0 -2px 0 0 ${f(e.palette.background.paper, .04)}`,
 							borderBottom: (e) => `solid 1px ${e.palette.divider}`,
 							color: (t) => D === e.scope ? t.palette.primary.main : t.palette.text.secondary,
 							"&:hover": {
 								color: (e) => e.palette.text.primary,
-								backgroundColor: (e) => d(e.palette.background.paper, .09)
+								backgroundColor: (e) => f(e.palette.background.paper, .09)
 							}
 						},
-						children: [(0, w.jsx)("span", { children: e.scopeLabel }), (0, w.jsx)(h, {
+						children: [(0, w.jsx)("span", { children: e.scopeLabel }), (0, w.jsx)(m, {
 							component: "span",
 							sx: {
 								fontSize: "inherit",
@@ -423,21 +424,21 @@ function z(e) {
 							children: e.rows.length
 						})]
 					}), e.rows.map((e) => {
-						return (0, w.jsxs)(f, {
+						return (0, w.jsxs)(p, {
 							sx: {
 								paddingX: 1.5,
 								paddingY: .75,
 								borderBottom: (e) => `solid 1px ${e.palette.divider}`,
 								"&:hover": { backgroundColor: (e) => e.palette.action.hover }
 							},
-							children: [(0, w.jsxs)(f, {
+							children: [(0, w.jsxs)(p, {
 								sx: {
 									display: "flex",
 									alignItems: "center",
 									gap: 1
 								},
 								children: [
-									(0, w.jsx)(f, {
+									(0, w.jsx)(p, {
 										sx: {
 											flexShrink: 0,
 											display: "flex",
@@ -446,21 +447,21 @@ function z(e) {
 											height: "var(--icon-size, 20px)",
 											color: (e) => e.palette.text.icon ?? e.palette.action.active
 										},
-										children: (t = e.icon, t && typeof t != "string" ? t : (0, w.jsx)(i, { iconKey: t }))
+										children: (t = e.icon, t && typeof t != "string" ? t : (0, w.jsx)(a, { iconKey: t }))
 									}),
-									(0, w.jsx)(h, {
+									(0, w.jsx)(m, {
 										sx: {
 											flex: "1 1 auto",
 											fontWeight: 500
 										},
 										children: e.label
 									}),
-									e.shortcut && (0, w.jsx)(f, {
+									e.shortcut && (0, w.jsx)(p, {
 										sx: { flexShrink: 0 },
 										children: (0, w.jsx)(R, { stroke: e.shortcut })
 									})
 								]
-							}), e.description && (0, w.jsx)(h, {
+							}), e.description && (0, w.jsx)(m, {
 								component: "div",
 								sx: {
 									marginTop: "2px",
@@ -476,7 +477,7 @@ function z(e) {
 					})] }, e.scope))
 				})
 			}),
-			(0, w.jsx)(f, {
+			(0, w.jsx)(p, {
 				sx: {
 					display: "flex",
 					flexShrink: 0,
@@ -486,11 +487,11 @@ function z(e) {
 					userSelect: "none",
 					justifyContent: "flex-end"
 				},
-				children: (0, w.jsx)(h, {
+				children: (0, w.jsx)(m, {
 					noWrap: !0,
 					component: "div",
 					sx: { color: (e) => Q ? e.palette.error.main : e.palette.text.secondary },
-					children: u(Z ? "shortcutKeys.countFound" : "shortcutKeys.count", { count: J.length })
+					children: l(Z ? "shortcutKeys.countFound" : "shortcutKeys.count", { count: J.length })
 				})
 			})
 		]
@@ -498,10 +499,10 @@ function z(e) {
 }
 var B = (e) => {
 	let { title: t = "Shortcut Keys", commands: n, sx: r, ...i } = e;
-	return (0, w.jsx)(g, {
+	return (0, w.jsx)(v, {
 		isModal: !0,
 		onKeyDown: (e) => {
-			e.keyCode === c.F1 && e.preventDefault();
+			e.keyCode === s.F1 && e.preventDefault();
 		},
 		sx: {
 			width: "780px",
@@ -510,7 +511,7 @@ var B = (e) => {
 		title: t,
 		autoFocusSel: ".input",
 		...i,
-		children: (0, w.jsx)(v, {
+		children: (0, w.jsx)(_, {
 			dividers: !0,
 			children: (0, w.jsx)(z, {
 				commands: n,

package/cdn/assets/C9KQwh85fRQ8P7ia.js

@@ -0,0 +1,7 @@
+/**
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.12
+*
+* (C) 2026-present SheetXL Inc. & Michael T. Ford
+* License: The license can be found at https://www.sheetxl.com/license.
+*/
+export { t as IOPlugin } from "./DAlTqWR4DtigzJIp.js";