themelia-ui 3.0.0 → 3.2.0

package/dist/features/global-search.js

@@ -1,35 +1,35 @@
 "use client";
-import { t as e } from "../cx--CBrhWH0.js";
-import { o as t } from "../typography-BkxEiwQ1.js";
-import { n, p as r } from "../feedback-DRerHGuV.js";
-import { i } from "../buttons-CqXKWty3.js";
-import { a, d as o, m as s, u as c } from "../display-B3Q17h5z.js";
-import { t as l } from "../badge-CxOuTfVr.js";
-import { c as u, r as d, t as f, u as p } from "../item-B3yQ26as.js";
-import { l as m } from "../text-inputs-DF_lD7pA.js";
-import { a as h, c as g, r as _ } from "../avatar-CS7zow2q.js";
-import { n as v } from "../navigation-CsqTA16F.js";
-import { r as y } from "../overlays-DvVoS3td.js";
-import { ArrowRightIcon as b, ClockIcon as x, FileIcon as S, SearchIcon as C, SparklesIcon as w } from "lucide-react";
-import { forwardRef as T, useCallback as E, useEffect as D, useImperativeHandle as O, useMemo as k, useRef as A, useState as j } from "react";
-import { Fragment as M, jsx as N, jsxs as P } from "react/jsx-runtime";
+import "#core.css";
+import { c as e, s as t } from "../typography-DmeR05Er.js";
+import { t as n } from "../cx--CBrhWH0.js";
+import { i as r } from "../buttons-BX2JfL5X.js";
+import { a as i, c as a, r as o } from "../avatar-Dc_BNYfB.js";
+import { t as s } from "../badge-VlJVZjdm.js";
+import { n as c, p as l } from "../feedback-D4qVsKlD.js";
+import { a as u, d, m as f, u as p } from "../display-a7AoX_u7.js";
+import { l as m } from "../text-inputs-BboE77nZ.js";
+import { c as h, r as g, t as _, u as v } from "../item-M2pmpWXh.js";
+import { n as y } from "../navigation-Bgu7Vc0M.js";
+import { r as b } from "../overlays-1sULyytH.js";
+import { ArrowRightIcon as x, ClockIcon as S, FileIcon as C, SearchIcon as w, SparklesIcon as T } from "lucide-react";
+import { forwardRef as E, useCallback as D, useEffect as O, useImperativeHandle as k, useMemo as A, useRef as j, useState as M } from "react";
+import { Fragment as N, jsx as P, jsxs as F } from "react/jsx-runtime";
+import "#css/global-search.css";
 //#region src/components/features/global-search/global-search-empty-state.tsx
