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

package/{cdn/assets/DIQf1pX-j-dWQu_e.js → browser/esm/BCQJVniXgm81YQ0v2.mjs}

@@ -1,20 +1,19 @@
 /**
-* @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.js";
-import { t } from "./DnzDlqizzNkbhJP7.js";
-import { t as n } from "./CBuvbUg67ah_3BOZ.js";
-import { A as r, u as i } from "./CEN8dYSpN2oew8HH2.js";
-import { r as a } from "./EjOJX5m8OEL-IjPB.js";
-import { Ct as o, Et as s, Kt as c, en as l, pt as u, t as d, u as f } from "./BNybEGR813e3aNIv.js";
-import { F as p, N as m, k as h, m as g, w as _, x as v } from "./iXWgTu3qpYZHcx1J.js";
-import { n as y, t as b } from "./c6VvwMHfXubjjtyj.js";
-import { t as ee } from "./D1MA2ed2cLMt7hV9.js";
-import { t as x } from "./CHttngK66Ido5dWW.js";
-var S = e(t(), 1), C = n(), w = (e) => e.replace(/\n\n+/g, "\n").trim(), T = /* @__PURE__ */ new Set([
+import { r as e } from "./CVbPAnmNN3TxMkq4.mjs";
+import { i as t, r as n } from "./DRRx9F2h6V-Q957j.mjs";
+import { f as r, z as i } from "./DB_I2ygTnDxYiYyc.mjs";
+import { r as a } from "./DlHJ7zkV6AMCtYPP.mjs";
+import { At as o, G as s, Wt as c, en as l, pt as u, qt as d, t as f, u as p } from "./Dcpd3kkjvidrDQuN.mjs";
+import { C as m, F as h, N as g, b as _, i as v, k as y } from "./CDxmuF7Iay8T4cnU.mjs";
+import { n as b, t as x } from "./BHIVjD6BdBS3BAWp.mjs";
+import { t as S } from "./2eBMkUK0-HxaCmDY.mjs";
+import { t as C } from "./DnLi57ylUOd3DUek.mjs";
+var w = e(t(), 1), T = e(n(), 1), ee = (e) => e.replace(/\n\n+/g, "\n").trim(), te = /* @__PURE__ */ new Set([
 	"Control",
 	"Shift",
 	"Alt",
@@ -30,17 +29,17 @@ var S = e(t(), 1), C = n(), w = (e) => e.replace(/\n\n+/g, "\n").trim(), T = /*
 		key: t,
 		mods: n
 	};
-}, D = r.getPlatform() === r.OSType.MacOS || r.getPlatform() === r.OSType.IOS, O = [
-	c.Ctrl,
-	c.Alt,
-	c.Shift,
-	c.Meta
+}, D = i.getPlatform() === i.OSType.MacOS || i.getPlatform() === i.OSType.IOS, O = [
+	o.Ctrl,
+	o.Alt,
+	o.Shift,
+	o.Meta
 ], k = (e) => {
 	switch (e) {
-		case c.Ctrl: return D ? "Cmd" : "Ctrl";
-		case c.Alt: return "Alt";
-		case c.Shift: return "Shift";
-		case c.Meta: return "Meta";
+		case o.Ctrl: return D ? "Cmd" : "Ctrl";
+		case o.Alt: return "Alt";
+		case o.Shift: return "Shift";
+		case o.Meta: return "Meta";
 		default: return e;
 	}
 }, A = (e) => {
@@ -48,8 +47,8 @@ var S = e(t(), 1), C = n(), w = (e) => e.replace(/\n\n+/g, "\n").trim(), T = /*
 	return O.filter((e) => t.has(e));
 }, j = (e) => {
 	let t = [];
-	return e.ctrlKey && t.push(c.Ctrl), e.altKey && t.push(c.Alt), e.shiftKey && t.push(c.Shift), e.metaKey && t.push(c.Meta), t;
-}, M = ({ children: e }) => (0, C.jsx)(d, {
+	return e.ctrlKey && t.push(o.Ctrl), e.altKey && t.push(o.Alt), e.shiftKey && t.push(o.Shift), e.metaKey && t.push(o.Meta), t;
+}, M = ({ children: e }) => (0, T.jsx)(f, {
 	component: "kbd",
 	sx: {
 		display: "inline-flex",
@@ -66,34 +65,34 @@ var S = e(t(), 1), C = n(), w = (e) => e.replace(/\n\n+/g, "\n").trim(), T = /*
 		whiteSpace: "nowrap",
 		borderRadius: "5px",
 		color: (e) => e.palette.text.secondary,
-		backgroundColor: (e) => f(e.palette.background.paper, .07),
+		backgroundColor: (e) => p(e.palette.background.paper, .07),
 		border: (e) => `solid 1px ${e.palette.divider}`,
 		borderBottomWidth: "2px"
 	},
 	children: e
-}), N = () => (0, C.jsx)(d, {
+}), N = () => (0, T.jsx)(f, {
 	component: "span",
 	sx: {
 		fontSize: "0.7rem",
 		color: (e) => e.palette.text.disabled
 	},
 	children: "+"
-}), P = ({ labels: e, dangling: t = !1 }) => (0, C.jsxs)(d, {
+}), P = ({ labels: e, dangling: t = !1 }) => (0, T.jsxs)(f, {
 	sx: {
 		display: "flex",
 		alignItems: "center",
 		gap: "1px"
 	},
-	children: [e.map((e, t) => (0, C.jsxs)(S.Fragment, { children: [t > 0 && (0, C.jsx)(N, {}), (0, C.jsx)(M, { children: e })] }, t)), t && (0, C.jsx)(N, {})]
+	children: [e.map((e, t) => (0, T.jsxs)(w.Fragment, { children: [t > 0 && (0, T.jsx)(N, {}), (0, T.jsx)(M, { children: e })] }, t)), t && (0, T.jsx)(N, {})]
 }), F = ({ stroke: e }) => {
 	if (!e?.key) return null;
 	let t = A(e.modifiers ?? []).map(k);
-	return t.push(o.toPrettyKeyCode(e.key)), (0, C.jsx)(P, { labels: t });
+	return t.push(d.toPrettyKeyCode(e.key)), (0, T.jsx)(P, { labels: t });
 };
 function I(e) {
-	let { commands: t, sx: n, ...r } = e, [o, c] = (0, S.useState)(!1), [g, _] = (0, S.useState)(""), [O, M] = (0, S.useState)(null), [N, I] = (0, S.useState)(!1), [L, R] = (0, S.useState)(null), [z, B] = (0, S.useState)(null), [V, H] = (0, S.useState)(null), U = (0, S.useRef)(null), W = (0, S.useMemo)(() => {
+	let { commands: t, sx: n, ...i } = e, o = l(), [d, m] = (0, w.useState)(!1), [v, O] = (0, w.useState)(""), [M, N] = (0, w.useState)(null), [I, L] = (0, w.useState)(!1), [R, z] = (0, w.useState)(null), [B, V] = (0, w.useState)(null), [H, U] = (0, w.useState)(null), W = (0, w.useRef)(null), G = (0, w.useMemo)(() => {
 		let e = t.getAllCommands();
-		o && (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;
 		});
@@ -104,10 +103,10 @@ function I(e) {
 				icon: e.getIcon(),
 				scope: i,
 				scopeLabel: e.getScopeLabel?.() ?? i,
-				description: w(e.getDescription())
+				description: ee(e.getDescription())
 			}, o = e.getShortcut(), s = Array.isArray(o) ? o.length ? o : [null] : [o ?? null];
 			for (let e of s) {
-				let t = e ? l(e) : null, o = `${i}\0${a.label}\0${t ?? ""}`;
+				let t = e ? u(e) : null, o = `${i}\0${a.label}\0${t ?? ""}`;
 				r.has(o) || (r.add(o), n.push({
 					...a,
 					id: o,
@@ -117,11 +116,11 @@ function I(e) {
 			}
 		}
 		return n;
-	}, [o, t]), G = (0, S.useMemo)(() => O ? W.filter((e) => e.scope === O) : W, [W, O]), [K, q] = (0, S.useState)(null);
-	(0, S.useEffect)(() => {
+	}, [d, t]), K = (0, w.useMemo)(() => M ? G.filter((e) => e.scope === M) : G, [G, M]), [q, ne] = (0, w.useState)(null);
+	(0, w.useEffect)(() => {
 		let e = !1;
-		return import("./BVjXdv_wkL1x_8ZJ2.js").then((t) => {
-			e || q(new t.default(G, {
+		return import("./DoAKAH3cmECZGboo2.mjs").then((t) => {
+			e || ne(new t.default(K, {
 				threshold: .3,
 				ignoreLocation: !0,
 				keys: [
@@ -131,31 +130,33 @@ function I(e) {
 					"scopeLabel"
 				]
 			}));
+		}).catch((e) => {
+			console.warn("Shortcut search is unavailable:", e);
 		}), () => {
 			e = !0;
 		};
-	}, [G]);
-	let [J, Y] = (0, S.useState)(W);
-	(0, S.useEffect)(() => {
-		if (N) return z ? void Y(G.filter((e) => {
+	}, [K]);
+	let [J, Y] = (0, w.useState)(G);
+	(0, w.useEffect)(() => {
+		if (I) return B ? void Y(K.filter((e) => {
 			if (!e.canonical) return !1;
 			let t = E(e.canonical);
-			if (!z.keys.has(t.key)) return !1;
-			for (let e of z.mods) if (!t.mods.has(e)) return !1;
+			if (!B.keys.has(t.key)) return !1;
+			for (let e of B.mods) if (!t.mods.has(e)) return !1;
 			return !0;
-		})) : void Y(G);
-		K ? i.debounce(() => {
-			let e = g.trim();
-			e.length === 0 ? Y(G) : Y(K.search(e).map((e) => e.item));
-		}, 90)() : Y(G);
+		})) : void Y(K);
+		q ? r.debounce(() => {
+			let e = v.trim();
+			e.length === 0 ? Y(K) : Y(q.search(e).map((e) => e.item));
+		}, 90)() : Y(K);
 	}, [
-		N,
-		z,
-		K,
-		g,
-		G
+		I,
+		B,
+		q,
+		v,
+		K
 	]);
-	let X = (0, S.useMemo)(() => {
+	let X = (0, w.useMemo)(() => {
 		let e = /* @__PURE__ */ new Map();
 		for (let t of J) {
 			let n = e.get(t.scope);
@@ -166,19 +167,19 @@ function I(e) {
 			scopeLabel: t[0].scopeLabel,
 			rows: t
 		}));
-	}, [J]), te = (0, S.useMemo)(() => W.find((e) => e.scope === O)?.scopeLabel ?? O, [W, O]), Z = N ? !!L : g.length > 0, Q = Z && J.length === 0;
-	(0, S.useEffect)(() => {
-		U.current?.focus();
-	}, [N]);
-	let $ = (0, S.useCallback)((e) => {
-		I(e), _(""), R(null), B(null), H(null);
-	}, []), ne = (0, S.useCallback)((e) => {
+	}, [J]), re = (0, w.useMemo)(() => G.find((e) => e.scope === M)?.scopeLabel ?? M, [G, M]), Z = I ? !!R : v.length > 0, Q = Z && J.length === 0;
+	(0, w.useEffect)(() => {
+		W.current?.focus();
+	}, [I]);
+	let $ = (0, w.useCallback)((e) => {
+		L(e), O(""), z(null), V(null), U(null);
+	}, []), ie = (0, w.useCallback)((e) => {
 		if (e.key === "Tab") return;
-		if (e.which === s.Escape) return L || V ? (R(null), B(null), H(null)) : $(!1), e.stopPropagation(), void e.preventDefault();
-		if (e.preventDefault(), e.stopPropagation(), e.key === "Backspace") return R(null), B(null), void H(null);
+		if (e.which === c.Escape) return R || 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 (T.has(e.key)) return R(null), B(null), void H(j(t));
-		H(null), R(((e) => {
+		if (te.has(e.key)) return z(null), V(null), void U(j(t));
+		U(null), z(((e) => {
 			let t = [];
 			e.ctrlKey && t.push("ctrl"), e.altKey && t.push("alt"), e.shiftKey && t.push("shift"), e.metaKey && t.push("meta");
 			let n = e.code, r = e.key;
@@ -186,40 +187,40 @@ function I(e) {
 				key: r,
 				modifiers: t
 			};
-		})(t)), B(((e) => {
-			let t = [...u(e)].map(E);
+		})(t)), V(((e) => {
+			let t = [...s(e)].map(E);
 			return {
 				keys: new Set(t.map((e) => e.key)),
 				mods: t[0]?.mods ?? /* @__PURE__ */ new Set()
 			};
 		})(t));
 	}, [
-		L,
-		V,
+		R,
+		H,
 		$
-	]), re = (0, S.useCallback)((e) => {
-		if (L) return;
+	]), ae = (0, w.useCallback)((e) => {
+		if (R) return;
 		let t = j(e.nativeEvent);
-		H(t.length ? t : null);
-	}, [L]), ie = (0, S.useCallback)((e) => {
-		M((t) => t === e ? null : e);
-	}, []), ae = (0, S.useCallback)(() => {
-		N ? (R(null), B(null), H(null)) : _(""), U.current?.focus();
-	}, [N]), oe = N ? !!(L || V && V.length > 0) : g.length > 0, se = (0, C.jsx)(v, {
-		title: N ? "Search by name (ESC)" : `Search by shortcut (${D ? "Cmd" : "Ctrl"}+K)`,
-		children: (0, C.jsx)(p, {
+		U(t.length ? t : null);
+	}, [R]), oe = (0, w.useCallback)((e) => {
+		N((t) => t === e ? null : e);
+	}, []), se = (0, w.useCallback)(() => {
+		I ? (z(null), V(null), U(null)) : O(""), W.current?.focus();
+	}, [I]), ce = I ? !!(R || H && H.length > 0) : v.length > 0, le = (0, T.jsx)(_, {
+		title: I ? "Search by name (ESC)" : `Search by shortcut (${D ? "Cmd" : "Ctrl"}+K)`,
+		children: (0, T.jsx)(h, {
 			"aria-label": "toggle shortcut capture",
-			color: N ? "primary" : "default",
-			onClick: () => $(!N),
+			color: I ? "primary" : "default",
+			onClick: () => $(!I),
 			sx: {
 				flexShrink: 0,
-				border: (e) => `solid 1px ${N ? e.palette.primary.main : e.palette.divider}`,
+				border: (e) => `solid 1px ${I ? e.palette.primary.main : e.palette.divider}`,
 				borderRadius: (e) => `${e.shape.borderRadius}px`
 			},
-			children: (0, C.jsx)(a, { iconKey: "Keyboard" })
+			children: (0, T.jsx)(a, { iconKey: "Keyboard" })
 		})
 	});
-	return (0, C.jsxs)(d, {
+	return (0, T.jsxs)(f, {
 		style: {
 			height: 460,
 			width: "100%",
@@ -227,9 +228,9 @@ function I(e) {
 			flexDirection: "column"
 		},
 		sx: [{ fontFamily: (e) => e.typography.fontFamily }, ...Array.isArray(n) ? n : [n]],
-		...r,
+		...i,
 		children: [
-			(0, C.jsxs)(d, {
+			(0, T.jsxs)(f, {
 				sx: {
 					display: "flex",
 					alignItems: "center",
@@ -237,27 +238,27 @@ function I(e) {
 					marginBottom: (e) => e.spacing(1.5)
 				},
 				children: [
-					(0, C.jsx)(ee, {
-						inputRef: U,
+					(0, T.jsx)(S, {
+						inputRef: W,
 						slotProps: {
 							input: {
 								sx: { backgroundColor: (e) => e.palette.action.hover },
-								startAdornment: N && (L || V && V.length > 0) ? (0, C.jsx)(x, {
+								startAdornment: I && (R || H && H.length > 0) ? (0, T.jsx)(C, {
 									position: "start",
 									sx: { marginRight: "6px" },
-									children: L ? (0, C.jsx)(F, { stroke: L }) : (0, C.jsx)(P, {
-										labels: A(V).map(k),
+									children: R ? (0, T.jsx)(F, { stroke: R }) : (0, T.jsx)(P, {
+										labels: A(H).map(k),
 										dangling: !0
 									})
 								}) : void 0,
-								endAdornment: oe ? (0, C.jsx)(x, {
+								endAdornment: ce ? (0, T.jsx)(C, {
 									position: "end",
-									children: (0, C.jsx)(p, {
-										"aria-label": N ? "clear shortcut" : "clear search",
-										onClick: ae,
+									children: (0, T.jsx)(h, {
+										"aria-label": I ? "clear shortcut" : "clear search",
+										onClick: se,
 										edge: "end",
 										size: "small",
-										children: (0, C.jsx)(a, { iconKey: "Close" })
+										children: (0, T.jsx)(a, { iconKey: "Close" })
 									})
 								}) : void 0
 							},
@@ -265,58 +266,58 @@ function I(e) {
 								className: "input",
 								autoFocus: !0,
 								spellCheck: !1,
-								placeholder: N ? L || V && V.length > 0 ? "" : "Press a shortcut… (Esc to exit)" : "Type to search commands, scopes, or descriptions",
+								placeholder: I ? R || H && H.length > 0 ? "" : "Press a shortcut… (Esc to exit)" : "Type to search commands, scopes, or descriptions",
 								autoComplete: "off",
-								"aria-label": N ? "Press a shortcut to find its command" : "Search commands",
+								"aria-label": I ? "Press a shortcut to find its command" : "Search commands",
 								sx: {
 									paddingTop: (e) => e.spacing(1),
 									paddingBottom: (e) => e.spacing(1),
-									caretColor: (e) => N ? e.palette.primary.main : void 0
+									caretColor: (e) => I ? e.palette.primary.main : void 0
 								}
 							}
 						},
 						sx: {
 							flex: "1 1 auto",
-							"& .MuiOutlinedInput-notchedOutline": { borderColor: (e) => Q ? `${e.palette.error.main} !important` : N ? `${e.palette.primary.main} !important` : void 0 }
+							"& .MuiOutlinedInput-notchedOutline": { borderColor: (e) => Q ? `${e.palette.error.main} !important` : I ? `${e.palette.primary.main} !important` : void 0 }
 						},
-						value: N ? "" : g,
+						value: I ? "" : v,
 						onChange: (e) => {
-							N || _(e.target.value);
+							I || O(e.target.value);
 						},
-						onKeyDown: N ? ne : (e) => {
+						onKeyDown: I ? ie : (e) => {
 							if ((e.ctrlKey || e.metaKey) && (e.key === "k" || e.key === "K")) return $(!0), e.stopPropagation(), void e.preventDefault();
-							e.which === s.Escape && g.length > 0 && (_(""), e.stopPropagation(), e.preventDefault());
+							e.which === c.Escape && v.length > 0 && (O(""), e.stopPropagation(), e.preventDefault());
 						},
-						onKeyUp: N ? re : void 0,
+						onKeyUp: I ? ae : void 0,
 						onContextMenu: (e) => e.stopPropagation()
 					}),
-					se,
-					(0, C.jsx)(b, {
+					le,
+					(0, T.jsx)(x, {
 						sx: {
 							flexShrink: 0,
 							marginRight: 0
 						},
-						control: (0, C.jsx)(y, {
-							checked: o,
-							onChange: () => c(!o)
+						control: (0, T.jsx)(b, {
+							checked: d,
+							onChange: () => m(!d)
 						}),
-						label: "With key bindings",
+						label: o("shortcutKeys.onlyKeyBindings"),
 						labelPlacement: "start"
 					})
 				]
 			}),
-			O && (0, C.jsx)(d, {
+			M && (0, T.jsx)(f, {
 				sx: {
 					display: "flex",
 					marginBottom: 1
 				},
-				children: (0, C.jsx)(h, {
+				children: (0, T.jsx)(y, {
 					size: "small",
-					label: `Scope: ${te}`,
-					onDelete: () => M(null)
+					label: o("shortcutKeys.scopeFilter", { scope: re }),
+					onDelete: () => N(null)
 				})
 			}),
-			(0, C.jsx)(d, {
+			(0, T.jsx)(f, {
 				sx: {
 					flex: "1 1 100%",
 					minHeight: 0,
@@ -324,20 +325,20 @@ function I(e) {
 					border: (e) => `solid ${e.palette.divider} 1px`,
 					overflow: "visible"
 				},
-				children: (0, C.jsx)(d, {
+				children: (0, T.jsx)(f, {
 					sx: {
 						height: "100%",
 						overflow: "auto"
 					},
-					children: X.length === 0 ? (0, C.jsx)(d, {
+					children: X.length === 0 ? (0, T.jsx)(f, {
 						sx: {
 							padding: 3,
 							textAlign: "center",
 							color: (e) => Q ? e.palette.error.main : e.palette.text.secondary
 						},
-						children: Z ? "No matching shortcuts" : "No shortcuts"
-					}) : X.map((e) => (0, C.jsxs)(d, { children: [(0, C.jsxs)(d, {
-						onClick: () => ie(e.scope),
+						children: o(Z ? "shortcutKeys.noMatches" : "shortcutKeys.none")
+					}) : X.map((e) => (0, T.jsxs)(f, { children: [(0, T.jsxs)(f, {
+						onClick: () => oe(e.scope),
 						sx: {
 							position: "sticky",
 							top: "-1px",
@@ -355,16 +356,16 @@ function I(e) {
 							fontWeight: 600,
 							letterSpacing: "0.04em",
 							textTransform: "uppercase",
-							backgroundColor: (e) => f(e.palette.background.paper, .04),
-							boxShadow: (e) => `0 -2px 0 0 ${f(e.palette.background.paper, .04)}`,
+							backgroundColor: (e) => p(e.palette.background.paper, .04),
+							boxShadow: (e) => `0 -2px 0 0 ${p(e.palette.background.paper, .04)}`,
 							borderBottom: (e) => `solid 1px ${e.palette.divider}`,
-							color: (t) => O === e.scope ? t.palette.primary.main : t.palette.text.secondary,
+							color: (t) => M === e.scope ? t.palette.primary.main : t.palette.text.secondary,
 							"&:hover": {
 								color: (e) => e.palette.text.primary,
-								backgroundColor: (e) => f(e.palette.background.paper, .09)
+								backgroundColor: (e) => p(e.palette.background.paper, .09)
 							}
 						},
-						children: [(0, C.jsx)("span", { children: e.scopeLabel }), (0, C.jsx)(m, {
+						children: [(0, T.jsx)("span", { children: e.scopeLabel }), (0, T.jsx)(g, {
 							component: "span",
 							sx: {
 								fontSize: "inherit",
@@ -373,21 +374,21 @@ function I(e) {
 							children: e.rows.length
 						})]
 					}), e.rows.map((e) => {
-						return (0, C.jsxs)(d, {
+						return (0, T.jsxs)(f, {
 							sx: {
 								paddingX: 1.5,
 								paddingY: .75,
 								borderBottom: (e) => `solid 1px ${e.palette.divider}`,
 								"&:hover": { backgroundColor: (e) => e.palette.action.hover }
 							},
-							children: [(0, C.jsxs)(d, {
+							children: [(0, T.jsxs)(f, {
 								sx: {
 									display: "flex",
 									alignItems: "center",
 									gap: 1
 								},
 								children: [
-									(0, C.jsx)(d, {
+									(0, T.jsx)(f, {
 										sx: {
 											flexShrink: 0,
 											display: "flex",
@@ -396,21 +397,21 @@ function I(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, C.jsx)(a, { iconKey: t }))
+										children: (t = e.icon, t && typeof t != "string" ? t : (0, T.jsx)(a, { iconKey: t }))
 									}),
-									(0, C.jsx)(m, {
+									(0, T.jsx)(g, {
 										sx: {
 											flex: "1 1 auto",
 											fontWeight: 500
 										},
 										children: e.label
 									}),
-									e.shortcut && (0, C.jsx)(d, {
+									e.shortcut && (0, T.jsx)(f, {
 										sx: { flexShrink: 0 },
-										children: (0, C.jsx)(F, { stroke: e.shortcut })
+										children: (0, T.jsx)(F, { stroke: e.shortcut })
 									})
 								]
-							}), e.description && (0, C.jsx)(m, {
+							}), e.description && (0, T.jsx)(g, {
 								component: "div",
 								sx: {
 									marginTop: "2px",
@@ -426,7 +427,7 @@ function I(e) {
 					})] }, e.scope))
 				})
 			}),
-			(0, C.jsx)(d, {
+			(0, T.jsx)(f, {
 				sx: {
 					display: "flex",
 					flexShrink: 0,
@@ -436,11 +437,11 @@ function I(e) {
 					userSelect: "none",
 					justifyContent: "flex-end"
 				},
-				children: (0, C.jsx)(m, {
+				children: (0, T.jsx)(g, {
 					noWrap: !0,
 					component: "div",
 					sx: { color: (e) => Q ? e.palette.error.main : e.palette.text.secondary },
-					children: `${J.length === 0 ? "No" : J.length} shortcut${J.length === 1 ? "" : "s"}${Z ? " found" : ""}`
+					children: o(Z ? "shortcutKeys.countFound" : "shortcutKeys.count", { count: J.length })
 				})
 			})
 		]
@@ -448,10 +449,10 @@ function I(e) {
 }
 var L = (e) => {
 	let { title: t = "Shortcut Keys", commands: n, sx: r, ...i } = e;
-	return (0, C.jsx)(g, {
+	return (0, T.jsx)(v, {
 		isModal: !0,
 		onKeyDown: (e) => {
-			e.keyCode === s.F1 && e.preventDefault();
+			e.keyCode === c.F1 && e.preventDefault();
 		},
 		sx: {
 			width: "780px",
@@ -460,9 +461,9 @@ var L = (e) => {
 		title: t,
 		autoFocusSel: ".input",
 		...i,
-		children: (0, C.jsx)(_, {
+		children: (0, T.jsx)(m, {
 			dividers: !0,
-			children: (0, C.jsx)(I, {
+			children: (0, T.jsx)(I, {
 				commands: n,
 				sx: { marginBottom: "8px" }
 			})

package/browser/esm/{CR3jgkduTLczbMjH2.mjs → BCcbek_TFOdgqxXq.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/{1guzFZp1LHz_FwfL.mjs → BEb3QhWwGW8rErZy.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.