@burdenoff/fe-libs 2026.510.126

package/dist/chrome/HeaderBar.js

@@ -0,0 +1,141 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/chrome/HeaderBar.tsx
+var n = ({ logo: n, appName: r, onLogoClick: i, onMenuToggle: a, onSearchClick: o, searchPlaceholder: s = "Search...", searchShortcut: c = "⌘K", unreadNotifications: l = 0, onNotificationsClick: u, notificationCenter: d, colorMode: f = "light", onThemeToggle: p, user: m, onUserMenuClick: h, actions: g, contextSwitcher: _, productSwitcher: v, languageSwitcher: y, geographySwitcher: b, profileSwitcher: x, onKeyboardShortcutsClick: S, mobileOptimized: C = !0 }) => /* @__PURE__ */ t("header", {
+	className: "relative z-[100] h-14 bg-bg-elevated border-b border-border-subtle flex items-center px-3 md:px-card-padding justify-between",
+	children: [/* @__PURE__ */ t("div", {
+		className: "flex items-center gap-2 md:gap-control-gap",
+		children: [a && /* @__PURE__ */ e("button", {
+			onClick: a,
+			className: "p-2 hover:bg-action-ghost-bg-hover rounded-button text-text-primary",
+			"aria-label": "Toggle sidebar",
+			children: /* @__PURE__ */ e("svg", {
+				className: "w-icon-md h-icon-md",
+				fill: "none",
+				stroke: "currentColor",
+				viewBox: "0 0 24 24",
+				children: /* @__PURE__ */ e("path", {
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					strokeWidth: 2,
+					d: "M4 6h16M4 12h16M4 18h16"
+				})
+			})
+		}), n && /* @__PURE__ */ e("div", {
+			className: `w-8 h-8 bg-action-primary-bg rounded-md flex items-center justify-center ${i ? "cursor-pointer hover:opacity-80 transition-opacity" : ""}`,
+			onClick: i,
+			role: i ? "button" : void 0,
+			tabIndex: i ? 0 : void 0,
+			onKeyDown: i ? (e) => {
+				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), i());
+			} : void 0,
+			"aria-label": i ? "Go to home" : void 0,
+			children: typeof n == "string" ? /* @__PURE__ */ e("span", {
+				className: "text-action-primary-text font-bold text-sm",
+				children: n
+			}) : n
+		})]
+	}), /* @__PURE__ */ t("div", {
+		className: "flex items-center gap-1 md:gap-control-gap",
+		children: [
+			_,
+			v && /* @__PURE__ */ e("div", {
+				className: C ? "hidden md:block" : "",
+				children: v
+			}),
+			y && /* @__PURE__ */ e("div", {
+				className: C ? "hidden md:block" : "",
+				children: y
+			}),
+			b && /* @__PURE__ */ e("div", {
+				className: C ? "hidden md:block" : "",
+				children: b
+			}),
+			(_ || v || y || b) && /* @__PURE__ */ e("div", { className: "hidden md:block h-6 w-px bg-border-subtle" }),
+			S && /* @__PURE__ */ e("button", {
+				onClick: S,
+				className: `p-2 hover:bg-action-ghost-bg-hover rounded-button text-text-primary ${C ? "hidden md:block" : ""}`,
+				"aria-label": "Keyboard shortcuts",
+				title: "Keyboard shortcuts (Ctrl+/ or Cmd+/)",
+				children: /* @__PURE__ */ e("svg", {
+					className: "w-icon-md h-icon-md",
+					fill: "none",
+					stroke: "currentColor",
+					viewBox: "0 0 24 24",
+					children: /* @__PURE__ */ e("path", {
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						strokeWidth: 2,
+						d: "M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4"
+					})
+				})
+			}),
+			o && /* @__PURE__ */ e("button", {
+				onClick: o,
+				className: "p-2 hover:bg-action-ghost-bg-hover rounded-button text-text-primary",
+				"aria-label": "Search",
+				title: `Search (${c})`,
+				children: /* @__PURE__ */ e("svg", {
+					className: "w-icon-md h-icon-md",
+					fill: "none",
+					stroke: "currentColor",
+					viewBox: "0 0 24 24",
+					children: /* @__PURE__ */ e("path", {
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						strokeWidth: 2,
+						d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
+					})
+				})
+			}),
+			g,
+			d || (u ? /* @__PURE__ */ t("button", {
+				onClick: u,
+				className: "relative p-2 hover:bg-action-ghost-bg-hover rounded-button text-text-primary",
+				"aria-label": "Notifications",
+				children: [/* @__PURE__ */ e("svg", {
+					className: "w-icon-md h-icon-md",
+					fill: "none",
+					stroke: "currentColor",
+					viewBox: "0 0 24 24",
+					children: /* @__PURE__ */ e("path", {
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						strokeWidth: 2,
+						d: "M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9"
+					})
+				}), l > 0 && /* @__PURE__ */ e("span", { className: "absolute top-1 right-1 w-2 h-2 bg-status-error-bg rounded-full border border-bg-elevated" })]
+			}) : null),
+			p && /* @__PURE__ */ e("button", {
+				onClick: p,
+				className: `p-2 hover:bg-action-ghost-bg-hover rounded-button text-text-primary ${C ? "hidden md:block" : ""}`,
+				"aria-label": "Toggle theme",
+				children: f === "light" ? /* @__PURE__ */ e("svg", {
+					className: "w-icon-md h-icon-md",
+					fill: "none",
+					stroke: "currentColor",
+					viewBox: "0 0 24 24",
+					children: /* @__PURE__ */ e("path", {
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						strokeWidth: 2,
+						d: "M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"
+					})
+				}) : /* @__PURE__ */ e("svg", {
+					className: "w-icon-md h-icon-md",
+					fill: "none",
+					stroke: "currentColor",
+					viewBox: "0 0 24 24",
+					children: /* @__PURE__ */ e("path", {
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						strokeWidth: 2,
+						d: "M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z"
+					})
+				})
+			}),
+			x
+		]
+	})]
+});
+//#endregion
+export { n as HeaderBar };

