@fairgarden/design 0.1.0-alpha.0 → 0.1.0-alpha.1

package/page/hero/Hero.js

@@ -0,0 +1,216 @@
+'use client';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { Card, CardKicker, CardMedia, CardTitle, CardTitleLink } from '../../content/card';
+import { Ground } from '../../foundations/ground';
+import { Icon } from '../../foundations/icon';
+import { Link } from '../../actions/link';
+import { SectionDivider } from '../section-divider';
+import { cx } from '../../utils/className';
+import { primaryScaleVariants, secondaryScaleVariants } from '../../utils/scales';
+import { isPageGroundPreset, useScope, } from '../../utils/scope';
+import typeRoles from '../../utils/type.module.css';
+import styles from './hero.module.css';
+/*
+ * Hero (§11.9) [D185]: the page's one opening statement, and its only `h1`.
+ *
+ * Implementation (CSS Modules + CVA)
+ * - Module: hero.module.css; CVA function `hero`.
+ * - Axes: `kind` → editorial | illustrated | split | technical → same-named
+ *   classes (variants A–D); `stacked` → `stacked` ("C, stacked"; split
+ *   only, excluded in the types for the other kinds); `landing` →
+ *   `landing` (allows `type-display-xl`); `transactional` → `transactional`
+ *   (the `--ds-size-control-xl` pill row); `primary`, `secondary` → the
+ *   scales module classes, which the hero's Ground scope writes.
+ * - Compound variants: none.
+ * - Defaults: kind editorial, stacked false, landing false, transactional
+ *   false; color axes: none.
+ * - Color fallback: inherits the preset's defaults through its Ground; the
+ *   actions are §9.2 Buttons, whose `solid` takes the scope's action scale.
+ * - States: only `railLabel`, a §9.3 `nav` Link: :hover → the bare-text
+ *   underline (--role-accent, --border-size-2, offset --size-px-1) [D181];
+ *   :focus-visible → the ring, which follows the rotated box. Buttons and
+ *   the entry cards (Card kind="entry", §12.2) carry their own states.
+ * - Parts: base, wayfinding, title, lockup, lede, actions, media, photo,
+ *   caption, iconButton, plate, drawing, frame, cells, cell, entries, rail,
+ *   railLabel, compass, trail, seam; plus container, layout and content
+ *   (the text column), aside (the technical right column), entryItem and
+ *   entry (the list item and its Card), and the seam-span and trail
+ *   sub-parts.
+ * - Scope: the root is a `kind="band"` Ground: a page ground, or `night` as
+ *   the media hero [D177, D178]. `plate` is a `kind="face"` Ground of a
+ *   page ground, and each entry card a §12.2 `Card kind="entry"`, whose
+ *   face is a `white` Ground [D185]; `iconButton` sits in a `night`
+ *   face (the §9.2 media variant); the illustrated campaign field is a
+ *   `kind="field"` Ground inside the band. `seam` is the exit seam: a
+ *   `kind="band"` Ground of the next band's page ground (`next`), rendered
+ *   after the hero when something crosses the edge (the stacked photo, the
+ *   entry cards, the rail's trail) or the night hero ends on the hill or
+ *   the fringe. It carries the parts that land on that ground in its
+ *   colors: the stacked photo's caption, the entry cards, the trail.
+ * - Container: the technical info cells (`cells`) are the inline-size
+ *   container `hero-cells` (baseline flex-wrap at a 120 px minimum; viewport
+ *   fallback 1 column at --xs-n-below, one row at --lg-n-above; container
+ *   2-up from 360, 4-up from 480) [D163]. The rest is page frame on
+ *   viewport media.
+ */
+export const hero = cva(styles.base, {
+    variants: {
+        kind: {
+            editorial: styles.editorial,
+            illustrated: styles.illustrated,
+            split: styles.split,
+            technical: styles.technical,
+        },
+        stacked: {
+            true: styles.stacked,
+        },
+        landing: {
+            true: styles.landing,
+        },
+        transactional: {
+            true: styles.transactional,
+        },
+        // Color axes: never defaulted [D133]. The hero's Ground writes the classes.
+        primary: primaryScaleVariants,
+        secondary: secondaryScaleVariants,
+    },
+    defaultVariants: {
+        kind: 'editorial',
+        stacked: false,
+        landing: false,
+        transactional: false,
+    },
+});
+/**
+ * The Display Lockup (§3.8) as the illustrated hero's title: caps words and
+ * one accent word, real text in the `h1`. Pass it as `title`.
+ */
+export function HeroLockup({ caps, accent }) {
+    return (React.createElement("span", { className: styles.lockup },
+        React.createElement("span", { className: styles.lockupCaps }, caps),
+        ' ',
+        React.createElement("span", { className: styles.lockupAccent }, accent)));
+}
+/**
+ * The rail's descender, the one tall `ornament-trail` (§4.7.1) [D185]: an
+ * origin circle under the rail label, a freehand fall across the seam and an
+ * open `marker-terminal`. Fixed art, 40 × 113 px, so it keeps to the
+ * 40 px page margin; decorative.
+ */
+function RailTrail() {
+    return (React.createElement("svg", { className: styles.trail, width: "40", height: "113", viewBox: "0 0 40 113", "aria-hidden": "true", focusable: "false" },
+        React.createElement("circle", { className: styles.trailMarker, cx: "20", cy: "4", r: "2.5" }),
+        React.createElement("path", { className: styles.trailPath, d: "M20 11C20 24 8 30 10 44C12 58 30 58 30 72C30 86 16 90 17 101", vectorEffect: "non-scaling-stroke" }),
+        React.createElement("path", { className: styles.trailMarker, d: "M14.3 105.3 17.8 111 20.3 104.7Z", vectorEffect: "non-scaling-stroke" })));
+}
+/**
+ * The page's one hero, with the single `h1`. Never text on a photo, never
+ * sized to the viewport, never animated on load. A photo hero splits: text
+ * on a flat ground, the photo as its own captioned figure.
+ *
+ * - `editorial` (A): type only on the page ground; with a `photo`, the
+ *   centred media hero, on `preset="night"`.
+ * - `illustrated` (B): text and a sticker drawing; `field` sets them in a
+ *   campaign field; `HeroLockup` is its Display Lockup.
+ * - `split` (C): text beside the photo from `--lg-n-above`; `stacked` puts
+ *   the photo under the text in the reading span, straddling the edge.
+ * - `technical` (D): the double-ruled frame, with `aside` and `cells`.
+ *
+ * Straddles [D185]: `entries` (up to 3) cross the bottom edge from
+ * `--lg-n-above` and stack under the hero below it; the stacked photo
+ * crosses it too, with the hill behind. `rail` pins the rotated label to
+ * the bottom end corner, its trail crossing the seam. The hero then renders
+ * its exit seam on `next`, the band below. Prints as the masthead title.
+ */
+export function Hero(props) {
+    const { kind, stacked, landing, transactional, primary, secondary, preset: presetProp, edge, next, wayfinding, title, titleId, lede, actions, photo, caption, photoAction, plate, entries, drawing, field, aside, cells, rail, renderLink, className, ...rest } = props;
+    const scope = useScope();
+    const resolvedKind = kind ?? 'editorial';
+    const pageGround = isPageGroundPreset(scope.ground) ? scope.ground : 'paper';
+    const preset = presetProp ?? pageGround;
+    const nextPreset = next ?? pageGround;
+    const photoKind = resolvedKind === 'editorial' || resolvedKind === 'split';
+    const hasPhoto = photoKind && photo != null;
+    const isStacked = resolvedKind === 'split' && stacked === true && hasPhoto;
+    const entryList = hasPhoto && !isStacked && entries != null ? entries.slice(0, 3) : [];
+    // A seam carries one device [D51]: entry cards straddling it take the place of a shaped edge.
+    const shapedEdge = preset === 'night' && entryList.length === 0 ? edge : undefined;
+    const hasRail = rail != null && resolvedKind !== 'technical';
+    const seamed = isStacked || entryList.length > 0 || shapedEdge != null || hasRail;
+    // Something else fills the seam band, so the shaped edge lies over it.
+    const edgeOver = isStacked || entryList.length > 0;
+    const pageSeam = seamed && preset !== 'night' && preset !== nextPreset;
+    /*
+     * In an illustrated hero on a field, the rotated rail (from --md-n-above)
+     * sits on the band beside the field, so it renders as the band's child to
+     * take the band's inks and mode, not the field's; the inline copy under
+     * the lede serves the base width. Each copy is display: none at the
+     * other's widths, so one link is ever in the accessibility tree.
+     */
+    const railOnBand = hasRail && resolvedKind === 'illustrated' && field != null;
+    const renderRail = (explore, placement) => (React.createElement("div", { className: cx(styles.rail, placement) },
+        React.createElement(Link, { kind: "nav", href: explore.href, render: renderLink?.(explore.href), className: styles.railLabel },
+            explore.label,
+            React.createElement(Icon, { name: "arrow_forward", className: styles.railArrow })),
+        explore.compass != null ? React.createElement("div", { className: styles.compass }, explore.compass) : null));
+    const railNode = hasRail && rail != null ? renderRail(rail, railOnBand ? styles.railInline : undefined) : null;
+    const railCorner = railOnBand && rail != null ? renderRail(rail, styles.railCorner) : null;
+    const text = (React.createElement("div", { className: styles.content },
+        wayfinding != null ? React.createElement("div", { className: styles.wayfinding }, wayfinding) : null,
+        React.createElement("h1", { id: titleId, className: cx(styles.title, typeRoles.typeDisplay) }, title),
+        lede != null ? (React.createElement("p", { className: cx(styles.lede, resolvedKind === 'technical' ? typeRoles.typeData : typeRoles.typeLead) }, lede)) : null,
+        railNode,
+        actions != null ? React.createElement("div", { className: styles.actions }, actions) : null));
+    const figure = hasPhoto ? (React.createElement("figure", { className: styles.media },
+        React.createElement("div", { className: styles.photo },
+            photo,
+            photoAction != null ? (React.createElement(Ground, { kind: "face", preset: "night", onMedia: true, render: React.createElement("div", null), className: styles.iconButton }, photoAction)) : null),
+        plate != null && !isStacked ? (React.createElement(Ground, { kind: "face", preset: preset === 'night' ? 'paper' : 'white', render: React.createElement("div", null), className: styles.plate }, plate)) : null,
+        caption != null ? React.createElement("figcaption", { className: styles.caption }, caption) : null)) : null;
+    let body;
+    if (resolvedKind === 'illustrated') {
+        const inner = (React.createElement(React.Fragment, null,
+            drawing != null ? React.createElement("div", { className: styles.drawing }, drawing) : null,
+            text));
+        body =
+            field != null ? (React.createElement(Ground, { kind: "field", preset: field, render: React.createElement("div", null), className: cx(styles.field, styles.layout) }, inner)) : (React.createElement("div", { className: styles.layout }, inner));
+    }
+    else if (resolvedKind === 'technical') {
+        body = (React.createElement("div", { className: styles.frame },
+            text,
+            aside != null ? React.createElement("div", { className: styles.aside }, aside) : null,
+            drawing != null ? React.createElement("div", { className: styles.drawing }, drawing) : null,
+            cells != null && cells.length > 0 ? (React.createElement("dl", { className: styles.cells }, cells.map((cell, index) => (React.createElement("div", { key: index, className: styles.cell },
+                React.createElement("dt", { className: styles.cellLabel }, cell.label),
+                React.createElement("dd", { className: styles.cellValue }, cell.value)))))) : null));
+    }
+    else {
+        body = (React.createElement("div", { className: styles.layout },
+            text,
+            figure));
+    }
+    const band = (React.createElement(Ground, { kind: "band", preset: preset, primary: primary ?? undefined, secondary: secondary ?? undefined, render: React.createElement("header", null), ...rest, className: cx(hero({ kind: resolvedKind, stacked: isStacked, landing, transactional }), resolvedKind === 'editorial' && hasPhoto && styles.mediaHero, shapedEdge != null && styles.edged, className) },
+        React.createElement("div", { className: styles.container }, body),
+        railCorner));
+    if (!seamed)
+        return band;
+    return (React.createElement(React.Fragment, null,
+        band,
+        React.createElement(Ground, { kind: "band", preset: nextPreset, render: React.createElement("div", null), className: cx(styles.seam, isStacked && styles.seamStacked, entryList.length > 0 && styles.seamEntries) },
+            pageSeam ? React.createElement(SectionDivider, { kind: "page-seam", className: styles.seamRule }) : null,
+            shapedEdge != null ? (React.createElement(SectionDivider, { kind: shapedEdge, className: cx(styles.seamEdge, edgeOver && styles.seamEdgeOver) })) : null,
+            isStacked ? (React.createElement("div", { className: styles.container },
+                React.createElement("div", { className: styles.seamSpan },
+                    React.createElement("div", { className: styles.photoSpacer }),
+                    caption != null ? (React.createElement("p", { className: styles.seamCaption, "aria-hidden": "true" }, caption)) : null))) : null,
+            entryList.length > 0 ? (React.createElement("div", { className: styles.container },
+                React.createElement("ul", { className: styles.entries }, entryList.map((entry, index) => (React.createElement("li", { key: index, className: styles.entryItem },
+                    React.createElement(Card, { kind: "entry", className: styles.entry },
+                        entry.image != null ? React.createElement(CardMedia, null, entry.image) : null,
+                        React.createElement(CardKicker, null, entry.category),
+                        React.createElement(CardTitle, { render: React.createElement("p", null) },
+                            React.createElement(CardTitleLink, { href: entry.href, render: renderLink?.(entry.href) }, entry.title))))))))) : null,
+            hasRail ? React.createElement(RailTrail, null) : null)));
+}
+//# sourceMappingURL=Hero.js.map

