@burdenoff/fe-libs 2026.510.126

package/dist/chrome/GlobalSearch.js

@@ -0,0 +1,489 @@
+import { cn as e } from "../utils/cn.js";
+import "../utils/index.js";
+import { useCallback as t, useEffect as n, useMemo as r, useState as i } from "react";
+import { ChevronDown as ee, ChevronUp as te, Clock as ne, ExternalLink as re, Loader2 as ie, Search as ae, SlidersHorizontal as oe, X as se } from "lucide-react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/chrome/GlobalSearch.tsx
+function ce(e, t) {
+	let n;
+	return (...r) => {
+		n !== void 0 && clearTimeout(n), n = setTimeout(() => {
+			e(...r);
+		}, t);
+	};
+}
+function s(e) {
+	return e.split(",").map((e) => e.trim()).filter(Boolean);
+}
+function c(e) {
+	if (typeof e != "object" || !e) return !1;
+	let t = e;
+	return typeof t.id == "string" && typeof t.title == "string" && typeof t.category == "string" && typeof t.href == "string" && (t.description === void 0 || typeof t.description == "string");
+}
+function le(e) {
+	return Array.isArray(e) && e.every(c);
+}
+function l({ open: c, onClose: l, categories: ue = [], placeholder: de = "Search everything...", recentSearches: fe = [], onSearch: pe, onSelect: me, onViewAllResults: he, className: ge }) {
+	let [u, d] = i(""), [f, p] = i(void 0), [m, h] = i([]), [g, _] = i(!1), [v, y] = i(null), [b, _e] = i(!1), [x, S] = i("PARTIAL"), [C, w] = i("SCORE_DESC"), [T, E] = i(""), [D, O] = i(""), [k, A] = i(""), [j, M] = i(""), [N, P] = i(""), [F, I] = i(""), [L, R] = i(""), [z, B] = i(""), [V, H] = i(""), [U, W] = i(""), [G, K] = i(""), [q, J] = i(""), [Y, X] = i(""), [Z, Q] = i("EQUALS"), $ = t(() => {
+		let e = { searchMode: x };
+		C !== "SCORE_DESC" && (e.sortBy = C);
+		let t = s(T);
+		t.length > 0 && (e.productSources = t), D.trim() && (e.projectId = D.trim()), k.trim() && (e.createdBy = k.trim()), j.trim() && (e.updatedBy = j.trim()), (N || F) && (e.dateRange = {}, N && (e.dateRange.from = new Date(N).toISOString()), F && (e.dateRange.to = new Date(F).toISOString())), (L || z) && (e.updatedDateRange = {}, L && (e.updatedDateRange.from = new Date(L).toISOString()), z && (e.updatedDateRange.to = new Date(z).toISOString()));
+		let n = s(U), r = s(V), i = s(G);
+		return (n.length > 0 || r.length > 0 || i.length > 0) && (e.tagFilter = {
+			tagIds: n.length > 0 ? n : void 0,
+			tagKeys: r.length > 0 ? r : void 0,
+			hierarchyPaths: i.length > 0 ? i : void 0
+		}), q.trim() && Y.trim() && (e.metadataConditions = [{
+			key: q.trim(),
+			value: Y.trim(),
+			operator: Z
+		}]), e;
+	}, [
+		k,
+		N,
+		F,
+		q,
+		Z,
+		Y,
+		T,
+		D,
+		x,
+		C,
+		U,
+		V,
+		G,
+		j,
+		L,
+		z
+	]);
+	n(() => {
+		c || (d(""), p(void 0), h([]), y(null), _e(!1), S("PARTIAL"), w("SCORE_DESC"), E(""), O(""), A(""), M(""), P(""), I(""), R(""), B(""), H(""), W(""), K(""), J(""), X(""), Q("EQUALS"));
+	}, [c]), n(() => {
+		if (!c) return;
+		let e = (e) => {
+			e.key === "Escape" && (e.preventDefault(), l());
+		};
+		return document.addEventListener("keydown", e), () => {
+			document.removeEventListener("keydown", e);
+		};
+	}, [c, l]);
+	let ve = r(() => ce(async (e, t, n) => {
+		if (!e.trim()) {
+			h([]), y(null);
+			return;
+		}
+		_(!0), y(null);
+		try {
+			let r = await pe(e, t, n);
+			if (!le(r)) throw TypeError("Invalid search results format");
+			h(r);
+		} catch (e) {
+			y(e instanceof Error ? e.message : "Search failed"), h([]), console.error("Search error:", e);
+		} finally {
+			_(!1);
+		}
+	}, 300), [pe]);
+	n(() => {
+		ve(u, f, $());
+	}, [
+		u,
+		f,
+		ve,
+		$
+	]);
+	let ye = r(() => m.reduce((e, t) => {
+		let n = t.category;
+		return e[n] || (e[n] = []), e[n].push(t), e;
+	}, {}), [m]), be = t((e) => {
+		me(e), l();
+	}, [me, l]);
+	return c ? /* @__PURE__ */ a("div", {
+		className: e("fixed inset-0 z-[9999] flex items-center justify-center bg-bg-overlay backdrop-blur-md", "data-[state=open]:animate-in data-[state=closed]:animate-out", "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", ge),
+		onClick: l,
+		"data-state": c ? "open" : "closed",
+		role: "dialog",
+		"aria-modal": "true",
+		children: /* @__PURE__ */ a("div", {
+			className: "w-full max-w-lg mx-4 max-h-[85dvh] overflow-hidden",
+			onClick: (e) => e.stopPropagation(),
+			children: /* @__PURE__ */ o("div", {
+				className: "overflow-hidden rounded-xl border-2 border-border/50 bg-background shadow-2xl",
+				children: [
+					/* @__PURE__ */ o("div", {
+						className: "flex items-center border-b px-3",
+						children: [
+							/* @__PURE__ */ a(ae, { className: "h-4 w-4 mr-2 flex-shrink-0 opacity-50" }),
+							/* @__PURE__ */ a("input", {
+								type: "text",
+								placeholder: de,
+								value: u,
+								onChange: (e) => d(e.target.value),
+								className: "flex-1 bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground",
+								autoFocus: !0
+							}),
+							u && /* @__PURE__ */ a("button", {
+								onClick: () => d(""),
+								className: "ml-2 rounded-sm opacity-70 hover:opacity-100",
+								"aria-label": "Clear search",
+								children: /* @__PURE__ */ a(se, { className: "h-4 w-4" })
+							})
+						]
+					}),
+					ue.length > 0 && /* @__PURE__ */ o("div", {
+						className: "flex items-center gap-1 p-2 border-b overflow-x-auto scrollbar-hide scroll-smooth snap-x snap-mandatory",
+						children: [/* @__PURE__ */ a("button", {
+							onClick: () => p(void 0),
+							className: e("px-3 py-1.5 text-xs rounded-md transition-colors whitespace-nowrap flex-shrink-0 snap-start", f === void 0 ? "bg-primary text-primary-foreground" : "bg-muted hover:bg-muted/80"),
+							children: "All"
+						}), ue.map((t) => {
+							let n = t.icon;
+							return /* @__PURE__ */ o("button", {
+								onClick: () => p(t.name),
+								className: e("px-3 py-1.5 text-xs rounded-md transition-colors whitespace-nowrap flex-shrink-0 flex items-center gap-1.5 snap-start", f === t.name ? "bg-primary text-primary-foreground" : "bg-muted hover:bg-muted/80"),
+								children: [/* @__PURE__ */ a(n, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ a("span", {
+									className: "hidden xs:inline",
+									children: t.label
+								})]
+							}, t.name);
+						})]
+					}),
+					/* @__PURE__ */ o("div", {
+						className: "flex items-center justify-between px-3 py-1.5 border-b",
+						children: [/* @__PURE__ */ a("div", {
+							className: "flex items-center gap-1",
+							children: [
+								"PARTIAL",
+								"FULLTEXT",
+								"EXACT"
+							].map((t) => /* @__PURE__ */ a("button", {
+								onClick: () => S(t),
+								className: e("px-2 py-1 text-[10px] font-medium rounded transition-colors", x === t ? "bg-primary text-primary-foreground" : "bg-muted/60 text-muted-foreground hover:bg-muted"),
+								title: t === "PARTIAL" ? "Autocomplete — matches prefixes and substrings" : t === "FULLTEXT" ? "Full-text — BM25 word matching with stemming" : "Exact — all search terms must appear",
+								children: t === "PARTIAL" ? "Partial" : t === "FULLTEXT" ? "Fulltext" : "Exact"
+							}, t))
+						}), /* @__PURE__ */ o("button", {
+							onClick: () => _e((e) => !e),
+							className: "flex items-center gap-1 px-2 py-1 text-[10px] font-medium text-muted-foreground rounded hover:bg-muted transition-colors",
+							"aria-expanded": b,
+							children: [
+								/* @__PURE__ */ a(oe, { className: "h-3 w-3" }),
+								"Filters",
+								a(b ? te : ee, { className: "h-3 w-3" })
+							]
+						})]
+					}),
+					b && /* @__PURE__ */ o("div", {
+						className: "px-3 py-2 border-b space-y-2 bg-muted/30 max-h-64 overflow-y-auto",
+						children: [
+							/* @__PURE__ */ o("div", {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ a("label", {
+									className: "text-[10px] font-medium text-muted-foreground w-16 flex-shrink-0",
+									children: "Sort by"
+								}), /* @__PURE__ */ o("select", {
+									value: C,
+									onChange: (e) => w(e.target.value),
+									className: "flex-1 h-7 text-xs rounded border border-border bg-background px-2 outline-none",
+									children: [
+										/* @__PURE__ */ a("option", {
+											value: "SCORE_DESC",
+											children: "Relevance"
+										}),
+										/* @__PURE__ */ a("option", {
+											value: "CREATED_DESC",
+											children: "Newest first"
+										}),
+										/* @__PURE__ */ a("option", {
+											value: "CREATED_ASC",
+											children: "Oldest first"
+										}),
+										/* @__PURE__ */ a("option", {
+											value: "UPDATED_DESC",
+											children: "Recently updated"
+										}),
+										/* @__PURE__ */ a("option", {
+											value: "UPDATED_ASC",
+											children: "Least recently updated"
+										}),
+										/* @__PURE__ */ a("option", {
+											value: "TITLE_ASC",
+											children: "Title A-Z"
+										}),
+										/* @__PURE__ */ a("option", {
+											value: "TITLE_DESC",
+											children: "Title Z-A"
+										})
+									]
+								})]
+							}),
+							/* @__PURE__ */ o("div", {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ a("label", {
+									className: "text-[10px] font-medium text-muted-foreground w-16 flex-shrink-0",
+									children: "Products"
+								}), /* @__PURE__ */ a("input", {
+									"aria-label": "Product sources filter",
+									type: "text",
+									placeholder: "vibecontrols, wspace-tags",
+									value: T,
+									onChange: (e) => E(e.target.value),
+									className: "flex-1 h-7 text-xs rounded border border-border bg-background px-2 outline-none placeholder:text-muted-foreground"
+								})]
+							}),
+							/* @__PURE__ */ o("div", {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ a("label", {
+									className: "text-[10px] font-medium text-muted-foreground w-16 flex-shrink-0",
+									children: "Project"
+								}), /* @__PURE__ */ a("input", {
+									"aria-label": "Project ID filter",
+									type: "text",
+									placeholder: "Project ID",
+									value: D,
+									onChange: (e) => O(e.target.value),
+									className: "flex-1 h-7 text-xs rounded border border-border bg-background px-2 outline-none placeholder:text-muted-foreground"
+								})]
+							}),
+							/* @__PURE__ */ o("div", {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ a("label", {
+									className: "text-[10px] font-medium text-muted-foreground w-16 flex-shrink-0",
+									children: "Created by"
+								}), /* @__PURE__ */ a("input", {
+									type: "text",
+									placeholder: "Actor ID",
+									value: k,
+									onChange: (e) => A(e.target.value),
+									className: "flex-1 h-7 text-xs rounded border border-border bg-background px-2 outline-none placeholder:text-muted-foreground"
+								})]
+							}),
+							/* @__PURE__ */ o("div", {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ a("label", {
+									className: "text-[10px] font-medium text-muted-foreground w-16 flex-shrink-0",
+									children: "Updated by"
+								}), /* @__PURE__ */ a("input", {
+									"aria-label": "Updated by filter",
+									type: "text",
+									placeholder: "Actor ID",
+									value: j,
+									onChange: (e) => M(e.target.value),
+									className: "flex-1 h-7 text-xs rounded border border-border bg-background px-2 outline-none placeholder:text-muted-foreground"
+								})]
+							}),
+							/* @__PURE__ */ o("div", {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ a("label", {
+									className: "text-[10px] font-medium text-muted-foreground w-16 flex-shrink-0",
+									children: "Date from"
+								}), /* @__PURE__ */ a("input", {
+									type: "date",
+									value: N,
+									onChange: (e) => P(e.target.value),
+									className: "flex-1 h-7 text-xs rounded border border-border bg-background px-2 outline-none"
+								})]
+							}),
+							/* @__PURE__ */ o("div", {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ a("label", {
+									className: "text-[10px] font-medium text-muted-foreground w-16 flex-shrink-0",
+									children: "Date to"
+								}), /* @__PURE__ */ a("input", {
+									type: "date",
+									value: F,
+									onChange: (e) => I(e.target.value),
+									className: "flex-1 h-7 text-xs rounded border border-border bg-background px-2 outline-none"
+								})]
+							}),
+							/* @__PURE__ */ o("div", {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ a("label", {
+									className: "text-[10px] font-medium text-muted-foreground w-16 flex-shrink-0",
+									children: "Updated from"
+								}), /* @__PURE__ */ a("input", {
+									"aria-label": "Updated from date",
+									type: "date",
+									value: L,
+									onChange: (e) => R(e.target.value),
+									className: "flex-1 h-7 text-xs rounded border border-border bg-background px-2 outline-none"
+								})]
+							}),
+							/* @__PURE__ */ o("div", {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ a("label", {
+									className: "text-[10px] font-medium text-muted-foreground w-16 flex-shrink-0",
+									children: "Updated to"
+								}), /* @__PURE__ */ a("input", {
+									"aria-label": "Updated to date",
+									type: "date",
+									value: z,
+									onChange: (e) => B(e.target.value),
+									className: "flex-1 h-7 text-xs rounded border border-border bg-background px-2 outline-none"
+								})]
+							}),
+							/* @__PURE__ */ o("div", {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ a("label", {
+									className: "text-[10px] font-medium text-muted-foreground w-16 flex-shrink-0",
+									children: "Tag keys"
+								}), /* @__PURE__ */ a("input", {
+									"aria-label": "Tag keys filter",
+									type: "text",
+									placeholder: "search, team/platform",
+									value: V,
+									onChange: (e) => H(e.target.value),
+									className: "flex-1 h-7 text-xs rounded border border-border bg-background px-2 outline-none placeholder:text-muted-foreground"
+								})]
+							}),
+							/* @__PURE__ */ o("div", {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ a("label", {
+									className: "text-[10px] font-medium text-muted-foreground w-16 flex-shrink-0",
+									children: "Tag IDs"
+								}), /* @__PURE__ */ a("input", {
+									"aria-label": "Tag IDs filter",
+									type: "text",
+									placeholder: "Comma-separated IDs",
+									value: U,
+									onChange: (e) => W(e.target.value),
+									className: "flex-1 h-7 text-xs rounded border border-border bg-background px-2 outline-none placeholder:text-muted-foreground"
+								})]
+							}),
+							/* @__PURE__ */ o("div", {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ a("label", {
+									className: "text-[10px] font-medium text-muted-foreground w-16 flex-shrink-0",
+									children: "Tag paths"
+								}), /* @__PURE__ */ a("input", {
+									"aria-label": "Tag hierarchy filter",
+									type: "text",
+									placeholder: "team/engineering",
+									value: G,
+									onChange: (e) => K(e.target.value),
+									className: "flex-1 h-7 text-xs rounded border border-border bg-background px-2 outline-none placeholder:text-muted-foreground"
+								})]
+							}),
+							/* @__PURE__ */ o("div", {
+								className: "grid grid-cols-[1fr_auto_1fr] gap-2 items-center",
+								children: [
+									/* @__PURE__ */ a("input", {
+										"aria-label": "Metadata key filter",
+										type: "text",
+										placeholder: "metadata.path",
+										value: q,
+										onChange: (e) => J(e.target.value),
+										className: "h-7 text-xs rounded border border-border bg-background px-2 outline-none placeholder:text-muted-foreground"
+									}),
+									/* @__PURE__ */ o("select", {
+										"aria-label": "Metadata operator filter",
+										value: Z,
+										onChange: (e) => Q(e.target.value),
+										className: "h-7 text-xs rounded border border-border bg-background px-2 outline-none",
+										children: [
+											/* @__PURE__ */ a("option", {
+												value: "EQUALS",
+												children: "="
+											}),
+											/* @__PURE__ */ a("option", {
+												value: "NOT_EQUALS",
+												children: "≠"
+											}),
+											/* @__PURE__ */ a("option", {
+												value: "CONTAINS",
+												children: "contains"
+											}),
+											/* @__PURE__ */ a("option", {
+												value: "STARTS_WITH",
+												children: "starts"
+											})
+										]
+									}),
+									/* @__PURE__ */ a("input", {
+										"aria-label": "Metadata value filter",
+										type: "text",
+										placeholder: "Value",
+										value: Y,
+										onChange: (e) => X(e.target.value),
+										className: "h-7 text-xs rounded border border-border bg-background px-2 outline-none placeholder:text-muted-foreground"
+									})
+								]
+							}),
+							/* @__PURE__ */ a("div", {
+								className: "flex justify-end",
+								children: /* @__PURE__ */ a("button", {
+									onClick: () => {
+										S("PARTIAL"), w("SCORE_DESC"), E(""), O(""), A(""), M(""), P(""), I(""), R(""), B(""), H(""), W(""), K(""), J(""), X(""), Q("EQUALS");
+									},
+									className: "text-[10px] text-muted-foreground hover:text-foreground transition-colors",
+									children: "Clear filters"
+								})
+							})
+						]
+					}),
+					/* @__PURE__ */ o("div", {
+						className: "max-h-[60dvh] overflow-y-auto p-2",
+						children: [
+							g && /* @__PURE__ */ a("div", {
+								className: "flex items-center justify-center py-6",
+								children: /* @__PURE__ */ a(ie, { className: "h-4 w-4 animate-spin" })
+							}),
+							v && /* @__PURE__ */ a("div", {
+								className: "py-6 text-center text-sm text-destructive",
+								children: v
+							}),
+							!g && !v && !u && fe.length > 0 && /* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("div", {
+								className: "px-2 py-1.5 text-xs font-medium text-muted-foreground",
+								children: "Recent Searches"
+							}), fe.map((e, t) => /* @__PURE__ */ o("button", {
+								onClick: () => d(e),
+								className: "w-full flex items-center gap-2 px-2 py-2 text-sm rounded-md hover:bg-accent transition-colors text-left",
+								children: [/* @__PURE__ */ a(ne, { className: "h-4 w-4 opacity-50" }), e]
+							}, t))] }),
+							!g && !v && u && m.length === 0 && /* @__PURE__ */ o("div", {
+								className: "py-6 text-center text-sm text-muted-foreground",
+								children: [
+									"No results found for \"",
+									u,
+									"\""
+								]
+							}),
+							!g && !v && Object.entries(ye).map(([e, t]) => /* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("div", {
+								className: "px-2 py-1.5 text-xs font-medium text-muted-foreground",
+								children: e
+							}), t.map((e) => {
+								let t = e.icon;
+								return /* @__PURE__ */ o("button", {
+									onClick: () => be(e),
+									className: "w-full flex items-start gap-2 px-2 py-2 text-sm rounded-md hover:bg-accent transition-colors text-left",
+									children: [t && /* @__PURE__ */ a(t, { className: "h-4 w-4 mt-0.5 flex-shrink-0" }), /* @__PURE__ */ o("div", {
+										className: "flex-1 min-w-0",
+										children: [/* @__PURE__ */ a("div", {
+											className: "font-medium truncate",
+											children: e.title
+										}), e.description && /* @__PURE__ */ a("div", {
+											className: "text-xs text-muted-foreground truncate",
+											children: e.description
+										})]
+									})]
+								}, e.id);
+							})] }, e))
+						]
+					}),
+					u && m.length > 0 && he && /* @__PURE__ */ a("div", {
+						className: "border-t p-2",
+						children: /* @__PURE__ */ o("button", {
+							onClick: () => {
+								he(u, $(), f), l();
+							},
+							className: "w-full flex items-center justify-center gap-2 py-2 text-sm text-primary hover:bg-accent rounded-md transition-colors",
+							children: [/* @__PURE__ */ a(re, { className: "h-4 w-4" }), "View all results"]
+						})
+					})
+				]
+			})
+		})
+	}) : null;
+}
+//#endregion
+export { l as GlobalSearch };

