@trebired/frontend 28.0.0 → 28.2.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # Changelog
 
+## 28.2.0
+
+- Changed `SiteHeader` groups to open the header's sheet instead of a popover. The sheet is a band under the bar, as wide as the header, painted with the bar's surface and following its tone, with its content on the bar's gutter. It opens on hover and on press, closes when the pointer leaves the header, on a second press, on Escape, on a press or focus outside the header and when a link in it is chosen, and moves focus to its first link when opened from the keyboard. Its layout has no tokens and is the same in every application.
+- Added nested groups and link descriptions. A group whose children are groups lays out in the sheet as columns, each under an `h5`; a link's `description` is printed as one line under its label. The mobile menu shows the same groups as disclosures with the same headings and without the descriptions.
+- Added site search. `createSiteSearchIndex()` in `@trebired/frontend/server` reads each language's rendered pages into `tbf-search/<locale>.json` at build time, taking only the page's own content. A `SiteHeader` group with `search: true` shows a search field in its sheet and in the mobile menu; it loads the reader's language on first focus, matches every word ignoring accents and case, ranks titles over headings over text, links a heading match to its section and marks the matched words in a snippet. `SiteHeader` takes `lang` for the language it is rendered in.
+- Changed the indent to fit its text. `typography.indent.size` and `flow` now name the step for body text under an `h2`; the indent scales by the size of the text it moves and by the square root of the size of the largest heading in its block, so small text under a small title steps in a little and a lead under a page title steps in more. The configuration is unchanged. Browsers that cannot divide lengths in `calc()` keep the fixed step.
+- Fixed a group's label in the mobile menu standing out from the links around it. It was inset by its own padding and printed in the full text colour; it is now the same text link as every other entry, muted, on the same edge, with the same hover and active states.
+- Added the tone's `ground`, the background of whatever tone region an element sits in: the page by default and the ink inside any dark region, set by `--tbf-dark-ground` when an application wants another. The site header, its sheet and mobile menu, the inverse footer and popovers paint with it, so chrome has no background system of its own; `components.shell.header.rootBgDark` is gone, and a dark header takes the ink like every dark band. A popover takes the tone of the element that opened it, so one opened from a dark header is dark although it is portaled out of it.
+- Changed the sheet's columns to wrap at four per row, so a group of more than four groups fills rows instead of narrowing, and capped the sheet at the window's height, scrolling inside it, so a long one never runs past the screen. The sheet opens at its full height behind a wipe instead of growing from nothing, so no scrollbar flashes while it opens. A column's links stop at the height of four and scroll with the `tbf-scroll-min` scrollbar, so one long group no longer sets the height of its whole row.
+- Changed a header group to never show as current. A group is a menu, not a page: it lights up when it is hovered or open, and a group holding every page no longer looks active on all of them.
+- Changed the input to ease into focus. Its outline is always drawn, transparent at rest, so focus fades the ring in and settles it inward instead of snapping it on; border, background and colour changes ease the same way.
+- Added `primitives.input.root.bg` and `primitives.input.root.border`. The input reads them before its defaults, so an application can give every input its own background and border from config.
+- Changed a link whose page is current to light up a text link inside it, as hovering it already did.
+- Fixed popovers placed partly off screen near the right edge. Placement measured the panel while its opening scale shrank it and against a viewport that included the scrollbar; it now uses the panel's layout size and the document's client width.
+
+## 28.1.0
+
+- The indent reaches past documents. `typography.indent.flow` steps in every paragraph and quote that follows a heading among the same siblings, so a band, a card or a hero indents its text under its title the way a document section does without wearing a class. It is zero by default, which leaves every existing page as it was; set it to the indent step, `token.gap("md")`, to turn it on. Only text moves: a grid, a figure, a button or a wrapper after a heading stays on the heading's edge, a document, whose body already wears `tbf-indent`, is not indented twice, and centered text (`tbf-text-center`, a centered column, the error page) is left alone so it stays centered.
+
 ## 28.0.0
 
 **Breaking: a container class is emitted under `tbfm-`.** `containers: { card: … }` now writes `.tbfm-card`, `.tbfm-card__header` and `.tbfm-card--muted`. Two prefixes mark two kinds of ownership: `tbf-` is the package's own and closed to applications, while `tbfm-` is tbf-managed, named and owned by the application and only compiled by the package. A bare `.card` said neither, and sat in the global namespace where anything could collide with it. Container names in config stay bare, and may not start with either prefix.

package/README.md