package/page/hero/Hero.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hero.js","sourceRoot":"","sources":["../../src/page/hero/Hero.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAA;AAEjE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAC1F,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAA;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AACnD,OAAO,EAAE,EAAE,EAAE,MAAM,uBAAuB,CAAA;AAC1C,OAAO,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAA;AACjF,OAAO,EACL,kBAAkB,EAClB,QAAQ,GAGT,MAAM,mBAAmB,CAAA;AAC1B,OAAO,SAAS,MAAM,6BAA6B,CAAA;AACnD,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE;IACnC,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,SAAS,EAAE,MAAM,CAAC,SAAS;YAC3B,WAAW,EAAE,MAAM,CAAC,WAAW;YAC/B,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,SAAS,EAAE,MAAM,CAAC,SAAS;SAC5B;QACD,OAAO,EAAE;YACP,IAAI,EAAE,MAAM,CAAC,OAAO;SACrB;QACD,OAAO,EAAE;YACP,IAAI,EAAE,MAAM,CAAC,OAAO;SACrB;QACD,aAAa,EAAE;YACb,IAAI,EAAE,MAAM,CAAC,aAAa;SAC3B;QACD,4EAA4E;QAC5E,OAAO,EAAE,oBAAoB;QAC7B,SAAS,EAAE,sBAAsB;KAClC;IACD,eAAe,EAAE;QACf,IAAI,EAAE,WAAW;QACjB,OAAO,EAAE,KAAK;QACd,OAAO,EAAE,KAAK;QACd,aAAa,EAAE,KAAK;KACrB;CACF,CAAC,CAAA;AAkOF;;;GAGG;AACH,MAAM,UAAU,UAAU,CAAC,EAAE,IAAI,EAAE,MAAM,EAAmB;IAC1D,OAAO,CACL,8BAAM,SAAS,EAAE,MAAM,CAAC,MAAM;QAC5B,8BAAM,SAAS,EAAE,MAAM,CAAC,UAAU,IAAG,IAAI,CAAQ;QAAC,GAAG;QACrD,8BAAM,SAAS,EAAE,MAAM,CAAC,YAAY,IAAG,MAAM,CAAQ,CAChD,CACR,CAAA;AACH,CAAC;AAED;;;;;GAKG;AACH,SAAS,SAAS;IAChB,OAAO,CACL,6BACE,SAAS,EAAE,MAAM,CAAC,KAAK,EACvB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,YAAY,iBACR,MAAM,EAClB,SAAS,EAAC,OAAO;QAEjB,gCAAQ,SAAS,EAAE,MAAM,CAAC,WAAW,EAAE,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,CAAC,EAAC,KAAK,GAAG;QAChE,8BACE,SAAS,EAAE,MAAM,CAAC,SAAS,EAC3B,CAAC,EAAC,8DAA8D,EAChE,YAAY,EAAC,oBAAoB,GACjC;QACF,8BACE,SAAS,EAAE,MAAM,CAAC,WAAW,EAC7B,CAAC,EAAC,kCAAkC,EACpC,YAAY,EAAC,oBAAoB,GACjC,CACE,CACP,CAAA;AACH,CAAC;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,UAAU,IAAI,CAAC,KAAgB;IACnC,MAAM,EACJ,IAAI,EACJ,OAAO,EACP,OAAO,EACP,aAAa,EACb,OAAO,EACP,SAAS,EACT,MAAM,EAAE,UAAU,EAClB,IAAI,EACJ,IAAI,EACJ,UAAU,EACV,KAAK,EACL,OAAO,EACP,IAAI,EACJ,OAAO,EACP,KAAK,EACL,OAAO,EACP,WAAW,EACX,KAAK,EACL,OAAO,EACP,OAAO,EACP,KAAK,EACL,KAAK,EACL,KAAK,EACL,IAAI,EACJ,UAAU,EACV,SAAS,EACT,GAAG,IAAI,EACR,GAAG,KAAqB,CAAA;IAEzB,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,YAAY,GAAa,IAAI,IAAI,WAAW,CAAA;IAClD,MAAM,UAAU,GAAqB,kBAAkB,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAA;IAC9F,MAAM,MAAM,GAAe,UAAU,IAAI,UAAU,CAAA;IACnD,MAAM,UAAU,GAAqB,IAAI,IAAI,UAAU,CAAA;IAEvD,MAAM,SAAS,GAAG,YAAY,KAAK,WAAW,IAAI,YAAY,KAAK,OAAO,CAAA;IAC1E,MAAM,QAAQ,GAAG,SAAS,IAAI,KAAK,IAAI,IAAI,CAAA;IAC3C,MAAM,SAAS,GAAG,YAAY,KAAK,OAAO,IAAI,OAAO,KAAK,IAAI,IAAI,QAAQ,CAAA;IAC1E,MAAM,SAAS,GAAG,QAAQ,IAAI,CAAC,SAAS,IAAI,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;IACtF,8FAA8F;IAC9F,MAAM,UAAU,GAAG,MAAM,KAAK,OAAO,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAA;IAClF,MAAM,OAAO,GAAG,IAAI,IAAI,IAAI,IAAI,YAAY,KAAK,WAAW,CAAA;IAC5D,MAAM,MAAM,GAAG,SAAS,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,UAAU,IAAI,IAAI,IAAI,OAAO,CAAA;IACjF,uEAAuE;IACvE,MAAM,QAAQ,GAAG,SAAS,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,CAAA;IAClD,MAAM,QAAQ,GAAG,MAAM,IAAI,MAAM,KAAK,OAAO,IAAI,MAAM,KAAK,UAAU,CAAA;IAEtE;;;;;;OAMG;IACH,MAAM,UAAU,GAAG,OAAO,IAAI,YAAY,KAAK,aAAa,IAAI,KAAK,IAAI,IAAI,CAAA;IAC7E,MAAM,UAAU,GAAG,CAAC,OAAiB,EAAE,SAAkB,EAAE,EAAE,CAAC,CAC5D,6BAAK,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC;QACxC,oBAAC,IAAI,IACH,IAAI,EAAC,KAAK,EACV,IAAI,EAAE,OAAO,CAAC,IAAI,EAClB,MAAM,EAAE,UAAU,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAClC,SAAS,EAAE,MAAM,CAAC,SAAS;YAE1B,OAAO,CAAC,KAAK;YACd,oBAAC,IAAI,IAAC,IAAI,EAAC,eAAe,EAAC,SAAS,EAAE,MAAM,CAAC,SAAS,GAAI,CACrD;QACN,OAAO,CAAC,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO,IAAG,OAAO,CAAC,OAAO,CAAO,CAAC,CAAC,CAAC,IAAI,CACrF,CACP,CAAA;IACD,MAAM,QAAQ,GACZ,OAAO,IAAI,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;IAC/F,MAAM,UAAU,GAAG,UAAU,IAAI,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;IAE1F,MAAM,IAAI,GAAG,CACX,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO;QAC3B,UAAU,IAAI,IAAI,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAE,MAAM,CAAC,UAAU,IAAG,UAAU,CAAO,CAAC,CAAC,CAAC,IAAI;QAClF,4BAAI,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,WAAW,CAAC,IAChE,KAAK,CACH;QACJ,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,CACd,2BACE,SAAS,EAAE,EAAE,CACX,MAAM,CAAC,IAAI,EACX,YAAY,KAAK,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,QAAQ,CACvE,IAEA,IAAI,CACH,CACL,CAAC,CAAC,CAAC,IAAI;QACP,QAAQ;QACR,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO,IAAG,OAAO,CAAO,CAAC,CAAC,CAAC,IAAI,CACrE,CACP,CAAA;IAED,MAAM,MAAM,GAAG,QAAQ,CAAC,CAAC,CAAC,CACxB,gCAAQ,SAAS,EAAE,MAAM,CAAC,KAAK;QAC7B,6BAAK,SAAS,EAAE,MAAM,CAAC,KAAK;YACzB,KAAK;YACL,WAAW,IAAI,IAAI,CAAC,CAAC,CAAC,CACrB,oBAAC,MAAM,IACL,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,OAAO,EACd,OAAO,QACP,MAAM,EAAE,gCAAO,EACf,SAAS,EAAE,MAAM,CAAC,UAAU,IAE3B,WAAW,CACL,CACV,CAAC,CAAC,CAAC,IAAI,CACJ;QACL,KAAK,IAAI,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAC7B,oBAAC,MAAM,IACL,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,EAC9C,MAAM,EAAE,gCAAO,EACf,SAAS,EAAE,MAAM,CAAC,KAAK,IAEtB,KAAK,CACC,CACV,CAAC,CAAC,CAAC,IAAI;QACP,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,oCAAY,SAAS,EAAE,MAAM,CAAC,OAAO,IAAG,OAAO,CAAc,CAAC,CAAC,CAAC,IAAI,CAChF,CACV,CAAC,CAAC,CAAC,IAAI,CAAA;IAER,IAAI,IAAqB,CAAA;IACzB,IAAI,YAAY,KAAK,aAAa,EAAE,CAAC;QACnC,MAAM,KAAK,GAAG,CACZ;YACG,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO,IAAG,OAAO,CAAO,CAAC,CAAC,CAAC,IAAI;YACxE,IAAI,CACJ,CACJ,CAAA;QACD,IAAI;YACF,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,CACd,oBAAC,MAAM,IACL,IAAI,EAAC,OAAO,EACZ,MAAM,EAAE,KAAK,EACb,MAAM,EAAE,gCAAO,EACf,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,IAEzC,KAAK,CACC,CACV,CAAC,CAAC,CAAC,CACF,6BAAK,SAAS,EAAE,MAAM,CAAC,MAAM,IAAG,KAAK,CAAO,CAC7C,CAAA;IACL,CAAC;SAAM,IAAI,YAAY,KAAK,WAAW,EAAE,CAAC;QACxC,IAAI,GAAG,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,KAAK;YACzB,IAAI;YACJ,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAE,MAAM,CAAC,KAAK,IAAG,KAAK,CAAO,CAAC,CAAC,CAAC,IAAI;YAClE,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO,IAAG,OAAO,CAAO,CAAC,CAAC,CAAC,IAAI;YACxE,KAAK,IAAI,IAAI,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACnC,4BAAI,SAAS,EAAE,MAAM,CAAC,KAAK,IACxB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,6BAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,CAAC,IAAI;gBACrC,4BAAI,SAAS,EAAE,MAAM,CAAC,SAAS,IAAG,IAAI,CAAC,KAAK,CAAM;gBAClD,4BAAI,SAAS,EAAE,MAAM,CAAC,SAAS,IAAG,IAAI,CAAC,KAAK,CAAM,CAC9C,CACP,CAAC,CACC,CACN,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAA;IACH,CAAC;SAAM,CAAC;QACN,IAAI,GAAG,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,MAAM;YAC1B,IAAI;YACJ,MAAM,CACH,CACP,CAAA;IACH,CAAC;IAED,MAAM,IAAI,GAAG,CACX,oBAAC,MAAM,IACL,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,IAAI,SAAS,EAC7B,SAAS,EAAE,SAAS,IAAI,SAAS,EACjC,MAAM,EAAE,mCAAU,KACd,IAAI,EACR,SAAS,EAAE,EAAE,CACX,IAAI,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,aAAa,EAAE,CAAC,EACxE,YAAY,KAAK,WAAW,IAAI,QAAQ,IAAI,MAAM,CAAC,SAAS,EAC5D,UAAU,IAAI,IAAI,IAAI,MAAM,CAAC,KAAK,EAClC,SAAS,CACV;QAED,6BAAK,SAAS,EAAE,MAAM,CAAC,SAAS,IAAG,IAAI,CAAO;QAC7C,UAAU,CACJ,CACV,CAAA;IAED,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAA;IAExB,OAAO,CACL;QACG,IAAI;QACL,oBAAC,MAAM,IACL,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,UAAU,EAClB,MAAM,EAAE,gCAAO,EACf,SAAS,EAAE,EAAE,CACX,MAAM,CAAC,IAAI,EACX,SAAS,IAAI,MAAM,CAAC,WAAW,EAC/B,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,MAAM,CAAC,WAAW,CAC3C;YAEA,QAAQ,CAAC,CAAC,CAAC,oBAAC,cAAc,IAAC,IAAI,EAAC,WAAW,EAAC,SAAS,EAAE,MAAM,CAAC,QAAQ,GAAI,CAAC,CAAC,CAAC,IAAI;YACjF,UAAU,IAAI,IAAI,CAAC,CAAC,CAAC,CACpB,oBAAC,cAAc,IACb,IAAI,EAAE,UAAU,EAChB,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,EAAE,QAAQ,IAAI,MAAM,CAAC,YAAY,CAAC,GAC/D,CACH,CAAC,CAAC,CAAC,IAAI;YACP,SAAS,CAAC,CAAC,CAAC,CACX,6BAAK,SAAS,EAAE,MAAM,CAAC,SAAS;gBAC9B,6BAAK,SAAS,EAAE,MAAM,CAAC,QAAQ;oBAC7B,6BAAK,SAAS,EAAE,MAAM,CAAC,WAAW,GAAI;oBACrC,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,CACjB,2BAAG,SAAS,EAAE,MAAM,CAAC,WAAW,iBAAc,MAAM,IACjD,OAAO,CACN,CACL,CAAC,CAAC,CAAC,IAAI,CACJ,CACF,CACP,CAAC,CAAC,CAAC,IAAI;YACP,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACtB,6BAAK,SAAS,EAAE,MAAM,CAAC,SAAS;gBAC9B,4BAAI,SAAS,EAAE,MAAM,CAAC,OAAO,IAC1B,SAAS,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC/B,4BAAI,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,CAAC,SAAS;oBACzC,oBAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAE,MAAM,CAAC,KAAK;wBACvC,KAAK,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,oBAAC,SAAS,QAAE,KAAK,CAAC,KAAK,CAAa,CAAC,CAAC,CAAC,IAAI;wBAClE,oBAAC,UAAU,QAAE,KAAK,CAAC,QAAQ,CAAc;wBACzC,oBAAC,SAAS,IAAC,MAAM,EAAE,8BAAK;4BACtB,oBAAC,aAAa,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,IAC9D,KAAK,CAAC,KAAK,CACE,CACN,CACP,CACJ,CACN,CAAC,CACC,CACD,CACP,CAAC,CAAC,CAAC,IAAI;YACP,OAAO,CAAC,CAAC,CAAC,oBAAC,SAAS,OAAG,CAAC,CAAC,CAAC,IAAI,CACxB,CACR,CACJ,CAAA;AACH,CAAC"}

