@brandlab-digital/site-next 3.13.0 → 3.15.0

package/dist/navigation/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/navigation/constants.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,0GAA0G;AAC1G,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,CAAA;AAC1C,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAA;AAC3C,sEAAsE;AACtE,MAAM,CAAC,MAAM,qBAAqB,GAAG,oCAAoC,CAAA;AAEzE,kDAAkD;AAClD,MAAM,CAAC,MAAM,wBAAwB,GAAG,IAAI,CAAA;AAC5C,MAAM,CAAC,MAAM,wBAAwB,GAAG,IAAI,CAAA;AAC5C,0FAA0F;AAC1F,MAAM,CAAC,MAAM,8BAA8B,GAAG,EAAE,CAAA;AAIhD,MAAM,UAAU,aAAa,CAAC,KAAa;IACzC,IAAI,KAAK,IAAI,wBAAwB;QAAE,OAAO,SAAS,CAAA;IACvD,IAAI,KAAK,IAAI,wBAAwB;QAAE,OAAO,SAAS,CAAA;IACvD,OAAO,OAAO,CAAA;AAChB,CAAC;AAED,wDAAwD;AACxD,MAAM,CAAC,MAAM,oBAAoB,GAAG,wBAAwB,CAAA;AAC5D,6FAA6F;AAC7F,MAAM,CAAC,MAAM,kBAAkB,GAAG,qBAAqB,CAAA;AAEvD,kEAAkE;AAClE,MAAM,CAAC,MAAM,yBAAyB,GAAG,GAAG,CAAA;AAC5C,iEAAiE;AACjE,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAA","sourcesContent":["/**\n * The shell's timings, breakpoints and hooks as plain values (no React), so server components can read them. A site\n * can't change them.\n */\n\n/** F3: a fine mouse opens a panel 100 ms after it enters an item and closes it 200 ms after it leaves. */\nexport const NAV_HOVER_OPEN_DELAY_MS = 100\nexport const NAV_HOVER_CLOSE_DELAY_MS = 200\n/** Only a fine mouse pointer that can hover opens panels on hover. */\nexport const NAV_HOVER_MEDIA_QUERY = '(hover: hover) and (pointer: fine)'\n\n/** F2: header modes by the header's own width. */\nexport const HEADER_DESKTOP_MIN_WIDTH = 1280\nexport const HEADER_COMPACT_MIN_WIDTH = 1024\n/** With `compactAfterScroll`, the header compacts once the page has scrolled this far. */\nexport const HEADER_COMPACT_AFTER_SCROLL_PX = 80\n\nexport type HeaderMode = 'phone' | 'compact' | 'desktop'\n\nexport function headerModeFor(width: number): HeaderMode {\n  if (width >= HEADER_DESKTOP_MIN_WIDTH) return 'desktop'\n  if (width >= HEADER_COMPACT_MIN_WIDTH) return 'compact'\n  return 'phone'\n}\n\n/** F6: the call bar shows below this viewport width. */\nexport const CALL_BAR_MEDIA_QUERY = '(max-width: 1023.98px)'\n/** F6: the hero's own call and quote buttons (and any other call path) carry this marker. */\nexport const CALL_PATH_SELECTOR = '[data-bl-call-path]'\n\n/** F7: back-to-top shows after this many screens of scrolling. */\nexport const BACK_TO_TOP_AFTER_SCREENS = 1.5\n/** F12: the skip-link target, which back-to-top also focuses. */\nexport const MAIN_CONTENT_ID = 'main'\n"]}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/navigation/constants.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,0GAA0G;AAC1G,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,CAAA;AAC1C,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAA;AAC3C,sEAAsE;AACtE,MAAM,CAAC,MAAM,qBAAqB,GAAG,oCAAoC,CAAA;AAEzE;;;GAGG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,IAAI,CAAA;AAC5C,MAAM,CAAC,MAAM,wBAAwB,GAAG,IAAI,CAAA;AAC5C,0FAA0F;AAC1F,MAAM,CAAC,MAAM,8BAA8B,GAAG,EAAE,CAAA;AAIhD,MAAM,UAAU,aAAa,CAAC,KAAa;IACzC,IAAI,KAAK,IAAI,wBAAwB;QAAE,OAAO,SAAS,CAAA;IACvD,IAAI,KAAK,IAAI,wBAAwB;QAAE,OAAO,SAAS,CAAA;IACvD,OAAO,OAAO,CAAA;AAChB,CAAC;AAED,wDAAwD;AACxD,MAAM,CAAC,MAAM,oBAAoB,GAAG,wBAAwB,CAAA;AAC5D;;;GAGG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,iBAAiB,CAAA;AACzD,MAAM,CAAC,MAAM,oBAAoB,GAAG,YAAY,CAAA;AAChD,6FAA6F;AAC7F,MAAM,CAAC,MAAM,kBAAkB,GAAG,qBAAqB,CAAA;AAEvD,kEAAkE;AAClE,MAAM,CAAC,MAAM,yBAAyB,GAAG,GAAG,CAAA;AAC5C,iEAAiE;AACjE,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAA","sourcesContent":["/**\n * The shell's timings, breakpoints and hooks as plain values (no React), so server components can read them. A site\n * can't change them.\n */\n\n/** F3: a fine mouse opens a panel 100 ms after it enters an item and closes it 200 ms after it leaves. */\nexport const NAV_HOVER_OPEN_DELAY_MS = 100\nexport const NAV_HOVER_CLOSE_DELAY_MS = 200\n/** Only a fine mouse pointer that can hover opens panels on hover. */\nexport const NAV_HOVER_MEDIA_QUERY = '(hover: hover) and (pointer: fine)'\n\n/**\n * F2: header modes by the header's own width. The full menu starts at 1200 px (3.15.0; 1280 before), so a 1280 px\n * window with a classic scrollbar (a 1265 px header) shows the menu, not the Menu button.\n */\nexport const HEADER_DESKTOP_MIN_WIDTH = 1200\nexport const HEADER_COMPACT_MIN_WIDTH = 1024\n/** With `compactAfterScroll`, the header compacts once the page has scrolled this far. */\nexport const HEADER_COMPACT_AFTER_SCROLL_PX = 80\n\nexport type HeaderMode = 'phone' | 'compact' | 'desktop'\n\nexport function headerModeFor(width: number): HeaderMode {\n  if (width >= HEADER_DESKTOP_MIN_WIDTH) return 'desktop'\n  if (width >= HEADER_COMPACT_MIN_WIDTH) return 'compact'\n  return 'phone'\n}\n\n/** F6: the call bar shows below this viewport width. */\nexport const CALL_BAR_MEDIA_QUERY = '(max-width: 1023.98px)'\n/**\n * F6: while the call bar is mounted, the root element carries this attribute (`shown` or `hidden`) and the document gets\n * a `CALL_BAR_STATE_EVENT` (`detail.shown`) on every change, so back-to-top stays hidden while the bar shows (3.15.0).\n */\nexport const CALL_BAR_STATE_ATTRIBUTE = 'data-bl-callbar'\nexport const CALL_BAR_STATE_EVENT = 'bl:callbar'\n/** F6: the hero's own call and quote buttons (and any other call path) carry this marker. */\nexport const CALL_PATH_SELECTOR = '[data-bl-call-path]'\n\n/** F7: back-to-top shows after this many screens of scrolling. */\nexport const BACK_TO_TOP_AFTER_SCREENS = 1.5\n/** F12: the skip-link target, which back-to-top also focuses. */\nexport const MAIN_CONTENT_ID = 'main'\n"]}

package/dist/navigation/index.d.ts

@@ -3,7 +3,7 @@
  * The ui-kit components use the hooks; a site uses them directly only in a recorded bespoke header. The hook modules
  * are client modules; the constants are plain values a server component can read.
  */