@@ -125,9 +125,26 @@ It returns `{ bootScripts, bodyScripts }`: the head scripts that restore the scr
 />
 ```
 
+A link with `links` is a group. In the bar it is a button that opens the header's sheet: a band directly under the bar, as wide as the header, painted with the bar's own surface and tone, with its content on the same gutter as the bar. The sheet opens when the pointer rests on the group and on a press; it closes when the pointer leaves the header, on a second press, on Escape, on a press or focus outside the header, and when a link in it is chosen. Pressing a group from the keyboard moves focus to its first link, and Escape returns it to the group. Every group's links are in the server markup, hidden until their group opens.
+
+A group whose children are groups lays out as columns, one per child, each under an `h5` that takes the page's own heading styles. A group of plain links lays out as a list. A link's `description` is one line printed under its label in the sheet. In the mobile menu the same group is a disclosure with the same headings and without the descriptions, so it stays a short list. A group with `search: true` puts the site search at the top of its section and of its mobile disclosure (see Site Search); `lang` on `SiteHeader` names the language the header is rendered in. Groups nest two levels deep and no further. The sheet has no tokens: its spacing, columns and motion are the same in every application, and its colours are the header's.
+
+```tsx
+links={[
+  { href: "/blog", label: "Blog" },
+  {
+    label: "Resources",
+    links: [
+      { label: "Organization", links: [{ description: "Why the organization exists", href: "/about", label: "About" }] },
+      { label: "Help", links: [{ description: "How to report a vulnerability", href: "/security", label: "Security" }] },
+    ],
+  },
+]}
+```
+
 A header with no links and no `menuActions` has no toggle and keeps its actions visible on a phone. `menuActions` replaces `actions` inside the menu when the two should differ, `menuIcon` and `closeIcon` replace the built-in burger, and `softRedirect` marks the links for soft navigation.
 
-The header takes the tone of whatever is behind it, and it knows which that is before the first paint. `frontendBoot()` adds the script that does it: it runs with the document parsed, finds the band under the bar among `main`'s own children and the site footer, and marks the header `data-tbf-dark` when that band declares itself dark, which is the same marker a dark band, an inverse footer or a dark card carries. After that it follows scrolling, resizing, `pageshow` and soft navigation. There is nothing to configure and nothing per page: a page that wants a dark bar under it says so on the band, once, the way it already says it for everything else inside it.
+The header takes the tone of whatever is behind it, and it knows which that is before the first paint. `frontendBoot()` adds the script that does it: it runs with the document parsed, finds the band under the bar among `main`'s own children and the site footer, and marks the header `data-tbf-dark` when that band declares itself dark, which is the same marker a dark band, an inverse footer or a dark card carries. After that it follows scrolling, resizing, `pageshow` and soft navigation. There is nothing to configure and nothing per page: a page that wants a dark bar under it says so on the band, once, the way it already says it for everything else inside it. The header has no colours of its own for this: it paints with the tone's `ground`, the background every tone region carries (the page in a light region, the ink in a dark one), and its sheet, its mobile menu and every popover it opens paint with the same `ground`, so they all change together.
 
 The header is the hydration root, so it renders itself as the `<header>` element. Server markup wraps it with `siteHeaderRootHtml(html)`, which the client hydrates through `SITE_HEADER_ROOT_SELECTOR`; the wrapper is `display: contents`, so the header still sticks to the viewport.
 
@@ -135,6 +152,27 @@ Colors, fonts, borders and spacing are tokens under `components.shell.header`: `
 
 `tone` is the crossfade: `duration` and `easing`, 320ms by default, for the moment the bar changes tone as a band scrolls under it. The first paint never uses it, because the tone is decided before it. A soft navigation does not cross-fade either: `<html>` carries `data-tbf-page-swap` for the frame the page is replaced in, which holds every transition and animation at 1ms, so chrome arrives in the new page's colours instead of sliding into them while the reader is already looking at a different page.
 