package/dist/chrome/LanguagePickerSheet.d.ts

@@ -0,0 +1,22 @@
+import { FC } from 'react';
+export interface Language {
+    code: string;
+    name: string;
+    nativeName: string;
+    flag?: string;
+}
+export interface LanguagePickerSheetProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    languages: Language[];
+    currentLanguage: string;
+    onLanguageChange?: (language: Language) => void;
+}
+/**
+ * LanguagePickerSheet Component
+ *
+ * Mobile-friendly bottom sheet for language selection.
+ * Used when the sidenav Quick Actions triggers the language picker.
+ */
+export declare const LanguagePickerSheet: FC<LanguagePickerSheetProps>;
+//# sourceMappingURL=LanguagePickerSheet.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LanguagePickerSheet.d.ts","sourceRoot":"","sources":["../../src/chrome/LanguagePickerSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;CACjD;AAED;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CAgE5D,CAAC"}

package/dist/chrome/LanguagePickerSheet.js

@@ -0,0 +1,57 @@
+import { Sheet as e, SheetContent as t, SheetHeader as n, SheetTitle as r } from "../ui/sheet.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/chrome/LanguagePickerSheet.tsx
+var o = ({ open: o, onOpenChange: s, languages: c, currentLanguage: l, onLanguageChange: u }) => {
+	let d = (e) => {
+		u && u(e), s(!1);
+	};
+	return /* @__PURE__ */ i(e, {
+		open: o,
+		onOpenChange: s,
+		children: /* @__PURE__ */ a(t, {
+			side: "bottom",
+			className: "h-[60vh] flex flex-col p-0",
+			children: [/* @__PURE__ */ i(n, {
+				className: "px-4 pt-4 pb-2 border-b border-border-subtle",
+				children: /* @__PURE__ */ i(r, {
+					className: "text-text-primary",
+					children: "Select Language"
+				})
+			}), /* @__PURE__ */ i("div", {
+				className: "flex-1 overflow-y-auto py-2",
+				children: c.map((e) => /* @__PURE__ */ a("button", {
+					onClick: () => d(e),
+					className: `w-full flex items-center gap-4 px-4 py-3.5 text-body-sm transition-colors ${e.code === l ? "bg-action-ghost-bg-hover" : "hover:bg-action-ghost-bg-hover"}`,
+					children: [
+						e.flag && /* @__PURE__ */ i("span", {
+							className: "text-2xl flex-shrink-0",
+							children: e.flag
+						}),
+						/* @__PURE__ */ a("div", {
+							className: "flex-1 text-left min-w-0",
+							children: [/* @__PURE__ */ i("p", {
+								className: "font-medium text-text-primary",
+								children: e.name
+							}), /* @__PURE__ */ i("p", {
+								className: "text-xs text-text-secondary",
+								children: e.nativeName
+							})]
+						}),
+						e.code === l && /* @__PURE__ */ i("svg", {
+							className: "w-5 h-5 text-action-primary-bg flex-shrink-0",
+							fill: "currentColor",
+							viewBox: "0 0 20 20",
+							children: /* @__PURE__ */ i("path", {
+								fillRule: "evenodd",
+								d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",
+								clipRule: "evenodd"
+							})
+						})
+					]
+				}, e.code))
+			})]
+		})
+	});
+};
+//#endregion
+export { o as LanguagePickerSheet };

