admin-ui-starter-kit 0.6.4 → 0.6.6

package/dist/_shared/header-8C71wVRp.js

@@ -0,0 +1,447 @@
+import { useStrings as e } from "../lib/strings.js";
+import { cn as t } from "../lib/utils.js";
+import { t as n } from "./button-vv59_uS_.js";
+import { s as r } from "./typography-CzFVA1w1.js";
+import { t as i } from "./badge-BYNwSWh5.js";
+import { a, d as o, g as s, i as c, o as l, r as u, s as d, t as f } from "./dropdown-menu-CoWmrjYX.js";
+import { n as p, s as m, t as h } from "./popover-xVENY0Ax.js";
+import { t as g } from "./separator-B8FBp-7E.js";
+import { o as _, r as v, t as y } from "./avatar-BagPbPuD.js";
+import { t as b } from "./breadcrumbs-CuT0YIfo.js";
+import { C as x } from "./sidebar-BRg39UF1.js";
+import { d as S, t as C } from "./hooks-Ci1LFWRG.js";
+import * as w from "react";
+import { useMemo as T } from "react";
+import { Fragment as E, jsx as D, jsxs as O } from "react/jsx-runtime";
+import { Bell as k, ChevronsUpDown as A, Command as j, LogOut as M, Search as N, Settings as P, User as F } from "lucide-react";
+//#region src/components/layout/header/partials/header-breadcrumbs.tsx
+function I({ breadcrumbs: e = [], homeBreadcrumb: n = null, showSidebarTrigger: r = !0, triggerSlot: i, renderLink: a, LinkComponent: o, className: s }) {
+	let c = S({
+		renderLink: a,
+		LinkComponent: o
+	}), l = w.useMemo(() => {
+		let t = [];
+		return n && t.push(n), t.push(...e), t;
+	}, [n, e]), u = l.length > 0;
+	return /* @__PURE__ */ O("div", {
+		className: t("relative flex min-h-9 min-w-0 items-stretch gap-3 overflow-hidden", s),
+		children: [!!r && /* @__PURE__ */ D("div", {
+			className: "relative flex min-h-9 items-center justify-center gap-2",
+			children: i ?? /* @__PURE__ */ D(x, { className: "size-7 [&_svg]:size-4" })
+		}), !!u && /* @__PURE__ */ O(E, { children: [!!r && /* @__PURE__ */ D(g, {
+			orientation: "vertical",
+			className: "h-auto self-stretch"
+		}), /* @__PURE__ */ D("div", {
+			className: "flex min-w-0 flex-1 items-center overflow-hidden",
+			children: /* @__PURE__ */ D(b, {
+				breadcrumbs: l,
+				size: "small",
+				renderLink: c,
+				className: t("min-w-0 overflow-hidden", "[&_[data-slot=breadcrumb-list]]:flex-nowrap [&_[data-slot=breadcrumb-list]]:overflow-hidden [&_[data-slot=breadcrumb-list]]:break-normal", "[&_[data-slot=breadcrumb-item]]:min-w-0 [&_[data-slot=breadcrumb-item]]:shrink", "[&_[data-slot=breadcrumb-link]]:truncate [&_[data-slot=breadcrumb-page]]:truncate")
+			})
+		})] })]
+	});
+}
+//#endregion
+//#region src/components/layout/header/header.tsx
+function L({ showBreadcrumbs: e = !0, breadcrumbs: n = [], homeBreadcrumb: r = null, showSidebarTrigger: i = !0, brand: a, leftContent: o, centerContent: s, rightContent: c, slots: l, renderLink: u, LinkComponent: d, className: f, contentClassName: p, leftClassName: m, centerClassName: h, rightClassName: g, breadcrumbsClassName: _ }) {
+	let v = S({
+		renderLink: u,
+		LinkComponent: d
+	});
+	return /* @__PURE__ */ D("header", {
+		className: t("sticky top-0 z-40 flex min-h-shell-header items-center border-b bg-background/70 px-4 py-2 backdrop-blur-md transition-[width,height] ease-linear md:px-5", "dark:bg-topbar", f),
+		children: /* @__PURE__ */ O("div", {
+			className: t("flex min-h-9 min-w-0 flex-1 items-stretch gap-4", p),
+			children: [
+				!!(l?.brand ?? a) && /* @__PURE__ */ D("div", {
+					className: "hidden min-w-0 shrink-0 items-center md:flex",
+					children: l?.brand ?? a
+				}),
+				!!e && (l?.breadcrumbs ?? /* @__PURE__ */ D("div", {
+					className: "min-w-0 flex-1",
+					children: /* @__PURE__ */ D(I, {
+						breadcrumbs: n,
+						homeBreadcrumb: r,
+						showSidebarTrigger: i,
+						renderLink: v,
+						className: _
+					})
+				})),
+				!!(l?.left ?? o) && /* @__PURE__ */ D("div", {
+					className: t("flex min-w-0 items-center", m),
+					children: l?.left ?? o
+				}),
+				!!(l?.center ?? s) && /* @__PURE__ */ D("div", {
+					className: t("hidden min-w-0 shrink-0 items-center justify-center lg:flex", h),
+					children: l?.center ?? s
+				}),
+				!!(l?.right ?? c) && /* @__PURE__ */ D("div", {
+					className: t("ml-auto flex shrink-0 items-center gap-2", g),
+					children: l?.right ?? c
+				})
+			]
+		})
+	});
+}
+//#endregion
+//#region src/components/layout/header/header.types.ts
+var R = {
+	triggerLabel: "Notifications",
+	heading: "Notifications",
+	markAllRead: "Mark all as read",
+	empty: "No new notifications",
+	viewAll: "View all notifications"
+}, z = {
+	placeholder: "Search...",
+	shortcutMac: "⌘K",
+	shortcutPc: "Ctrl+K"
+}, B = {
+	profile: "Profile",
+	settings: "Settings",
+	logout: "Log out"
+};
+//#endregion
+//#region src/components/layout/header/partials/header-search.tsx
+function V() {
+	if (typeof navigator > "u") return !1;
+	let e = navigator.userAgentData;
+	return e?.platform ? e.platform === "macOS" : /Mac|iPhone|iPad/.test(navigator.platform);
+}
+function H({ onOpen: i, isMac: a, enableShortcut: o = !0, strings: s, className: c, iconClassName: l, shortcutSlot: u }) {
+	let d = e(z, s), f = T(() => a ?? V(), [a]);
+	C({
+		key: "k",
+		enabled: o,
+		onTrigger: i
+	});
+	let p = f ? d.shortcutMac : d.shortcutPc, m = u ?? /* @__PURE__ */ D("kbd", {
+		className: "header-search--shortcut hidden h-5 shrink-0 items-center gap-space-sm rounded-md border border-border/70 bg-background/60 px-space-sm font-mono text-xxs text-muted-foreground lg:inline-flex",
+		children: f ? /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D(j, {
+			className: "size-icon-sm text-muted-foreground",
+			"aria-hidden": "true"
+		}), /* @__PURE__ */ D(r, {
+			tag: "span",
+			size: "xs",
+			type: "secondary",
+			children: "K"
+		})] }) : /* @__PURE__ */ D(r, {
+			tag: "span",
+			size: "xs",
+			type: "secondary",
+			children: "Ctrl+K"
+		})
+	});
+	return /* @__PURE__ */ O(n, {
+		"data-component": "header-search",
+		"data-slot": "header-search-trigger",
+		type: "button",
+		variant: "secondary",
+		buttonStyle: "outline",
+		onClick: i,
+		className: t("header-search--component header-search--trigger h-control-sm w-full min-w-52 justify-start gap-space-md rounded-lg border-border/80 bg-muted/40 px-control-sm text-foreground shadow-none transition-[background-color,border-color,color,box-shadow] hover:border-border hover:bg-muted/60 hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background dark:border-border/80 dark:bg-muted dark:hover:bg-muted/60 dark:hover:text-foreground", c),
+		title: p,
+		children: [
+			/* @__PURE__ */ D(N, {
+				"data-slot": "header-search-icon",
+				className: t("header-search--icon size-icon shrink-0 text-muted-foreground", l),
+				"aria-hidden": "true"
+			}),
+			/* @__PURE__ */ D(r, {
+				tag: "span",
+				size: "xs",
+				type: "secondary",
+				"data-slot": "header-search-placeholder",
+				className: "header-search--placeholder flex-1 text-left",
+				children: d.placeholder
+			}),
+			m,
+			/* @__PURE__ */ D("span", {
+				className: "sr-only",
+				children: d.placeholder
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/layout/header/partials/header-global-search-trigger.tsx
+function U({ onOpen: e, onOpenChange: t, ...n }) {
+	return /* @__PURE__ */ D(H, {
+		...n,
+		onOpen: () => {
+			e?.(), t?.(!0);
+		}
+	});
+}
+//#endregion
+//#region src/components/layout/header/partials/header-tool-button.tsx
+var W = w.forwardRef(({ label: e, icon: r, active: i = !1, disabled: a = !1, badge: o, onClick: s, className: c, iconClassName: l }, u) => /* @__PURE__ */ O(n, {
+	ref: u,
+	"data-component": "header-tool-button",
+	"data-slot": "header-tool-button",
+	type: "button",
+	variant: "secondary",
+	buttonStyle: "ghost",
+	size: "icon-small",
+	"aria-label": e,
+	"aria-pressed": i || void 0,
+	title: e,
+	disabled: a,
+	onClick: s,
+	className: t("header-tool-button--component header-tool-button--trigger relative size-control rounded-lg text-foreground transition-[background-color,color,box-shadow] hover:bg-accent hover:text-accent-foreground focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background", i && "bg-accent text-accent-foreground", c),
+	children: [
+		/* @__PURE__ */ D(r, {
+			"data-slot": "header-tool-icon",
+			className: t("header-tool-button--icon size-icon", l),
+			"aria-hidden": "true"
+		}),
+		!!o && /* @__PURE__ */ D("span", {
+			"data-slot": "header-tool-badge",
+			className: "header-tool-button--badge absolute right-space-xs top-space-xs flex min-h-space-lg min-w-space-lg items-center justify-center rounded-full bg-destructive px-space-2xs text-xxs font-medium leading-none text-destructive-foreground",
+			children: o
+		}),
+		/* @__PURE__ */ D("span", {
+			className: "sr-only",
+			children: e
+		})
+	]
+}));
+W.displayName = "HeaderToolButton";
+//#endregion
+//#region src/components/layout/header/partials/header-tool-popover.tsx
+function G({ label: e, icon: n, open: r, defaultOpen: i, onOpenChange: a, active: o, disabled: s, badge: c, align: l = "end", side: u = "bottom", sideOffset: d = 8, className: f, triggerClassName: g, contentClassName: _, children: v }) {
+	return /* @__PURE__ */ O(p, {
+		open: r,
+		defaultOpen: i,
+		onOpenChange: a,
+		children: [/* @__PURE__ */ D(m, {
+			asChild: !0,
+			children: /* @__PURE__ */ D(W, {
+				label: e,
+				icon: n,
+				active: o ?? r,
+				disabled: s,
+				badge: c,
+				className: g
+			})
+		}), /* @__PURE__ */ D(h, {
+			"data-component": "header-tool-popover",
+			"data-slot": "header-tool-popover-content",
+			align: l,
+			side: u,
+			sideOffset: d,
+			className: t("header-tool-popover--component w-80 max-w-[calc(100vw-2rem)] p-0", f, _),
+			children: v
+		})]
+	});
+}
+//#endregion
+//#region src/components/layout/header/partials/header-user-menu.tsx
+function K(e) {
+	return e.split(" ").map((e) => e[0]).filter(Boolean).slice(0, 2).join("").toUpperCase();
+}
+function q({ user: i, showEmail: c = !0, customContent: l, onProfile: d, onSettings: p, onLogout: m, align: h = "end", side: g = "bottom", strings: b, triggerClassName: x, contentClassName: S, renderTrigger: C }) {
+	let w = e(B, b), T = K(i.name), k = /* @__PURE__ */ O(E, { children: [
+		!!d && /* @__PURE__ */ O(a, {
+			onClick: d,
+			children: [/* @__PURE__ */ D(F, {
+				className: "mr-space-md size-icon",
+				"aria-hidden": "true"
+			}), /* @__PURE__ */ D(r, {
+				tag: "span",
+				size: "xs",
+				className: "text-inherit",
+				children: w.profile
+			})]
+		}),
+		!!p && /* @__PURE__ */ O(a, {
+			onClick: p,
+			children: [/* @__PURE__ */ D(P, {
+				className: "mr-space-md size-icon",
+				"aria-hidden": "true"
+			}), /* @__PURE__ */ D(r, {
+				tag: "span",
+				size: "xs",
+				className: "text-inherit",
+				children: w.settings
+			})]
+		}),
+		!!(d || p) && !!m && /* @__PURE__ */ D(o, {}),
+		!!m && /* @__PURE__ */ O(a, {
+			onClick: m,
+			children: [/* @__PURE__ */ D(M, {
+				className: "mr-space-md size-icon",
+				"aria-hidden": "true"
+			}), /* @__PURE__ */ D(r, {
+				tag: "span",
+				size: "xs",
+				className: "text-inherit",
+				children: w.logout
+			})]
+		})
+	] });
+	return /* @__PURE__ */ O(f, { children: [/* @__PURE__ */ D(s, { render: C?.(i) ?? /* @__PURE__ */ O(n, {
+		"data-component": "header-user-menu",
+		"data-slot": "header-user-menu-trigger",
+		type: "button",
+		variant: "secondary",
+		buttonStyle: "ghost",
+		className: t("header-user-menu--component header-user-menu--trigger group h-control-lg max-w-56 justify-start gap-space-md rounded-lg px-space-sm pr-space-md text-foreground shadow-none hover:bg-foreground/5 data-[state=open]:bg-foreground/5", c ? "py-space-sm" : "py-space-xs", "dark:text-background dark:hover:bg-topbar-accent/50", x),
+		children: [
+			/* @__PURE__ */ O(y, {
+				"data-slot": "header-user-avatar",
+				className: "header-user-menu--avatar size-avatar-sm overflow-hidden rounded-full ring-1 ring-border/60",
+				children: [!!i.avatar && /* @__PURE__ */ D(_, {
+					src: i.avatar,
+					alt: i.name
+				}), /* @__PURE__ */ D(v, {
+					className: "rounded-md bg-success text-xxs font-semibold text-background",
+					children: T
+				})]
+			}),
+			/* @__PURE__ */ O("div", {
+				"data-slot": "header-user-identity",
+				className: "header-user-menu--identity grid min-w-0 flex-1 text-left leading-none",
+				children: [/* @__PURE__ */ D(r, {
+					size: "xs",
+					weight: "medium",
+					className: "truncate",
+					children: i.name
+				}), !!c && !!i.email && /* @__PURE__ */ D(r, {
+					size: "xxs",
+					type: "secondary",
+					className: "truncate",
+					children: i.email
+				})]
+			}),
+			/* @__PURE__ */ D(A, {
+				className: "header-user-menu--chevron size-icon-sm shrink-0 text-muted-foreground",
+				"aria-hidden": "true"
+			})
+		]
+	}) }), /* @__PURE__ */ D(u, {
+		"data-component": "header-user-menu-content",
+		"data-slot": "header-user-menu-content",
+		className: t("header-user-menu--content w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg p-surface-sm", S),
+		align: h,
+		side: g,
+		children: l ?? k
+	})] });
+}
+//#endregion
+//#region src/components/layout/header/partials/header-notifications.tsx
+function J({ notifications: p = [], unreadCount: m = 0, onNotificationClick: h, onMarkAllRead: g, onViewAll: _, viewAllHref: v, renderLink: y, LinkComponent: b, align: x = "end", side: C = "bottom", strings: w, className: T, contentClassName: A, renderNotification: j }) {
+	let M = e(R, w), N = S({
+		renderLink: y,
+		LinkComponent: b
+	}), P = m > 99 ? "99+" : String(m);
+	return /* @__PURE__ */ O(f, { children: [/* @__PURE__ */ D(s, { render: /* @__PURE__ */ O(n, {
+		"data-component": "header-notifications",
+		"data-slot": "header-notifications-trigger",
+		variant: "secondary",
+		buttonStyle: "ghost",
+		size: "icon-small",
+		"aria-label": M.triggerLabel,
+		className: t("header-notifications--component header-notifications--trigger relative", T),
+		children: [/* @__PURE__ */ D(k, {
+			className: "size-4",
+			"aria-hidden": "true"
+		}), m > 0 && /* @__PURE__ */ D(i, {
+			variant: "error",
+			className: "absolute -right-1 -top-1 flex h-4.5 min-w-4.5 items-center justify-center rounded-full px-1 py-0 text-xxs",
+			children: P
+		})]
+	}) }), /* @__PURE__ */ O(u, {
+		"data-component": "header-notifications-content",
+		"data-slot": "header-notifications-content",
+		className: t("header-notifications--content w-80 max-w-[calc(100vw-2rem)]", A),
+		align: x,
+		side: C,
+		children: [/* @__PURE__ */ O(c, { children: [
+			/* @__PURE__ */ O(l, {
+				className: "header-notifications--label flex items-center justify-between gap-3",
+				children: [/* @__PURE__ */ D(r, {
+					tag: "span",
+					weight: "semibold",
+					children: M.heading
+				}), m > 0 && !!g && /* @__PURE__ */ D(n, {
+					type: "button",
+					variant: "secondary",
+					buttonStyle: "ghost",
+					size: "small",
+					onClick: g,
+					className: "h-auto px-1 py-0 text-xs",
+					children: M.markAllRead
+				})]
+			}),
+			/* @__PURE__ */ D(o, {}),
+			p.length === 0 ? /* @__PURE__ */ D("div", {
+				className: "header-notifications--empty p-4 text-center",
+				children: /* @__PURE__ */ D(r, {
+					type: "secondary",
+					children: M.empty
+				})
+			}) : /* @__PURE__ */ D("div", {
+				className: "space-y-1 p-1",
+				children: p.map((e) => /* @__PURE__ */ D(Y, {
+					notification: e,
+					onClick: h,
+					renderLink: N,
+					renderNotification: j
+				}, e.id))
+			})
+		] }), !!(_ || v) && /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D(o, {}), v ? /* @__PURE__ */ D(d, {
+			href: v,
+			render: (e) => N({
+				...e,
+				href: v,
+				children: e.children
+			}),
+			children: M.viewAll
+		}) : /* @__PURE__ */ D(a, {
+			onClick: _,
+			children: M.viewAll
+		})] })]
+	})] });
+}
+function Y({ notification: e, onClick: n, renderLink: i, renderNotification: o }) {
+	if (o) return o(e);
+	let s = /* @__PURE__ */ O("div", {
+		className: "header-notifications--item-content min-w-0 space-y-1",
+		children: [
+			/* @__PURE__ */ D(r, {
+				weight: "medium",
+				children: e.title
+			}),
+			!!e.description && /* @__PURE__ */ D(r, {
+				size: "xs",
+				type: "secondary",
+				children: e.description
+			}),
+			!!e.time && /* @__PURE__ */ D(r, {
+				size: "xxs",
+				type: "secondary",
+				children: e.time
+			})
+		]
+	}), c = t("header-notifications--item items-start rounded-md px-3 py-2", !e.read && "bg-muted/40");
+	return e.href ? /* @__PURE__ */ D(d, {
+		href: e.href,
+		className: c,
+		onClick: () => n?.(e),
+		render: (t) => i({
+			...t,
+			href: e.href,
+			children: t.children
+		}),
+		children: s
+	}) : /* @__PURE__ */ D(a, {
+		onClick: () => n?.(e),
+		className: c,
+		children: s
+	});
+}
+//#endregion
+export { U as a, z as c, I as d, W as i, B as l, q as n, H as o, G as r, R as s, J as t, L as u };
+
+//# sourceMappingURL=header-8C71wVRp.js.map

package/dist/_shared/header-8C71wVRp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header-8C71wVRp.js","names":[],"sources":["../../src/components/layout/header/partials/header-breadcrumbs.tsx","../../src/components/layout/header/header.tsx","../../src/components/layout/header/header.types.ts","../../src/components/layout/header/partials/header-search.tsx","../../src/components/layout/header/partials/header-global-search-trigger.tsx","../../src/components/layout/header/partials/header-tool-button.tsx","../../src/components/layout/header/partials/header-tool-popover.tsx","../../src/components/layout/header/partials/header-user-menu.tsx","../../src/components/layout/header/partials/header-notifications.tsx"],"sourcesContent":["/** HeaderBreadcrumbs — breadcrumbs trail with optional sidebar trigger. */\nimport * as React from 'react';\n\nimport { Separator } from '@/components/base/display/separator';\nimport { Breadcrumbs } from '@/components/base/navigation/breadcrumbs';\nimport { SidebarTrigger } from '@/components/base/sidebar';\nimport { cn } from '@/lib/utils';\n\nimport { useLayoutLinkRenderer } from '../../hooks';\nimport type { BreadcrumbItem } from '../../layout.types';\nimport type { HeaderBreadcrumbsProps } from '../header.types';\n\nexport function HeaderBreadcrumbs({\n\tbreadcrumbs = [],\n\thomeBreadcrumb = null,\n\tshowSidebarTrigger = true,\n\ttriggerSlot,\n\trenderLink,\n\tLinkComponent,\n\tclassName,\n}: HeaderBreadcrumbsProps) {\n\tconst resolvedRenderLink = useLayoutLinkRenderer({ renderLink, LinkComponent });\n\tconst items = React.useMemo<BreadcrumbItem[]>(() => {\n\t\tconst out: BreadcrumbItem[] = [];\n\t\tif (homeBreadcrumb) out.push(homeBreadcrumb);\n\t\tout.push(...breadcrumbs);\n\t\treturn out;\n\t}, [homeBreadcrumb, breadcrumbs]);\n\n\tconst showCrumbs = items.length > 0;\n\n\treturn (\n\t\t<div className={cn('relative flex min-h-9 min-w-0 items-stretch gap-3 overflow-hidden', className)}>\n\t\t\t{!!showSidebarTrigger && (\n\t\t\t\t<div className=\"relative flex min-h-9 items-center justify-center gap-2\">\n\t\t\t\t\t{triggerSlot ?? <SidebarTrigger className=\"size-7 [&_svg]:size-4\" />}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t{!!showCrumbs && (\n\t\t\t\t<>\n\t\t\t\t\t{!!showSidebarTrigger && <Separator orientation=\"vertical\" className=\"h-auto self-stretch\" />}\n\t\t\t\t\t<div className=\"flex min-w-0 flex-1 items-center overflow-hidden\">\n\t\t\t\t\t\t<Breadcrumbs\n\t\t\t\t\t\t\tbreadcrumbs={items}\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\trenderLink={resolvedRenderLink}\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'min-w-0 overflow-hidden',\n\t\t\t\t\t\t\t\t'[&_[data-slot=breadcrumb-list]]:flex-nowrap [&_[data-slot=breadcrumb-list]]:overflow-hidden [&_[data-slot=breadcrumb-list]]:break-normal',\n\t\t\t\t\t\t\t\t'[&_[data-slot=breadcrumb-item]]:min-w-0 [&_[data-slot=breadcrumb-item]]:shrink',\n\t\t\t\t\t\t\t\t'[&_[data-slot=breadcrumb-link]]:truncate [&_[data-slot=breadcrumb-page]]:truncate',\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n","/** Header — sticky top bar with breadcrumbs and slot-driven content regions. */\nimport { cn } from '@/lib/utils';\n\nimport { useLayoutLinkRenderer } from '../hooks';\nimport { HeaderBreadcrumbs } from './partials/header-breadcrumbs';\nimport type { HeaderProps } from './header.types';\n\nexport function Header({\n\tshowBreadcrumbs = true,\n\tbreadcrumbs = [],\n\thomeBreadcrumb = null,\n\tshowSidebarTrigger = true,\n\tbrand,\n\tleftContent,\n\tcenterContent,\n\trightContent,\n\tslots,\n\trenderLink,\n\tLinkComponent,\n\tclassName,\n\tcontentClassName,\n\tleftClassName,\n\tcenterClassName,\n\trightClassName,\n\tbreadcrumbsClassName,\n}: HeaderProps) {\n\tconst resolvedRenderLink = useLayoutLinkRenderer({ renderLink, LinkComponent });\n\n\treturn (\n\t\t<header\n\t\t\tclassName={cn(\n\t\t\t\t'sticky top-0 z-40 flex min-h-shell-header items-center border-b bg-background/70 px-4 py-2 backdrop-blur-md transition-[width,height] ease-linear md:px-5',\n\t\t\t\t'dark:bg-topbar',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t<div className={cn('flex min-h-9 min-w-0 flex-1 items-stretch gap-4', contentClassName)}>\n\t\t\t\t{!!(slots?.brand ?? brand) && (\n\t\t\t\t\t<div className=\"hidden min-w-0 shrink-0 items-center md:flex\">\n\t\t\t\t\t\t{slots?.brand ?? brand}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{!!showBreadcrumbs && (slots?.breadcrumbs ?? (\n\t\t\t\t\t<div className=\"min-w-0 flex-1\">\n\t\t\t\t\t\t<HeaderBreadcrumbs\n\t\t\t\t\t\t\tbreadcrumbs={breadcrumbs}\n\t\t\t\t\t\t\thomeBreadcrumb={homeBreadcrumb}\n\t\t\t\t\t\t\tshowSidebarTrigger={showSidebarTrigger}\n\t\t\t\t\t\t\trenderLink={resolvedRenderLink}\n\t\t\t\t\t\t\tclassName={breadcrumbsClassName}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t))}\n\n\t\t\t\t{!!(slots?.left ?? leftContent) && (\n\t\t\t\t\t<div className={cn('flex min-w-0 items-center', leftClassName)}>\n\t\t\t\t\t\t{slots?.left ?? leftContent}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{!!(slots?.center ?? centerContent) && (\n\t\t\t\t\t<div className={cn('hidden min-w-0 shrink-0 items-center justify-center lg:flex', centerClassName)}>\n\t\t\t\t\t\t{slots?.center ?? centerContent}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{!!(slots?.right ?? rightContent) && (\n\t\t\t\t\t<div className={cn('ml-auto flex shrink-0 items-center gap-2', rightClassName)}>\n\t\t\t\t\t\t{slots?.right ?? rightContent}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</header>\n\t);\n}\n","/**\n * Header layout and partial types.\n *\n * This layer is intentionally framework-neutral: links and route state enter\n * through `renderLink`, and app-specific content enters through slots.\n */\nimport type { ComponentType, ReactNode } from 'react';\n\nimport type { StringsProp } from '@/lib/strings';\n\nimport type {\n\tBreadcrumbItem,\n\tLayoutNavigationAdapter,\n\tLayoutUser,\n\tLinkComponent,\n} from '../layout.types';\n\nexport interface HeaderBreadcrumbsProps extends LayoutNavigationAdapter {\n\tbreadcrumbs?: BreadcrumbItem[];\n\thomeBreadcrumb?: BreadcrumbItem | null;\n\tshowSidebarTrigger?: boolean;\n\ttriggerSlot?: ReactNode;\n\tclassName?: string;\n\t/** @deprecated Prefer `renderLink`. */\n\tLinkComponent?: LinkComponent;\n}\n\nexport type NotificationTone = 'info' | 'success' | 'warning' | 'error';\n\nexport interface HeaderNotification {\n\tid: string | number;\n\ttitle: ReactNode;\n\tdescription?: ReactNode;\n\ttime?: ReactNode;\n\tread?: boolean;\n\ttone?: NotificationTone;\n\thref?: string;\n}\n\nexport interface HeaderNotificationsStrings {\n\ttriggerLabel: string;\n\theading: string;\n\tmarkAllRead: string;\n\tempty: string;\n\tviewAll: string;\n}\n\nexport const defaultHeaderNotificationsStrings: HeaderNotificationsStrings = {\n\ttriggerLabel: 'Notifications',\n\theading: 'Notifications',\n\tmarkAllRead: 'Mark all as read',\n\tempty: 'No new notifications',\n\tviewAll: 'View all notifications',\n};\n\nexport interface HeaderNotificationsProps extends LayoutNavigationAdapter {\n\tnotifications?: HeaderNotification[];\n\tunreadCount?: number;\n\tonNotificationClick?: (notification: HeaderNotification) => void;\n\tonMarkAllRead?: () => void;\n\tonViewAll?: () => void;\n\tviewAllHref?: string;\n\talign?: 'start' | 'center' | 'end';\n\tside?: 'top' | 'right' | 'bottom' | 'left';\n\tstrings?: StringsProp<HeaderNotificationsStrings>;\n\tclassName?: string;\n\tcontentClassName?: string;\n\trenderNotification?: (notification: HeaderNotification) => ReactNode;\n\t/** @deprecated Prefer `renderLink`. */\n\tLinkComponent?: LinkComponent;\n}\n\nexport interface HeaderSearchStrings {\n\tplaceholder: string;\n\tshortcutMac: string;\n\tshortcutPc: string;\n}\n\nexport const defaultHeaderSearchStrings: HeaderSearchStrings = {\n\tplaceholder: 'Search...',\n\tshortcutMac: '⌘K',\n\tshortcutPc: 'Ctrl+K',\n};\n\nexport interface HeaderSearchProps {\n\tonOpen?: () => void;\n\tisMac?: boolean;\n\tenableShortcut?: boolean;\n\tstrings?: StringsProp<HeaderSearchStrings>;\n\tclassName?: string;\n\ticonClassName?: string;\n\tshortcutSlot?: ReactNode;\n}\n\nexport interface HeaderGlobalSearchTriggerProps extends HeaderSearchProps {\n\topen?: boolean;\n\tonOpenChange?: (open: boolean) => void;\n}\n\nexport interface HeaderToolButtonProps {\n\tlabel: string;\n\ticon: ComponentType<{ className?: string }>;\n\tactive?: boolean;\n\tdisabled?: boolean;\n\tbadge?: ReactNode;\n\tonClick?: () => void;\n\tclassName?: string;\n\ticonClassName?: string;\n}\n\nexport interface HeaderToolPopoverProps {\n\tlabel: string;\n\ticon: ComponentType<{ className?: string }>;\n\topen?: boolean;\n\tdefaultOpen?: boolean;\n\tonOpenChange?: (open: boolean) => void;\n\tactive?: boolean;\n\tdisabled?: boolean;\n\tbadge?: ReactNode;\n\talign?: 'start' | 'center' | 'end';\n\tside?: 'top' | 'right' | 'bottom' | 'left';\n\tsideOffset?: number;\n\tclassName?: string;\n\ttriggerClassName?: string;\n\tcontentClassName?: string;\n\tchildren?: ReactNode;\n}\n\nexport interface HeaderUserMenuProps {\n\tuser: LayoutUser;\n\tshowEmail?: boolean;\n\tcustomContent?: ReactNode;\n\tonProfile?: () => void;\n\tonSettings?: () => void;\n\tonLogout?: () => void;\n\talign?: 'start' | 'center' | 'end';\n\tside?: 'top' | 'right' | 'bottom' | 'left';\n\tstrings?: StringsProp<HeaderUserMenuStrings>;\n\ttriggerClassName?: string;\n\tcontentClassName?: string;\n\trenderTrigger?: (user: LayoutUser) => ReactNode;\n}\n\nexport interface HeaderUserMenuStrings {\n\tprofile: string;\n\tsettings: string;\n\tlogout: string;\n}\n\nexport const defaultHeaderUserMenuStrings: HeaderUserMenuStrings = {\n\tprofile: 'Profile',\n\tsettings: 'Settings',\n\tlogout: 'Log out',\n};\n\nexport interface HeaderSlots {\n\t/** Leading brand/logo region before breadcrumbs. */\n\tbrand?: ReactNode;\n\t/** Replaces the breadcrumb/sidebar-trigger region. */\n\tbreadcrumbs?: ReactNode;\n\t/** Leading content after breadcrumbs. Prefer this over `leftContent` for new code. */\n\tleft?: ReactNode;\n\t/** Center content, usually search or a scope switcher. */\n\tcenter?: ReactNode;\n\t/** Trailing content, usually notifications/user menu/actions. */\n\tright?: ReactNode;\n}\n\nexport interface HeaderProps extends LayoutNavigationAdapter {\n\tshowBreadcrumbs?: boolean;\n\tbreadcrumbs?: BreadcrumbItem[];\n\thomeBreadcrumb?: BreadcrumbItem | null;\n\tshowSidebarTrigger?: boolean;\n\tbrand?: ReactNode;\n\t/** @deprecated Prefer `slots.left`. */\n\tleftContent?: ReactNode;\n\t/** @deprecated Prefer `slots.center`. */\n\tcenterContent?: ReactNode;\n\t/** @deprecated Prefer `slots.right`. */\n\trightContent?: ReactNode;\n\tslots?: HeaderSlots;\n\tclassName?: string;\n\tcontentClassName?: string;\n\tleftClassName?: string;\n\tcenterClassName?: string;\n\trightClassName?: string;\n\tbreadcrumbsClassName?: string;\n\t/** @deprecated Prefer `renderLink`. */\n\tLinkComponent?: LinkComponent;\n}\n","/** HeaderSearch — framework-neutral search trigger with optional Cmd/Ctrl+K. */\nimport { useMemo } from 'react';\nimport { Command, Search } from 'lucide-react';\n\nimport { Button } from '@/components/base/buttons';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { useCommandShortcut } from '../../hooks';\nimport {\n\tdefaultHeaderSearchStrings,\n\ttype HeaderSearchProps,\n} from '../header.types';\n\nfunction detectMac(): boolean {\n\tif (typeof navigator === 'undefined') return false;\n\tconst ua = (navigator as Navigator & { userAgentData?: { platform?: string } }).userAgentData;\n\tif (ua?.platform) return ua.platform === 'macOS';\n\treturn /Mac|iPhone|iPad/.test(navigator.platform);\n}\n\nexport function HeaderSearch({\n\tonOpen,\n\tisMac,\n\tenableShortcut = true,\n\tstrings: stringsProp,\n\tclassName,\n\ticonClassName,\n\tshortcutSlot,\n}: HeaderSearchProps) {\n\tconst strings = useStrings(defaultHeaderSearchStrings, stringsProp);\n\tconst isMacResolved = useMemo(() => isMac ?? detectMac(), [isMac]);\n\tuseCommandShortcut({ key: 'k', enabled: enableShortcut, onTrigger: onOpen });\n\n\tconst shortcutTitle = isMacResolved ? strings.shortcutMac : strings.shortcutPc;\n\tconst shortcut = shortcutSlot ?? (\n\t\t<kbd className=\"header-search--shortcut hidden h-5 shrink-0 items-center gap-space-sm rounded-md border border-border/70 bg-background/60 px-space-sm font-mono text-xxs text-muted-foreground lg:inline-flex\">\n\t\t\t{isMacResolved ? (\n\t\t\t\t<>\n\t\t\t\t\t<Command className=\"size-icon-sm text-muted-foreground\" aria-hidden=\"true\" />\n\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\">K</Text>\n\t\t\t\t</>\n\t\t\t) : (\n\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\">Ctrl+K</Text>\n\t\t\t)}\n\t\t</kbd>\n\t);\n\n\treturn (\n\t\t<Button\n\t\t\tdata-component=\"header-search\"\n\t\t\tdata-slot=\"header-search-trigger\"\n\t\t\ttype=\"button\"\n\t\t\tvariant=\"secondary\"\n\t\t\tbuttonStyle=\"outline\"\n\t\t\tonClick={onOpen}\n\t\t\tclassName={cn(\n\t\t\t\t'header-search--component header-search--trigger h-control-sm w-full min-w-52 justify-start gap-space-md rounded-lg border-border/80 bg-muted/40 px-control-sm text-foreground shadow-none transition-[background-color,border-color,color,box-shadow] hover:border-border hover:bg-muted/60 hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background dark:border-border/80 dark:bg-muted dark:hover:bg-muted/60 dark:hover:text-foreground',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\ttitle={shortcutTitle}\n\t\t>\n\t\t\t<Search data-slot=\"header-search-icon\" className={cn('header-search--icon size-icon shrink-0 text-muted-foreground', iconClassName)} aria-hidden=\"true\" />\n\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\" data-slot=\"header-search-placeholder\" className=\"header-search--placeholder flex-1 text-left\">\n\t\t\t\t{strings.placeholder}\n\t\t\t</Text>\n\t\t\t{shortcut}\n\t\t\t<span className=\"sr-only\">{strings.placeholder}</span>\n\t\t</Button>\n\t);\n}\n","/** HeaderGlobalSearchTrigger — header search trigger with controlled open callback. */\nimport { HeaderSearch } from './header-search';\nimport type { HeaderGlobalSearchTriggerProps } from '../header.types';\n\nexport function HeaderGlobalSearchTrigger({\n\tonOpen,\n\tonOpenChange,\n\t...props\n}: HeaderGlobalSearchTriggerProps) {\n\treturn (\n\t\t<HeaderSearch\n\t\t\t{...props}\n\t\t\tonOpen={() => {\n\t\t\t\tonOpen?.();\n\t\t\t\tonOpenChange?.(true);\n\t\t\t}}\n\t\t/>\n\t);\n}\n","/** HeaderToolButton — icon control for dense app headers. */\nimport * as React from 'react';\n\nimport { Button } from '@/components/base/buttons';\nimport { cn } from '@/lib/utils';\n\nimport type { HeaderToolButtonProps } from '../header.types';\n\nexport const HeaderToolButton = React.forwardRef<\n\tHTMLButtonElement,\n\tHeaderToolButtonProps\n>((\n\t{\n\t\tlabel,\n\t\ticon: Icon,\n\t\tactive = false,\n\t\tdisabled = false,\n\t\tbadge,\n\t\tonClick,\n\t\tclassName,\n\t\ticonClassName,\n\t},\n\tref,\n) => (\n\t<Button\n\t\tref={ref}\n\t\tdata-component=\"header-tool-button\"\n\t\tdata-slot=\"header-tool-button\"\n\t\ttype=\"button\"\n\t\tvariant=\"secondary\"\n\t\tbuttonStyle=\"ghost\"\n\t\tsize=\"icon-small\"\n\t\taria-label={label}\n\t\taria-pressed={active || undefined}\n\t\ttitle={label}\n\t\tdisabled={disabled}\n\t\tonClick={onClick}\n\t\tclassName={cn(\n\t\t\t'header-tool-button--component header-tool-button--trigger relative size-control rounded-lg text-foreground transition-[background-color,color,box-shadow] hover:bg-accent hover:text-accent-foreground focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background',\n\t\t\tactive && 'bg-accent text-accent-foreground',\n\t\t\tclassName,\n\t\t)}\n\t>\n\t\t<Icon\n\t\t\tdata-slot=\"header-tool-icon\"\n\t\t\tclassName={cn('header-tool-button--icon size-icon', iconClassName)}\n\t\t\taria-hidden=\"true\"\n\t\t/>\n\t\t{!!badge && (\n\t\t\t<span data-slot=\"header-tool-badge\" className=\"header-tool-button--badge absolute right-space-xs top-space-xs flex min-h-space-lg min-w-space-lg items-center justify-center rounded-full bg-destructive px-space-2xs text-xxs font-medium leading-none text-destructive-foreground\">\n\t\t\t\t{badge}\n\t\t\t</span>\n\t\t)}\n\t\t<span className=\"sr-only\">{label}</span>\n\t</Button>\n));\n\nHeaderToolButton.displayName = 'HeaderToolButton';\n","/** HeaderToolPopover — controlled header icon trigger plus popover content. */\nimport {\n\tPopover,\n\tPopoverContent,\n\tPopoverTrigger,\n} from '@/components/base/popover';\nimport { cn } from '@/lib/utils';\n\nimport type { HeaderToolPopoverProps } from '../header.types';\nimport { HeaderToolButton } from './header-tool-button';\n\nexport function HeaderToolPopover({\n\tlabel,\n\ticon,\n\topen,\n\tdefaultOpen,\n\tonOpenChange,\n\tactive,\n\tdisabled,\n\tbadge,\n\talign = 'end',\n\tside = 'bottom',\n\tsideOffset = 8,\n\tclassName,\n\ttriggerClassName,\n\tcontentClassName,\n\tchildren,\n}: HeaderToolPopoverProps) {\n\treturn (\n\t\t<Popover\n\t\t\topen={open}\n\t\t\tdefaultOpen={defaultOpen}\n\t\t\tonOpenChange={onOpenChange}\n\t\t>\n\t\t\t<PopoverTrigger asChild>\n\t\t\t\t<HeaderToolButton\n\t\t\t\t\tlabel={label}\n\t\t\t\t\ticon={icon}\n\t\t\t\t\tactive={active ?? open}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tbadge={badge}\n\t\t\t\t\tclassName={triggerClassName}\n\t\t\t\t/>\n\t\t\t</PopoverTrigger>\n\t\t\t<PopoverContent\n\t\t\t\tdata-component=\"header-tool-popover\"\n\t\t\t\tdata-slot=\"header-tool-popover-content\"\n\t\t\t\talign={align}\n\t\t\t\tside={side}\n\t\t\t\tsideOffset={sideOffset}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'header-tool-popover--component w-80 max-w-[calc(100vw-2rem)] p-0',\n\t\t\t\t\tclassName,\n\t\t\t\t\tcontentClassName,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</PopoverContent>\n\t\t</Popover>\n\t);\n}\n","/** HeaderUserMenu — avatar/name trigger with consumer-wired menu callbacks. */\nimport type { ReactElement } from 'react';\n\nimport { ChevronsUpDown, LogOut, Settings, User } from 'lucide-react';\n\nimport { Avatar, AvatarFallback, AvatarImage } from '@/components/base/display/avatar';\nimport { Button } from '@/components/base/buttons';\nimport { Text } from '@/components/typography';\nimport {\n\tDropdownMenu,\n\tDropdownMenuContent,\n\tDropdownMenuItem,\n\tDropdownMenuSeparator,\n\tDropdownMenuTrigger,\n} from '@/components/base/navigation/dropdown-menu';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n\tdefaultHeaderUserMenuStrings,\n\ttype HeaderUserMenuProps,\n} from '../header.types';\n\nfunction deriveInitials(name: string): string {\n\treturn name\n\t\t.split(' ')\n\t\t.map((part) => part[0])\n\t\t.filter(Boolean)\n\t\t.slice(0, 2)\n\t\t.join('')\n\t\t.toUpperCase();\n}\n\nexport function HeaderUserMenu({\n\tuser,\n\tshowEmail = true,\n\tcustomContent,\n\tonProfile,\n\tonSettings,\n\tonLogout,\n\talign = 'end',\n\tside = 'bottom',\n\tstrings: stringsProp,\n\ttriggerClassName,\n\tcontentClassName,\n\trenderTrigger,\n}: HeaderUserMenuProps) {\n\tconst strings = useStrings(defaultHeaderUserMenuStrings, stringsProp);\n\tconst initials = deriveInitials(user.name);\n\n\tconst defaultContent = (\n\t\t<>\n\t\t\t{!!onProfile && (\n\t\t\t\t<DropdownMenuItem onClick={onProfile}>\n\t\t\t\t\t<User className=\"mr-space-md size-icon\" aria-hidden=\"true\" />\n\t\t\t\t\t<Text tag=\"span\" size=\"xs\" className=\"text-inherit\">{strings.profile}</Text>\n\t\t\t\t</DropdownMenuItem>\n\t\t\t)}\n\t\t\t{!!onSettings && (\n\t\t\t\t<DropdownMenuItem onClick={onSettings}>\n\t\t\t\t\t<Settings className=\"mr-space-md size-icon\" aria-hidden=\"true\" />\n\t\t\t\t\t<Text tag=\"span\" size=\"xs\" className=\"text-inherit\">{strings.settings}</Text>\n\t\t\t\t</DropdownMenuItem>\n\t\t\t)}\n\t\t\t{!!(onProfile || onSettings) && !!onLogout && <DropdownMenuSeparator />}\n\t\t\t{!!onLogout && (\n\t\t\t\t<DropdownMenuItem onClick={onLogout}>\n\t\t\t\t\t<LogOut className=\"mr-space-md size-icon\" aria-hidden=\"true\" />\n\t\t\t\t\t<Text tag=\"span\" size=\"xs\" className=\"text-inherit\">{strings.logout}</Text>\n\t\t\t\t</DropdownMenuItem>\n\t\t\t)}\n\t\t</>\n\t);\n\n\tconst trigger = renderTrigger?.(user) ?? (\n\t\t<Button\n\t\t\tdata-component=\"header-user-menu\"\n\t\t\tdata-slot=\"header-user-menu-trigger\"\n\t\t\ttype=\"button\"\n\t\t\tvariant=\"secondary\"\n\t\t\tbuttonStyle=\"ghost\"\n\t\t\tclassName={cn(\n\t\t\t\t'header-user-menu--component header-user-menu--trigger group h-control-lg max-w-56 justify-start gap-space-md rounded-lg px-space-sm pr-space-md text-foreground shadow-none hover:bg-foreground/5 data-[state=open]:bg-foreground/5',\n\t\t\t\tshowEmail ? 'py-space-sm' : 'py-space-xs',\n\t\t\t\t'dark:text-background dark:hover:bg-topbar-accent/50',\n\t\t\t\ttriggerClassName,\n\t\t\t)}\n\t\t>\n\t\t\t<Avatar data-slot=\"header-user-avatar\" className=\"header-user-menu--avatar size-avatar-sm overflow-hidden rounded-full ring-1 ring-border/60\">\n\t\t\t\t{!!user.avatar && <AvatarImage src={user.avatar} alt={user.name} />}\n\t\t\t\t<AvatarFallback className=\"rounded-md bg-success text-xxs font-semibold text-background\">\n\t\t\t\t\t{initials}\n\t\t\t\t</AvatarFallback>\n\t\t\t</Avatar>\n\t\t\t<div data-slot=\"header-user-identity\" className=\"header-user-menu--identity grid min-w-0 flex-1 text-left leading-none\">\n\t\t\t\t<Text size=\"xs\" weight=\"medium\" className=\"truncate\">{user.name}</Text>\n\t\t\t\t{!!showEmail && !!user.email && (\n\t\t\t\t\t<Text size=\"xxs\" type=\"secondary\" className=\"truncate\">{user.email}</Text>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t<ChevronsUpDown className=\"header-user-menu--chevron size-icon-sm shrink-0 text-muted-foreground\" aria-hidden=\"true\" />\n\t\t</Button>\n\t);\n\n\treturn (\n\t\t<DropdownMenu>\n\t\t\t<DropdownMenuTrigger render={trigger as ReactElement} />\n\t\t\t<DropdownMenuContent\n\t\t\t\tdata-component=\"header-user-menu-content\"\n\t\t\t\tdata-slot=\"header-user-menu-content\"\n\t\t\t\tclassName={cn('header-user-menu--content w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg p-surface-sm', contentClassName)}\n\t\t\t\talign={align}\n\t\t\t\tside={side}\n\t\t\t>\n\t\t\t\t{customContent ?? defaultContent}\n\t\t\t</DropdownMenuContent>\n\t\t</DropdownMenu>\n\t);\n}\n","/** HeaderNotifications — bell dropdown for consumer-supplied notifications. */\nimport type { ReactElement } from 'react';\n\nimport { Bell } from 'lucide-react';\n\nimport { Badge } from '@/components/base/badge';\nimport { Button } from '@/components/base/buttons';\nimport { Text } from '@/components/typography';\nimport {\n\tDropdownMenu,\n\tDropdownMenuContent,\n\tDropdownMenuGroup,\n\tDropdownMenuItem,\n\tDropdownMenuLabel,\n\tDropdownMenuLinkItem,\n\tDropdownMenuSeparator,\n\tDropdownMenuTrigger,\n} from '@/components/base/navigation/dropdown-menu';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { useLayoutLinkRenderer } from '../../hooks';\nimport {\n\tdefaultHeaderNotificationsStrings,\n\ttype HeaderNotification,\n\ttype HeaderNotificationsProps,\n} from '../header.types';\n\nexport function HeaderNotifications({\n\tnotifications = [],\n\tunreadCount = 0,\n\tonNotificationClick,\n\tonMarkAllRead,\n\tonViewAll,\n\tviewAllHref,\n\trenderLink,\n\tLinkComponent,\n\talign = 'end',\n\tside = 'bottom',\n\tstrings: stringsProp,\n\tclassName,\n\tcontentClassName,\n\trenderNotification,\n}: HeaderNotificationsProps) {\n\tconst strings = useStrings(defaultHeaderNotificationsStrings, stringsProp);\n\tconst resolvedRenderLink = useLayoutLinkRenderer({ renderLink, LinkComponent });\n\tconst badgeText = unreadCount > 99 ? '99+' : String(unreadCount);\n\n\treturn (\n\t\t<DropdownMenu>\n\t\t\t<DropdownMenuTrigger\n\t\t\t\trender={\n\t\t\t\t\t<Button\n\t\t\t\t\t\tdata-component=\"header-notifications\"\n\t\t\t\t\t\tdata-slot=\"header-notifications-trigger\"\n\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\tsize=\"icon-small\"\n\t\t\t\t\t\taria-label={strings.triggerLabel}\n\t\t\t\t\t\tclassName={cn('header-notifications--component header-notifications--trigger relative', className)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Bell className=\"size-4\" aria-hidden=\"true\" />\n\t\t\t\t\t\t{unreadCount > 0 && (\n\t\t\t\t\t\t\t<Badge\n\t\t\t\t\t\t\t\tvariant=\"error\"\n\t\t\t\t\t\t\t\tclassName=\"absolute -right-1 -top-1 flex h-4.5 min-w-4.5 items-center justify-center rounded-full px-1 py-0 text-xxs\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{badgeText}\n\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Button>\n\t\t\t\t}\n\t\t\t/>\n\t\t\t<DropdownMenuContent\n\t\t\t\tdata-component=\"header-notifications-content\"\n\t\t\t\tdata-slot=\"header-notifications-content\"\n\t\t\t\tclassName={cn('header-notifications--content w-80 max-w-[calc(100vw-2rem)]', contentClassName)}\n\t\t\t\talign={align}\n\t\t\t\tside={side}\n\t\t\t>\n\t\t\t\t<DropdownMenuGroup>\n\t\t\t\t\t<DropdownMenuLabel className=\"header-notifications--label flex items-center justify-between gap-3\">\n\t\t\t\t\t\t<Text tag=\"span\" weight=\"semibold\">{strings.heading}</Text>\n\t\t\t\t\t\t{unreadCount > 0 && !!onMarkAllRead && (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\tonClick={onMarkAllRead}\n\t\t\t\t\t\t\t\tclassName=\"h-auto px-1 py-0 text-xs\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{strings.markAllRead}\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</DropdownMenuLabel>\n\t\t\t\t\t<DropdownMenuSeparator />\n\n\t\t\t\t\t{notifications.length === 0 ? (\n\t\t\t\t\t\t<div className=\"header-notifications--empty p-4 text-center\">\n\t\t\t\t\t\t\t<Text type=\"secondary\">{strings.empty}</Text>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<div className=\"space-y-1 p-1\">\n\t\t\t\t\t\t\t{notifications.map((notification) => (\n\t\t\t\t\t\t\t\t<NotificationRow\n\t\t\t\t\t\t\t\t\tkey={notification.id}\n\t\t\t\t\t\t\t\t\tnotification={notification}\n\t\t\t\t\t\t\t\t\tonClick={onNotificationClick}\n\t\t\t\t\t\t\t\t\trenderLink={resolvedRenderLink}\n\t\t\t\t\t\t\t\t\trenderNotification={renderNotification}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</DropdownMenuGroup>\n\n\t\t\t\t{!!(onViewAll || viewAllHref) && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<DropdownMenuSeparator />\n\t\t\t\t\t\t{viewAllHref ? (\n\t\t\t\t\t\t\t<DropdownMenuLinkItem\n\t\t\t\t\t\t\t\thref={viewAllHref}\n\t\t\t\t\t\t\t\trender={(props) =>\n\t\t\t\t\t\t\t\t\tresolvedRenderLink({\n\t\t\t\t\t\t\t\t\t\t...props,\n\t\t\t\t\t\t\t\t\t\thref: viewAllHref,\n\t\t\t\t\t\t\t\t\t\tchildren: props.children,\n\t\t\t\t\t\t\t\t\t}) as ReactElement\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{strings.viewAll}\n\t\t\t\t\t\t\t</DropdownMenuLinkItem>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<DropdownMenuItem onClick={onViewAll}>{strings.viewAll}</DropdownMenuItem>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t</DropdownMenuContent>\n\t\t</DropdownMenu>\n\t);\n}\n\nfunction NotificationRow({\n\tnotification,\n\tonClick,\n\trenderLink,\n\trenderNotification,\n}: {\n\tnotification: HeaderNotification;\n\tonClick?: (n: HeaderNotification) => void;\n\trenderLink: NonNullable<HeaderNotificationsProps['renderLink']>;\n\trenderNotification?: HeaderNotificationsProps['renderNotification'];\n}) {\n\tif (renderNotification) return renderNotification(notification);\n\n\tconst content = (\n\t\t<div className=\"header-notifications--item-content min-w-0 space-y-1\">\n\t\t\t<Text weight=\"medium\">{notification.title}</Text>\n\t\t\t{!!notification.description && <Text size=\"xs\" type=\"secondary\">{notification.description}</Text>}\n\t\t\t{!!notification.time && <Text size=\"xxs\" type=\"secondary\">{notification.time}</Text>}\n\t\t</div>\n\t);\n\n\tconst className = cn(\n\t\t'header-notifications--item items-start rounded-md px-3 py-2',\n\t\t!notification.read && 'bg-muted/40',\n\t);\n\n\tif (notification.href) {\n\t\treturn (\n\t\t\t<DropdownMenuLinkItem\n\t\t\t\thref={notification.href}\n\t\t\t\tclassName={className}\n\t\t\t\tonClick={() => onClick?.(notification)}\n\t\t\t\trender={(props) =>\n\t\t\t\t\trenderLink({\n\t\t\t\t\t\t...props,\n\t\t\t\t\t\thref: notification.href,\n\t\t\t\t\t\tchildren: props.children,\n\t\t\t\t\t}) as ReactElement\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t{content}\n\t\t\t</DropdownMenuLinkItem>\n\t\t);\n\t}\n\n\treturn (\n\t\t<DropdownMenuItem onClick={() => onClick?.(notification)} className={className}>\n\t\t\t{content}\n\t\t</DropdownMenuItem>\n\t);\n}\n\n/** @deprecated Re-exported for backwards compat — use `HeaderNotification`. */\nexport type Notification = HeaderNotification;\n"],"mappings":"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"}

package/dist/_shared/header-CYgFCnjZ.cjs

@@ -0,0 +1,2 @@
+const e=require("./chunk-CMqjfN_6.cjs"),t=require("../lib/strings.cjs"),n=require("../lib/utils.cjs"),r=require("./button-BMiPFJIb.cjs"),i=require("./typography-GtkgK9QX.cjs"),a=require("./badge-B8xGFpfM.cjs"),o=require("./dropdown-menu-CHQzQWUK.cjs"),s=require("./popover-dWR7-MzY.cjs"),c=require("./separator-q42IlFFA.cjs"),l=require("./avatar-BnKM_o2d.cjs"),u=require("./breadcrumbs-jNzlYqS9.cjs"),d=require("./sidebar-Cwhom9QE.cjs"),f=require("./hooks-Cjl7LJpn.cjs");let p=require("react");p=e.t(p,1);let m=require("react/jsx-runtime"),h=require("lucide-react");function g({breadcrumbs:e=[],homeBreadcrumb:t=null,showSidebarTrigger:r=!0,triggerSlot:i,renderLink:a,LinkComponent:o,className:s}){let l=f.d({renderLink:a,LinkComponent:o}),h=p.useMemo(()=>{let n=[];return t&&n.push(t),n.push(...e),n},[t,e]),g=h.length>0;return(0,m.jsxs)(`div`,{className:n.cn(`relative flex min-h-9 min-w-0 items-stretch gap-3 overflow-hidden`,s),children:[!!r&&(0,m.jsx)(`div`,{className:`relative flex min-h-9 items-center justify-center gap-2`,children:i??(0,m.jsx)(d.C,{className:`size-7 [&_svg]:size-4`})}),!!g&&(0,m.jsxs)(m.Fragment,{children:[!!r&&(0,m.jsx)(c.t,{orientation:`vertical`,className:`h-auto self-stretch`}),(0,m.jsx)(`div`,{className:`flex min-w-0 flex-1 items-center overflow-hidden`,children:(0,m.jsx)(u.t,{breadcrumbs:h,size:`small`,renderLink:l,className:n.cn(`min-w-0 overflow-hidden`,`[&_[data-slot=breadcrumb-list]]:flex-nowrap [&_[data-slot=breadcrumb-list]]:overflow-hidden [&_[data-slot=breadcrumb-list]]:break-normal`,`[&_[data-slot=breadcrumb-item]]:min-w-0 [&_[data-slot=breadcrumb-item]]:shrink`,`[&_[data-slot=breadcrumb-link]]:truncate [&_[data-slot=breadcrumb-page]]:truncate`)})})]})]})}function _({showBreadcrumbs:e=!0,breadcrumbs:t=[],homeBreadcrumb:r=null,showSidebarTrigger:i=!0,brand:a,leftContent:o,centerContent:s,rightContent:c,slots:l,renderLink:u,LinkComponent:d,className:p,contentClassName:h,leftClassName:_,centerClassName:v,rightClassName:y,breadcrumbsClassName:b}){let x=f.d({renderLink:u,LinkComponent:d});return(0,m.jsx)(`header`,{className:n.cn(`sticky top-0 z-40 flex min-h-shell-header items-center border-b bg-background/70 px-4 py-2 backdrop-blur-md transition-[width,height] ease-linear md:px-5`,`dark:bg-topbar`,p),children:(0,m.jsxs)(`div`,{className:n.cn(`flex min-h-9 min-w-0 flex-1 items-stretch gap-4`,h),children:[!!(l?.brand??a)&&(0,m.jsx)(`div`,{className:`hidden min-w-0 shrink-0 items-center md:flex`,children:l?.brand??a}),!!e&&(l?.breadcrumbs??(0,m.jsx)(`div`,{className:`min-w-0 flex-1`,children:(0,m.jsx)(g,{breadcrumbs:t,homeBreadcrumb:r,showSidebarTrigger:i,renderLink:x,className:b})})),!!(l?.left??o)&&(0,m.jsx)(`div`,{className:n.cn(`flex min-w-0 items-center`,_),children:l?.left??o}),!!(l?.center??s)&&(0,m.jsx)(`div`,{className:n.cn(`hidden min-w-0 shrink-0 items-center justify-center lg:flex`,v),children:l?.center??s}),!!(l?.right??c)&&(0,m.jsx)(`div`,{className:n.cn(`ml-auto flex shrink-0 items-center gap-2`,y),children:l?.right??c})]})})}var v={triggerLabel:`Notifications`,heading:`Notifications`,markAllRead:`Mark all as read`,empty:`No new notifications`,viewAll:`View all notifications`},y={placeholder:`Search...`,shortcutMac:`⌘K`,shortcutPc:`Ctrl+K`},b={profile:`Profile`,settings:`Settings`,logout:`Log out`};function x(){if(typeof navigator>`u`)return!1;let e=navigator.userAgentData;return e?.platform?e.platform===`macOS`:/Mac|iPhone|iPad/.test(navigator.platform)}function S({onOpen:e,isMac:a,enableShortcut:o=!0,strings:s,className:c,iconClassName:l,shortcutSlot:u}){let d=t.useStrings(y,s),g=(0,p.useMemo)(()=>a??x(),[a]);f.t({key:`k`,enabled:o,onTrigger:e});let _=g?d.shortcutMac:d.shortcutPc,v=u??(0,m.jsx)(`kbd`,{className:`header-search--shortcut hidden h-5 shrink-0 items-center gap-space-sm rounded-md border border-border/70 bg-background/60 px-space-sm font-mono text-xxs text-muted-foreground lg:inline-flex`,children:g?(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(h.Command,{className:`size-icon-sm text-muted-foreground`,"aria-hidden":`true`}),(0,m.jsx)(i.s,{tag:`span`,size:`xs`,type:`secondary`,children:`K`})]}):(0,m.jsx)(i.s,{tag:`span`,size:`xs`,type:`secondary`,children:`Ctrl+K`})});return(0,m.jsxs)(r.t,{"data-component":`header-search`,"data-slot":`header-search-trigger`,type:`button`,variant:`secondary`,buttonStyle:`outline`,onClick:e,className:n.cn(`header-search--component header-search--trigger h-control-sm w-full min-w-52 justify-start gap-space-md rounded-lg border-border/80 bg-muted/40 px-control-sm text-foreground shadow-none transition-[background-color,border-color,color,box-shadow] hover:border-border hover:bg-muted/60 hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background dark:border-border/80 dark:bg-muted dark:hover:bg-muted/60 dark:hover:text-foreground`,c),title:_,children:[(0,m.jsx)(h.Search,{"data-slot":`header-search-icon`,className:n.cn(`header-search--icon size-icon shrink-0 text-muted-foreground`,l),"aria-hidden":`true`}),(0,m.jsx)(i.s,{tag:`span`,size:`xs`,type:`secondary`,"data-slot":`header-search-placeholder`,className:`header-search--placeholder flex-1 text-left`,children:d.placeholder}),v,(0,m.jsx)(`span`,{className:`sr-only`,children:d.placeholder})]})}function C({onOpen:e,onOpenChange:t,...n}){return(0,m.jsx)(S,{...n,onOpen:()=>{e?.(),t?.(!0)}})}var w=p.forwardRef(({label:e,icon:t,active:i=!1,disabled:a=!1,badge:o,onClick:s,className:c,iconClassName:l},u)=>(0,m.jsxs)(r.t,{ref:u,"data-component":`header-tool-button`,"data-slot":`header-tool-button`,type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,"aria-label":e,"aria-pressed":i||void 0,title:e,disabled:a,onClick:s,className:n.cn(`header-tool-button--component header-tool-button--trigger relative size-control rounded-lg text-foreground transition-[background-color,color,box-shadow] hover:bg-accent hover:text-accent-foreground focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background`,i&&`bg-accent text-accent-foreground`,c),children:[(0,m.jsx)(t,{"data-slot":`header-tool-icon`,className:n.cn(`header-tool-button--icon size-icon`,l),"aria-hidden":`true`}),!!o&&(0,m.jsx)(`span`,{"data-slot":`header-tool-badge`,className:`header-tool-button--badge absolute right-space-xs top-space-xs flex min-h-space-lg min-w-space-lg items-center justify-center rounded-full bg-destructive px-space-2xs text-xxs font-medium leading-none text-destructive-foreground`,children:o}),(0,m.jsx)(`span`,{className:`sr-only`,children:e})]}));w.displayName=`HeaderToolButton`;function T({label:e,icon:t,open:r,defaultOpen:i,onOpenChange:a,active:o,disabled:c,badge:l,align:u=`end`,side:d=`bottom`,sideOffset:f=8,className:p,triggerClassName:h,contentClassName:g,children:_}){return(0,m.jsxs)(s.n,{open:r,defaultOpen:i,onOpenChange:a,children:[(0,m.jsx)(s.s,{asChild:!0,children:(0,m.jsx)(w,{label:e,icon:t,active:o??r,disabled:c,badge:l,className:h})}),(0,m.jsx)(s.t,{"data-component":`header-tool-popover`,"data-slot":`header-tool-popover-content`,align:u,side:d,sideOffset:f,className:n.cn(`header-tool-popover--component w-80 max-w-[calc(100vw-2rem)] p-0`,p,g),children:_})]})}function E(e){return e.split(` `).map(e=>e[0]).filter(Boolean).slice(0,2).join(``).toUpperCase()}function D({user:e,showEmail:a=!0,customContent:s,onProfile:c,onSettings:u,onLogout:d,align:f=`end`,side:p=`bottom`,strings:g,triggerClassName:_,contentClassName:v,renderTrigger:y}){let x=t.useStrings(b,g),S=E(e.name),C=(0,m.jsxs)(m.Fragment,{children:[!!c&&(0,m.jsxs)(o.a,{onClick:c,children:[(0,m.jsx)(h.User,{className:`mr-space-md size-icon`,"aria-hidden":`true`}),(0,m.jsx)(i.s,{tag:`span`,size:`xs`,className:`text-inherit`,children:x.profile})]}),!!u&&(0,m.jsxs)(o.a,{onClick:u,children:[(0,m.jsx)(h.Settings,{className:`mr-space-md size-icon`,"aria-hidden":`true`}),(0,m.jsx)(i.s,{tag:`span`,size:`xs`,className:`text-inherit`,children:x.settings})]}),!!(c||u)&&!!d&&(0,m.jsx)(o.d,{}),!!d&&(0,m.jsxs)(o.a,{onClick:d,children:[(0,m.jsx)(h.LogOut,{className:`mr-space-md size-icon`,"aria-hidden":`true`}),(0,m.jsx)(i.s,{tag:`span`,size:`xs`,className:`text-inherit`,children:x.logout})]})]});return(0,m.jsxs)(o.t,{children:[(0,m.jsx)(o.g,{render:y?.(e)??(0,m.jsxs)(r.t,{"data-component":`header-user-menu`,"data-slot":`header-user-menu-trigger`,type:`button`,variant:`secondary`,buttonStyle:`ghost`,className:n.cn(`header-user-menu--component header-user-menu--trigger group h-control-lg max-w-56 justify-start gap-space-md rounded-lg px-space-sm pr-space-md text-foreground shadow-none hover:bg-foreground/5 data-[state=open]:bg-foreground/5`,a?`py-space-sm`:`py-space-xs`,`dark:text-background dark:hover:bg-topbar-accent/50`,_),children:[(0,m.jsxs)(l.t,{"data-slot":`header-user-avatar`,className:`header-user-menu--avatar size-avatar-sm overflow-hidden rounded-full ring-1 ring-border/60`,children:[!!e.avatar&&(0,m.jsx)(l.o,{src:e.avatar,alt:e.name}),(0,m.jsx)(l.r,{className:`rounded-md bg-success text-xxs font-semibold text-background`,children:S})]}),(0,m.jsxs)(`div`,{"data-slot":`header-user-identity`,className:`header-user-menu--identity grid min-w-0 flex-1 text-left leading-none`,children:[(0,m.jsx)(i.s,{size:`xs`,weight:`medium`,className:`truncate`,children:e.name}),!!a&&!!e.email&&(0,m.jsx)(i.s,{size:`xxs`,type:`secondary`,className:`truncate`,children:e.email})]}),(0,m.jsx)(h.ChevronsUpDown,{className:`header-user-menu--chevron size-icon-sm shrink-0 text-muted-foreground`,"aria-hidden":`true`})]})}),(0,m.jsx)(o.r,{"data-component":`header-user-menu-content`,"data-slot":`header-user-menu-content`,className:n.cn(`header-user-menu--content w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg p-surface-sm`,v),align:f,side:p,children:s??C})]})}function O({notifications:e=[],unreadCount:s=0,onNotificationClick:c,onMarkAllRead:l,onViewAll:u,viewAllHref:d,renderLink:p,LinkComponent:g,align:_=`end`,side:y=`bottom`,strings:b,className:x,contentClassName:S,renderNotification:C}){let w=t.useStrings(v,b),T=f.d({renderLink:p,LinkComponent:g}),E=s>99?`99+`:String(s);return(0,m.jsxs)(o.t,{children:[(0,m.jsx)(o.g,{render:(0,m.jsxs)(r.t,{"data-component":`header-notifications`,"data-slot":`header-notifications-trigger`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,"aria-label":w.triggerLabel,className:n.cn(`header-notifications--component header-notifications--trigger relative`,x),children:[(0,m.jsx)(h.Bell,{className:`size-4`,"aria-hidden":`true`}),s>0&&(0,m.jsx)(a.t,{variant:`error`,className:`absolute -right-1 -top-1 flex h-4.5 min-w-4.5 items-center justify-center rounded-full px-1 py-0 text-xxs`,children:E})]})}),(0,m.jsxs)(o.r,{"data-component":`header-notifications-content`,"data-slot":`header-notifications-content`,className:n.cn(`header-notifications--content w-80 max-w-[calc(100vw-2rem)]`,S),align:_,side:y,children:[(0,m.jsxs)(o.i,{children:[(0,m.jsxs)(o.o,{className:`header-notifications--label flex items-center justify-between gap-3`,children:[(0,m.jsx)(i.s,{tag:`span`,weight:`semibold`,children:w.heading}),s>0&&!!l&&(0,m.jsx)(r.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`small`,onClick:l,className:`h-auto px-1 py-0 text-xs`,children:w.markAllRead})]}),(0,m.jsx)(o.d,{}),e.length===0?(0,m.jsx)(`div`,{className:`header-notifications--empty p-4 text-center`,children:(0,m.jsx)(i.s,{type:`secondary`,children:w.empty})}):(0,m.jsx)(`div`,{className:`space-y-1 p-1`,children:e.map(e=>(0,m.jsx)(k,{notification:e,onClick:c,renderLink:T,renderNotification:C},e.id))})]}),!!(u||d)&&(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(o.d,{}),d?(0,m.jsx)(o.s,{href:d,render:e=>T({...e,href:d,children:e.children}),children:w.viewAll}):(0,m.jsx)(o.a,{onClick:u,children:w.viewAll})]})]})]})}function k({notification:e,onClick:t,renderLink:r,renderNotification:a}){if(a)return a(e);let s=(0,m.jsxs)(`div`,{className:`header-notifications--item-content min-w-0 space-y-1`,children:[(0,m.jsx)(i.s,{weight:`medium`,children:e.title}),!!e.description&&(0,m.jsx)(i.s,{size:`xs`,type:`secondary`,children:e.description}),!!e.time&&(0,m.jsx)(i.s,{size:`xxs`,type:`secondary`,children:e.time})]}),c=n.cn(`header-notifications--item items-start rounded-md px-3 py-2`,!e.read&&`bg-muted/40`);return e.href?(0,m.jsx)(o.s,{href:e.href,className:c,onClick:()=>t?.(e),render:t=>r({...t,href:e.href,children:t.children}),children:s}):(0,m.jsx)(o.a,{onClick:()=>t?.(e),className:c,children:s})}Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return w}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return D}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return T}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return O}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return _}});
+//# sourceMappingURL=header-CYgFCnjZ.cjs.map