+### Site Search
+
+Site search finds any page of a static site by its words, with no server. The package owns the whole job: reading the rendered pages into an index at build time, loading the index in the browser, matching, ranking and showing the results. The application owns which pages exist and their titles, and it writes the files the package returns.
+
+At build time, `createSiteSearchIndex()` from `@trebired/frontend/server` takes the same per-language bodies and metadata an application already renders for its shells and returns one file per language, `tbf-search/<locale>.json`:
+
+```ts
+import { createSiteSearchIndex } from "@trebired/frontend/server";
+
+for (const file of createSiteSearchIndex({
+  locales: ["en", "cs"],
+  meta: (path, locale) => ({ description: descriptionOf(path, locale), title: titleOf(path, locale) }),
+  paths: allRoutePaths,
+  render: (path, locale) => bodies[path][locale],
+})) await Bun.write(`${outDir}/${file.path}`, file.contents);
+```
+
+Only the page's own content is read: the inside of `<main>` when the page has one, without scripts, SVG, buttons, form controls, and anything `hidden`, `inert` or `aria-hidden`, so decorative duplicates and the header and footer every page shares never match. Headings up to `h4` are kept as sections, with their `id` when they have one.
+
+In the browser the search lives in the site header: a group with `search: true` shows the field. The index for the reader's current language is fetched the first time the field is focused, once, and only that language is searched. Every word of the query has to match; accents and case are ignored, so "prirucka" finds "Příručka". Titles outrank section headings, which outrank descriptions and body text. A result whose best match is a heading with an `id` opens that section. Each result shows a snippet with the matched words marked. Enter opens the first result, the arrow keys move between results, and Escape clears the query before it closes the header's sheet. The field's label, placeholder and messages come from the package in the header's `lang`.
+
 ### Prose Text
 
 `ProseText` renders a plain string in which a marked span becomes a `TextLink`, so copy kept as strings can point at another page without becoming markup. It takes `text` and an optional `softRedirect`.
@@ -342,6 +380,12 @@ Static icon mode uses `registerStaticIcons()` in the browser. Missing cached ico
 
 `bindFrontendRuntime` binds graphs, logs, code blocks, editors, fullscreen targets, source-language breakdowns and live cards and lists only when a bound root carries their markup, and imports each system the first time it does. Each system is its own chunk: a page without a graph never downloads Chart.js, and a page without logs never downloads the log viewer or the socket client. Binding these systems is asynchronous; everything else binds synchronously as before.
 
+### Indented Flow
+
+`typography.indent.flow` indents paragraphs and quotes that follow a heading among the same siblings, by the given step; it is zero by default. Set it once in the components config and every heading in the application carries its text one step in, without a class on any component. Structure decides what moves: text that is a sibling after a heading moves, everything else stays on the heading's edge.
+
+The step is not a fixed distance. `flow` and `size` name the indent for body text under an `h2`, and the package scales it to what it moves: by the size of the indented text against the root size, and by the square root of the size of the largest heading in the same block against an `h2`. A list of small links under an `h5` steps in a little; a lead under a page title steps in more. The heading sizes are the `typography` heading tokens, so a heading restyled by a class still counts as its level. Browsers that cannot divide lengths in `calc()` use the configured step as it is.
+
 ### Island Preparation
 
 `mountLiveIsland({ prepare })` awaits `prepare` before the island renders or hydrates, on the first mount and on every remount after a soft navigation. It receives `url`, the address the island is about to render: during a soft navigation that is the target, which the browser history does not show until the new content is in place, so read the route from `url` rather than from `location`. Load what the island renders there, such as the page module of the current route, and the server markup hydrates against it without a mismatch.

package/dist/indent/styles/index.scss

@@ -4,6 +4,14 @@
   @return var(#{ns.css-var("typography-indent-" + $name)}, $fallback);
 }
 