package/dist/chrome/LanguageSwitcher.d.ts

@@ -0,0 +1,23 @@
+import { FC } from 'react';
+export interface Language {
+    code: string;
+    name: string;
+    nativeName: string;
+    flag?: string;
+}
+export interface LanguageSwitcherProps {
+    languages: Language[];
+    currentLanguage: string;
+    onLanguageChange?: (language: Language) => void;
+    /** Show as icon only (for small screens) */
+    compact?: boolean;
+}
+/**
+ * LanguageSwitcher Component
+ *
+ * Allows switching between different languages
+ *
+ * On small screens (when compact=true), shows as icon with popup
+ */
+export declare const LanguageSwitcher: FC<LanguageSwitcherProps>;
+//# sourceMappingURL=LanguageSwitcher.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LanguageSwitcher.d.ts","sourceRoot":"","sources":["../../src/chrome/LanguageSwitcher.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,qBAAqB;IACpC,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;IAChD,4CAA4C;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA8ItD,CAAC"}

package/dist/chrome/LanguageSwitcher.js

@@ -0,0 +1,94 @@
+import { useEffect as e, useRef as t, useState as n } from "react";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/chrome/LanguageSwitcher.tsx
+var o = ({ languages: o, currentLanguage: s, onLanguageChange: c, compact: l = !1 }) => {
+	let [u, d] = n(!1), f = t(null), p = o.find((e) => e.code === s) || o[0];
+	e(() => {
+		let e = (e) => {
+			f.current && !f.current.contains(e.target) && d(!1);
+		};
+		if (u) return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [u]);
+	let m = (e) => {
+		c && c(e), d(!1);
+	};
+	return /* @__PURE__ */ a("div", {
+		className: "relative",
+		ref: f,
+		children: [/* @__PURE__ */ i("button", {
+			onClick: () => d(!u),
+			className: `flex items-center gap-2 px-3 py-2 rounded-button hover:bg-action-ghost-bg-hover transition-colors ${u ? "bg-action-ghost-bg-hover" : ""}`,
+			"aria-label": "Change language",
+			"aria-expanded": u,
+			children: l ? /* @__PURE__ */ i("svg", {
+				className: "w-5 h-5 text-text-primary",
+				fill: "none",
+				stroke: "currentColor",
+				viewBox: "0 0 24 24",
+				children: /* @__PURE__ */ i("path", {
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					strokeWidth: 2,
+					d: "M3 5h12M9 3v2m1.048 9.5A18.022 18.022 0 016.412 9m6.088 9h7M11 21l5-10 5 10M12.751 5C11.783 10.77 8.07 15.61 3 18.129"
+				})
+			}) : /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i("span", {
+				className: "text-body-sm font-medium text-text-primary uppercase",
+				children: p?.code
+			}), /* @__PURE__ */ i("svg", {
+				className: `w-4 h-4 text-text-secondary transition-transform ${u ? "rotate-180" : ""}`,
+				fill: "none",
+				stroke: "currentColor",
+				viewBox: "0 0 24 24",
+				children: /* @__PURE__ */ i("path", {
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					strokeWidth: 2,
+					d: "M19 9l-7 7-7-7"
+				})
+			})] })
+		}), u && /* @__PURE__ */ a("div", {
+			className: "absolute right-0 mt-2 w-[calc(100vw-1.5rem)] sm:w-64 max-w-64 bg-bg-elevated border border-border-default rounded-lg shadow-lg z-50 py-2",
+			children: [/* @__PURE__ */ i("div", {
+				className: "px-4 py-2 border-b border-border-subtle",
+				children: /* @__PURE__ */ i("p", {
+					className: "text-body-xs font-semibold text-text-secondary uppercase",
+					children: "Select Language"
+				})
+			}), /* @__PURE__ */ i("div", {
+				className: "py-1 max-h-96 overflow-y-auto",
+				children: o.map((e) => /* @__PURE__ */ a("button", {
+					onClick: () => m(e),
+					className: `w-full flex items-center gap-3 px-4 py-2.5 text-body-sm transition-colors ${e.code === s ? "bg-action-ghost-bg-hover text-text-primary font-medium" : "text-text-primary hover:bg-action-ghost-bg-hover"}`,
+					children: [
+						e.flag && /* @__PURE__ */ i("span", {
+							className: "text-xl flex-shrink-0",
+							children: e.flag
+						}),
+						/* @__PURE__ */ a("div", {
+							className: "flex-1 text-left min-w-0",
+							children: [/* @__PURE__ */ i("p", {
+								className: "font-medium truncate",
+								children: e.name
+							}), /* @__PURE__ */ i("p", {
+								className: "text-xs text-text-secondary truncate",
+								children: e.nativeName
+							})]
+						}),
+						e.code === s && /* @__PURE__ */ i("svg", {
+							className: "w-5 h-5 text-action-primary-bg flex-shrink-0",
+							fill: "currentColor",
+							viewBox: "0 0 20 20",
+							children: /* @__PURE__ */ i("path", {
+								fillRule: "evenodd",
+								d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",
+								clipRule: "evenodd"
+							})
+						})
+					]
+				}, e.code))
+			})]
+		})]
+	});
+};
+//#endregion
+export { o as LanguageSwitcher };

