@brandlab-digital/site-next 3.8.0 → 3.9.0

package/dist/ui-kit/shell/drawer-client.d.ts

@@ -0,0 +1,22 @@
+import { type ReactNode } from 'react';
+export interface DrawerControllerClasses {
+    readonly root?: string | undefined;
+    readonly menuButton?: string | undefined;
+    readonly menuLabel?: string | undefined;
+    readonly panel?: string | undefined;
+    readonly top?: string | undefined;
+    readonly close?: string | undefined;
+    readonly title?: string | undefined;
+    readonly logo?: string | undefined;
+}
+export declare function DrawerController({ id, variant, side, classes, logo, menuIcon, closeIcon, children, }: {
+    readonly id: string;
+    readonly variant: string;
+    readonly side: string;
+    readonly classes: DrawerControllerClasses;
+    readonly logo?: ReactNode;
+    readonly menuIcon: ReactNode;
+    readonly closeIcon: ReactNode;
+    readonly children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=drawer-client.d.ts.map

package/dist/ui-kit/shell/drawer-client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-client.d.ts","sourceRoot":"","sources":["../../../src/ui-kit/shell/drawer-client.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAwD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAG5F,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAClC,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACxC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACvC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACnC,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACjC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACnC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACnC,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CACnC;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,EAAE,EACF,OAAO,EACP,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,QAAQ,GACT,EAAE;IACD,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,OAAO,EAAE,uBAAuB,CAAA;IACzC,QAAQ,CAAC,IAAI,CAAC,EAAE,SAAS,CAAA;IACzB,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAA;IAC5B,QAAQ,CAAC,SAAS,EAAE,SAAS,CAAA;IAC7B,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAA;CAC7B,2CAkGA"}

package/dist/ui-kit/shell/drawer-client.js

@@ -0,0 +1,70 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * The drawer's client leaf: the Menu button and the modal `<dialog>` (top layer, the page inert, focus kept inside).
+ * The menu, the actions and the social links are server-rendered children. The drawer closes on Escape, the close
+ * button, a tap on the backdrop, a link click, a route change and any change of the header's mode (crossing 1024 or
+ * 1280 px), so the page is never left inert. Groups are `<details name>` (one open at a time, no script needed); the
+ * toggle listener below keeps that rule in browsers without exclusive `<details>`.
+ */
+import { usePathname } from 'next/navigation';
+import { useCallback, useContext, useEffect, useRef, useState } from 'react';
+import { HeaderModeContext } from './shell-context.js';
+export function DrawerController({ id, variant, side, classes, logo, menuIcon, closeIcon, children, }) {
+    const pathname = usePathname();
+    const mode = useContext(HeaderModeContext);
+    const dialogRef = useRef(null);
+    const buttonRef = useRef(null);
+    const closeRef = useRef(null);
+    const [open, setOpen] = useState(false);
+    const titleId = `${id}-title`;
+    const close = useCallback(() => {
+        const dialog = dialogRef.current;
+        if (dialog?.open)
+            dialog.close();
+    }, []);
+    const show = () => {
+        const dialog = dialogRef.current;
+        if (!dialog || dialog.open)
+            return;
+        for (const group of dialog.querySelectorAll('details[open]'))
+            group.open = false;
+        dialog.showModal();
+        // The close button comes first in focus order and takes focus when the drawer opens.
+        closeRef.current?.focus();
+        setOpen(true);
+    };
+    // A route change or a mode change (breakpoint crossing) resets the drawer.
+    useEffect(() => {
+        close();
+    }, [pathname, mode, close]);
+    useEffect(() => {
+        const dialog = dialogRef.current;
+        if (!dialog)
+            return;
+        const onToggle = (event) => {
+            const opened = event.target;
+            if (!(opened instanceof HTMLDetailsElement) || !opened.open)
+                return;
+            for (const other of dialog.querySelectorAll('details[open]'))
+                if (other !== opened)
+                    other.open = false;
+        };
+        dialog.addEventListener('toggle', onToggle, true);
+        return () => dialog.removeEventListener('toggle', onToggle, true);
+    }, []);
+    return (_jsxs(_Fragment, { children: [_jsxs("button", { ref: buttonRef, type: "button", "data-slot": "menuButton", "aria-haspopup": "dialog", "aria-expanded": open, "aria-controls": id, className: classes.menuButton, onClick: show, children: [menuIcon, _jsx("span", { "data-slot": "menuLabel", className: classes.menuLabel, children: "Menu" })] }), _jsx("dialog", { ref: dialogRef, id: id, "data-bl": "drawer", "data-variant": variant, "data-side": side, "aria-labelledby": titleId, className: classes.root, ...{ closedby: 'any' }, onClose: () => {
+                    setOpen(false);
+                    // Safari doesn't focus a clicked button, so the dialog may have nothing to return focus to.
+                    const active = document.activeElement;
+                    if (!active || active === document.body || dialogRef.current?.contains(active))
+                        buttonRef.current?.focus();
+                }, onClick: (event) => {
+                    // A tap on the backdrop (where closedby="any" isn't supported yet) or on any link closes the drawer.
+                    if (event.target === dialogRef.current)
+                        close();
+                    else if (event.target.closest('a[href]'))
+                        close();
+                }, children: _jsxs("div", { "data-slot": "panel", className: classes.panel, children: [_jsxs("div", { "data-slot": "top", className: classes.top, children: [_jsx("button", { ref: closeRef, type: "button", "data-slot": "close", "aria-label": "Close menu", className: classes.close, onClick: close, children: closeIcon }), _jsx("p", { id: titleId, "data-slot": "title", className: classes.title, children: "Menu" }), logo ? (_jsx("span", { "data-slot": "logo", "aria-hidden": "true", className: classes.logo, children: logo })) : null] }), children] }) })] }));
+}
+//# sourceMappingURL=drawer-client.js.map

package/dist/ui-kit/shell/drawer-client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-client.js","sourceRoot":"","sources":["../../../src/ui-kit/shell/drawer-client.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client'\n\n/**\n * The drawer's client leaf: the Menu button and the modal `<dialog>` (top layer, the page inert, focus kept inside).\n * The menu, the actions and the social links are server-rendered children. The drawer closes on Escape, the close\n * button, a tap on the backdrop, a link click, a route change and any change of the header's mode (crossing 1024 or\n * 1280 px), so the page is never left inert. Groups are `<details name>` (one open at a time, no script needed); the\n * toggle listener below keeps that rule in browsers without exclusive `<details>`.\n */\nimport { usePathname } from 'next/navigation'\nimport { useCallback, useContext, useEffect, useRef, useState, type ReactNode } from 'react'\nimport { HeaderModeContext } from './shell-context.js'\n\nexport interface DrawerControllerClasses {\n  readonly root?: string | undefined\n  readonly menuButton?: string | undefined\n  readonly menuLabel?: string | undefined\n  readonly panel?: string | undefined\n  readonly top?: string | undefined\n  readonly close?: string | undefined\n  readonly title?: string | undefined\n  readonly logo?: string | undefined\n}\n\nexport function DrawerController({\n  id,\n  variant,\n  side,\n  classes,\n  logo,\n  menuIcon,\n  closeIcon,\n  children,\n}: {\n  readonly id: string\n  readonly variant: string\n  readonly side: string\n  readonly classes: DrawerControllerClasses\n  readonly logo?: ReactNode\n  readonly menuIcon: ReactNode\n  readonly closeIcon: ReactNode\n  readonly children: ReactNode\n}) {\n  const pathname = usePathname()\n  const mode = useContext(HeaderModeContext)\n  const dialogRef = useRef<HTMLDialogElement>(null)\n  const buttonRef = useRef<HTMLButtonElement>(null)\n  const closeRef = useRef<HTMLButtonElement>(null)\n  const [open, setOpen] = useState(false)\n  const titleId = `${id}-title`\n\n  const close = useCallback(() => {\n    const dialog = dialogRef.current\n    if (dialog?.open) dialog.close()\n  }, [])\n\n  const show = () => {\n    const dialog = dialogRef.current\n    if (!dialog || dialog.open) return\n    for (const group of dialog.querySelectorAll<HTMLDetailsElement>('details[open]')) group.open = false\n    dialog.showModal()\n    // The close button comes first in focus order and takes focus when the drawer opens.\n    closeRef.current?.focus()\n    setOpen(true)\n  }\n\n  // A route change or a mode change (breakpoint crossing) resets the drawer.\n  useEffect(() => {\n    close()\n  }, [pathname, mode, close])\n\n  useEffect(() => {\n    const dialog = dialogRef.current\n    if (!dialog) return\n    const onToggle = (event: Event) => {\n      const opened = event.target\n      if (!(opened instanceof HTMLDetailsElement) || !opened.open) return\n      for (const other of dialog.querySelectorAll<HTMLDetailsElement>('details[open]')) if (other !== opened) other.open = false\n    }\n    dialog.addEventListener('toggle', onToggle, true)\n    return () => dialog.removeEventListener('toggle', onToggle, true)\n  }, [])\n\n  return (\n    <>\n      <button\n        ref={buttonRef}\n        type=\"button\"\n        data-slot=\"menuButton\"\n        aria-haspopup=\"dialog\"\n        aria-expanded={open}\n        aria-controls={id}\n        className={classes.menuButton}\n        onClick={show}\n      >\n        {menuIcon}\n        <span data-slot=\"menuLabel\" className={classes.menuLabel}>\n          Menu\n        </span>\n      </button>\n      <dialog\n        ref={dialogRef}\n        id={id}\n        data-bl=\"drawer\"\n        data-variant={variant}\n        data-side={side}\n        aria-labelledby={titleId}\n        className={classes.root}\n        {...({ closedby: 'any' } as Record<string, string>)}\n        onClose={() => {\n          setOpen(false)\n          // Safari doesn't focus a clicked button, so the dialog may have nothing to return focus to.\n          const active = document.activeElement\n          if (!active || active === document.body || dialogRef.current?.contains(active)) buttonRef.current?.focus()\n        }}\n        onClick={(event) => {\n          // A tap on the backdrop (where closedby=\"any\" isn't supported yet) or on any link closes the drawer.\n          if (event.target === dialogRef.current) close()\n          else if ((event.target as Element).closest('a[href]')) close()\n        }}\n      >\n        <div data-slot=\"panel\" className={classes.panel}>\n          <div data-slot=\"top\" className={classes.top}>\n            <button ref={closeRef} type=\"button\" data-slot=\"close\" aria-label=\"Close menu\" className={classes.close} onClick={close}>\n              {closeIcon}\n            </button>\n            <p id={titleId} data-slot=\"title\" className={classes.title}>\n              Menu\n            </p>\n            {logo ? (\n              <span data-slot=\"logo\" aria-hidden=\"true\" className={classes.logo}>\n                {logo}\n              </span>\n            ) : null}\n          </div>\n          {children}\n        </div>\n      </dialog>\n    </>\n  )\n}\n"]}

package/dist/ui-kit/shell/header-client.d.ts

@@ -0,0 +1,44 @@
+import { type ReactNode } from 'react';
+/** The `<header>` root: measures the header (mode, height, compact) and shares its mode. */
+export declare function HeaderRoot({ variant, navAlign, compactAfterScroll, className, children, }: {
+    readonly variant: string;
+    readonly navAlign: string;
+    readonly compactAfterScroll: boolean;
+    readonly className?: string | undefined;
+    readonly children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+/** The `<nav>` landmark and the menu state (F3 engine) for the items inside it. */
+export declare function NavController({ label, className, children }: {
+    readonly label: string;
+    readonly className?: string | undefined;
+    readonly children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * One top-level item. `data-current` marks the current section: the page is the item's hub or one of its active
+ * paths (or below them), or one of its panel links is the current page.
+ */
+export declare function NavItem({ menuId, paths, className, children, }: {
+    /** Set for an item with a panel. */
+    readonly menuId?: string;
+    readonly paths: readonly string[];
+    readonly className?: string | undefined;
+    readonly children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+/** The disclosure button beside an item's hub link, named "{label} menu". */
+export declare function NavTrigger({ menuId, panelId, label, className, children, }: {
+    readonly menuId: string;
+    readonly panelId: string;
+    readonly label: string;
+    readonly className?: string | undefined;
+    readonly children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+/** The panel box. Its links are the server-rendered children; the panel only changes state. */
+export declare function NavPanel({ menuId, panelId, variant, columns, className, children, }: {
+    readonly menuId: string;
+    readonly panelId: string;
+    readonly variant: string;
+    readonly columns?: number | undefined;
+    readonly className?: string | undefined;
+    readonly children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=header-client.d.ts.map

package/dist/ui-kit/shell/header-client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header-client.d.ts","sourceRoot":"","sources":["../../../src/ui-kit/shell/header-client.tsx"],"names":[],"mappings":"AASA,OAAO,EAA0D,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAM9F,4FAA4F;AAC5F,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,QAAQ,EACR,kBAAkB,EAClB,SAAS,EACT,QAAQ,GACT,EAAE;IACD,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,kBAAkB,EAAE,OAAO,CAAA;IACpC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACvC,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAA;CAC7B,2CAQA;AASD,mFAAmF;AACnF,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAAC,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAY9J;AAED;;;GAGG;AACH,wBAAgB,OAAO,CAAC,EACtB,MAAM,EACN,KAAK,EACL,SAAS,EACT,QAAQ,GACT,EAAE;IACD,oCAAoC;IACpC,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,KAAK,EAAE,SAAS,MAAM,EAAE,CAAA;IACjC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACvC,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAA;CAC7B,2CAuBA;AAED,6EAA6E;AAC7E,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,OAAO,EACP,KAAK,EACL,SAAS,EACT,QAAQ,GACT,EAAE;IACD,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACvC,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAA;CAC7B,2CAgBA;AAED,+FAA+F;AAC/F,wBAAgB,QAAQ,CAAC,EACvB,MAAM,EACN,OAAO,EACP,OAAO,EACP,OAAO,EACP,SAAS,EACT,QAAQ,GACT,EAAE;IACD,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACrC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACvC,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAA;CAC7B,2CAkBA"}

package/dist/ui-kit/shell/header-client.js

@@ -0,0 +1,59 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * The header's client leaves. They receive ids, labels, flags and class strings only; every link and panel is
+ * server-rendered and passed in as `children`. The leaves toggle `data-state`, `aria-expanded` and `inert` on those
+ * server nodes, so opening a panel never re-renders its links. `inert` is added only after hydration: closed panels
+ * are `visibility: hidden` in the server HTML, and inert content would break the pre-hydration hover fallback.
+ */
+import { usePathname } from 'next/navigation';
+import { createContext, useContext, useEffect, useRef, useState } from 'react';
+import { useHeaderMetrics } from '../../navigation/use-header-metrics.js';
+import { useNavigationMenu } from '../../navigation/use-navigation-menu.js';
+import { isCurrentSection } from './current-link.js';
+import { HeaderModeContext } from './shell-context.js';
+/** The `<header>` root: measures the header (mode, height, compact) and shares its mode. */
+export function HeaderRoot({ variant, navAlign, compactAfterScroll, className, children, }) {
+    const ref = useRef(null);
+    const { mode } = useHeaderMetrics(ref, { compactAfterScroll });
+    return (_jsx("header", { ref: ref, "data-bl": "header", "data-variant": variant, "data-nav-align": navAlign, className: className, children: _jsx(HeaderModeContext, { value: mode, children: children }) }));
+}
+const NavContext = createContext(null);
+/** The `<nav>` landmark and the menu state (F3 engine) for the items inside it. */
+export function NavController({ label, className, children }) {
+    const navRef = useRef(null);
+    const pathname = usePathname();
+    const mode = useContext(HeaderModeContext);
+    const menu = useNavigationMenu(navRef, `${pathname}|${mode}`);
+    const [hydrated, setHydrated] = useState(false);
+    useEffect(() => setHydrated(true), []);
+    return (_jsx("nav", { ref: navRef, "aria-label": label, "data-slot": "nav", className: className, children: _jsx(NavContext, { value: { menu, hydrated }, children: children }) }));
+}
+/**
+ * One top-level item. `data-current` marks the current section: the page is the item's hub or one of its active
+ * paths (or below them), or one of its panel links is the current page.
+ */
+export function NavItem({ menuId, paths, className, children, }) {
+    const ref = useRef(null);
+    const pathname = usePathname();
+    const nav = useContext(NavContext);
+    const [panelLinkCurrent, setPanelLinkCurrent] = useState(false);
+    useEffect(() => {
+        setPanelLinkCurrent(ref.current?.querySelector('[data-slot="panel"] [aria-current="page"]') != null);
+    }, [pathname]);
+    const current = panelLinkCurrent || isCurrentSection(pathname, paths);
+    const open = menuId !== undefined && nav?.menu.openId === menuId;
+    return (_jsx("li", { ref: ref, "data-slot": "item", "data-has-panel": menuId !== undefined ? 'true' : undefined, "data-state": menuId !== undefined ? (open ? 'open' : 'closed') : undefined, "data-current": current ? 'true' : undefined, className: className, ...(menuId !== undefined && nav ? nav.menu.itemHandlers(menuId) : {}), children: children }));
+}
+/** The disclosure button beside an item's hub link, named "{label} menu". */
+export function NavTrigger({ menuId, panelId, label, className, children, }) {
+    const nav = useContext(NavContext);
+    return (_jsx("button", { type: "button", "data-slot": "trigger", "data-menu-id": menuId, "aria-expanded": nav?.menu.openId === menuId, "aria-controls": panelId, "aria-label": `${label} menu`, className: className, ...nav?.menu.triggerHandlers(menuId), children: children }));
+}
+/** The panel box. Its links are the server-rendered children; the panel only changes state. */
+export function NavPanel({ menuId, panelId, variant, columns, className, children, }) {
+    const nav = useContext(NavContext);
+    const open = nav?.menu.openId === menuId;
+    return (_jsx("div", { id: panelId, "data-slot": "panel", "data-menu-id": menuId, "data-variant": variant, "data-columns": columns, "data-state": open ? 'open' : 'closed', inert: Boolean(nav?.hydrated) && !open, className: className, ...nav?.menu.panelHandlers(menuId), children: children }));
+}
+//# sourceMappingURL=header-client.js.map

package/dist/ui-kit/shell/header-client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header-client.js","sourceRoot":"","sources":["../../../src/ui-kit/shell/header-client.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client'\n\n/**\n * The header's client leaves. They receive ids, labels, flags and class strings only; every link and panel is\n * server-rendered and passed in as `children`. The leaves toggle `data-state`, `aria-expanded` and `inert` on those\n * server nodes, so opening a panel never re-renders its links. `inert` is added only after hydration: closed panels\n * are `visibility: hidden` in the server HTML, and inert content would break the pre-hydration hover fallback.\n */\nimport { usePathname } from 'next/navigation'\nimport { createContext, useContext, useEffect, useRef, useState, type ReactNode } from 'react'\nimport { useHeaderMetrics } from '../../navigation/use-header-metrics.js'\nimport { useNavigationMenu, type NavigationMenu } from '../../navigation/use-navigation-menu.js'\nimport { isCurrentSection } from './current-link.js'\nimport { HeaderModeContext } from './shell-context.js'\n\n/** The `<header>` root: measures the header (mode, height, compact) and shares its mode. */\nexport function HeaderRoot({\n  variant,\n  navAlign,\n  compactAfterScroll,\n  className,\n  children,\n}: {\n  readonly variant: string\n  readonly navAlign: string\n  readonly compactAfterScroll: boolean\n  readonly className?: string | undefined\n  readonly children: ReactNode\n}) {\n  const ref = useRef<HTMLElement>(null)\n  const { mode } = useHeaderMetrics(ref, { compactAfterScroll })\n  return (\n    <header ref={ref} data-bl=\"header\" data-variant={variant} data-nav-align={navAlign} className={className}>\n      <HeaderModeContext value={mode}>{children}</HeaderModeContext>\n    </header>\n  )\n}\n\ninterface NavState {\n  readonly menu: NavigationMenu\n  readonly hydrated: boolean\n}\n\nconst NavContext = createContext<NavState | null>(null)\n\n/** The `<nav>` landmark and the menu state (F3 engine) for the items inside it. */\nexport function NavController({ label, className, children }: { readonly label: string; readonly className?: string | undefined; readonly children: ReactNode }) {\n  const navRef = useRef<HTMLElement>(null)\n  const pathname = usePathname()\n  const mode = useContext(HeaderModeContext)\n  const menu = useNavigationMenu(navRef, `${pathname}|${mode}`)\n  const [hydrated, setHydrated] = useState(false)\n  useEffect(() => setHydrated(true), [])\n  return (\n    <nav ref={navRef} aria-label={label} data-slot=\"nav\" className={className}>\n      <NavContext value={{ menu, hydrated }}>{children}</NavContext>\n    </nav>\n  )\n}\n\n/**\n * One top-level item. `data-current` marks the current section: the page is the item's hub or one of its active\n * paths (or below them), or one of its panel links is the current page.\n */\nexport function NavItem({\n  menuId,\n  paths,\n  className,\n  children,\n}: {\n  /** Set for an item with a panel. */\n  readonly menuId?: string\n  readonly paths: readonly string[]\n  readonly className?: string | undefined\n  readonly children: ReactNode\n}) {\n  const ref = useRef<HTMLLIElement>(null)\n  const pathname = usePathname()\n  const nav = useContext(NavContext)\n  const [panelLinkCurrent, setPanelLinkCurrent] = useState(false)\n  useEffect(() => {\n    setPanelLinkCurrent(ref.current?.querySelector('[data-slot=\"panel\"] [aria-current=\"page\"]') != null)\n  }, [pathname])\n  const current = panelLinkCurrent || isCurrentSection(pathname, paths)\n  const open = menuId !== undefined && nav?.menu.openId === menuId\n  return (\n    <li\n      ref={ref}\n      data-slot=\"item\"\n      data-has-panel={menuId !== undefined ? 'true' : undefined}\n      data-state={menuId !== undefined ? (open ? 'open' : 'closed') : undefined}\n      data-current={current ? 'true' : undefined}\n      className={className}\n      {...(menuId !== undefined && nav ? nav.menu.itemHandlers(menuId) : {})}\n    >\n      {children}\n    </li>\n  )\n}\n\n/** The disclosure button beside an item's hub link, named \"{label} menu\". */\nexport function NavTrigger({\n  menuId,\n  panelId,\n  label,\n  className,\n  children,\n}: {\n  readonly menuId: string\n  readonly panelId: string\n  readonly label: string\n  readonly className?: string | undefined\n  readonly children: ReactNode\n}) {\n  const nav = useContext(NavContext)\n  return (\n    <button\n      type=\"button\"\n      data-slot=\"trigger\"\n      data-menu-id={menuId}\n      aria-expanded={nav?.menu.openId === menuId}\n      aria-controls={panelId}\n      aria-label={`${label} menu`}\n      className={className}\n      {...nav?.menu.triggerHandlers(menuId)}\n    >\n      {children}\n    </button>\n  )\n}\n\n/** The panel box. Its links are the server-rendered children; the panel only changes state. */\nexport function NavPanel({\n  menuId,\n  panelId,\n  variant,\n  columns,\n  className,\n  children,\n}: {\n  readonly menuId: string\n  readonly panelId: string\n  readonly variant: string\n  readonly columns?: number | undefined\n  readonly className?: string | undefined\n  readonly children: ReactNode\n}) {\n  const nav = useContext(NavContext)\n  const open = nav?.menu.openId === menuId\n  return (\n    <div\n      id={panelId}\n      data-slot=\"panel\"\n      data-menu-id={menuId}\n      data-variant={variant}\n      data-columns={columns}\n      data-state={open ? 'open' : 'closed'}\n      inert={Boolean(nav?.hydrated) && !open}\n      className={className}\n      {...nav?.menu.panelHandlers(menuId)}\n    >\n      {children}\n    </div>\n  )\n}\n"]}

package/dist/ui-kit/shell/index.d.ts

@@ -0,0 +1,6 @@
+export { SITE_HEADER_VARIANTS, SiteHeader, type SiteHeaderLayout, type SiteHeaderProps, type SiteHeaderSkin, type SiteHeaderSlot, type SiteHeaderVariant, } from './site-header.js';
+export { MOBILE_DRAWER_VARIANTS, MobileDrawer, type MobileDrawerLayout, type MobileDrawerProps, type MobileDrawerSkin, type MobileDrawerSlot, type MobileDrawerVariant, type ShellQuote, } from './mobile-drawer.js';
+export { UtilityBar, type UtilityBarLayout, type UtilityBarProps, type UtilityBarSkin, type UtilityBarSlot, type UtilityLicence, type UtilityRating, } from './utility-bar.js';
+export { MOBILE_CALL_BAR_VARIANTS, MobileCallBar, type MobileCallBarProps, type MobileCallBarSkin, type MobileCallBarSlot, type MobileCallBarVariant, } from './mobile-call-bar.js';
+export { BACK_TO_TOP_OFFSETS, BackToTop, type BackToTopLayout, type BackToTopProps, type BackToTopSkin, type BackToTopSlot } from './back-to-top.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui-kit/shell/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui-kit/shell/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,UAAU,EACV,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,iBAAiB,GACvB,MAAM,kBAAkB,CAAA;AACzB,OAAO,EACL,sBAAsB,EACtB,YAAY,EACZ,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,EACrB,KAAK,mBAAmB,EACxB,KAAK,UAAU,GAChB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EACL,UAAU,EACV,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,aAAa,GACnB,MAAM,kBAAkB,CAAA;AACzB,OAAO,EACL,wBAAwB,EACxB,aAAa,EACb,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,EACtB,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,GAC1B,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAAE,mBAAmB,EAAE,SAAS,EAAE,KAAK,eAAe,EAAE,KAAK,cAAc,EAAE,KAAK,aAAa,EAAE,KAAK,aAAa,EAAE,MAAM,kBAAkB,CAAA"}

package/dist/ui-kit/shell/index.js

@@ -0,0 +1,6 @@
+export { SITE_HEADER_VARIANTS, SiteHeader, } from './site-header.js';
+export { MOBILE_DRAWER_VARIANTS, MobileDrawer, } from './mobile-drawer.js';
+export { UtilityBar, } from './utility-bar.js';
+export { MOBILE_CALL_BAR_VARIANTS, MobileCallBar, } from './mobile-call-bar.js';
+export { BACK_TO_TOP_OFFSETS, BackToTop } from './back-to-top.js';
+//# sourceMappingURL=index.js.map

package/dist/ui-kit/shell/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui-kit/shell/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,UAAU,GAMX,MAAM,kBAAkB,CAAA;AACzB,OAAO,EACL,sBAAsB,EACtB,YAAY,GAOb,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EACL,UAAU,GAOX,MAAM,kBAAkB,CAAA;AACzB,OAAO,EACL,wBAAwB,EACxB,aAAa,GAKd,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAAE,mBAAmB,EAAE,SAAS,EAAqF,MAAM,kBAAkB,CAAA","sourcesContent":["export {\n  SITE_HEADER_VARIANTS,\n  SiteHeader,\n  type SiteHeaderLayout,\n  type SiteHeaderProps,\n  type SiteHeaderSkin,\n  type SiteHeaderSlot,\n  type SiteHeaderVariant,\n} from './site-header.js'\nexport {\n  MOBILE_DRAWER_VARIANTS,\n  MobileDrawer,\n  type MobileDrawerLayout,\n  type MobileDrawerProps,\n  type MobileDrawerSkin,\n  type MobileDrawerSlot,\n  type MobileDrawerVariant,\n  type ShellQuote,\n} from './mobile-drawer.js'\nexport {\n  UtilityBar,\n  type UtilityBarLayout,\n  type UtilityBarProps,\n  type UtilityBarSkin,\n  type UtilityBarSlot,\n  type UtilityLicence,\n  type UtilityRating,\n} from './utility-bar.js'\nexport {\n  MOBILE_CALL_BAR_VARIANTS,\n  MobileCallBar,\n  type MobileCallBarProps,\n  type MobileCallBarSkin,\n  type MobileCallBarSlot,\n  type MobileCallBarVariant,\n} from './mobile-call-bar.js'\nexport { BACK_TO_TOP_OFFSETS, BackToTop, type BackToTopLayout, type BackToTopProps, type BackToTopSkin, type BackToTopSlot } from './back-to-top.js'\n"]}

package/dist/ui-kit/shell/mobile-call-bar.d.ts

@@ -0,0 +1,16 @@
+import type { SkinEntry } from '../skin.js';
+import type { UiPhone } from '../types.js';
+import type { ShellQuote } from './mobile-drawer.js';
+export type MobileCallBarSlot = 'root' | 'call' | 'quote';
+export declare const MOBILE_CALL_BAR_VARIANTS: readonly ["bar", "float"];
+/** `bar`: full width; `float`: two pills at the end. */
+export type MobileCallBarVariant = (typeof MOBILE_CALL_BAR_VARIANTS)[number];
+export type MobileCallBarSkin = SkinEntry<MobileCallBarSlot, MobileCallBarVariant>;
+export interface MobileCallBarProps extends MobileCallBarSkin {
+    readonly phone: UiPhone;
+    /** Words before the number, for example "Call". The button's name always includes the number. */
+    readonly phoneLabel?: string | undefined;
+    readonly quote: ShellQuote;
+}
+export declare function MobileCallBar({ phone, phoneLabel, quote, variant, classes }: MobileCallBarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=mobile-call-bar.d.ts.map

package/dist/ui-kit/shell/mobile-call-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mobile-call-bar.d.ts","sourceRoot":"","sources":["../../../src/ui-kit/shell/mobile-call-bar.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAC3C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AAE1C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAEpD,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAA;AACzD,eAAO,MAAM,wBAAwB,2BAA4B,CAAA;AACjE,wDAAwD;AACxD,MAAM,MAAM,oBAAoB,GAAG,CAAC,OAAO,wBAAwB,CAAC,CAAC,MAAM,CAAC,CAAA;AAC5E,MAAM,MAAM,iBAAiB,GAAG,SAAS,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,CAAA;AAElF,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAA;IACvB,iGAAiG;IACjG,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACxC,QAAQ,CAAC,KAAK,EAAE,UAAU,CAAA;CAC3B;AAED,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,OAAe,EAAE,OAAO,EAAE,EAAE,kBAAkB,2CAOvG"}

package/dist/ui-kit/shell/mobile-call-bar.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * F6: the phone call bar (server component). Call and quote always one tap away below 1024 px: it shows once the
+ * hero's own call and quote buttons (`data-bl-call-path`) have scrolled out, and hides over the footer, the drawer, a
+ * dialog, any call path and while a form field has focus. Call reports placement `fab`; the quote button sends
+ * `lead_cta_click` with placement `floating`. Render it once, after the page's `<main>`.
+ */
+import { PhoneLink } from '../primitives/links.js';
+import { QuoteButton } from '../primitives/quote-button.js';
+import { CallBarController } from './call-bar-client.js';
+export const MOBILE_CALL_BAR_VARIANTS = ['bar', 'float'];
+export function MobileCallBar({ phone, phoneLabel, quote, variant = 'bar', classes }) {
+    return (_jsxs(CallBarController, { variant: variant, className: classes?.root, children: [_jsx(PhoneLink, { phone: phone, placement: "fab", label: phoneLabel, showIcon: true, variant: "button", classes: { root: classes?.call } }), _jsx(QuoteButton, { label: quote.label, href: quote.href, placement: "floating", ctaId: "quote-callbar", classes: { root: classes?.quote } })] }));
+}
+//# sourceMappingURL=mobile-call-bar.js.map

package/dist/ui-kit/shell/mobile-call-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mobile-call-bar.js","sourceRoot":"","sources":["../../../src/ui-kit/shell/mobile-call-bar.tsx"],"names":[],"mappings":";AAAA;;;;;GAKG;AACH,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAA;AAG3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAIxD,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,KAAK,EAAE,OAAO,CAAU,CAAA;AAYjE,MAAM,UAAU,aAAa,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,GAAG,KAAK,EAAE,OAAO,EAAsB;IACtG,OAAO,CACL,MAAC,iBAAiB,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,aAC3D,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAC,KAAK,EAAC,KAAK,EAAE,UAAU,EAAE,QAAQ,QAAC,OAAO,EAAC,QAAQ,EAAC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,GAAI,EAC1H,KAAC,WAAW,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,SAAS,EAAC,UAAU,EAAC,KAAK,EAAC,eAAe,EAAC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,GAAI,IACjH,CACrB,CAAA;AACH,CAAC","sourcesContent":["/**\n * F6: the phone call bar (server component). Call and quote always one tap away below 1024 px: it shows once the\n * hero's own call and quote buttons (`data-bl-call-path`) have scrolled out, and hides over the footer, the drawer, a\n * dialog, any call path and while a form field has focus. Call reports placement `fab`; the quote button sends\n * `lead_cta_click` with placement `floating`. Render it once, after the page's `<main>`.\n */\nimport { PhoneLink } from '../primitives/links.js'\nimport { QuoteButton } from '../primitives/quote-button.js'\nimport type { SkinEntry } from '../skin.js'\nimport type { UiPhone } from '../types.js'\nimport { CallBarController } from './call-bar-client.js'\nimport type { ShellQuote } from './mobile-drawer.js'\n\nexport type MobileCallBarSlot = 'root' | 'call' | 'quote'\nexport const MOBILE_CALL_BAR_VARIANTS = ['bar', 'float'] as const\n/** `bar`: full width; `float`: two pills at the end. */\nexport type MobileCallBarVariant = (typeof MOBILE_CALL_BAR_VARIANTS)[number]\nexport type MobileCallBarSkin = SkinEntry<MobileCallBarSlot, MobileCallBarVariant>\n\nexport interface MobileCallBarProps extends MobileCallBarSkin {\n  readonly phone: UiPhone\n  /** Words before the number, for example \"Call\". The button's name always includes the number. */\n  readonly phoneLabel?: string | undefined\n  readonly quote: ShellQuote\n}\n\nexport function MobileCallBar({ phone, phoneLabel, quote, variant = 'bar', classes }: MobileCallBarProps) {\n  return (\n    <CallBarController variant={variant} className={classes?.root}>\n      <PhoneLink phone={phone} placement=\"fab\" label={phoneLabel} showIcon variant=\"button\" classes={{ root: classes?.call }} />\n      <QuoteButton label={quote.label} href={quote.href} placement=\"floating\" ctaId=\"quote-callbar\" classes={{ root: classes?.quote }} />\n    </CallBarController>\n  )\n}\n"]}

package/dist/ui-kit/shell/mobile-drawer.d.ts

@@ -0,0 +1,37 @@
+/**
+ * F4: the phone and compact-band menu (server component). A modal dialog named "Menu", sliding in at
+ * `min(100%, 420px)`: the close button first, then the groups as accordions (one open at a time), the plain links,
+ * full-width Call and quote buttons, and the social links. Every link is in the server HTML. `SiteHeader` renders it;
+ * render it on its own only inside a recorded bespoke header.
+ */
+import type { BrandlabNavigation } from '@brandlab-digital/site-core/navigation';
+import type { ReactNode } from 'react';
+import { type SkinEntry } from '../skin.js';
+import type { UiPhone, UiSocial } from '../types.js';
+export type MobileDrawerSlot = 'root' | 'menuButton' | 'menuLabel' | 'panel' | 'top' | 'close' | 'title' | 'logo' | 'nav' | 'group' | 'groupTrigger' | 'groupLinks' | 'groupLink' | 'links' | 'link' | 'actions' | 'call' | 'quote' | 'social' | 'socialLink';
+export declare const MOBILE_DRAWER_VARIANTS: readonly ["side", "full"];
+export type MobileDrawerVariant = (typeof MOBILE_DRAWER_VARIANTS)[number];
+export interface MobileDrawerLayout {
+    /** The side the panel slides from (`side` variant). */
+    readonly side?: 'end' | 'start';
+}
+export type MobileDrawerSkin = SkinEntry<MobileDrawerSlot, MobileDrawerVariant, MobileDrawerLayout>;
+/** The quote action. `href` is the quote form it falls back to without scripts, for example `/contact#quote`. */
+export interface ShellQuote {
+    readonly label: string;
+    readonly href: string;
+}
+export interface MobileDrawerProps extends MobileDrawerSkin {
+    readonly navigation: BrandlabNavigation;
+    readonly phone: UiPhone;
+    /** Words before the number on the Call button, for example "Call". */
+    readonly phoneLabel?: string | undefined;
+    readonly quote: ShellQuote;
+    readonly socials?: readonly UiSocial[] | undefined;
+    /** An optional logo in the drawer's top bar (decorative there). */
+    readonly logo?: ReactNode;
+    /** Prefix for element ids; one per header on the page. */
+    readonly idPrefix?: string | undefined;
+}
+export declare function MobileDrawer({ navigation, phone, phoneLabel, quote, socials, logo, idPrefix, variant, layout, classes, }: MobileDrawerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=mobile-drawer.d.ts.map

package/dist/ui-kit/shell/mobile-drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mobile-drawer.d.ts","sourceRoot":"","sources":["../../../src/ui-kit/shell/mobile-drawer.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,kBAAkB,EAA4C,MAAM,wCAAwC,CAAA;AAC1H,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,YAAY,CAAA;AACjD,OAAO,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAKpD,MAAM,MAAM,gBAAgB,GACxB,MAAM,GACN,YAAY,GACZ,WAAW,GACX,OAAO,GACP,KAAK,GACL,OAAO,GACP,OAAO,GACP,MAAM,GACN,KAAK,GACL,OAAO,GACP,cAAc,GACd,YAAY,GACZ,WAAW,GACX,OAAO,GACP,MAAM,GACN,SAAS,GACT,MAAM,GACN,OAAO,GACP,QAAQ,GACR,YAAY,CAAA;AAChB,eAAO,MAAM,sBAAsB,2BAA4B,CAAA;AAC/D,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,CAAC,CAAA;AACzE,MAAM,WAAW,kBAAkB;IACjC,uDAAuD;IACvD,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,CAAA;CAChC;AACD,MAAM,MAAM,gBAAgB,GAAG,SAAS,CAAC,gBAAgB,EAAE,mBAAmB,EAAE,kBAAkB,CAAC,CAAA;AAEnG,iHAAiH;AACjH,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;CACtB;AAED,MAAM,WAAW,iBAAkB,SAAQ,gBAAgB;IACzD,QAAQ,CAAC,UAAU,EAAE,kBAAkB,CAAA;IACvC,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAA;IACvB,sEAAsE;IACtE,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACxC,QAAQ,CAAC,KAAK,EAAE,UAAU,CAAA;IAC1B,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,QAAQ,EAAE,GAAG,SAAS,CAAA;IAClD,mEAAmE;IACnE,QAAQ,CAAC,IAAI,CAAC,EAAE,SAAS,CAAA;IACzB,0DAA0D;IAC1D,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CACvC;AAED,wBAAgB,YAAY,CAAC,EAC3B,UAAU,EACV,KAAK,EACL,UAAU,EACV,KAAK,EACL,OAAY,EACZ,IAAI,EACJ,QAAsB,EACtB,OAAgB,EAChB,MAAM,EACN,OAAO,GACR,EAAE,iBAAiB,2CAwEnB"}

package/dist/ui-kit/shell/mobile-drawer.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon } from '../icons.js';
+import { PhoneLink } from '../primitives/links.js';
+import { QuoteButton } from '../primitives/quote-button.js';
+import { slot } from '../skin.js';
+import { CurrentLink } from './current-link.js';
+import { DrawerController } from './drawer-client.js';
+import { SocialLinks } from './social-links.js';
+export const MOBILE_DRAWER_VARIANTS = ['side', 'full'];
+export function MobileDrawer({ navigation, phone, phoneLabel, quote, socials = [], logo, idPrefix = 'bl-header', variant = 'side', layout, classes, }) {
+    const id = `${idPrefix}-drawer`;
+    const groups = navigation.items.filter((item) => item.kind === 'menu');
+    const links = navigation.items.filter((item) => item.kind === 'link');
+    return (_jsxs(DrawerController, { id: id, variant: variant, side: layout?.side ?? 'end', classes: {
+            root: classes?.root,
+            menuButton: classes?.menuButton,
+            menuLabel: classes?.menuLabel,
+            panel: classes?.panel,
+            top: classes?.top,
+            close: classes?.close,
+            title: classes?.title,
+            logo: classes?.logo,
+        }, logo: logo, menuIcon: _jsx(Icon, { name: "menu" }), closeIcon: _jsx(Icon, { name: "close" }), children: [_jsxs("nav", { "aria-label": "Main", ...slot(classes, 'nav'), children: [groups.map((group) => (_jsxs("details", { name: `${id}-groups`, ...slot(classes, 'group'), children: [_jsxs("summary", { ...slot(classes, 'groupTrigger'), children: [_jsx("span", { children: group.label }), _jsx(Icon, { name: "chevron" })] }), _jsxs("ul", { ...slot(classes, 'groupLinks'), children: [_jsx("li", { children: _jsx(CurrentLink, { href: group.href, slot: "groupLink", prefetch: false, hub: true, className: classes?.groupLink, children: group.hubLabel }) }), group.featured && !group.links.some((link) => link.href === group.featured?.href) ? (_jsx("li", { children: _jsx(CurrentLink, { href: group.featured.href, slot: "groupLink", prefetch: false, className: classes?.groupLink, children: group.featured.label }) })) : null, group.links.map((link) => (_jsx("li", { children: _jsx(CurrentLink, { href: link.href, slot: "groupLink", prefetch: false, className: classes?.groupLink, children: link.label }) }, link.href)))] })] }, group.id))), links.length > 0 ? (_jsx("ul", { ...slot(classes, 'links'), children: links.map((link) => (_jsx("li", { children: _jsx(CurrentLink, { href: link.href, slot: "link", prefetch: false, className: classes?.link, children: link.label }) }, link.id))) })) : null] }), _jsxs("div", { ...slot(classes, 'actions'), children: [_jsx(PhoneLink, { phone: phone, placement: "header", label: phoneLabel, showIcon: true, variant: "button", classes: { root: classes?.call } }), _jsx(QuoteButton, { label: quote.label, href: quote.href, placement: "navigation", ctaId: "quote-menu", classes: { root: classes?.quote } })] }), _jsx(SocialLinks, { socials: socials, slotName: "social", className: classes?.social, linkClassName: classes?.socialLink })] }));
+}
+//# sourceMappingURL=mobile-drawer.js.map

package/dist/ui-kit/shell/mobile-drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mobile-drawer.js","sourceRoot":"","sources":["../../../src/ui-kit/shell/mobile-drawer.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * F4: the phone and compact-band menu (server component). A modal dialog named \"Menu\", sliding in at\n * `min(100%, 420px)`: the close button first, then the groups as accordions (one open at a time), the plain links,\n * full-width Call and quote buttons, and the social links. Every link is in the server HTML. `SiteHeader` renders it;\n * render it on its own only inside a recorded bespoke header.\n */\nimport type { BrandlabNavigation, BrandlabNavLinkItem, BrandlabNavMenuItem } from '@brandlab-digital/site-core/navigation'\nimport type { ReactNode } from 'react'\nimport { Icon } from '../icons.js'\nimport { PhoneLink } from '../primitives/links.js'\nimport { QuoteButton } from '../primitives/quote-button.js'\nimport { slot, type SkinEntry } from '../skin.js'\nimport type { UiPhone, UiSocial } from '../types.js'\nimport { CurrentLink } from './current-link.js'\nimport { DrawerController } from './drawer-client.js'\nimport { SocialLinks } from './social-links.js'\n\nexport type MobileDrawerSlot =\n  | 'root'\n  | 'menuButton'\n  | 'menuLabel'\n  | 'panel'\n  | 'top'\n  | 'close'\n  | 'title'\n  | 'logo'\n  | 'nav'\n  | 'group'\n  | 'groupTrigger'\n  | 'groupLinks'\n  | 'groupLink'\n  | 'links'\n  | 'link'\n  | 'actions'\n  | 'call'\n  | 'quote'\n  | 'social'\n  | 'socialLink'\nexport const MOBILE_DRAWER_VARIANTS = ['side', 'full'] as const\nexport type MobileDrawerVariant = (typeof MOBILE_DRAWER_VARIANTS)[number]\nexport interface MobileDrawerLayout {\n  /** The side the panel slides from (`side` variant). */\n  readonly side?: 'end' | 'start'\n}\nexport type MobileDrawerSkin = SkinEntry<MobileDrawerSlot, MobileDrawerVariant, MobileDrawerLayout>\n\n/** The quote action. `href` is the quote form it falls back to without scripts, for example `/contact#quote`. */\nexport interface ShellQuote {\n  readonly label: string\n  readonly href: string\n}\n\nexport interface MobileDrawerProps extends MobileDrawerSkin {\n  readonly navigation: BrandlabNavigation\n  readonly phone: UiPhone\n  /** Words before the number on the Call button, for example \"Call\". */\n  readonly phoneLabel?: string | undefined\n  readonly quote: ShellQuote\n  readonly socials?: readonly UiSocial[] | undefined\n  /** An optional logo in the drawer's top bar (decorative there). */\n  readonly logo?: ReactNode\n  /** Prefix for element ids; one per header on the page. */\n  readonly idPrefix?: string | undefined\n}\n\nexport function MobileDrawer({\n  navigation,\n  phone,\n  phoneLabel,\n  quote,\n  socials = [],\n  logo,\n  idPrefix = 'bl-header',\n  variant = 'side',\n  layout,\n  classes,\n}: MobileDrawerProps) {\n  const id = `${idPrefix}-drawer`\n  const groups = navigation.items.filter((item): item is BrandlabNavMenuItem => item.kind === 'menu')\n  const links = navigation.items.filter((item): item is BrandlabNavLinkItem => item.kind === 'link')\n  return (\n    <DrawerController\n      id={id}\n      variant={variant}\n      side={layout?.side ?? 'end'}\n      classes={{\n        root: classes?.root,\n        menuButton: classes?.menuButton,\n        menuLabel: classes?.menuLabel,\n        panel: classes?.panel,\n        top: classes?.top,\n        close: classes?.close,\n        title: classes?.title,\n        logo: classes?.logo,\n      }}\n      logo={logo}\n      menuIcon={<Icon name=\"menu\" />}\n      closeIcon={<Icon name=\"close\" />}\n    >\n      <nav aria-label=\"Main\" {...slot(classes, 'nav')}>\n        {groups.map((group) => (\n          <details key={group.id} name={`${id}-groups`} {...slot(classes, 'group')}>\n            <summary {...slot(classes, 'groupTrigger')}>\n              <span>{group.label}</span>\n              <Icon name=\"chevron\" />\n            </summary>\n            <ul {...slot(classes, 'groupLinks')}>\n              <li>\n                <CurrentLink href={group.href} slot=\"groupLink\" prefetch={false} hub className={classes?.groupLink}>\n                  {group.hubLabel}\n                </CurrentLink>\n              </li>\n              {group.featured && !group.links.some((link) => link.href === group.featured?.href) ? (\n                <li>\n                  <CurrentLink href={group.featured.href} slot=\"groupLink\" prefetch={false} className={classes?.groupLink}>\n                    {group.featured.label}\n                  </CurrentLink>\n                </li>\n              ) : null}\n              {group.links.map((link) => (\n                <li key={link.href}>\n                  <CurrentLink href={link.href} slot=\"groupLink\" prefetch={false} className={classes?.groupLink}>\n                    {link.label}\n                  </CurrentLink>\n                </li>\n              ))}\n            </ul>\n          </details>\n        ))}\n        {links.length > 0 ? (\n          <ul {...slot(classes, 'links')}>\n            {links.map((link) => (\n              <li key={link.id}>\n                <CurrentLink href={link.href} slot=\"link\" prefetch={false} className={classes?.link}>\n                  {link.label}\n                </CurrentLink>\n              </li>\n            ))}\n          </ul>\n        ) : null}\n      </nav>\n      <div {...slot(classes, 'actions')}>\n        <PhoneLink phone={phone} placement=\"header\" label={phoneLabel} showIcon variant=\"button\" classes={{ root: classes?.call }} />\n        <QuoteButton label={quote.label} href={quote.href} placement=\"navigation\" ctaId=\"quote-menu\" classes={{ root: classes?.quote }} />\n      </div>\n      <SocialLinks socials={socials} slotName=\"social\" className={classes?.social} linkClassName={classes?.socialLink} />\n    </DrawerController>\n  )\n}\n"]}

package/dist/ui-kit/shell/shell-context.d.ts

@@ -0,0 +1,3 @@
+import type { HeaderMode } from '../../navigation/constants.js';
+export declare const HeaderModeContext: import("react").Context<HeaderMode | null>;
+//# sourceMappingURL=shell-context.d.ts.map

package/dist/ui-kit/shell/shell-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shell-context.d.ts","sourceRoot":"","sources":["../../../src/ui-kit/shell/shell-context.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAA;AAE/D,eAAO,MAAM,iBAAiB,4CAAyC,CAAA"}

package/dist/ui-kit/shell/shell-context.js

@@ -0,0 +1,5 @@
+'use client';
+/** The header's measured mode, shared by the header root with the menu and the drawer (both reset when it changes). */
+import { createContext } from 'react';
+export const HeaderModeContext = createContext(null);
+//# sourceMappingURL=shell-context.js.map

package/dist/ui-kit/shell/shell-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shell-context.js","sourceRoot":"","sources":["../../../src/ui-kit/shell/shell-context.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,uHAAuH;AACvH,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAGrC,MAAM,CAAC,MAAM,iBAAiB,GAAG,aAAa,CAAoB,IAAI,CAAC,CAAA","sourcesContent":["'use client'\n\n/** The header's measured mode, shared by the header root with the menu and the drawer (both reset when it changes). */\nimport { createContext } from 'react'\nimport type { HeaderMode } from '../../navigation/constants.js'\n\nexport const HeaderModeContext = createContext<HeaderMode | null>(null)\n"]}

package/dist/ui-kit/shell/site-header.d.ts

@@ -0,0 +1,52 @@
+/**
+ * F2: the header shell (server component). The same structure on every site: the skip link, the optional utility
+ * bar, then a sticky, solid `<header>` holding the logo, the menu, the phone and the quote button. Layout follows the
+ * header's own width (container queries): from 1280 px the full menu; from 1024 to 1279 px a compact band with the
+ * phone and its number, the quote button and a Menu button; below 1024 px the logo, a 44 px call button and a 44 px
+ * Menu button. Every menu, hub and panel link is an `<a href>` in the server HTML (F3); client leaves only change
+ * state.
+ */
+import type { BrandlabNavigation } from '@brandlab-digital/site-core/navigation';
+import type { ReactNode } from 'react';
+import { type SkinEntry } from '../skin.js';
+import type { UiPhone, UiSocial } from '../types.js';
+import { type MobileDrawerSkin, type ShellQuote } from './mobile-drawer.js';
+export type SiteHeaderSlot = 'skip' | 'root' | 'bar' | 'inner' | 'logo' | 'nav' | 'list' | 'item' | 'itemRow' | 'link' | 'trigger' | 'panel' | 'panelBody' | 'panelList' | 'panelGroup' | 'panelHeading' | 'panelLink' | 'panelLabel' | 'panelText' | 'featured' | 'featuredMedia' | 'featuredLabel' | 'featuredText' | 'actions' | 'phone' | 'phoneIcon' | 'phoneLabel' | 'phoneNumber' | 'quote' | 'quoteLabel' | 'quoteIcon' | 'menuButton' | 'menuLabel';
+export declare const SITE_HEADER_VARIANTS: readonly ["standard", "call-first"];
+/**
+ * `call-first` (recorded exceptions, v1 §9.10): the phone is the primary action (a button with its number at every
+ * width); the quote button still follows it, as on `standard`.
+ */
+export type SiteHeaderVariant = (typeof SITE_HEADER_VARIANTS)[number];
+export interface SiteHeaderLayout {
+    /** Where the menu sits between the logo and the actions. */
+    readonly navAlign?: 'center' | 'end';
+    /** Compact the header (`data-compact="true"`) once the page has scrolled 80 px. It never hides. */
+    readonly compactAfterScroll?: boolean;
+}
+export type SiteHeaderSkin = SkinEntry<SiteHeaderSlot, SiteHeaderVariant, SiteHeaderLayout>;
+export interface SiteHeaderProps extends SiteHeaderSkin {
+    readonly navigation: BrandlabNavigation;
+    /** The logo link's accessible name. */
+    readonly brandName: string;
+    readonly homeHref: string;
+    readonly logo: ReactNode;
+    /** From the derived business facts, never typed by hand. */
+    readonly phone: UiPhone;
+    /** The small line above the number, for example "Call us". Also leads the drawer's Call button. */
+    readonly phoneLabel?: string | undefined;
+    readonly quote: ShellQuote;
+    readonly socials?: readonly UiSocial[] | undefined;
+    /** The site's skip-link text, for example "Skip to main content". It targets `#main`. */
+    readonly skipLabel: string;
+    /** The optional utility bar (`<UtilityBar>`), placed between the skip link and the header. */
+    readonly utility?: ReactNode;
+    /** The site's `mobileDrawer` skin entry. */
+    readonly drawer?: MobileDrawerSkin | undefined;
+    /** An optional logo for the drawer's top bar. */
+    readonly drawerLogo?: ReactNode;
+    /** Prefix for element ids; one per header on the page. */
+    readonly idPrefix?: string | undefined;
+}
+export declare function SiteHeader({ navigation, brandName, homeHref, logo, phone, phoneLabel, quote, socials, skipLabel, utility, drawer, drawerLogo, idPrefix, variant, layout, classes, }: SiteHeaderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=site-header.d.ts.map

package/dist/ui-kit/shell/site-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"site-header.d.ts","sourceRoot":"","sources":["../../../src/ui-kit/shell/site-header.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,KAAK,EAAE,kBAAkB,EAA4C,MAAM,wCAAwC,CAAA;AAG1H,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMtC,OAAO,EAAY,KAAK,SAAS,EAAoB,MAAM,YAAY,CAAA;AACvE,OAAO,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAGpD,OAAO,EAAgB,KAAK,gBAAgB,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAEzF,MAAM,MAAM,cAAc,GACtB,MAAM,GACN,MAAM,GACN,KAAK,GACL,OAAO,GACP,MAAM,GACN,KAAK,GACL,MAAM,GACN,MAAM,GACN,SAAS,GACT,MAAM,GACN,SAAS,GACT,OAAO,GACP,WAAW,GACX,WAAW,GACX,YAAY,GACZ,cAAc,GACd,WAAW,GACX,YAAY,GACZ,WAAW,GACX,UAAU,GACV,eAAe,GACf,eAAe,GACf,cAAc,GACd,SAAS,GACT,OAAO,GACP,WAAW,GACX,YAAY,GACZ,aAAa,GACb,OAAO,GACP,YAAY,GACZ,WAAW,GACX,YAAY,GACZ,WAAW,CAAA;AACf,eAAO,MAAM,oBAAoB,qCAAsC,CAAA;AACvE;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAA;AACrE,MAAM,WAAW,gBAAgB;IAC/B,4DAA4D;IAC5D,QAAQ,CAAC,QAAQ,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAA;IACpC,mGAAmG;IACnG,QAAQ,CAAC,kBAAkB,CAAC,EAAE,OAAO,CAAA;CACtC;AACD,MAAM,MAAM,cAAc,GAAG,SAAS,CAAC,cAAc,EAAE,iBAAiB,EAAE,gBAAgB,CAAC,CAAA;AAE3F,MAAM,WAAW,eAAgB,SAAQ,cAAc;IACrD,QAAQ,CAAC,UAAU,EAAE,kBAAkB,CAAA;IACvC,uCAAuC;IACvC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAA;IACxB,4DAA4D;IAC5D,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAA;IACvB,mGAAmG;IACnG,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACxC,QAAQ,CAAC,KAAK,EAAE,UAAU,CAAA;IAC1B,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,QAAQ,EAAE,GAAG,SAAS,CAAA;IAClD,yFAAyF;IACzF,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;IAC1B,8FAA8F;IAC9F,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,CAAA;IAC5B,4CAA4C;IAC5C,QAAQ,CAAC,MAAM,CAAC,EAAE,gBAAgB,GAAG,SAAS,CAAA;IAC9C,iDAAiD;IACjD,QAAQ,CAAC,UAAU,CAAC,EAAE,SAAS,CAAA;IAC/B,0DAA0D;IAC1D,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CACvC;AAED,wBAAgB,UAAU,CAAC,EACzB,UAAU,EACV,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,UAAU,EACV,KAAK,EACL,OAAO,EACP,SAAS,EACT,OAAO,EACP,MAAM,EACN,UAAU,EACV,QAAsB,EACtB,OAAoB,EACpB,MAAM,EACN,OAAO,GACR,EAAE,eAAe,2CAoEjB"}

package/dist/ui-kit/shell/site-header.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import Image from 'next/image';
+import Link from 'next/link';
+import { SkipLink } from '../../ui.js';
+import { MAIN_CONTENT_ID } from '../../navigation/constants.js';
+import { Icon } from '../icons.js';
+import { PhoneLink } from '../primitives/links.js';
+import { QuoteButton } from '../primitives/quote-button.js';
+import { cx, slot } from '../skin.js';
+import { CurrentLink } from './current-link.js';
+import { HeaderRoot, NavController, NavItem, NavPanel, NavTrigger } from './header-client.js';
+import { MobileDrawer } from './mobile-drawer.js';
+export const SITE_HEADER_VARIANTS = ['standard', 'call-first'];
+export function SiteHeader({ navigation, brandName, homeHref, logo, phone, phoneLabel, quote, socials, skipLabel, utility, drawer, drawerLogo, idPrefix = 'bl-header', variant = 'standard', layout, classes, }) {
+    const callFirst = variant === 'call-first';
+    return (_jsxs(_Fragment, { children: [_jsx(SkipLink, { targetId: MAIN_CONTENT_ID, "data-bl": "skip", className: classes?.skip, children: skipLabel }), utility, _jsx(HeaderRoot, { variant: variant, navAlign: layout?.navAlign ?? 'center', compactAfterScroll: layout?.compactAfterScroll ?? false, className: classes?.root, children: _jsx("div", { ...slot(classes, 'bar'), children: _jsxs("div", { ...slot(classes, 'inner'), children: [_jsx(Link, { href: homeHref, "aria-label": brandName, ...slot(classes, 'logo'), children: logo }), _jsx(NavController, { label: "Main", className: classes?.nav, children: _jsx("ul", { ...slot(classes, 'list'), children: navigation.items.map((item) => item.kind === 'link' ? (_jsx(LinkItem, { item: item, classes: classes }, item.id)) : (_jsx(MenuItem, { item: item, panelId: `${idPrefix}-panel-${item.id}`, classes: classes }, item.id))) }) }), _jsxs("div", { ...slot(classes, 'actions'), children: [_jsx(PhoneLink, { phone: phone, placement: "header", label: phoneLabel, showIcon: true, variant: callFirst ? 'button' : 'text', classes: { root: classes?.phone, icon: classes?.phoneIcon, label: classes?.phoneLabel, number: classes?.phoneNumber } }), _jsx(QuoteButton, { label: quote.label, href: quote.href, placement: "header", ctaId: "quote-header", classes: { root: classes?.quote, label: classes?.quoteLabel, icon: classes?.quoteIcon } }), _jsx(MobileDrawer, { ...drawer, classes: {
+                                            ...drawer?.classes,
+                                            menuButton: cx(drawer?.classes?.menuButton, classes?.menuButton),
+                                            menuLabel: cx(drawer?.classes?.menuLabel, classes?.menuLabel),
+                                        }, navigation: navigation, phone: phone, phoneLabel: phoneLabel, quote: quote, socials: socials, logo: drawerLogo, idPrefix: idPrefix })] })] }) }) })] }));
+}
+function LinkItem({ item, classes }) {
+    return (_jsx(NavItem, { paths: [item.href, ...(item.activePaths ?? [])], className: classes?.item, children: _jsx(CurrentLink, { href: item.href, slot: "link", className: classes?.link, children: item.label }) }));
+}
+function MenuItem({ item, panelId, classes }) {
+    const groups = item.panel === 'columns' && item.groups && item.groups.length > 0 ? item.groups : undefined;
+    // A columns panel never drops a link: links outside every group follow in a last group without a heading.
+    const grouped = new Set(groups?.flatMap((group) => group.links.map((link) => link.href)));
+    const ungrouped = groups ? item.links.filter((link) => !grouped.has(link.href)) : [];
+    const columnCount = groups ? groups.length + (ungrouped.length > 0 ? 1 : 0) : 0;
+    return (_jsxs(NavItem, { menuId: item.id, paths: [item.href, ...(item.activePaths ?? [])], className: classes?.item, children: [_jsxs("span", { ...slot(classes, 'itemRow'), children: [_jsx(CurrentLink, { href: item.href, slot: "link", className: classes?.link, children: item.label }), _jsx(NavTrigger, { menuId: item.id, panelId: panelId, label: item.label, className: classes?.trigger, children: _jsx(Icon, { name: "chevron" }) })] }), _jsx(NavPanel, { menuId: item.id, panelId: panelId, variant: item.panel, columns: groups ? Math.min(3, Math.max(2, columnCount)) : undefined, className: classes?.panel, children: _jsxs("div", { ...slot(classes, 'panelBody'), children: [item.panel === 'featured' && item.featured ? (_jsxs(CurrentLink, { href: item.featured.href, slot: "featured", prefetch: false, className: classes?.featured, children: [_jsx("span", { ...slot(classes, 'featuredMedia'), children: _jsx(Image, { src: item.featured.image.src, alt: item.featured.image.alt, width: item.featured.image.width, height: item.featured.image.height, sizes: "240px" }) }), _jsx("span", { ...slot(classes, 'featuredLabel'), children: item.featured.label }), _jsx("span", { ...slot(classes, 'featuredText'), children: item.featured.description })] })) : null, _jsxs("ul", { ...slot(classes, 'panelList'), children: [_jsx("li", { children: _jsxs(CurrentLink, { href: item.href, slot: "panelLink", hub: true, prefetch: false, className: classes?.panelLink, children: [_jsx("span", { ...slot(classes, 'panelLabel'), children: item.hubLabel }), _jsx(Icon, { name: "arrow" })] }) }), groups ? null : item.links.map((link) => _jsx(PanelLink, { link: link, classes: classes }, link.href))] }), groups?.map((group) => (_jsxs("div", { ...slot(classes, 'panelGroup'), children: [_jsx("p", { ...slot(classes, 'panelHeading'), children: group.heading }), _jsx("ul", { ...slot(classes, 'panelList'), children: group.links.map((link) => (_jsx(PanelLink, { link: link, classes: classes }, link.href))) })] }, group.heading))), ungrouped.length > 0 ? (_jsx("div", { ...slot(classes, 'panelGroup'), children: _jsx("ul", { ...slot(classes, 'panelList'), children: ungrouped.map((link) => (_jsx(PanelLink, { link: link, classes: classes }, link.href))) }) })) : null] }) })] }));
+}
+function PanelLink({ link, classes }) {
+    return (_jsx("li", { children: _jsxs(CurrentLink, { href: link.href, slot: "panelLink", prefetch: false, className: classes?.panelLink, children: [_jsx("span", { ...slot(classes, 'panelLabel'), children: link.label }), link.description ? _jsx("span", { ...slot(classes, 'panelText'), children: link.description }) : null] }) }));
+}
+//# sourceMappingURL=site-header.js.map