themelia-ui 2.0.1 → 3.1.0

package/dist/layout/header.js

@@ -1,27 +1,27 @@
 "use client";
-import "../core.css";
-import "../css/header.css";
-import { t as e } from "../cx--CBrhWH0.js";
-import { o as t } from "../typography-BkxEiwQ1.js";
-import { c as n } from "../buttons-riLAPVQV.js";
-import { a as r, d as i, g as a, i as o, o as s, r as c, s as l, t as u } from "../dropdown-menu-BdgB__AC.js";
-import { n as d } from "../action-menu-BrMchcyt.js";
-import { a as f, d as p, v as m } from "../display-Dehpw83R.js";
-import { I as h } from "../primitives-BnXNg-Kr.js";
-import { a as g, c as _, r as v } from "../avatar-C30TNJoy.js";
-import { l as y } from "../navigation-COnv0B1H.js";
-import { c as b, r as x, t as S } from "../popover-CM1nxkAM.js";
-import { S as C, T as w } from "../sidebar-BMgoyRxy.js";
-import { t as T } from "../layout.types-CTDrZCGP.js";
-import { BellIcon as E, ChevronsUpDownIcon as D, LogOutIcon as O, SearchIcon as k, SettingsIcon as A, UserIcon as j } from "lucide-react";
-import { forwardRef as M, useEffect as N, useMemo as P, useRef as F, useSyncExternalStore as I } from "react";
-import { Fragment as L, jsx as R, jsxs as z } from "react/jsx-runtime";
+import "#core.css";
+import { c as e, s as t } from "../typography-DmeR05Er.js";
+import { t as n } from "../cx--CBrhWH0.js";
+import { c as r } from "../buttons-BX2JfL5X.js";
+import { a as i, d as a, g as o, i as s, o as c, r as l, s as u, t as d } from "../dropdown-menu-Br8kvjrF.js";
+import { n as f } from "../action-menu-BwiL_F6I.js";
+import { a as p, c as m, r as h } from "../avatar-Dc_BNYfB.js";
+import { I as g } from "../primitives-BskKlf35.js";
+import { a as _, d as v, v as y } from "../display-BGN834xV.js";
+import { c as b, r as x, t as S } from "../popover-CA7SP_iz.js";
+import { l as C } from "../navigation-BTX5Ti0Z.js";
+import { r as w } from "../navigation-B4eUU9E8.js";
+import { S as T, T as E } from "../sidebar-DXQOy_Cb.js";
+import { BellIcon as D, ChevronsUpDownIcon as O, LogOutIcon as k, SearchIcon as A, SettingsIcon as j, UserIcon as M } from "lucide-react";
+import { forwardRef as N, useEffect as P, useMemo as F, useRef as I, useSyncExternalStore as L } from "react";
+import { Fragment as R, jsx as z, jsxs as B } from "react/jsx-runtime";
+import "#css/header.css";
 //#region src/hooks/use-command-shortcut.ts