package/dist/chrome/HeaderBar.d.ts

@@ -0,0 +1,108 @@
+import { FC, ReactNode } from 'react';
+/**
+ * Mobile Action Item for sidenav
+ */
+export interface MobileActionItem {
+    /** Unique identifier */
+    id: string;
+    /** Display label */
+    label: string;
+    /** Icon component */
+    icon: ReactNode;
+    /** Click handler */
+    onClick: () => void;
+    /** Whether this is a toggle (shows active state) */
+    isToggle?: boolean;
+    /** Current toggle state */
+    isActive?: boolean;
+    /** Whether to close the sidebar after action (default: true) */
+    closeSidebar?: boolean;
+}
+/**
+ * HeaderBar Props Interface
+ *
+ * Generic header bar component that accepts all data via props.
+ * No dependencies on shell providers - pure presentation component.
+ */
+export interface HeaderBarProps {
+    /** Logo content (text or component) */
+    logo?: ReactNode;
+    /** Application name */
+    appName: string;
+    /** Logo click handler */
+    onLogoClick?: () => void;
+    /** Menu toggle handler */
+    onMenuToggle?: () => void;
+    /** Search click handler */
+    onSearchClick?: () => void;
+    /** Search placeholder text */
+    searchPlaceholder?: string;
+    /** Search keyboard shortcut display */
+    searchShortcut?: string;
+    /** Number of unread notifications (used by built-in bell when notificationCenter is not provided) */
+    unreadNotifications?: number;
+    /** Notifications click handler (used by built-in bell when notificationCenter is not provided) */
+    onNotificationsClick?: () => void;
+    /** Notification center component (replaces the built-in bell button when provided) */
+    notificationCenter?: ReactNode;
+    /** Current color mode */
+    colorMode?: "light" | "dark";
+    /** Theme toggle handler */
+    onThemeToggle?: () => void;
+    /** Current user info */
+    user?: {
+        firstName: string;
+        lastName: string;
+        avatar?: string;
+    };
+    /** User menu click handler */
+    onUserMenuClick?: () => void;
+    /** Additional actions to render in the header */
+    actions?: ReactNode;
+    /** Context switcher component (Org/Workspace/Project) */
+    contextSwitcher?: ReactNode;
+    /** Product switcher component */
+    productSwitcher?: ReactNode;
+    /** Language switcher component */
+    languageSwitcher?: ReactNode;
+    /** Geography switcher component */
+    geographySwitcher?: ReactNode;
+    /** Profile switcher component */
+    profileSwitcher?: ReactNode;
+    /** Keyboard shortcuts click handler */
+    onKeyboardShortcutsClick?: () => void;
+    /** Whether to hide non-essential items on mobile (they go to sidenav) */
+    mobileOptimized?: boolean;
+}
+/**
+ * HeaderBar Component
+ *
+ * Generic header bar for app shells. Pure presentation component
+ * that accepts all data via props.
+ *
+ * Features:
+ * - Logo (no app name in header)
+ * - Menu toggle
+ * - Global search icon trigger
+ * - Notifications with badge
+ * - Theme toggle (light/dark)
+ * - Custom actions
+ * - Responsive layout for mobile and desktop
+ *
+ * Uses semantic tokens for styling, which must be provided by the shell.
+ *
+ * @example
+ * ```tsx
+ * <HeaderBar
+ *   appName="VibeControls"
+ *   logo="VC"
+ *   onMenuToggle={() => toggleSidebar()}
+ *   onSearchClick={() => openSearch()}
+ *   unreadNotifications={3}
+ *   colorMode="dark"
+ *   onThemeToggle={() => toggleTheme()}
+ * />
+ * ```
+ */
+export declare const HeaderBar: FC<HeaderBarProps>;
+//# sourceMappingURL=HeaderBar.d.ts.map

