admin-ui-starter-kit 0.1.3 → 0.4.2

package/dist/components/features/global-search/index.js

@@ -1,15 +1,18 @@
-import { cn as e } from "../../../lib/utils.js";
-import { t } from "../../../_shared/text-DIxMTECE.js";
-import { t as n } from "../../../_shared/badge-BVCh_hfL.js";
-import { o as r, r as i, t as a } from "../../../_shared/avatar-CpBz9pTv.js";
-import * as o from "react";
-import { useEffect as s, useMemo as c, useRef as l, useState as u } from "react";
-import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
-import { ArrowRight as m, Clock as h, Loader2 as g, Search as _, Sparkles as v, X as y } from "lucide-react";
-import { cva as b } from "class-variance-authority";
-import { Tabs as x } from "@base-ui/react/tabs";
+import { useStrings as e } from "../../../lib/strings.js";
+import { cn as t } from "../../../lib/utils.js";
+import { n } from "../../../_shared/heading-HeP06nXG.js";
+import { t as r } from "../../../_shared/badge-yGlx9trX.js";
+import { t as i } from "../../../_shared/button-SuocMQFT.js";
+import { t as a } from "../../../_shared/input-C7t-RHYq.js";
+import { o, r as s, t as c } from "../../../_shared/avatar-CBi4LGxy.js";
+import * as l from "react";
+import { useEffect as u, useMemo as d, useRef as f, useState as p } from "react";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { ArrowRight as _, Clock as v, Loader2 as y, Search as b, Sparkles as x, X as S } from "lucide-react";
+import { cva as C } from "class-variance-authority";
+import { Tabs as w } from "@base-ui/react/tabs";
 //#region src/components/features/global-search/global-search.strings.ts