package/page/hero/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/page/hero/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA"}

package/page/hero/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/page/hero/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA"}

package/page/marquee/Marquee.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Marquee.d.ts","sourceRoot":"","sources":["../../src/page/marquee/Marquee.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAsCjE,eAAO,MAAM,OAAO;;;;;;8EAoBlB,CAAA;AAEF,KAAK,eAAe,GAAG,YAAY,CAAC,OAAO,OAAO,CAAC,CAAA;AAEnD,2GAA2G;AAC3G,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;AAEtD,UAAU,kBAAmB,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC;IAC3F,+DAA+D;IAC/D,KAAK,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,OAAO,EAAE,SAAS,MAAM,EAAE,CAAA;IAC1B;;;;;OAKG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB;;;OAGG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,CAAA;IACpC,wFAAwF;IACxF,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAA;CACzC;AAED,UAAU,kBAAmB,SAAQ,kBAAkB;IACrD;;;;OAIG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,YAAY,CAAA;CACrB;AAED,UAAU,kBAAmB,SAAQ,kBAAkB;IACrD,IAAI,EAAE,QAAQ,CAAA;IACd,OAAO,CAAC,EAAE,KAAK,CAAA;IACf,KAAK,CAAC,EAAE,KAAK,CAAA;CACd;AAED,2GAA2G;AAC3G,MAAM,MAAM,YAAY,GAAG,kBAAkB,GAAG,kBAAkB,CAAA;AAUlE;;;;GAIG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,qBA4D1C"}