package/dist/chrome/NavLink.d.ts

@@ -0,0 +1,64 @@
+import { FC, ReactNode } from 'react';
+/**
+ * NavLink Props Interface
+ *
+ * Generic navigation link component that accepts all data via props.
+ * No dependencies on routing libraries - pure presentation component.
+ */
+export interface NavLinkProps {
+    /** Link text/label */
+    label: string;
+    /** Optional icon (left side) */
+    icon?: ReactNode;
+    /** Optional badge content (right side) */
+    badge?: string | number;
+    /** Whether this link is currently active */
+    isActive?: boolean;
+    /** Whether this link is disabled */
+    disabled?: boolean;
+    /** Click handler */
+    onClick?: () => void;
+    /** Optional href for native links */
+    href?: string;
+    /** Visual variant */
+    variant?: "default" | "compact" | "sidebar";
+    /** Additional CSS classes */
+    className?: string;
+    /** ARIA label for accessibility */
+    ariaLabel?: string;
+}
+/**
+ * NavLink Component
+ *
+ * Generic navigation link for app shells. Pure presentation component
+ * that accepts all data via props.
+ *
+ * Features:
+ * - Active state indication
+ * - Icon support
+ * - Badge support (notifications, counts)
+ * - Disabled state
+ * - Multiple variants (default, compact, sidebar)
+ * - Accessible navigation
+ *
+ * Uses semantic tokens for styling, which must be provided by the shell.
+ *
+ * @example
+ * ```tsx
+ * <NavLink
+ *   label="Dashboard"
+ *   icon={<HomeIcon />}
+ *   isActive={currentPath === '/dashboard'}
+ *   onClick={() => navigate('/dashboard')}
+ * />
+ *
+ * <NavLink
+ *   label="Notifications"
+ *   icon={<BellIcon />}
+ *   badge={5}
+ *   onClick={() => navigate('/notifications')}
+ * />
+ * ```
+ */
+export declare const NavLink: FC<NavLinkProps>;
+//# sourceMappingURL=NavLink.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavLink.d.ts","sourceRoot":"","sources":["../../src/chrome/NavLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG3C;;;;;GAKG;AACH,MAAM,WAAW,YAAY;IAC3B,sBAAsB;IACtB,KAAK,EAAE,MAAM,CAAC;IAEd,gCAAgC;IAChC,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,qCAAqC;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,qBAAqB;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;IAE5C,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAwFpC,CAAC"}