-var S = {
+var T = {
 	placeholder: "Search…",
 	clear: "Clear search",
 	loading: "Searching…",
@@ -24,7 +27,7 @@ var S = {
 	resultsCount: "{{count}} results",
 	seeAll: "See all"
 };
-function C(e, t) {
+function E(e, t) {
 	return e.replace(/\{\{\s*(\w+)\s*\}\}/g, (e, n) => {
 		let r = t[n];
 		return r === void 0 ? e : String(r);
@@ -32,48 +35,48 @@ function C(e, t) {
 }
 //#endregion
 //#region src/components/features/global-search/hooks/use-global-search.ts
-function w({ results: e, query: t, onResultSelect: n, onClose: r }) {
-	let [i, a] = u("all"), [o, d] = u(0);
-	s(() => {
-		a("all"), d(0);
+function D({ results: e, query: t, onResultSelect: n, onClose: r }) {
+	let [i, a] = p("all"), [o, s] = p(0);
+	u(() => {
+		a("all"), s(0);
 	}, [t]);
-	let f = c(() => {
+	let c = d(() => {
 		let t = {};
 		for (let n of e) (t[n.group] ??= []).push(n);
 		return t;
-	}, [e]), p = c(() => {
+	}, [e]), l = d(() => {
 		let t = { all: e.length };
-		for (let [e, n] of Object.entries(f)) t[e] = n.length;
+		for (let [e, n] of Object.entries(c)) t[e] = n.length;
 		return t;
-	}, [e.length, f]), m = c(() => {
-		if (i === "all") return f;
-		let e = f[i];
+	}, [e.length, c]), m = d(() => {
+		if (i === "all") return c;
+		let e = c[i];
 		return e ? { [i]: e } : {};
-	}, [f, i]), h = c(() => i === "all" ? e.slice() : f[i] ?? [], [
+	}, [c, i]), h = d(() => i === "all" ? e.slice() : c[i] ?? [], [
 		i,
-		f,
+		c,
 		e
-	]), g = l(o);
+	]), g = f(o);
 	g.current = o;
-	let _ = l(h);
+	let _ = f(h);
 	return _.current = h, {
-		grouped: f,
-		tabCounts: p,
+		grouped: c,
+		tabCounts: l,
 		activeTab: i,
 		setActiveTab: (e) => {
-			a(e), d(0);
+			a(e), s(0);
 		},
 		visibleGrouped: m,
 		flat: h,
 		activeIdx: o,
-		setActiveIdx: d,
+		setActiveIdx: s,
 		setActiveById: (e) => {
 			let t = _.current.findIndex((t) => t.id === e);
-			t >= 0 && d(t);
+			t >= 0 && s(t);
 		},
 		onKeyDown: (e) => {
-			if (e.key === "ArrowDown") e.preventDefault(), d((e) => Math.min(e + 1, _.current.length - 1));
-			else if (e.key === "ArrowUp") e.preventDefault(), d((e) => Math.max(e - 1, 0));
+			if (e.key === "ArrowDown") e.preventDefault(), s((e) => Math.min(e + 1, _.current.length - 1));
+			else if (e.key === "ArrowUp") e.preventDefault(), s((e) => Math.max(e - 1, 0));
 			else if (e.key === "Enter") {
 				let t = _.current[g.current];
 				t && (e.preventDefault(), n?.(t));
@@ -87,64 +90,64 @@ function w({ results: e, query: t, onResultSelect: n, onClose: r }) {
 }
 //#endregion
 //#region src/components/features/global-search/partials/global-search-empty-state.tsx
-function T({ title: e, hint: n }) {
-	return /* @__PURE__ */ p("div", {
+function O({ title: e, hint: t }) {
+	return /* @__PURE__ */ g("div", {
 		className: "px-6 py-12 text-center",
 		children: [
-			/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ h("div", {
 				className: "mx-auto mb-3 inline-flex size-10 items-center justify-center rounded-full bg-muted/60",
-				children: /* @__PURE__ */ f(_, {
+				children: /* @__PURE__ */ h(b, {
 					className: "size-4 text-muted-foreground",
 					"aria-hidden": "true"
 				})
 			}),
-			/* @__PURE__ */ f(t, {
+			/* @__PURE__ */ h(n, {
 				weight: "medium",
 				children: e
 			}),
-			/* @__PURE__ */ f(t, {
+			/* @__PURE__ */ h(n, {
 				size: "xs",
 				type: "secondary",
 				className: "mt-1",
-				children: n
+				children: t
 			})
 		]
 	});
 }
 //#endregion
 //#region src/components/features/global-search/partials/global-search-footer.tsx
-var E = "rounded border border-border bg-muted/40 px-1.5 py-0.5 font-mono text-xs leading-none text-muted-foreground";
-function D({ navigateLabel: n, openLabel: r, closeLabel: i, trailing: a, className: o }) {
-	return /* @__PURE__ */ p("div", {
-		className: e("flex items-center justify-between border-t border-border/60 px-4 py-2", o),
-		children: [/* @__PURE__ */ p("span", {
+var k = "rounded border border-border bg-muted/40 px-1.5 py-0.5 font-mono text-xs leading-none text-muted-foreground";
+function A({ navigateLabel: e, openLabel: r, closeLabel: i, trailing: a, className: o }) {
+	return /* @__PURE__ */ g("div", {
+		className: t("flex items-center justify-between border-t border-border/60 px-4 py-2", o),
+		children: [/* @__PURE__ */ g("span", {
 			className: "flex items-center gap-2",
 			children: [
-				/* @__PURE__ */ f("kbd", {
-					className: E,
+				/* @__PURE__ */ h("kbd", {
+					className: k,
 					children: "↑↓"
 				}),
-				/* @__PURE__ */ f(t, {
+				/* @__PURE__ */ h(n, {
 					tag: "span",
 					size: "xxs",
 					type: "secondary",
-					children: n
+					children: e
 				}),
-				/* @__PURE__ */ f("kbd", {
-					className: E,
+				/* @__PURE__ */ h("kbd", {
+					className: k,
 					children: "↵"
 				}),
-				/* @__PURE__ */ f(t, {
+				/* @__PURE__ */ h(n, {
 					tag: "span",
 					size: "xxs",
 					type: "secondary",
 					children: r
 				}),
-				/* @__PURE__ */ f("kbd", {
-					className: E,
+				/* @__PURE__ */ h("kbd", {
+					className: k,
 					children: "esc"
 				}),
-				/* @__PURE__ */ f(t, {
+				/* @__PURE__ */ h(n, {
 					tag: "span",
 					size: "xxs",
 					type: "secondary",
@@ -156,195 +159,208 @@ function D({ navigateLabel: n, openLabel: r, closeLabel: i, trailing: a, classNa
 }
 //#endregion
 //#region src/components/features/global-search/partials/global-search-idle-state.tsx
-function O({ sections: n, fallbackIcons: r }) {
-	return /* @__PURE__ */ f("div", {
+function j({ sections: e, fallbackIcons: r }) {
+	return /* @__PURE__ */ h("div", {
 		className: "space-y-4 px-2 py-3",
-		children: n.map((n, i) => /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ p("div", {
+		children: e.map((e, a) => /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ g("div", {
 			className: "flex items-center gap-2 px-3 pb-1.5",
-			children: [/* @__PURE__ */ f(n.icon ?? (i === 0 ? r?.recent ?? h : r?.suggestions ?? v), {
+			children: [/* @__PURE__ */ h(e.icon ?? (a === 0 ? r?.recent ?? v : r?.suggestions ?? x), {
 				className: "size-3.5 text-muted-foreground",
 				"aria-hidden": "true"
-			}), /* @__PURE__ */ f(t, {
+			}), /* @__PURE__ */ h(n, {
 				size: "xxs",
 				type: "secondary",
 				weight: "medium",
 				className: "uppercase tracking-wider",
-				children: n.label
+				children: e.label
 			})]
-		}), /* @__PURE__ */ f("ul", {
-			className: "space-y-0.5",
-			children: n.items.map((n) => {
-				let r = n.icon ?? _;
-				return /* @__PURE__ */ f("li", { children: /* @__PURE__ */ p("button", {
+		}), /* @__PURE__ */ h("ul", {
+			className: "m-0 list-none space-y-0.5 p-0",
+			children: e.items.map((e) => {
+				let r = e.icon ?? b;
+				return /* @__PURE__ */ h("li", { children: /* @__PURE__ */ g(i, {
 					type: "button",
-					onClick: n.onSelect,
-					className: e("flex w-full items-center gap-3 rounded-md px-3 py-1.5 text-left transition-colors", "hover:bg-muted/50 focus-visible:bg-muted/50 focus-visible:outline-none"),
-					children: [/* @__PURE__ */ f(r, {
+					variant: "secondary",
+					buttonStyle: "ghost",
+					size: "sm",
+					onClick: e.onSelect,
+					className: t("h-auto w-full justify-start gap-3 rounded-md px-3 py-1.5 text-left transition-colors", "hover:bg-muted/50 focus-visible:bg-muted/50"),
+					children: [/* @__PURE__ */ h(r, {
 						className: "size-3.5 text-muted-foreground",
 						"aria-hidden": "true"
-					}), /* @__PURE__ */ f(t, {
+					}), /* @__PURE__ */ h(n, {
 						className: "flex-1 truncate",
-						children: n.label
+						children: e.label
 					})]
-				}) }, n.id);
+				}) }, e.id);
 			})
-		})] }, n.id))
+		})] }, e.id))
 	});
 }
 //#endregion
 //#region src/components/features/global-search/partials/global-search-input.tsx
-var k = o.forwardRef(function({ value: e, onChange: t, onKeyDown: n, placeholder: r, clearLabel: i = "Clear search", loading: a = !1, autoFocus: s = !1 }, c) {
-	let l = o.useRef(null);
-	return o.useImperativeHandle(c, () => l.current), o.useEffect(() => {
-		s && l.current?.focus();
-	}, [s]), /* @__PURE__ */ p("div", {
+var M = l.forwardRef(function({ value: e, onChange: t, onKeyDown: n, placeholder: r, clearLabel: o = "Clear search", loading: s = !1, autoFocus: c = !1 }, u) {
+	let d = l.useRef(null);
+	return l.useImperativeHandle(u, () => d.current), l.useEffect(() => {
+		c && d.current?.focus();
+	}, [c]), /* @__PURE__ */ g("div", {
 		className: "flex items-center gap-3 border-b border-border px-4 py-3",
 		children: [
-			/* @__PURE__ */ f(_, {
+			/* @__PURE__ */ h(b, {
 				className: "size-4 shrink-0 text-muted-foreground",
 				"aria-hidden": "true"
 			}),
-			/* @__PURE__ */ f("input", {
-				ref: l,
-				type: "text",
-				value: e,
-				onChange: (e) => t(e.target.value),
-				onKeyDown: n,
-				placeholder: r,
-				"aria-label": r,
-				autoComplete: "off",
-				spellCheck: !1,
-				className: "flex-1 bg-transparent text-sm outline-none placeholder:text-muted-foreground"
+			/* @__PURE__ */ h("div", {
+				className: "min-w-0 flex-1",
+				children: /* @__PURE__ */ h(a, {
+					ref: d,
+					type: "text",
+					value: e,
+					onChange: (e) => t(e.target.value),
+					onKeyDown: n,
+					placeholder: r,
+					"aria-label": r,
+					autoComplete: "off",
+					spellCheck: !1,
+					size: "sm",
+					className: "h-auto border-0 bg-transparent px-0 py-0 text-sm shadow-none focus-visible:border-transparent focus-visible:ring-0"
+				})
 			}),
-			a && /* @__PURE__ */ f(g, {
+			s && /* @__PURE__ */ h(y, {
 				className: "size-4 shrink-0 animate-spin text-muted-foreground",
 				"aria-hidden": "true"
 			}),
-			!a && !!e && /* @__PURE__ */ f("button", {
+			!s && !!e && /* @__PURE__ */ h(i, {
 				type: "button",
+				variant: "secondary",
+				buttonStyle: "ghost",
+				size: "icon-xs",
 				onClick: () => t(""),
-				"aria-label": i,
-				className: "inline-flex size-6 items-center justify-center rounded text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-				children: /* @__PURE__ */ f(y, { className: "size-3.5" })
+				"aria-label": o,
+				className: "size-6 rounded text-muted-foreground hover:bg-muted hover:text-foreground",
+				children: /* @__PURE__ */ h(S, { className: "size-3.5" })
 			})
 		]
 	});
-}), A = {
-	primary: "bg-primary/10 text-primary",
-	success: "bg-success/15 text-success",
+}), N = {
+	primary: "bg-primary/5 text-primary",
+	success: "bg-success/10 text-success",
 	warning: "bg-warning/20 text-warning-foreground",
-	info: "bg-info/15 text-info",
-	destructive: "bg-destructive/15 text-destructive",
+	info: "bg-info/10 text-info",
+	destructive: "bg-destructive/10 text-destructive",
 	default: "bg-muted text-muted-foreground"
-}, j = {
-	primary: "bg-primary/15 text-primary",
-	success: "bg-success/15 text-success",
+}, P = {
+	primary: "bg-primary/10 text-primary",
+	success: "bg-success/10 text-success",
 	warning: "bg-warning/20 text-warning-foreground",
-	info: "bg-info/15 text-info",
-	destructive: "bg-destructive/15 text-destructive",
+	info: "bg-info/10 text-info",
+	destructive: "bg-destructive/10 text-destructive",
 	default: "bg-muted text-muted-foreground"
 };
 //#endregion
 //#region src/components/features/global-search/partials/global-search-result-row.tsx
-function M(e, t) {
+function F(e, t) {
 	let n = (t ?? "").trim();
 	if (!n) return e;
 	let r = e.toLowerCase(), i = n.toLowerCase(), a = r.indexOf(i);
-	return a < 0 ? e : /* @__PURE__ */ p(d, { children: [
+	return a < 0 ? e : /* @__PURE__ */ g(m, { children: [
 		e.slice(0, a),
-		/* @__PURE__ */ f("mark", {
+		/* @__PURE__ */ h("mark", {
 			className: "rounded-sm bg-warning/40 px-0.5 text-foreground",
 			children: e.slice(a, a + n.length)
 		}),
 		e.slice(a + n.length)
 	] });
 }
-function N({ result: o, isActive: s = !1, query: c = "", onSelect: l, onMouseEnter: u, toneBg: d, toneAvatar: h, className: g }) {
-	let _ = o.thumbnail?.icon, v = {
-		...A,
-		...d
-	}, y = {
-		...j,
-		...h
+function I({ result: e, isActive: a = !1, query: l = "", onSelect: u, onMouseEnter: d, toneBg: f, toneAvatar: p, className: m }) {
+	let v = e.thumbnail?.icon, y = {
+		...N,
+		...f
+	}, b = {
+		...P,
+		...p
 	};
-	return /* @__PURE__ */ p("button", {
+	return /* @__PURE__ */ g(i, {
 		type: "button",
-		onMouseEnter: u,
-		onClick: l,
-		className: e("group/row relative flex w-full items-center gap-3 rounded-lg px-3 py-(--row-py) text-left transition-colors", "focus-visible:outline-none", s ? "bg-muted/60" : "hover:bg-muted/40", g),
+		variant: "secondary",
+		buttonStyle: "ghost",
+		size: "sm",
+		onMouseEnter: d,
+		onClick: u,
+		className: t("group/row relative h-auto w-full justify-start gap-3 rounded-lg px-3 py-(--row-py) text-left transition-colors", a ? "bg-muted/60" : "hover:bg-muted/40", m),
 		children: [
-			/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ h("div", {
 				className: "flex shrink-0 items-center",
-				children: o.avatar ? /* @__PURE__ */ p(a, {
-					className: e("size-8", y[o.avatar.tone ?? "default"]),
-					children: [o.avatar.src && /* @__PURE__ */ f(r, {
-						src: o.avatar.src,
-						alt: o.title
-					}), /* @__PURE__ */ f(i, {
-						className: e("text-xs font-semibold", y[o.avatar.tone ?? "default"]),
-						children: o.avatar.initials
+				children: e.avatar ? /* @__PURE__ */ g(c, {
+					className: t("size-8", b[e.avatar.tone ?? "default"]),
+					children: [e.avatar.src && /* @__PURE__ */ h(o, {
+						src: e.avatar.src,
+						alt: e.title
+					}), /* @__PURE__ */ h(s, {
+						className: t("text-xs font-semibold", b[e.avatar.tone ?? "default"]),
+						children: e.avatar.initials
 					})]
-				}) : _ ? /* @__PURE__ */ f("span", {
-					className: e("inline-flex size-8 items-center justify-center rounded-md", v[o.thumbnail?.tone ?? "default"]),
-					children: /* @__PURE__ */ f(_, {
+				}) : v ? /* @__PURE__ */ h("span", {
+					className: t("inline-flex size-8 items-center justify-center rounded-md", y[e.thumbnail?.tone ?? "default"]),
+					children: /* @__PURE__ */ h(v, {
 						className: "size-4",
 						"aria-hidden": "true"
 					})
 				}) : null
 			}),
-			/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ g("div", {
 				className: "min-w-0 flex-1",
-				children: [/* @__PURE__ */ p("div", {
+				children: [/* @__PURE__ */ g("div", {
 					className: "flex items-center gap-2 leading-tight",
-					children: [/* @__PURE__ */ f(t, {
+					children: [/* @__PURE__ */ h(n, {
 						tag: "span",
 						weight: "semibold",
 						className: "truncate",
-						children: M(o.title, c)
-					}), !!o.badge && /* @__PURE__ */ f(n, {
-						variant: o.badge.tone === "destructive" ? "error" : o.badge.tone,
-						children: o.badge.label
+						children: F(e.title, l)
+					}), !!e.badge && /* @__PURE__ */ h(r, {
+						variant: e.badge.tone === "destructive" ? "error" : e.badge.tone,
+						children: e.badge.label
 					})]
 				}), (() => {
-					let n = [];
-					return o.subtitle && n.push({
+					let r = [];
+					return e.subtitle && r.push({
 						key: "subtitle",
-						node: /* @__PURE__ */ f("span", { children: M(o.subtitle, c) })
-					}), o.meta?.forEach((t, r) => {
-						let i = t.icon;
-						n.push({
-							key: `m-${r}`,
-							node: /* @__PURE__ */ p("span", {
-								className: e("inline-flex items-center gap-1", t.mono && "font-mono tabular-nums"),
-								children: [!!i && /* @__PURE__ */ f(i, {
+						node: /* @__PURE__ */ h("span", { children: F(e.subtitle, l) })
+					}), e.meta?.forEach((e, n) => {
+						let i = e.icon;
+						r.push({
+							key: `m-${n}`,
+							node: /* @__PURE__ */ g("span", {
+								className: t("inline-flex items-center gap-1", e.mono && "font-mono tabular-nums"),
+								children: [!!i && /* @__PURE__ */ h(i, {
 									className: "size-3 shrink-0",
 									"aria-hidden": "true"
-								}), t.label]
+								}), e.label]
 							})
 						});
-					}), o.timestamp && n.push({
+					}), e.timestamp && r.push({
 						key: "ts",
-						node: /* @__PURE__ */ f("span", {
+						node: /* @__PURE__ */ h("span", {
 							className: "tabular-nums",
-							children: o.timestamp
+							children: e.timestamp
 						})
-					}), o.tags?.forEach((e) => n.push({
+					}), e.tags?.forEach((e) => r.push({
 						key: `t-${e}`,
-						node: /* @__PURE__ */ f("span", { children: e })
-					})), o.rightValue && n.push({
+						node: /* @__PURE__ */ h("span", { children: e })
+					})), e.rightValue && r.push({
 						key: "rv",
-						node: /* @__PURE__ */ p("span", {
+						node: /* @__PURE__ */ g("span", {
 							className: "font-medium tabular-nums text-foreground",
-							children: [o.rightValue, !!o.rightLabel && /* @__PURE__ */ f("span", {
+							children: [e.rightValue, !!e.rightLabel && /* @__PURE__ */ h("span", {
 								className: "ml-1 font-normal text-muted-foreground",
-								children: o.rightLabel.toLowerCase()
+								children: e.rightLabel.toLowerCase()
 							})]
 						})
-					}), n.length === 0 ? null : /* @__PURE__ */ f(t, {
+					}), r.length === 0 ? null : /* @__PURE__ */ h(n, {
 						size: "xs",
 						type: "secondary",
 						className: "mt-0.5 truncate",
-						children: n.map((e, t) => /* @__PURE__ */ p("span", { children: [t > 0 && /* @__PURE__ */ f("span", {
+						children: r.map((e, t) => /* @__PURE__ */ g("span", { children: [t > 0 && /* @__PURE__ */ h("span", {
 							"aria-hidden": "true",
 							className: "mx-1.5 text-muted-foreground/60",
 							children: "·"
@@ -352,87 +368,91 @@ function N({ result: o, isActive: s = !1, query: c = "", onSelect: l, onMouseEnt
 					});
 				})()]
 			}),
-			!!(o.rightValue || o.rightLabel) && /* @__PURE__ */ f("div", {
+			!!(e.rightValue || e.rightLabel) && /* @__PURE__ */ h("div", {
 				className: "hidden shrink-0 items-center self-stretch border-l border-border/60 pl-3 md:flex",
-				children: /* @__PURE__ */ p("div", {
+				children: /* @__PURE__ */ g("div", {
 					className: "flex flex-col items-end gap-0 text-right leading-tight",
-					children: [!!o.rightValue && /* @__PURE__ */ f(t, {
+					children: [!!e.rightValue && /* @__PURE__ */ h(n, {
 						tag: "span",
 						weight: "semibold",
 						className: "whitespace-nowrap tabular-nums",
-						children: o.rightValue
-					}), !!o.rightLabel && /* @__PURE__ */ f(t, {
+						children: e.rightValue
+					}), !!e.rightLabel && /* @__PURE__ */ h(n, {
 						tag: "span",
 						size: "xxs",
 						type: "secondary",
 						className: "mt-0.5 whitespace-nowrap",
-						children: o.rightLabel
+						children: e.rightLabel
 					})]
 				})
 			}),
-			/* @__PURE__ */ f("span", {
+			/* @__PURE__ */ h("span", {
 				"aria-hidden": "true",
-				className: e("inline-flex size-7 shrink-0 items-center justify-center rounded-md transition-all", s ? "bg-foreground text-background opacity-100" : "text-muted-foreground opacity-0 group-hover/row:opacity-100"),
-				children: /* @__PURE__ */ f(m, { className: "size-3.5" })
+				className: t("inline-flex size-7 shrink-0 items-center justify-center rounded-md transition-all", a ? "bg-foreground text-background opacity-100" : "text-muted-foreground opacity-0 group-hover/row:opacity-100"),
+				children: /* @__PURE__ */ h(_, { className: "size-3.5" })
 			})
 		]
 	});
 }
 //#endregion
 //#region src/components/ui/tabs.tsx
-function P({ className: t, orientation: n = "horizontal", ...r }) {
-	return /* @__PURE__ */ f(x.Root, {
+function L({ className: e, orientation: n = "horizontal", ...r }) {
+	return /* @__PURE__ */ h(w.Root, {
 		"data-slot": "tabs",
 		"data-orientation": n,
-		className: e("gap-2 group/tabs flex data-[orientation=horizontal]:flex-col", t),
+		className: t("gap-2 group/tabs flex data-[orientation=horizontal]:flex-col", e),
 		...r
 	});
 }
-var F = b("rounded-lg p-[3px] group-data-horizontal/tabs:h-9 data-[variant=line]:rounded-none group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col", {
+var R = C("rounded-lg p-[3px] group-data-horizontal/tabs:h-9 data-[variant=line]:rounded-none group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col", {
 	variants: { variant: {
 		default: "bg-muted",
 		line: "gap-1 bg-transparent"
 	} },
 	defaultVariants: { variant: "default" }
 });
-function I({ className: t, variant: n = "default", ...r }) {
-	return /* @__PURE__ */ f(x.List, {
+function z({ className: e, variant: n = "default", ...r }) {
+	return /* @__PURE__ */ h(w.List, {
 		"data-slot": "tabs-list",
 		"data-variant": n,
-		className: e(F({ variant: n }), t),
+		className: t(R({ variant: n }), e),
 		...r
 	});
 }
-function L({ className: t, ...n }) {
-	return /* @__PURE__ */ f(x.Tab, {
+function B({ className: e, ...n }) {
+	return /* @__PURE__ */ h(w.Tab, {
 		"data-slot": "tabs-trigger",
-		className: e("gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg:not([class*='size-'])]:size-4 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center whitespace-nowrap transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent", "data-active:bg-background data-active:text-foreground", "after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100", t),
+		className: t("gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg:not([class*='size-'])]:size-4 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center whitespace-nowrap transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent", "data-active:bg-background data-active:text-foreground", "after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100", e),
 		...n
 	});
 }
 //#endregion
 //#region src/components/features/global-search/partials/global-search-tabs.tsx
-function R({ value: n, onValueChange: r, tabs: i, counts: a }) {
-	return /* @__PURE__ */ f("div", {
-		className: "border-b border-border/60 px-3 py-2",
-		children: /* @__PURE__ */ f(P, {
-			value: n,
-			onValueChange: (e) => r(e),
-			children: /* @__PURE__ */ f(I, {
-				className: "h-8 w-fit",
-				children: i.map((r) => {
-					let i = n === r.value, o = a[r.value] ?? 0;
-					return /* @__PURE__ */ p(L, {
-						value: r.value,
-						className: "gap-1.5 px-2.5 text-xs",
-						children: [/* @__PURE__ */ f("span", { children: r.label }), /* @__PURE__ */ f(t, {
-							tag: "span",
-							size: "xxs",
-							weight: "medium",
-							className: e("rounded px-1 py-0 tabular-nums", i ? "bg-muted text-muted-foreground" : "bg-transparent text-muted-foreground/70"),
-							children: o
-						})]
-					}, r.value);
+function V({ value: e, onValueChange: r, tabs: i, counts: a }) {
+	return /* @__PURE__ */ h("div", {
+		className: "global-search-tabs--component border-b border-border/60 px-3 py-2",
+		children: /* @__PURE__ */ h("div", {
+			className: "global-search-tabs--scroller -mx-1 overflow-x-auto px-1 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
+			children: /* @__PURE__ */ h(L, {
+				value: e,
+				onValueChange: (e) => r(e),
+				className: "min-w-max",
+				children: /* @__PURE__ */ h(z, {
+					className: "global-search-tabs--list h-8 w-max min-w-max",
+					children: i.map((r) => {
+						let i = e === r.value, o = a[r.value] ?? 0;
+						return /* @__PURE__ */ g(B, {
+							value: r.value,
+							className: "global-search-tabs--trigger shrink-0 gap-1.5 px-2.5 text-xs",
+							children: [/* @__PURE__ */ h("span", { children: r.label }), /* @__PURE__ */ h(n, {
+								tag: "span",
+								size: "xxs",
+								weight: "medium",
+								className: t("global-search-tabs--count rounded px-1 py-0 tabular-nums", i ? "bg-muted text-muted-foreground" : "bg-transparent text-muted-foreground/70"),
+								children: o
+							})]
+						}, r.value);
+					})
 				})
 			})
 		})
@@ -440,126 +460,126 @@ function R({ value: n, onValueChange: r, tabs: i, counts: a }) {
 }
 //#endregion
 //#region src/components/features/global-search/global-search.tsx
-function z({ results: n = [], query: r, onQueryChange: i, onResultSelect: a, onClose: s, loading: c = !1, idleSections: l, groupLabels: u, autoFocus: d = !1, strings: m, slots: h, tabs: g, className: _ }) {
-	let v = {
-		...S,
-		...m
-	}, y = w({
-		results: n,
-		query: r,
-		onResultSelect: a,
-		onClose: s
-	}), b = !c && r.trim().length > 1 && n.length === 0, x = !c && r.trim().length <= 1, E = o.useMemo(() => {
-		if (g) return g;
-		let e = Object.keys(y.grouped);
+function H({ results: r = [], query: a, onQueryChange: o, onResultSelect: s, onClose: c, loading: u = !1, idleSections: d, groupLabels: f, autoFocus: p = !1, strings: m, slots: _, tabs: v, className: y }) {
+	let b = e(T, m), x = D({
+		results: r,
+		query: a,
+		onResultSelect: s,
+		onClose: c
+	}), S = !u && a.trim().length > 1 && r.length === 0, C = !u && a.trim().length <= 1, w = l.useMemo(() => {
+		if (v) return v;
+		let e = Object.keys(x.grouped);
 		return [{
 			value: "all",
-			label: v.tabAll
+			label: b.tabAll
 		}, ...e.map((e) => ({
 			value: e,
-			label: u?.[e] ?? e
+			label: f?.[e] ?? e
 		}))];
 	}, [
-		g,
-		y.grouped,
-		v.tabAll,
-		u
+		v,
+		x.grouped,
+		b.tabAll,
+		f
 	]);
-	return /* @__PURE__ */ p("div", {
-		className: e("global-search--component", "overflow-hidden rounded-xl border border-border bg-card shadow-2xl", _),
+	return /* @__PURE__ */ g("div", {
+		className: t("global-search--component", "overflow-hidden rounded-xl border border-border bg-card shadow-2xl", y),
 		children: [
-			h?.input ?? /* @__PURE__ */ f(k, {
-				value: r,
-				onChange: i,
-				onKeyDown: y.onKeyDown,
-				placeholder: v.placeholder,
-				clearLabel: v.clear,
-				loading: c,
-				autoFocus: d
+			_?.input ?? /* @__PURE__ */ h(M, {
+				value: a,
+				onChange: o,
+				onKeyDown: x.onKeyDown,
+				placeholder: b.placeholder,
+				clearLabel: b.clear,
+				loading: u,
+				autoFocus: p
 			}),
-			!c && n.length > 0 && (h?.tabs ?? /* @__PURE__ */ f(R, {
-				value: y.activeTab,
-				onValueChange: y.setActiveTab,
-				tabs: E,
-				counts: y.tabCounts
+			!u && r.length > 0 && (_?.tabs ?? /* @__PURE__ */ h(V, {
+				value: x.activeTab,
+				onValueChange: x.setActiveTab,
+				tabs: w,
+				counts: x.tabCounts
 			})),
-			/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ g("div", {
 				className: "max-h-[520px] overflow-y-auto",
 				children: [
-					!!x && (h?.idle ?? (l && l.length > 0 ? /* @__PURE__ */ f(O, { sections: l }) : null)),
-					!!c && (h?.loading ?? /* @__PURE__ */ f("div", {
+					!!C && (_?.idle ?? (d && d.length > 0 ? /* @__PURE__ */ h(j, { sections: d }) : null)),
+					!!u && (_?.loading ?? /* @__PURE__ */ h("div", {
 						className: "flex items-center justify-center px-6 py-12",
-						children: /* @__PURE__ */ f(t, {
+						children: /* @__PURE__ */ h(n, {
 							type: "secondary",
-							children: v.loading
+							children: b.loading
 						})
 					})),
-					!!b && (h?.empty ?? /* @__PURE__ */ f(T, {
-						title: C(v.emptyTitle, { query: r }),
-						hint: v.emptyHint
+					!!S && (_?.empty ?? /* @__PURE__ */ h(O, {
+						title: E(b.emptyTitle, { query: a }),
+						hint: b.emptyHint
 					})),
-					!c && n.length > 0 && /* @__PURE__ */ f("div", {
+					!u && r.length > 0 && /* @__PURE__ */ h("div", {
 						className: "px-2 py-2",
-						children: Object.entries(y.visibleGrouped).map(([n, i], o) => /* @__PURE__ */ p("div", {
-							className: e("pb-2 last:pb-0", o > 0 && "mt-3 pt-2"),
-							children: [/* @__PURE__ */ p("div", {
+						children: Object.entries(x.visibleGrouped).map(([e, r], o) => /* @__PURE__ */ g("div", {
+							className: t("pb-2 last:pb-0", o > 0 && "mt-3 pt-2"),
+							children: [/* @__PURE__ */ g("div", {
 								className: "flex items-center justify-between px-3 pb-1",
-								children: [/* @__PURE__ */ f(t, {
+								children: [/* @__PURE__ */ h(n, {
 									size: "xs",
 									type: "secondary",
 									weight: "medium",
-									children: u?.[n] ?? n
-								}), y.activeTab === "all" && i.length > 0 && /* @__PURE__ */ f("button", {
+									children: f?.[e] ?? e
+								}), x.activeTab === "all" && r.length > 0 && /* @__PURE__ */ h(i, {
 									type: "button",
-									onClick: () => y.setActiveTab(n),
-									className: "rounded text-primary transition-colors hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-									children: /* @__PURE__ */ f(t, {
+									variant: "secondary",
+									buttonStyle: "ghost",
+									size: "xs",
+									onClick: () => x.setActiveTab(e),
+									className: "h-auto rounded px-1 py-0 text-primary transition-colors hover:underline",
+									children: /* @__PURE__ */ h(n, {
 										tag: "span",
 										size: "xxs",
 										weight: "medium",
 										className: "text-primary",
-										children: v.seeAll
+										children: b.seeAll
 									})
 								})]
-							}), /* @__PURE__ */ f("ul", {
-								className: "space-y-0.5",
-								children: i.map((e) => {
-									let t = y.flat[y.activeIdx]?.id === e.id, n = {
+							}), /* @__PURE__ */ h("ul", {
+								className: "m-0 list-none space-y-0.5 p-0",
+								children: r.map((e) => {
+									let t = x.flat[x.activeIdx]?.id === e.id, n = {
 										isActive: t,
-										query: r,
-										onSelect: () => a?.(e)
+										query: a,
+										onSelect: () => s?.(e)
 									};
-									return /* @__PURE__ */ f("li", { children: h?.renderResult ? h.renderResult(e, n) : /* @__PURE__ */ f(N, {
+									return /* @__PURE__ */ h("li", { children: _?.renderResult ? _.renderResult(e, n) : /* @__PURE__ */ h(I, {
 										result: e,
 										isActive: t,
-										query: r,
+										query: a,
 										onSelect: n.onSelect,
-										onMouseEnter: () => y.setActiveById(e.id),
-										toneBg: h?.toneBg,
-										toneAvatar: h?.toneAvatar
+										onMouseEnter: () => x.setActiveById(e.id),
+										toneBg: _?.toneBg,
+										toneAvatar: _?.toneAvatar
 									}) }, e.id);
 								})
 							})]
-						}, n))
+						}, e))
 					})
 				]
 			}),
-			h?.footer ?? /* @__PURE__ */ f(D, {
-				navigateLabel: v.footerNavigate,
-				openLabel: v.footerOpen,
-				closeLabel: v.footerClose,
-				trailing: !x && !b && n.length > 0 ? /* @__PURE__ */ f(t, {
+			_?.footer ?? /* @__PURE__ */ h(A, {
+				navigateLabel: b.footerNavigate,
+				openLabel: b.footerOpen,
+				closeLabel: b.footerClose,
+				trailing: !C && !S && r.length > 0 ? /* @__PURE__ */ h(n, {
 					tag: "span",
 					size: "xxs",
 					type: "secondary",
 					className: "tabular-nums",
-					children: C(v.resultsCount, { count: n.length })
+					children: E(b.resultsCount, { count: r.length })
 				}) : void 0
 			})
 		]
 	});
 }
 //#endregion
-export { j as DEFAULT_TONE_AVATAR, A as DEFAULT_TONE_BG, z as GlobalSearch, T as GlobalSearchEmptyState, D as GlobalSearchFooter, O as GlobalSearchIdleState, k as GlobalSearchInput, N as GlobalSearchResultRow, R as GlobalSearchTabs, S as defaultGlobalSearchStrings, C as interpolateString, w as useGlobalSearch };
+export { P as DEFAULT_TONE_AVATAR, N as DEFAULT_TONE_BG, H as GlobalSearch, O as GlobalSearchEmptyState, A as GlobalSearchFooter, j as GlobalSearchIdleState, M as GlobalSearchInput, I as GlobalSearchResultRow, V as GlobalSearchTabs, T as defaultGlobalSearchStrings, E as interpolateString, D as useGlobalSearch };
 
 //# sourceMappingURL=index.js.map