package/page/marquee/Marquee.js

@@ -0,0 +1,87 @@
+'use client';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { Ground } from '../../foundations/ground';
+import { primaryScaleVariants, secondaryScaleVariants } from '../../utils/scales';
+import { useScopeAttributes } from '../../utils/scope';
+import styles from './marquee.module.css';
+/*
+ * Marquee (§11.12, the marquee band): a thin, loud scene divider of brand
+ * phrases, once per page. Static only [D169]: it never moves, so it has no
+ * motion control. By default the phrases sit in a full-container `forest`
+ * field; they may instead run on the page ground [D180].
+ *
+ * Implementation (CSS Modules + CVA)
+ * - Module: marquee.module.css; CVA function `marquee` (the spec's
+ *   `marqueeBand`, named for the component).
+ * - Axes: `kind` → static | ticker → `static`, `ticker` (phrases, or the
+ *   quote ticker between rules); `fielded` → `fielded` (the phrases in a
+ *   full-container field; default for `static`, excluded for `ticker`)
+ *   [D180]; `hanging` → `hanging` (a hanging drawing, computed from the
+ *   `drawing` prop); `primary`, `secondary` → scales module classes.
+ * - Compound variants: none.
+ * - Defaults: kind static, fielded true (static only), hanging false; color
+ *   axes: none [D133].
+ * - Color fallback: inherits the scope, or the field preset's defaults.
+ *   Secondary drives nothing: the marquee is one ink on every preset.
+ * - States: none; it renders the same under every motion preference [D169].
+ * - Parts: base, container, field, run (with `marqueeText` or
+ *   `tickerText`, the run's type role), phrase, dot, drawing; the ticker's
+ *   `rule`s are the root's own full-bleed borders.
+ * - Scope: the root sits on its band's page ground. With `fielded`, `field`
+ *   is a `kind="field"` Ground (`forest` by default; `leaf` or `amber`
+ *   within their rations) with its radius and its `--primary12` edge in
+ *   `--role-edge` [D177, D178].
+ * - Container: none: a page-frame part. Place it full width in its band;
+ *   it sets its own `--ds-container-content` container, and any responsive
+ *   change is a viewport rule [D163].
+ */
+export const marquee = cva(styles.base, {
+    variants: {
+        kind: {
+            static: styles.static,
+            ticker: styles.ticker,
+        },
+        fielded: {
+            true: styles.fielded,
+        },
+        hanging: {
+            true: styles.hanging,
+        },
+        // Color axes: never defaulted, so an omitted prop inherits the scope [D133].
+        primary: primaryScaleVariants,
+        secondary: secondaryScaleVariants,
+    },
+    defaultVariants: {
+        kind: 'static',
+        hanging: false,
+    },
+});
+function Dot() {
+    return (React.createElement("svg", { className: styles.dot, viewBox: "0 0 2 2", "aria-hidden": "true", focusable: "false" },
+        React.createElement("circle", { cx: "1", cy: "1", r: "1" })));
+}
+/**
+ * The marquee band. It never scrolls, clips or animates [D169]: every
+ * phrase shows whole. In print the phrases print once, centered, between two
+ * 1.5 pt rules, and the field's fill drops.
+ */
+export function Marquee(props) {
+    const { kind, fielded: fieldedProp, field, label, phrases, drawing, primary, secondary, className, ...rest } = props;
+    const scope = useScopeAttributes();
+    const resolvedKind = kind ?? 'static';
+    const fielded = resolvedKind === 'static' && fieldedProp !== false;
+    const hanging = drawing != null;
+    const run = (React.createElement("p", { className: styles.run },
+        React.createElement("span", { className: resolvedKind === 'ticker' ? styles.tickerText : styles.marqueeText }, phrases.map((phrase, index) => (React.createElement(React.Fragment, { key: `${index}-${phrase}` },
+            index > 0 ? (React.createElement(React.Fragment, null,
+                ' ',
+                React.createElement(Dot, null),
+                ' ')) : null,
+            React.createElement("span", { className: styles.phrase }, phrase)))))));
+    return (React.createElement("section", { ...rest, ...scope, "aria-label": label, className: marquee({ kind: resolvedKind, fielded, hanging, primary, secondary, className }) },
+        React.createElement("div", { className: styles.container },
+            fielded ? (React.createElement(Ground, { kind: "field", preset: field ?? 'forest', render: React.createElement("div", null), className: styles.field }, run)) : (run),
+            hanging ? (React.createElement("div", { className: styles.drawing, "aria-hidden": "true" }, drawing)) : null)));
+}
+//# sourceMappingURL=Marquee.js.map