+$reference: var(#{ns.css-var("h2-font-size")}, 1.8rem);
+
+$title: var(#{ns.css-var("indent-title")}, #{$reference});
+
+@function scaled($step) {
+  @return calc(#{$step} * (1em / 1rem) * sqrt(#{$title} / #{$reference}));
+}
+
 #{ns.class("indent")} {
   padding-inline-start: token("size", var(#{ns.css-var("gap-md")}, 24px));
 }
@@ -14,3 +22,25 @@
     var(#{ns.css-var("border-width")}, 1px) solid var(#{ns.css-var("border")}, currentColor)
   );
 }
+
+$centered: "#{ns.class("text-center")}, #{ns.class("center")}, #{ns.class("error-page__body")}";
+
+:where(h1, h2, h3, h4, h5, h6) ~ :where(p, blockquote):not(:where(#{$centered}, #{$centered} *)) {
+  padding-inline-start: token("flow", 0px);
+}
+
+@each $level in 6, 5, 4, 3, 2, 1 {
+  :where(:has(> h#{$level})) {
+    #{ns.css-var("indent-title")}: var(#{ns.css-var("h#{$level}-font-size")}, #{$reference});
+  }
+}
+
+@supports (width: calc(1px * sqrt(1em / 1rem))) {
+  #{ns.class("indent")} {
+    padding-inline-start: scaled(token("size", var(#{ns.css-var("gap-md")}, 24px)));
+  }
+
+  :where(h1, h2, h3, h4, h5, h6) ~ :where(p, blockquote):not(:where(#{$centered}, #{$centered} *)) {
+    padding-inline-start: scaled(token("flow", 0px));
+  }
+}

package/dist/inputs/advanced/input/styles/field.scss

@@ -84,8 +84,8 @@ $frontend-input-tones: (
   @include component-scroll-min;
   padding: var(#{ns.css-var("ui-input-root-padding")}, 7px 9px);
   border-radius: var(--radius-sm);
-  border: $classic-field-border;
-  background: var(--background-surface-1);
+  border: var(#{ns.css-var("ui-input-root-border")}, $classic-field-border);
+  background: var(#{ns.css-var("ui-input-root-bg")}, var(--background-surface-1));
   color: var(--text-color);
   font-size: var(#{ns.css-var("ui-input-root-font-size")}, 14px);
   outline: var(--border-width) solid transparent;

package/dist/inputs/styles/field.scss

@@ -3,13 +3,24 @@
   min-height: 36px;
   box-sizing: border-box;
   padding: 0 10px;
-  border: var(#{ns.css-var("border-width")}, 1px) solid var(#{ns.css-var("border")}, #000);
+  border: var(
+    #{ns.css-var("ui-input-root-border")},
+    var(#{ns.css-var("border-width")}, 1px) solid var(#{ns.css-var("border")}, #000)
+  );
   border-radius: var(#{ns.css-var("radius-sm")}, 0);
   color: var(#{ns.css-var("text")}, #000);
-  background: var(#{ns.css-var("surface")}, #fff);
+  background: var(#{ns.css-var("ui-input-root-bg")}, var(#{ns.css-var("surface")}, #fff));
+  outline: var(#{ns.css-var("border-width")}, 1px) solid transparent;
+  outline-offset: 5px;
+  transition:
+  color var(#{ns.css-var("tone-change")}),
+  background-color var(#{ns.css-var("transition-fast")}, 180ms) ease,
+  border-color var(#{ns.css-var("transition-fast")}, 180ms) ease,
+  outline-color var(#{ns.css-var("transition-fast")}, 180ms) ease,
+  outline-offset var(#{ns.css-var("transition-fast")}, 180ms) ease;
 }
 
 #{ns.class("input")}:focus-visible {
-  outline: var(#{ns.css-var("border-width")}, 1px) solid var(#{ns.css-var("focus")}, #000);
+  outline-color: var(#{ns.css-var("focus")}, #000);
   outline-offset: 2px;
 }

package/dist/language/messages.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../../../src/language/messages.ts"],"names":[],"mappings":"AAEA,KAAK,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AA+L3C,iBAAS,eAAe,CAAC,KAAK,EAAE,OAAO,eAItC;AAED,iBAAS,qBAAqB,CAC5B,GAAG,EAAE,MAAM,EACX,IAAI,CAAC,EAAE,MAAM,EACb,IAAI,CAAC,EAAE,WAAW,UAKnB;AAED,iBAAS,gBAAgB,gBAGxB;AAED,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,qBAAqB,EAAE,CAAC;AACpE,YAAY,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../../../src/language/messages.ts"],"names":[],"mappings":"AAEA,KAAK,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAuM3C,iBAAS,eAAe,CAAC,KAAK,EAAE,OAAO,eAItC;AAED,iBAAS,qBAAqB,CAC5B,GAAG,EAAE,MAAM,EACX,IAAI,CAAC,EAAE,MAAM,EACb,IAAI,CAAC,EAAE,WAAW,UAKnB;AAED,iBAAS,gBAAgB,gBAGxB;AAED,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,qBAAqB,EAAE,CAAC;AACpE,YAAY,EAAE,WAAW,EAAE,CAAC"}

package/dist/language/messages.js

@@ -85,6 +85,10 @@ const EN_MESSAGES = {
     totalSizeLabel: "Total size:",
     unknown: "Unknown",
     unknownLanguage: "Unknown",
+    siteSearchEmpty: "Nothing on this site matches “{{query}}”.",
+    siteSearchFailed: "Search is not available right now.",
+    siteSearchLabel: "Search this site",
+    siteSearchPlaceholder: "Search every page",
 };
 const CS_MESSAGES = {
     a11yContrastDescription: "Nejvyšší možný kontrast mezi textem, okraji a stránkou.",
@@ -172,6 +176,10 @@ const CS_MESSAGES = {
     totalSizeLabel: "Celkova velikost:",
     unknown: "Neznamy",
     unknownLanguage: "Nezname",
+    siteSearchEmpty: "Na tomto webu nic neodpovídá „{{query}}“.",
+    siteSearchFailed: "Hledání teď není dostupné.",
+    siteSearchLabel: "Hledat na webu",
+    siteSearchPlaceholder: "Hledat na všech stránkách",
 };
 const MESSAGE_TABLES = {
     cs: CS_MESSAGES,

package/dist/language/messages.js.map

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

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

@@ -0,0 +1,42 @@
+import { type SiteLink } from "./../link.js";
+import type { SiteHeaderSheet } from "./sheet.js";
+type LinkRenderProps = {
+    currentPaths: string[];
+    currentUrl: string;
+    hasSection: boolean;
+    lang?: string;
+    onNavigate?: () => void;
+    section: string;
+    softRedirect?: boolean;
+    tabIndex?: number;
+};
+type GroupProps = LinkRenderProps & {
+    link: SiteLink;
+};
+type SheetProps = {
+    sheet: SiteHeaderSheet;
+    sheetId: string;
+};
+declare function useSiteLinkState(links: SiteLink[]): {
+    currentPaths: string[];
+    currentUrl: string;
+    hasSection: boolean;
+    section: string;
+};
+declare function SiteHeaderAnchor(props: LinkRenderProps & {
+    className?: string;
+    link: SiteLink;
+    plain?: boolean;
+}): import("react").JSX.Element;
+declare function SiteHeaderNavTrigger(props: GroupProps & SheetProps & {
+    index: number;
+}): import("react").JSX.Element;
+declare function SiteHeaderSheetPanel(props: SheetProps & {
+    lang?: string;
+    links: SiteLink[];
+    softRedirect?: boolean;
+}): import("react").JSX.Element;
+declare function SiteHeaderMenuGroup(props: GroupProps): import("react").JSX.Element;
+export { SiteHeaderAnchor, SiteHeaderMenuGroup, SiteHeaderNavTrigger, SiteHeaderSheetPanel, useSiteLinkState };
+export type { LinkRenderProps, SheetProps };
+//# sourceMappingURL=groups.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"groups.d.ts","sourceRoot":"","sources":["../../../../../../src/layout/components/site/header/groups.tsx"],"names":[],"mappings":"AAKA,OAAO,EASL,KAAK,QAAQ,EACd,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAGlD,KAAK,eAAe,GAAG;IACrB,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,KAAK,UAAU,GAAG,eAAe,GAAG;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,CAAC;AAEvD,KAAK,UAAU,GAAG;IAAE,KAAK,EAAE,eAAe,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAC;AAQ9D,iBAAS,gBAAgB,CAAC,KAAK,EAAE,QAAQ,EAAE;;;;;EAY1C;AAED,iBAAS,gBAAgB,CAAC,KAAK,EAAE,eAAe,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,QAAQ,CAAC;IAAC,KAAK,CAAC,EAAE,OAAO,CAAA;CAAE,+BAazG;AAED,iBAAS,oBAAoB,CAAC,KAAK,EAAE,UAAU,GAAG,UAAU,GAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,+BAoB/E;AA6DD,iBAAS,oBAAoB,CAAC,KAAK,EAAE,UAAU,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,QAAQ,EAAE,CAAC;IAAC,YAAY,CAAC,EAAE,OAAO,CAAA;CAAE,+BAiC7G;AAiCD,iBAAS,mBAAmB,CAAC,KAAK,EAAE,UAAU,+BAe7C;AAED,OAAO,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,CAAC;AAC/G,YAAY,EAAE,eAAe,EAAE,UAAU,EAAE,CAAC"}

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

@@ -0,0 +1,93 @@
+import { createElement as _createElement } from "react";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useId, useSyncExternalStore } from "react";
+import { Disclosure, DisclosureButton } from "./../../../../inputs/components/disclosure.js";
+import { frontendClassName, frontendDataAttrs, frontendElementClass } from "../../../../namespace/index.js";
+import { useRenderCurrentUrl } from "./../../../../render/current_url.js";
+import { activeSection, observeSections, serverActiveSection, subscribeActiveSection } from "./../section_spy.js";
+import { isSiteLinkActive, isSiteLinkGroup, SiteLinkAnchor, siteLinkChildren, siteLinkFragment, siteLinkKey, siteLinkOnCurrentPage, sitePathForms, } from "./../link.js";
+import { SiteHeaderSearch } from "./search.js";
+const block = "site-header";
+function siteLinkLeaves(links) {
+    return links.flatMap((link) => (isSiteLinkGroup(link) ? siteLinkLeaves(siteLinkChildren(link)) : [link]));
+}
+function useSiteLinkState(links) {
+    const currentUrl = useRenderCurrentUrl();
+    const currentPaths = sitePathForms(currentUrl);
+    const fragments = siteLinkLeaves(links)
+        .filter((link) => siteLinkFragment(link) && siteLinkOnCurrentPage(link, currentPaths))
+        .map((link) => siteLinkFragment(link));
+    const fragmentKey = fragments.join("|");
+    useEffect(() => {
+        observeSections(fragmentKey ? fragmentKey.split("|") : []);
+    }, [fragmentKey]);
+    const section = useSyncExternalStore(subscribeActiveSection, activeSection, serverActiveSection);
+    return { currentPaths, currentUrl, hasSection: fragments.length > 0, section };
+}
+function SiteHeaderAnchor(props) {
+    const { className, currentPaths, hasSection, link, section } = props;
+    return (_jsx(SiteLinkAnchor, { active: isSiteLinkActive(link, currentPaths, section, hasSection, props.currentUrl), className: className, link: link, onNavigate: props.onNavigate, plain: props.plain, softRedirect: props.softRedirect, tabIndex: props.tabIndex }));
+}
+function SiteHeaderNavTrigger(props) {
+    const { link, sheet } = props;
+    const key = String(props.index);
+    return (_jsxs("button", { "aria-controls": `${props.sheetId}_${key}`, "aria-expanded": sheet.open === key, className: frontendElementClass(block, "nav-trigger"), onClick: (event) => sheet.toggle(key, event.detail === 0), onPointerEnter: (event) => {
+            if (event.pointerType === "mouse")
+                sheet.hover(key);
+        }, tabIndex: props.tabIndex, type: "button", ...frontendDataAttrs({ "site-header-trigger": key }), children: [_jsx("span", { className: frontendClassName("text-link"), children: link.label }), _jsx("span", { "aria-hidden": "true", className: frontendElementClass(block, "nav-chevron") })] }));
+}
+function SheetEntry(props) {
+    const { link } = props;
+    const description = link.description === undefined ? null : (_jsx("span", { className: frontendElementClass(block, "sheet-description"), children: link.description }));
+    const label = (_jsxs(_Fragment, { children: [_jsx("span", { className: frontendClassName("text-link"), children: link.label }), description] }));
+    return _jsx(SiteHeaderAnchor, { ...props, plain: true, className: frontendElementClass(block, "sheet-entry"), link: { ...link, label } });
+}
+function SheetColumn(props) {
+    const headingId = `${useId().replace(/:/gu, "")}_sheet_heading`;
+    return (_jsxs("div", { "aria-labelledby": headingId, className: frontendElementClass(block, "sheet-column"), role: "group", children: [_jsx("h5", { className: frontendElementClass(block, "sheet-heading"), id: headingId, children: props.link.label }), _jsx("div", { className: `${frontendElementClass(block, "sheet-links")} ${frontendClassName("scroll-min")}`, children: siteLinkChildren(props.link).map((child, index) => _createElement(SheetEntry, { ...props, key: siteLinkKey(child, index), link: child })) })] }));
+}
+function SheetGrid(props) {
+    const children = siteLinkChildren(props.link);
+    const columns = children.some(isSiteLinkGroup);
+    return (_jsx("div", { className: frontendElementClass(block, "sheet-grid"), ...frontendDataAttrs({ "site-header-layout": columns ? "columns" : "list" }), children: children.map((child, index) => {
+            const key = siteLinkKey(child, index);
+            if (isSiteLinkGroup(child))
+                return _createElement(SheetColumn, { ...props, key: key, link: child });
+            return _createElement(SheetEntry, { ...props, key: key, link: child });
+        }) }));
+}
+function SheetSection(props) {
+    const grid = _jsx(SheetGrid, { ...props });
+    return (_jsx("div", { className: frontendElementClass(block, "sheet-section"), hidden: props.hidden, id: props.id, ...frontendDataAttrs({ "site-header-section": props.sectionKey }), children: props.link.search ? (_jsx(SiteHeaderSearch, { lang: props.lang, onNavigate: props.onNavigate, softRedirect: props.softRedirect, children: grid })) : grid }));
+}
+function SiteHeaderSheetPanel(props) {
+    const { links, sheet, sheetId } = props;
+    const state = useSiteLinkState(links);
+    const groups = links.map((link, index) => ({ index, link })).filter(({ link }) => isSiteLinkGroup(link));
+    if (!groups.length)
+        return null;
+    const open = Boolean(sheet.open);
+    return (_jsx("div", { "aria-hidden": !open, className: frontendElementClass(block, "sheet"), inert: !open, onPointerEnter: sheet.stay, ...frontendDataAttrs({ "site-header-sheet": open ? "open" : "closed" }), children: _jsx("div", { className: `${frontendElementClass(block, "sheet-body")} ${frontendClassName("scroll-min")}`, children: _jsx("div", { className: frontendElementClass(block, "sheet-content"), children: groups.map(({ index, link }) => (_createElement(SheetSection, { ...state, hidden: sheet.current !== String(index), id: `${sheetId}_${index}`, key: siteLinkKey(link, index), lang: props.lang, link: link, onNavigate: sheet.close, sectionKey: String(index), softRedirect: props.softRedirect }))) }) }) }));
+}
+function SiteHeaderChevron() {
+    return _jsx("span", { "aria-hidden": "true", className: frontendElementClass(block, "menu-group-chevron") });
+}
+function MenuSection(props) {
+    return (_jsxs("div", { className: frontendElementClass(block, "menu-section"), children: [_jsx("h5", { className: frontendElementClass(block, "menu-section-heading"), children: props.link.label }), _jsx("div", { className: frontendElementClass(block, "menu-section-links"), children: siteLinkChildren(props.link).map((child, index) => (_createElement(SiteHeaderAnchor, { ...props, key: siteLinkKey(child, index), link: child }))) })] }));
+}
+function MenuGroupLinks(props) {
+    const links = (_jsx("div", { className: frontendElementClass(block, "menu-group-links"), children: siteLinkChildren(props.link).map((child, index) => {
+            const key = siteLinkKey(child, index);
+            if (isSiteLinkGroup(child))
+                return _createElement(MenuSection, { ...props, key: key, link: child });
+            return _createElement(SiteHeaderAnchor, { ...props, key: key, link: child });
+        }) }));
+    if (!props.link.search)
+        return links;
+    return _jsx(SiteHeaderSearch, { lang: props.lang, onNavigate: props.onNavigate, softRedirect: props.softRedirect, children: links });
+}
+function SiteHeaderMenuGroup(props) {
+    return (_jsx(Disclosure, { className: frontendElementClass(block, "menu-group"), panel: _jsx(MenuGroupLinks, { ...props }), trigger: _jsxs(DisclosureButton, { className: frontendElementClass(block, "menu-group-label"), children: [_jsx("span", { className: frontendClassName("text-link"), children: props.link.label }), _jsx(SiteHeaderChevron, {})] }) }));
+}
+export { SiteHeaderAnchor, SiteHeaderMenuGroup, SiteHeaderNavTrigger, SiteHeaderSheetPanel, useSiteLinkState };
+//# sourceMappingURL=groups.js.map

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

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

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

@@ -0,0 +1,11 @@
+import type { ReactNode } from "react";
+type SiteHeaderSearchProps = {
+    children?: ReactNode;
+    lang?: string;
+    onNavigate?: () => void;
+    softRedirect?: boolean;
+};
+declare function SiteHeaderSearch(props: SiteHeaderSearchProps): import("react").JSX.Element;
+export { SiteHeaderSearch };
+export type { SiteHeaderSearchProps };
+//# sourceMappingURL=search.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../../../../../src/layout/components/site/header/search.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAYtD,KAAK,qBAAqB,GAAG;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAsFF,iBAAS,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,+BAyCrD;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAC5B,YAAY,EAAE,qBAAqB,EAAE,CAAC"}

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

@@ -0,0 +1,81 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useId, useRef, useState } from "react";
+import { frontendClassName, frontendElementClass } from "../../../../namespace/index.js";
+import { normalizeLocale, sourceLanguageMessage } from "./../../../../language/messages.js";
+import { loadSiteSearch } from "./../../../../search/site/load.js";
+import { searchSite } from "./../../../../search/site/query.js";
+import { SiteLinkAnchor } from "./../link.js";
+const block = "site-header";
+const DEBOUNCE = 90;
+function useSiteSearch(query, locale) {
+    const [state, setState] = useState({ hits: [], status: "idle" });
+    useEffect(() => {
+        const value = query.trim();
+        if (!value) {
+            setState({ hits: [], status: "idle" });
+            return undefined;
+        }
+        let live = true;
+        const timer = window.setTimeout(() => {
+            setState((current) => (current.status === "ready" ? current : { ...current, status: "loading" }));
+            loadSiteSearch(locale).then((pages) => live && setState({ hits: searchSite(pages, value), status: "ready" }), () => live && setState({ hits: [], status: "failed" }));
+        }, DEBOUNCE);
+        return () => {
+            live = false;
+            window.clearTimeout(timer);
+        };
+    }, [locale, query]);
+    return state;
+}
+function moveFocus(list, input, event) {
+    const links = [...(list?.querySelectorAll("a[href]") || [])];
+    const index = links.indexOf(document.activeElement);
+    if (event.key === "ArrowDown")
+        links[Math.min(links.length - 1, index + 1)]?.focus();
+    else if (event.key === "ArrowUp" && index <= 0)
+        input?.focus();
+    else if (event.key === "ArrowUp")
+        links[index - 1]?.focus();
+    else
+        return;
+    event.preventDefault();
+}
+function HitLink(props) {
+    const { hit } = props;
+    const title = hit.section && hit.section.title !== hit.title ? `${hit.title} · ${hit.section.title}` : hit.title;
+    const label = (_jsxs(_Fragment, { children: [_jsx("span", { className: frontendClassName("text-link"), children: title }), _jsx("span", { className: frontendElementClass(block, "sheet-description"), children: hit.snippet.map((part, index) => (part.mark ? _jsx("mark", { children: part.text }, index) : part.text)) })] }));
+    return (_jsx(SiteLinkAnchor, { className: frontendElementClass(block, "sheet-entry"), link: { href: hit.href, label }, onNavigate: props.onNavigate, plain: true, softRedirect: props.softRedirect }));
+}
+function SearchResults(props) {
+    const listRef = useRef(null);
+    const { hits, status } = props.state;
+    const say = (key) => sourceLanguageMessage(key, props.locale, { query: props.query.trim() });
+    const note = status === "failed" ? say("siteSearchFailed") : status === "ready" && !hits.length ? say("siteSearchEmpty") : "";
+    return (_jsxs("div", { "aria-live": "polite", className: frontendElementClass(block, "search-results"), children: [note ? _jsx("p", { className: frontendElementClass(block, "sheet-description"), children: note }) : null, hits.length ? (_jsx("ol", { className: frontendElementClass(block, "search-list"), onKeyDown: (event) => moveFocus(listRef.current, props.input, event), ref: listRef, children: hits.map((hit) => (_jsx("li", { children: _jsx(HitLink, { hit: hit, onNavigate: props.onNavigate, softRedirect: props.softRedirect }) }, hit.href))) })) : null] }));
+}
+function SiteHeaderSearch(props) {
+    const locale = normalizeLocale(props.lang || (typeof document === "undefined" ? "" : document.documentElement.lang));
+    const [query, setQuery] = useState("");
+    const inputRef = useRef(null);
+    const resultsId = `${useId().replace(/:/gu, "")}_site_search`;
+    const state = useSiteSearch(query, locale);
+    const searching = Boolean(query.trim());
+    const onKeyDown = (event) => {
+        const results = document.getElementById(resultsId);
+        if (event.key === "Escape" && query) {
+            event.stopPropagation();
+            setQuery("");
+        }
+        else if (event.key === "Enter")
+            results?.querySelector("a[href]")?.click();
+        else if (event.key === "ArrowDown")
+            moveFocus(results, inputRef.current, event);
+    };
+    const navigate = () => {
+        setQuery("");
+        props.onNavigate?.();
+    };
+    return (_jsxs("div", { className: frontendElementClass(block, "search"), children: [_jsx("input", { "aria-controls": resultsId, "aria-label": sourceLanguageMessage("siteSearchLabel", locale), autoComplete: "off", className: `${frontendClassName("input")} ${frontendElementClass(block, "search-input")}`, onChange: (event) => setQuery(event.target.value), onFocus: () => void loadSiteSearch(locale).catch(() => undefined), onKeyDown: onKeyDown, placeholder: sourceLanguageMessage("siteSearchPlaceholder", locale), ref: inputRef, spellCheck: false, type: "search", value: query }), _jsx("div", { id: resultsId, children: searching ? _jsx(SearchResults, { ...props, input: inputRef.current, locale: locale, onNavigate: navigate, query: query, state: state }) : null }), _jsx("div", { hidden: searching, children: props.children })] }));
+}
+export { SiteHeaderSearch };
+//# sourceMappingURL=search.js.map

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

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

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

@@ -0,0 +1,14 @@
+import type { RefObject } from "react";
+type SiteHeaderSheet = {
+    close: () => void;
+    current: string;
+    hover: (key: string) => void;
+    leave: () => void;
+    open: string;
+    stay: () => void;
+    toggle: (key: string, keyboard: boolean) => void;
+};
+declare function useSiteHeaderSheet(headerRef: RefObject<HTMLElement | null>): SiteHeaderSheet;
+export { useSiteHeaderSheet };
+export type { SiteHeaderSheet };
+//# sourceMappingURL=sheet.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sheet.d.ts","sourceRoot":"","sources":["../../../../../../src/layout/components/site/header/sheet.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQvC,KAAK,eAAe,GAAG;IACrB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7B,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,MAAM,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CAClD,CAAC;AA2CF,iBAAS,kBAAkB,CAAC,SAAS,EAAE,SAAS,CAAC,WAAW,GAAC,IAAI,CAAC,GAAG,eAAe,CAiCnF;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAC;AAC9B,YAAY,EAAE,eAAe,EAAE,CAAC"}