-export { BACK_TO_TOP_AFTER_SCREENS, CALL_BAR_MEDIA_QUERY, CALL_PATH_SELECTOR, HEADER_COMPACT_AFTER_SCROLL_PX, HEADER_COMPACT_MIN_WIDTH, HEADER_DESKTOP_MIN_WIDTH, MAIN_CONTENT_ID, NAV_HOVER_CLOSE_DELAY_MS, NAV_HOVER_MEDIA_QUERY, NAV_HOVER_OPEN_DELAY_MS, headerModeFor, type HeaderMode, } from './constants.js';
+export { BACK_TO_TOP_AFTER_SCREENS, CALL_BAR_MEDIA_QUERY, CALL_BAR_STATE_ATTRIBUTE, CALL_BAR_STATE_EVENT, CALL_PATH_SELECTOR, HEADER_COMPACT_AFTER_SCROLL_PX, HEADER_COMPACT_MIN_WIDTH, HEADER_DESKTOP_MIN_WIDTH, MAIN_CONTENT_ID, NAV_HOVER_CLOSE_DELAY_MS, NAV_HOVER_MEDIA_QUERY, NAV_HOVER_OPEN_DELAY_MS, headerModeFor, type HeaderMode, } from './constants.js';
 export { useNavigationMenu, type NavigationMenu, type NavigationOpenedBy } from './use-navigation-menu.js';
 export { useHeaderMetrics, type HeaderMetrics } from './use-header-metrics.js';
 export { useStickyCallBar } from './use-sticky-call-bar.js';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/navigation/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EACL,yBAAyB,EACzB,oBAAoB,EACpB,kBAAkB,EAClB,8BAA8B,EAC9B,wBAAwB,EACxB,wBAAwB,EACxB,eAAe,EACf,wBAAwB,EACxB,qBAAqB,EACrB,uBAAuB,EACvB,aAAa,EACb,KAAK,UAAU,GAChB,MAAM,gBAAgB,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,KAAK,cAAc,EAAE,KAAK,kBAAkB,EAAE,MAAM,0BAA0B,CAAA;AAC1G,OAAO,EAAE,gBAAgB,EAAE,KAAK,aAAa,EAAE,MAAM,yBAAyB,CAAA;AAC9E,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/navigation/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EACL,yBAAyB,EACzB,oBAAoB,EACpB,wBAAwB,EACxB,oBAAoB,EACpB,kBAAkB,EAClB,8BAA8B,EAC9B,wBAAwB,EACxB,wBAAwB,EACxB,eAAe,EACf,wBAAwB,EACxB,qBAAqB,EACrB,uBAAuB,EACvB,aAAa,EACb,KAAK,UAAU,GAChB,MAAM,gBAAgB,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,KAAK,cAAc,EAAE,KAAK,kBAAkB,EAAE,MAAM,0BAA0B,CAAA;AAC1G,OAAO,EAAE,gBAAgB,EAAE,KAAK,aAAa,EAAE,MAAM,yBAAyB,CAAA;AAC9E,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA"}

package/dist/navigation/index.js

@@ -3,7 +3,7 @@
  * The ui-kit components use the hooks; a site uses them directly only in a recorded bespoke header. The hook modules
  * are client modules; the constants are plain values a server component can read.
  */
-export { BACK_TO_TOP_AFTER_SCREENS, CALL_BAR_MEDIA_QUERY, CALL_PATH_SELECTOR, HEADER_COMPACT_AFTER_SCROLL_PX, HEADER_COMPACT_MIN_WIDTH, HEADER_DESKTOP_MIN_WIDTH, MAIN_CONTENT_ID, NAV_HOVER_CLOSE_DELAY_MS, NAV_HOVER_MEDIA_QUERY, NAV_HOVER_OPEN_DELAY_MS, headerModeFor, } from './constants.js';
+export { BACK_TO_TOP_AFTER_SCREENS, CALL_BAR_MEDIA_QUERY, CALL_BAR_STATE_ATTRIBUTE, CALL_BAR_STATE_EVENT, CALL_PATH_SELECTOR, HEADER_COMPACT_AFTER_SCROLL_PX, HEADER_COMPACT_MIN_WIDTH, HEADER_DESKTOP_MIN_WIDTH, MAIN_CONTENT_ID, NAV_HOVER_CLOSE_DELAY_MS, NAV_HOVER_MEDIA_QUERY, NAV_HOVER_OPEN_DELAY_MS, headerModeFor, } from './constants.js';
 export { useNavigationMenu } from './use-navigation-menu.js';
 export { useHeaderMetrics } from './use-header-metrics.js';
 export { useStickyCallBar } from './use-sticky-call-bar.js';

package/dist/navigation/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/navigation/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EACL,yBAAyB,EACzB,oBAAoB,EACpB,kBAAkB,EAClB,8BAA8B,EAC9B,wBAAwB,EACxB,wBAAwB,EACxB,eAAe,EACf,wBAAwB,EACxB,qBAAqB,EACrB,uBAAuB,EACvB,aAAa,GAEd,MAAM,gBAAgB,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAgD,MAAM,0BAA0B,CAAA;AAC1G,OAAO,EAAE,gBAAgB,EAAsB,MAAM,yBAAyB,CAAA;AAC9E,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA","sourcesContent":["/**\n * `@brandlab-digital/site-next/navigation`: the client hooks behind the ui-kit shell, and its timings and breakpoints.\n * The ui-kit components use the hooks; a site uses them directly only in a recorded bespoke header. The hook modules\n * are client modules; the constants are plain values a server component can read.\n */\nexport {\n  BACK_TO_TOP_AFTER_SCREENS,\n  CALL_BAR_MEDIA_QUERY,\n  CALL_PATH_SELECTOR,\n  HEADER_COMPACT_AFTER_SCROLL_PX,\n  HEADER_COMPACT_MIN_WIDTH,\n  HEADER_DESKTOP_MIN_WIDTH,\n  MAIN_CONTENT_ID,\n  NAV_HOVER_CLOSE_DELAY_MS,\n  NAV_HOVER_MEDIA_QUERY,\n  NAV_HOVER_OPEN_DELAY_MS,\n  headerModeFor,\n  type HeaderMode,\n} from './constants.js'\nexport { useNavigationMenu, type NavigationMenu, type NavigationOpenedBy } from './use-navigation-menu.js'\nexport { useHeaderMetrics, type HeaderMetrics } from './use-header-metrics.js'\nexport { useStickyCallBar } from './use-sticky-call-bar.js'\nexport { useBackToTop } from './use-back-to-top.js'\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/navigation/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EACL,yBAAyB,EACzB,oBAAoB,EACpB,wBAAwB,EACxB,oBAAoB,EACpB,kBAAkB,EAClB,8BAA8B,EAC9B,wBAAwB,EACxB,wBAAwB,EACxB,eAAe,EACf,wBAAwB,EACxB,qBAAqB,EACrB,uBAAuB,EACvB,aAAa,GAEd,MAAM,gBAAgB,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAgD,MAAM,0BAA0B,CAAA;AAC1G,OAAO,EAAE,gBAAgB,EAAsB,MAAM,yBAAyB,CAAA;AAC9E,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA","sourcesContent":["/**\n * `@brandlab-digital/site-next/navigation`: the client hooks behind the ui-kit shell, and its timings and breakpoints.\n * The ui-kit components use the hooks; a site uses them directly only in a recorded bespoke header. The hook modules\n * are client modules; the constants are plain values a server component can read.\n */\nexport {\n  BACK_TO_TOP_AFTER_SCREENS,\n  CALL_BAR_MEDIA_QUERY,\n  CALL_BAR_STATE_ATTRIBUTE,\n  CALL_BAR_STATE_EVENT,\n  CALL_PATH_SELECTOR,\n  HEADER_COMPACT_AFTER_SCROLL_PX,\n  HEADER_COMPACT_MIN_WIDTH,\n  HEADER_DESKTOP_MIN_WIDTH,\n  MAIN_CONTENT_ID,\n  NAV_HOVER_CLOSE_DELAY_MS,\n  NAV_HOVER_MEDIA_QUERY,\n  NAV_HOVER_OPEN_DELAY_MS,\n  headerModeFor,\n  type HeaderMode,\n} from './constants.js'\nexport { useNavigationMenu, type NavigationMenu, type NavigationOpenedBy } from './use-navigation-menu.js'\nexport { useHeaderMetrics, type HeaderMetrics } from './use-header-metrics.js'\nexport { useStickyCallBar } from './use-sticky-call-bar.js'\nexport { useBackToTop } from './use-back-to-top.js'\n"]}