package/page/marquee/Marquee.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Marquee.js","sourceRoot":"","sources":["../../src/page/marquee/Marquee.tsx"],"names":[],"mappings":"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"}

package/page/marquee/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/page/marquee/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA"}

package/page/marquee/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/page/marquee/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA"}

package/page/newsletter/Newsletter.d.ts.map

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

package/page/newsletter/Newsletter.js

@@ -0,0 +1,241 @@
+'use client';
+import * as React from 'react';
+import { useRender } from '@base-ui/react/use-render';
+import { mergeProps } from '@base-ui/react/merge-props';
+import { cva } from 'class-variance-authority';
+import { Button } from '../../actions/button';
+import { Checkbox } from '../../forms/checkbox';
+import { Field, FieldError, FieldLabel } from '../../forms/field';
+import { Form, FormRow } from '../../forms/form';
+import { Ground } from '../../foundations/ground';
+import { Input } from '../../forms/input';
+import { StatusGlyph, statusLabels, statusScales } from '../../utils/StatusGlyph';
+import { primaryScaleVariants, secondaryScaleVariants } from '../../utils/scales';
+import { useScopeAttributes } from '../../utils/scope';
+import styles from './newsletter.module.css';
+/*
+ * Newsletter Signup (§11.11): email capture as the inline footer form, the
+ * straddle card, a band or a ruled row. A Base UI Form holding Field parts
+ * (Label, Input, Error), an optional consent Checkbox and a submit Button;
+ * the result renders in place, in a polite live region. Never a pop-up, a
+ * multi-step flow or a modal.
+ *
+ * Implementation (CSS Modules + CVA)
+ * - Module: newsletter.module.css; CVA functions `newsletter` and
+ *   `newsletterStatus`.
+ * - Axes: `kind` → inline | straddle | band | ruled → same-named classes;
+ *   `grained` → `grained` (the straddle card takes grain and its fields sit
+ *   on `white` face plates, light islands); `reading` → `reading` (the
+ *   straddle card on reference and editorial pages: from --lg-n-above it
+ *   aligns to the reading column's start edge and widens to the reading
+ *   measure [D187]); `primary`, `secondary` → scales module classes.
+ *   `newsletterStatus`: `status` → success | warning (§1.5.4).
+ * - Compound variants: none.
+ * - Defaults: kind inline, grained false, reading false; color axes: none
+ *   [D133].
+ * - Color fallback: inherits the scope (or the card's `royal` field). The
+ *   submit's own class aliases the scope's action scale (the butted cell's
+ *   `solid` Button, or the §9.2 pill); the Field in error passes the danger
+ *   scale; the status part takes green or amber as its secondary [D129].
+ * - States: `aria-busy` on the form (from `busy`) → "Sending…" at the held
+ *   width, no spinner [D84]; success replaces the form and takes focus.
+ *   Field, Input, Checkbox and Button states live in their own modules
+ *   (`data-invalid`, `data-focused`, `data-checked`, `data-disabled`, the
+ *   D140 field hover, the D181 action hover). Legal links are §9.3 Links.
+ * - Parts: base, card, content, layout, intro, icon, heading (bandHeading
+ *   on the band), pitch,
+ *   formArea, form, fields, consent, buttedCell (the Input's action cell),
+ *   submit, legal, status (`newsletterStatus`: statusGlyph, statusText),
+ *   printLine.
+ * - Scope: `card` is a `royal` field (`<Ground kind="field">`, always dark)
+ *   for `straddle`, the page's one royal card, or an optional `leaf` or
+ *   `amber` campaign field for `band` [D177, D178]. On a grained card each
+ *   field box is a `white` face plate (Input `plate`) [D149, D179].
+ * - Container: `content` is the inline-size container named `newsletter`;
+ *   the band's field-and-pill row (480) and 6 + 6 split (768) and the
+ *   ruled row's three cells (768) query it. Baseline: the field row
+ *   flex-wraps and the ruled row stacks, with viewport fallbacks at
+ *   --md-n-above and --lg-n-above. The Form is its own `form` container, so
+ *   Email and Postcode share a row from 480 px of form width. The straddle
+ *   card's width cap is a frame rule on the viewport (§5.10.2) [D163].
+ */
+export const newsletter = cva(styles.base, {
+    variants: {
+        kind: {
+            inline: styles.inline,
+            straddle: styles.straddle,
+            band: styles.band,
+            ruled: styles.ruled,
+        },
+        grained: {
+            true: styles.grained,
+        },
+        reading: {
+            true: styles.reading,
+        },
+        // Color axes: never defaulted, so an omitted prop inherits the scope [D133].
+        primary: primaryScaleVariants,
+        secondary: secondaryScaleVariants,
+    },
+    defaultVariants: {
+        kind: 'inline',
+        grained: false,
+        reading: false,
+    },
+});
+/** The status part (§1.5.4): success (green) or a server-failure warning (amber). */
+export const newsletterStatus = cva(styles.status, {
+    variants: {
+        status: {
+            success: `${styles.success} ${secondaryScaleVariants[statusScales.success]}`,
+            warning: `${styles.warning} ${secondaryScaleVariants[statusScales.warning]}`,
+        },
+    },
+});
+const headingTags = { 2: 'h2', 3: 'h3', 4: 'h4' };
+/**
+ * Lifts a straddle card across the seam of the band it opens: the seam
+ * falls halfway through the gap between the heading and the first field
+ * (§5.6.2), however the heading wraps. Writes --newsletter-overlap (px) on
+ * the root; without script the card simply opens the lower band.
+ */
+function useStraddle(enabled, root, heading, after) {
+    React.useLayoutEffect(() => {
+        const node = root.current;
+        if (!enabled || !node)
+            return undefined;
+        const band = node.parentElement?.closest('[data-ground]') ?? null;
+        if (!band)
+            return undefined;
+        let frame = 0;
+        const measure = () => {
+            cancelAnimationFrame(frame);
+            frame = requestAnimationFrame(() => {
+                const headingNode = heading.current;
+                const afterNode = after.current;
+                if (!headingNode || !afterNode)
+                    return;
+                const current = parseFloat(node.style.getPropertyValue('--newsletter-overlap')) || 0;
+                const top = node.getBoundingClientRect().top + current;
+                const headingBottom = headingNode.getBoundingClientRect().bottom + current;
+                const afterTop = afterNode.getBoundingClientRect().top + current;
+                const seamInCard = headingBottom - top + (afterTop - headingBottom) / 2;
+                const shift = top - band.getBoundingClientRect().top + seamInCard;
+                node.style.setProperty('--newsletter-overlap', `${Math.max(0, Math.round(shift))}px`);
+            });
+        };
+        measure();
+        const observer = new ResizeObserver(measure);
+        observer.observe(node);
+        observer.observe(band);
+        window.addEventListener('resize', measure);
+        return () => {
+            cancelAnimationFrame(frame);
+            observer.disconnect();
+            window.removeEventListener('resize', measure);
+            node.style.removeProperty('--newsletter-overlap');
+        };
+    }, [enabled, root, heading, after]);
+}
+/**
+ * The newsletter signup. At most one per page besides the footer block;
+ * when a page carries one, the footer shows only a link. In print it
+ * becomes one 0.75 pt box: the heading and "Subscribe at <printUrl>".
+ */
+export function Newsletter(props) {
+    const { kind, grained, reading, field, icon, heading, headingLevel = 2, pitch, legal, emailLabel = 'Email Address', emailPlaceholder, emailError = 'Enter an email address, like name@example.org.', postcode, consent, submitLabel = 'Subscribe', busyLabel = 'Sending…', busy = false, status, statusMessage, successTitle = 'Subscribed', onSubscribe, printUrl, primary, secondary, render, ref, className, ...rest } = props;
+    const scope = useScopeAttributes();
+    const headingId = React.useId();
+    const resolvedKind = kind ?? 'inline';
+    const HeadingTag = headingTags[headingLevel];
+    const isStraddle = resolvedKind === 'straddle';
+    const rootRef = React.useRef(null);
+    const headingRef = React.useRef(null);
+    const formAreaRef = React.useRef(null);
+    const statusRef = React.useRef(null);
+    useStraddle(isStraddle, rootRef, headingRef, formAreaRef);
+    // Success replaces the form; focus moves to the message [D58].
+    React.useEffect(() => {
+        if (status === 'success')
+            statusRef.current?.focus();
+    }, [status]);
+    const setRootRef = React.useCallback((node) => {
+        rootRef.current = node;
+        if (typeof ref === 'function')
+            ref(node);
+        else if (ref)
+            ref.current = node;
+    }, [ref]);
+    const postcodeLabel = postcode === true ? 'Postcode' : postcode || null;
+    const plate = isStraddle && grained === true;
+    const inlineCell = resolvedKind === 'inline';
+    const statusNode = status != null ? (React.createElement("div", { ...scope, ref: statusRef, role: "status", tabIndex: -1, className: newsletterStatus({ status }) },
+        React.createElement(StatusGlyph, { status: status, className: styles.statusGlyph, label: null }),
+        React.createElement("p", { className: styles.statusText }, status === 'success' ? (React.createElement(React.Fragment, null,
+            React.createElement("strong", { className: styles.statusTitle }, successTitle),
+            statusMessage != null ? React.createElement(React.Fragment, null,
+                " ",
+                statusMessage) : null)) : (React.createElement(React.Fragment, null,
+            React.createElement("span", { className: styles.visuallyHidden },
+                statusLabels.warning,
+                ": "),
+            statusMessage))))) : null;
+    const emailField = (React.createElement(Field, { name: "email", className: styles.emailField },
+        React.createElement(FieldLabel, null, emailLabel),
+        inlineCell ? (React.createElement(Input, { type: "email", required: true, autoComplete: "email", placeholder: emailPlaceholder, butted: "end", action: { label: submitLabel, busy, busyLabel } })) : (React.createElement(Input, { type: "email", required: true, autoComplete: "email", placeholder: emailPlaceholder, plate: plate })),
+        React.createElement(FieldError, null, emailError)));
+    const postcodeField = postcodeLabel != null ? (React.createElement(Field, { name: "postcode", className: styles.postcodeField },
+        React.createElement(FieldLabel, { optional: true }, postcodeLabel),
+        React.createElement(Input, { autoComplete: "postal-code", plate: plate, style: { maxInlineSize: '12ch' } }))) : null;
+    const submit = inlineCell ? null : (React.createElement(Button, { type: "submit", variant: "solid", size: resolvedKind === 'ruled' ? 'lg' : 'md', "aria-busy": busy || undefined, className: styles.submit }, busy ? busyLabel : submitLabel));
+    const legalNode = legal != null ? React.createElement("p", { className: styles.legal }, legal) : null;
+    const form = status === 'success' ? (statusNode) : (React.createElement(Form, { busy: busy, className: styles.form, onFormSubmit: (values, details) => {
+            onSubscribe?.({
+                email: String(values.email ?? ''),
+                postcode: values.postcode == null ? undefined : String(values.postcode),
+                consent: values.consent == null ? undefined : Boolean(values.consent),
+            }, details);
+        } },
+        React.createElement("div", { className: styles.fields },
+            postcodeField ? (React.createElement(FormRow, null,
+                emailField,
+                postcodeField)) : (emailField),
+            resolvedKind === 'band' ? submit : null),
+        consent != null ? (React.createElement(Checkbox, { name: "consent", className: styles.consent }, consent)) : null,
+        statusNode,
+        isStraddle ? legalNode : null,
+        resolvedKind === 'band' ? null : submit,
+        isStraddle ? null : legalNode));
+    const content = (React.createElement("div", { className: styles.content },
+        React.createElement("div", { className: styles.layout },
+            React.createElement("div", { className: styles.intro },
+                inlineCell && icon != null ? (React.createElement("span", { className: styles.icon, "aria-hidden": "true" }, icon)) : null,
+                React.createElement(HeadingTag, { ref: headingRef, id: headingId, className: resolvedKind === 'band' ? styles.bandHeading : styles.heading }, heading),
+                pitch != null ? React.createElement("p", { className: styles.pitch }, pitch) : null),
+            React.createElement("div", { ref: formAreaRef, className: styles.formArea }, form)),
+        React.createElement("p", { className: styles.printLine },
+            "Subscribe at ",
+            React.createElement("span", { className: styles.printUrl }, printUrl))));
+    const cardPreset = isStraddle ? 'royal' : field;
+    const body = cardPreset != null ? (React.createElement(Ground, { kind: "field", preset: cardPreset, render: React.createElement("div", null), className: grained ? `${styles.card} ${styles.grainedCard}` : styles.card }, content)) : (content);
+    return useRender({
+        defaultTagName: resolvedKind === 'inline' ? 'div' : 'section',
+        render,
+        ref: setRootRef,
+        props: mergeProps({
+            ...scope,
+            // A section is named by its heading; the inline form's `div` is generic, so it takes no name.
+            'aria-labelledby': resolvedKind === 'inline' && render == null ? undefined : headingId,
+            className: newsletter({
+                kind: resolvedKind,
+                grained: isStraddle && grained === true,
+                reading: isStraddle && reading === true,
+                primary,
+                secondary,
+                className,
+            }),
+            children: body,
+        }, rest),
+    });
+}
+//# sourceMappingURL=Newsletter.js.map

package/page/newsletter/Newsletter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Newsletter.js","sourceRoot":"","sources":["../../src/page/newsletter/Newsletter.tsx"],"names":[],"mappings":"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"}

package/page/newsletter/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/page/newsletter/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA"}

package/page/newsletter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/page/newsletter/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA"}