package/dist/chrome/NavLink.js

@@ -0,0 +1,46 @@
+import { cn as e } from "../shared-utils.js";
+import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/chrome/NavLink.tsx
+var i = ({ label: i, icon: a, badge: o, isActive: s = !1, disabled: c = !1, onClick: l, href: u, variant: d = "default", className: f, ariaLabel: p }) => {
+	let m = e("flex items-center gap-icon-gap transition-colors rounded-button", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-border", {
+		"px-card-padding py-control-gap text-body-sm": d === "default",
+		"px-2 py-1 text-body-sm": d === "compact",
+		"px-card-padding py-2 text-body-md": d === "sidebar",
+		"bg-action-primary-bg text-action-primary-text font-medium": s && !c,
+		"text-text-secondary hover:text-text-primary hover:bg-action-ghost-bg-hover": !s && !c,
+		"text-text-disabled cursor-not-allowed opacity-50": c
+	}, f), h = /* @__PURE__ */ r(t, { children: [
+		a && /* @__PURE__ */ n("span", {
+			className: "flex items-center flex-shrink-0",
+			children: a
+		}),
+		/* @__PURE__ */ n("span", {
+			className: e("flex-1 truncate", d === "sidebar" && "font-medium"),
+			children: i
+		}),
+		o !== void 0 && /* @__PURE__ */ n("span", {
+			className: e("flex items-center justify-center min-w-[20px] h-5 px-1.5 rounded-full text-xs font-medium", s ? "bg-action-primary-text text-action-primary-bg" : "bg-status-info-bg text-status-info-text"),
+			children: typeof o == "number" && o > 99 ? "99+" : o
+		})
+	] });
+	return u && !c ? /* @__PURE__ */ n("a", {
+		href: u,
+		onClick: (e) => {
+			l && (e.preventDefault(), l());
+		},
+		className: m,
+		"aria-label": p || i,
+		"aria-current": s ? "page" : void 0,
+		children: h
+	}) : /* @__PURE__ */ n("button", {
+		onClick: l,
+		disabled: c,
+		className: m,
+		"aria-label": p || i,
+		"aria-current": s ? "page" : void 0,
+		type: "button",
+		children: h
+	});
+};
+//#endregion
+export { i as NavLink };

package/dist/chrome/NotificationCenter.d.ts

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+import { ApolloClient } from '@apollo/client';
+export interface NotificationCenterProps {
+    /** Apollo client for the global gateway */
+    client: ApolloClient;
+    /** Called when "View All" is clicked */
+    onViewAll?: () => void;
+    /** Compact mode for small screens */
+    compact?: boolean;
+    /** Polling interval for unread count in ms (default: 30000) */
+    pollInterval?: number;
+    /** When true, defer unread-count bootstrap until the panel is opened */
+    lazy?: boolean;
+}
+export declare const NotificationCenter: FC<NotificationCenterProps>;
+//# sourceMappingURL=NotificationCenter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationCenter.d.ts","sourceRoot":"","sources":["../../src/chrome/NotificationCenter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4C,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAE1E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAInD,MAAM,WAAW,uBAAuB;IACtC,2CAA2C;IAC3C,MAAM,EAAE,YAAY,CAAC;IACrB,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,qCAAqC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+DAA+D;IAC/D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wEAAwE;IACxE,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAgaD,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAskB1D,CAAC"}