themelia-ui 1.0.0

package/dist/layout/header.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../rolldown-runtime-BocRIvOZ.cjs"),t=require("../typography-kBzTy-jM.cjs"),n=require("../buttons-CQc0AVpb.cjs"),r=require("../dropdown-menu-yJ7XUydU.cjs"),i=require("../action-menu-DcUKnD_n.cjs"),a=require("../display-BPuD0OAo.cjs"),o=require("../primitives-Bcjsjg7A.cjs"),s=require("../sidebar-D6SWxO0h.cjs"),c=require("../avatar-BbLcyt_E.cjs"),l=require("../navigation-Zce9nqTO.cjs"),u=require("../layout.types-CMzK1wjV.cjs"),d=require("../popover-1YaYvaYu.cjs");let f=require("lucide-react"),p=require("react");p=e.t(p,1);let m=require("react/jsx-runtime"),h=require("clsx");function g({key:e,enabled:t=!0,onTrigger:n,preventDefault:r=!0}){let i=(0,p.useRef)(n);(0,p.useEffect)(()=>{i.current=n},[n]),(0,p.useEffect)(()=>{if(!t||typeof document>`u`)return;let n=t=>{(t.metaKey||t.ctrlKey)&&t.key.toLowerCase()===e.toLowerCase()&&(r&&t.preventDefault(),i.current?.())};return document.addEventListener(`keydown`,n),()=>document.removeEventListener(`keydown`,n)},[t,e,r])}var _={label:`Breadcrumb`},v={placeholder:`Search…`,shortcutMac:`⌘K`,shortcutPc:`Ctrl K`},y={trigger:`Notifications`,heading:`Notifications`,markAllRead:`Mark all as read`,empty:`No new notifications`,viewAll:`View all notifications`,unread:e=>`${e} unread`,unreadItem:`Unread`},b={profile:`Profile`,settings:`Settings`,logout:`Log out`,trigger:`Account`},x={light:`header-module__light___CfaQp`,dark:`header-module__dark___QxEVf`,header:`header-module__header___5YFgg`,content:`header-module__content___GcxdP`,brand:`header-module__brand___wTsib`,breadcrumbs:`header-module__breadcrumbs___ir586`,left:`header-module__left___i4bc8`,center:`header-module__center___wEZRA`,right:`header-module__right___qIi5h`,search:`header-module__search___CF5mH`,searchIcon:`header-module__searchIcon___XUNQb`,searchLabel:`header-module__searchLabel___eY3-I`,searchHint:`header-module__searchHint___NU4i2`,tool:`header-module__tool___3vZpS`,toolBadge:`header-module__toolBadge___-qgxk`,toolSurface:`header-module__toolSurface___5PgCq`,notificationsHead:`header-module__notificationsHead___WxjRR`,notificationsEmpty:`header-module__notificationsEmpty___xvyrg`,notificationsList:`header-module__notificationsList___s-Urj`,notificationRow:`header-module__notificationRow___R3K7i`,notificationBody:`header-module__notificationBody___L38tK`,notificationTone:`header-module__notificationTone___yHF1-`,notificationText:`header-module__notificationText___7zUjh`,userTrigger:`header-module__userTrigger___9Rkh4`,userIdentity:`header-module__userIdentity___sXiKL`,userChevron:`header-module__userChevron___FEUZl`,crumbBar:`header-module__crumbBar___Xqp4F`,crumbTrigger:`header-module__crumbTrigger___UthBo`,crumbTrail:`header-module__crumbTrail___7HJ-y`};function S({breadcrumbs:e=[],homeCrumb:t=null,strings:n,showSidebarTrigger:r=!0,triggerSlot:i,className:o}){let c={..._,...n},u=s.T(),d=r&&(!!i||!!u),f=(0,p.useMemo)(()=>t?[t,...e]:e,[t,e]);return(0,m.jsxs)(`div`,{"data-slot":`header-breadcrumbs`,className:(0,h.clsx)(`header-breadcrumbs--component`,x.crumbBar,o),children:[!!d&&(0,m.jsx)(`div`,{className:x.crumbTrigger,children:i??(0,m.jsx)(s.S,{})}),f.length>0&&(0,m.jsxs)(m.Fragment,{children:[!!d&&(0,m.jsx)(a.v,{orientation:`vertical`}),(0,m.jsx)(`div`,{className:x.crumbTrail,children:(0,m.jsx)(l.l,{items:f,label:c.label})})]})]})}function C({showBreadcrumbs:e=!0,showSidebarTrigger:t=!0,breadcrumbs:n=[],homeCrumb:r=null,breadcrumbsStrings:i,slots:a,renderLink:o,className:s,contentClassName:c,children:l,...u}){return(0,m.jsx)(`header`,{"data-slot":`header`,className:(0,h.clsx)(`header--component`,x.header,s),...u,children:(0,m.jsxs)(`div`,{className:(0,h.clsx)(`header--content`,x.content,c),children:[!!a?.brand&&(0,m.jsx)(`div`,{className:x.brand,children:a.brand}),!!e&&(a?.breadcrumbs??(0,m.jsx)(`div`,{className:x.breadcrumbs,children:(0,m.jsx)(S,{breadcrumbs:n,homeCrumb:r,strings:i,showSidebarTrigger:t,renderLink:o})})),!!a?.left&&(0,m.jsx)(`div`,{className:x.left,children:a.left}),!!a?.center&&(0,m.jsx)(`div`,{className:x.center,children:a.center}),l,!!a?.right&&(0,m.jsx)(`div`,{className:x.right,children:a.right})]})})}var w=()=>()=>{};function T(){if(typeof navigator>`u`)return!1;let e=navigator.userAgentData;return e?.platform?e.platform===`macOS`:/Mac|iPhone|iPad/.test(navigator.platform)}function E({onOpen:e,shortcutModifier:n,enableShortcut:r=!0,strings:i,className:o,shortcutSlot:s}){let c={...v,...i},l=(0,p.useSyncExternalStore)(w,T,()=>!1),u=(n??(l?`meta`:`control`))===`meta`?c.shortcutMac:c.shortcutPc;return g({key:`k`,enabled:r,onTrigger:e}),(0,m.jsxs)(`button`,{type:`button`,"data-slot":`header-search`,onClick:e,className:(0,h.clsx)(`header-search--component`,x.search,o),children:[(0,m.jsx)(f.SearchIcon,{"aria-hidden":!0,className:x.searchIcon}),(0,m.jsx)(t.o,{tag:`span`,size:`inherit`,type:`secondary`,className:x.searchLabel,children:c.placeholder}),(0,m.jsx)(`span`,{"aria-hidden":!0,className:x.searchHint,children:s??(0,m.jsx)(a.a,{children:u})})]})}function D({onOpen:e,onOpenChange:t,...n}){return(0,m.jsx)(E,{...n,onOpen:()=>{e?.(),t?.(!0)}})}var O=(0,p.forwardRef)(function({label:e,icon:t,active:r=!1,disabled:i=!1,badge:a,onClick:o,className:s},c){return(0,m.jsxs)(n.c,{ref:c,type:`button`,"data-slot":`header-tool-button`,tone:`neutral`,buttonStyle:`ghost`,iconOnly:!0,"aria-label":e,"aria-pressed":r||void 0,disabled:i,onClick:o,className:(0,h.clsx)(`header-tool-button--component`,x.tool,s),children:[(0,m.jsx)(t,{"aria-hidden":!0}),a!=null&&a!==!1&&(0,m.jsx)(`span`,{"aria-hidden":!0,"data-slot":`header-tool-badge`,className:x.toolBadge,children:a})]})});function k({label:e,icon:t,open:n,defaultOpen:r,onOpenChange:i,active:a,disabled:o,badge:s,align:c=`end`,side:l=`bottom`,sideOffset:u,className:f,triggerClassName:p,contentClassName:g,children:_}){return(0,m.jsxs)(d.t,{open:n,defaultOpen:r,onOpenChange:i,children:[(0,m.jsx)(d.c,{render:(0,m.jsx)(O,{label:e,icon:t,active:a??n,disabled:o,badge:s,className:p})}),(0,m.jsx)(d.r,{"data-slot":`header-tool-popover`,align:c,side:l,sideOffset:u,className:(0,h.clsx)(`header-tool-popover--component`,x.toolSurface,f,g),children:_})]})}function A({notifications:e=[],unreadCount:i=0,onNotificationClick:a,onMarkAllRead:o,onViewAll:s,viewAllHref:c,renderLink:l,align:d=`end`,side:p=`bottom`,strings:g,className:_,contentClassName:v,renderNotification:b}){let S={...y,...g},C=u.t({renderLink:l}),w=i>99?`99+`:String(i);return(0,m.jsxs)(r.t,{children:[(0,m.jsx)(r.g,{render:(0,m.jsxs)(n.c,{type:`button`,"data-slot":`header-notifications-trigger`,tone:`neutral`,buttonStyle:`ghost`,iconOnly:!0,"aria-label":i>0?`${S.trigger}, ${S.unread(i)}`:S.trigger,className:(0,h.clsx)(`header-notifications--component`,x.tool,_),children:[(0,m.jsx)(f.BellIcon,{"aria-hidden":!0}),i>0&&(0,m.jsx)(`span`,{"aria-hidden":!0,className:x.toolBadge,children:w})]})}),(0,m.jsxs)(r.r,{"data-slot":`header-notifications-content`,align:d,side:p,className:(0,h.clsx)(x.toolSurface,v),children:[(0,m.jsxs)(r.i,{children:[(0,m.jsxs)(r.o,{className:x.notificationsHead,children:[S.heading,i>0&&!!o&&(0,m.jsx)(n.c,{type:`button`,tone:`neutral`,buttonStyle:`ghost`,onClick:o,children:S.markAllRead})]}),(0,m.jsx)(r.d,{}),e.length===0?(0,m.jsx)(`div`,{className:x.notificationsEmpty,children:(0,m.jsx)(t.o,{type:`secondary`,children:S.empty})}):(0,m.jsx)(`div`,{className:x.notificationsList,children:e.map(e=>(0,m.jsx)(j,{notification:e,onClick:a,link:C,renderNotification:b,unreadLabel:S.unreadItem},e.id))})]}),(!!s||!!c)&&(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(r.d,{}),c?(0,m.jsx)(r.s,{href:c,render:e=>C({...e,href:c,children:e.children}),children:S.viewAll}):(0,m.jsx)(r.a,{onClick:s,children:S.viewAll})]})]})]})}function j({notification:e,onClick:n,link:i,renderNotification:o,unreadLabel:s}){if(o)return(0,m.jsx)(m.Fragment,{children:o(e)});let c=(0,m.jsxs)(`div`,{className:x.notificationBody,children:[!!e.tone&&(0,m.jsx)(`span`,{"aria-hidden":!0,"data-tone":e.tone,className:x.notificationTone}),(0,m.jsxs)(`div`,{className:x.notificationText,children:[(0,m.jsx)(t.o,{weight:`medium`,children:e.title}),!!e.description&&(0,m.jsx)(t.o,{size:`xs`,type:`secondary`,children:e.description}),!!e.time&&(0,m.jsx)(t.o,{size:`xs`,type:`secondary`,children:e.time})]}),e.read===!1&&(0,m.jsx)(a.d,{children:s})]}),l={"data-read":String(e.read!==!1),className:x.notificationRow};return e.href?(0,m.jsx)(r.s,{href:e.href,onClick:()=>n?.(e),render:t=>i({...t,href:e.href,children:t.children}),...l,children:c}):(0,m.jsx)(r.a,{onClick:()=>n?.(e),...l,children:c})}function M({user:e,showIdentity:n=!0,showEmail:a=!0,customContent:s,onProfile:l,onSettings:u,onLogout:d,align:p=`end`,side:g=`bottom`,strings:_,className:v,contentClassName:y,renderTrigger:S}){let C={...b,..._},w=o.I(e.name,{strategy:`first-words`}),T=[...l?[{id:`profile`,label:C.profile,icon:f.UserIcon,onClick:l}]:[],...u?[{id:`settings`,label:C.settings,icon:f.SettingsIcon,onClick:u}]:[],...d?[{id:`logout`,label:C.logout,icon:f.LogOutIcon,onClick:d,...l||u?{group:!0}:null}]:[]],E=S?.(e)??(0,m.jsxs)(`button`,{type:`button`,"data-slot":`header-user-menu-trigger`,"aria-label":n?void 0:`${C.trigger}, ${e.name}`,className:(0,h.clsx)(`header-user-menu--component`,x.userTrigger,v),children:[(0,m.jsxs)(c.r,{size:`sm`,children:[!!e.avatar&&(0,m.jsx)(c.c,{src:e.avatar,alt:``}),(0,m.jsx)(c.a,{children:w})]}),!!n&&(0,m.jsxs)(`span`,{className:x.userIdentity,children:[(0,m.jsx)(t.o,{tag:`span`,weight:`medium`,children:e.name}),!!a&&!!e.email&&(0,m.jsx)(t.o,{tag:`span`,size:`xs`,type:`secondary`,children:e.email})]}),(0,m.jsx)(f.ChevronsUpDownIcon,{"aria-hidden":!0,className:x.userChevron})]});return s?(0,m.jsxs)(r.t,{children:[(0,m.jsx)(r.g,{render:E}),(0,m.jsx)(r.r,{"data-slot":`header-user-menu-content`,align:p,side:g,className:y,children:s})]}):(0,m.jsx)(i.n,{actions:T,align:p,side:g,contentClassName:y,renderTrigger:E})}exports.Header=C,exports.HeaderBreadcrumbs=S,exports.HeaderGlobalSearchTrigger=D,exports.HeaderNotifications=A,exports.HeaderSearch=E,exports.HeaderToolButton=O,exports.HeaderToolPopover=k,exports.HeaderUserMenu=M,exports.defaultHeaderBreadcrumbsStrings=_,exports.defaultHeaderNotificationsStrings=y,exports.defaultHeaderSearchStrings=v,exports.defaultHeaderUserMenuStrings=b;

