@krizaka/ui 3.52.0 → 3.54.0

package/dist/action-bar.js

@@ -1,7 +1,7 @@
 import {
   BlockLink,
   isExternal
-} from "./chunk-2AGSO3WH.js";
+} from "./chunk-FVGFPB73.js";
 import {
   ExternalGlyph
 } from "./chunk-XCBVFMNV.js";

package/dist/argument-card.js

@@ -1,12 +1,12 @@
 import {
   cardHoverClass
-} from "./chunk-IBDTAMPF.js";
+} from "./chunk-7JG3VR4C.js";
 import {
   Facts
 } from "./chunk-YKEIOYJ5.js";
 import {
   BlockLink
-} from "./chunk-2AGSO3WH.js";
+} from "./chunk-FVGFPB73.js";
 import {
   ArrowGlyph,
   ChevronGlyph

package/dist/blocks.css

@@ -53,7 +53,11 @@
   pointer-events: none;
 }
 .kz-frame[data-margin] { --kz-margin-x: max(8px, calc(var(--kz-gutter) - 12px)); }
+/* One margin rule per page (#620): a block that hangs its numbers in a margin (the chapter blocks, a
+   Section) inside a page that already draws one keeps its column but draws no second red line. */
+[data-margin] [data-margin]::before { content: none; }
 .kz-heading-number,
