themelia-react-ui 1.0.1 → 1.0.2

package/dist/features/global-search.js

@@ -1,22 +1,25 @@
 "use client";
-import { interpolateString as e, useStrings as t } from "../lib/strings.js";
-import { t as n } from "../utils-C2EKeIw3.js";
-import { n as r } from "../buttons-Co6GavvM.js";
-import { a as i, r as a } from "../typography-Cv8MT-82.js";
-import { t as o } from "../structure-MvKVq-oL.js";
-import { r as s } from "../overlays-B11wZka6.js";
-import { _ as c, g as l } from "../primitives-DKPOGVpj.js";
-import { i as u, n as d, s as f } from "../avatar-Bpzty83c.js";
-import { t as p } from "../badge-BZXZT9wd.js";
-import { t as m } from "../input-WwYQZJzG.js";
-import { i as h, r as g, t as _ } from "../tabs-B5cNMWiP.js";
-import { l as v } from "../data-display-cWIRdeaf.js";
-import * as y from "react";
-import { useEffect as b, useMemo as x, useRef as S, useState as C } from "react";
-import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
-import { ArrowRight as D, Clock as O, Loader2 as k, Search as A, Sparkles as j, X as M } from "lucide-react";
+import { s as e } from "../ui-provider-DRPn3qNl.js";
+import { interpolateString as t, useStrings as n } from "../lib/strings.js";
+import { t as r } from "../utils-BvH9PSmq.js";
+import { t as i } from "../buttons-D_6KJvEE.js";
+import { a, r as o } from "../typography-BxQgiZyw.js";
+import { t as s } from "../structure-CRdqVawd.js";
+import { r as c } from "../overlays-DUbs1KEi.js";
+import { _ as l, g as u } from "../primitives-C7ff0QaI.js";
+import { i as d, n as f, s as p } from "../avatar-Bu2HhitA.js";
+import { t as m } from "../badge-CzId1Wlm.js";
+import { t as h } from "../field-affordance-recipes-uKY4MsZ_.js";
+import { t as g } from "../editable-text-recipe-Bkm6wKHp.js";
+import { p as _, u as v } from "../form-sizing-QP8aIRaW.js";
+import { i as y, r as b, t as x } from "../tabs-BNgu7g0u.js";
+import { l as S } from "../data-display-Bihs9Ven.js";
+import * as C from "react";
+import { useEffect as w, useMemo as T, useRef as E, useState as D } from "react";
+import { Fragment as O, jsx as k, jsxs as A } from "react/jsx-runtime";
+import { ArrowRight as j, Clock as M, Loader2 as N, Search as P, Sparkles as F, X as I } from "lucide-react";
 //#region src/components/features/global-search/global-search.strings.ts
