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

package/browser/esm/{CRAzVh3CaAa16avf.mjs → JvhO1o6YbI5ppwQ0.mjs}

@@ -1,19 +1,20 @@
 /**
-* @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 { r as e } from "./DLqc11Pf8vaE4Q5B.mjs";
-import { i as t, r as n } from "./C4VT6lNbpaDXCpBb.mjs";
-import { P as r, _ as i } from "./CMxbiQ5J79M3n1tk.mjs";
-import { r as a } from "./D2aQPiGg0ZoMYzuf.mjs";
-import { Q as o, b as s, d as c, mt as l, tt as u, z as d } from "./BThOwSja2ra4xejQ.mjs";
-import { p as f, t as p } from "./rkTVQiYG3wd8oPom.mjs";
-import { D as m, N as h, j as g, l as _, v as ee, x as v } from "./CtZPEkaldpJpoGtW.mjs";
-import { n as y, t as b } from "./r2Az2Yc4_qj2-sn0.mjs";
-import { t as x } from "./-LoBx7J6imeqaxCq.mjs";
-import { t as S } from "./DGuynZFJ9tqziqQs.mjs";
+import { r as e } from "./Cf_c9xyOrFxlsKq6.mjs";
+import { i as t, r as n } from "./D29bSsh1Lz8891Rs.mjs";
+import { A as r, G as i } from "./Cif0315haNLmyMj-.mjs";
+import { r as a } from "./BoYTs2k2yWAKW5LM.mjs";
+import { R as o, Tt as s, c, ct as l, dt as u, mt as d } from "./B1mhVM8eRIyuL-VB.mjs";
+import { p as f, t as p } from "./DAOjpr33PSwrKpc0.mjs";
+import { M as m, O as h, P as g, S as _, i as v, v as ee } from "./DJpfJorMrLhI9gOT.mjs";
+import { t as y } from "./BIX8xNwuEM4TocmY.mjs";
+import { t as b } from "./Bs9KvD8n3018Rkew.mjs";
+import { t as x } from "./IHk5INXMVCzM8mcG.mjs";
+import { t as S } from "./DnFo-URDJaN2rhB9.mjs";
 var C = e(t(), 1), w = e(n(), 1), T = /* @__PURE__ */ new Set([
 	"a",
 	"e",
@@ -70,17 +71,17 @@ var C = e(t(), 1), w = e(n(), 1), T = /* @__PURE__ */ new Set([
 		key: t,
 		mods: n
 	};
-}, A = r.getPlatform() === r.OSType.MacOS || r.getPlatform() === r.OSType.IOS, j = [
-	o.Ctrl,
-	o.Alt,
-	o.Shift,
-	o.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 o.Ctrl: return A ? "Cmd" : "Ctrl";
-		case o.Alt: return "Alt";
-		case o.Shift: return "Shift";
-		case o.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) => {
@@ -88,7 +89,7 @@ var C = e(t(), 1), w = e(n(), 1), T = /* @__PURE__ */ new Set([
 	return j.filter((e) => t.has(e));
 }, P = (e) => {
 	let t = [];
-	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;
+	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: {
@@ -131,7 +132,7 @@ var C = e(t(), 1), w = e(n(), 1), T = /* @__PURE__ */ new Set([
 	return t.push(d.toPrettyKeyCode(e.key)), (0, w.jsx)(L, { labels: t });
 };
 function z(e) {
-	let { commands: t, sx: n, ...r } = e, o = 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 { 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();
 		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);
@@ -145,12 +146,12 @@ function z(e) {
 				scope: i,
 				scopeLabel: e.getScopeLabel?.() ?? i,
 				description: re(e.getDescription())
-			}, o = e.getShortcut(), s = Array.isArray(o) ? o.length ? o : [null] : [o ?? null];
-			for (let e of s) {
-				let t = e ? c(e) : null, o = `${i}\0${a.label}\0${t ?? ""}`;
-				r.has(o) || (r.add(o), n.push({
+			}, s = e.getShortcut(), c = Array.isArray(s) ? s.length ? s : [null] : [s ?? null];
+			for (let e of c) {
+				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
 				}));
@@ -194,7 +195,7 @@ function z(e) {
 			for (let e of B.mods) if (!t.mods.has(e)) return !1;
 			return !0;
 		})) : void Y(K);
-		i.debounce(() => {
+		r.debounce(() => {
 			Y(q(v));
 		}, 90)();
 	}, [
@@ -223,7 +224,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 === l.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));
@@ -236,7 +237,7 @@ function z(e) {
 				modifiers: t
 			};
 		})(t)), V(((e) => {
-			let t = [...s(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()
@@ -256,7 +257,7 @@ function z(e) {
 		j ? (z(null), V(null), U(null)) : T(""), W.current?.focus();
 	}, [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)(h, {
+		children: (0, w.jsx)(g, {
 			"aria-label": "toggle shortcut capture",
 			color: j ? "primary" : "default",
 			onClick: () => $(!j),
@@ -276,7 +277,7 @@ function z(e) {
 			flexDirection: "column"
 		},
 		sx: [{ fontFamily: (e) => e.typography.fontFamily }, ...Array.isArray(n) ? n : [n]],
-		...r,
+		...i,
 		children: [
 			(0, w.jsxs)(p, {
 				sx: {
@@ -301,7 +302,7 @@ function z(e) {
 								}) : void 0,
 								endAdornment: ue ? (0, w.jsx)(S, {
 									position: "end",
-									children: (0, w.jsx)(h, {
+									children: (0, w.jsx)(g, {
 										"aria-label": j ? "clear shortcut" : "clear search",
 										onClick: le,
 										edge: "end",
@@ -334,7 +335,7 @@ function z(e) {
 						},
 						onKeyDown: j ? oe : (e) => {
 							if ((e.ctrlKey || e.metaKey) && (e.key === "k" || e.key === "K")) return $(!0), e.stopPropagation(), void e.preventDefault();
-							e.which === l.Escape && v.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()
@@ -349,7 +350,7 @@ function z(e) {
 							checked: d,
 							onChange: () => _(!d)
 						}),
-						label: o("shortcutKeys.onlyKeyBindings"),
+						label: l("shortcutKeys.onlyKeyBindings"),
 						labelPlacement: "start"
 					})
 				]
@@ -359,9 +360,9 @@ function z(e) {
 					display: "flex",
 					marginBottom: 1
 				},
-				children: (0, w.jsx)(m, {
+				children: (0, w.jsx)(h, {
 					size: "small",
-					label: o("shortcutKeys.scopeFilter", { scope: ae }),
+					label: l("shortcutKeys.scopeFilter", { scope: ae }),
 					onDelete: () => O(null)
 				})
 			}),
@@ -384,7 +385,7 @@ function z(e) {
 							textAlign: "center",
 							color: (e) => Q ? e.palette.error.main : e.palette.text.secondary
 						},
-						children: o(Z ? "shortcutKeys.noMatches" : "shortcutKeys.none")
+						children: l(Z ? "shortcutKeys.noMatches" : "shortcutKeys.none")
 					}) : X.map((e) => (0, w.jsxs)(p, { children: [(0, w.jsxs)(p, {
 						onClick: () => ce(e.scope),
 						sx: {
@@ -413,7 +414,7 @@ function z(e) {
 								backgroundColor: (e) => f(e.palette.background.paper, .09)
 							}
 						},
-						children: [(0, w.jsx)("span", { children: e.scopeLabel }), (0, w.jsx)(g, {
+						children: [(0, w.jsx)("span", { children: e.scopeLabel }), (0, w.jsx)(m, {
 							component: "span",
 							sx: {
 								fontSize: "inherit",
@@ -447,7 +448,7 @@ function z(e) {
 										},
 										children: (t = e.icon, t && typeof t != "string" ? t : (0, w.jsx)(a, { iconKey: t }))
 									}),
-									(0, w.jsx)(g, {
+									(0, w.jsx)(m, {
 										sx: {
 											flex: "1 1 auto",
 											fontWeight: 500
@@ -459,7 +460,7 @@ function z(e) {
 										children: (0, w.jsx)(R, { stroke: e.shortcut })
 									})
 								]
-							}), e.description && (0, w.jsx)(g, {
+							}), e.description && (0, w.jsx)(m, {
 								component: "div",
 								sx: {
 									marginTop: "2px",
@@ -485,11 +486,11 @@ function z(e) {
 					userSelect: "none",
 					justifyContent: "flex-end"
 				},
-				children: (0, w.jsx)(g, {
+				children: (0, w.jsx)(m, {
 					noWrap: !0,
 					component: "div",
 					sx: { color: (e) => Q ? e.palette.error.main : e.palette.text.secondary },
-					children: o(Z ? "shortcutKeys.countFound" : "shortcutKeys.count", { count: J.length })
+					children: l(Z ? "shortcutKeys.countFound" : "shortcutKeys.count", { count: J.length })
 				})
 			})
 		]
@@ -497,10 +498,10 @@ function z(e) {
 }
 var B = (e) => {
 	let { title: t = "Shortcut Keys", commands: n, sx: r, ...i } = e;
-	return (0, w.jsx)(_, {
+	return (0, w.jsx)(v, {
 		isModal: !0,
 		onKeyDown: (e) => {
-			e.keyCode === l.F1 && e.preventDefault();
+			e.keyCode === s.F1 && e.preventDefault();
 		},
 		sx: {
 			width: "780px",
@@ -509,7 +510,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/browser/esm/{BtGmrIqU9W1L8zfZ.mjs → K83ea52GGB2voaRd.mjs}

@@ -1,5 +1,5 @@
 /**
-* @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.

package/{cdn/assets/H-JnJQMcZQbpvjdb.js → browser/esm/KHZcJAKLztwlFOCX.mjs}

@@ -1,5 +1,5 @@
 /**
-* @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.

package/browser/esm/{DJqj66SnUcx0QmSN.mjs → MH5L1dIGBq_LYgJQ.mjs}

@@ -1,5 +1,5 @@
 /**
-* @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.

package/browser/esm/Ovh5ic9JtH6cyxub.mjs

@@ -0,0 +1,256 @@
+/**
+* @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 { r as e } from "./Cf_c9xyOrFxlsKq6.mjs";
+import { i as t, r as n } from "./D29bSsh1Lz8891Rs.mjs";
+import { r } from "./BoYTs2k2yWAKW5LM.mjs";
+import { dt as i } from "./B1mhVM8eRIyuL-VB.mjs";
+import { t as a } from "./DAOjpr33PSwrKpc0.mjs";
+import { M as o, P as s, V as c, f as l } from "./DJpfJorMrLhI9gOT.mjs";
+import { t as u } from "./IHk5INXMVCzM8mcG.mjs";
+import { T as d } from "./_9nyq5XWoIo-JhAp.mjs";
+import { t as f } from "./DnFo-URDJaN2rhB9.mjs";
+import { t as p } from "./CImdnjQtd2Yn7uXl.mjs";
+var m = e(t(), 1), h = e(n(), 1), g = {
+	"details-panel": "_details-panel_mdq6z_1",
+	editor: "_editor_mdq6z_13",
+	"editor-panel": "_editor-panel_mdq6z_19",
+	"editor-buttons": "_editor-buttons_mdq6z_24",
+	card: "_card_mdq6z_29"
+}, _ = (0, m.memo)(({ title: e, iconKey: t, onClick: n, disabled: i }) => (0, h.jsx)(l, {
+	disableInteractive: !0,
+	title: e,
+	children: (0, h.jsx)(a, {
+		component: "span",
+		sx: { display: "inline-flex" },
+		children: (0, h.jsx)(s, {
+			size: "small",
+			"aria-label": e,
+			style: { padding: "2px" },
+			disabled: i,
+			onClick: (e) => {
+				e.stopPropagation(), n();
+			},
+			children: (0, h.jsx)(r, {
+				style: { transform: "scale(0.85)" },
+				iconKey: t
+			})
+		})
+	})
+}));
+_.displayName = "ItemCardAction";
+var v = (0, m.memo)((e) => {
+	let { item: t, messageKeys: n, title: r, subtitle: s, caption: l, Subtitle: u, readOnly: d = !1, selected: f = !1, canMoveUp: v = !1, canMoveDown: y = !1, onEdit: b, onSelect: x, onMoveBy: S, onDuplicate: C, onDelete: w, actions: T, subscribeItem: E, Media: D, Body: O, className: k, sx: A, ...j } = e, M = i(), N = !d && !!b, P = l != null, [F, I] = (0, m.useState)(!1), [L, R] = (0, m.useReducer)((e) => e + 1, 0);
+	(0, m.useEffect)(() => {
+		if (E) return E(t, R);
+	}, [t, E]), (0, m.useEffect)(() => {}, [F]);
+	let z = (0, m.useMemo)(() => p("sxl-item-card", "sxl-anchor-item-card", k, {
+		"sxl-read-only": d,
+		"Mui-selected": f
+	}, g.card), [
+		k,
+		d,
+		f
+	]);
+	return (0, h.jsxs)(c, {
+		tabIndex: 0,
+		...j,
+		onMouseOver: (e) => {
+			I(!0), j?.onMouseOver?.(e);
+		},
+		onMouseLeave: (e) => {
+			I(!1), j?.onMouseLeave?.(e);
+		},
+		onClick: (e) => {
+			j?.onClick?.(e), x && !e.defaultPrevented && (e.target.closest("input, textarea, button, a, [role=\"button\"], [contenteditable], .MuiFormControl-root") || x());
+		},
+		sx: [{
+			gap: (e) => e.spacing(1),
+			cursor: x ? "pointer" : void 0,
+			paddingTop: (e) => e.spacing(1.25),
+			paddingBottom: (e) => e.spacing(1.25),
+			paddingLeft: (e) => e.spacing(1.5),
+			paddingRight: (e) => e.spacing(1.5),
+			border: (e) => `1px solid ${e.palette.divider}`,
+			borderRadius: (e) => e.spacing(1.25),
+			"&.Mui-selected": { outline: (e) => `2px solid ${e.palette.primary.main}` },
+			"&:hover": {
+				boxShadow: d ? void 0 : 1,
+				"& .anchor-item-card-actions": {
+					opacity: 1,
+					width: "auto"
+				}
+			},
+			"&:focus-within": {
+				outline: (e) => `2px solid ${e.palette.primary.main}`,
+				boxShadow: d ? void 0 : 1,
+				"& .anchor-item-card-actions": {
+					opacity: 1,
+					width: "auto"
+				}
+			}
+		}, ...Array.isArray(A) ? A : [A]],
+		className: z,
+		children: [
+			(0, h.jsxs)(a, {
+				className: "anchor-item-card-header",
+				sx: {
+					display: "flex",
+					alignItems: P ? "flex-start" : "center",
+					justifyContent: "space-between"
+				},
+				children: [(0, h.jsxs)(a, {
+					className: "anchor-item-card-title",
+					sx: {
+						display: "flex",
+						alignItems: P ? "flex-start" : "center",
+						gap: (e) => e.spacing(1),
+						flex: 1,
+						minWidth: 0
+					},
+					children: [D ? (0, h.jsx)(D, { item: t }) : null, (0, h.jsxs)(a, {
+						sx: {
+							display: "flex",
+							flexDirection: "column",
+							minWidth: 0
+						},
+						children: [(0, h.jsx)(o, {
+							variant: "caption",
+							sx: {
+								color: (e) => e.palette.text.secondary,
+								whiteSpace: "nowrap",
+								textOverflow: "ellipsis",
+								overflow: "hidden",
+								cursor: N ? "pointer" : void 0,
+								"&:hover": { color: (e) => {
+									if (N) return e.palette.primary.main;
+								} }
+							},
+							onClick: (e) => {
+								N && (e.stopPropagation(), b());
+							},
+							children: r
+						}), P ? (0, h.jsx)(o, {
+							variant: "caption",
+							className: "anchor-item-card-caption",
+							sx: {
+								color: "text.disabled",
+								whiteSpace: "nowrap",
+								textOverflow: "ellipsis",
+								overflow: "hidden"
+							},
+							children: l
+						}) : null]
+					})]
+				}), !d && (0, h.jsxs)(a, {
+					className: "anchor-item-card-actions",
+					sx: {
+						display: "flex",
+						alignItems: "center",
+						gap: (e) => e.spacing(0),
+						flexShrink: 0,
+						opacity: 0,
+						width: 0,
+						overflow: "hidden",
+						transition: "opacity 0.2s ease, width 0.2s ease"
+					},
+					children: [
+						T,
+						S && n.moveUp && n.moveDown && (0, h.jsxs)(h.Fragment, { children: [
+							(0, h.jsx)(_, {
+								title: M(n.moveUp),
+								iconKey: "CardMoveUp",
+								disabled: !v,
+								onClick: () => S(-1)
+							}, "move-up"),
+							(0, h.jsx)(_, {
+								title: M(n.moveDown),
+								iconKey: "CardMoveDown",
+								disabled: !y,
+								onClick: () => S(1)
+							}, "move-down"),
+							(0, h.jsx)("div", { style: { width: "12px" } }, "div-after-move-down")
+						] }),
+						N && n.edit && (0, h.jsx)(_, {
+							title: M(n.edit),
+							iconKey: "CardEdit",
+							onClick: () => b()
+						}, "edit"),
+						C && n.duplicate && (0, h.jsx)(_, {
+							title: M(n.duplicate),
+							iconKey: "CardDuplicate",
+							onClick: C
+						}, "duplicate"),
+						w && n.delete && (0, h.jsx)(_, {
+							title: M(n.delete),
+							iconKey: "Delete",
+							onClick: w
+						}, "delete")
+					]
+				})]
+			}),
+			u ? (0, h.jsxs)(h.Fragment, { children: [(0, h.jsx)(a, { sx: {
+				borderTop: 1,
+				borderColor: "divider"
+			} }), (0, h.jsx)(u, { item: t })] }) : s == null ? null : (0, h.jsxs)(h.Fragment, { children: [(0, h.jsx)(a, { sx: {
+				borderTop: 1,
+				borderColor: "divider"
+			} }), (0, h.jsx)(o, {
+				variant: "subtitle2",
+				sx: {
+					fontWeight: 600,
+					wordBreak: "break-word"
+				},
+				children: s
+			})] }),
+			O ? (0, h.jsx)(O, { item: t }) : null
+		]
+	});
+});
+v.displayName = "ItemCard";
+var y = v, b = (0, m.memo)((e) => {
+	let { value: t, onChange: n, placeholder: i, clearLabel: a, sx: o } = e;
+	return (0, h.jsx)(u, {
+		className: "sxl-items-search",
+		size: "small",
+		value: t,
+		placeholder: i,
+		onChange: (e) => n(e.target.value),
+		onKeyDown: (e) => {
+			e.key === "Escape" && t && (e.stopPropagation(), n(""));
+		},
+		sx: o,
+		slotProps: {
+			input: {
+				sx: { backgroundColor: "background.paper" },
+				startAdornment: (0, h.jsx)(f, {
+					position: "start",
+					children: (0, h.jsx)(r, { iconKey: "Find" })
+				}),
+				endAdornment: t ? (0, h.jsx)(f, {
+					position: "end",
+					children: (0, h.jsx)(d, {
+						"aria-label": a,
+						propsTooltip: a ? { label: a } : void 0,
+						onMouseDown: (e) => {
+							e.button === 0 && e.preventDefault();
+						},
+						onClick: () => n(""),
+						icon: (0, h.jsx)(r, { iconKey: "Close" }),
+						size: "small"
+					})
+				}) : void 0
+			},
+			htmlInput: {
+				spellCheck: !1,
+				autoComplete: "off",
+				"aria-label": i
+			}
+		}
+	});
+});
+b.displayName = "ItemsSearchField";
+export { g as i, y as n, _ as r, b as t };