package/dist/navigation/use-back-to-top.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-back-to-top.d.ts","sourceRoot":"","sources":["../../src/navigation/use-back-to-top.ts"],"names":[],"mappings":"AASA,wBAAgB,YAAY,IAAI;IAAE,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC;IAAC,WAAW,IAAI,IAAI,CAAA;CAAE,CAwB/E"}
+{"version":3,"file":"use-back-to-top.d.ts","sourceRoot":"","sources":["../../src/navigation/use-back-to-top.ts"],"names":[],"mappings":"AAWA,wBAAgB,YAAY,IAAI;IAAE,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC;IAAC,WAAW,IAAI,IAAI,CAAA;CAAE,CA8B/E"}

package/dist/navigation/use-back-to-top.js

@@ -1,22 +1,30 @@
 'use client';
 /**
  * F7: back-to-top. It shows after one and a half screens of scrolling; it scrolls smoothly unless the visitor prefers
- * reduced motion, and moves focus to the skip-link target (`#main`), so keyboard users start again at the top.
+ * reduced motion, and moves focus to the skip-link target (`#main`), so keyboard users start again at the top. It stays
+ * hidden while the phone call bar shows (3.15.0): stacked above the bar it covered the page's content on a phone, and
+ * the bar already sits within one tap. It shows again once the bar hides (over the footer, for example).
  */
 import { useCallback, useEffect, useState } from 'react';
