@trebired/frontend 28.0.0 → 28.2.0

package/dist/layout/components/site/header/sheet.js

@@ -0,0 +1,88 @@
+import { useCallback, useEffect, useRef, useState } from "react";
+import { registerOverlayCloser } from "../../../../spa/closers.js";
+import { frontendDataSelector } from "../../../../namespace/index.js";
+import { SITE_HEADER_DESKTOP_QUERY } from "./state.js";
+const CLOSE_DELAY = 180;
+const HOVER_GRACE = 400;
+function focusFirstLink(header, key) {
+    requestAnimationFrame(() => {
+        const section = header?.querySelector(`${frontendDataSelector("site-header-section", key)}`);
+        section?.querySelector("a[href]")?.focus({ preventScroll: true });
+    });
+}
+function useSheetDismissal(headerRef, open, close) {
+    useEffect(() => registerOverlayCloser(close), [close]);
+    useEffect(() => {
+        const header = headerRef.current;
+        if (!open || !header)
+            return undefined;
+        const onKeyDown = (event) => {
+            if (event.key !== "Escape")
+                return;
+            const inside = header.contains(document.activeElement);
+            close();
+            if (inside)
+                header.querySelector(frontendDataSelector("site-header-trigger", open))?.focus({ preventScroll: true });
+        };
+        const onPointerDown = (event) => {
+            if (event.target instanceof Node && !header.contains(event.target))
+                close();
+        };
+        const onFocusOut = (event) => {
+            if (!(event.relatedTarget instanceof Node) || !header.contains(event.relatedTarget))
+                close();
+        };
+        const media = window.matchMedia?.(SITE_HEADER_DESKTOP_QUERY);
+        const onMedia = () => {
+            if (!media?.matches)
+                close();
+        };
+        document.addEventListener("keydown", onKeyDown);
+        document.addEventListener("pointerdown", onPointerDown);
+        header.addEventListener("focusout", onFocusOut);
+        media?.addEventListener?.("change", onMedia);
+        return () => {
+            document.removeEventListener("keydown", onKeyDown);
+            document.removeEventListener("pointerdown", onPointerDown);
+            header.removeEventListener("focusout", onFocusOut);
+            media?.removeEventListener?.("change", onMedia);
+        };
+    }, [close, headerRef, open]);
+}
+function useSiteHeaderSheet(headerRef) {
+    const [open, setOpen] = useState("");
+    const [current, setCurrent] = useState("");
+    const timer = useRef(0);
+    const hoveredAt = useRef(0);
+    const stay = useCallback(() => {
+        window.clearTimeout(timer.current);
+        timer.current = 0;
+    }, []);
+    const close = useCallback(() => {
+        stay();
+        setOpen("");
+    }, [stay]);
+    const hover = useCallback((key) => {
+        stay();
+        hoveredAt.current = Date.now();
+        setCurrent(key);
+        setOpen(key);
+    }, [stay]);
+    const leave = useCallback(() => {
+        stay();
+        timer.current = window.setTimeout(() => setOpen(""), CLOSE_DELAY);
+    }, [stay]);
+    const toggle = useCallback((key, keyboard) => {
+        stay();
+        const closing = open === key && Date.now() - hoveredAt.current >= HOVER_GRACE;
+        setCurrent(key);
+        setOpen(closing ? "" : key);
+        if (keyboard && !closing)
+            focusFirstLink(headerRef.current, key);
+    }, [headerRef, open, stay]);
+    useEffect(() => () => window.clearTimeout(timer.current), []);
+    useSheetDismissal(headerRef, open, close);
+    return { close, current, hover, leave, open, stay, toggle };
+}
+export { useSiteHeaderSheet };
+//# sourceMappingURL=sheet.js.map

package/dist/layout/components/site/header/sheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet.js","sourceRoot":"","sources":["../../../../../../src/layout/components/site/header/sheet.ts"],"names":[],"mappings":"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"}

package/dist/layout/components/site/header.d.ts