+.kz-chapter-no,
 .kz-margin-note {
   font-family: var(--kz-font-mono);
   font-size: 13px;
@@ -1260,6 +1264,150 @@ a.kz-fact:focus-visible { outline: 2px solid var(--kz-ring, var(--kz-accent)); o
 .kz-footnotes li::marker { font-family: var(--kz-font-mono); color: var(--kz-paper-rule-margin); }
 .kz-fn-back { color: var(--kz-accent-text); text-decoration: none; }
 
+/* ChapterIndex, ChapterHead, ChapterFoot (#617) — the chapters of a story on the notebook's lines, never boxes. Every row is
+   one ruled line (--kz-chapter-line = the paper's module, 32 px): the number hangs in the margin left of the red rule
+   (`[data-margin]`, moved to --kz-margin-x), the serif title is the link and its hit area is the whole row, the period is
+   quiet on the right (under the title in a narrow column). The ruling is `[data-paper="lines"]`, shifted so a major line
+   runs under the titles' baseline (--kz-chapter-baseline, in em of the title). No border per row, nothing moves. */
+.kz-chapters {
+  --kz-chapter-line: var(--kz-paper-module, 32px);
+  --kz-chapter-pad: var(--kz-paper-line, 8px);
+  --kz-chapter-baseline: calc(var(--kz-chapter-line) / 2 + 0.36em);
+  --kz-chapter-gap: 16px;
+  container-type: inline-size;
+  box-sizing: border-box;
+  max-width: var(--kz-chapters-max, 46rem); /* the period stays within reach of its title */
+  margin: 0;
+  padding: var(--kz-chapter-pad) 0;
+  list-style: none;
+  font-size: 1.1875rem;
+}
+.kz-chapters[data-margin], .kz-chapter-head[data-margin] { --kz-margin-x: 3rem; }
+.kz-chapters[data-paper] { background-position: 0 calc(var(--kz-chapter-pad) + var(--kz-chapter-baseline)); }
+.kz-chapters ul { margin: 0; padding: 0; list-style: none; }
+.kz-chapter-row {
+  position: relative;
+  display: grid;
+  grid-template-columns: var(--kz-margin-x) minmax(0, 1fr) auto;
+  align-items: baseline;
+  min-height: var(--kz-chapter-line);
+  line-height: var(--kz-chapter-line);
+}
+.kz-chapter-row .kz-chapter-no { grid-column: 1; padding-right: 12px; text-align: right; white-space: nowrap; }
+.kz-chapter-link {
+  grid-column: 2;
+  min-width: 0;
+  padding-left: var(--kz-chapter-gap);
+  font-family: var(--kz-font-display);
+  font-weight: 400;
+  line-height: var(--kz-chapter-line);
+  color: var(--kz-text-primary);
+  text-decoration: none;
+  overflow-wrap: anywhere;
+}
+.kz-chapter-link::after { content: ""; position: absolute; inset: 0; }
+.kz-chapter-link:focus-visible { outline: none; }
+.kz-chapter-link:focus-visible::after { outline: var(--kz-ring-width, 2px) solid var(--kz-ring); outline-offset: 0; }
+.kz-chapter-title { text-decoration-line: none; text-decoration-thickness: 1.5px; text-underline-offset: 0.2em; }
+.kz-chapter-link:is(:hover, :focus-visible) .kz-chapter-title { text-decoration-line: underline; text-decoration-color: var(--kz-hue, var(--kz-accent)); }
+.kz-chapter-link[aria-current="page"] .kz-chapter-title { text-decoration-line: underline; text-decoration-color: var(--kz-paper-rule-margin); }
+.kz-chapter-new,
+.kz-chapter-period,
+.kz-chapter-meta {
+  font-family: var(--kz-font-mono);
+  font-size: 12.5px;
+  line-height: 16px;
+  font-variant-numeric: var(--kz-figures, lining-nums tabular-nums);
+}
+.kz-chapter-new { margin-left: 4px; white-space: nowrap; color: var(--kz-hue-text, var(--kz-accent-text)); }
+.kz-chapter-period { grid-column: 3; padding-left: var(--kz-chapter-gap); white-space: nowrap; color: var(--kz-text-secondary); }
+.kz-chapter-detail { grid-column: 2 / -1; padding-left: var(--kz-chapter-gap); font-size: 14.5px; color: var(--kz-text-secondary); }
+/* A narrow column: the row flows as text with a hanging indent — the number still in the margin (inline, so it shares the
+   title's baseline), the title wraps from line to line, the period runs on after its last word: two ruled lines at most. */
+@container (max-width: 34rem) {
+  .kz-chapter-row { display: block; padding-left: calc(var(--kz-margin-x) + var(--kz-chapter-gap)); }
+  .kz-chapter-row .kz-chapter-no {
+    display: inline-block;
+    box-sizing: border-box;
+    width: var(--kz-margin-x);
+    margin-left: calc(-1 * (var(--kz-margin-x) + var(--kz-chapter-gap)));
+    margin-right: var(--kz-chapter-gap);
+  }
+  .kz-chapter-link { display: inline; padding-left: 0; }
+  .kz-chapter-period { display: inline-block; padding-left: 0; }
+  .kz-chapter-detail { display: block; padding-left: 0; }
+}
+
+/* The album (#621): each chapter is its cover as a taped print beside its words, the rows alternating left and right and
+   the prints facing each other (the tilt is set per row). One grid per row — margin · print · words — whose middle rows
+   hold the title, the line and the period, so the number shares the title's baseline and the words sit centred on the
+   print. The print keeps its own aspect-ratio (the cover's width and height), so nothing shifts while it loads. Light:
+   no card, no border, the lines of the paper run under it all; nothing moves. */
+.kz-chapters[data-variant="album"] { --kz-chapters-max: 60rem; --kz-album-print: minmax(0, 5fr); --kz-album-words: minmax(0, 6fr); }
+.kz-chapters[data-variant="album"] .kz-chapter-row {
+  grid-template-columns: var(--kz-margin-x) var(--kz-album-print) var(--kz-album-words);
+  grid-template-rows: 1fr auto auto auto 1fr;
+  padding-block: var(--kz-chapter-line);
+}
+.kz-chapters[data-variant="album"] .kz-chapter-row:nth-child(even) { grid-template-columns: var(--kz-margin-x) var(--kz-album-words) var(--kz-album-print); }
+.kz-chapters[data-variant="album"] .kz-chapter-print { grid-column: 2; grid-row: 1 / -1; align-self: center; margin: 16px 32px 16px var(--kz-chapter-gap); }
+.kz-chapters[data-variant="album"] .kz-chapter-row:nth-child(even) .kz-chapter-print { grid-column: 3; margin: 16px 28px 16px 32px; }
+.kz-chapters[data-variant="album"] .kz-chapter-row > :not(.kz-chapter-print, .kz-chapter-no) { grid-column: 3; }
+.kz-chapters[data-variant="album"] .kz-chapter-row:nth-child(even) > :not(.kz-chapter-print, .kz-chapter-no) { grid-column: 2; }
+.kz-chapters[data-variant="album"] .kz-chapter-no { grid-column: 1; grid-row: 2; }
+.kz-chapters[data-variant="album"] .kz-chapter-link { grid-row: 2; font-size: clamp(1.3125rem, 2.4vw, 1.625rem); line-height: 1.25; text-wrap: balance; }
+.kz-chapters[data-variant="album"] .kz-chapter-detail { grid-row: 3; max-width: 36ch; margin-top: 8px; font-size: 1rem; line-height: 1.5; text-wrap: pretty; }
+.kz-chapters[data-variant="album"] .kz-chapter-period { grid-row: 4; margin-top: 12px; padding-left: var(--kz-chapter-gap); }
+/* A phone: one column — the print above its words (at most 60 % wide, still tilted), the number beside the title. */
+@container (max-width: 34rem) {
+  /* `:nth-child(n)` lifts these over the wide rows' alternation: on a phone every row is the same column. */
+  .kz-chapters[data-variant="album"] .kz-chapter-row:nth-child(n) {
+    display: grid;
+    grid-template-columns: var(--kz-margin-x) minmax(0, 1fr);
+    grid-template-rows: auto;
+    padding: 0 0 var(--kz-chapter-line);
+  }
+  .kz-chapters[data-variant="album"] .kz-chapter-row:nth-child(n) .kz-chapter-print {
+    grid-column: 2; grid-row: 1; justify-self: start; width: 60%; margin: 20px 0 24px calc(var(--kz-chapter-gap) + 4px);
+  }
+  .kz-chapters[data-variant="album"] .kz-chapter-row:nth-child(even) .kz-chapter-print { justify-self: end; margin: 20px 12px 24px 0; }
+  .kz-chapters[data-variant="album"] .kz-chapter-row:nth-child(n) > :not(.kz-chapter-print, .kz-chapter-no) { grid-column: 2; display: block; padding-left: var(--kz-chapter-gap); }
+  .kz-chapters[data-variant="album"] .kz-chapter-row:nth-child(n) .kz-chapter-no { display: block; width: auto; margin: 0; }
+}
+
+/* The foot: the previous and the next as two rows of the index, then one quiet line back to the story. */
+.kz-chapter-row[data-dir] .kz-chapter-period { color: var(--kz-text-secondary); }
+.kz-chapter-back { margin: 0; padding-left: calc(var(--kz-margin-x) + var(--kz-chapter-gap)); font-size: 14.5px; line-height: var(--kz-chapter-line); }
+.kz-chapter-back-link { color: var(--kz-text-secondary); text-decoration: none; text-decoration-thickness: 1.5px; text-underline-offset: 0.2em; }
+.kz-chapter-back-link:is(:hover, :focus-visible) { color: var(--kz-text-primary); text-decoration-line: underline; text-decoration-color: var(--kz-hue, var(--kz-accent)); }
+.kz-chapter-back-link:focus-visible { outline: var(--kz-ring-width, 2px) solid var(--kz-ring); outline-offset: 2px; }
+
+/* The head: the number in the margin beside the title's first line, one quiet meta line, the standfirst once. */
+.kz-chapter-head {
+  display: grid;
+  grid-template-columns: var(--kz-margin-x) minmax(0, 1fr);
+  align-items: baseline;
+  row-gap: 12px;
+  padding-block: 8px;
+}
+.kz-chapter-head > * { grid-column: 2; margin: 0; padding-left: var(--kz-chapter-gap, 16px); min-width: 0; }
+.kz-chapter-head > .kz-chapter-no { grid-column: 1; grid-row: 1; padding: 0 12px 0 0; text-align: right; white-space: nowrap; }
+.kz-chapter-head-title {
+  grid-row: 1;
+  max-width: 22ch;
+  font-family: var(--kz-font-display);
+  font-size: clamp(1.85rem, 5.2vw, 2.75rem);
+  font-weight: 400;
+  line-height: 1.15;
+  letter-spacing: -0.01em;
+  color: var(--kz-text-primary);
+  text-wrap: balance;
+  overflow-wrap: anywhere;
+}
+.kz-chapter-meta { color: var(--kz-text-secondary); }
+.kz-chapter-standfirst { max-width: 60ch; font-size: 1.125rem; line-height: 1.6; color: var(--kz-text-secondary); text-wrap: pretty; }
+.kz-chapter-arrow { color: var(--kz-hue-text, var(--kz-paper-rule-margin)); }
+
 /* Mascot life — the Flock's birds at ease, in character (Mascot `life`). */
 /* mascot-life:begin — generated by scripts/gen-mascot-life.mjs from src/mascots/life.ts; do not edit */
 @keyframes kzb-breathe{0%,100%{transform:scale(1,1)}50%{transform:scale(.996,1.018)}}

package/dist/chapter.d.ts

@@ -0,0 +1,106 @@
+import { L as LinkComponent } from './block-link-BAg4eoZk.js';
+import * as React from 'react';
+
+/** The notebook under the rows: `lines` (the ruling of `Page`, aligned on the rows) or `false` (the page's own paper). */
+type ChapterPaper = "lines" | false;
+interface ChapterEntry {
+    /** Its number, hung in the margin: `01`, `§ 1`. */
+    number: React.ReactNode;
+    /** The title, in the serif: the link. */
+    title: React.ReactNode;
+    /** Where it leads. */
+    href: string;
+    /** When it happened, quiet on the right (under the title on a phone): `janv. – mars 2026`, or a `<time>`. */
+    period?: React.ReactNode;
+    /** One more line under the title (what was faced → what was built). Off unless given: the chapter's page says it. */
+    detail?: React.ReactNode;
+    /** The latest chapter: a small mark after the title, in the hue (`newLabel`). */
+    isNew?: boolean;
+    /** The page the reader is on. */
+    current?: boolean;
+    /** Its cover, drawn by the `album` variant as a taped print. Decorative there (`alt=""`): the title carries the link. */
+    cover?: ChapterCover;
+}
+/** A chapter's cover: its intrinsic size gives the print its aspect-ratio, so nothing shifts while it loads. */
+interface ChapterCover {
+    src: string;
+    width: number;
+    height: number;
+    srcSet?: string;
+    /** @default "(max-width: 34rem) 60vw, 26rem" */
+    sizes?: string;
+}
+type ChapterIndexProps = Omit<React.OlHTMLAttributes<HTMLOListElement>, "children"> & {
+    /** The chapters, in reading order. */
+    chapters: readonly ChapterEntry[];
+    /** The word of the latest chapter's mark. @default "New" */
+    newLabel?: React.ReactNode;
+    /** The accessible name of the list, when no heading names it (`aria-labelledby`). */
+    label?: string;
+    /** The ruling under the rows. `false` when the page is ruled already and the list starts on its module. @default "lines" */
+    paper?: ChapterPaper;
+    /** The app's router link (Next's `Link`), so internal chapters prefetch. */
+    linkAs?: LinkComponent;
+    /**
+     * `lines` — one ruled line per chapter (the compact index); `album` — each chapter's `cover` as a taped print beside
+     * its title, its `detail` (one short line) and its period, the rows alternating left and right.
+     * @default "lines"
+     */
+    variant?: "lines" | "album";
+};
+/** The chapters of a story as a sober timeline: one ruled line each (or a taped print each), the number in the margin, the title the link. */
+declare function ChapterIndex({ chapters, newLabel, label, paper, linkAs, variant, className, ...props }: ChapterIndexProps): React.JSX.Element;
+type ChapterHeadProps = Omit<React.HTMLAttributes<HTMLElement>, "title"> & {
+    /** The chapter's number, hung in the margin: `01`, `Chapitre 1`. */
+    number: React.ReactNode;
+    /** The title: the page's `h1`. */
+    title: React.ReactNode;
+    /** When it happened: `janv. – mars 2026`. */
+    period?: React.ReactNode;
+    /** How long it reads: `8 min`. */
+    readingTime?: React.ReactNode;
+    /** What was faced: the first half of the standfirst. */
+    faced?: React.ReactNode;
+    /** What was built: its second half, after the arrow. */
+    built?: React.ReactNode;
+    /** The words a screen reader says before each half (the arrow is drawn, not read): `["What I faced", "What we built"]`. */
+    versusLabels?: readonly [string, string];
+    /** The level of the title. @default 1 */
+    level?: 1 | 2;
+};
+/** The head of a chapter: the number in the margin, the title, the period and the reading time, the standfirst once. */
+declare function ChapterHead({ number, title, period, readingTime, faced, built, versusLabels, level, className, children, ...props }: ChapterHeadProps): React.JSX.Element;
+interface ChapterLink {
+    /** Its number, in the margin: `02`. */
+    number?: React.ReactNode;
+    /** Its title, the link. */
+    title: React.ReactNode;
+    /** Where it leads. */
+    href: string;
+}
+type ChapterFootProps = Omit<React.HTMLAttributes<HTMLElement>, "children"> & {
+    /** The chapter before this one (none on the first). */
+    previous?: ChapterLink;
+    /** The chapter after this one (none on the latest). */
+    next?: ChapterLink;
+    /** The line back to the story: `{ href: "/", label: "Back to the story" }`. */
+    back?: {
+        href: string;
+        label: React.ReactNode;
+    };
+    /** The quiet words beside each link. @default { previous: "Previous", next: "Next" } */
+    labels?: {
+        previous: React.ReactNode;
+        next: React.ReactNode;
+    };
+    /** The accessible name of the navigation. @default "Chapters" */
+    label?: string;
+    /** The ruling under the links. @default "lines" */
+    paper?: ChapterPaper;
+    /** The app's router link (Next's `Link`). */
+    linkAs?: LinkComponent;
+};
+/** The foot of a chapter: the previous and the next on the ruled lines, then one line back to the story. */
+declare function ChapterFoot({ previous, next, back, labels, label, paper, linkAs, className, ...props }: ChapterFootProps): React.JSX.Element;
+
+export { type ChapterCover, type ChapterEntry, ChapterFoot, type ChapterFootProps, ChapterHead, type ChapterHeadProps, ChapterIndex, type ChapterIndexProps, type ChapterLink, LinkComponent };

package/dist/chapter.js

@@ -0,0 +1,174 @@
+import {
+  BlockLink
+} from "./chunk-FVGFPB73.js";
+import {
+  cn
+} from "./chunk-W675RFOA.js";
+
+// src/taped-photo/taped-photo.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function TapedPhoto({ children, caption, tilt = -1.6, tape = "corners", className, style, ...props }) {
+  return /* @__PURE__ */ jsxs(
+    "figure",
+    {
+      className: cn("kz-taped", className),
+      "data-tape": tape === "corners" ? void 0 : tape,
+      style: { ...style, ["--kz-taped-tilt"]: `${tilt}deg` },
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "kz-taped-picture", children }),
+        caption ? /* @__PURE__ */ jsx("figcaption", { className: "kz-taped-caption", children: caption }) : null
+      ]
+    }
+  );
+}
+
+// src/chapter/chapter.tsx
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var EAGER_COVERS = 2;
+var ALBUM_TILT = 1.4;
+function ChapterPrint({ cover, index }) {
+  return /* @__PURE__ */ jsx2(TapedPhoto, { className: "kz-chapter-print", tilt: index % 2 === 0 ? -ALBUM_TILT : ALBUM_TILT, "aria-hidden": true, children: /* @__PURE__ */ jsx2(
+    "img",
+    {
+      src: cover.src,
+      srcSet: cover.srcSet,
+      sizes: cover.srcSet ? cover.sizes ?? "(max-width: 34rem) 60vw, 26rem" : void 0,
+      width: cover.width,
+      height: cover.height,
+      alt: "",
+      loading: index < EAGER_COVERS ? "eager" : "lazy",
+      decoding: "async"
+    }
+  ) });
+}
+function ChapterRow({
+  number,
+  title,
+  href,
+  aside,
+  mark,
+  detail,
+  current,
+  rel,
+  linkAs
+}) {
+  return /* @__PURE__ */ jsxs2(Fragment, { children: [
+    /* @__PURE__ */ jsx2("span", { className: "kz-chapter-no", children: number }),
+    /* @__PURE__ */ jsxs2(BlockLink, { href, linkAs, rel, className: "kz-chapter-link", "aria-current": current ? "page" : void 0, children: [
+      /* @__PURE__ */ jsx2("span", { className: "kz-chapter-title", children: title }),
+      mark && /* @__PURE__ */ jsxs2(Fragment, { children: [
+        " ",
+        /* @__PURE__ */ jsx2("span", { className: "kz-chapter-new", children: mark })
+      ] })
+    ] }),
+    aside && /* @__PURE__ */ jsxs2(Fragment, { children: [
+      " ",
+      /* @__PURE__ */ jsx2("span", { className: "kz-chapter-period", children: aside })
+    ] }),
+    detail && /* @__PURE__ */ jsx2("span", { className: "kz-chapter-detail", children: detail })
+  ] });
+}
+function ChapterIndex({ chapters, newLabel = "New", label, paper = "lines", linkAs, variant = "lines", className, ...props }) {
+  const album = variant === "album";
+  return (
+    // `role="list"`: a list without bullets is still a list to VoiceOver.
+    /* @__PURE__ */ jsx2(
+      "ol",
+      {
+        role: "list",
+        "aria-label": label,
+        "data-paper": paper || void 0,
+        "data-margin": "",
+        "data-variant": album ? "album" : void 0,
+        className: cn("kz-chapters", className),
+        ...props,
+        children: chapters.map((c, i) => /* @__PURE__ */ jsxs2("li", { className: "kz-chapter-row", "data-new": c.isNew ? "" : void 0, "data-detail": c.detail ? "" : void 0, children: [
+          album && c.cover && /* @__PURE__ */ jsx2(ChapterPrint, { cover: c.cover, index: i }),
+          /* @__PURE__ */ jsx2(ChapterRow, { number: c.number, title: c.title, href: c.href, aside: c.period, mark: c.isNew ? newLabel : void 0, detail: c.detail, current: c.current, linkAs })
+        ] }, i))
+      }
+    )
+  );
+}
+function ChapterHead({ number, title, period, readingTime, faced, built, versusLabels, level = 1, className, children, ...props }) {
+  const H = level === 1 ? "h1" : "h2";
+  const meta = [period, readingTime].filter((m) => m !== void 0 && m !== null && m !== "");
+  return /* @__PURE__ */ jsxs2("header", { "data-margin": "", className: cn("kz-chapter-head", className), ...props, children: [
+    /* @__PURE__ */ jsx2("p", { className: "kz-chapter-no", children: number }),
+    /* @__PURE__ */ jsx2(H, { className: "kz-chapter-head-title", children: title }),
+    meta.length > 0 && /* @__PURE__ */ jsx2("p", { className: "kz-chapter-meta", children: meta.map((m, i) => /* @__PURE__ */ jsxs2("span", { children: [
+      i > 0 && /* @__PURE__ */ jsx2("span", { "aria-hidden": true, children: " \xB7 " }),
+      m
+    ] }, i)) }),
+    faced && built && /* @__PURE__ */ jsxs2("p", { className: "kz-chapter-standfirst", children: [
+      versusLabels && /* @__PURE__ */ jsxs2("span", { className: "kz-sr-only", children: [
+        versusLabels[0],
+        ", "
+      ] }),
+      faced,
+      /* @__PURE__ */ jsx2("span", { className: "kz-chapter-arrow", "aria-hidden": true, children: " \u2192 " }),
+      versusLabels && /* @__PURE__ */ jsxs2("span", { className: "kz-sr-only", children: [
+        "; ",
+        versusLabels[1],
+        ", "
+      ] }),
+      built
+    ] }),
+    children
+  ] });
+}
+function ChapterFoot({
+  previous,
+  next,
+  back,
+  labels = { previous: "Previous", next: "Next" },
+  label = "Chapters",
+  paper = "lines",
+  linkAs,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs2("nav", { "aria-label": label, "data-paper": paper || void 0, "data-margin": "", className: cn("kz-chapters kz-chapter-foot", className), ...props, children: [
+    /* @__PURE__ */ jsxs2("ul", { role: "list", children: [
+      previous && /* @__PURE__ */ jsx2("li", { className: "kz-chapter-row", "data-dir": "previous", children: /* @__PURE__ */ jsx2(
+        ChapterRow,
+        {
+          number: previous.number,
+          title: previous.title,
+          href: previous.href,
+          rel: "prev",
+          linkAs,
+          aside: /* @__PURE__ */ jsxs2(Fragment, { children: [
+            /* @__PURE__ */ jsx2("span", { "aria-hidden": true, children: "\u2190 " }),
+            labels.previous
+          ] })
+        }
+      ) }),
+      next && /* @__PURE__ */ jsx2("li", { className: "kz-chapter-row", "data-dir": "next", children: /* @__PURE__ */ jsx2(
+        ChapterRow,
+        {
+          number: next.number,
+          title: next.title,
+          href: next.href,
+          rel: "next",
+          linkAs,
+          aside: /* @__PURE__ */ jsxs2(Fragment, { children: [
+            labels.next,
+            /* @__PURE__ */ jsx2("span", { "aria-hidden": true, children: " \u2192" })
+          ] })
+        }
+      ) })
+    ] }),
+    back && /* @__PURE__ */ jsx2("p", { className: "kz-chapter-back", children: /* @__PURE__ */ jsxs2(BlockLink, { href: back.href, linkAs, className: "kz-chapter-back-link", children: [
+      /* @__PURE__ */ jsx2("span", { "aria-hidden": true, children: "\u21A9 " }),
+      back.label
+    ] }) })
+  ] });
+}
+export {
+  ChapterFoot,
+  ChapterHead,
+  ChapterIndex
+};
+//# sourceMappingURL=chapter.js.map

package/dist/chapter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/taped-photo/taped-photo.tsx","../src/chapter/chapter.tsx"],"sourcesContent":["// The taped photo of the Cahier (ADR-004, blocks.css): a print stuck in the notebook — slightly tilted, a thin white print\n// border, a soft paper shadow (layered, never a glow), strips of tape. Whatever it holds (an image, a video, a live scene)\n// is its picture; the tilt is a transform, so nothing shifts and the picture keeps its own box. Server-safe: no state.\nimport type * as React from \"react\";\n\nimport { cn } from \"../cn\";\n\nexport type TapedPhotoProps = React.HTMLAttributes<HTMLElement> & {\n  /** The picture: an `img`, a `video`, a scene. It fills the print. */\n  children: React.ReactNode;\n  /** A line written under the picture, on the print. */\n  caption?: React.ReactNode;\n  /** The tilt in degrees (negative leans left); eased on a phone. @default -1.6 */\n  tilt?: number;\n  /** Where the tape holds it: two opposite `corners`, one strip at the `top`, or `none`. @default \"corners\" */\n  tape?: \"corners\" | \"top\" | \"none\";\n};\n\n/** A print taped in the notebook: tilted, a white border, a paper shadow, tape at two corners or at the top. */\nexport function TapedPhoto({ children, caption, tilt = -1.6, tape = \"corners\", className, style, ...props }: TapedPhotoProps) {\n  return (\n    <figure\n      className={cn(\"kz-taped\", className)}\n      data-tape={tape === \"corners\" ? undefined : tape}\n      style={{ ...style, [\"--kz-taped-tilt\" as string]: `${tilt}deg` }}\n      {...props}\n    >\n      <div className=\"kz-taped-picture\">{children}</div>\n      {caption ? <figcaption className=\"kz-taped-caption\">{caption}</figcaption> : null}\n    </figure>\n  );\n}\n","// Server-safe. The chapters of a story on the Cahier (ADR-004, blocks.css, krizaka-ui#617): a sober timeline, never a\n// stack of boxes. The rows sit on the notebook's ruled lines (`data-paper=\"lines\"`, the ruling of `Page`), the number\n// hangs in the margin beside its red rule (`data-margin`), the serif title is the link, the period is quiet.\n// - `ChapterIndex` — the chapters in reading order, one ruled line each (two at most), the latest marked « New »;\n// - `ChapterHead` — the head of a chapter's page: number in the margin, title, one quiet meta line, the standfirst;\n// - `ChapterFoot` — its foot: the previous and next chapters on the lines, then one line back to the story.\n// No border per row, no card, no button: the paper carries the rhythm. Every word arrives as a prop.\n// `ChapterIndex variant=\"album\"` (#621): each row is the chapter's cover as a `TapedPhoto`, the prints facing each other\n// from left to right, and beside it the same number, title, line and period — light, on the same lines.\nimport type * as React from \"react\";\n\nimport { BlockLink, type LinkComponent } from \"../block-link\";\nimport { cn } from \"../cn\";\nimport { TapedPhoto } from \"../taped-photo\";\n\n/** The notebook under the rows: `lines` (the ruling of `Page`, aligned on the rows) or `false` (the page's own paper). */\ntype ChapterPaper = \"lines\" | false;\n\nexport interface ChapterEntry {\n  /** Its number, hung in the margin: `01`, `§ 1`. */\n  number: React.ReactNode;\n  /** The title, in the serif: the link. */\n  title: React.ReactNode;\n  /** Where it leads. */\n  href: string;\n  /** When it happened, quiet on the right (under the title on a phone): `janv. – mars 2026`, or a `<time>`. */\n  period?: React.ReactNode;\n  /** One more line under the title (what was faced → what was built). Off unless given: the chapter's page says it. */\n  detail?: React.ReactNode;\n  /** The latest chapter: a small mark after the title, in the hue (`newLabel`). */\n  isNew?: boolean;\n  /** The page the reader is on. */\n  current?: boolean;\n  /** Its cover, drawn by the `album` variant as a taped print. Decorative there (`alt=\"\"`): the title carries the link. */\n  cover?: ChapterCover;\n}\n\n/** A chapter's cover: its intrinsic size gives the print its aspect-ratio, so nothing shifts while it loads. */\nexport interface ChapterCover {\n  src: string;\n  width: number;\n  height: number;\n  srcSet?: string;\n  /** @default \"(max-width: 34rem) 60vw, 26rem\" */\n  sizes?: string;\n}\n\n/** The covers above the fold load at once; the rest wait for the reader. */\nconst EAGER_COVERS = 2;\n/** The prints face each other: the left one leans left, the right one leans right (TapedPhoto's practice). */\nconst ALBUM_TILT = 1.4;\n\nfunction ChapterPrint({ cover, index }: { cover: ChapterCover; index: number }) {\n  return (\n    <TapedPhoto className=\"kz-chapter-print\" tilt={index % 2 === 0 ? -ALBUM_TILT : ALBUM_TILT} aria-hidden>\n      <img\n        src={cover.src}\n        srcSet={cover.srcSet}\n        sizes={cover.srcSet ? (cover.sizes ?? \"(max-width: 34rem) 60vw, 26rem\") : undefined}\n        width={cover.width}\n        height={cover.height}\n        alt=\"\"\n        loading={index < EAGER_COVERS ? \"eager\" : \"lazy\"}\n        decoding=\"async\"\n      />\n    </TapedPhoto>\n  );\n}\n\n/** One ruled row: number in the margin, the title as the link (its hit area the whole row), an aside on the right. */\nfunction ChapterRow({\n  number,\n  title,\n  href,\n  aside,\n  mark,\n  detail,\n  current,\n  rel,\n  linkAs,\n}: {\n  number?: React.ReactNode;\n  title: React.ReactNode;\n  href: string;\n  aside?: React.ReactNode;\n  mark?: React.ReactNode;\n  detail?: React.ReactNode;\n  current?: boolean;\n  rel?: string;\n  linkAs?: LinkComponent;\n}) {\n  return (\n    <>\n      <span className=\"kz-chapter-no\">{number}</span>\n      <BlockLink href={href} linkAs={linkAs} rel={rel} className=\"kz-chapter-link\" aria-current={current ? \"page\" : undefined}>\n        <span className=\"kz-chapter-title\">{title}</span>\n        {mark && (\n          <>\n            {\" \"}\n            <span className=\"kz-chapter-new\">{mark}</span>\n          </>\n        )}\n      </BlockLink>\n      {aside && (\n        <>\n          {/* A space, not a margin: in a narrow column the period runs on after the title, and starts flush when it wraps. */}{\" \"}\n          <span className=\"kz-chapter-period\">{aside}</span>\n        </>\n      )}\n      {detail && <span className=\"kz-chapter-detail\">{detail}</span>}\n    </>\n  );\n}\n\nexport type ChapterIndexProps = Omit<React.OlHTMLAttributes<HTMLOListElement>, \"children\"> & {\n  /** The chapters, in reading order. */\n  chapters: readonly ChapterEntry[];\n  /** The word of the latest chapter's mark. @default \"New\" */\n  newLabel?: React.ReactNode;\n  /** The accessible name of the list, when no heading names it (`aria-labelledby`). */\n  label?: string;\n  /** The ruling under the rows. `false` when the page is ruled already and the list starts on its module. @default \"lines\" */\n  paper?: ChapterPaper;\n  /** The app's router link (Next's `Link`), so internal chapters prefetch. */\n  linkAs?: LinkComponent;\n  /**\n   * `lines` — one ruled line per chapter (the compact index); `album` — each chapter's `cover` as a taped print beside\n   * its title, its `detail` (one short line) and its period, the rows alternating left and right.\n   * @default \"lines\"\n   */\n  variant?: \"lines\" | \"album\";\n};\n\n/** The chapters of a story as a sober timeline: one ruled line each (or a taped print each), the number in the margin, the title the link. */\nexport function ChapterIndex({ chapters, newLabel = \"New\", label, paper = \"lines\", linkAs, variant = \"lines\", className, ...props }: ChapterIndexProps) {\n  const album = variant === \"album\";\n  return (\n    // `role=\"list\"`: a list without bullets is still a list to VoiceOver.\n    <ol\n      role=\"list\"\n      aria-label={label}\n      data-paper={paper || undefined}\n      data-margin=\"\"\n      data-variant={album ? \"album\" : undefined}\n      className={cn(\"kz-chapters\", className)}\n      {...props}\n    >\n      {chapters.map((c, i) => (\n        <li key={i} className=\"kz-chapter-row\" data-new={c.isNew ? \"\" : undefined} data-detail={c.detail ? \"\" : undefined}>\n          {album && c.cover && <ChapterPrint cover={c.cover} index={i} />}\n          <ChapterRow number={c.number} title={c.title} href={c.href} aside={c.period} mark={c.isNew ? newLabel : undefined} detail={c.detail} current={c.current} linkAs={linkAs} />\n        </li>\n      ))}\n    </ol>\n  );\n}\n\nexport type ChapterHeadProps = Omit<React.HTMLAttributes<HTMLElement>, \"title\"> & {\n  /** The chapter's number, hung in the margin: `01`, `Chapitre 1`. */\n  number: React.ReactNode;\n  /** The title: the page's `h1`. */\n  title: React.ReactNode;\n  /** When it happened: `janv. – mars 2026`. */\n  period?: React.ReactNode;\n  /** How long it reads: `8 min`. */\n  readingTime?: React.ReactNode;\n  /** What was faced: the first half of the standfirst. */\n  faced?: React.ReactNode;\n  /** What was built: its second half, after the arrow. */\n  built?: React.ReactNode;\n  /** The words a screen reader says before each half (the arrow is drawn, not read): `[\"What I faced\", \"What we built\"]`. */\n  versusLabels?: readonly [string, string];\n  /** The level of the title. @default 1 */\n  level?: 1 | 2;\n};\n\n/** The head of a chapter: the number in the margin, the title, the period and the reading time, the standfirst once. */\nexport function ChapterHead({ number, title, period, readingTime, faced, built, versusLabels, level = 1, className, children, ...props }: ChapterHeadProps) {\n  const H = level === 1 ? \"h1\" : \"h2\";\n  const meta = [period, readingTime].filter((m) => m !== undefined && m !== null && m !== \"\");\n  return (\n    <header data-margin=\"\" className={cn(\"kz-chapter-head\", className)} {...props}>\n      <p className=\"kz-chapter-no\">{number}</p>\n      <H className=\"kz-chapter-head-title\">{title}</H>\n      {meta.length > 0 && (\n        <p className=\"kz-chapter-meta\">\n          {meta.map((m, i) => (\n            <span key={i}>\n              {i > 0 && <span aria-hidden> · </span>}\n              {m}\n            </span>\n          ))}\n        </p>\n      )}\n      {faced && built && (\n        <p className=\"kz-chapter-standfirst\">\n          {versusLabels && <span className=\"kz-sr-only\">{versusLabels[0]}, </span>}\n          {faced}\n          <span className=\"kz-chapter-arrow\" aria-hidden>\n            {\" → \"}\n          </span>\n          {versusLabels && <span className=\"kz-sr-only\">; {versusLabels[1]}, </span>}\n          {built}\n        </p>\n      )}\n      {children}\n    </header>\n  );\n}\n\nexport interface ChapterLink {\n  /** Its number, in the margin: `02`. */\n  number?: React.ReactNode;\n  /** Its title, the link. */\n  title: React.ReactNode;\n  /** Where it leads. */\n  href: string;\n}\n\nexport type ChapterFootProps = Omit<React.HTMLAttributes<HTMLElement>, \"children\"> & {\n  /** The chapter before this one (none on the first). */\n  previous?: ChapterLink;\n  /** The chapter after this one (none on the latest). */\n  next?: ChapterLink;\n  /** The line back to the story: `{ href: \"/\", label: \"Back to the story\" }`. */\n  back?: { href: string; label: React.ReactNode };\n  /** The quiet words beside each link. @default { previous: \"Previous\", next: \"Next\" } */\n  labels?: { previous: React.ReactNode; next: React.ReactNode };\n  /** The accessible name of the navigation. @default \"Chapters\" */\n  label?: string;\n  /** The ruling under the links. @default \"lines\" */\n  paper?: ChapterPaper;\n  /** The app's router link (Next's `Link`). */\n  linkAs?: LinkComponent;\n};\n\n/** The foot of a chapter: the previous and the next on the ruled lines, then one line back to the story. */\nexport function ChapterFoot({\n  previous,\n  next,\n  back,\n  labels = { previous: \"Previous\", next: \"Next\" },\n  label = \"Chapters\",\n  paper = \"lines\",\n  linkAs,\n  className,\n  ...props\n}: ChapterFootProps) {\n  return (\n    <nav aria-label={label} data-paper={paper || undefined} data-margin=\"\" className={cn(\"kz-chapters kz-chapter-foot\", className)} {...props}>\n      <ul role=\"list\">\n        {previous && (\n          <li className=\"kz-chapter-row\" data-dir=\"previous\">\n            <ChapterRow\n              number={previous.number}\n              title={previous.title}\n              href={previous.href}\n              rel=\"prev\"\n              linkAs={linkAs}\n              aside={\n                <>\n                  <span aria-hidden>← </span>\n                  {labels.previous}\n                </>\n              }\n            />\n          </li>\n        )}\n        {next && (\n          <li className=\"kz-chapter-row\" data-dir=\"next\">\n            <ChapterRow\n              number={next.number}\n              title={next.title}\n              href={next.href}\n              rel=\"next\"\n              linkAs={linkAs}\n              aside={\n                <>\n                  {labels.next}\n                  <span aria-hidden> →</span>\n                </>\n              }\n            />\n          </li>\n        )}\n      </ul>\n      {back && (\n        <p className=\"kz-chapter-back\">\n          <BlockLink href={back.href} linkAs={linkAs} className=\"kz-chapter-back-link\">\n            <span aria-hidden>↩ </span>\n            {back.label}\n          </BlockLink>\n        </p>\n      )}\n    </nav>\n  );\n}\n"],"mappings":"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","names":["jsx","jsxs"]}

package/dist/choice-grid.js

@@ -22,7 +22,7 @@ function BlockLink({
 }) {
   if (external) return /* @__PURE__ */ jsx("a", { href, target: "_blank", rel: rel ?? "noopener noreferrer", ...props });
   const Comp = Link;
-  return /* @__PURE__ */ jsx(Comp, { href, ...props });
+  return /* @__PURE__ */ jsx(Comp, { href, rel, ...props });
 }
 
 // src/router/route-state.tsx