package/dist/layout/header.css

@@ -0,0 +1,20 @@
+@import "../core.css";
+@import "../css/header.css";
+@import "../css/typography.css";
+@import "../css/buttons.css";
+@import "../css/tooltip.css";
+@import "../css/dropdown-menu.css";
+@import "../css/action-menu.css";
+@import "../css/display.css";
+@import "../css/structure.css";
+@import "../css/primitives.css";
+@import "../css/badge.css";
+@import "../css/sidebar2.css";
+@import "../css/skeleton.css";
+@import "../css/text-inputs.css";
+@import "../css/overlay.css";
+@import "../css/avatar.css";
+@import "../css/navigation.css";
+@import "../css/choice-inputs.css";
+@import "../css/label.css";
+@import "../css/popover.css";

package/dist/layout/header.js

@@ -0,0 +1,435 @@
+"use client";
+import "../core.css";
+import "../css/header.css";
+import { t as e } from "../cx--CBrhWH0.js";
+import { o as t } from "../typography-vC_wwEBm.js";
+import { c as n } from "../buttons-CabBjPap.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-Dg8jpvqM.js";
+import { n as d } from "../action-menu-jAPdRvbi.js";
+import { a as f, d as p, v as m } from "../display-DTWjv_bB.js";
+import { I as h } from "../primitives-D-cyAv5O.js";
+import { S as g, T as _ } from "../sidebar-CBUzwh44.js";
+import { a as v, c as y, r as b } from "../avatar-y8bQHcPP.js";
+import { l as x } from "../navigation-CRCc8lpn.js";
+import { t as S } from "../layout.types-CTDrZCGP.js";
+import { c as C, r as w, t as T } from "../popover-BpUGuOeI.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";
+//#region src/hooks/use-command-shortcut.ts
+function B({ key: e, enabled: t = !0, onTrigger: n, preventDefault: r = !0 }) {
+	let i = F(n);
+	N(() => {
+		i.current = n;
+	}, [n]), N(() => {
+		if (!t || typeof document > "u") return;
+		let n = (t) => {
+			(t.metaKey || t.ctrlKey) && t.key.toLowerCase() === e.toLowerCase() && (r && t.preventDefault(), i.current?.());
+		};
+		return document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
+	}, [
+		t,
+		e,
+		r
+	]);
+}
+//#endregion
+//#region src/components/layout/header/header.strings.ts
+var V = { label: "Breadcrumb" }, H = {
+	placeholder: "Search…",
+	shortcutMac: "⌘K",
+	shortcutPc: "Ctrl K"
+}, U = {
+	trigger: "Notifications",
+	heading: "Notifications",
+	markAllRead: "Mark all as read",
+	empty: "No new notifications",
+	viewAll: "View all notifications",
+	unread: (e) => `${e} unread`,
+	unreadItem: "Unread"
+}, W = {
+	profile: "Profile",
+	settings: "Settings",
+	logout: "Log out",
+	trigger: "Account"
+}, G = {
+	light: "header-module__light___CfaQp",
+	dark: "header-module__dark___QxEVf",
+	header: "header-module__header___5YFgg",
+	content: "header-module__content___GcxdP",
+	brand: "header-module__brand___wTsib",
+	breadcrumbs: "header-module__breadcrumbs___ir586",
+	left: "header-module__left___i4bc8",
+	center: "header-module__center___wEZRA",
+	right: "header-module__right___qIi5h",
+	search: "header-module__search___CF5mH",
+	searchIcon: "header-module__searchIcon___XUNQb",
+	searchLabel: "header-module__searchLabel___eY3-I",
+	searchHint: "header-module__searchHint___NU4i2",
+	tool: "header-module__tool___3vZpS",
+	toolBadge: "header-module__toolBadge___-qgxk",
+	toolSurface: "header-module__toolSurface___5PgCq",
+	notificationsHead: "header-module__notificationsHead___WxjRR",
+	notificationsEmpty: "header-module__notificationsEmpty___xvyrg",
+	notificationsList: "header-module__notificationsList___s-Urj",
+	notificationRow: "header-module__notificationRow___R3K7i",
+	notificationBody: "header-module__notificationBody___L38tK",
+	notificationTone: "header-module__notificationTone___yHF1-",
+	notificationText: "header-module__notificationText___7zUjh",
+	userTrigger: "header-module__userTrigger___9Rkh4",
+	userIdentity: "header-module__userIdentity___sXiKL",
+	userChevron: "header-module__userChevron___FEUZl",
+	crumbBar: "header-module__crumbBar___Xqp4F",
+	crumbTrigger: "header-module__crumbTrigger___UthBo",
+	crumbTrail: "header-module__crumbTrail___7HJ-y"
+};
+//#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 }) {
+	let s = {
+		...V,
+		...r
+	}, c = _(), l = i && (!!a || !!c), u = P(() => n ? [n, ...t] : t, [n, t]);
+	return /* @__PURE__ */ z("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(g, {})
+		}), u.length > 0 && /* @__PURE__ */ z(L, { children: [!!l && /* @__PURE__ */ R(m, { orientation: "vertical" }), /* @__PURE__ */ R("div", {
+			className: G.crumbTrail,
+			children: /* @__PURE__ */ R(x, {
+				items: u,
+				label: s.label
+			})
+		})] })]
+	});
+}
+//#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", {
+		"data-slot": "header",
+		className: e("header--component", G.header, c),
+		...d,
+		children: /* @__PURE__ */ z("div", {
+			className: e("header--content", G.content, l),
+			children: [
+				!!o?.brand && /* @__PURE__ */ R("div", {
+					className: G.brand,
+					children: o.brand
+				}),
+				!!t && (o?.breadcrumbs ?? /* @__PURE__ */ R("div", {
+					className: G.breadcrumbs,
+					children: /* @__PURE__ */ R(K, {
+						breadcrumbs: r,
+						homeCrumb: i,
+						strings: a,
+						showSidebarTrigger: n,
+						renderLink: s
+					})
+				})),
+				!!o?.left && /* @__PURE__ */ R("div", {
+					className: G.left,
+					children: o.left
+				}),
+				!!o?.center && /* @__PURE__ */ R("div", {
+					className: G.center,
+					children: o.center
+				}),
+				u,
+				!!o?.right && /* @__PURE__ */ R("div", {
+					className: G.right,
+					children: o.right
+				})
+			]
+		})
+	});
+}
+//#endregion
+//#region src/components/layout/header/partials/header-search.tsx
+var J = () => () => {};
+function Y() {
+	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 }) {
+	let c = {
+		...H,
+		...a
+	}, l = I(J, Y, () => !1), u = (r ?? (l ? "meta" : "control")) === "meta" ? c.shortcutMac : c.shortcutPc;
+	return B({
+		key: "k",
+		enabled: i,
+		onTrigger: n
+	}), /* @__PURE__ */ z("button", {
+		type: "button",
+		"data-slot": "header-search",
+		onClick: n,
+		className: e("header-search--component", G.search, o),
+		children: [
+			/* @__PURE__ */ R(k, {
+				"aria-hidden": !0,
+				className: G.searchIcon
+			}),
+			/* @__PURE__ */ R(t, {
+				tag: "span",
+				size: "inherit",
+				type: "secondary",
+				className: G.searchLabel,
+				children: c.placeholder
+			}),
+			/* @__PURE__ */ R("span", {
+				"aria-hidden": !0,
+				className: G.searchHint,
+				children: s ?? /* @__PURE__ */ R(f, { children: u })
+			})
+		]
+	});
+}
+function Z({ onOpen: e, onOpenChange: t, ...n }) {
+	return /* @__PURE__ */ R(X, {
+		...n,
+		onOpen: () => {
+			e?.(), t?.(!0);
+		}
+	});
+}
+//#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,
+		type: "button",
+		"data-slot": "header-tool-button",
+		tone: "neutral",
+		buttonStyle: "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-hidden": !0,
+			"data-slot": "header-tool-badge",
+			className: G.toolBadge,
+			children: o
+		})]
+	});
+});
+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(T, {
+		open: r,
+		defaultOpen: i,
+		onOpenChange: a,
+		children: [/* @__PURE__ */ R(C, { render: /* @__PURE__ */ R(Q, {
+			label: t,
+			icon: n,
+			active: o ?? r,
+			disabled: s,
+			badge: c,
+			className: p
+		}) }), /* @__PURE__ */ R(w, {
+			"data-slot": "header-tool-popover",
+			align: l,
+			side: u,
+			sideOffset: d,
+			className: e("header-tool-popover--component", G.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: C, renderNotification: w }) {
+	let T = {
+		...U,
+		...b
+	}, D = S({ renderLink: _ }), O = f > 99 ? "99+" : String(f);
+	return /* @__PURE__ */ z(u, { children: [/* @__PURE__ */ R(a, { render: /* @__PURE__ */ z(n, {
+		type: "button",
+		"data-slot": "header-notifications-trigger",
+		tone: "neutral",
+		buttonStyle: "ghost",
+		iconOnly: !0,
+		"aria-label": f > 0 ? `${T.trigger}, ${T.unread(f)}` : T.trigger,
+		className: e("header-notifications--component", G.tool, x),
+		children: [/* @__PURE__ */ R(E, { "aria-hidden": !0 }), f > 0 && /* @__PURE__ */ R("span", {
+			"aria-hidden": !0,
+			className: G.toolBadge,
+			children: O
+		})]
+	}) }), /* @__PURE__ */ z(c, {
+		"data-slot": "header-notifications-content",
+		align: v,
+		side: y,
+		className: e(G.toolSurface, C),
+		children: [/* @__PURE__ */ z(o, { children: [
+			/* @__PURE__ */ z(s, {
+				className: G.notificationsHead,
+				children: [T.heading, f > 0 && !!m && /* @__PURE__ */ R(n, {
+					type: "button",
+					tone: "neutral",
+					buttonStyle: "ghost",
+					onClick: m,
+					children: T.markAllRead
+				})]
+			}),
+			/* @__PURE__ */ R(i, {}),
+			d.length === 0 ? /* @__PURE__ */ R("div", {
+				className: G.notificationsEmpty,
+				children: /* @__PURE__ */ R(t, {
+					type: "secondary",
+					children: T.empty
+				})
+			}) : /* @__PURE__ */ R("div", {
+				className: G.notificationsList,
+				children: d.map((e) => /* @__PURE__ */ R(te, {
+					notification: e,
+					onClick: p,
+					link: D,
+					renderNotification: w,
+					unreadLabel: T.unreadItem
+				}, e.id))
+			})
+		] }), (!!h || !!g) && /* @__PURE__ */ z(L, { children: [/* @__PURE__ */ R(i, {}), g ? /* @__PURE__ */ R(l, {
+			href: g,
+			render: (e) => D({
+				...e,
+				href: g,
+				children: e.children
+			}),
+			children: T.viewAll
+		}) : /* @__PURE__ */ R(r, {
+			onClick: h,
+			children: T.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,
+		children: [
+			!!e.tone && /* @__PURE__ */ R("span", {
+				"aria-hidden": !0,
+				"data-tone": e.tone,
+				className: G.notificationTone
+			}),
+			/* @__PURE__ */ z("div", {
+				className: G.notificationText,
+				children: [
+					/* @__PURE__ */ R(t, {
+						weight: "medium",
+						children: e.title
+					}),
+					!!e.description && /* @__PURE__ */ R(t, {
+						size: "xs",
+						type: "secondary",
+						children: e.description
+					}),
+					!!e.time && /* @__PURE__ */ R(t, {
+						size: "xs",
+						type: "secondary",
+						children: e.time
+					})
+				]
+			}),
+			e.read === !1 && /* @__PURE__ */ R(p, { children: o })
+		]
+	}), c = {
+		"data-read": String(e.read !== !1),
+		className: G.notificationRow
+	};
+	return e.href ? /* @__PURE__ */ R(l, {
+		href: e.href,
+		onClick: () => n?.(e),
+		render: (t) => i({
+			...t,
+			href: e.href,
+			children: t.children
+		}),
+		...c,
+		children: s
+	}) : /* @__PURE__ */ R(r, {
+		onClick: () => n?.(e),
+		...c,
+		children: s
+	});
+}
+//#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: g, className: _, contentClassName: x, renderTrigger: S }) {
+	let C = {
+		...W,
+		...g
+	}, w = h(n.name, { strategy: "first-words" }), T = [
+		...s ? [{
+			id: "profile",
+			label: C.profile,
+			icon: j,
+			onClick: s
+		}] : [],
+		...l ? [{
+			id: "settings",
+			label: C.settings,
+			icon: A,
+			onClick: l
+		}] : [],
+		...f ? [{
+			id: "logout",
+			label: C.logout,
+			icon: O,
+			onClick: f,
+			...s || l ? { group: !0 } : null
+		}] : []
+	], E = S?.(n) ?? /* @__PURE__ */ z("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, _),
+		children: [
+			/* @__PURE__ */ z(b, {
+				size: "sm",
+				children: [!!n.avatar && /* @__PURE__ */ R(y, {
+					src: n.avatar,
+					alt: ""
+				}), /* @__PURE__ */ R(v, { children: w })]
+			}),
+			!!r && /* @__PURE__ */ z("span", {
+				className: G.userIdentity,
+				children: [/* @__PURE__ */ R(t, {
+					tag: "span",
+					weight: "medium",
+					children: n.name
+				}), !!i && !!n.email && /* @__PURE__ */ R(t, {
+					tag: "span",
+					size: "xs",
+					type: "secondary",
+					children: n.email
+				})]
+			}),
+			/* @__PURE__ */ R(D, {
+				"aria-hidden": !0,
+				className: G.userChevron
+			})
+		]
+	});
+	return o ? /* @__PURE__ */ z(u, { children: [/* @__PURE__ */ R(a, { render: E }), /* @__PURE__ */ R(c, {
+		"data-slot": "header-user-menu-content",
+		align: p,
+		side: m,
+		className: x,
+		children: o
+	})] }) : /* @__PURE__ */ R(d, {
+		actions: T,
+		align: p,
+		side: m,
+		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 };

package/dist/layout/navigation.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../navigation-36v_IMTz.cjs");exports.BreadcrumbProgress=e.t,exports.CategoryNav=e.n,exports.SectionNav=e.r,exports.SideNav=e.i,exports.defaultBreadcrumbProgressStrings=e.a,exports.defaultSectionNavStrings=e.o,exports.defaultSideNavStrings=e.s;

package/dist/layout/navigation.css

@@ -0,0 +1,10 @@
+@import "../core.css";
+@import "../css/navigation2.css";
+@import "../css/typography.css";
+@import "../css/primitives.css";
+@import "../css/badge.css";
+@import "../css/item.css";
+@import "../css/display.css";
+@import "../css/buttons.css";
+@import "../css/tooltip.css";
+@import "../css/structure.css";

package/dist/layout/navigation.js

@@ -0,0 +1,4 @@
+"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-DD2Psc66.js";
+export { o as BreadcrumbProgress, n as CategoryNav, i as SectionNav, t as SideNav, e as defaultBreadcrumbProgressStrings, r as defaultSectionNavStrings, a as defaultSideNavStrings };

package/dist/layout/page.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../rolldown-runtime-BocRIvOZ.cjs"),t=require("../buttons-CQc0AVpb.cjs"),n=require("../action-menu-DcUKnD_n.cjs"),r=require("../display-BPuD0OAo.cjs"),i=require("../navigation-Zce9nqTO.cjs"),a=require("../layout.types-CMzK1wjV.cjs"),o=require("../containers-BRpJt5S4.cjs");let s=require("lucide-react"),c=require("react");c=e.t(c,1);let l=require("react/jsx-runtime"),u=require("clsx");var d={back:`Back`,titleIcon:`Open`},f={page:`page-module__page___LLUa8`,body:`page-module__body___EYahU`,headerBack:`page-module__headerBack___F5Rzk`,headerBackRule:`page-module__headerBackRule___Bf5o8`,headerTitleIcon:`page-module__headerTitleIcon___ebAts`,actions:`page-module__actions___V9goE`};function p({title:e,description:n,eyebrow:o,level:c=1,titleIcon:p,titleIconHref:m,onTitleIconClick:h,strings:g,backHref:_,onBack:v,titleBadges:y,breadcrumbs:b,actions:x,slots:S,withSeparator:C,renderLink:w,className:T,children:E}){let D={...d,...g},O=a.t({renderLink:w}),k=_||v?(0,l.jsxs)(`div`,{className:f.headerBack,children:[_&&!v?(0,l.jsx)(t.c,{render:O({href:_,children:null}),tone:`neutral`,buttonStyle:`ghost`,iconOnly:!0,"aria-label":D.back,children:(0,l.jsx)(s.ArrowLeftIcon,{"aria-hidden":!0})}):(0,l.jsx)(t.c,{tone:`neutral`,buttonStyle:`ghost`,iconOnly:!0,"aria-label":D.back,onClick:v,children:(0,l.jsx)(s.ArrowLeftIcon,{"aria-hidden":!0})}),(0,l.jsx)(r.v,{orientation:`vertical`,className:f.headerBackRule})]}):null,A=(()=>{if(!p)return null;let e=(0,l.jsx)(p,{"aria-hidden":!0});return h?(0,l.jsx)(t.c,{tone:`neutral`,buttonStyle:`ghost`,iconOnly:!0,"aria-label":D.titleIcon,onClick:h,children:e}):m?(0,l.jsx)(t.c,{render:O({href:m,children:null}),tone:`neutral`,buttonStyle:`ghost`,iconOnly:!0,"aria-label":D.titleIcon,children:e}):(0,l.jsx)(`span`,{"aria-hidden":!0,className:f.headerTitleIcon,children:e})})();return(0,l.jsx)(i.o,{"data-slot":`page-header`,className:(0,u.clsx)(`page-header--component`,T),title:e,description:n,eyebrow:o,level:c,breadcrumbs:b,leading:S?.back??k,beforeTitle:S?.beforeTitle,afterDescription:S?.afterDescription,titlePrefix:A,badges:y,actions:S?.actions??x,withSeparator:C,children:E})}var m=c.forwardRef(function({header:e,maxWidth:t=`xl`,gutter:n=`md`,bodyProps:r,className:i,children:a,...s},c){let{className:d,...m}=r??{};return(0,l.jsxs)(o.t,{ref:c,maxWidth:t,gutter:n,"data-slot":`page`,className:(0,u.clsx)(`page--component`,f.page,i),...s,children:[!!e&&(0,l.jsx)(p,{...e}),a!=null&&(0,l.jsx)(`div`,{...m,"data-slot":`page-body`,className:(0,u.clsx)(`page--body`,f.body,d),children:a})]})}),h={menuLabel:`Page actions`};function g({actions:e,display:t=`auto`,breakpoint:r=1040,maxInlineActions:i=3,strings:a,renderLink:o,className:s}){let d={...h,...a},p=o?e=>o({...e,children:e.children??null}):void 0,m=(0,c.useMemo)(()=>(e??[]).filter(e=>e.visible!==!1),[e]),[g,_]=(0,c.useState)(!1);if((0,c.useEffect)(()=>{if(t!==`auto`||typeof window>`u`)return;let e=()=>_(window.innerWidth<=r);return e(),window.addEventListener(`resize`,e),()=>window.removeEventListener(`resize`,e)},[t,r]),m.length===0)return null;if(t===`menu`||t===`auto`&&g)return(0,l.jsx)(`div`,{className:(0,u.clsx)(`page-actions--component`,f.actions,s),children:(0,l.jsx)(n.n,{actions:m,strings:{trigger:d.menuLabel},align:`end`,preserveOrder:!0,renderLink:p})});let v=m.filter(e=>e.placement===`inline`),y=m.filter(e=>e.placement===`menu`),b=m.filter(e=>e.placement!==`inline`&&e.placement!==`menu`),x=Math.max(0,i-v.length),S=[...v,...b.slice(0,x)],C=[...b.slice(x),...y];return(0,l.jsxs)(`div`,{className:(0,u.clsx)(`page-actions--component`,f.actions,s),children:[(0,l.jsx)(n.t,{actions:S,renderLink:p}),C.length>0&&(0,l.jsx)(n.n,{actions:C,strings:{trigger:d.menuLabel},align:`end`,preserveOrder:!0,renderLink:p})]})}exports.Page=m,exports.PageActions=g,exports.PageHeader=p,exports.defaultPageActionsStrings=h,exports.defaultPageHeaderStrings=d;

package/dist/layout/page.css

@@ -0,0 +1,15 @@
+@import "../core.css";
+@import "../css/page.css";
+@import "../css/buttons.css";
+@import "../css/typography.css";
+@import "../css/tooltip.css";
+@import "../css/action-menu.css";
+@import "../css/dropdown-menu.css";
+@import "../css/display.css";
+@import "../css/structure.css";
+@import "../css/primitives.css";
+@import "../css/badge.css";
+@import "../css/navigation.css";
+@import "../css/choice-inputs.css";
+@import "../css/label.css";
+@import "../css/containers.css";