@@ -13,6 +13,7 @@ type SiteHeaderProps = Omit<HTMLAttributes<HTMLElement>, "children"> & {
     brand: ReactNode;
     brandHref?: false | string;
     labels?: SiteHeaderLabels;
+    lang?: string;
     links?: SiteHeaderLink[];
     menuActions?: ReactNode;
     softRedirect?: boolean;

package/dist/layout/components/site/header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../../../src/layout/components/site/header.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AASnE,OAAO,EASL,KAAK,QAAQ,EACd,MAAM,WAAW,CAAC;AAGnB,KAAK,cAAc,GAAG,QAAQ,CAAC;AAE/B,KAAK,gBAAgB,GAAG;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,KAAK,eAAe,GAAG,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC,GAAG;IACrE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAC3B,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,KAAK,CAAC,EAAE,cAAc,EAAE,CAAC;IACzB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AA4NF,iBAAS,UAAU,CAAC,KAAK,EAAE,eAAe,+BAqCzC;AAED,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,gBAAgB,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../../../src/layout/components/site/header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAA4B,SAAS,EAAE,MAAM,OAAO,CAAC;AAgBjF,OAAO,EAAgC,KAAK,QAAQ,EAAE,MAAM,WAAW,CAAC;AAExE,KAAK,cAAc,GAAG,QAAQ,CAAC;AAE/B,KAAK,gBAAgB,GAAG;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,KAAK,eAAe,GAAG,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC,GAAG;IACrE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAC3B,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,cAAc,EAAE,CAAC;IACzB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AA8IF,iBAAS,UAAU,CAAC,KAAK,EAAE,eAAe,+BAqCzC;AAED,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,gBAAgB,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC"}

package/dist/layout/components/site/header.js

@@ -1,65 +1,40 @@
 import { createElement as _createElement } from "react";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Disclosure, DisclosureButton } from "./../../../inputs/components/disclosure.js";
-import { useEffect, useId, useSyncExternalStore } from "react";
-import { PopoverOpenButton, PopoverPanel } from "./../../../popover/components/index.js";
+import { useEffect, useId } from "react";
 import { classNames } from "../../../components/index.js";
 import { frontendClassName, frontendDataAttrs, frontendElementClass } from "../../../namespace/index.js";
 import { A11Y_MAIN_ID } from "./../../../a11y/attributes.js";
 import { useSiteHeaderMenu } from "./header/state.js";
 import { useSiteHeaderFit } from "./header/fit.js";
-import { activeSection, observeSections, serverActiveSection, subscribeActiveSection } from "./section_spy.js";
-import { isSiteLinkActive, isSiteLinkGroup, SiteLinkAnchor, siteLinkChildren, siteLinkFragment, siteLinkKey, siteLinkOnCurrentPage, sitePathForms, } from "./link.js";
-import { useRenderCurrentUrl } from "./../../../render/current_url.js";
+import { useSiteHeaderSheet } from "./header/sheet.js";
+import { SiteHeaderAnchor, SiteHeaderMenuGroup, SiteHeaderNavTrigger, SiteHeaderSheetPanel, useSiteLinkState, } from "./header/groups.js";
+import { isSiteLinkGroup, siteLinkKey } from "./link.js";
 const block = "site-header";
 function SiteHeaderSkipLink({ labels }) {
     return (_jsx("a", { className: frontendClassName("skip-link"), href: `#${A11Y_MAIN_ID}`, children: labels?.skipToContent || "Skip to content" }));
 }
