themelia-react-ui 2.0.6 → 3.0.0

package/dist/{header-ZIIsRKxP.js → header-Cq3G0ZRP.js}

@@ -1,21 +1,21 @@
 "use client";
 import { useStrings as e } from "./lib/strings.js";
-import { t } from "./utils-DhuoqFy4.js";
-import { n } from "./buttons-DeW0bQeK.js";
-import { c as r, o as i } from "./typography-C7-YMW1S.js";
-import { t as a } from "./structure-DZJ2wbAU.js";
+import { t } from "./utils-BVbAG2J6.js";
+import { c as n, o as r } from "./typography-C0dELqYV.js";
+import { n as i } from "./buttons-pZVgPTZn.js";
+import { t as a } from "./structure-DElaQwwN.js";
 import { t as o } from "./tone-recipes-BPsRAvhu.js";
-import "./surface-recipes-C8mNycaY.js";
-import { i as s } from "./popover.recipes-DJ0AkUan.js";
-import { a as c, d as l, g as u, i as d, o as f, r as p, s as m, t as h } from "./dropdown-menu-C08iIugv.js";
-import { n as g } from "./action-menu-C0gjzLyE.js";
+import "./surface-recipes-DV6rrOFq.js";
+import { i as s } from "./popover.recipes-BqkdvlZn.js";
+import { a as c, d as l, g as u, i as d, o as f, r as p, s as m, t as h } from "./dropdown-menu-B8hjvbkS.js";
+import { n as g } from "./action-menu-D5343RwT.js";
 import { t as _ } from "./initials-format-CDoQEOd_.js";
-import { i as v, n as y, s as b } from "./avatar-B9Jnp-T-.js";
-import { t as x } from "./separator-DM6gs2vu.js";
-import { c as S, o as C, t as w } from "./popover-k8TdUcAt.js";
-import { t as T } from "./breadcrumbs-Bp9Ke7kd.js";
-import { O as E, w as D } from "./sidebar-CmD6a-HK.js";
-import { f as O, t as k } from "./hooks-BitHSh-Y.js";
+import { i as v, n as y, s as b } from "./avatar-Ca3Ihrq4.js";
+import { t as x } from "./separator-DaDe26sf.js";
+import { c as S, o as C, t as w } from "./popover-BpMxbqEK.js";
+import { t as T } from "./breadcrumbs-CQ9JSlez.js";
+import { O as E, w as D } from "./sidebar-C-iQ_TJP.js";
+import { m as O, t as k } from "./hooks-DHfeSMAO.js";
 import { n as A } from "./header.recipes-BigdJjw1.js";
 import * as j from "react";
 import { forwardRef as M, useEffect as N, useState as P } from "react";