-var N = {
+var L = {
 	dialogTitle: "Search",
 	placeholder: "Search…",
 	clear: "Clear search",
@@ -34,30 +37,30 @@ var N = {
 };
 //#endregion
 //#region src/components/features/global-search/hooks/use-global-search.ts
-function P({ results: e, query: t, onResultSelect: n, onClose: r }) {
-	let [i, a] = C("all"), [o, s] = C(0);
-	b(() => {
+function R({ results: e, query: t, onResultSelect: n, onClose: r }) {
+	let [i, a] = D("all"), [o, s] = D(0);
+	w(() => {
 		a("all"), s(0);
 	}, [t]);
-	let c = x(() => {
+	let c = T(() => {
 		let t = {};
 		for (let n of e) (t[n.group] ??= []).push(n);
 		return t;
-	}, [e]), l = x(() => {
+	}, [e]), l = T(() => {
 		let t = { all: e.length };
 		for (let [e, n] of Object.entries(c)) t[e] = n.length;
 		return t;
-	}, [e.length, c]), u = x(() => {
+	}, [e.length, c]), u = T(() => {
 		if (i === "all") return c;
 		let e = c[i];
 		return e ? { [i]: e } : {};
-	}, [c, i]), d = x(() => i === "all" ? e.slice() : c[i] ?? [], [
+	}, [c, i]), d = T(() => i === "all" ? e.slice() : c[i] ?? [], [
 		i,
 		c,
 		e
-	]), f = S(o);
+	]), f = E(o);
 	f.current = o;
-	let p = S(d);
+	let p = E(d);
 	return p.current = d, {
 		grouped: c,
 		tabCounts: l,
@@ -89,11 +92,11 @@ function P({ results: e, query: t, onResultSelect: n, onClose: r }) {
 }
 //#endregion
 //#region src/components/features/global-search/partials/global-search-empty-state.tsx
-function F({ title: e, hint: t }) {
-	return /* @__PURE__ */ T(v, {
+function z({ title: e, hint: t }) {
+	return /* @__PURE__ */ k(S, {
 		title: e,
 		description: t,
-		media: /* @__PURE__ */ T(A, {
+		media: /* @__PURE__ */ k(P, {
 			className: "size-icon",
 			"aria-hidden": "true"
 		}),
@@ -104,82 +107,79 @@ function F({ title: e, hint: t }) {
 }
 //#endregion
 //#region src/components/features/global-search/partials/global-search-footer.tsx
-var I = "rounded border border-border bg-muted/40 px-1.5 py-0.5 font-mono text-xs leading-none text-muted-foreground";
-function L({ navigateLabel: e, openLabel: t, closeLabel: r, trailing: a, className: o }) {
-	return /* @__PURE__ */ E("div", {
-		className: n("global-search-footer--component flex flex-col items-stretch gap-space-xs border-t border-border/60 px-surface py-row-y @sm/global-search:flex-row @sm/global-search:items-center @sm/global-search:justify-between", o),
-		children: [/* @__PURE__ */ E("span", {
+var B = "rounded border border-border bg-muted/40 px-1.5 py-0.5 font-mono text-xs leading-none text-muted-foreground";
+function V({ navigateLabel: e, openLabel: t, closeLabel: n, trailing: i, className: o }) {
+	return /* @__PURE__ */ A("div", {
+		className: r("global-search-footer--component flex flex-col items-stretch gap-space-xs border-t border-border/60 px-surface py-row-y @sm/global-search:flex-row @sm/global-search:items-center @sm/global-search:justify-between", o),
+		children: [/* @__PURE__ */ A("span", {
 			className: "global-search-footer--shortcuts flex items-center gap-space-md",
 			children: [
-				/* @__PURE__ */ T("kbd", {
-					className: I,
+				/* @__PURE__ */ k("kbd", {
+					className: B,
 					children: "↑↓"
 				}),
-				/* @__PURE__ */ T(i, {
+				/* @__PURE__ */ k(a, {
 					tag: "span",
 					size: "xs",
 					type: "secondary",
 					children: e
 				}),
-				/* @__PURE__ */ T("kbd", {
-					className: I,
+				/* @__PURE__ */ k("kbd", {
+					className: B,
 					children: "↵"
 				}),
-				/* @__PURE__ */ T(i, {
+				/* @__PURE__ */ k(a, {
 					tag: "span",
 					size: "xs",
 					type: "secondary",
 					children: t
 				}),
-				/* @__PURE__ */ T("kbd", {
-					className: I,
+				/* @__PURE__ */ k("kbd", {
+					className: B,
 					children: "esc"
 				}),
-				/* @__PURE__ */ T(i, {
+				/* @__PURE__ */ k(a, {
 					tag: "span",
 					size: "xs",
 					type: "secondary",
-					children: r
+					children: n
 				})
 			]
-		}), a ? /* @__PURE__ */ T("span", {
+		}), i ? /* @__PURE__ */ k("span", {
 			className: "global-search-footer--trailing shrink-0 self-end whitespace-nowrap @sm/global-search:self-auto",
-			children: a
+			children: i
 		}) : null]
 	});
 }
 //#endregion
 //#region src/components/features/global-search/partials/global-search-idle-state.tsx
-function R({ sections: e, fallbackIcons: t }) {
-	return /* @__PURE__ */ T("div", {
+function H({ sections: e, fallbackIcons: t }) {
+	return /* @__PURE__ */ k("div", {
 		className: "global-search-idle-state--component p-surface",
-		children: /* @__PURE__ */ T(o, {
+		children: /* @__PURE__ */ k(s, {
 			gap: "xl",
-			children: e.map((e, s) => {
-				let c = e.icon ?? (s === 0 ? t?.recent ?? O : t?.suggestions ?? j);
-				return /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ E("div", {
+			children: e.map((e, n) => {
+				let i = e.icon ?? (n === 0 ? t?.recent ?? M : t?.suggestions ?? F);
+				return /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ A("div", {
 					className: "flex items-center gap-space-md px-space-lg pb-space-sm",
-					children: [/* @__PURE__ */ T(c, {
+					children: [/* @__PURE__ */ k(i, {
 						className: "size-icon-md text-muted-foreground",
 						"aria-hidden": "true"
-					}), /* @__PURE__ */ T(a, { children: e.label })]
-				}), /* @__PURE__ */ T(o, {
-					render: /* @__PURE__ */ T("ul", {}),
+					}), /* @__PURE__ */ k(o, { children: e.label })]
+				}), /* @__PURE__ */ k(s, {
+					render: /* @__PURE__ */ k("ul", {}),
 					gap: "2xs",
 					className: "m-0 list-none p-0",
 					children: e.items.map((e) => {
-						let t = e.icon ?? A;
-						return /* @__PURE__ */ T("li", { children: /* @__PURE__ */ E(r, {
+						let t = e.icon ?? P;
+						return /* @__PURE__ */ k("li", { children: /* @__PURE__ */ A("button", {
 							type: "button",
-							tone: "secondary",
-							buttonStyle: "ghost",
-							size: "md",
 							onClick: e.onSelect,
-							className: n("h-auto w-full justify-start gap-space-lg rounded-radius-md px-row-x py-row-y-sm text-left transition-colors", "hover:bg-muted/50 focus-visible:bg-muted/50"),
-							children: [/* @__PURE__ */ T(t, {
+							className: r("box-border m-0 flex w-full cursor-pointer items-center justify-start border-0 bg-transparent font-sans text-foreground outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset gap-space-lg rounded-inner px-row-x py-row-y-sm text-left transition-colors", "hover:bg-muted/50 focus-visible:bg-muted/50"),
+							children: [/* @__PURE__ */ k(t, {
 								className: "size-icon-md text-muted-foreground",
 								"aria-hidden": "true"
-							}), /* @__PURE__ */ T(i, {
+							}), /* @__PURE__ */ k(a, {
 								className: "flex-1 truncate",
 								children: e.label
 							})]
@@ -192,65 +192,62 @@ function R({ sections: e, fallbackIcons: t }) {
 }
 //#endregion
 //#region src/components/features/global-search/partials/global-search-input.tsx
-var z = y.forwardRef(function({ value: e, onValueChange: t, onKeyDown: n, placeholder: i, clearLabel: a = "Clear search", loading: s = !1, autoFocus: c = !1 }, l) {
-	let u = y.useRef(null);
-	return y.useImperativeHandle(l, () => u.current), y.useEffect(() => {
-		c && u.current?.focus();
-	}, [c]), /* @__PURE__ */ T("div", {
+var U = C.forwardRef(function({ value: t, onValueChange: n, onKeyDown: i, placeholder: a, clearLabel: o = "Clear search", loading: c = !1, autoFocus: l = !1 }, u) {
+	let d = C.useRef(null), { defaultScale: f } = e(), p = _(void 0, f);
+	return C.useImperativeHandle(u, () => d.current), C.useEffect(() => {
+		l && d.current?.focus();
+	}, [l]), /* @__PURE__ */ k("div", {
 		"data-component": "global-search-input",
 		"data-slot": "global-search-input",
 		className: "global-search-input--component border-b border-border px-surface py-row-y",
-		children: /* @__PURE__ */ E(o, {
+		children: /* @__PURE__ */ A(s, {
 			direction: "horizontal",
 			gap: "md",
 			wrap: !1,
 			children: [
-				/* @__PURE__ */ T(A, {
+				/* @__PURE__ */ k(P, {
 					className: "size-icon shrink-0 text-muted-foreground",
 					"aria-hidden": "true"
 				}),
-				/* @__PURE__ */ T("div", {
+				/* @__PURE__ */ k("div", {
 					className: "min-w-0 flex-1",
-					children: /* @__PURE__ */ T(m, {
-						ref: u,
+					children: /* @__PURE__ */ k("input", {
+						ref: d,
 						type: "text",
-						value: e,
-						onChange: (e) => t(e.target.value),
-						onKeyDown: n,
-						placeholder: i,
-						"aria-label": i,
+						value: t,
+						onChange: (e) => n(e.target.value),
+						onKeyDown: i,
+						placeholder: a,
+						"aria-label": a,
 						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"
+						className: r(v[p], g[p], "box-border m-0 block w-full min-w-0 border-0 bg-transparent p-0 outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset rounded-inner")
 					})
 				}),
-				s && /* @__PURE__ */ T(k, {
+				c && /* @__PURE__ */ k(N, {
 					className: "size-icon shrink-0 animate-spin text-muted-foreground",
 					"aria-hidden": "true"
 				}),
-				!s && !!e && /* @__PURE__ */ T(r, {
+				!c && !!t && /* @__PURE__ */ k("button", {
 					type: "button",
-					tone: "secondary",
-					buttonStyle: "ghost",
-					size: "sm",
-					iconOnly: !0,
-					onClick: () => t(""),
-					"aria-label": a,
-					className: "size-action-sm rounded text-muted-foreground hover:bg-muted hover:text-foreground",
-					children: /* @__PURE__ */ T(M, { className: "size-icon-sm" })
+					onClick: () => {
+						n(""), d.current?.focus();
+					},
+					"aria-label": o,
+					className: r(h.target, h.focus, h.clear),
+					children: /* @__PURE__ */ k(I, { className: h.icon })
 				})
 			]
 		})
 	});
-}), B = {
+}), W = {
 	neutral: "bg-muted text-muted-foreground",
 	primary: "bg-primary/5 text-primary-accent",
 	success: "bg-success/10 text-success",
 	warning: "bg-warning/10 text-warning-accent",
 	info: "bg-info/10 text-info",
 	destructive: "bg-destructive/10 text-destructive"
-}, V = {
+}, G = {
 	neutral: "bg-muted text-muted-foreground",
 	primary: "bg-primary/10 text-primary-accent",
 	success: "bg-success/10 text-success",
@@ -260,61 +257,59 @@ var z = y.forwardRef(function({ value: e, onValueChange: t, onKeyDown: n, placeh
 };
 //#endregion
 //#region src/components/features/global-search/partials/global-search-result-row.tsx
-function H(e, t) {
+function K(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__ */ E(w, { children: [
+	return a < 0 ? e : /* @__PURE__ */ A(O, { children: [
 		e.slice(0, a),
-		/* @__PURE__ */ T("mark", {
+		/* @__PURE__ */ k("mark", {
 			className: "rounded-radius-sm bg-warning/40 px-0.5 text-foreground",
 			children: e.slice(a, a + n.length)
 		}),
 		e.slice(a + n.length)
 	] });
 }
-function U({ result: e, active: t = !1, query: a = "", onSelect: s, onMouseEnter: m, className: h }) {
-	let g = e.thumbnail?.icon, _ = B, v = V;
-	return /* @__PURE__ */ E(r, {
+function q({ result: e, active: t = !1, query: n = "", onSelect: i, onMouseEnter: o, className: c }) {
+	let h = e.thumbnail?.icon, g = W, _ = G;
+	return /* @__PURE__ */ A("button", {
 		type: "button",
 		"data-component": "global-search-result-row",
 		"data-slot": "global-search-result-row",
-		tone: "secondary",
-		buttonStyle: "ghost",
-		size: "sm",
-		onMouseEnter: m,
-		onClick: s,
-		className: n("group/row relative h-auto w-full justify-start gap-space-lg rounded-radius-md px-row-x py-row-y text-left transition-colors", "global-search-result-row--component", t ? "bg-muted/60" : "hover:bg-muted/40", h),
+		onMouseEnter: o,
+		onClick: i,
+		className: r("group/row relative box-border m-0 flex w-full cursor-pointer items-center justify-start border-0 bg-transparent font-sans text-foreground outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset gap-space-lg rounded-inner px-row-x py-row-y text-left transition-colors", "global-search-result-row--component", t ? "bg-muted/60" : "hover:bg-muted/40", c),
 		children: [
-			/* @__PURE__ */ T("div", {
+			/* @__PURE__ */ k("div", {
 				className: "flex shrink-0 items-center",
-				children: e.avatar ? /* @__PURE__ */ E(d, {
-					className: n("size-avatar-sm", v[e.avatar.tone ?? "neutral"]),
-					children: [e.avatar.src && /* @__PURE__ */ T(f, {
+				children: e.avatar ? /* @__PURE__ */ A(f, {
+					className: r("size-avatar-sm", _[e.avatar.tone ?? "neutral"]),
+					children: [e.avatar.src && /* @__PURE__ */ k(p, {
 						src: e.avatar.src,
 						alt: e.title
-					}), /* @__PURE__ */ T(u, {
-						className: n("text-xs font-semibold", v[e.avatar.tone ?? "neutral"]),
+					}), /* @__PURE__ */ k(d, {
+						className: r("text-xs font-semibold", _[e.avatar.tone ?? "neutral"]),
 						children: e.avatar.initials
 					})]
-				}) : g ? /* @__PURE__ */ T("span", {
-					className: n("inline-flex size-avatar-sm items-center justify-center rounded-radius-md", _[e.thumbnail?.tone ?? "neutral"]),
-					children: /* @__PURE__ */ T(g, {
+				}) : h ? /* @__PURE__ */ k("span", {
+					className: r("inline-flex size-avatar-sm items-center justify-center rounded-radius", g[e.thumbnail?.tone ?? "neutral"]),
+					children: /* @__PURE__ */ k(h, {
 						className: "size-icon",
 						"aria-hidden": "true"
 					})
 				}) : null
 			}),
-			/* @__PURE__ */ E("div", {
+			/* @__PURE__ */ A(s, {
+				gap: "dense",
 				className: "min-w-0 flex-1",
-				children: [/* @__PURE__ */ E("div", {
+				children: [/* @__PURE__ */ A("div", {
 					className: "flex items-center gap-space-sm leading-tight",
-					children: [/* @__PURE__ */ T(i, {
+					children: [/* @__PURE__ */ k(a, {
 						tag: "span",
 						weight: "semibold",
 						className: "truncate",
-						children: H(e.title, a)
-					}), !!e.badge && /* @__PURE__ */ T(p, {
+						children: K(e.title, n)
+					}), !!e.badge && /* @__PURE__ */ k(m, {
 						tone: e.badge.tone === "destructive" ? "destructive" : e.badge.tone,
 						children: e.badge.label
 					})]
@@ -322,22 +317,23 @@ function U({ result: e, active: t = !1, query: a = "", onSelect: s, onMouseEnter
 					let t = [];
 					return e.subtitle && t.push({
 						key: "subtitle",
-						node: /* @__PURE__ */ T(i, {
+						node: /* @__PURE__ */ k(a, {
 							tag: "span",
 							size: "xs",
 							type: "secondary",
-							children: H(e.subtitle, a)
+							className: "min-w-0 break-words",
+							children: K(e.subtitle, n)
 						})
-					}), e.meta?.forEach((e, r) => {
-						let a = e.icon;
+					}), e.meta?.forEach((e, n) => {
+						let i = e.icon;
 						t.push({
-							key: `m-${r}`,
-							node: /* @__PURE__ */ E(i, {
+							key: `m-${n}`,
+							node: /* @__PURE__ */ A(a, {
 								tag: "span",
 								size: "xs",
 								type: "secondary",
-								className: n("inline-flex items-center gap-space-xs", e.mono && "font-mono tabular-nums"),
-								children: [!!a && /* @__PURE__ */ T(a, {
+								className: r("inline-flex min-w-0 items-center gap-space-xs break-words", e.mono && "font-mono tabular-nums"),
+								children: [!!i && /* @__PURE__ */ k(i, {
 									className: "size-icon-sm shrink-0",
 									"aria-hidden": "true"
 								}), e.label]
@@ -345,98 +341,101 @@ function U({ result: e, active: t = !1, query: a = "", onSelect: s, onMouseEnter
 						});
 					}), e.timestamp && t.push({
 						key: "ts",
-						node: /* @__PURE__ */ T(l, {
+						node: /* @__PURE__ */ k(u, {
 							size: "xs",
 							className: "tabular-nums",
 							children: e.timestamp
 						})
 					}), e.tags?.forEach((e) => t.push({
 						key: `t-${e}`,
-						node: /* @__PURE__ */ T(i, {
+						node: /* @__PURE__ */ k(a, {
 							tag: "span",
 							size: "xs",
 							type: "secondary",
+							className: "min-w-0 break-words",
 							children: e
 						})
 					})), e.rightValue && t.push({
 						key: "rv",
-						node: /* @__PURE__ */ E(c, {
+						node: /* @__PURE__ */ A(l, {
 							weight: "medium",
-							className: "tabular-nums",
-							children: [e.rightValue, !!e.rightLabel && /* @__PURE__ */ T(i, {
+							className: "inline-flex flex-wrap items-baseline gap-space-xs tabular-nums",
+							children: [e.rightValue, !!e.rightLabel && /* @__PURE__ */ k(a, {
 								tag: "span",
 								size: "inherit",
 								type: "secondary",
-								className: "ml-1",
 								children: e.rightLabel.toLowerCase()
 							})]
 						})
-					}), t.length === 0 ? null : /* @__PURE__ */ T("div", {
-						className: "mt-space-2xs truncate",
-						children: t.map((e, t) => /* @__PURE__ */ E(y.Fragment, { children: [t > 0 && /* @__PURE__ */ T(i, {
-							tag: "span",
-							size: "xs",
-							type: "secondary",
-							"aria-hidden": "true",
-							className: "mx-1.5 opacity-60",
-							children: "·"
-						}), e.node] }, e.key))
+					}), t.length === 0 ? null : /* @__PURE__ */ k("div", {
+						className: "flex min-w-0 flex-wrap items-baseline gap-x-space-sm gap-y-dense break-words",
+						children: t.map((e, t) => /* @__PURE__ */ A("span", {
+							className: r("inline-flex min-w-0 max-w-full items-baseline gap-space-sm", e.key === "rv" && "@xl/global-search:hidden"),
+							children: [t > 0 && /* @__PURE__ */ k(a, {
+								tag: "span",
+								size: "xs",
+								type: "secondary",
+								"aria-hidden": "true",
+								className: "shrink-0 opacity-60",
+								children: "·"
+							}), e.node]
+						}, e.key))
 					});
 				})()]
 			}),
-			!!(e.rightValue || e.rightLabel) && /* @__PURE__ */ T("div", {
+			!!(e.rightValue || e.rightLabel) && /* @__PURE__ */ k("div", {
 				className: "hidden shrink-0 items-center self-stretch border-l border-border/60 pl-row-x @xl/global-search:flex",
-				children: /* @__PURE__ */ E(o, {
-					gap: "none",
+				children: /* @__PURE__ */ A(s, {
+					gap: "dense",
 					align: "end",
 					className: "text-right leading-tight",
-					children: [!!e.rightValue && /* @__PURE__ */ T(c, {
+					children: [!!e.rightValue && /* @__PURE__ */ k(l, {
 						weight: "semibold",
 						className: "whitespace-nowrap tabular-nums",
 						children: e.rightValue
-					}), !!e.rightLabel && /* @__PURE__ */ T(i, {
+					}), !!e.rightLabel && /* @__PURE__ */ k(a, {
 						tag: "span",
 						size: "xs",
 						type: "secondary",
-						className: "mt-0.5 whitespace-nowrap",
+						className: "whitespace-nowrap",
 						children: e.rightLabel
 					})]
 				})
 			}),
-			/* @__PURE__ */ T("span", {
+			/* @__PURE__ */ k("span", {
 				"aria-hidden": "true",
-				className: n("inline-flex size-action-sm shrink-0 items-center justify-center rounded-radius-md transition-all", t ? "bg-foreground text-background opacity-100" : "text-muted-foreground opacity-0 group-hover/row:opacity-100"),
-				children: /* @__PURE__ */ T(D, { className: "size-icon-md" })
+				className: r("inline-flex size-action-sm shrink-0 items-center justify-center rounded-inner transition-all", t ? "bg-foreground text-background opacity-100" : "text-muted-foreground opacity-0 group-hover/row:opacity-100"),
+				children: /* @__PURE__ */ k(j, { className: "size-icon-md" })
 			})
 		]
 	});
 }
 //#endregion
 //#region src/components/features/global-search/partials/global-search-tabs.tsx
-function W({ value: e, onValueChange: t, tabs: r, counts: a }) {
-	return /* @__PURE__ */ T("div", {
+function J({ value: e, onValueChange: t, tabs: n, counts: i }) {
+	return /* @__PURE__ */ k("div", {
 		className: "global-search-tabs--component border-b border-border/60 px-surface py-row-y",
-		children: /* @__PURE__ */ T("div", {
-			className: "global-search-tabs--scroller -mx-1 overflow-x-auto px-1 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
-			children: /* @__PURE__ */ T(_, {
+		children: /* @__PURE__ */ k("div", {
+			className: "global-search-tabs--scroller overflow-x-auto p-space-xs [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
+			children: /* @__PURE__ */ k(x, {
 				value: e,
 				onValueChange: (e) => t(e),
 				className: "min-w-max",
-				children: /* @__PURE__ */ T(g, {
+				children: /* @__PURE__ */ k(b, {
 					className: "global-search-tabs--list h-action-sm w-max min-w-max",
-					children: r.map((t) => {
-						let r = e === t.value, o = a[t.value] ?? 0;
-						return /* @__PURE__ */ E(h, {
+					children: n.map((t) => {
+						let n = e === t.value, o = i[t.value] ?? 0;
+						return /* @__PURE__ */ A(y, {
 							value: t.value,
 							className: "global-search-tabs--trigger shrink-0 gap-space-sm px-control-sm text-foreground",
-							children: [/* @__PURE__ */ T(i, {
+							children: [/* @__PURE__ */ k(a, {
 								tag: "span",
 								children: t.label
-							}), /* @__PURE__ */ T(i, {
+							}), /* @__PURE__ */ k(a, {
 								tag: "span",
 								size: "xs",
 								weight: "medium",
-								className: n("global-search-tabs--count rounded px-1 py-0 tabular-nums", r ? "bg-muted text-foreground" : "bg-transparent text-foreground"),
+								className: r("global-search-tabs--count rounded px-1 py-0 tabular-nums", n ? "bg-muted text-foreground" : "bg-transparent text-foreground"),
 								children: o
 							})]
 						}, t.value);
@@ -448,116 +447,115 @@ function W({ value: e, onValueChange: t, tabs: r, counts: a }) {
 }
 //#endregion
 //#region src/components/features/global-search/global-search.tsx
-function G({ results: s = [], query: c, onQueryChange: l, onResultSelect: u, onClose: d, loading: f = !1, idleSections: p, groupLabels: m, autoFocus: h = !1, strings: g, slots: _, tabs: v, className: b }) {
-	let x = t(N, g), S = P({
-		results: s,
+function Y({ results: e = [], query: c, onQueryChange: l, onResultSelect: u, onClose: d, loading: f = !1, idleSections: p, groupLabels: m, autoFocus: h = !1, strings: g, slots: _, tabs: v, className: y }) {
+	let b = n(L, g), x = R({
+		results: e,
 		query: c,
 		onResultSelect: u,
 		onClose: d
-	}), C = !f && c.trim().length > 1 && s.length === 0, w = !f && c.trim().length <= 1, D = y.useMemo(() => {
+	}), S = !f && c.trim().length > 1 && e.length === 0, w = !f && c.trim().length <= 1, T = C.useMemo(() => {
 		if (v) return v;
-		let e = Object.keys(S.grouped);
+		let e = Object.keys(x.grouped);
 		return [{
 			value: "all",
-			label: x.tabAll
+			label: b.tabAll
 		}, ...e.map((e) => ({
 			value: e,
 			label: m?.[e] ?? e
 		}))];
 	}, [
 		v,
-		S.grouped,
-		x.tabAll,
+		x.grouped,
+		b.tabAll,
 		m
 	]);
-	return /* @__PURE__ */ E("div", {
+	return /* @__PURE__ */ A("div", {
 		"data-component": "global-search",
 		"data-slot": "global-search",
-		className: n("global-search--component", "@container/global-search overflow-hidden rounded-radius-lg border border-border bg-card shadow-2xl", b),
+		className: r("global-search--component", "@container/global-search overflow-hidden rounded-radius border border-border bg-card shadow-2xl", y),
 		children: [
-			_?.input ?? /* @__PURE__ */ T(z, {
+			_?.input ?? /* @__PURE__ */ k(U, {
 				value: c,
 				onValueChange: l,
-				onKeyDown: S.onKeyDown,
-				placeholder: x.placeholder,
-				clearLabel: x.clear,
+				onKeyDown: x.onKeyDown,
+				placeholder: b.placeholder,
+				clearLabel: b.clear,
 				loading: f,
 				autoFocus: h
 			}),
-			!f && s.length > 0 && (_?.tabs ?? /* @__PURE__ */ T(W, {
-				value: S.activeTab,
-				onValueChange: S.setActiveTab,
-				tabs: D,
-				counts: S.tabCounts
+			!f && e.length > 0 && (_?.tabs ?? /* @__PURE__ */ k(J, {
+				value: x.activeTab,
+				onValueChange: x.setActiveTab,
+				tabs: T,
+				counts: x.tabCounts
 			})),
-			/* @__PURE__ */ E("div", {
+			/* @__PURE__ */ A("div", {
 				className: "max-h-[520px] overflow-y-auto",
 				children: [
-					!!w && (_?.idle ?? (p && p.length > 0 ? /* @__PURE__ */ T(R, { sections: p }) : null)),
-					!!f && (_?.loading ?? /* @__PURE__ */ T("div", {
-						className: "global-search--loading flex items-center justify-center px-surface py-12",
-						children: /* @__PURE__ */ T(i, {
+					!!w && (_?.idle ?? (p && p.length > 0 ? /* @__PURE__ */ k(H, { sections: p }) : null)),
+					!!f && (_?.loading ?? /* @__PURE__ */ k("div", {
+						className: "global-search--loading flex items-center justify-center p-surface",
+						role: "status",
+						children: /* @__PURE__ */ k(a, {
 							type: "secondary",
-							children: x.loading
+							children: b.loading
 						})
 					})),
-					!!C && (_?.empty ?? /* @__PURE__ */ T(F, {
-						title: e(x.emptyTitle, { query: c }),
-						hint: x.emptyHint
+					!!S && (_?.empty ?? /* @__PURE__ */ k(z, {
+						title: t(b.emptyTitle, { query: c }),
+						hint: b.emptyHint
 					})),
-					!f && s.length > 0 && /* @__PURE__ */ T("div", {
+					!f && e.length > 0 && /* @__PURE__ */ k("div", {
 						className: "global-search--results p-surface",
-						children: Object.entries(S.visibleGrouped).map(([e, t], s) => /* @__PURE__ */ E("div", {
-							className: n("pb-space-xs last:pb-0", s > 0 && "mt-space-md pt-space-xs"),
-							children: [/* @__PURE__ */ E("div", {
+						children: Object.entries(x.visibleGrouped).map(([e, t], n) => /* @__PURE__ */ A("div", {
+							className: r("pb-space-xs last:pb-0", n > 0 && "mt-space-md pt-space-xs"),
+							children: [/* @__PURE__ */ A("div", {
 								className: "flex items-center justify-between px-row-x pb-space-2xs",
-								children: [/* @__PURE__ */ T(a, { children: m?.[e] ?? e }), S.activeTab === "all" && t.length > 0 && /* @__PURE__ */ T(r, {
+								children: [/* @__PURE__ */ k(o, { children: m?.[e] ?? e }), x.activeTab === "all" && t.length > 0 && /* @__PURE__ */ k(i, {
 									type: "button",
-									tone: "secondary",
-									buttonStyle: "ghost",
 									size: "sm",
-									onClick: () => S.setActiveTab(e),
-									className: "h-auto rounded px-1 py-0 text-primary-accent transition-colors hover:underline",
-									children: /* @__PURE__ */ T(i, {
+									onClick: () => x.setActiveTab(e),
+									className: "text-primary-accent",
+									children: /* @__PURE__ */ k(a, {
 										tag: "span",
 										size: "inherit",
 										className: "text-primary-accent",
-										children: x.seeAll
+										children: b.seeAll
 									})
 								})]
-							}), /* @__PURE__ */ T(o, {
-								render: /* @__PURE__ */ T("ul", {}),
+							}), /* @__PURE__ */ k(s, {
+								render: /* @__PURE__ */ k("ul", {}),
 								gap: "2xs",
 								className: "m-0 list-none p-0",
 								children: t.map((e) => {
-									let t = S.flat[S.activeIdx]?.id === e.id, n = {
+									let t = x.flat[x.activeIdx]?.id === e.id, n = {
 										isActive: t,
 										query: c,
 										onSelect: () => u?.(e)
-									}, r = _?.renderResult ? _.renderResult(e, n) : /* @__PURE__ */ T(U, {
+									}, r = _?.renderResult ? _.renderResult(e, n) : /* @__PURE__ */ k(q, {
 										result: e,
 										active: t,
 										query: c,
 										onSelect: n.onSelect,
-										onMouseEnter: () => S.setActiveById(e.id)
+										onMouseEnter: () => x.setActiveById(e.id)
 									});
-									return /* @__PURE__ */ T("li", { children: r }, e.id);
+									return /* @__PURE__ */ k("li", { children: r }, e.id);
 								})
 							})]
 						}, e))
 					})
 				]
 			}),
-			_?.footer ?? /* @__PURE__ */ T(L, {
-				navigateLabel: x.footerNavigate,
-				openLabel: x.footerOpen,
-				closeLabel: x.footerClose,
-				trailing: !w && !C && s.length > 0 ? /* @__PURE__ */ T(i, {
+			_?.footer ?? /* @__PURE__ */ k(V, {
+				navigateLabel: b.footerNavigate,
+				openLabel: b.footerOpen,
+				closeLabel: b.footerClose,
+				trailing: !w && !S && e.length > 0 ? /* @__PURE__ */ k(a, {
 					tag: "span",
 					size: "xs",
 					type: "secondary",
 					className: "tabular-nums",
-					children: e(x.resultsCount, { count: s.length })
+					children: t(b.resultsCount, { count: e.length })
 				}) : void 0
 			})
 		]
@@ -565,29 +563,29 @@ function G({ results: s = [], query: c, onQueryChange: l, onResultSelect: u, onC
 }
 //#endregion
 //#region src/components/features/global-search/global-search-dialog.tsx
-function K({ open: e, onOpenChange: r, contentClassName: i, className: a, strings: o, autoFocus: c = !0, ...l }) {
-	let u = t(N, o), d = x(() => () => r(!1), [r]);
-	return /* @__PURE__ */ T(s, {
+function X({ open: e, onOpenChange: t, contentClassName: i, className: a, strings: o, autoFocus: s = !0, ...l }) {
+	let u = n(L, o), d = T(() => () => t(!1), [t]);
+	return /* @__PURE__ */ k(c, {
 		open: e,
-		onOpenChange: r,
+		onOpenChange: t,
 		title: u.dialogTitle,
 		visuallyHideHeader: !0,
 		showCloseButton: !1,
 		showCancel: !1,
 		showConfirm: !1,
-		className: n("global-search-dialog--component", "w-full max-w-2xl overflow-visible border-0 bg-transparent p-0 shadow-none sm:max-w-2xl", "top-24 translate-y-0", i),
+		className: r("global-search-dialog--component", "w-full max-w-2xl overflow-visible border-0 bg-transparent p-0 shadow-none sm:max-w-2xl", "top-24 translate-y-0", i),
 		contentClassName: "p-0",
-		children: /* @__PURE__ */ T(G, {
+		children: /* @__PURE__ */ k(Y, {
 			...l,
 			strings: o,
-			autoFocus: c,
+			autoFocus: s,
 			onClose: d,
 			className: a
 		})
 	});
 }
-K.displayName = "GlobalSearchDialog";
+X.displayName = "GlobalSearchDialog";
 //#endregion
-export { G as GlobalSearch, K as GlobalSearchDialog, F as GlobalSearchEmptyState, L as GlobalSearchFooter, R as GlobalSearchIdleState, z as GlobalSearchInput, U as GlobalSearchResultRow, W as GlobalSearchTabs, N as defaultGlobalSearchStrings, P as useGlobalSearch };
+export { Y as GlobalSearch, X as GlobalSearchDialog, z as GlobalSearchEmptyState, V as GlobalSearchFooter, H as GlobalSearchIdleState, U as GlobalSearchInput, q as GlobalSearchResultRow, J as GlobalSearchTabs, L as defaultGlobalSearchStrings, R as useGlobalSearch };
 
 //# sourceMappingURL=global-search.js.map