-function F({ title: t, hint: n, className: i }) {
-	return /* @__PURE__ */ N(r, {
-		title: t,
-		description: n,
-		media: /* @__PURE__ */ N(C, {}),
+function I({ title: e, hint: t, className: r }) {
+	return /* @__PURE__ */ P(l, {
+		title: e,
+		description: t,
+		media: /* @__PURE__ */ P(w, {}),
 		mediaVariant: "icon-soft",
-		padding: "md",
-		className: e("global-search-empty-state--component", i)
+		className: n("global-search-empty-state--component", r)
 	});
 }
-var I = {
+var L = {
 	root: "global-search__root___nLmdm",
 	inputRow: "global-search__inputRow___qqMnG",
 	input: "global-search__input___Tdftu",
 	tabs: "global-search__tabs___J5Kov",
-	tabCount: "global-search__tabCount___5HlgL",
 	scroll: "global-search__scroll___qTRK0",
 	loading: "global-search__loading___C5jfJ",
 	results: "global-search__results___eST9W",
@@ -44,16 +44,13 @@ var I = {
 	resultTitle: "global-search__resultTitle___1iswX",
 	secondaryLine: "global-search__secondaryLine___bbc0j",
 	meta: "global-search__meta___kueO2",
-	metaMono: "global-search__metaMono___V6OF4",
 	metaIcon: "global-search__metaIcon___6nJVi",
 	inlineFigure: "global-search__inlineFigure___4qoqh",
 	figure: "global-search__figure___K-HxM",
-	figureValue: "global-search__figureValue___ENdRR",
 	chevron: "global-search__chevron___lNJut",
-	avatar: "global-search__avatar___64_2e",
+	avatarFallback: "global-search__avatarFallback___cOFnX",
 	thumbnail: "global-search__thumbnail___ur2Ng",
 	imageThumbnail: "global-search__imageThumbnail___jxtYY",
-	avatarFallback: "global-search__avatarFallback___cOFnX",
 	idleIcon: "global-search__idleIcon___yApGh",
 	footer: "global-search__footer___fWiOT",
 	shortcuts: "global-search__shortcuts___fAx3G",
@@ -64,33 +61,33 @@ var I = {
 };
 //#endregion
 //#region src/components/features/global-search/global-search-footer.tsx
-function L({ navigateLabel: n, openLabel: r, closeLabel: i, escKey: o, trailing: s, className: c }) {
-	return /* @__PURE__ */ P("div", {
-		className: e("global-search-footer--component", I.footer, c),
-		children: [/* @__PURE__ */ P("span", {
-			className: I.shortcuts,
+function R({ navigateLabel: e, openLabel: r, closeLabel: i, escKey: a, trailing: o, className: s }) {
+	return /* @__PURE__ */ F("div", {
+		className: n("global-search-footer--component", L.footer, s),
+		children: [/* @__PURE__ */ F("span", {
+			className: L.shortcuts,
 			children: [
-				/* @__PURE__ */ P("span", {
-					className: I.shortcut,
-					children: [/* @__PURE__ */ N(a, { children: "↑↓" }), /* @__PURE__ */ N(t, {
+				/* @__PURE__ */ F("span", {
+					className: L.shortcut,
+					children: [/* @__PURE__ */ P(u, { children: "↑↓" }), /* @__PURE__ */ P(t, {
 						tag: "span",
 						size: "xs",
 						type: "secondary",
-						children: n
+						children: e
 					})]
 				}),
-				/* @__PURE__ */ P("span", {
-					className: I.shortcut,
-					children: [/* @__PURE__ */ N(a, { children: "↵" }), /* @__PURE__ */ N(t, {
+				/* @__PURE__ */ F("span", {
+					className: L.shortcut,
+					children: [/* @__PURE__ */ P(u, { children: "↵" }), /* @__PURE__ */ P(t, {
 						tag: "span",
 						size: "xs",
 						type: "secondary",
 						children: r
 					})]
 				}),
-				/* @__PURE__ */ P("span", {
-					className: I.shortcut,
-					children: [/* @__PURE__ */ N(a, { children: o }), /* @__PURE__ */ N(t, {
+				/* @__PURE__ */ F("span", {
+					className: L.shortcut,
+					children: [/* @__PURE__ */ P(u, { children: a }), /* @__PURE__ */ P(t, {
 						tag: "span",
 						size: "xs",
 						type: "secondary",
@@ -98,43 +95,43 @@ function L({ navigateLabel: n, openLabel: r, closeLabel: i, escKey: o, trailing:
 					})]
 				})
 			]
-		}), !!s && /* @__PURE__ */ N("span", {
-			className: I.footerTrailing,
-			children: s
+		}), !!o && /* @__PURE__ */ P("span", {
+			className: L.footerTrailing,
+			children: o
 		})]
 	});
 }
 //#endregion
 //#region src/components/features/global-search/global-search-idle-state.tsx
-function R({ sections: n, fallbackIcons: r, className: i }) {
-	return /* @__PURE__ */ N("div", {
-		className: e("global-search-idle-state--component", I.idle, i),
-		children: n.map((e, n) => {
-			let i = e.icon ?? (n === 0 ? r?.recent ?? /* @__PURE__ */ N(x, {}) : r?.suggestions ?? /* @__PURE__ */ N(w, {}));
-			return /* @__PURE__ */ P("div", { children: [/* @__PURE__ */ P("div", {
-				className: I.idleHeader,
-				children: [/* @__PURE__ */ N("span", {
-					className: I.idleIcon,
+function z({ sections: e, fallbackIcons: r, className: i }) {
+	return /* @__PURE__ */ P("div", {
+		className: n("global-search-idle-state--component", L.idle, i),
+		children: e.map((e, n) => {
+			let i = e.icon ?? (n === 0 ? r?.recent ?? /* @__PURE__ */ P(S, {}) : r?.suggestions ?? /* @__PURE__ */ P(T, {}));
+			return /* @__PURE__ */ F("div", { children: [/* @__PURE__ */ F("div", {
+				className: L.idleHeader,
+				children: [/* @__PURE__ */ P("span", {
+					className: L.idleIcon,
 					children: i
-				}), /* @__PURE__ */ N(t, {
+				}), /* @__PURE__ */ P(t, {
 					tag: "span",
 					size: "xs",
 					type: "secondary",
 					weight: "medium",
 					children: e.label
 				})]
-			}), /* @__PURE__ */ N("ul", {
-				className: I.list,
-				children: e.items.map((e) => /* @__PURE__ */ N("li", { children: /* @__PURE__ */ P(f, {
-					render: /* @__PURE__ */ N("button", {
+			}), /* @__PURE__ */ P("ul", {
+				className: L.list,
+				children: e.items.map((e) => /* @__PURE__ */ P("li", { children: /* @__PURE__ */ F(_, {
+					render: /* @__PURE__ */ P("button", {
 						type: "button",
 						onClick: e.onSelect
 					}),
-					className: I.idleItem,
-					children: [/* @__PURE__ */ N(u, {
+					className: L.idleItem,
+					children: [/* @__PURE__ */ P(h, {
 						variant: "icon",
-						children: e.icon ?? /* @__PURE__ */ N(C, {})
-					}), /* @__PURE__ */ N(d, { children: /* @__PURE__ */ N(t, {
+						children: e.icon ?? /* @__PURE__ */ P(w, {})
+					}), /* @__PURE__ */ P(g, { children: /* @__PURE__ */ P(t, {
 						tag: "span",
 						truncate: !0,
 						children: e.label
@@ -146,175 +143,177 @@ function R({ sections: n, fallbackIcons: r, className: i }) {
 }
 //#endregion
 //#region src/components/features/global-search/global-search-input.tsx
-var z = T(function({ value: t, onValueChange: n, onKeyDown: r, placeholder: i, clearLabel: a, loading: o = !1, autoFocus: s = !1, className: c }, l) {
-	let u = A(null);
-	return O(l, () => u.current), D(() => {
+var B = E(function({ value: e, onValueChange: t, onKeyDown: r, placeholder: i, clearLabel: a, loading: o = !1, autoFocus: s = !1, className: c }, l) {
+	let u = j(null);
+	return k(l, () => u.current), O(() => {
 		s && u.current?.focus();
-	}, [s]), /* @__PURE__ */ N("div", {
-		className: e("global-search-input--component", I.inputRow, c),
-		children: /* @__PURE__ */ N(m, {
+	}, [s]), /* @__PURE__ */ P("div", {
+		className: n("global-search-input--component", L.inputRow, c),
+		children: /* @__PURE__ */ P(m, {
 			ref: u,
 			type: "text",
-			value: t,
-			onChange: (e) => n(e.target.value),
+			value: e,
+			onChange: (e) => t(e.target.value),
 			onKeyDown: r,
 			placeholder: i,
 			"aria-label": i,
 			autoComplete: "off",
 			spellCheck: !1,
-			startIcon: C,
+			startIcon: w,
 			clearable: !o,
-			onClear: () => n(""),
+			onClear: () => t(""),
 			loading: o,
 			strings: a ? { clear: a } : void 0,
-			className: I.input
+			className: L.input
 		})
 	});
 });
 //#endregion
 //#region src/components/features/global-search/global-search-result-row.tsx
-function B(e, t) {
+function V(e, t) {
 	let n = t.trim();
 	if (!n) return e;
 	let r = e.split(RegExp(`(${n.replace(/[$()*+.?[\\\]^{|}]/g, "\\$&")})`, "gi"));
-	return r.length === 1 ? e : r.map((e, t) => t % 2 == 1 ? /* @__PURE__ */ N("mark", { children: e }, `m${t}`) : e && /* @__PURE__ */ N("span", { children: e }, `t${t}`));
+	return r.length === 1 ? e : r.map((e, t) => t % 2 == 1 ? /* @__PURE__ */ P("mark", { children: e }, `m${t}`) : e && /* @__PURE__ */ P("span", { children: e }, `t${t}`));
 }
-function V({ result: n, active: r = !1, query: i = "", onSelect: a, onMouseEnter: o, onFocus: s, className: m }) {
-	let { avatar: v, thumbnail: y } = n, x = v ? /* @__PURE__ */ P(_, {
-		"data-tone": v.tone ?? "neutral",
-		className: I.avatar,
-		children: [!!v.src && /* @__PURE__ */ N(g, {
-			src: v.src,
+function H({ result: r, active: c = !1, query: l = "", onSelect: u, onMouseEnter: d, onFocus: f, className: m }) {
+	let { avatar: y, thumbnail: b } = r, S = y ? /* @__PURE__ */ F(o, {
+		"data-tone": y.tone ?? "neutral",
+		children: [!!y.src && /* @__PURE__ */ P(a, {
+			src: y.src,
 			alt: ""
-		}), /* @__PURE__ */ N(h, {
-			className: I.avatarFallback,
-			children: v.initials
+		}), /* @__PURE__ */ P(i, {
+			className: n(L.avatarFallback, e({
+				size: "inherit",
+				weight: "semibold"
+			})),
+			children: y.initials
 		})]
-	}) : y?.src ? /* @__PURE__ */ P(_, {
-		className: I.imageThumbnail,
-		children: [/* @__PURE__ */ N(g, {
-			src: y.src,
+	}) : b?.src ? /* @__PURE__ */ F(o, {
+		className: L.imageThumbnail,
+		children: [/* @__PURE__ */ P(a, {
+			src: b.src,
 			alt: ""
-		}), /* @__PURE__ */ N(h, { children: y.icon ?? /* @__PURE__ */ N(S, {}) })]
-	}) : y ? /* @__PURE__ */ N(c, {
-		tone: y.tone ?? "neutral",
-		icon: y.icon ?? /* @__PURE__ */ N(S, {}),
-		className: I.thumbnail
-	}) : null, C = n.rightValue != null || n.rightLabel != null, w = n.badge || n.subtitle || n.meta?.length || n.timestamp || n.tags?.length;
-	return /* @__PURE__ */ P(f, {
-		render: /* @__PURE__ */ N("button", {
+		}), /* @__PURE__ */ P(i, { children: b.icon ?? /* @__PURE__ */ P(C, {}) })]
+	}) : b ? /* @__PURE__ */ P(p, {
+		tone: b.tone ?? "neutral",
+		icon: b.icon ?? /* @__PURE__ */ P(C, {}),
+		className: L.thumbnail
+	}) : null, w = r.rightValue != null || r.rightLabel != null, T = r.badge || r.subtitle || r.meta?.length || r.timestamp || r.tags?.length;
+	return /* @__PURE__ */ F(_, {
+		render: /* @__PURE__ */ P("button", {
 			type: "button",
-			onClick: a,
-			onMouseEnter: o,
-			onFocus: s
+			onClick: u,
+			onMouseEnter: d,
+			onFocus: f
 		}),
 		"data-slot": "global-search-result-row",
-		"data-active": r || void 0,
-		"aria-current": r || void 0,
-		className: e("global-search-result-row--component", I.row, m),
+		"data-active": c || void 0,
+		"aria-current": c || void 0,
+		className: n("global-search-result-row--component", L.row, m),
 		children: [
-			x && /* @__PURE__ */ N(u, {
+			S && /* @__PURE__ */ P(h, {
 				"aria-hidden": !0,
-				children: x
+				children: S
 			}),
-			/* @__PURE__ */ P(d, {
-				className: I.rowContent,
+			/* @__PURE__ */ F(g, {
+				className: L.rowContent,
 				children: [
-					/* @__PURE__ */ N(p, {
-						className: I.resultTitle,
-						children: B(n.title, i)
+					/* @__PURE__ */ P(v, {
+						className: L.resultTitle,
+						children: V(r.title, l)
 					}),
-					!!w && /* @__PURE__ */ P("div", {
-						className: I.secondaryLine,
+					!!T && /* @__PURE__ */ F("div", {
+						className: L.secondaryLine,
 						children: [
-							n.badge && /* @__PURE__ */ N(l, {
-								tone: n.badge.tone,
-								children: n.badge.label
+							r.badge && /* @__PURE__ */ P(s, {
+								tone: r.badge.tone,
+								children: r.badge.label
 							}),
-							n.subtitle && /* @__PURE__ */ N(t, {
+							r.subtitle && /* @__PURE__ */ P(t, {
 								tag: "span",
 								size: "xs",
 								type: "secondary",
-								children: B(n.subtitle, i)
+								children: V(r.subtitle, l)
 							}),
-							n.meta?.map((n, r) => /* @__PURE__ */ P(t, {
+							r.meta?.map((e, n) => /* @__PURE__ */ F(t, {
 								tag: "span",
 								size: "xs",
 								type: "secondary",
-								className: e(I.meta, n.mono && I.metaMono),
-								children: [n.icon && /* @__PURE__ */ N("span", {
+								mono: e.mono,
+								className: L.meta,
+								children: [e.icon && /* @__PURE__ */ P("span", {
 									"aria-hidden": !0,
-									className: I.metaIcon,
-									children: n.icon
-								}), n.label]
-							}, r)),
-							n.timestamp && /* @__PURE__ */ N(t, {
+									className: L.metaIcon,
+									children: e.icon
+								}), e.label]
+							}, n)),
+							r.timestamp && /* @__PURE__ */ P(t, {
 								tag: "span",
 								size: "xs",
 								type: "secondary",
-								children: n.timestamp
+								children: r.timestamp
 							}),
-							n.tags?.map((e) => /* @__PURE__ */ N(l, {
-								variant: "outline",
+							r.tags?.map((e) => /* @__PURE__ */ P(s, {
+								appearance: "outline",
 								tone: "neutral",
 								children: e
 							}, e))
 						]
 					}),
-					C && /* @__PURE__ */ P("span", {
-						className: I.inlineFigure,
-						children: [/* @__PURE__ */ N(t, {
+					w && /* @__PURE__ */ F("span", {
+						className: L.inlineFigure,
+						children: [/* @__PURE__ */ P(t, {
 							tag: "span",
 							weight: "semibold",
-							children: n.rightValue
-						}), n.rightLabel != null && /* @__PURE__ */ N(t, {
+							children: r.rightValue
+						}), r.rightLabel != null && /* @__PURE__ */ P(t, {
 							tag: "span",
 							size: "xs",
 							type: "secondary",
-							children: n.rightLabel
+							children: r.rightLabel
 						})]
 					})
 				]
 			}),
-			C && /* @__PURE__ */ P("span", {
-				className: I.figure,
-				children: [n.rightValue != null && /* @__PURE__ */ N(t, {
+			w && /* @__PURE__ */ F("span", {
+				className: L.figure,
+				children: [r.rightValue != null && /* @__PURE__ */ P(t, {
 					tag: "span",
 					weight: "semibold",
-					className: I.figureValue,
-					children: n.rightValue
-				}), n.rightLabel != null && /* @__PURE__ */ N(t, {
+					numeric: !0,
+					children: r.rightValue
+				}), r.rightLabel != null && /* @__PURE__ */ P(t, {
 					tag: "span",
 					size: "xs",
 					type: "secondary",
-					children: n.rightLabel
+					children: r.rightLabel
 				})]
 			}),
-			!C && /* @__PURE__ */ N("span", {
+			!w && /* @__PURE__ */ P("span", {
 				"aria-hidden": !0,
-				className: I.chevron,
-				children: /* @__PURE__ */ N(b, {})
+				className: L.chevron,
+				children: /* @__PURE__ */ P(x, {})
 			})
 		]
 	});
 }
 //#endregion
 //#region src/components/features/global-search/global-search-tabs.tsx
-function H({ value: n, onValueChange: r, tabs: i, counts: a, className: o }) {
-	return /* @__PURE__ */ N("div", {
-		className: e("global-search-tabs--component", I.tabs, o),
-		children: /* @__PURE__ */ N(v, {
-			value: n,
+function U({ value: e, onValueChange: r, tabs: i, counts: a, className: o }) {
+	return /* @__PURE__ */ P("div", {
+		className: n("global-search-tabs--component", L.tabs, o),
+		children: /* @__PURE__ */ P(y, {
+			value: e,
 			onValueChange: (e) => r(e),
 			items: i.map((e) => ({
 				id: e.value,
-				label: /* @__PURE__ */ P(M, { children: [e.label, " "] }),
-				badge: /* @__PURE__ */ N(t, {
+				label: /* @__PURE__ */ F(N, { children: [e.label, " "] }),
+				badge: /* @__PURE__ */ P(t, {
 					tag: "span",
 					size: "xs",
 					type: "secondary",
 					numeric: !0,
-					className: I.tabCount,
 					children: a[e.value] ?? 0
 				})
 			}))
@@ -323,7 +322,7 @@ function H({ value: n, onValueChange: r, tabs: i, counts: a, className: o }) {
 }
 //#endregion
 //#region src/components/features/global-search/global-search.strings.ts
-var U = {
+var W = {
 	escKey: "esc",
 	dialogTitle: "Search",
 	placeholder: "Search…",
@@ -340,29 +339,29 @@ var U = {
 };
 //#endregion
 //#region src/components/features/global-search/use-global-search.ts
-function W({ results: e, query: t, onResultSelect: n, onClose: r }) {
-	let [i, a] = j("all"), [o, s] = j(0), [c, l] = j(t);
+function G({ results: e, query: t, onResultSelect: n, onClose: r }) {
+	let [i, a] = M("all"), [o, s] = M(0), [c, l] = M(t);
 	t !== c && (l(t), a("all"), s(0));
-	let u = k(() => {
+	let u = A(() => {
 		let t = Object.create(null);
 		for (let n of e) (t[n.group] ??= []).push(n);
 		return t;
-	}, [e]), d = k(() => {
+	}, [e]), d = A(() => {
 		let t = Object.assign(Object.create(null), { all: e.length });
 		for (let [e, n] of Object.entries(u)) t[e] = n.length;
 		return t;
-	}, [u, e.length]), f = k(() => {
+	}, [u, e.length]), f = A(() => {
 		if (i === "all") return u;
 		let e = u[i];
 		return e ? { [i]: e } : {};
-	}, [i, u]), p = k(() => Object.values(f).flat(), [f]), m = Math.max(0, Math.min(o, p.length - 1));
+	}, [i, u]), p = A(() => Object.values(f).flat(), [f]), m = Math.max(0, Math.min(o, p.length - 1));
 	o !== m && s(m);
-	let h = E((e) => {
+	let h = D((e) => {
 		a(e), s(0);
-	}, []), g = E((e) => {
+	}, []), g = D((e) => {
 		let t = p.findIndex((t) => t.id === e);
 		t >= 0 && s(t);
-	}, [p]), _ = E(() => {
+	}, [p]), _ = D(() => {
 		let e = p[m];
 		e && n?.(e);
 	}, [
@@ -380,7 +379,7 @@ function W({ results: e, query: t, onResultSelect: n, onClose: r }) {
 		activeIndex: m,
 		setActiveIndex: s,
 		setActiveById: g,
-		onKeyDown: E((e) => {
+		onKeyDown: D((e) => {
 			if (!(e.nativeEvent.isComposing || e.keyCode === 229)) {
 				if (e.key === "ArrowDown") e.preventDefault(), s((e) => Math.max(0, Math.min(e + 1, p.length - 1)));
 				else if (e.key === "ArrowUp") e.preventDefault(), s((e) => Math.max(e - 1, 0));
@@ -400,150 +399,150 @@ function W({ results: e, query: t, onResultSelect: n, onClose: r }) {
 }
 //#endregion
 //#region src/components/features/global-search/global-search.tsx
-var G = 2, K = [];
-function q({ results: r = [], query: a, onQueryChange: c, onResultSelect: l, onClose: u, loading: d = !1, idleSections: f, groupLabels: p, autoFocus: m = !1, strings: h, slots: g, tabs: _, className: v }) {
-	let y = {
-		...U,
-		...h
-	}, b = a.trim(), x = !d && b.length < G, S = !d && !x && r.length > 0, C = W({
-		results: S ? r : K,
+var K = 2, q = [];
+function J({ results: i = [], query: a, onQueryChange: o, onResultSelect: s, onClose: l, loading: u = !1, idleSections: p, groupLabels: m, autoFocus: h = !1, strings: g, slots: _, tabs: v, className: y }) {
+	let b = {
+		...W,
+		...g
+	}, x = a.trim(), S = !u && x.length < K, C = !u && !S && i.length > 0, w = G({
+		results: C ? i : q,
 		query: a,
-		onResultSelect: l,
-		onClose: u
-	}), w = !d && !x && C.flat.length === 0, T = A(null), E = A(null), O = C.flat[C.activeIndex], { activeTab: j, setActiveTab: M } = C;
-	D(() => {
-		let e = T.current, t = e?.querySelector("[data-search-active=\"true\"]");
+		onResultSelect: s,
+		onClose: l
+	}), T = !u && !S && w.flat.length === 0, E = j(null), D = j(null), k = w.flat[w.activeIndex], { activeTab: M, setActiveTab: N } = w;
+	O(() => {
+		let e = E.current, t = e?.querySelector("[data-search-active=\"true\"]");
 		if (!e || !t) return;
 		let n = e.getBoundingClientRect(), r = t.getBoundingClientRect();
 		r.top < n.top ? e.scrollTop += r.top - n.top : r.bottom > n.bottom && (e.scrollTop += r.bottom - n.bottom);
-	}, [O?.id]);
-	let B = k(() => _ || [{
+	}, [k?.id]);
+	let V = A(() => v || [{
 		value: "all",
-		label: y.tabAll
-	}, ...Object.keys(C.grouped).map((e) => ({
+		label: b.tabAll
+	}, ...Object.keys(w.grouped).map((e) => ({
 		value: e,
-		label: p?.[e] ?? e
+		label: m?.[e] ?? e
 	}))], [
-		y.tabAll,
-		p,
-		C.grouped,
-		_
+		b.tabAll,
+		m,
+		w.grouped,
+		v
 	]);
-	return D(() => {
-		!d && j !== "all" && !B.some((e) => e.value === j) && M("all");
+	return O(() => {
+		!u && M !== "all" && !V.some((e) => e.value === M) && N("all");
 	}, [
-		d,
-		B,
-		j,
-		M
-	]), /* @__PURE__ */ P("div", {
+		u,
+		V,
+		M,
+		N
+	]), /* @__PURE__ */ F("div", {
 		"data-slot": "global-search",
-		className: e("global-search--component", I.root, v),
+		className: n("global-search--component", L.root, y),
 		children: [
-			g?.input ?? /* @__PURE__ */ N(z, {
-				ref: E,
+			_?.input ?? /* @__PURE__ */ P(B, {
+				ref: D,
 				value: a,
-				onValueChange: c,
-				onKeyDown: C.onKeyDown,
-				placeholder: y.placeholder,
-				clearLabel: y.clear,
-				loading: d,
-				autoFocus: m
+				onValueChange: o,
+				onKeyDown: w.onKeyDown,
+				placeholder: b.placeholder,
+				clearLabel: b.clear,
+				loading: u,
+				autoFocus: h
 			}),
-			S && (g?.tabs ?? /* @__PURE__ */ N(H, {
-				value: C.activeTab,
-				onValueChange: C.setActiveTab,
-				tabs: B,
-				counts: C.tabCounts
+			C && (_?.tabs ?? /* @__PURE__ */ P(U, {
+				value: w.activeTab,
+				onValueChange: w.setActiveTab,
+				tabs: V,
+				counts: w.tabCounts
 			})),
-			/* @__PURE__ */ P(s, {
-				ref: T,
+			/* @__PURE__ */ F(f, {
+				ref: E,
 				tabIndex: -1,
-				className: I.scroll,
-				"aria-busy": d,
+				className: L.scroll,
+				"aria-busy": u,
 				children: [
-					x && (g?.idle ?? (f && f.length > 0 ? /* @__PURE__ */ N(R, { sections: f }) : null)),
-					d && (g?.loading ?? /* @__PURE__ */ N(n, {
-						label: y.loading,
-						className: I.loading
+					S && (_?.idle ?? (p && p.length > 0 ? /* @__PURE__ */ P(z, { sections: p }) : null)),
+					u && (_?.loading ?? /* @__PURE__ */ P(c, {
+						label: b.loading,
+						className: L.loading
 					})),
-					w && (g?.empty ?? /* @__PURE__ */ N(F, {
-						title: y.emptyTitle(a),
-						hint: y.emptyHint
+					T && (_?.empty ?? /* @__PURE__ */ P(I, {
+						title: b.emptyTitle(a),
+						hint: b.emptyHint
 					})),
-					S && /* @__PURE__ */ N("div", {
-						className: I.results,
-						children: Object.entries(C.visibleGrouped).map(([e, n]) => /* @__PURE__ */ P("div", {
-							className: I.group,
-							children: [/* @__PURE__ */ P("div", {
-								className: I.groupHeader,
-								children: [/* @__PURE__ */ N(t, {
+					C && /* @__PURE__ */ P("div", {
+						className: L.results,
+						children: Object.entries(w.visibleGrouped).map(([i, o]) => /* @__PURE__ */ F("div", {
+							className: L.group,
+							children: [/* @__PURE__ */ F("div", {
+								className: n(L.groupHeader, e({ size: "xs" })),
+								children: [/* @__PURE__ */ P(t, {
 									tag: "span",
 									size: "xs",
 									type: "secondary",
 									weight: "medium",
-									children: p?.[e] ?? e
-								}), C.activeTab === "all" && n.length > 0 && /* @__PURE__ */ P(i, {
+									children: m?.[i] ?? i
+								}), w.activeTab === "all" && o.length > 0 && /* @__PURE__ */ F(r, {
 									"data-hit-area": !0,
 									onClick: () => {
-										C.setActiveTab(e), E.current?.focus();
+										w.setActiveTab(i), D.current?.focus();
 									},
 									children: [
-										y.seeAll,
+										b.seeAll,
 										" ",
-										/* @__PURE__ */ N(o, { children: p?.[e] ?? e })
+										/* @__PURE__ */ P(d, { children: m?.[i] ?? i })
 									]
 								})]
-							}), /* @__PURE__ */ N("ul", {
-								className: I.list,
-								children: n.map((e) => {
-									let t = C.flat[C.activeIndex]?.id === e.id, n = () => l?.(e);
-									return /* @__PURE__ */ N("li", {
+							}), /* @__PURE__ */ P("ul", {
+								className: L.list,
+								children: o.map((e) => {
+									let t = w.flat[w.activeIndex]?.id === e.id, n = () => s?.(e);
+									return /* @__PURE__ */ P("li", {
 										"data-search-active": t,
-										children: g?.renderResult?.(e, {
+										children: _?.renderResult?.(e, {
 											isActive: t,
 											query: a,
 											onSelect: n
-										}) ?? /* @__PURE__ */ N(V, {
+										}) ?? /* @__PURE__ */ P(H, {
 											result: e,
 											active: t,
 											query: a,
 											onSelect: n,
-											onMouseEnter: () => C.setActiveById(e.id),
-											onFocus: () => C.setActiveById(e.id)
+											onMouseEnter: () => w.setActiveById(e.id),
+											onFocus: () => w.setActiveById(e.id)
 										})
 									}, e.id);
 								})
 							})]
-						}, e))
+						}, i))
 					})
 				]
 			}),
-			/* @__PURE__ */ N(o, {
+			/* @__PURE__ */ P(d, {
 				role: "status",
 				"aria-live": "polite",
 				"aria-atomic": "true",
-				children: O && /* @__PURE__ */ P(t, {
+				children: k && /* @__PURE__ */ F(t, {
 					tag: "span",
 					children: [
-						C.activeIndex + 1,
+						w.activeIndex + 1,
 						" / ",
-						C.flat.length,
+						w.flat.length,
 						": ",
-						O.title
+						k.title
 					]
 				})
 			}),
-			g?.footer ?? /* @__PURE__ */ N(L, {
-				navigateLabel: y.footerNavigate,
-				openLabel: y.footerOpen,
-				closeLabel: y.footerClose,
-				escKey: y.escKey,
-				trailing: S ? /* @__PURE__ */ N(t, {
+			_?.footer ?? /* @__PURE__ */ P(R, {
+				navigateLabel: b.footerNavigate,
+				openLabel: b.footerOpen,
+				closeLabel: b.footerClose,
+				escKey: b.escKey,
+				trailing: C ? /* @__PURE__ */ P(t, {
 					tag: "span",
 					size: "xs",
 					type: "secondary",
-					children: y.resultsCount(C.flat.length)
+					children: b.resultsCount(w.flat.length)
 				}) : void 0
 			})
 		]
@@ -551,23 +550,23 @@ function q({ results: r = [], query: a, onQueryChange: c, onResultSelect: l, onC
 }
 //#endregion
 //#region src/components/features/global-search/global-search-dialog.tsx
-function J({ open: t, onOpenChange: n, contentClassName: r, className: i, strings: a, autoFocus: o = !0, ...s }) {
+function Y({ open: e, onOpenChange: t, contentClassName: r, className: i, strings: a, autoFocus: o = !0, ...s }) {
 	let c = {
-		...U,
+		...W,
 		...a
-	}, l = E(() => n(!1), [n]);
-	return /* @__PURE__ */ N(y, {
-		open: t,
-		onOpenChange: n,
+	}, l = D(() => t(!1), [t]);
+	return /* @__PURE__ */ P(b, {
+		open: e,
+		onOpenChange: t,
 		title: c.dialogTitle,
 		hideHeader: !0,
 		showCloseButton: !1,
 		showCancel: !1,
 		showConfirm: !1,
 		width: "lg",
-		className: e("global-search-dialog--component", I.dialogSurface, r),
-		contentClassName: I.dialogContent,
-		children: /* @__PURE__ */ N(q, {
+		className: n("global-search-dialog--component", L.dialogSurface, r),
+		contentClassName: L.dialogContent,
+		children: /* @__PURE__ */ P(J, {
 			...s,
 			strings: a,
 			autoFocus: o,
@@ -580,4 +579,4 @@ function J({ open: t, onOpenChange: n, contentClassName: r, className: i, string
 	});
 }
 //#endregion
-export { q as GlobalSearch, J as GlobalSearchDialog, F as GlobalSearchEmptyState, L as GlobalSearchFooter, R as GlobalSearchIdleState, z as GlobalSearchInput, V as GlobalSearchResultRow, H as GlobalSearchTabs, U as defaultGlobalSearchStrings, W as useGlobalSearch };
+export { J as GlobalSearch, Y as GlobalSearchDialog, I as GlobalSearchEmptyState, R as GlobalSearchFooter, z as GlobalSearchIdleState, B as GlobalSearchInput, H as GlobalSearchResultRow, U as GlobalSearchTabs, W as defaultGlobalSearchStrings, G as useGlobalSearch };