-import { BACK_TO_TOP_AFTER_SCREENS, MAIN_CONTENT_ID } from './constants.js';
+import { BACK_TO_TOP_AFTER_SCREENS, CALL_BAR_STATE_ATTRIBUTE, CALL_BAR_STATE_EVENT, MAIN_CONTENT_ID } from './constants.js';
 export function useBackToTop() {
-    const [shown, setShown] = useState(false);
+    const [scrolled, setScrolled] = useState(false);
+    const [callBarShown, setCallBarShown] = useState(false);
     useEffect(() => {
-        const update = () => setShown(window.scrollY > window.innerHeight * BACK_TO_TOP_AFTER_SCREENS);
+        const update = () => setScrolled(window.scrollY > window.innerHeight * BACK_TO_TOP_AFTER_SCREENS);
+        const onCallBar = (event) => setCallBarShown(event.detail?.shown === true);
         update();
+        setCallBarShown(document.documentElement.getAttribute(CALL_BAR_STATE_ATTRIBUTE) === 'shown');
         window.addEventListener('scroll', update, { passive: true });
         window.addEventListener('resize', update);
+        document.addEventListener(CALL_BAR_STATE_EVENT, onCallBar);
         return () => {
             window.removeEventListener('scroll', update);
             window.removeEventListener('resize', update);
+            document.removeEventListener(CALL_BAR_STATE_EVENT, onCallBar);
         };
     }, []);
+    const shown = scrolled && !callBarShown;
     const scrollToTop = useCallback(() => {
         const reduced = typeof window.matchMedia === 'function' && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
         window.scrollTo({ top: 0, behavior: reduced ? 'auto' : 'smooth' });

package/dist/navigation/use-back-to-top.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-back-to-top.js","sourceRoot":"","sources":["../../src/navigation/use-back-to-top.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ;;;GAGG;AACH,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACxD,OAAO,EAAE,yBAAyB,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAE3E,MAAM,UAAU,YAAY;IAC1B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEzC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC,WAAW,GAAG,yBAAyB,CAAC,CAAA;QAC9F,MAAM,EAAE,CAAA;QACR,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAA;QAC5D,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAA;QACzC,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAA;YAC5C,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAA;QAC9C,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,MAAM,OAAO,GAAG,OAAO,MAAM,CAAC,UAAU,KAAK,UAAU,IAAI,MAAM,CAAC,UAAU,CAAC,kCAAkC,CAAC,CAAC,OAAO,CAAA;QACxH,MAAM,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAA;QAClE,MAAM,IAAI,GAAG,QAAQ,CAAC,cAAc,CAAC,eAAe,CAAC,CAAA;QACrD,IAAI,CAAC,IAAI;YAAE,OAAM;QACjB,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC;YAAE,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC,CAAA;QACvE,IAAI,CAAC,KAAK,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAA;IACrC,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,CAAA;AAC/B,CAAC","sourcesContent":["'use client'\n\n/**\n * F7: back-to-top. It shows after one and a half screens of scrolling; it scrolls smoothly unless the visitor prefers\n * reduced motion, and moves focus to the skip-link target (`#main`), so keyboard users start again at the top.\n */\nimport { useCallback, useEffect, useState } from 'react'\nimport { BACK_TO_TOP_AFTER_SCREENS, MAIN_CONTENT_ID } from './constants.js'\n\nexport function useBackToTop(): { readonly shown: boolean; scrollToTop(): void } {\n  const [shown, setShown] = useState(false)\n\n  useEffect(() => {\n    const update = () => setShown(window.scrollY > window.innerHeight * BACK_TO_TOP_AFTER_SCREENS)\n    update()\n    window.addEventListener('scroll', update, { passive: true })\n    window.addEventListener('resize', update)\n    return () => {\n      window.removeEventListener('scroll', update)\n      window.removeEventListener('resize', update)\n    }\n  }, [])\n\n  const scrollToTop = useCallback(() => {\n    const reduced = typeof window.matchMedia === 'function' && window.matchMedia('(prefers-reduced-motion: reduce)').matches\n    window.scrollTo({ top: 0, behavior: reduced ? 'auto' : 'smooth' })\n    const main = document.getElementById(MAIN_CONTENT_ID)\n    if (!main) return\n    if (!main.hasAttribute('tabindex')) main.setAttribute('tabindex', '-1')\n    main.focus({ preventScroll: true })\n  }, [])\n\n  return { shown, scrollToTop }\n}\n"]}
+{"version":3,"file":"use-back-to-top.js","sourceRoot":"","sources":["../../src/navigation/use-back-to-top.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ;;;;;GAKG;AACH,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACxD,OAAO,EAAE,yBAAyB,EAAE,wBAAwB,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAE3H,MAAM,UAAU,YAAY;IAC1B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC/C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEvD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC,WAAW,GAAG,yBAAyB,CAAC,CAAA;QACjG,MAAM,SAAS,GAAG,CAAC,KAAY,EAAE,EAAE,CAAC,eAAe,CAAE,KAA0C,CAAC,MAAM,EAAE,KAAK,KAAK,IAAI,CAAC,CAAA;QACvH,MAAM,EAAE,CAAA;QACR,eAAe,CAAC,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,wBAAwB,CAAC,KAAK,OAAO,CAAC,CAAA;QAC5F,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAA;QAC5D,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAA;QACzC,QAAQ,CAAC,gBAAgB,CAAC,oBAAoB,EAAE,SAAS,CAAC,CAAA;QAC1D,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAA;YAC5C,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAA;YAC5C,QAAQ,CAAC,mBAAmB,CAAC,oBAAoB,EAAE,SAAS,CAAC,CAAA;QAC/D,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IACN,MAAM,KAAK,GAAG,QAAQ,IAAI,CAAC,YAAY,CAAA;IAEvC,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,MAAM,OAAO,GAAG,OAAO,MAAM,CAAC,UAAU,KAAK,UAAU,IAAI,MAAM,CAAC,UAAU,CAAC,kCAAkC,CAAC,CAAC,OAAO,CAAA;QACxH,MAAM,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAA;QAClE,MAAM,IAAI,GAAG,QAAQ,CAAC,cAAc,CAAC,eAAe,CAAC,CAAA;QACrD,IAAI,CAAC,IAAI;YAAE,OAAM;QACjB,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC;YAAE,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC,CAAA;QACvE,IAAI,CAAC,KAAK,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAA;IACrC,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,CAAA;AAC/B,CAAC","sourcesContent":["'use client'\n\n/**\n * F7: back-to-top. It shows after one and a half screens of scrolling; it scrolls smoothly unless the visitor prefers\n * reduced motion, and moves focus to the skip-link target (`#main`), so keyboard users start again at the top. It stays\n * hidden while the phone call bar shows (3.15.0): stacked above the bar it covered the page's content on a phone, and\n * the bar already sits within one tap. It shows again once the bar hides (over the footer, for example).\n */\nimport { useCallback, useEffect, useState } from 'react'\nimport { BACK_TO_TOP_AFTER_SCREENS, CALL_BAR_STATE_ATTRIBUTE, CALL_BAR_STATE_EVENT, MAIN_CONTENT_ID } from './constants.js'\n\nexport function useBackToTop(): { readonly shown: boolean; scrollToTop(): void } {\n  const [scrolled, setScrolled] = useState(false)\n  const [callBarShown, setCallBarShown] = useState(false)\n\n  useEffect(() => {\n    const update = () => setScrolled(window.scrollY > window.innerHeight * BACK_TO_TOP_AFTER_SCREENS)\n    const onCallBar = (event: Event) => setCallBarShown((event as CustomEvent<{ shown?: boolean }>).detail?.shown === true)\n    update()\n    setCallBarShown(document.documentElement.getAttribute(CALL_BAR_STATE_ATTRIBUTE) === 'shown')\n    window.addEventListener('scroll', update, { passive: true })\n    window.addEventListener('resize', update)\n    document.addEventListener(CALL_BAR_STATE_EVENT, onCallBar)\n    return () => {\n      window.removeEventListener('scroll', update)\n      window.removeEventListener('resize', update)\n      document.removeEventListener(CALL_BAR_STATE_EVENT, onCallBar)\n    }\n  }, [])\n  const shown = scrolled && !callBarShown\n\n  const scrollToTop = useCallback(() => {\n    const reduced = typeof window.matchMedia === 'function' && window.matchMedia('(prefers-reduced-motion: reduce)').matches\n    window.scrollTo({ top: 0, behavior: reduced ? 'auto' : 'smooth' })\n    const main = document.getElementById(MAIN_CONTENT_ID)\n    if (!main) return\n    if (!main.hasAttribute('tabindex')) main.setAttribute('tabindex', '-1')\n    main.focus({ preventScroll: true })\n  }, [])\n\n  return { shown, scrollToTop }\n}\n"]}

package/dist/navigation/use-header-metrics.d.ts

@@ -1,6 +1,6 @@
 /**
  * F2: the header's measured state. The mode follows the header's own width (so a framed specimen behaves like a real
- * window): 1280 px and up `desktop`, 1024 to 1279 px `compact`, below 1024 px `phone`. The hook writes the frozen
+ * window): 1200 px and up `desktop`, 1024 to 1199 px `compact`, below 1024 px `phone`. The hook writes the frozen
  * hooks on the header root (`data-mode`, `data-hydrated`, `data-compact`) and `--bl-header-height` on the document,
  * which drives `scroll-padding-top` (WCAG 2.4.11).
  */

package/dist/navigation/use-header-metrics.js

@@ -1,7 +1,7 @@
 'use client';
 /**
  * F2: the header's measured state. The mode follows the header's own width (so a framed specimen behaves like a real
- * window): 1280 px and up `desktop`, 1024 to 1279 px `compact`, below 1024 px `phone`. The hook writes the frozen
+ * window): 1200 px and up `desktop`, 1024 to 1199 px `compact`, below 1024 px `phone`. The hook writes the frozen
  * hooks on the header root (`data-mode`, `data-hydrated`, `data-compact`) and `--bl-header-height` on the document,
  * which drives `scroll-padding-top` (WCAG 2.4.11).
  */

package/dist/navigation/use-header-metrics.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-header-metrics.js","sourceRoot":"","sources":["../../src/navigation/use-header-metrics.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ;;;;;GAKG;AACH,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAA;AAC3D,OAAO,EAAE,8BAA8B,EAAE,aAAa,EAAmB,MAAM,gBAAgB,CAAA;AAQ/F,MAAM,UAAU,gBAAgB,CAAC,OAAsC,EAAE,UAA4C,EAAE;IACrH,MAAM,kBAAkB,GAAG,OAAO,CAAC,kBAAkB,IAAI,KAAK,CAAA;IAC9D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAgB,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAA;IAEtF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAA;QAC5B,IAAI,CAAC,IAAI;YAAE,OAAM;QACjB,MAAM,IAAI,GAAG,QAAQ,CAAC,eAAe,CAAA;QACrC,MAAM,OAAO,GAAG,GAAG,EAAE;YACnB,MAAM,GAAG,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAA;YACxC,MAAM,IAAI,GAAG,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;YACrC,IAAI,CAAC,OAAO,CAAC,IAAI,GAAG,IAAI,CAAA;YACxB,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,oBAAoB,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;YAC3E,UAAU,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,IAAI,KAAK,IAAI,IAAI,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA;QAC3G,CAAC,CAAA;QACD,MAAM,QAAQ,GAAG,GAAG,EAAE;YACpB,IAAI,CAAC,OAAO,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,GAAG,8BAA8B,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAA;QAC3F,CAAC,CAAA;QACD,IAAI,CAAC,OAAO,CAAC,QAAQ,GAAG,MAAM,CAAA;QAC9B,OAAO,EAAE,CAAA;QACT,IAAI,QAAoC,CAAA;QACxC,IAAI,OAAO,cAAc,KAAK,UAAU,EAAE,CAAC;YACzC,QAAQ,GAAG,IAAI,cAAc,CAAC,OAAO,CAAC,CAAA;YACtC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;QACxB,CAAC;aAAM,CAAC;YACN,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;QAC5C,CAAC;QACD,IAAI,kBAAkB,EAAE,CAAC;YACvB,QAAQ,EAAE,CAAA;YACV,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAA;QAChE,CAAC;QACD,OAAO,GAAG,EAAE;YACV,QAAQ,EAAE,UAAU,EAAE,CAAA;YACtB,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;YAC7C,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;YAC9C,OAAO,IAAI,CAAC,OAAO,CAAC,OAAO,CAAA;YAC3B,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,CAAA;QACjD,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAC,CAAA;IAEjC,OAAO,OAAO,CAAA;AAChB,CAAC","sourcesContent":["'use client'\n\n/**\n * F2: the header's measured state. The mode follows the header's own width (so a framed specimen behaves like a real\n * window): 1280 px and up `desktop`, 1024 to 1279 px `compact`, below 1024 px `phone`. The hook writes the frozen\n * hooks on the header root (`data-mode`, `data-hydrated`, `data-compact`) and `--bl-header-height` on the document,\n * which drives `scroll-padding-top` (WCAG 2.4.11).\n */\nimport { useEffect, useState, type RefObject } from 'react'\nimport { HEADER_COMPACT_AFTER_SCROLL_PX, headerModeFor, type HeaderMode } from './constants.js'\n\nexport interface HeaderMetrics {\n  /** Null until the header has been measured after hydration. */\n  readonly mode: HeaderMode | null\n  readonly hydrated: boolean\n}\n\nexport function useHeaderMetrics(rootRef: RefObject<HTMLElement | null>, options: { compactAfterScroll?: boolean } = {}): HeaderMetrics {\n  const compactAfterScroll = options.compactAfterScroll ?? false\n  const [metrics, setMetrics] = useState<HeaderMetrics>({ mode: null, hydrated: false })\n\n  useEffect(() => {\n    const root = rootRef.current\n    if (!root) return\n    const html = document.documentElement\n    const measure = () => {\n      const box = root.getBoundingClientRect()\n      const mode = headerModeFor(box.width)\n      root.dataset.mode = mode\n      html.style.setProperty('--bl-header-height', `${Math.round(box.height)}px`)\n      setMetrics((current) => (current.mode === mode && current.hydrated ? current : { mode, hydrated: true }))\n    }\n    const onScroll = () => {\n      root.dataset.compact = window.scrollY > HEADER_COMPACT_AFTER_SCROLL_PX ? 'true' : 'false'\n    }\n    root.dataset.hydrated = 'true'\n    measure()\n    let observer: ResizeObserver | undefined\n    if (typeof ResizeObserver === 'function') {\n      observer = new ResizeObserver(measure)\n      observer.observe(root)\n    } else {\n      window.addEventListener('resize', measure)\n    }\n    if (compactAfterScroll) {\n      onScroll()\n      window.addEventListener('scroll', onScroll, { passive: true })\n    }\n    return () => {\n      observer?.disconnect()\n      window.removeEventListener('resize', measure)\n      window.removeEventListener('scroll', onScroll)\n      delete root.dataset.compact\n      html.style.removeProperty('--bl-header-height')\n    }\n  }, [rootRef, compactAfterScroll])\n\n  return metrics\n}\n"]}
+{"version":3,"file":"use-header-metrics.js","sourceRoot":"","sources":["../../src/navigation/use-header-metrics.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ;;;;;GAKG;AACH,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAA;AAC3D,OAAO,EAAE,8BAA8B,EAAE,aAAa,EAAmB,MAAM,gBAAgB,CAAA;AAQ/F,MAAM,UAAU,gBAAgB,CAAC,OAAsC,EAAE,UAA4C,EAAE;IACrH,MAAM,kBAAkB,GAAG,OAAO,CAAC,kBAAkB,IAAI,KAAK,CAAA;IAC9D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAgB,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAA;IAEtF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAA;QAC5B,IAAI,CAAC,IAAI;YAAE,OAAM;QACjB,MAAM,IAAI,GAAG,QAAQ,CAAC,eAAe,CAAA;QACrC,MAAM,OAAO,GAAG,GAAG,EAAE;YACnB,MAAM,GAAG,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAA;YACxC,MAAM,IAAI,GAAG,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;YACrC,IAAI,CAAC,OAAO,CAAC,IAAI,GAAG,IAAI,CAAA;YACxB,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,oBAAoB,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;YAC3E,UAAU,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,IAAI,KAAK,IAAI,IAAI,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA;QAC3G,CAAC,CAAA;QACD,MAAM,QAAQ,GAAG,GAAG,EAAE;YACpB,IAAI,CAAC,OAAO,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,GAAG,8BAA8B,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAA;QAC3F,CAAC,CAAA;QACD,IAAI,CAAC,OAAO,CAAC,QAAQ,GAAG,MAAM,CAAA;QAC9B,OAAO,EAAE,CAAA;QACT,IAAI,QAAoC,CAAA;QACxC,IAAI,OAAO,cAAc,KAAK,UAAU,EAAE,CAAC;YACzC,QAAQ,GAAG,IAAI,cAAc,CAAC,OAAO,CAAC,CAAA;YACtC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;QACxB,CAAC;aAAM,CAAC;YACN,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;QAC5C,CAAC;QACD,IAAI,kBAAkB,EAAE,CAAC;YACvB,QAAQ,EAAE,CAAA;YACV,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAA;QAChE,CAAC;QACD,OAAO,GAAG,EAAE;YACV,QAAQ,EAAE,UAAU,EAAE,CAAA;YACtB,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;YAC7C,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;YAC9C,OAAO,IAAI,CAAC,OAAO,CAAC,OAAO,CAAA;YAC3B,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,CAAA;QACjD,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAC,CAAA;IAEjC,OAAO,OAAO,CAAA;AAChB,CAAC","sourcesContent":["'use client'\n\n/**\n * F2: the header's measured state. The mode follows the header's own width (so a framed specimen behaves like a real\n * window): 1200 px and up `desktop`, 1024 to 1199 px `compact`, below 1024 px `phone`. The hook writes the frozen\n * hooks on the header root (`data-mode`, `data-hydrated`, `data-compact`) and `--bl-header-height` on the document,\n * which drives `scroll-padding-top` (WCAG 2.4.11).\n */\nimport { useEffect, useState, type RefObject } from 'react'\nimport { HEADER_COMPACT_AFTER_SCROLL_PX, headerModeFor, type HeaderMode } from './constants.js'\n\nexport interface HeaderMetrics {\n  /** Null until the header has been measured after hydration. */\n  readonly mode: HeaderMode | null\n  readonly hydrated: boolean\n}\n\nexport function useHeaderMetrics(rootRef: RefObject<HTMLElement | null>, options: { compactAfterScroll?: boolean } = {}): HeaderMetrics {\n  const compactAfterScroll = options.compactAfterScroll ?? false\n  const [metrics, setMetrics] = useState<HeaderMetrics>({ mode: null, hydrated: false })\n\n  useEffect(() => {\n    const root = rootRef.current\n    if (!root) return\n    const html = document.documentElement\n    const measure = () => {\n      const box = root.getBoundingClientRect()\n      const mode = headerModeFor(box.width)\n      root.dataset.mode = mode\n      html.style.setProperty('--bl-header-height', `${Math.round(box.height)}px`)\n      setMetrics((current) => (current.mode === mode && current.hydrated ? current : { mode, hydrated: true }))\n    }\n    const onScroll = () => {\n      root.dataset.compact = window.scrollY > HEADER_COMPACT_AFTER_SCROLL_PX ? 'true' : 'false'\n    }\n    root.dataset.hydrated = 'true'\n    measure()\n    let observer: ResizeObserver | undefined\n    if (typeof ResizeObserver === 'function') {\n      observer = new ResizeObserver(measure)\n      observer.observe(root)\n    } else {\n      window.addEventListener('resize', measure)\n    }\n    if (compactAfterScroll) {\n      onScroll()\n      window.addEventListener('scroll', onScroll, { passive: true })\n    }\n    return () => {\n      observer?.disconnect()\n      window.removeEventListener('resize', measure)\n      window.removeEventListener('scroll', onScroll)\n      delete root.dataset.compact\n      html.style.removeProperty('--bl-header-height')\n    }\n  }, [rootRef, compactAfterScroll])\n\n  return metrics\n}\n"]}

package/dist/navigation/use-sticky-call-bar.d.ts

@@ -3,7 +3,8 @@
  * screen (the hero's own call and quote buttons, marked `data-bl-call-path`) has scrolled out, and hides again while
  * a call path, the page footer or an open dialog (the drawer, the quote dialog) is on screen, while a form field has
  * focus (v2) and while focus is inside the footer or a call path. The hook keeps `--bl-callbar-height` at the bar's height while it shows and `0px` otherwise, which
- * drives `scroll-padding-bottom` (WCAG 2.4.11) and lifts back-to-top above the bar.
+ * drives `scroll-padding-bottom` (WCAG 2.4.11), and publishes its state (`data-bl-callbar` on the root element and a
+ * `bl:callbar` event) so back-to-top stays hidden while the bar shows: on a phone the button never covers the bar.
  */
 import { type RefObject } from 'react';
 /**

package/dist/navigation/use-sticky-call-bar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-sticky-call-bar.d.ts","sourceRoot":"","sources":["../../src/navigation/use-sticky-call-bar.ts"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAyCjE;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE,QAAQ,EAAE,OAAO,GAAG,OAAO,CA4DnG"}
+{"version":3,"file":"use-sticky-call-bar.d.ts","sourceRoot":"","sources":["../../src/navigation/use-sticky-call-bar.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AACH,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAyCjE;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE,QAAQ,EAAE,OAAO,GAAG,OAAO,CAmEnG"}

package/dist/navigation/use-sticky-call-bar.js

@@ -4,10 +4,11 @@
  * screen (the hero's own call and quote buttons, marked `data-bl-call-path`) has scrolled out, and hides again while
  * a call path, the page footer or an open dialog (the drawer, the quote dialog) is on screen, while a form field has
  * focus (v2) and while focus is inside the footer or a call path. The hook keeps `--bl-callbar-height` at the bar's height while it shows and `0px` otherwise, which
- * drives `scroll-padding-bottom` (WCAG 2.4.11) and lifts back-to-top above the bar.
+ * drives `scroll-padding-bottom` (WCAG 2.4.11), and publishes its state (`data-bl-callbar` on the root element and a
+ * `bl:callbar` event) so back-to-top stays hidden while the bar shows: on a phone the button never covers the bar.
  */
 import { useLayoutEffect, useState } from 'react';
-import { CALL_BAR_MEDIA_QUERY, CALL_PATH_SELECTOR } from './constants.js';
+import { CALL_BAR_MEDIA_QUERY, CALL_BAR_STATE_ATTRIBUTE, CALL_BAR_STATE_EVENT, CALL_PATH_SELECTOR } from './constants.js';
 const FIELD_SELECTOR = [
     'input:not([type="button"], [type="submit"], [type="reset"], [type="checkbox"], [type="radio"], [type="hidden"])',
     'textarea',
@@ -58,10 +59,16 @@ export function useStickyCallBar(rootRef, resetKey) {
         const onScreen = new Set();
         let fieldFocused = isField(document.activeElement);
         let focusHidden = inHideZone(document.activeElement);
+        let published;
         const update = () => {
             const next = (narrow?.matches ?? false) && onScreen.size === 0 && !fieldFocused && !focusHidden && !document.querySelector('dialog[open]');
             setShown(next);
             html.style.setProperty('--bl-callbar-height', next ? `${Math.round(root.getBoundingClientRect().height)}px` : '0px');
+            if (next === published)
+                return;
+            published = next;
+            html.setAttribute(CALL_BAR_STATE_ATTRIBUTE, next ? 'shown' : 'hidden');
+            document.dispatchEvent(new CustomEvent(CALL_BAR_STATE_EVENT, { detail: { shown: next } }));
         };
         let intersections;
         if (typeof IntersectionObserver === 'function') {
@@ -103,6 +110,8 @@ export function useStickyCallBar(rootRef, resetKey) {
             document.removeEventListener('focusout', onFocusOut);
             narrow?.removeEventListener('change', update);
             html.style.removeProperty('--bl-callbar-height');
+            html.removeAttribute(CALL_BAR_STATE_ATTRIBUTE);
+            document.dispatchEvent(new CustomEvent(CALL_BAR_STATE_EVENT, { detail: { shown: false } }));
         };
     }, [rootRef, resetKey]);
     return shown;

package/dist/navigation/use-sticky-call-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-sticky-call-bar.js","sourceRoot":"","sources":["../../src/navigation/use-sticky-call-bar.ts"],"names":[],"mappings":"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","sourcesContent":["'use client'\n\n/**\n * F6: when the phone call bar shows. TotalCare's logic, ported: below 1024 px the bar shows once every call path on\n * screen (the hero's own call and quote buttons, marked `data-bl-call-path`) has scrolled out, and hides again while\n * a call path, the page footer or an open dialog (the drawer, the quote dialog) is on screen, while a form field has\n * focus (v2) and while focus is inside the footer or a call path. The hook keeps `--bl-callbar-height` at the bar's height while it shows and `0px` otherwise, which\n * drives `scroll-padding-bottom` (WCAG 2.4.11) and lifts back-to-top above the bar.\n */\nimport { useLayoutEffect, useState, type RefObject } from 'react'\nimport { CALL_BAR_MEDIA_QUERY, CALL_PATH_SELECTOR } from './constants.js'\n\nconst FIELD_SELECTOR = [\n  'input:not([type=\"button\"], [type=\"submit\"], [type=\"reset\"], [type=\"checkbox\"], [type=\"radio\"], [type=\"hidden\"])',\n  'textarea',\n  'select',\n  '[contenteditable=\"\"]',\n  '[contenteditable=\"true\"]',\n].join(', ')\n\nfunction isField(target: EventTarget | null): boolean {\n  return target instanceof Element && target.matches(FIELD_SELECTOR)\n}\n\n/** The page footer: the shared footer, or a `<footer>` that isn't inside an article, aside, main, nav or section. */\nfunction isPageFooter(element: Element): boolean {\n  return element.matches('[data-bl=\"footer\"]') || !element.parentElement?.closest('article, aside, main, nav, section')\n}\n\nfunction pageFooters(): Element[] {\n  return Array.from(document.querySelectorAll('footer, [data-bl=\"footer\"]')).filter(isPageFooter)\n}\n\n/**\n * Focus inside the footer or a call path hides the bar at once, before the observer reports (fast Tab stops would\n * otherwise sit under the bar, K5).\n */\nfunction inHideZone(target: EventTarget | null): boolean {\n  if (!(target instanceof Element)) return false\n  if (target.closest(CALL_PATH_SELECTOR)) return true\n  const footer = target.closest('footer, [data-bl=\"footer\"]')\n  return footer !== null && isPageFooter(footer)\n}\n\n/** True when any part of the element's box is inside the viewport. */\nfunction inViewport(element: Element): boolean {\n  const box = element.getBoundingClientRect()\n  return box.bottom > 0 && box.right > 0 && box.top < window.innerHeight && box.left < window.innerWidth\n}\n\n/**\n * True while the bar should show. `resetKey` (the route) re-collects the call paths and the footer. The first state\n * is seeded from their boxes before paint, so the bar never flashes on load or on a client navigation while the\n * observer's first report is pending.\n */\nexport function useStickyCallBar(rootRef: RefObject<HTMLElement | null>, resetKey: unknown): boolean {\n  const [shown, setShown] = useState(false)\n\n  useLayoutEffect(() => {\n    const root = rootRef.current\n    if (!root) return\n    const html = document.documentElement\n    const narrow = typeof window.matchMedia === 'function' ? window.matchMedia(CALL_BAR_MEDIA_QUERY) : null\n    const onScreen = new Set<Element>()\n    let fieldFocused = isField(document.activeElement)\n    let focusHidden = inHideZone(document.activeElement)\n\n    const update = () => {\n      const next = (narrow?.matches ?? false) && onScreen.size === 0 && !fieldFocused && !focusHidden && !document.querySelector('dialog[open]')\n      setShown(next)\n      html.style.setProperty('--bl-callbar-height', next ? `${Math.round(root.getBoundingClientRect().height)}px` : '0px')\n    }\n\n    let intersections: IntersectionObserver | undefined\n    if (typeof IntersectionObserver === 'function') {\n      intersections = new IntersectionObserver((entries) => {\n        for (const entry of entries) {\n          if (entry.isIntersecting) onScreen.add(entry.target)\n          else onScreen.delete(entry.target)\n        }\n        update()\n      })\n    }\n    for (const target of [...document.querySelectorAll(CALL_PATH_SELECTOR), ...pageFooters()]) {\n      if (inViewport(target)) onScreen.add(target)\n      intersections?.observe(target)\n    }\n    const dialogs = new MutationObserver(update)\n    dialogs.observe(document.body, { subtree: true, attributes: true, attributeFilter: ['open'] })\n    const onFocusIn = (event: FocusEvent) => {\n      fieldFocused = isField(event.target)\n      focusHidden = inHideZone(event.target)\n      update()\n    }\n    const onFocusOut = (event: FocusEvent) => {\n      fieldFocused = isField(event.relatedTarget)\n      focusHidden = inHideZone(event.relatedTarget)\n      update()\n    }\n    document.addEventListener('focusin', onFocusIn)\n    document.addEventListener('focusout', onFocusOut)\n    narrow?.addEventListener('change', update)\n    update()\n\n    return () => {\n      intersections?.disconnect()\n      dialogs.disconnect()\n      document.removeEventListener('focusin', onFocusIn)\n      document.removeEventListener('focusout', onFocusOut)\n      narrow?.removeEventListener('change', update)\n      html.style.removeProperty('--bl-callbar-height')\n    }\n  }, [rootRef, resetKey])\n\n  return shown\n}\n"]}
+{"version":3,"file":"use-sticky-call-bar.js","sourceRoot":"","sources":["../../src/navigation/use-sticky-call-bar.ts"],"names":[],"mappings":"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","sourcesContent":["'use client'\n\n/**\n * F6: when the phone call bar shows. TotalCare's logic, ported: below 1024 px the bar shows once every call path on\n * screen (the hero's own call and quote buttons, marked `data-bl-call-path`) has scrolled out, and hides again while\n * a call path, the page footer or an open dialog (the drawer, the quote dialog) is on screen, while a form field has\n * focus (v2) and while focus is inside the footer or a call path. The hook keeps `--bl-callbar-height` at the bar's height while it shows and `0px` otherwise, which\n * drives `scroll-padding-bottom` (WCAG 2.4.11), and publishes its state (`data-bl-callbar` on the root element and a\n * `bl:callbar` event) so back-to-top stays hidden while the bar shows: on a phone the button never covers the bar.\n */\nimport { useLayoutEffect, useState, type RefObject } from 'react'\nimport { CALL_BAR_MEDIA_QUERY, CALL_BAR_STATE_ATTRIBUTE, CALL_BAR_STATE_EVENT, CALL_PATH_SELECTOR } from './constants.js'\n\nconst FIELD_SELECTOR = [\n  'input:not([type=\"button\"], [type=\"submit\"], [type=\"reset\"], [type=\"checkbox\"], [type=\"radio\"], [type=\"hidden\"])',\n  'textarea',\n  'select',\n  '[contenteditable=\"\"]',\n  '[contenteditable=\"true\"]',\n].join(', ')\n\nfunction isField(target: EventTarget | null): boolean {\n  return target instanceof Element && target.matches(FIELD_SELECTOR)\n}\n\n/** The page footer: the shared footer, or a `<footer>` that isn't inside an article, aside, main, nav or section. */\nfunction isPageFooter(element: Element): boolean {\n  return element.matches('[data-bl=\"footer\"]') || !element.parentElement?.closest('article, aside, main, nav, section')\n}\n\nfunction pageFooters(): Element[] {\n  return Array.from(document.querySelectorAll('footer, [data-bl=\"footer\"]')).filter(isPageFooter)\n}\n\n/**\n * Focus inside the footer or a call path hides the bar at once, before the observer reports (fast Tab stops would\n * otherwise sit under the bar, K5).\n */\nfunction inHideZone(target: EventTarget | null): boolean {\n  if (!(target instanceof Element)) return false\n  if (target.closest(CALL_PATH_SELECTOR)) return true\n  const footer = target.closest('footer, [data-bl=\"footer\"]')\n  return footer !== null && isPageFooter(footer)\n}\n\n/** True when any part of the element's box is inside the viewport. */\nfunction inViewport(element: Element): boolean {\n  const box = element.getBoundingClientRect()\n  return box.bottom > 0 && box.right > 0 && box.top < window.innerHeight && box.left < window.innerWidth\n}\n\n/**\n * True while the bar should show. `resetKey` (the route) re-collects the call paths and the footer. The first state\n * is seeded from their boxes before paint, so the bar never flashes on load or on a client navigation while the\n * observer's first report is pending.\n */\nexport function useStickyCallBar(rootRef: RefObject<HTMLElement | null>, resetKey: unknown): boolean {\n  const [shown, setShown] = useState(false)\n\n  useLayoutEffect(() => {\n    const root = rootRef.current\n    if (!root) return\n    const html = document.documentElement\n    const narrow = typeof window.matchMedia === 'function' ? window.matchMedia(CALL_BAR_MEDIA_QUERY) : null\n    const onScreen = new Set<Element>()\n    let fieldFocused = isField(document.activeElement)\n    let focusHidden = inHideZone(document.activeElement)\n\n    let published: boolean | undefined\n    const update = () => {\n      const next = (narrow?.matches ?? false) && onScreen.size === 0 && !fieldFocused && !focusHidden && !document.querySelector('dialog[open]')\n      setShown(next)\n      html.style.setProperty('--bl-callbar-height', next ? `${Math.round(root.getBoundingClientRect().height)}px` : '0px')\n      if (next === published) return\n      published = next\n      html.setAttribute(CALL_BAR_STATE_ATTRIBUTE, next ? 'shown' : 'hidden')\n      document.dispatchEvent(new CustomEvent(CALL_BAR_STATE_EVENT, { detail: { shown: next } }))\n    }\n\n    let intersections: IntersectionObserver | undefined\n    if (typeof IntersectionObserver === 'function') {\n      intersections = new IntersectionObserver((entries) => {\n        for (const entry of entries) {\n          if (entry.isIntersecting) onScreen.add(entry.target)\n          else onScreen.delete(entry.target)\n        }\n        update()\n      })\n    }\n    for (const target of [...document.querySelectorAll(CALL_PATH_SELECTOR), ...pageFooters()]) {\n      if (inViewport(target)) onScreen.add(target)\n      intersections?.observe(target)\n    }\n    const dialogs = new MutationObserver(update)\n    dialogs.observe(document.body, { subtree: true, attributes: true, attributeFilter: ['open'] })\n    const onFocusIn = (event: FocusEvent) => {\n      fieldFocused = isField(event.target)\n      focusHidden = inHideZone(event.target)\n      update()\n    }\n    const onFocusOut = (event: FocusEvent) => {\n      fieldFocused = isField(event.relatedTarget)\n      focusHidden = inHideZone(event.relatedTarget)\n      update()\n    }\n    document.addEventListener('focusin', onFocusIn)\n    document.addEventListener('focusout', onFocusOut)\n    narrow?.addEventListener('change', update)\n    update()\n\n    return () => {\n      intersections?.disconnect()\n      dialogs.disconnect()\n      document.removeEventListener('focusin', onFocusIn)\n      document.removeEventListener('focusout', onFocusOut)\n      narrow?.removeEventListener('change', update)\n      html.style.removeProperty('--bl-callbar-height')\n      html.removeAttribute(CALL_BAR_STATE_ATTRIBUTE)\n      document.dispatchEvent(new CustomEvent(CALL_BAR_STATE_EVENT, { detail: { shown: false } }))\n    }\n  }, [rootRef, resetKey])\n\n  return shown\n}\n"]}

package/dist/next-config.d.ts

@@ -1,6 +1,7 @@
 import { type BrandlabRedirectTable } from '@brandlab-digital/site-core/redirects';
 import { type BrandlabDeploymentEnvironment, type BrandlabEnvironment, type BrandlabSite } from '@brandlab-digital/site-core/site';
 import { type BrandlabContentSecurityPolicyExtensions, type BrandlabHeader, type BrandlabHeaderRule, type BrandlabHstsExpansion } from './headers.js';
+import { type SiteIconSet } from './ui-kit/icon-glyphs.js';
 /** Next redirect records: 308 stays `permanent: true`, 301 stays `statusCode: 301`. */
 export type BrandlabNextRedirect = {
     source: string;
@@ -56,6 +57,8 @@ export interface BrandlabNextConfig {
     skipTrailingSlashRedirect: true;
     env: {
         NEXT_PUBLIC_VERCEL_ENV: BrandlabDeploymentEnvironment;
+        /** The icon sprite's path (3.14.0), set when `icons` is declared. */
+        NEXT_PUBLIC_BL_ICON_SPRITE?: string;
     };
     outputFileTracingIncludes: Record<string, string[]>;
     images: BrandlabNextImagesConfig;
@@ -91,11 +94,24 @@ export interface BrandlabNextConfigOptions {
      * no route under `src/app` or `app` may answer below it.
      */
     staticAssetCache?: readonly string[];
+    /**
+     * The ui-kit icon sprite (3.14.0). When declared, loading the config writes `public/_bl/icons.<hash>.svg` (every
+     * library icon plus `site`, the set from `defineSiteIcons`), removes older sprites there and sets
+     * `NEXT_PUBLIC_BL_ICON_SPRITE`, so every `Icon` renders a `<use>` into the sprite instead of an inline glyph.
+     * Production builds serve the file with `public, max-age=31536000, immutable`. Add `public/_bl/` to `.gitignore`.
+     */
+    icons?: BrandlabIconsOptions;
     /** Defaults to process.env; tests supply a fixed environment. */
     environment?: BrandlabEnvironment;
-    /** The project root for the staticAssetCache checks; defaults to process.cwd(). */
+    /** The project root for the staticAssetCache checks and the icon sprite; defaults to process.cwd(). */
     projectRoot?: string;
 }
+export interface BrandlabIconsOptions {
+    /** The site's own icons, from `defineSiteIcons` (`src/site/icons.ts`). */
+    site?: SiteIconSet;
+}
+/** The sprite's cache rule: content-hashed names only, so a stale name never reaches a page. */
+export declare const BRANDLAB_ICON_SPRITE_SOURCE = "/_bl/:file(icons\\.[0-9a-f]+\\.svg)";
 /** Sharp's Linux binaries must travel with the contact route's image sanitiser. */
 export declare const BRANDLAB_CONTACT_OUTPUT_FILE_TRACING: Readonly<{
     '/api/contact': readonly string[];

package/dist/next-config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"next-config.d.ts","sourceRoot":"","sources":["../src/next-config.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"next-config.d.ts","sourceRoot":"","sources":["../src/next-config.ts"],"names":[],"mappings":"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"}

package/dist/next-config.js

@@ -2,7 +2,11 @@ import { readdirSync, statSync } from 'node:fs';
 import { join, posix } from 'node:path';
 import { defineRedirects } from '@brandlab-digital/site-core/redirects';
 import { assertBrandlabAliasHosts, resolveBrandlabDeployment, } from '@brandlab-digital/site-core/site';
-import { buildBrandlabHeaderRules, parseBrandlabStaticAssetCache, } from './headers.js';
+import { BRANDLAB_STATIC_ASSET_CACHE_CONTROL, buildBrandlabHeaderRules, parseBrandlabStaticAssetCache, } from './headers.js';
+import { defineSiteIcons, ICON_SPRITE_ENV } from './ui-kit/icon-glyphs.js';
+import { writeIconSprite } from './ui-kit/icon-sprite.js';
+/** The sprite's cache rule: content-hashed names only, so a stale name never reaches a page. */
+export const BRANDLAB_ICON_SPRITE_SOURCE = '/_bl/:file(icons\\.[0-9a-f]+\\.svg)';
 /** Sharp's Linux binaries must travel with the contact route's image sanitiser. */
 export const BRANDLAB_CONTACT_OUTPUT_FILE_TRACING = Object.freeze({
     '/api/contact': Object.freeze([
@@ -23,6 +27,7 @@ const OPTION_KEYS = new Set([
     'extraHeaders',
     'staticAssetCache',
     'mdx',
+    'icons',
     'environment',
     'projectRoot',
 ]);
@@ -241,6 +246,16 @@ function assertStaticAssetFolders(folders, root) {
         }
     }
 }
+/** A site icon set, checked again here: the config may be handed an object that never went through defineSiteIcons. */
+function siteIconSet(site) {
+    if (site === undefined)
+        return undefined;
+    const set = site;
+    if (!set || typeof set !== 'object' || !Array.isArray(set.names) || !set.glyphs || typeof set.glyphs !== 'object') {
+        throw new Error('icons.site must come from defineSiteIcons.');
+    }
+    return defineSiteIcons(Object.fromEntries(set.names.map((name) => [name, set.glyphs[name]])));
+}
 /**
  * Converts the redirect table to Next redirects: each entry keeps its 301 or
  * 308 status (Next forwards the query string), gains a single-hop
@@ -315,6 +330,22 @@ export function defineBrandlabNextConfig(options) {
         ...(options.extraHeaders ? { extraHeaders: options.extraHeaders } : {}),
         ...(options.staticAssetCache ? { staticAssetCache: options.staticAssetCache } : {}),
     });
+    if (options.icons !== undefined) {
+        if (!options.icons || typeof options.icons !== 'object' || Array.isArray(options.icons)) {
+            throw new Error('icons must be { site?: defineSiteIcons(...) } ({} for the library icons only).');
+        }
+        assertKnownKeys(options.icons, new Set(['site']), 'icons');
+    }
+    const sprite = options.icons === undefined ? undefined : writeIconSprite(options.projectRoot ?? process.cwd(), siteIconSet(options.icons.site));
+    // The same production-only rule as staticAssetCache: Previews keep private, no-store.
+    if (sprite && deployment.productionBuild && deployment.environment !== 'preview') {
+        // After the static folders, before the non-canonical host rule.
+        const at = headerRules.findIndex((rule) => rule.missing !== undefined);
+        headerRules.splice(at === -1 ? headerRules.length : at, 0, {
+            source: BRANDLAB_ICON_SPRITE_SOURCE,
+            headers: [{ key: 'Cache-Control', value: BRANDLAB_STATIC_ASSET_CACHE_CONTROL }],
+        });
+    }
     const redirects = buildBrandlabRedirects({
         site: options.site,
         redirects: options.redirects,
@@ -323,7 +354,10 @@ export function defineBrandlabNextConfig(options) {
     const config = {
         poweredByHeader: false,
         skipTrailingSlashRedirect: true,
-        env: { NEXT_PUBLIC_VERCEL_ENV: deployment.environment },
+        env: {
+            NEXT_PUBLIC_VERCEL_ENV: deployment.environment,
+            ...(sprite ? { [ICON_SPRITE_ENV]: sprite.href } : {}),
+        },
         outputFileTracingIncludes: Object.fromEntries(Object.entries(BRANDLAB_CONTACT_OUTPUT_FILE_TRACING).map(([route, globs]) => [route, [...globs]])),
         // A Vercel build (preview or production) is checked like any production build, whatever NODE_ENV says.
         images: buildImagesConfig(options.images, deployment.productionBuild || deployment.environment !== 'development'),