-function B({ key: e, enabled: t = !0, onTrigger: n, preventDefault: r = !0 }) {
-	let i = F(n);
-	N(() => {
+function V({ key: e, enabled: t = !0, onTrigger: n, preventDefault: r = !0 }) {
+	let i = I(n);
+	P(() => {
 		i.current = n;
-	}, [n]), N(() => {
+	}, [n]), P(() => {
 		if (!t || typeof document > "u") return;
 		let n = (t) => {
 			(t.metaKey || t.ctrlKey) && t.key.toLowerCase() === e.toLowerCase() && (r && t.preventDefault(), i.current?.());
@@ -35,11 +35,11 @@ function B({ key: e, enabled: t = !0, onTrigger: n, preventDefault: r = !0 }) {
 }
 //#endregion
 //#region src/components/layout/header/header.strings.ts
-var V = { label: "Breadcrumb" }, H = {
+var H = { label: "Breadcrumb" }, U = {
 	placeholder: "Search…",
 	shortcutMac: "⌘K",
 	shortcutPc: "Ctrl K"
-}, U = {
+}, W = {
 	trigger: "Notifications",
 	heading: "Notifications",
 	markAllRead: "Mark all as read",
@@ -47,12 +47,12 @@ var V = { label: "Breadcrumb" }, H = {
 	viewAll: "View all notifications",
 	unread: (e) => `${e} unread`,
 	unreadItem: "Unread"
-}, W = {
+}, G = {
 	profile: "Profile",
 	settings: "Settings",
 	logout: "Log out",
 	trigger: "Account"
-}, G = {
+}, K = {
 	header: "header__header___lHj2M",
 	content: "header__content___x1lAg",
 	brand: "header__brand___0e9YL",
@@ -83,20 +83,20 @@ var V = { label: "Breadcrumb" }, H = {
 };
 //#endregion
 //#region src/components/layout/header/partials/header-breadcrumbs.tsx
-function K({ breadcrumbs: t = [], homeCrumb: n = null, strings: r, showSidebarTrigger: i = !0, triggerSlot: a, className: o }) {
+function q({ breadcrumbs: e = [], homeCrumb: t = null, strings: r, showSidebarTrigger: i = !0, triggerSlot: a, className: o }) {
 	let s = {
-		...V,
+		...H,
 		...r
-	}, c = w(), l = i && (!!a || !!c), u = P(() => n ? [n, ...t] : t, [n, t]);
-	return /* @__PURE__ */ z("div", {
+	}, c = E(), l = i && (!!a || !!c), u = F(() => t ? [t, ...e] : e, [t, e]);
+	return /* @__PURE__ */ B("div", {
 		"data-slot": "header-breadcrumbs",
-		className: e("header-breadcrumbs--component", G.crumbBar, o),
-		children: [!!l && /* @__PURE__ */ R("div", {
-			className: G.crumbTrigger,
-			children: a ?? /* @__PURE__ */ R(C, {})
-		}), u.length > 0 && /* @__PURE__ */ z(L, { children: [!!l && /* @__PURE__ */ R(m, { orientation: "vertical" }), /* @__PURE__ */ R("div", {
-			className: G.crumbTrail,
-			children: /* @__PURE__ */ R(y, {
+		className: n("header-breadcrumbs--component", K.crumbBar, o),
+		children: [!!l && /* @__PURE__ */ z("div", {
+			className: K.crumbTrigger,
+			children: a ?? /* @__PURE__ */ z(T, {})
+		}), u.length > 0 && /* @__PURE__ */ B(R, { children: [!!l && /* @__PURE__ */ z(y, { orientation: "vertical" }), /* @__PURE__ */ z("div", {
+			className: K.crumbTrail,
+			children: /* @__PURE__ */ z(C, {
 				items: u,
 				label: s.label
 			})
@@ -105,39 +105,39 @@ function K({ breadcrumbs: t = [], homeCrumb: n = null, strings: r, showSidebarTr
 }
 //#endregion
 //#region src/components/layout/header/header.tsx
-function q({ showBreadcrumbs: t = !0, showSidebarTrigger: n = !0, breadcrumbs: r = [], homeCrumb: i = null, breadcrumbsStrings: a, slots: o, renderLink: s, className: c, contentClassName: l, children: u, ...d }) {
-	return /* @__PURE__ */ R("header", {
+function J({ showBreadcrumbs: e = !0, showSidebarTrigger: t = !0, breadcrumbs: r = [], homeCrumb: i = null, breadcrumbsStrings: a, slots: o, renderLink: s, className: c, contentClassName: l, children: u, ...d }) {
+	return /* @__PURE__ */ z("header", {
 		"data-slot": "header",
-		className: e("header--component", G.header, c),
+		className: n("header--component", K.header, c),
 		...d,
-		children: /* @__PURE__ */ z("div", {
-			className: e("header--content", G.content, l),
+		children: /* @__PURE__ */ B("div", {
+			className: n("header--content", K.content, l),
 			children: [
-				!!o?.brand && /* @__PURE__ */ R("div", {
-					className: G.brand,
+				!!o?.brand && /* @__PURE__ */ z("div", {
+					className: K.brand,
 					children: o.brand
 				}),
-				!!t && (o?.breadcrumbs ?? /* @__PURE__ */ R("div", {
-					className: G.breadcrumbs,
-					children: /* @__PURE__ */ R(K, {
+				!!e && (o?.breadcrumbs ?? /* @__PURE__ */ z("div", {
+					className: K.breadcrumbs,
+					children: /* @__PURE__ */ z(q, {
 						breadcrumbs: r,
 						homeCrumb: i,
 						strings: a,
-						showSidebarTrigger: n,
+						showSidebarTrigger: t,
 						renderLink: s
 					})
 				})),
-				!!o?.left && /* @__PURE__ */ R("div", {
-					className: G.left,
+				!!o?.left && /* @__PURE__ */ z("div", {
+					className: K.left,
 					children: o.left
 				}),
-				!!o?.center && /* @__PURE__ */ R("div", {
-					className: G.center,
+				!!o?.center && /* @__PURE__ */ z("div", {
+					className: K.center,
 					children: o.center
 				}),
 				u,
-				!!o?.right && /* @__PURE__ */ R("div", {
-					className: G.right,
+				!!o?.right && /* @__PURE__ */ z("div", {
+					className: K.right,
 					children: o.right
 				})
 			]
@@ -146,48 +146,48 @@ function q({ showBreadcrumbs: t = !0, showSidebarTrigger: n = !0, breadcrumbs: r
 }
 //#endregion
 //#region src/components/layout/header/partials/header-search.tsx
-var J = () => () => {};
-function Y() {
+var Y = () => () => {};
+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 X({ onOpen: n, shortcutModifier: r, enableShortcut: i = !0, strings: a, className: o, shortcutSlot: s }) {
+function Z({ onOpen: e, shortcutModifier: r, enableShortcut: i = !0, strings: a, className: o, shortcutSlot: s }) {
 	let c = {
-		...H,
+		...U,
 		...a
-	}, l = I(J, Y, () => !1), u = (r ?? (l ? "meta" : "control")) === "meta" ? c.shortcutMac : c.shortcutPc;
-	return B({
+	}, l = L(Y, X, () => !1), u = (r ?? (l ? "meta" : "control")) === "meta" ? c.shortcutMac : c.shortcutPc;
+	return V({
 		key: "k",
 		enabled: i,
-		onTrigger: n
-	}), /* @__PURE__ */ z("button", {
+		onTrigger: e
+	}), /* @__PURE__ */ B("button", {
 		type: "button",
 		"data-slot": "header-search",
-		onClick: n,
-		className: e("header-search--component", G.search, o),
+		onClick: e,
+		className: n("header-search--component", K.search, o),
 		children: [
-			/* @__PURE__ */ R(k, {
+			/* @__PURE__ */ z(A, {
 				"aria-hidden": !0,
-				className: G.searchIcon
+				className: K.searchIcon
 			}),
-			/* @__PURE__ */ R(t, {
+			/* @__PURE__ */ z(t, {
 				tag: "span",
 				size: "inherit",
 				type: "secondary",
-				className: G.searchLabel,
+				className: K.searchLabel,
 				children: c.placeholder
 			}),
-			/* @__PURE__ */ R("span", {
+			/* @__PURE__ */ z("span", {
 				"aria-hidden": !0,
-				className: G.searchHint,
-				children: s ?? /* @__PURE__ */ R(f, { children: u })
+				className: K.searchHint,
+				children: s ?? /* @__PURE__ */ z(_, { children: u })
 			})
 		]
 	});
 }
-function Z({ onOpen: e, onOpenChange: t, ...n }) {
-	return /* @__PURE__ */ R(X, {
+function Q({ onOpen: e, onOpenChange: t, ...n }) {
+	return /* @__PURE__ */ z(Z, {
 		...n,
 		onOpen: () => {
 			e?.(), t?.(!0);
@@ -196,162 +196,170 @@ function Z({ onOpen: e, onOpenChange: t, ...n }) {
 }
 //#endregion
 //#region src/components/layout/header/partials/header-tool.tsx
-var Q = M(function({ label: t, icon: r, active: i = !1, disabled: a = !1, badge: o, onClick: s, className: c }, l) {
-	return /* @__PURE__ */ z(n, {
-		ref: l,
+var $ = N(function({ label: t, icon: i, active: a = !1, disabled: o = !1, badge: s, onClick: c, className: l }, u) {
+	return /* @__PURE__ */ B(r, {
+		ref: u,
 		type: "button",
 		"data-slot": "header-tool-button",
 		tone: "neutral",
-		buttonStyle: "ghost",
+		appearance: "ghost",
 		iconOnly: !0,
 		"aria-label": t,
-		"aria-pressed": i || void 0,
-		disabled: a,
-		onClick: s,
-		className: e("header-tool-button--component", G.tool, c),
-		children: [/* @__PURE__ */ R(r, { "aria-hidden": !0 }), o != null && o !== !1 && /* @__PURE__ */ R("span", {
+		"aria-pressed": a || void 0,
+		disabled: o,
+		onClick: c,
+		className: n("header-tool-button--component", K.tool, l),
+		children: [/* @__PURE__ */ z(i, { "aria-hidden": !0 }), s != null && s !== !1 && /* @__PURE__ */ z("span", {
 			"aria-hidden": !0,
 			"data-slot": "header-tool-badge",
-			className: G.toolBadge,
-			children: o
+			className: n(K.toolBadge, e({
+				size: "xs",
+				weight: "medium",
+				lineHeight: "none"
+			})),
+			children: s
 		})]
 	});
 });
-function $({ label: t, icon: n, open: r, defaultOpen: i, onOpenChange: a, active: o, disabled: s, badge: c, align: l = "end", side: u = "bottom", sideOffset: d, className: f, triggerClassName: p, contentClassName: m, children: h }) {
-	return /* @__PURE__ */ z(S, {
+function ee({ label: e, icon: t, open: r, defaultOpen: i, onOpenChange: a, active: o, disabled: s, badge: c, align: l = "end", side: u = "bottom", sideOffset: d, className: f, triggerClassName: p, contentClassName: m, children: h }) {
+	return /* @__PURE__ */ B(S, {
 		open: r,
 		defaultOpen: i,
 		onOpenChange: a,
-		children: [/* @__PURE__ */ R(b, { render: /* @__PURE__ */ R(Q, {
-			label: t,
-			icon: n,
+		children: [/* @__PURE__ */ z(b, { render: /* @__PURE__ */ z($, {
+			label: e,
+			icon: t,
 			active: o ?? r,
 			disabled: s,
 			badge: c,
 			className: p
-		}) }), /* @__PURE__ */ R(x, {
+		}) }), /* @__PURE__ */ z(x, {
 			"data-slot": "header-tool-popover",
 			align: l,
 			side: u,
 			sideOffset: d,
-			className: e("header-tool-popover--component", G.toolSurface, f, m),
+			className: n("header-tool-popover--component", K.toolSurface, f, m),
 			children: h
 		})]
 	});
 }
 //#endregion
 //#region src/components/layout/header/partials/header-notifications.tsx
-function ee({ notifications: d = [], unreadCount: f = 0, onNotificationClick: p, onMarkAllRead: m, onViewAll: h, viewAllHref: g, renderLink: _, align: v = "end", side: y = "bottom", strings: b, className: x, contentClassName: S, renderNotification: C }) {
-	let w = {
-		...U,
-		...b
-	}, D = T({ renderLink: _ }), O = f > 99 ? "99+" : String(f);
-	return /* @__PURE__ */ z(u, { children: [/* @__PURE__ */ R(a, { render: /* @__PURE__ */ z(n, {
+function te({ notifications: f = [], unreadCount: p = 0, onNotificationClick: m, onMarkAllRead: h, onViewAll: g, viewAllHref: _, renderLink: v, align: y = "end", side: b = "bottom", strings: x, className: S, contentClassName: C, renderNotification: T }) {
+	let E = {
+		...W,
+		...x
+	}, O = w(v), k = p > 99 ? "99+" : String(p);
+	return /* @__PURE__ */ B(d, { children: [/* @__PURE__ */ z(o, { render: /* @__PURE__ */ B(r, {
 		type: "button",
 		"data-slot": "header-notifications-trigger",
 		tone: "neutral",
-		buttonStyle: "ghost",
+		appearance: "ghost",
 		iconOnly: !0,
-		"aria-label": f > 0 ? `${w.trigger}, ${w.unread(f)}` : w.trigger,
-		className: e("header-notifications--component", G.tool, x),
-		children: [/* @__PURE__ */ R(E, { "aria-hidden": !0 }), f > 0 && /* @__PURE__ */ R("span", {
+		"aria-label": p > 0 ? `${E.trigger}, ${E.unread(p)}` : E.trigger,
+		className: n("header-notifications--component", K.tool, S),
+		children: [/* @__PURE__ */ z(D, { "aria-hidden": !0 }), p > 0 && /* @__PURE__ */ z("span", {
 			"aria-hidden": !0,
-			className: G.toolBadge,
-			children: O
+			className: n(K.toolBadge, e({
+				size: "xs",
+				weight: "medium",
+				lineHeight: "none"
+			})),
+			children: k
 		})]
-	}) }), /* @__PURE__ */ z(c, {
+	}) }), /* @__PURE__ */ B(l, {
 		"data-slot": "header-notifications-content",
-		align: v,
-		side: y,
-		className: e(G.toolSurface, S),
-		children: [/* @__PURE__ */ z(o, { children: [
-			/* @__PURE__ */ z(s, {
-				className: G.notificationsHead,
-				children: [w.heading, f > 0 && !!m && /* @__PURE__ */ R(n, {
+		align: y,
+		side: b,
+		className: n(K.toolSurface, C),
+		children: [/* @__PURE__ */ B(s, { children: [
+			/* @__PURE__ */ B(c, {
+				className: K.notificationsHead,
+				children: [E.heading, p > 0 && !!h && /* @__PURE__ */ z(r, {
 					type: "button",
 					tone: "neutral",
-					buttonStyle: "ghost",
-					onClick: m,
-					children: w.markAllRead
+					appearance: "ghost",
+					onClick: h,
+					children: E.markAllRead
 				})]
 			}),
-			/* @__PURE__ */ R(i, {}),
-			d.length === 0 ? /* @__PURE__ */ R("div", {
-				className: G.notificationsEmpty,
-				children: /* @__PURE__ */ R(t, {
+			/* @__PURE__ */ z(a, {}),
+			f.length === 0 ? /* @__PURE__ */ z("div", {
+				className: K.notificationsEmpty,
+				children: /* @__PURE__ */ z(t, {
 					type: "secondary",
-					children: w.empty
+					children: E.empty
 				})
-			}) : /* @__PURE__ */ R("div", {
-				className: G.notificationsList,
-				children: d.map((e) => /* @__PURE__ */ R(te, {
+			}) : /* @__PURE__ */ z("div", {
+				className: K.notificationsList,
+				children: f.map((e) => /* @__PURE__ */ z(ne, {
 					notification: e,
-					onClick: p,
-					link: D,
-					renderNotification: C,
-					unreadLabel: w.unreadItem
+					onClick: m,
+					link: O,
+					renderNotification: T,
+					unreadLabel: E.unreadItem
 				}, e.id))
 			})
-		] }), (!!h || !!g) && /* @__PURE__ */ z(L, { children: [/* @__PURE__ */ R(i, {}), g ? /* @__PURE__ */ R(l, {
-			href: g,
-			render: (e) => D({
+		] }), (!!g || !!_) && /* @__PURE__ */ B(R, { children: [/* @__PURE__ */ z(a, {}), _ ? /* @__PURE__ */ z(u, {
+			href: _,
+			render: (e) => O({
 				...e,
-				href: g,
+				href: _,
 				children: e.children
 			}),
-			children: w.viewAll
-		}) : /* @__PURE__ */ R(r, {
-			onClick: h,
-			children: w.viewAll
+			children: E.viewAll
+		}) : /* @__PURE__ */ z(i, {
+			onClick: g,
+			children: E.viewAll
 		})] })]
 	})] });
 }
-function te({ notification: e, onClick: n, link: i, renderNotification: a, unreadLabel: o }) {
-	if (a) return /* @__PURE__ */ R(L, { children: a(e) });
-	let s = /* @__PURE__ */ z("div", {
-		className: G.notificationBody,
+function ne({ notification: e, onClick: n, link: r, renderNotification: a, unreadLabel: o }) {
+	if (a) return /* @__PURE__ */ z(R, { children: a(e) });
+	let s = /* @__PURE__ */ B("div", {
+		className: K.notificationBody,
 		children: [
-			!!e.tone && /* @__PURE__ */ R("span", {
+			!!e.tone && /* @__PURE__ */ z("span", {
 				"aria-hidden": !0,
 				"data-tone": e.tone,
-				className: G.notificationTone
+				className: K.notificationTone
 			}),
-			/* @__PURE__ */ z("div", {
-				className: G.notificationText,
+			/* @__PURE__ */ B("div", {
+				className: K.notificationText,
 				children: [
-					/* @__PURE__ */ R(t, {
+					/* @__PURE__ */ z(t, {
 						weight: "medium",
 						children: e.title
 					}),
-					!!e.description && /* @__PURE__ */ R(t, {
+					!!e.description && /* @__PURE__ */ z(t, {
 						size: "xs",
 						type: "secondary",
 						children: e.description
 					}),
-					!!e.time && /* @__PURE__ */ R(t, {
+					!!e.time && /* @__PURE__ */ z(t, {
 						size: "xs",
 						type: "secondary",
 						children: e.time
 					})
 				]
 			}),
-			e.read === !1 && /* @__PURE__ */ R(p, { children: o })
+			e.read === !1 && /* @__PURE__ */ z(v, { children: o })
 		]
 	}), c = {
 		"data-read": String(e.read !== !1),
-		className: G.notificationRow
+		className: K.notificationRow
 	};
-	return e.href ? /* @__PURE__ */ R(l, {
+	return e.href ? /* @__PURE__ */ z(u, {
 		href: e.href,
 		onClick: () => n?.(e),
-		render: (t) => i({
+		render: (t) => r({
 			...t,
 			href: e.href,
 			children: t.children
 		}),
 		...c,
 		children: s
-	}) : /* @__PURE__ */ R(r, {
+	}) : /* @__PURE__ */ z(i, {
 		onClick: () => n?.(e),
 		...c,
 		children: s
@@ -359,75 +367,75 @@ function te({ notification: e, onClick: n, link: i, renderNotification: a, unrea
 }
 //#endregion
 //#region src/components/layout/header/partials/header-user-menu.tsx
-function ne({ user: n, showIdentity: r = !0, showEmail: i = !0, customContent: o, onProfile: s, onSettings: l, onLogout: f, align: p = "end", side: m = "bottom", strings: y, className: b, contentClassName: x, renderTrigger: S }) {
+function re({ user: e, showIdentity: r = !0, showEmail: i = !0, customContent: a, onProfile: s, onSettings: c, onLogout: u, align: _ = "end", side: v = "bottom", strings: y, className: b, contentClassName: x, renderTrigger: S }) {
 	let C = {
-		...W,
+		...G,
 		...y
-	}, w = h(n.name, { strategy: "first-words" }), T = [
+	}, w = g(e.name, { strategy: "first-words" }), T = [
 		...s ? [{
 			id: "profile",
 			label: C.profile,
-			icon: j,
+			icon: M,
 			onClick: s
 		}] : [],
-		...l ? [{
+		...c ? [{
 			id: "settings",
 			label: C.settings,
-			icon: A,
-			onClick: l
+			icon: j,
+			onClick: c
 		}] : [],
-		...f ? [{
+		...u ? [{
 			id: "logout",
 			label: C.logout,
-			icon: O,
-			onClick: f,
-			...s || l ? { group: !0 } : null
+			icon: k,
+			onClick: u,
+			...s || c ? { group: !0 } : null
 		}] : []
-	], E = S?.(n) ?? /* @__PURE__ */ z("button", {
+	], E = S?.(e) ?? /* @__PURE__ */ B("button", {
 		type: "button",
 		"data-slot": "header-user-menu-trigger",
-		"aria-label": r ? void 0 : `${C.trigger}, ${n.name}`,
-		className: e("header-user-menu--component", G.userTrigger, b),
+		"aria-label": r ? void 0 : `${C.trigger}, ${e.name}`,
+		className: n("header-user-menu--component", K.userTrigger, b),
 		children: [
-			/* @__PURE__ */ z(v, {
+			/* @__PURE__ */ B(h, {
 				size: "sm",
-				children: [!!n.avatar && /* @__PURE__ */ R(_, {
-					src: n.avatar,
+				children: [!!e.avatar && /* @__PURE__ */ z(m, {
+					src: e.avatar,
 					alt: ""
-				}), /* @__PURE__ */ R(g, { children: w })]
+				}), /* @__PURE__ */ z(p, { children: w })]
 			}),
-			!!r && /* @__PURE__ */ z("span", {
-				className: G.userIdentity,
-				children: [/* @__PURE__ */ R(t, {
+			!!r && /* @__PURE__ */ B("span", {
+				className: K.userIdentity,
+				children: [/* @__PURE__ */ z(t, {
 					tag: "span",
 					weight: "medium",
-					children: n.name
-				}), !!i && !!n.email && /* @__PURE__ */ R(t, {
+					children: e.name
+				}), !!i && !!e.email && /* @__PURE__ */ z(t, {
 					tag: "span",
 					size: "xs",
 					type: "secondary",
-					children: n.email
+					children: e.email
 				})]
 			}),
-			/* @__PURE__ */ R(D, {
+			/* @__PURE__ */ z(O, {
 				"aria-hidden": !0,
-				className: G.userChevron
+				className: K.userChevron
 			})
 		]
 	});
-	return o ? /* @__PURE__ */ z(u, { children: [/* @__PURE__ */ R(a, { render: E }), /* @__PURE__ */ R(c, {
+	return a ? /* @__PURE__ */ B(d, { children: [/* @__PURE__ */ z(o, { render: E }), /* @__PURE__ */ z(l, {
 		"data-slot": "header-user-menu-content",
-		align: p,
-		side: m,
+		align: _,
+		side: v,
 		className: x,
-		children: o
-	})] }) : /* @__PURE__ */ R(d, {
+		children: a
+	})] }) : /* @__PURE__ */ z(f, {
 		actions: T,
-		align: p,
-		side: m,
+		align: _,
+		side: v,
 		contentClassName: x,
 		renderTrigger: E
 	});
 }
 //#endregion
-export { q as Header, K as HeaderBreadcrumbs, Z as HeaderGlobalSearchTrigger, ee as HeaderNotifications, X as HeaderSearch, Q as HeaderToolButton, $ as HeaderToolPopover, ne as HeaderUserMenu, V as defaultHeaderBreadcrumbsStrings, U as defaultHeaderNotificationsStrings, H as defaultHeaderSearchStrings, W as defaultHeaderUserMenuStrings };
+export { J as Header, q as HeaderBreadcrumbs, Q as HeaderGlobalSearchTrigger, te as HeaderNotifications, Z as HeaderSearch, $ as HeaderToolButton, ee as HeaderToolPopover, re as HeaderUserMenu, H as defaultHeaderBreadcrumbsStrings, W as defaultHeaderNotificationsStrings, U as defaultHeaderSearchStrings, G as defaultHeaderUserMenuStrings };

package/dist/layout/navigation.js

@@ -1,4 +1,3 @@
 "use client";
-import "../core.css";
-import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../navigation-DwNUlszz.js";
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../navigation-WYKjDhZq.js";
 export { o as BreadcrumbProgress, n as CategoryNav, i as SectionNav, t as SideNav, e as defaultBreadcrumbProgressStrings, r as defaultSectionNavStrings, a as defaultSideNavStrings };