-function SiteHeaderAnchor(props) {
-    const { className, currentPaths, hasSection, link, section } = props;
-    return (_jsx(SiteLinkAnchor, { active: isSiteLinkActive(link, currentPaths, section, hasSection, props.currentUrl), className: className, link: link, onNavigate: props.onNavigate, plain: props.plain, softRedirect: props.softRedirect, tabIndex: props.tabIndex }));
-}
-function SiteHeaderNavGroup(props) {
-    const { currentPaths, hasSection, link, section } = props;
-    const panelId = `${useId().replace(/:/gu, "")}_nav_group`;
-    const active = isSiteLinkActive(link, currentPaths, section, hasSection, props.currentUrl);
-    return (_jsxs(_Fragment, { children: [_jsx(PopoverOpenButton, { "aria-current": active ? "true" : undefined, className: frontendElementClass(block, "nav-trigger"), controls: panelId, hover: true, tabIndex: props.tabIndex, children: _jsx("span", { className: frontendClassName("text-link"), children: link.label }) }), _jsx(PopoverPanel, { id: panelId, children: siteLinkChildren(link).map((child, index) => (_createElement(SiteHeaderAnchor, { ...props, plain: true, className: frontendClassName("popover-item"), key: siteLinkKey(child, index), link: child }))) })] }));
-}
-function SiteHeaderChevron() {
-    return (_jsx("span", { "aria-hidden": "true", className: frontendElementClass(block, "menu-group-chevron") }));
-}
-function SiteHeaderMenuGroup(props) {
-    return (_jsx(Disclosure, { className: frontendElementClass(block, "menu-group"), panel: _jsx("div", { className: frontendElementClass(block, "menu-group-links"), children: siteLinkChildren(props.link).map((child, index) => (_createElement(SiteHeaderAnchor, { ...props, key: siteLinkKey(child, index), link: child }))) }), trigger: _jsxs(DisclosureButton, { className: frontendElementClass(block, "menu-group-label"), children: [_jsx("span", { children: props.link.label }), _jsx(SiteHeaderChevron, {})] }) }));
-}
 function SiteHeaderLinks(props) {
-    const currentUrl = useRenderCurrentUrl();
-    const currentPaths = sitePathForms(currentUrl);
-    const fragments = props.links.flatMap((link) => (isSiteLinkGroup(link) ? siteLinkChildren(link) : [link]))
-        .filter((link) => siteLinkFragment(link) && siteLinkOnCurrentPage(link, currentPaths))
-        .map((link) => siteLinkFragment(link));
-    const fragmentKey = fragments.join("|");
-    useEffect(() => {
-        observeSections(fragmentKey ? fragmentKey.split("|") : []);
-    }, [fragmentKey]);
-    const section = useSyncExternalStore(subscribeActiveSection, activeSection, serverActiveSection);
     const shared = {
-        currentPaths,
-        currentUrl,
-        hasSection: fragments.length > 0,
+        ...useSiteLinkState(props.links),
+        lang: props.lang,
         onNavigate: props.onNavigate,
-        section,
         softRedirect: props.softRedirect,
         tabIndex: props.tabIndex,
     };
+    const { sheet, sheetId } = props;
     return (_jsx(_Fragment, { children: props.links.map((link, index) => {
             const key = siteLinkKey(link, index);
             if (!isSiteLinkGroup(link))
                 return _createElement(SiteHeaderAnchor, { ...shared, key: key, link: link });
-            if (props.grouped)
+            if (!sheet || !sheetId)
                 return _createElement(SiteHeaderMenuGroup, { ...shared, key: key, link: link });
-            return _createElement(SiteHeaderNavGroup, { ...shared, key: key, link: link });
+            return _createElement(SiteHeaderNavTrigger, { ...shared, index: index, key: key, link: link, sheet: sheet, sheetId: sheetId });
         }) }));
 }