@@ -53,7 +53,7 @@ var G = M(function({ showBreadcrumbs: e = !0, breadcrumbs: n = [], homeBreadcrum
 	return /* @__PURE__ */ I("header", {
 		...m,
 		ref: h,
-		className: t("header--component @container/app-header box-border sticky top-0 z-40 flex min-w-0 min-h-shell-header items-center border-b border-border bg-background px-surface-lg py-space-sm transition-[width,height] ease-linear", A, c),
+		className: t("header--component @container/app-header box-border sticky top-0 z-40 flex min-w-0 min-h-shell-header items-center border-b border-border bg-background px-surface-lg py-space-sm", A, c),
 		children: /* @__PURE__ */ L(a, {
 			direction: "horizontal",
 			gap: "xl",
@@ -96,6 +96,7 @@ G.displayName = "Header";
 //#region src/components/layout/header/header.types.ts
 var K = {
 	triggerLabel: "Notifications",
+	triggerLabelUnread: (e, t) => t === "Notifications" ? `${t}, ${e} unread` : `${t} (${e})`,
 	heading: "Notifications",
 	markAllRead: "Mark all as read",
 	empty: "No new notifications",
@@ -116,63 +117,69 @@ function Y() {
 	let e = navigator.userAgentData;
 	return e?.platform ? e.platform === "macOS" : /Mac|iPhone|iPad/.test(navigator.platform);
 }
-function X({ onOpen: i, shortcutModifier: a, enableShortcut: o = !0, strings: s, className: c, iconClassName: l, shortcutSlot: u }) {
-	let d = e(q, s), [f, p] = P(!1);
+function X({ onOpen: r, shortcutModifier: a, enableShortcut: o = !0, strings: s, className: c, iconClassName: l, shortcutSlot: u, "aria-expanded": d, "aria-haspopup": f, "aria-controls": p }) {
+	let m = e(q, s), [h, g] = P(!1);
 	N(() => {
-		a === void 0 && p(Y());
+		a === void 0 && g(Y());
 	}, [a]);
-	let m = (a ?? (f ? "meta" : "control")) === "meta";
+	let _ = (a ?? (h ? "meta" : "control")) === "meta";
 	k({
 		key: "k",
 		enabled: o,
-		onTrigger: i
+		onTrigger: r,
+		modifier: a ?? "mod"
 	});
-	let h = m ? d.shortcutMac : d.shortcutPc, g = u ?? /* @__PURE__ */ I("kbd", {
-		className: t("header-search--shortcut", "box-border pointer-events-none inline-flex h-5 w-fit min-w-5 shrink-0 select-none items-center justify-center gap-space-2xs rounded-radius-xs bg-muted px-space-xs font-sans text-xs font-medium leading-none text-muted-foreground", "hidden lg:inline-flex"),
-		children: m ? d.shortcutMac : d.shortcutPc
+	let v = _ ? m.shortcutMac : m.shortcutPc, y = u ?? /* @__PURE__ */ I("kbd", {
+		className: t("header-search--shortcut", "box-border pointer-events-none inline-flex h-5 w-fit min-w-5 shrink-0 select-none items-center justify-center gap-space-2xs rounded-radius-xs bg-muted px-space-xs font-sans text-xs font-medium leading-none text-muted-foreground", "hidden @min-[10rem]/header-search:inline-flex"),
+		children: _ ? m.shortcutMac : m.shortcutPc
 	});
-	return /* @__PURE__ */ L(n, {
+	return /* @__PURE__ */ L(i, {
 		"data-component": "header-search",
 		"data-slot": "header-search-trigger",
 		type: "button",
-		"aria-label": d.placeholder,
+		"aria-label": m.placeholder,
+		"aria-expanded": d,
+		"aria-haspopup": f,
+		"aria-controls": p,
 		tone: "secondary",
 		buttonStyle: "outline",
 		size: "md",
-		onClick: i,
+		onClick: r,
 		className: t("header-search--component header-search--trigger h-action w-full min-w-0 justify-start gap-space-md rounded-radius px-control-sm text-foreground shadow-none transition-[background-color,border-color,color,box-shadow]", c),
-		title: h,
-		children: [
-			/* @__PURE__ */ I(V, {
-				"data-slot": "header-search-icon",
-				className: t("header-search--icon size-icon shrink-0 text-muted-foreground", l),
-				"aria-hidden": "true"
-			}),
-			/* @__PURE__ */ I(r, {
+		title: v,
+		children: [/* @__PURE__ */ I(V, {
+			"data-slot": "header-search-icon",
+			className: t("header-search--icon size-icon shrink-0 text-muted-foreground", l),
+			"aria-hidden": "true"
+		}), /* @__PURE__ */ L("span", {
+			className: "header-search--label @container/header-search flex min-w-20 flex-1 items-center gap-space-md",
+			children: [/* @__PURE__ */ I(n, {
 				tag: "span",
 				size: "inherit",
 				type: "secondary",
 				"data-slot": "header-search-placeholder",
 				className: "header-search--placeholder min-w-0 flex-1 truncate text-left",
-				children: d.placeholder
-			}),
-			g
-		]
+				children: m.placeholder
+			}), y]
+		})]
 	});
 }
 //#endregion
 //#region src/components/layout/header/partials/header-global-search-trigger.tsx
-function Z({ onOpen: e, onOpenChange: t, ...n }) {
+function Z({ onOpen: e, open: t, onOpenChange: n, ...r }) {
+	let i = t !== void 0;
 	return /* @__PURE__ */ I(X, {
-		...n,
+		"aria-haspopup": i ? "dialog" : void 0,
+		"aria-expanded": i ? t : void 0,
+		...r,
 		onOpen: () => {
-			e?.(), t?.(!0);
+			e?.(), n?.(!0);
 		}
 	});
 }
 //#endregion
 //#region src/components/layout/header/partials/header-tool-button.tsx
-var Q = j.forwardRef(({ label: e, icon: i, active: a = !1, disabled: o = !1, badge: s, onClick: c, className: l, iconClassName: u }, d) => /* @__PURE__ */ L(n, {
+var Q = j.forwardRef(({ label: e, icon: r, active: a = !1, disabled: o = !1, badge: s, onClick: c, className: l, iconClassName: u }, d) => /* @__PURE__ */ L(i, {
 	ref: d,
 	"data-component": "header-tool-button",
 	"data-slot": "header-tool-button",
@@ -188,12 +195,12 @@ var Q = j.forwardRef(({ label: e, icon: i, active: a = !1, disabled: o = !1, bad
 	onClick: c,
 	className: t("header-tool-button--component header-tool-button--trigger relative rounded-radius text-foreground transition-[background-color,color,box-shadow] hover:bg-accent hover:text-accent-foreground", a && "bg-accent text-accent-foreground", l),
 	children: [
-		/* @__PURE__ */ I(i, {
+		/* @__PURE__ */ I(r, {
 			"data-slot": "header-tool-icon",
 			className: t("header-tool-button--icon size-icon", u),
 			"aria-hidden": "true"
 		}),
-		!!s && /* @__PURE__ */ I(r, {
+		!!s && /* @__PURE__ */ I(n, {
 			tag: "span",
 			size: "xs",
 			weight: "medium",
@@ -202,7 +209,7 @@ var Q = j.forwardRef(({ label: e, icon: i, active: a = !1, disabled: o = !1, bad
 			className: t("header-tool-button--badge", "pointer-events-none absolute -end-1 -top-1 flex h-4.5 min-w-4.5 items-center justify-center rounded-full bg-foreground px-space-xs text-background tabular-nums"),
 			children: s
 		}),
-		/* @__PURE__ */ I(r, {
+		/* @__PURE__ */ I(n, {
 			tag: "span",
 			size: "inherit",
 			className: "sr-only",
@@ -218,17 +225,14 @@ function $({ label: e, icon: n, open: r, defaultOpen: i, onOpenChange: a, active
 		open: r,
 		defaultOpen: i,
 		onOpenChange: a,
-		children: [/* @__PURE__ */ I(S, {
-			asChild: !0,
-			children: /* @__PURE__ */ I(Q, {
-				label: e,
-				icon: n,
-				active: o ?? r,
-				disabled: c,
-				badge: l,
-				className: m
-			})
-		}), /* @__PURE__ */ I(w, {
+		children: [/* @__PURE__ */ I(S, { render: /* @__PURE__ */ I(Q, {
+			label: e,
+			icon: n,
+			active: o ?? r,
+			disabled: c,
+			badge: l,
+			className: m
+		}) }), /* @__PURE__ */ I(w, {
 			"data-component": "header-tool-popover",
 			"data-slot": "header-tool-popover-content",
 			align: u,
@@ -241,8 +245,8 @@ function $({ label: e, icon: n, open: r, defaultOpen: i, onOpenChange: a, active
 }
 //#endregion
 //#region src/components/layout/header/partials/header-user-menu.tsx
-function ee({ user: i, showEmail: a = !0, customContent: o, onProfile: s, onSettings: c, onLogout: l, align: d = "end", side: f = "bottom", strings: m, triggerClassName: x, contentClassName: S, renderTrigger: C }) {
-	let w = e(J, m), T = _(i.name, { strategy: "first-words" }), E = a && !!i.email, D = [
+function ee({ user: r, showEmail: a = !0, customContent: o, onProfile: s, onSettings: c, onLogout: l, align: d = "end", side: f = "bottom", strings: m, triggerClassName: x, contentClassName: S, renderTrigger: C }) {
+	let w = e(J, m), T = _(r.name, { strategy: "first-words" }), E = a && !!r.email, D = [
 		...s ? [{
 			id: "profile",
 			label: w.profile,
@@ -262,42 +266,43 @@ function ee({ user: i, showEmail: a = !0, customContent: o, onProfile: s, onSett
 			onClick: l,
 			...s || c ? { group: !0 } : null
 		}] : []
-	], O = C?.(i) ?? /* @__PURE__ */ L(n, {
+	], O = C?.(r) ?? /* @__PURE__ */ L(i, {
 		"data-component": "header-user-menu",
 		"data-slot": "header-user-menu-trigger",
 		type: "button",
-		"aria-label": i.name,
+		"aria-label": r.name,
 		tone: "secondary",
 		buttonStyle: "ghost",
 		size: E ? "lg" : "md",
 		className: t("header-user-menu--component header-user-menu--trigger group min-w-0 max-w-56 justify-start gap-space-md text-foreground shadow-none hover:bg-accent hover:text-accent-foreground data-[state=open]:bg-accent", !E && "h-action", "max-sm:size-action max-sm:justify-center max-sm:p-0 max-sm:[&_.header-user-menu--identity]:hidden max-sm:[&_.header-user-menu--chevron]:hidden", "@max-md:size-action @max-md:justify-center @max-md:p-0 @max-md:[&_.header-user-menu--identity]:hidden @max-md:[&_.header-user-menu--chevron]:hidden", x),
 		children: [
 			/* @__PURE__ */ L(y, {
+				size: "sm",
 				"data-slot": "header-user-avatar",
-				className: "header-user-menu--avatar size-avatar-sm overflow-hidden rounded-full ring-1 ring-border",
-				children: [!!i.avatar && /* @__PURE__ */ I(b, {
-					src: i.avatar,
-					alt: i.name
+				className: "header-user-menu--avatar overflow-hidden rounded-full ring-1 ring-border",
+				children: [!!r.avatar && /* @__PURE__ */ I(b, {
+					src: r.avatar,
+					alt: r.name
 				}), /* @__PURE__ */ I(v, {
-					className: "rounded-full bg-muted text-xs font-semibold text-muted-foreground",
+					className: "rounded-full bg-muted text-muted-foreground",
 					children: T
 				})]
 			}),
 			/* @__PURE__ */ L("div", {
 				"data-slot": "header-user-identity",
 				className: "header-user-menu--identity grid min-w-0 flex-1 gap-dense text-start leading-none",
-				children: [/* @__PURE__ */ I(r, {
+				children: [/* @__PURE__ */ I(n, {
 					type: "inherit",
 					weight: "medium",
 					lineHeight: "tight",
 					className: "truncate",
-					children: i.name
-				}), E && /* @__PURE__ */ I(r, {
+					children: r.name
+				}), E && /* @__PURE__ */ I(n, {
 					size: "xs",
 					type: "secondary",
 					lineHeight: "tight",
 					className: "truncate",
-					children: i.email
+					children: r.email
 				})]
 			}),
 			/* @__PURE__ */ I(z, {
@@ -331,28 +336,28 @@ var te = {
 	warning: "bg-warning",
 	destructive: "bg-destructive"
 };
-function ne({ notifications: o = [], unreadCount: g = 0, onNotificationClick: _, onMarkAllRead: v, onViewAll: y, viewAllHref: b, renderLink: x, align: S = "end", side: C = "bottom", strings: w, className: T, contentClassName: E, renderNotification: D }) {
-	let k = e(K, w), A = O({ renderLink: x }), j = g > 99 ? "99+" : String(g);
-	return /* @__PURE__ */ L(h, { children: [/* @__PURE__ */ I(u, { render: /* @__PURE__ */ L(n, {
+function ne({ notifications: o = [], unreadCount: g, onNotificationClick: _, onMarkAllRead: v, onViewAll: y, viewAllHref: b, renderLink: x, align: S = "end", side: C = "bottom", strings: w, className: T, contentClassName: E, renderNotification: D }) {
+	let k = e(K, w), A = O({ renderLink: x }), j = g ?? o.filter((e) => !e.read).length, M = j > 99 ? "99+" : String(j), N = j > 0 ? k.triggerLabelUnread(j, k.triggerLabel) : k.triggerLabel;
+	return /* @__PURE__ */ L(h, { children: [/* @__PURE__ */ I(u, { render: /* @__PURE__ */ L(i, {
 		"data-component": "header-notifications",
 		"data-slot": "header-notifications-trigger",
 		tone: "secondary",
 		buttonStyle: "ghost",
 		size: "md",
 		iconOnly: !0,
-		"aria-label": k.triggerLabel,
+		"aria-label": N,
 		className: t("header-notifications--component header-notifications--trigger relative", T),
 		children: [/* @__PURE__ */ I(R, {
 			className: "size-icon",
 			"aria-hidden": "true"
-		}), g > 0 && /* @__PURE__ */ I(r, {
+		}), j > 0 && /* @__PURE__ */ I(n, {
 			tag: "span",
 			size: "xs",
 			weight: "medium",
 			lineHeight: "none",
 			"data-slot": "header-notifications-badge",
 			className: t("header-notifications--badge", "pointer-events-none absolute -end-1 -top-1 flex h-4.5 min-w-4.5 items-center justify-center rounded-full bg-foreground px-space-xs text-background tabular-nums"),
-			children: j
+			children: M
 		})]
 	}) }), /* @__PURE__ */ L(p, {
 		"data-component": "header-notifications-content",
@@ -361,26 +366,26 @@ function ne({ notifications: o = [], unreadCount: g = 0, onNotificationClick: _,
 		align: S,
 		side: C,
 		children: [/* @__PURE__ */ L(d, { children: [
-			/* @__PURE__ */ L(f, {
-				"aria-hidden": !1,
-				className: "header-notifications--label flex items-center justify-between gap-space-lg text-inherit",
-				children: [/* @__PURE__ */ I(i, {
-					className: "text-inherit",
-					children: k.heading
-				}), g > 0 && !!v && /* @__PURE__ */ I(n, {
-					type: "button",
-					tone: "secondary",
-					buttonStyle: "ghost",
-					size: "sm",
+			/* @__PURE__ */ L("div", {
+				className: "header-notifications--header flex items-center justify-between gap-space-lg",
+				children: [/* @__PURE__ */ I(f, {
+					"aria-hidden": !1,
+					className: "header-notifications--label min-w-0 flex-1 text-inherit",
+					children: /* @__PURE__ */ I(r, {
+						className: "text-inherit",
+						children: k.heading
+					})
+				}), j > 0 && !!v && /* @__PURE__ */ I(c, {
+					closeOnClick: !1,
 					onClick: v,
-					className: "shrink-0",
+					className: "header-notifications--mark-all-read w-auto shrink-0",
 					children: k.markAllRead
 				})]
 			}),
 			/* @__PURE__ */ I(l, {}),
 			o.length === 0 ? /* @__PURE__ */ I("div", {
 				className: "header-notifications--empty p-surface text-center",
-				children: /* @__PURE__ */ I(r, {
+				children: /* @__PURE__ */ I(n, {
 					type: "secondary",
 					children: k.empty
 				})
@@ -408,7 +413,7 @@ function ne({ notifications: o = [], unreadCount: g = 0, onNotificationClick: _,
 		})] })]
 	})] });
 }
-function re({ notification: e, onClick: n, renderLink: i, renderNotification: s }) {
+function re({ notification: e, onClick: r, renderLink: i, renderNotification: s }) {
 	if (s) return s(e);
 	let l = /* @__PURE__ */ L(a, {
 		direction: "horizontal",
@@ -424,17 +429,17 @@ function re({ notification: e, onClick: n, renderLink: i, renderNotification: s
 			gap: "dense",
 			className: "min-w-0",
 			children: [
-				/* @__PURE__ */ I(r, {
+				/* @__PURE__ */ I(n, {
 					type: "inherit",
 					weight: "medium",
 					children: e.title
 				}),
-				!!e.description && /* @__PURE__ */ I(r, {
+				!!e.description && /* @__PURE__ */ I(n, {
 					size: "xs",
 					type: "secondary",
 					children: e.description
 				}),
-				!!e.time && /* @__PURE__ */ I(r, {
+				!!e.time && /* @__PURE__ */ I(n, {
 					size: "xs",
 					type: "secondary",
 					children: e.time
@@ -445,7 +450,7 @@ function re({ notification: e, onClick: n, renderLink: i, renderNotification: s
 	return e.href ? /* @__PURE__ */ I(m, {
 		href: e.href,
 		className: u,
-		onClick: () => n?.(e),
+		onClick: () => r?.(e),
 		render: (t) => i({
 			...t,
 			href: e.href,
@@ -453,7 +458,7 @@ function re({ notification: e, onClick: n, renderLink: i, renderNotification: s
 		}),
 		children: l
 	}) : /* @__PURE__ */ I(c, {
-		onClick: () => n?.(e),
+		onClick: () => r?.(e),
 		className: u,
 		children: l
 	});
@@ -461,4 +466,4 @@ function re({ notification: e, onClick: n, renderLink: i, renderNotification: s
 //#endregion
 export { Z as a, q as c, W as d, Q as i, J as l, ee as n, X as o, $ as r, K as s, ne as t, G as u };
 
-//# sourceMappingURL=header-ZIIsRKxP.js.map
+//# sourceMappingURL=header-Cq3G0ZRP.js.map

package/dist/header-Cq3G0ZRP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header-Cq3G0ZRP.js","names":["React","_Fragment","React","_Fragment","Text","DisplayLabel","Button","Stack","dotRecipes","popoverWidthRecipes","DropdownMenuItem","DropdownMenuSeparator","DropdownMenuTrigger","DropdownMenuGroup","DropdownMenuLabel","DropdownMenuContent","DropdownMenuLinkItem","DropdownMenu","ActionMenu","formatInitials","AvatarFallback","Avatar","AvatarImage","Separator","PopoverTrigger","Popover","PopoverContent","Breadcrumbs","useHasSidebarProvider","SidebarTrigger","useLayoutLinkRenderer","useCommandShortcut","headerInlineDividerAlignment","React$1","Fragment$1","HeaderBreadcrumbs","resolvedRenderLink","hasSidebarProvider","items","out","homeBreadcrumb","breadcrumbs","showCrumbs","trigger","triggerSlot","showTrigger","showSidebarTrigger","cn","className","Header","forwardRef","props","contentClassName","slots","showBreadcrumbs","breadcrumbsClassName","leftClassName","centerClassName","rightClassName","defaultHeaderNotificationsStrings","label","count","defaultHeaderSearchStrings","defaultHeaderUserMenuStrings","detectMac","ua","HeaderSearch","stringsProp","ariaExpanded","ariaHasPopup","ariaControls","strings","useStrings","detectedMac","setDetectedMac","useState","shortcutModifier","isMetaShortcut","enableShortcut","onOpen","shortcutTitle","shortcut","shortcutSlot","Search","iconClassName","HeaderGlobalSearchTrigger","controlled","open","onOpenChange","HeaderToolButton","Icon","active","badge","HeaderToolPopover","triggerClassName","HeaderUserMenu","initials","user","twoLineIdentity","showEmail","actions","onProfile","User","onSettings","Settings","onLogout","LogOut","renderTrigger","ChevronsUpDown","contentClasses","customContent","NOTIFICATION_TONE_CLASSNAMES","HeaderNotifications","unreadCountProp","unreadCount","notifications","notification","badgeText","triggerLabel","Bell","onMarkAllRead","NotificationRow","onNotificationClick","onViewAll","viewAllHref","renderNotification","content","onClick","renderLink"],"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 '../../../base/display/separator';\nimport { Breadcrumbs } from '../../../base/navigation/breadcrumbs';\nimport { SidebarTrigger } from '../../../base/sidebar';\nimport { useHasSidebarProvider } from '../../../base/sidebar/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\tclassName,\n}: HeaderBreadcrumbsProps) {\n\tconst resolvedRenderLink = useLayoutLinkRenderer({ renderLink });\n\tconst hasSidebarProvider = useHasSidebarProvider();\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\tconst trigger = triggerSlot ?? (hasSidebarProvider && <SidebarTrigger />);\n\tconst showTrigger = showSidebarTrigger && trigger != null && typeof trigger !== 'boolean';\n\n\treturn (\n\t\t<div className={cn('relative flex min-h-action min-w-0 items-center gap-space-lg', className)}>\n\t\t\t{showTrigger && (\n\t\t\t\t<div className=\"relative flex min-h-action shrink-0 items-center justify-center\">\n\t\t\t\t\t{trigger}\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{showTrigger && <Separator orientation=\"vertical\" className=\"h-icon shrink-0 data-[orientation=vertical]:self-center\" />}\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=\"sm\"\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// The current page claims its width first and truncates last. Ancestors\n\t\t\t\t\t\t\t\t// share what remains, up to their own width, and give way first.\n\t\t\t\t\t\t\t\t'[&_[data-slot=breadcrumb-item]]:min-w-0',\n\t\t\t\t\t\t\t\t'[&_[data-slot=breadcrumb-item]:not(:last-child)]:max-w-max [&_[data-slot=breadcrumb-item]:not(:last-child)]:grow [&_[data-slot=breadcrumb-item]:not(:last-child)]:basis-0',\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 { forwardRef } from 'react';\n\nimport { Stack } from '../../base/structure';\nimport { cn } from '../../../lib/utils';\n\nimport { useLayoutLinkRenderer } from '../hooks';\nimport { HeaderBreadcrumbs } from './partials/header-breadcrumbs';\nimport type { HeaderProps } from './header.types';\nimport { headerInlineDividerAlignment } from './header.recipes';\n\nexport const Header = forwardRef<HTMLElement, HeaderProps>(function Header({\n\tshowBreadcrumbs = true,\n\tbreadcrumbs = [],\n\thomeBreadcrumb = null,\n\tshowSidebarTrigger = true,\n\tslots,\n\trenderLink,\n\tclassName,\n\tcontentClassName,\n\tleftClassName,\n\tcenterClassName,\n\trightClassName,\n\tbreadcrumbsClassName,\n\t...props\n}, ref) {\n\tconst resolvedRenderLink = useLayoutLinkRenderer({ renderLink });\n\n\treturn (\n\t\t<header\n\t\t\t{...props}\n\t\t\tref={ref}\n\t\t\tclassName={cn(\n\t\t\t\t'header--component @container/app-header box-border sticky top-0 z-40 flex min-w-0 min-h-shell-header items-center border-b border-border bg-background px-surface-lg py-space-sm',\n\t\t\t\theaderInlineDividerAlignment,\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t<Stack direction=\"horizontal\" gap=\"xl\" align=\"center\" wrap className={cn('min-w-0 min-h-action flex-1', contentClassName)}>\n\t\t\t\t{!!slots?.brand && (\n\t\t\t\t\t<div className=\"hidden min-w-0 shrink-0 items-center @2xl/app-header:flex\">\n\t\t\t\t\t\t{slots.brand}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{!!showBreadcrumbs && (\n\t\t\t\t\t<div className=\"min-w-0 flex-1 basis-32\">\n\t\t\t\t\t\t{slots?.breadcrumbs ?? (\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\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{!!slots?.left && (\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}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{!!slots?.center && (\n\t\t\t\t\t/* Search narrows within its region before navigation or account controls lose space. */\n\t\t\t\t\t<div className={cn('hidden min-w-0 flex-1 basis-64 items-center justify-center @3xl/app-header:flex [&>*]:min-w-0 [&>*]:max-w-full', centerClassName)}>\n\t\t\t\t\t\t{slots.center}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{!!slots?.right && (\n\t\t\t\t\t<div className={cn('ms-auto flex min-w-0 max-w-full flex-wrap items-center justify-end gap-space-md [&>*]:max-w-full', rightClassName)}>\n\t\t\t\t\t\t{slots.right}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Stack>\n\t\t</header>\n\t);\n});\n\nHeader.displayName = 'Header';\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 { AriaAttributes, ComponentType, HTMLAttributes, ReactNode } from 'react';\n\nimport type { StringsProp } from '../../../lib/strings';\nimport type { SemanticTone } from '../../../lib/component-vocabulary';\n\nimport type {\n\tBreadcrumbItem,\n\tLayoutNavigationAdapter,\n\tLayoutUser,\n} from '../layout.types';\n\nexport interface HeaderBreadcrumbsProps extends LayoutNavigationAdapter {\n\t/** Trail entries, root first. */\n\tbreadcrumbs?: BreadcrumbItem[];\n\t/** Root entry prepended to the trail. */\n\thomeBreadcrumb?: BreadcrumbItem | null;\n\t/** Renders the sidebar control when a provider or a trigger slot is present. @default true */\n\tshowSidebarTrigger?: boolean;\n\t/** Custom trigger content. Can be used without a sidebar provider. */\n\ttriggerSlot?: ReactNode;\n\tclassName?: string;\n}\n\nexport type NotificationTone = Extract<\n\tSemanticTone,\n\t'info' | 'success' | 'warning' | 'destructive'\n>;\n\nexport interface HeaderNotification {\n\tid: string | number;\n\t/** Surface title. */\n\ttitle: ReactNode;\n\t/** Supporting copy under the title. */\n\tdescription?: ReactNode;\n\ttime?: ReactNode;\n\tread?: boolean;\n\ttone?: NotificationTone;\n\t/** Destination for the entry, when it navigates. */\n\thref?: string;\n}\n\nexport interface HeaderNotificationsStrings {\n\ttriggerLabel: string;\n\t/**\n\t * Names the trigger while notifications are unread; receives the count and\n\t * `triggerLabel`. The default reads \"Notifications, 2 unread\", or\n\t * \"{triggerLabel} (2)\" for a `triggerLabel` the consumer replaced.\n\t */\n\ttriggerLabelUnread: (count: number, label: string) => string;\n\theading: string;\n\tmarkAllRead: string;\n\tempty: string;\n\tviewAll: string;\n}\n\nexport const defaultHeaderNotificationsStrings: HeaderNotificationsStrings = {\n\ttriggerLabel: 'Notifications',\n\t// A translated trigger label takes a language-neutral count, so no English reaches it.\n\ttriggerLabelUnread: (count, label) => (label === 'Notifications' ? `${label}, ${count} unread` : `${label} (${count})`),\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\t/** Notifications to list, newest first. */\n\tnotifications?: HeaderNotification[];\n\t/** Unread total shown on the trigger and in its accessible name. Defaults to the notifications not marked `read`. */\n\tunreadCount?: number;\n\tonNotificationClick?: (notification: HeaderNotification) => void;\n\tonMarkAllRead?: () => void;\n\tonViewAll?: () => void;\n\t/** Destination for the view-all link. */\n\tviewAllHref?: string;\n\t/** Alignment of the shell's content. */\n\talign?: 'start' | 'center' | 'end';\n\t/** Which side of the trigger the surface opens on. */\n\tside?: 'top' | 'right' | 'bottom' | 'left';\n\t/** Overrides this surface's own copy. */\n\tstrings?: StringsProp<HeaderNotificationsStrings>;\n\tclassName?: string;\n\t/** Merged onto the content region. */\n\tcontentClassName?: string;\n\t/** Replaces the default notification row. */\n\trenderNotification?: (notification: HeaderNotification) => ReactNode;\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 extends Pick<AriaAttributes, 'aria-expanded' | 'aria-haspopup' | 'aria-controls'> {\n\tonOpen?: () => void;\n\t/**\n\t * Modifier shown in the hint. Omitted, the hint follows the platform (⌘ on\n\t * Apple platforms, Ctrl elsewhere) and either modifier opens search. Set, it\n\t * is the only modifier the shortcut listens for.\n\t */\n\tshortcutModifier?: 'meta' | 'control';\n\t/** Binds the keyboard shortcut that opens search. It does not fire while focus is in a field, an editor or an open menu or dialog. */\n\tenableShortcut?: boolean;\n\t/** Overrides this surface's own copy. */\n\tstrings?: StringsProp<HeaderSearchStrings>;\n\tclassName?: string;\n\t/** Merged onto the icon. */\n\ticonClassName?: string;\n\t/** Replaces the shortcut hint shown in the trigger. */\n\tshortcutSlot?: ReactNode;\n}\n\nexport interface HeaderGlobalSearchTriggerProps extends HeaderSearchProps {\n\t/** Whether the search surface is showing. Reported on the trigger as `aria-expanded` with `aria-haspopup=\"dialog\"`; the consumer owns the surface. */\n\topen?: boolean;\n\tonOpenChange?: (open: boolean) => void;\n}\n\nexport interface HeaderToolButtonProps {\n\t/** Display label. */\n\tlabel: string;\n\t/** Leading glyph. */\n\ticon: ComponentType<{ className?: string }>;\n\t/** Marks the control as currently engaged. */\n\tactive?: boolean;\n\t/** Disables the control. */\n\tdisabled?: boolean;\n\t/** Chip rendered beside the label. */\n\tbadge?: ReactNode;\n\tonClick?: () => void;\n\tclassName?: string;\n\t/** Merged onto the icon. */\n\ticonClassName?: string;\n}\n\nexport interface HeaderToolPopoverProps {\n\t/** Display label. */\n\tlabel: string;\n\t/** Leading glyph. */\n\ticon: ComponentType<{ className?: string }>;\n\t/** Whether the surface is showing. Controlled. */\n\topen?: boolean;\n\t/** Whether the surface starts open, for uncontrolled use. */\n\tdefaultOpen?: boolean;\n\tonOpenChange?: (open: boolean) => void;\n\t/** Marks the control as currently engaged. */\n\tactive?: boolean;\n\t/** Disables the control. */\n\tdisabled?: boolean;\n\t/** Chip rendered beside the label. */\n\tbadge?: ReactNode;\n\t/** Alignment of the shell's content. */\n\talign?: 'start' | 'center' | 'end';\n\t/** Which side of the trigger the surface opens on. */\n\tside?: 'top' | 'right' | 'bottom' | 'left';\n\tsideOffset?: number;\n\tclassName?: string;\n\t/** Merged onto the trigger. */\n\ttriggerClassName?: string;\n\t/** Merged onto the content region. */\n\tcontentClassName?: string;\n\tchildren?: ReactNode;\n}\n\nexport interface HeaderUserMenuProps {\n\t/** The signed-in user shown in the menu. */\n\tuser: LayoutUser;\n\t/** Shows the signed-in email under the name. */\n\tshowEmail?: boolean;\n\t/** Extra content appended inside the menu. */\n\tcustomContent?: ReactNode;\n\tonProfile?: () => void;\n\tonSettings?: () => void;\n\tonLogout?: () => void;\n\t/** Alignment of the shell's content. */\n\talign?: 'start' | 'center' | 'end';\n\t/** Which side of the trigger the surface opens on. */\n\tside?: 'top' | 'right' | 'bottom' | 'left';\n\t/** Overrides this surface's own copy. */\n\tstrings?: StringsProp<HeaderUserMenuStrings>;\n\t/** Merged onto the trigger. */\n\ttriggerClassName?: string;\n\t/** Merged onto the content region. */\n\tcontentClassName?: string;\n\t/** Replaces the default trigger element. */\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 before breadcrumbs, visible from the 2xl/app-header container width (42rem by default). Use left for identity that must remain visible at narrow widths. */\n\tbrand?: ReactNode;\n\t/** Replaces the breadcrumb/sidebar-trigger region, rendered only while showBreadcrumbs is true. */\n\tbreadcrumbs?: ReactNode;\n\t/** Leading content after breadcrumbs; always rendered when supplied, including narrow container widths. The app owns compact content and overflow. */\n\tleft?: ReactNode;\n\t/** Optional center content, usually search, visible from the 3xl/app-header container width (48rem by default). Essential navigation needs a narrow-width alternative in left or right. */\n\tcenter?: ReactNode;\n\t/** Trailing content, usually tools/account actions; always rendered when supplied and wraps at narrow widths. Its children own their responsive behavior. */\n\tright?: ReactNode;\n}\n\nexport interface HeaderProps extends LayoutNavigationAdapter, HTMLAttributes<HTMLElement> {\n\t/** Renders the breadcrumb trail. */\n\tshowBreadcrumbs?: boolean;\n\t/** Trail entries, root first. */\n\tbreadcrumbs?: BreadcrumbItem[];\n\t/** Root entry prepended to the trail. */\n\thomeBreadcrumb?: BreadcrumbItem | null;\n\t/** Renders the sidebar control when a sidebar provider is present. @default true */\n\tshowSidebarTrigger?: boolean;\n\t/** Composes shell regions by container width: brand appears from 2xl/app-header (42rem default), center from 3xl/app-header (48rem default); left and right are always rendered when supplied. Keep essential narrow-width identity/navigation in left or right and supply compact/overflow behavior. */\n\tslots?: HeaderSlots;\n\tclassName?: string;\n\t/** Merged onto the content region. */\n\tcontentClassName?: string;\n\t/** Merged onto the leading region. */\n\tleftClassName?: string;\n\t/** Merged onto the centre region. */\n\tcenterClassName?: string;\n\trightClassName?: string;\n\tbreadcrumbsClassName?: string;\n}\n","/** HeaderSearch — framework-neutral search trigger with optional Cmd/Ctrl+K. */\nimport { useEffect, useState } from 'react';\nimport { Search } from 'lucide-react';\n\nimport { Button } from '../../../base/buttons';\nimport { Text } from '../../../typography';\nimport { useStrings } from '../../../../lib/strings';\nimport { cn } from '../../../../lib/utils';\nimport { kbdRecipe } from '../../../../lib/surface-recipes';\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\tshortcutModifier,\n\tenableShortcut = true,\n\tstrings: stringsProp,\n\tclassName,\n\ticonClassName,\n\tshortcutSlot,\n\t'aria-expanded': ariaExpanded,\n\t'aria-haspopup': ariaHasPopup,\n\t'aria-controls': ariaControls,\n}: HeaderSearchProps) {\n\tconst strings = useStrings(defaultHeaderSearchStrings, stringsProp);\n\tconst [detectedMac, setDetectedMac] = useState(false);\n\tuseEffect(() => {\n\t\tif (shortcutModifier === undefined) setDetectedMac(detectMac());\n\t}, [shortcutModifier]);\n\tconst resolvedModifier = shortcutModifier ?? (detectedMac ? 'meta' : 'control');\n\tconst isMetaShortcut = resolvedModifier === 'meta';\n\t// A detected platform decides only the hint: either modifier opens search, so\n\t// Ctrl+K keeps working on Apple platforms. A modifier the consumer chose is the only key.\n\tuseCommandShortcut({ key: 'k', enabled: enableShortcut, onTrigger: onOpen, modifier: shortcutModifier ?? 'mod' });\n\n\tconst shortcutTitle = isMetaShortcut ? strings.shortcutMac : strings.shortcutPc;\n\tconst shortcut = shortcutSlot ?? (\n\t\t// The shared key cap; it appears once the trigger's own label region has room\n\t\t// for it beside the placeholder, wherever the trigger is placed.\n\t\t<kbd className={cn('header-search--shortcut', kbdRecipe, 'hidden @min-[10rem]/header-search:inline-flex')}>\n\t\t\t{isMetaShortcut ? strings.shortcutMac : strings.shortcutPc}\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\taria-label={strings.placeholder}\n\t\t\taria-expanded={ariaExpanded}\n\t\t\taria-haspopup={ariaHasPopup}\n\t\t\taria-controls={ariaControls}\n\t\t\ttone=\"secondary\"\n\t\t\tbuttonStyle=\"outline\"\n\t\t\tsize=\"md\"\n\t\t\tonClick={onOpen}\n\t\t\tclassName={cn(\n\t\t\t\t'header-search--component header-search--trigger h-action w-full min-w-0 justify-start gap-space-md rounded-radius px-control-sm text-foreground shadow-none transition-[background-color,border-color,color,box-shadow]',\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{/* The label region is the key cap's container. A container has no intrinsic\n\t\t\t    width, so a floor keeps the placeholder readable in a content-sized slot. */}\n\t\t\t<span className=\"header-search--label @container/header-search flex min-w-20 flex-1 items-center gap-space-md\">\n\t\t\t\t<Text tag=\"span\" size=\"inherit\" type=\"secondary\" data-slot=\"header-search-placeholder\" className=\"header-search--placeholder min-w-0 flex-1 truncate text-left\">\n\t\t\t\t\t{strings.placeholder}\n\t\t\t\t</Text>\n\t\t\t\t{shortcut}\n\t\t\t</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\topen,\n\tonOpenChange,\n\t...props\n}: HeaderGlobalSearchTriggerProps) {\n\t// A controlled trigger reports the surface it owns; without `open` it stays a plain command.\n\tconst controlled = open !== undefined;\n\treturn (\n\t\t<HeaderSearch\n\t\t\taria-haspopup={controlled ? 'dialog' : undefined}\n\t\t\taria-expanded={controlled ? open : undefined}\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 '../../../base/buttons';\nimport { Text } from '../../../typography';\nimport { cn } from '../../../../lib/utils';\n\nimport { headerCountBadge } from '../header.recipes';\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\ttone=\"secondary\"\n\t\tbuttonStyle=\"ghost\"\n\t\tsize=\"md\" iconOnly\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 rounded-radius text-foreground transition-[background-color,color,box-shadow] hover:bg-accent hover:text-accent-foreground',\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<Text tag=\"span\" size=\"xs\" weight=\"medium\" lineHeight=\"none\" data-slot=\"header-tool-badge\" className={cn('header-tool-button--badge', headerCountBadge)}>\n\t\t\t\t{badge}\n\t\t\t</Text>\n\t\t)}\n\t\t<Text tag=\"span\" size=\"inherit\" className=\"sr-only\">{label}</Text>\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 '../../../base/popover';\nimport { cn } from '../../../../lib/utils';\n\nimport type { HeaderToolPopoverProps } from '../header.types';\nimport { HeaderToolButton } from './header-tool-button';\nimport { popoverWidthRecipes } from '../../../base/popover/popover.recipes';\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\n\t\t\t\trender={(\n\t\t\t\t\t<HeaderToolButton\n\t\t\t\t\t\tlabel={label}\n\t\t\t\t\t\ticon={icon}\n\t\t\t\t\t\tactive={active ?? open}\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\tbadge={badge}\n\t\t\t\t\t\tclassName={triggerClassName}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t/>\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',\n\t\t\t\t\tpopoverWidthRecipes.lg,\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 { ActionMenu, type ActionMenuAction } from '../../../base/action-menu';\nimport { Avatar, AvatarFallback, AvatarImage } from '../../../base/avatar';\nimport { Button } from '../../../base/buttons';\nimport { formatInitials } from '../../../primitives/initials-format';\nimport { Text } from '../../../typography';\nimport {\n\tDropdownMenu,\n\tDropdownMenuContent,\n\tDropdownMenuTrigger,\n} from '../../../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\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 = formatInitials(user.name, { strategy: 'first-words' });\n\tconst twoLineIdentity = showEmail && !!user.email;\n\n\t// Profile and settings sit together; sign-out is held apart by a rule with\n\t// no caption, which is what `group: true` is for.\n\tconst actions: ActionMenuAction[] = [\n\t\t...(onProfile ? [{ id: 'profile', label: strings.profile, icon: User, onClick: onProfile }] : []),\n\t\t...(onSettings ? [{ id: 'settings', label: strings.settings, icon: Settings, onClick: onSettings }] : []),\n\t\t...(onLogout\n\t\t\t? [{\n\t\t\t\tid: 'logout',\n\t\t\t\tlabel: strings.logout,\n\t\t\t\ticon: LogOut,\n\t\t\t\tonClick: onLogout,\n\t\t\t\t...(onProfile || onSettings ? { group: true as const } : null),\n\t\t\t}]\n\t\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\taria-label={user.name}\n\t\t\ttone=\"secondary\"\n\t\t\tbuttonStyle=\"ghost\"\n\t\t\t// A one-line identity shares the header control height; name plus email needs the taller action.\n\t\t\tsize={twoLineIdentity ? 'lg' : 'md'}\n\t\t\tclassName={cn(\n\t\t\t\t'header-user-menu--component header-user-menu--trigger group min-w-0 max-w-56 justify-start gap-space-md text-foreground shadow-none hover:bg-accent hover:text-accent-foreground data-[state=open]:bg-accent',\n\t\t\t\t!twoLineIdentity && 'h-action',\n\t\t\t\t// The identity follows the space its header row offers (the nearest container's\n\t\t\t\t// content box, with the viewport as the fallback): narrow rows keep the avatar control.\n\t\t\t\t'max-sm:size-action max-sm:justify-center max-sm:p-0 max-sm:[&_.header-user-menu--identity]:hidden max-sm:[&_.header-user-menu--chevron]:hidden',\n\t\t\t\t'@max-md:size-action @max-md:justify-center @max-md:p-0 @max-md:[&_.header-user-menu--identity]:hidden @max-md:[&_.header-user-menu--chevron]:hidden',\n\t\t\t\ttriggerClassName,\n\t\t\t)}\n\t\t>\n\t\t\t<Avatar size=\"sm\" data-slot=\"header-user-avatar\" className=\"header-user-menu--avatar overflow-hidden rounded-full ring-1 ring-border\">\n\t\t\t\t{!!user.avatar && <AvatarImage src={user.avatar} alt={user.name} />}\n\t\t\t\t<AvatarFallback className=\"rounded-full bg-muted text-muted-foreground\">\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 gap-dense text-start leading-none\">\n\t\t\t\t<Text type=\"inherit\" weight=\"medium\" lineHeight=\"tight\" className=\"truncate\">{user.name}</Text>\n\t\t\t\t{twoLineIdentity && (\n\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" lineHeight=\"tight\" 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\tconst contentClasses = cn(\n\t\t'header-user-menu--content w-(--anchor-width) min-w-56 rounded-surface',\n\t\tcontentClassName,\n\t);\n\n\t// `customContent` replaces the menu body wholesale, which is a plain\n\t// dropdown rather than a list of commands — ActionMenu is deliberately not\n\t// that, so this path stays on the primitive it actually needs.\n\tif (customContent) {\n\t\treturn (\n\t\t\t<DropdownMenu>\n\t\t\t\t<DropdownMenuTrigger render={trigger as ReactElement} />\n\t\t\t\t<DropdownMenuContent\n\t\t\t\t\tdata-component=\"header-user-menu-content\"\n\t\t\t\t\tdata-slot=\"header-user-menu-content\"\n\t\t\t\t\tclassName={contentClasses}\n\t\t\t\t\talign={align}\n\t\t\t\t\tside={side}\n\t\t\t\t>\n\t\t\t\t\t{customContent}\n\t\t\t\t</DropdownMenuContent>\n\t\t\t</DropdownMenu>\n\t\t);\n\t}\n\n\treturn (\n\t\t<ActionMenu\n\t\t\tactions={actions}\n\t\t\talign={align}\n\t\t\tside={side}\n\t\t\tcontentClassName={contentClasses}\n\t\t\twidth=\"w-auto\"\n\t\t\tcloseOnSelect\n\t\t\trenderTrigger={trigger as ReactElement}\n\t\t/>\n\t);\n}\n","/** HeaderNotifications — bell dropdown for consumer-supplied notifications. */\nimport type { ReactElement } from 'react';\n\nimport { Bell } from 'lucide-react';\n\nimport { Button } from '../../../base/buttons';\nimport { Stack } from '../../../base/structure';\nimport { DisplayLabel, Text } from '../../../typography';\nimport {\n\tDropdownMenu,\n\tDropdownMenuContent,\n\tDropdownMenuGroup,\n\tDropdownMenuItem,\n\tDropdownMenuLabel,\n\tDropdownMenuLinkItem,\n\tDropdownMenuSeparator,\n\tDropdownMenuTrigger,\n} from '../../../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\ttype NotificationTone,\n} from '../header.types';\nimport { popoverWidthRecipes } from '../../../base/popover/popover.recipes';\nimport { headerCountBadge } from '../header.recipes';\nimport { dotRecipes } from '../../../../lib/tone-recipes';\n\nconst NOTIFICATION_TONE_CLASSNAMES: Record<NotificationTone, string> = {\n\tinfo: 'bg-info',\n\tsuccess: 'bg-success',\n\twarning: 'bg-warning',\n\tdestructive: 'bg-destructive',\n};\n\nexport function HeaderNotifications({\n\tnotifications = [],\n\tunreadCount: unreadCountProp,\n\tonNotificationClick,\n\tonMarkAllRead,\n\tonViewAll,\n\tviewAllHref,\n\trenderLink,\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 });\n\t// An explicit count wins, including zero; otherwise every notification not marked read counts.\n\tconst unreadCount = unreadCountProp ?? notifications.filter((notification) => !notification.read).length;\n\tconst badgeText = unreadCount > 99 ? '99+' : String(unreadCount);\n\tconst triggerLabel = unreadCount > 0 ? strings.triggerLabelUnread(unreadCount, strings.triggerLabel) : strings.triggerLabel;\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\ttone=\"secondary\"\n\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\tsize=\"md\" iconOnly\n\t\t\t\t\t\taria-label={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-icon\" aria-hidden=\"true\" />\n\t\t\t\t\t\t{unreadCount > 0 && (\n\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" weight=\"medium\" lineHeight=\"none\" data-slot=\"header-notifications-badge\" className={cn('header-notifications--badge', headerCountBadge)}>\n\t\t\t\t\t\t\t\t{badgeText}\n\t\t\t\t\t\t\t</Text>\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', popoverWidthRecipes.lg, 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{/* The command is a menu item so arrow keys reach it; it keeps the menu open to show the result. */}\n\t\t\t\t\t<div className=\"header-notifications--header flex items-center justify-between gap-space-lg\">\n\t\t\t\t\t\t<DropdownMenuLabel aria-hidden={false} className=\"header-notifications--label min-w-0 flex-1 text-inherit\">\n\t\t\t\t\t\t\t<DisplayLabel className=\"text-inherit\">{strings.heading}</DisplayLabel>\n\t\t\t\t\t\t</DropdownMenuLabel>\n\t\t\t\t\t\t{unreadCount > 0 && !!onMarkAllRead && (\n\t\t\t\t\t\t\t<DropdownMenuItem\n\t\t\t\t\t\t\t\tcloseOnClick={false}\n\t\t\t\t\t\t\t\tonClick={onMarkAllRead}\n\t\t\t\t\t\t\t\tclassName=\"header-notifications--mark-all-read w-auto shrink-0\"\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</DropdownMenuItem>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\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-surface 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<Stack gap=\"xs\" className=\"header-notifications--list\">\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</Stack>\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\t/** Replaces the default notification row. */\n\trenderNotification?: HeaderNotificationsProps['renderNotification'];\n}) {\n\tif (renderNotification) return renderNotification(notification);\n\n\tconst content = (\n\t\t<Stack direction=\"horizontal\" align=\"start\" wrap={false} gap=\"sm\" className=\"header-notifications--item-content\">\n\t\t\t{!!notification.tone && (\n\t\t\t\t<span\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\tdata-tone={notification.tone}\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'header-notifications--tone mt-space-sm',\n\t\t\t\t\t\t\t\t\tdotRecipes.marker,\n\t\t\t\t\t\tNOTIFICATION_TONE_CLASSNAMES[notification.tone],\n\t\t\t\t\t)}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t<Stack gap=\"dense\" className=\"min-w-0\">\n\t\t\t\t<Text type=\"inherit\" weight=\"medium\">{notification.title}</Text>\n\t\t\t\t{!!notification.description && <Text size=\"xs\" type=\"secondary\">{notification.description}</Text>}\n\t\t\t\t{!!notification.time && <Text size=\"xs\" type=\"secondary\">{notification.time}</Text>}\n\t\t\t</Stack>\n\t\t</Stack>\n\t);\n\n\tconst className = cn(\n\t\t'header-notifications--item items-start',\n\t\t!notification.read && 'bg-muted text-muted-foreground',\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"],"mappings":"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"}

package/dist/{hooks-BitHSh-Y.js → hooks-DHfeSMAO.js}

@@ -1,6 +1,6 @@
 "use client";
-import { p as e } from "./sidebar-CmD6a-HK.js";
-import { n as t } from "./layout.types-E_GAApzO.js";
+import { p as e } from "./sidebar-C-iQ_TJP.js";
+import { n as t } from "./layout.types-DbtnyAtd.js";
 import { useCallback as n, useEffect as r, useMemo as i } from "react";
 import { jsx as a } from "react/jsx-runtime";
 //#region src/components/layout/hooks/use-layout-link.tsx
@@ -33,24 +33,40 @@ function l(e, t) {
 	};
 	return i(t), n;
 }
-function u(e) {
-	return e.label;
+function u(e, t) {
+	return `${typeof e.label == "string" || typeof e.label == "number" ? String(e.label) : e.handle ?? ""} ${e.handle ?? ""}`.toLocaleLowerCase().includes(t);
 }
 function d(e, t) {
-	let n = u(e);
+	return t ? e.flatMap((e) => {
+		if (u(e, t)) return [e];
+		let n = d(e.children ?? [], t);
+		return n.length ? [{
+			...e,
+			children: n
+		}] : [];
+	}) : e;
+}
+function f(e, t) {
+	return t ? e.reduce((e, n) => e + +!!u(n, t) + f(n.children ?? [], t), 0) : 0;
+}
+function p(e) {
+	return e.label;
+}
+function m(e, t) {
+	let n = p(e);
 	return e.id ?? e.handle ?? e.href ?? (typeof n == "string" || typeof n == "number" ? n : `nav-${t ?? 0}`);
 }
-function f({ value: t, size: n = "md" }) {
+function h({ value: t, size: n = "md" }) {
 	return /* @__PURE__ */ a(e, {
 		inline: !0,
 		size: n,
 		children: t
 	});
 }
-function p(e, t, n, r) {
+function g(e, t, n, r) {
 	return r && n?.[r] != null ? n[r] : e && n && n[e] != null ? n[e] : t;
 }
-function m({ icon: e, iconMap: t = {}, size: n = 20, className: r = "size-icon", ...i }) {
+function _({ icon: e, iconMap: t = {}, size: n = 20, className: r = "size-icon", ...i }) {
 	if (!e) return null;
 	if (typeof e == "string") {
 		let n = t[e];
@@ -63,38 +79,42 @@ function m({ icon: e, iconMap: t = {}, size: n = 20, className: r = "size-icon",
 		...i
 	}) : null;
 }
-function h(e, t, n, r, i) {
+function v(e, t, n, r, i) {
 	return e({
 		href: t.href,
 		children: n,
 		className: r,
 		active: i,
+		"aria-current": i ? "page" : void 0,
 		disabled: t.disabled || !t.href,
 		external: t.external
 	});
 }
 //#endregion
 //#region src/components/layout/hooks/use-active-path.ts
-function g(e = "/") {
+function y(e = "/") {
 	return n((t) => !!t && c(e, s(t)), [e]);
 }
 //#endregion
 //#region src/components/layout/hooks/use-command-shortcut.ts
-function _({ key: e, enabled: t = !0, onTrigger: n, preventDefault: i = !0 }) {
+var b = "input,textarea,select,[contenteditable]:not([contenteditable=\"false\"]),[role=\"textbox\"],[role=\"dialog\"],[role=\"alertdialog\"],[role=\"menu\"],[role=\"listbox\"]";
+function x({ key: e, enabled: t = !0, onTrigger: n, preventDefault: i = !0, modifier: a = "mod", allowInEditable: o = !1 }) {
 	r(() => {
 		if (!t || !n || typeof document > "u") return;
 		let r = (t) => {
-			(t.metaKey || t.ctrlKey) && t.key.toLowerCase() === e.toLowerCase() && (i && t.preventDefault(), n());
+			t.defaultPrevented || t.repeat || t.altKey || t.shiftKey || (a === "meta" ? t.metaKey && !t.ctrlKey : a === "control" ? t.ctrlKey && !t.metaKey : t.metaKey || t.ctrlKey) && t.key.toLowerCase() === e.toLowerCase() && (o || !(t.target instanceof Element ? t.target : document.activeElement)?.closest(b)) && (i && t.preventDefault(), n());
 		};
 		return document.addEventListener("keydown", r), () => document.removeEventListener("keydown", r);
 	}, [
+		o,
 		t,
 		e,
+		a,
 		n,
 		i
 	]);
 }
 //#endregion
-export { l as a, c, s as d, o as f, f as i, h as l, g as n, d as o, m as r, u as s, _ as t, p as u };
+export { f as a, m as c, v as d, g as f, h as i, p as l, o as m, y as n, d as o, s as p, _ as r, l as s, x as t, c as u };
 
-//# sourceMappingURL=hooks-BitHSh-Y.js.map
+//# sourceMappingURL=hooks-DHfeSMAO.js.map