package/dist/chrome/HeaderBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderBar.d.ts","sourceRoot":"","sources":["../../src/chrome/HeaderBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3C;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,IAAI,EAAE,SAAS,CAAC;IAChB,oBAAoB;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gEAAgE;IAChE,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;;;;;GAKG;AACH,MAAM,WAAW,cAAc;IAC7B,uCAAuC;IACvC,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB,uBAAuB;IACvB,OAAO,EAAE,MAAM,CAAC;IAEhB,yBAAyB;IACzB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IAEzB,0BAA0B;IAC1B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAE1B,2BAA2B;IAC3B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAE3B,8BAA8B;IAC9B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,uCAAuC;IACvC,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,qGAAqG;IACrG,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B,kGAAkG;IAClG,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAElC,sFAAsF;IACtF,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAE/B,yBAAyB;IACzB,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAE7B,2BAA2B;IAC3B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAE3B,wBAAwB;IACxB,IAAI,CAAC,EAAE;QACL,SAAS,EAAE,MAAM,CAAC;QAClB,QAAQ,EAAE,MAAM,CAAC;QACjB,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IAEF,8BAA8B;IAC9B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAE7B,iDAAiD;IACjD,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB,yDAAyD;IACzD,eAAe,CAAC,EAAE,SAAS,CAAC;IAE5B,iCAAiC;IACjC,eAAe,CAAC,EAAE,SAAS,CAAC;IAE5B,kCAAkC;IAClC,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAE7B,mCAAmC;IACnC,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAE9B,iCAAiC;IACjC,eAAe,CAAC,EAAE,SAAS,CAAC;IAE5B,uCAAuC;IACvC,wBAAwB,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtC,yEAAyE;IACzE,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CA8OxC,CAAC"}