+function closeSheetOverLink(event, close) {
+    if (event.target instanceof Element && event.target.closest("a[href]"))
+        close();
+}
 function closeOnLink(event, close) {
     if (event.target instanceof Element && event.target.closest("a[href]"))
         close();
@@ -80,15 +55,26 @@ function SiteHeaderToggle(props) {
 }
 function SiteHeaderMenu(props) {
     const { actions, labels, links = [], menuActions = actions, menuId, softRedirect, state } = props;
-    return (_jsx("div", { "aria-hidden": !state.open, className: frontendElementClass(block, "menu"), id: menuId, inert: !state.open, children: _jsx("div", { className: frontendElementClass(block, "menu-body"), children: _jsxs("div", { className: frontendElementClass(block, "menu-content"), children: [links.length ? (_jsx("nav", { "aria-label": labels?.navigation, className: frontendElementClass(block, "menu-links"), children: _jsx(SiteHeaderLinks, { grouped: true, links: links, onNavigate: state.close, softRedirect: softRedirect }) })) : null, menuActions ? (_jsxs(_Fragment, { children: [_jsx("span", { "aria-hidden": "true", className: frontendElementClass(block, "menu-divider") }), _jsx("div", { className: frontendElementClass(block, "menu-footer"), onClick: (event) => closeOnLink(event, state.close), children: menuActions })] })) : null] }) }) }));
+    return (_jsx("div", { "aria-hidden": !state.open, className: frontendElementClass(block, "menu"), id: menuId, inert: !state.open, children: _jsx("div", { className: frontendElementClass(block, "menu-body"), children: _jsxs("div", { className: frontendElementClass(block, "menu-content"), children: [links.length ? (_jsx("nav", { "aria-label": labels?.navigation, className: frontendElementClass(block, "menu-links"), children: _jsx(SiteHeaderLinks, { lang: props.lang, links: links, onNavigate: state.close, softRedirect: softRedirect }) })) : null, menuActions ? (_jsxs(_Fragment, { children: [_jsx("span", { "aria-hidden": "true", className: frontendElementClass(block, "menu-divider") }), _jsx("div", { className: frontendElementClass(block, "menu-footer"), onClick: (event) => closeOnLink(event, state.close), children: menuActions })] })) : null] }) }) }));
+}
+function SiteHeaderNav(props) {
+    const { sheet } = props;
+    return (_jsx("nav", { "aria-label": props.labels?.navigation, className: frontendElementClass(block, "nav"), onPointerOver: (event) => closeSheetOverLink(event, sheet.leave), children: _jsx(SiteHeaderLinks, { links: props.links, sheet: sheet, sheetId: props.sheetId, softRedirect: props.softRedirect }) }));
 }
 function SiteHeader(props) {
-    const { actions, brand, brandHref = "/", className, labels, links = [], menuActions, softRedirect, ...rest } = props;
+    const { actions, brand, brandHref = "/", className, labels, lang, links = [], menuActions, softRedirect, ...rest } = props;
     const state = useSiteHeaderMenu();
-    const menuId = `${useId().replace(/:/gu, "")}_site_menu`;
+    const baseId = useId().replace(/:/gu, "");
+    const menuId = `${baseId}_site_menu`;
+    const sheetId = `${baseId}_site_sheet`;
     const hasMenu = links.length > 0 || Boolean(menuActions);
     const compact = useSiteHeaderFit(state.headerRef, hasMenu);
-    return (_jsxs("header", { ...rest, className: classNames(frontendClassName(block), className), ...frontendDataAttrs({ "site-header": "", "site-header-open": state.open ? "true" : "false" }), ...frontendDataAttrs({ "site-header-menu": hasMenu ? "true" : "false" }), ...frontendDataAttrs({ "site-header-compact": compact ? "true" : undefined }), ref: state.headerRef, children: [_jsx(SiteHeaderSkipLink, { labels: labels }), _jsxs("div", { className: frontendElementClass(block, "bar"), children: [_jsx(SiteHeaderBrand, { brand: brand, brandHref: brandHref, labels: labels, softRedirect: softRedirect }), links.length ? (_jsx("nav", { "aria-label": labels?.navigation, className: frontendElementClass(block, "nav"), children: _jsx(SiteHeaderLinks, { links: links, softRedirect: softRedirect }) })) : null, actions ? _jsx("div", { className: frontendElementClass(block, "actions"), children: actions }) : null, hasMenu ? _jsx(SiteHeaderToggle, { ...props, menuId: menuId, state: state }) : null] }), hasMenu ? _jsx(SiteHeaderMenu, { ...props, menuId: menuId, state: state }) : null] }));
+    const sheet = useSiteHeaderSheet(state.headerRef);
+    useEffect(() => {
+        if (compact)
+            sheet.close();
+    }, [compact, sheet.close]);
+    return (_jsxs("header", { ...rest, className: classNames(frontendClassName(block), className), ...frontendDataAttrs({ "site-header": "", "site-header-open": state.open ? "true" : "false" }), ...frontendDataAttrs({ "site-header-menu": hasMenu ? "true" : "false" }), ...frontendDataAttrs({ "site-header-compact": compact ? "true" : undefined }), onPointerEnter: sheet.stay, onPointerLeave: sheet.leave, ref: state.headerRef, children: [_jsx(SiteHeaderSkipLink, { labels: labels }), _jsxs("div", { className: frontendElementClass(block, "bar"), children: [_jsx(SiteHeaderBrand, { brand: brand, brandHref: brandHref, labels: labels, softRedirect: softRedirect }), links.length ? _jsx(SiteHeaderNav, { labels: labels, links: links, sheet: sheet, sheetId: sheetId, softRedirect: softRedirect }) : null, actions ? _jsx("div", { className: frontendElementClass(block, "actions"), children: actions }) : null, hasMenu ? _jsx(SiteHeaderToggle, { ...props, menuId: menuId, state: state }) : null] }), _jsx(SiteHeaderSheetPanel, { lang: lang, links: links, sheet: sheet, sheetId: sheetId, softRedirect: softRedirect }), hasMenu ? _jsx(SiteHeaderMenu, { ...props, menuId: menuId, state: state }) : null] }));
 }
 export { SiteHeader };
 //# sourceMappingURL=header.js.map

package/dist/layout/components/site/header.js.map

@@ -1 +1 @@
-{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../../../src/layout/components/site/header.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../../../src/layout/components/site/header.tsx"],"names":[],"mappings":"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"}

package/dist/layout/components/site/link.d.ts

@@ -1,12 +1,14 @@
 import type { MouseEvent, ReactNode } from "react";
 type SiteLink = {
     active?: boolean;
+    description?: ReactNode;
     href?: string;
     key?: string;
     label: ReactNode;
     links?: SiteLink[];
     node?: ReactNode;
     rel?: string;
+    search?: boolean;
     softRedirect?: boolean;
     target?: string;
 };

package/dist/layout/components/site/link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../../../src/layout/components/site/link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKnD,KAAK,QAAQ,GAAG;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,QAAA,MAAM,SAAS,cAAc,CAAC;AAQ9B,iBAAS,aAAa,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,EAAE,CAI/C;AAOD,iBAAS,gBAAgB,CAAC,IAAI,EAAE,QAAQ,GAAG,MAAM,CAGhD;AAED,iBAAS,gBAAgB,CAAC,IAAI,EAAE,QAAQ,GAAG,QAAQ,EAAE,CAEpD;AAED,iBAAS,eAAe,CAAC,IAAI,EAAE,QAAQ,GAAG,OAAO,CAEhD;AAED,iBAAS,WAAW,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAE1D;AAWD,iBAAS,qBAAqB,CAAC,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,OAAO,CAG9E;AAED,iBAAS,gBAAgB,CACvB,IAAI,EAAE,QAAQ,EACd,YAAY,EAAE,MAAM,EAAE,EACtB,OAAO,EAAE,MAAM,EACf,UAAU,EAAE,OAAO,EACnB,UAAU,SAAK,GACd,OAAO,CAYT;AAED,KAAK,mBAAmB,GAAG;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,QAAQ,CAAC;IACf,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC5D,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,iBAAS,cAAc,CAAC,KAAK,EAAE,mBAAmB,+BAwBjD;AAED,OAAO,EACL,gBAAgB,EAChB,eAAe,EACf,SAAS,EACT,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EAChB,WAAW,EACX,qBAAqB,EACrB,aAAa,GACd,CAAC;AACF,YAAY,EAAE,QAAQ,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../../../src/layout/components/site/link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKnD,KAAK,QAAQ,GAAG;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,QAAA,MAAM,SAAS,cAAc,CAAC;AAQ9B,iBAAS,aAAa,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,EAAE,CAI/C;AAOD,iBAAS,gBAAgB,CAAC,IAAI,EAAE,QAAQ,GAAG,MAAM,CAGhD;AAED,iBAAS,gBAAgB,CAAC,IAAI,EAAE,QAAQ,GAAG,QAAQ,EAAE,CAEpD;AAED,iBAAS,eAAe,CAAC,IAAI,EAAE,QAAQ,GAAG,OAAO,CAEhD;AAED,iBAAS,WAAW,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAE1D;AAWD,iBAAS,qBAAqB,CAAC,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,OAAO,CAG9E;AAED,iBAAS,gBAAgB,CACvB,IAAI,EAAE,QAAQ,EACd,YAAY,EAAE,MAAM,EAAE,EACtB,OAAO,EAAE,MAAM,EACf,UAAU,EAAE,OAAO,EACnB,UAAU,SAAK,GACd,OAAO,CAYT;AAED,KAAK,mBAAmB,GAAG;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,QAAQ,CAAC;IACf,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC5D,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,iBAAS,cAAc,CAAC,KAAK,EAAE,mBAAmB,+BAwBjD;AAED,OAAO,EACL,gBAAgB,EAChB,eAAe,EACf,SAAS,EACT,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EAChB,WAAW,EACX,qBAAqB,EACrB,aAAa,GACd,CAAC;AACF,YAAY,EAAE,QAAQ,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/layout/components/site/link.js.map

@@ -1 +1 @@
-{"version":3,"file":"link.js","sourceRoot":"","sources":["../../../../../src/layout/components/site/link.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"link.js","sourceRoot":"","sources":["../../../../../src/layout/components/site/link.tsx"],"names":[],"mappings":"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"}

package/dist/layout/styles/index.scss

@@ -4,6 +4,7 @@
 @use "./outline";
 @use "./site/header";
 @use "./site/menu";
+@use "./site/sheet";
 @use "./site/footer";
 @use "./error";
 

package/dist/layout/styles/site/footer.scss

@@ -22,7 +22,7 @@
   @include tone.on-dark;
   background: var(
     #{ns.css-var("shell-footer-tone-inverse-bg")},
-    var(#{ns.css-var("ink")}, #000)
+    var(#{ns.css-var("ground")}, #000)
   );
 }
 

package/dist/layout/styles/site/header.scss

@@ -23,8 +23,7 @@ $tone-motion: token("tone-duration", 320ms) token("tone-easing", cubic-bezier(0.
   z-index: token("root-z-index", var(#{ns.css-var("z-header")}, 920));
   color: token("root-color", var(#{ns.css-var("text")}, currentColor));
   border-block-end: token("root-border", 1px solid color-mix(in srgb, currentColor 14%, transparent));
-  #{ns.css-var("shell-header-surface")}: token("root-bg", var(#{ns.css-var("page")}, #fff));
-  background: var(#{ns.css-var("shell-header-surface")});
+  background: token("root-bg", var(#{ns.css-var("ground")}, #fff));
   transition:
   color $tone-motion,
   border-color $tone-motion,
@@ -252,7 +251,6 @@ html:not(#{ns.data("header-tone")}) body:has(main > #{ns.data("dark")}:first-chi
 
 #{ns.data("site-header")}#{ns.data("dark")} {
   @include tone.on-dark;
-  #{ns.css-var("shell-header-surface")}: token("root-bg-dark", var(#{ns.css-var("ink")}, #000));
 }
 
 @media (min-width: 768px) {

package/dist/layout/styles/site/menu.scss

@@ -53,8 +53,8 @@ $tone-motion: token("tone-duration", 320ms) token("tone-easing", cubic-bezier(0.
   background: transparent;
   cursor: pointer;
   padding-block: token("menu-link-py", 0);
-  padding-inline: token("menu-link-px", 0.2rem);
-  color: token("menu-group-label-color", currentColor);
+  padding-inline: 0;
+  color: token("menu-group-label-color", var(#{ns.css-var("text-muted")}, currentColor));
   font-family: token("menu-group-label-font-family", inherit);
   font-size: token("menu-group-label-font-size", 0.875rem);
   font-weight: token("menu-group-label-font-weight", inherit);
@@ -78,7 +78,7 @@ $tone-motion: token("tone-duration", 320ms) token("tone-easing", cubic-bezier(0.
   grid-template-rows: 0fr;
   color: token("menu-color", var(#{ns.css-var("text")}, currentColor));
   border-block-end: token("menu-border", var(#{ns.css-var("border-width")}, 1px) solid var(#{ns.css-var("border")}, currentColor));
-  background: token("menu-bg", var(#{ns.css-var("shell-header-surface")}, var(#{ns.css-var("page")}, #fff)));
+  background: token("menu-bg", var(#{ns.css-var("ground")}, #fff));
   box-shadow: token("menu-shadow", 0 24px 32px -24px rgb(0 0 0 / 18%));
   opacity: 0;
   visibility: hidden;
@@ -162,3 +162,17 @@ $tone-motion: token("tone-duration", 320ms) token("tone-easing", cubic-bezier(0.
 #{ns.data("site-header-compact", "true")} #{ns.element-class("site-header", "menu")} {
   display: grid;
 }
+
+#{ns.element-class("site-header", "menu-section")} {
+  display: grid;
+  gap: token("menu-links-gap", 0);
+}
+
+#{ns.element-class("site-header", "menu-section-links")} {
+  display: grid;
+  gap: token("menu-links-gap", 0);
+}
+
+#{ns.element-class("site-header", "menu-section-heading")} {
+  padding-block: token("menu-link-py", 0);
+}

package/dist/layout/styles/site/sheet.scss

@@ -0,0 +1,191 @@
+@use "@trebired/bundler/namespace" as ns;
+
+@function token($name, $fallback) {
+  @return var(#{ns.css-var("shell-header-" + $name)}, $fallback);
+}
+
+$motion: token("motion-duration", 500ms) token("motion-easing", cubic-bezier(0.22, 1, 0.36, 1));
+$tone-motion: token("tone-duration", 320ms) token("tone-easing", cubic-bezier(0.22, 1, 0.36, 1));
+$fast: var(#{ns.css-var("transition-fast")}, 160ms) ease;
+
+$muted: var(#{ns.css-var("text-muted")}, currentColor);
+
+@mixin band($gutter) {
+  max-width: calc(#{token("max-width", 72rem)} + #{$gutter} * 2);
+  padding-inline: $gutter;
+}
+
+#{ns.element-class("site-header", "nav-trigger")} {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.375rem;
+  color: inherit;
+  cursor: pointer;
+}
+
+#{ns.element-class("site-header", "nav-chevron")} {
+  flex-shrink: 0;
+  width: 0.4rem;
+  height: 0.4rem;
+  border-inline-end: 1px solid $muted;
+  border-block-end: 1px solid $muted;
+  transform: translateY(-0.1rem) rotate(45deg);
+  transition: transform $fast;
+}
+
+#{ns.element-class("site-header", "nav-trigger")}[aria-expanded="true"] #{ns.element-class("site-header", "nav-chevron")} {
+  transform: translateY(0.1rem) rotate(-135deg);
+}
+
+#{ns.element-class("site-header", "sheet")} {
+  position: absolute;
+  inset-inline: 0;
+  inset-block-start: 100%;
+  color: inherit;
+  border-block-end: token("root-border", 1px solid color-mix(in srgb, currentColor 14%, transparent));
+  background: var(#{ns.css-var("ground")}, #fff);
+  box-shadow: 0 24px 32px -24px rgb(0 0 0 / 18%);
+  clip-path: inset(0 0 100% 0);
+  opacity: 0;
+  visibility: hidden;
+  transition:
+  clip-path $motion,
+  opacity $motion,
+  background-color $tone-motion,
+  visibility 0s linear token("motion-duration", 500ms);
+}
+
+#{ns.element-class("site-header", "sheet")}#{ns.data("site-header-sheet", "open")} {
+  clip-path: inset(0 0 -3rem 0);
+  opacity: 1;
+  visibility: visible;
+  transition:
+  clip-path $motion,
+  opacity $motion,
+  background-color $tone-motion,
+  visibility 0s;
+}
+
+#{ns.element-class("site-header", "sheet-body")} {
+  max-height: calc(100dvh - var(#{ns.css-var("shell-header-height")}, 5rem));
+  overflow-y: auto;
+  overscroll-behavior: contain;
+}
+
+#{ns.element-class("site-header", "sheet-content")} {
+  width: 100%;
+  box-sizing: border-box;
+  margin-inline: auto;
+  padding-block: 2rem 2.5rem;
+
+  @include band(token("bar-px", var(#{ns.css-var("container-px")}, 1.5rem)));
+}
+
+#{ns.element-class("site-header", "sheet-grid")} {
+  display: grid;
+  gap: 1.25rem 2rem;
+  grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
+}
+
+#{ns.element-class("site-header", "sheet-grid")}#{ns.data("site-header-layout", "columns")} {
+  grid-template-columns: repeat(auto-fit, minmax(max(13rem, calc((100% - 6rem) / 4)), 1fr));
+  row-gap: 2.5rem;
+}
+
+#{ns.element-class("site-header", "sheet-section")}[hidden] {
+  display: none;
+}
+
+#{ns.element-class("site-header", "sheet-column")} {
+  display: flex;
+  min-width: 0;
+  flex-direction: column;
+  gap: 1rem;
+}
+
+#{ns.element-class("site-header", "sheet-links")} {
+  display: flex;
+  width: fit-content;
+  max-width: 100%;
+  max-height: 15rem;
+  flex-direction: column;
+  gap: 1rem;
+  padding-inline-end: 0.75rem;
+  overflow-y: auto;
+  overscroll-behavior: contain;
+}
+
+#{ns.element-class("site-header", "sheet-entry")} {
+  display: flex;
+  width: fit-content;
+  max-width: 100%;
+  flex-direction: column;
+  gap: 0.25rem;
+  color: inherit;
+  text-decoration: none;
+}
+
+#{ns.element-class("site-header", "sheet-description")} {
+  color: $muted;
+  font-size: 0.8125rem;
+  line-height: 1.4;
+}
+
+#{ns.element-class("site-header", "search")} {
+  display: flex;
+  flex-direction: column;
+  gap: 1.5rem;
+}
+
+#{ns.element-class("site-header", "search-input")} {
+  width: 100%;
+  max-width: 36rem;
+}
+
+#{ns.element-class("site-header", "search-list")} {
+  display: grid;
+  gap: 1.25rem 2rem;
+  grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+#{ns.element-class("site-header", "search-results")} mark {
+  border-radius: 0.2em;
+  color: inherit;
+  background: color-mix(in srgb, currentColor 18%, transparent);
+}
+
+#{ns.element-class("site-header", "menu")} #{ns.element-class("site-header", "search")} {
+  gap: 1rem;
+  padding-block: 0.5rem;
+}
+
+#{ns.element-class("site-header", "menu")} #{ns.element-class("site-header", "search-list")} {
+  grid-template-columns: minmax(0, 1fr);
+  gap: 1rem;
+}
+
+#{ns.data("site-header-compact", "true")} #{ns.element-class("site-header", "sheet")} {
+  display: none;
+}
+
+@media (max-width: 767.98px) {
+  #{ns.element-class("site-header", "sheet")} {
+    display: none;
+  }
+}
+
+@media (min-width: 768px) {
+  #{ns.element-class("site-header", "sheet-content")} {
+    @include band(token("bar-px-wide", token("bar-px", var(#{ns.css-var("container-px")}, 1rem))));
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  #{ns.element-class("site-header", "sheet")},
+  #{ns.element-class("site-header", "sheet")}#{ns.data("site-header-sheet", "open")} {
+    transition: none;
+  }
+}

package/dist/popover/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/popover/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,QAAQ,EACd,MAAM,eAAe,CAAC;AASvB,QAAA,MAAM,wBAAwB,QAA8D,CAAC;AAG7F,QAAA,MAAM,sBAAsB,QAAwC,CAAC;AAErE,KAAK,YAAY,GAAG;IAClB,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,WAAW,CAAC;IACrB,OAAO,EAAE,WAAW,CAAC;CACtB,CAAC;AAwDF,iBAAS,WAAW,CAAC,KAAK,EAAE,YAAY,QAcvC;AAED,iBAAS,WAAW,CAAC,gBAAgB,CAAC,EAAE,WAAW,GAAG,IAAI,WAWzD;AAYD,iBAAS,aAAa,CAAC,KAAK,EAAE,YAAY,QAGzC;AA8DD,iBAAS,kBAAkB,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,EAAE,IAAI,GAAE,QAAmB,gBAiCjF;AAED,iBAAS,YAAY,CAAC,IAAI,GAAE,QAAmB,QAI9C;AAmBD,OAAO,EACL,sBAAsB,EACtB,wBAAwB,EACxB,kBAAkB,EAClB,YAAY,EACZ,WAAW,EACX,WAAW,EACX,aAAa,GACd,CAAC;AACF,YAAY,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/popover/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,QAAQ,EACd,MAAM,eAAe,CAAC;AASvB,QAAA,MAAM,wBAAwB,QAA8D,CAAC;AAG7F,QAAA,MAAM,sBAAsB,QAAwC,CAAC;AAErE,KAAK,YAAY,GAAG;IAClB,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,WAAW,CAAC;IACrB,OAAO,EAAE,WAAW,CAAC;CACtB,CAAC;AA8DF,iBAAS,WAAW,CAAC,KAAK,EAAE,YAAY,QAcvC;AAED,iBAAS,WAAW,CAAC,gBAAgB,CAAC,EAAE,WAAW,GAAG,IAAI,WAWzD;AAYD,iBAAS,aAAa,CAAC,KAAK,EAAE,YAAY,QAGzC;AA8DD,iBAAS,kBAAkB,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,EAAE,IAAI,GAAE,QAAmB,gBAiCjF;AAED,iBAAS,YAAY,CAAC,IAAI,GAAE,QAAmB,QAI9C;AAmBD,OAAO,EACL,sBAAsB,EACtB,wBAAwB,EACxB,kBAAkB,EAClB,YAAY,EACZ,WAAW,EACX,WAAW,EACX,aAAa,GACd,CAAC;AACF,YAAY,EAAE,YAAY,EAAE,CAAC"}

package/dist/popover/index.js

@@ -1,6 +1,6 @@
 import { clampNumber, cssEscape, queryAll, setAriaExpanded, } from "../dom/index.js";
 import { moveLayerElementToTop, portalElement, promoteZIndex, } from "../layer/index.js";
-import { frontendDataAttr, frontendDataSelector } from "../namespace/index.js";
+import { frontendCssVar, frontendDataAttr, frontendDataSelector } from "../namespace/index.js";
 const POPOVER_BASE_Z_INDEX = 1040;
 const POPOVER_TRIGGER_SELECTOR = `${frontendDataSelector("popover-trigger")}[aria-controls]`;
 const POPOVER_AUTOFOCUS_ATTR = frontendDataAttr("popover-autofocus");
@@ -16,12 +16,17 @@ function findPopoverTarget(root, id) {
     const global = document.getElementById(id);
     return global instanceof HTMLElement ? global : null;
 }
+function adoptTone(trigger, popover) {
+    const dark = getComputedStyle(trigger).getPropertyValue(frontendCssVar("on-dark")).trim() === "1";
+    popover.setAttribute(frontendDataAttr("tone"), dark ? "dark" : "light");
+}
 function placePopover(trigger, popover) {
+    adoptTone(trigger, popover);
     const anchor = trigger.getBoundingClientRect();
-    const rect = popover.getBoundingClientRect();
+    const rect = { height: popover.offsetHeight, width: popover.offsetWidth };
     const gap = 8;
-    const vw = window.innerWidth;
-    const vh = window.innerHeight;
+    const vw = document.documentElement.clientWidth || window.innerWidth;
+    const vh = document.documentElement.clientHeight || window.innerHeight;
     const below = anchor.bottom + gap + rect.height <= vh;
     const top = below
         ? anchor.bottom + gap