@cogenta/theme-magazine 1.1.3 → 1.3.3

package/dist/src/render/blocks/media-figure.js

@@ -1,32 +1,36 @@
 import { aspectRatio, h, image } from '@cogenta/theme-kit';
+import { section } from '../layout.js';
 /**
- * A plate, in the print sense: the picture runs large, and the caption sits
- * under a hairline rule set in small caps with the credit line trailing it —
- * the way a photo essay is captioned, rather than a card with a paragraph
- * under it.
+ * A photograph placed on the grid by its alignment, captioned the way a
+ * newspaper captions one: the caption in the interface face under the
+ * picture and the credit after it in small capitals, both starting on the
+ * picture's own left edge.
  *
- * `<figure>`/`<figcaption>` keep the caption announced as belonging to the
- * image; `align` stays a data attribute (contract B's intent, not a class),
- * so the skin — here, this theme — decides what `start`/`end`/`wide`/`full`
- * mean.
+ * - `center` (the default): the reading column.
+ * - `start` / `end`: half the page, from the left or to the right.
+ * - `wide`: ten columns, the width an article's lead photograph takes.
+ * - `full`: edge to edge, the caption returning to the grid.
  */
 export function renderMediaFigure(block, ctx) {
     const ratio = aspectRatio(block.ratio);
+    const align = block.align ?? 'center';
     const hasCaption = block.caption !== undefined || block.credit !== undefined;
-    return h('figure', {
-        class: 'cg-block cg-plate',
-        'data-block': 'mediaFigure',
-        'data-align': block.align ?? 'center',
+    return section('div', 'mediaFigure', 'cg-figure', {
+        'data-align': align,
         style: ratio === undefined ? undefined : `--cg-ratio:${ratio}`,
-    }, image(ctx, block.media, {
-        className: 'cg-plate__media',
-        sizes: '(min-width: 60rem) 48rem, 100vw',
-    }), hasCaption
-        ? h('figcaption', { class: 'cg-plate__caption' }, block.caption === undefined
+    }, 'figure', h('div', { class: 'cg-figure__frame' }, image(ctx, block.media, {
+        className: 'cg-figure__image',
+        sizes: align === 'full'
+            ? '100vw'
+            : align === 'wide'
+                ? '(min-width: 64rem) 66rem, 100vw'
+                : '(min-width: 64rem) 40rem, 100vw',
+    })), hasCaption
+        ? h('figcaption', { class: 'cg-figure__caption' }, block.caption === undefined
             ? null
-            : h('span', { class: 'cg-plate__text' }, block.caption), block.credit === undefined
+            : h('span', { class: 'cg-figure__caption-text', 'data-field': 'caption' }, block.caption), block.credit === undefined
             ? null
-            : h('span', { class: 'cg-plate__credit', 'data-field': 'credit' }, block.credit))
+            : h('span', { class: 'cg-figure__credit', 'data-field': 'credit' }, block.credit))
         : null);
 }
 //# sourceMappingURL=media-figure.js.map

package/dist/src/render/blocks/media-figure.js.map

@@ -1 +1 @@
-{"version":3,"file":"media-figure.js","sourceRoot":"","sources":["../../../../src/render/blocks/media-figure.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAoB,CAAC,EAAE,KAAK,EAAsB,MAAM,oBAAoB,CAAA;AAEhG;;;;;;;;;;GAUG;AACH,MAAM,UAAU,iBAAiB,CAAC,KAAuB,EAAE,GAAkB;IAC3E,MAAM,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;IACtC,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,KAAK,SAAS,IAAI,KAAK,CAAC,MAAM,KAAK,SAAS,CAAA;IAC5E,OAAO,CAAC,CACN,QAAQ,EACR;QACE,KAAK,EAAE,mBAAmB;QAC1B,YAAY,EAAE,aAAa;QAC3B,YAAY,EAAE,KAAK,CAAC,KAAK,IAAI,QAAQ;QACrC,KAAK,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc,KAAK,EAAE;KAC/D,EACD,KAAK,CAAC,GAAG,EAAE,KAAK,CAAC,KAAK,EAAE;QACtB,SAAS,EAAE,iBAAiB;QAC5B,KAAK,EAAE,iCAAiC;KACzC,CAAC,EACF,UAAU;QACR,CAAC,CAAC,CAAC,CACC,YAAY,EACZ,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAC9B,KAAK,CAAC,OAAO,KAAK,SAAS;YACzB,CAAC,CAAC,IAAI;YACN,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAAE,KAAK,CAAC,OAAO,CAAC,EACzD,KAAK,CAAC,MAAM,KAAK,SAAS;YACxB,CAAC,CAAC,IAAI;YACN,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,KAAK,CAAC,MAAM,CAAC,CACnF;QACH,CAAC,CAAC,IAAI,CACT,CAAA;AACH,CAAC"}
+{"version":3,"file":"media-figure.js","sourceRoot":"","sources":["../../../../src/render/blocks/media-figure.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAoB,CAAC,EAAE,KAAK,EAAsB,MAAM,oBAAoB,CAAA;AAChG,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAEtC;;;;;;;;;;GAUG;AACH,MAAM,UAAU,iBAAiB,CAAC,KAAuB,EAAE,GAAkB;IAC3E,MAAM,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;IACtC,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,QAAQ,CAAA;IACrC,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,KAAK,SAAS,IAAI,KAAK,CAAC,MAAM,KAAK,SAAS,CAAA;IAC5E,OAAO,OAAO,CACZ,KAAK,EACL,aAAa,EACb,WAAW,EACX;QACE,YAAY,EAAE,KAAK;QACnB,KAAK,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc,KAAK,EAAE;KAC/D,EACD,QAAQ,EACR,CAAC,CACC,KAAK,EACL,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAC7B,KAAK,CAAC,GAAG,EAAE,KAAK,CAAC,KAAK,EAAE;QACtB,SAAS,EAAE,kBAAkB;QAC7B,KAAK,EACH,KAAK,KAAK,MAAM;YACd,CAAC,CAAC,OAAO;YACT,CAAC,CAAC,KAAK,KAAK,MAAM;gBAChB,CAAC,CAAC,iCAAiC;gBACnC,CAAC,CAAC,iCAAiC;KAC1C,CAAC,CACH,EACD,UAAU;QACR,CAAC,CAAC,CAAC,CACC,YAAY,EACZ,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAC/B,KAAK,CAAC,OAAO,KAAK,SAAS;YACzB,CAAC,CAAC,IAAI;YACN,CAAC,CAAC,CAAC,CACC,MAAM,EACN,EAAE,KAAK,EAAE,yBAAyB,EAAE,YAAY,EAAE,SAAS,EAAE,EAC7D,KAAK,CAAC,OAAO,CACd,EACL,KAAK,CAAC,MAAM,KAAK,SAAS;YACxB,CAAC,CAAC,IAAI;YACN,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,KAAK,CAAC,MAAM,CAAC,CACpF;QACH,CAAC,CAAC,IAAI,CACT,CAAA;AACH,CAAC"}

package/dist/src/render/blocks/pricing-table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pricing-table.d.ts","sourceRoot":"","sources":["../../../../src/render/blocks/pricing-table.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAe,MAAM,iBAAiB,CAAA;AACrE,OAAO,EAIL,KAAK,WAAW,EAIhB,KAAK,aAAa,EACnB,MAAM,oBAAoB,CAAA;AA8C3B,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,iBAAiB,EAAE,GAAG,EAAE,aAAa,GAAG,WAAW,CAmB5F"}
+{"version":3,"file":"pricing-table.d.ts","sourceRoot":"","sources":["../../../../src/render/blocks/pricing-table.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAe,MAAM,iBAAiB,CAAA;AACrE,OAAO,EAGL,KAAK,WAAW,EAIhB,KAAK,aAAa,EACnB,MAAM,oBAAoB,CAAA;AA8C3B,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,iBAAiB,EAAE,GAAG,EAAE,aAAa,GAAG,WAAW,CAe5F"}

package/dist/src/render/blocks/pricing-table.js

@@ -1,32 +1,29 @@
-import { actionLink, blockHeadingTag, h, heading, nestedHeadingTag, } from '@cogenta/theme-kit';
+import { actionLink, h, heading, nestedHeadingTag, } from '@cogenta/theme-kit';
+import { section, sectionHead } from '../layout.js';
 /**
- * `blocks@2.0` (RFC 0001). A classified-ads rate card: tiers set side by
- * side and separated by the theme's one visible column rule (the same
- * device `hero` and `collectionList` use), rather than a set of raised
- * cards — a print page has no elevation to raise a card off of.
- *
- * `highlighted` is an editorial signal, not a colour: it becomes
- * `data-highlighted` for the stylesheet to pick up (an ink-reversed panel,
- * here) and `aria-current` so it is announced, not only shown.
+ * Subscription rates, set as the columns of a ruled table rather than as
+ * cards: each tier opens on a hairline, its name in small capitals, the price
+ * in the display face with tabular numerals and the interval after it, what
+ * it includes as a list divided by hairlines, and its action at the foot. The
+ * tier the editor highlighted opens on a heavy red rule instead, and its
+ * action is the filled one; every other tier's action is drawn as an outlined
+ * control in `blocks.css`, so the four actions line up as one row.
  */
 function renderTier(tier, ctx, tag) {
-    return h('li', {
-        class: 'cg-ratecard__tier',
-        'data-highlighted': tier.highlighted === true ? 'true' : undefined,
-        'aria-current': tier.highlighted === true ? 'true' : undefined,
-    }, heading(tag, { class: 'cg-ratecard__name' }, tier.name), h('p', { class: 'cg-ratecard__price' }, h('span', { class: 'cg-ratecard__amount' }, tier.price), tier.interval === undefined
+    const highlighted = tier.highlighted === true;
+    return h('li', { class: 'cg-rates__tier', 'data-highlighted': highlighted ? 'true' : undefined }, heading(tag, { class: 'cg-rates__name' }, tier.name), h('p', { class: 'cg-rates__price' }, h('span', { class: 'cg-rates__amount' }, tier.price), tier.interval === undefined
         ? null
-        : h('span', { class: 'cg-ratecard__interval' }, tier.interval)), tier.features.length === 0
+        : h('span', { class: 'cg-rates__interval' }, tier.interval)), tier.features.length === 0
         ? null
-        : h('ul', { class: 'cg-ratecard__features' }, tier.features.map((feature) => h('li', { class: 'cg-ratecard__feature' }, feature))), tier.action === undefined
+        : h('ul', { class: 'cg-rates__features' }, tier.features.map((feature) => h('li', { class: 'cg-rates__feature' }, feature))), tier.action === undefined
         ? null
-        : h('div', { class: 'cg-ratecard__action' }, actionLink(ctx, { ...tier.action, emphasis: tier.action.emphasis ?? 'primary' })));
+        : h('div', { class: 'cg-rates__action' }, actionLink(ctx, {
+            ...tier.action,
+            emphasis: tier.action.emphasis ?? (highlighted ? 'primary' : 'secondary'),
+        })));
 }
 export function renderPricingTable(block, ctx) {
-    const hasTitle = block.title !== undefined;
-    const tierTag = nestedHeadingTag('pricingTable', hasTitle);
-    return h('section', { class: 'cg-block cg-ratecard', 'data-block': 'pricingTable' }, hasTitle
-        ? heading(blockHeadingTag('pricingTable') ?? 'h2', { class: 'cg-ratecard__title', 'data-field': 'title' }, block.title ?? '')
-        : null, h('ul', { class: 'cg-ratecard__tiers' }, block.tiers.map((tier) => renderTier(tier, ctx, tierTag))));
+    const tierTag = nestedHeadingTag('pricingTable', block.title !== undefined);
+    return section('section', 'pricingTable', 'cg-rates', { 'data-count': String(Math.min(block.tiers.length, 4)) }, 'div', sectionHead('pricingTable', block.title), h('ul', { class: 'cg-rates__tiers' }, block.tiers.map((tier) => renderTier(tier, ctx, tierTag))));
 }
 //# sourceMappingURL=pricing-table.js.map

package/dist/src/render/blocks/pricing-table.js.map

@@ -1 +1 @@
-{"version":3,"file":"pricing-table.js","sourceRoot":"","sources":["../../../../src/render/blocks/pricing-table.ts"],"names":[],"mappings":"AACA,OAAO,EACL,UAAU,EACV,eAAe,EAGf,CAAC,EACD,OAAO,EACP,gBAAgB,GAEjB,MAAM,oBAAoB,CAAA;AAE3B;;;;;;;;;GASG;AACH,SAAS,UAAU,CAAC,IAAiB,EAAE,GAAkB,EAAE,GAAe;IACxE,OAAO,CAAC,CACN,IAAI,EACJ;QACE,KAAK,EAAE,mBAAmB;QAC1B,kBAAkB,EAAE,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;QAClE,cAAc,EAAE,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;KAC/D,EACD,OAAO,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,EACvD,CAAC,CACC,GAAG,EACH,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAC/B,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EACvD,IAAI,CAAC,QAAQ,KAAK,SAAS;QACzB,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,uBAAuB,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,CACjE,EACD,IAAI,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC;QACxB,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,CAAC,CACC,IAAI,EACJ,EAAE,KAAK,EAAE,uBAAuB,EAAE,EAClC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,sBAAsB,EAAE,EAAE,OAAO,CAAC,CAAC,CACpF,EACL,IAAI,CAAC,MAAM,KAAK,SAAS;QACvB,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,CAAC,CACC,KAAK,EACL,EAAE,KAAK,EAAE,qBAAqB,EAAE,EAChC,UAAU,CAAC,GAAG,EAAE,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,QAAQ,IAAI,SAAS,EAAE,CAAC,CACjF,CACN,CAAA;AACH,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,KAAwB,EAAE,GAAkB;IAC7E,MAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,KAAK,SAAS,CAAA;IAC1C,MAAM,OAAO,GAAG,gBAAgB,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAA;IAC1D,OAAO,CAAC,CACN,SAAS,EACT,EAAE,KAAK,EAAE,sBAAsB,EAAE,YAAY,EAAE,cAAc,EAAE,EAC/D,QAAQ;QACN,CAAC,CAAC,OAAO,CACL,eAAe,CAAC,cAAc,CAAC,IAAI,IAAI,EACvC,EAAE,KAAK,EAAE,oBAAoB,EAAE,YAAY,EAAE,OAAO,EAAE,EACtD,KAAK,CAAC,KAAK,IAAI,EAAE,CAClB;QACH,CAAC,CAAC,IAAI,EACR,CAAC,CACC,IAAI,EACJ,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAC/B,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,EAAE,GAAG,EAAE,OAAO,CAAC,CAAC,CAC1D,CACF,CAAA;AACH,CAAC"}
+{"version":3,"file":"pricing-table.js","sourceRoot":"","sources":["../../../../src/render/blocks/pricing-table.ts"],"names":[],"mappings":"AACA,OAAO,EACL,UAAU,EAGV,CAAC,EACD,OAAO,EACP,gBAAgB,GAEjB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAEnD;;;;;;;;GAQG;AACH,SAAS,UAAU,CAAC,IAAiB,EAAE,GAAkB,EAAE,GAAe;IACxE,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,KAAK,IAAI,CAAA;IAC7C,OAAO,CAAC,CACN,IAAI,EACJ,EAAE,KAAK,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAAE,EACjF,OAAO,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,EACpD,CAAC,CACC,GAAG,EACH,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAC5B,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EACpD,IAAI,CAAC,QAAQ,KAAK,SAAS;QACzB,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,CAC9D,EACD,IAAI,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC;QACxB,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,CAAC,CACC,IAAI,EACJ,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAC/B,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAAE,OAAO,CAAC,CAAC,CACjF,EACL,IAAI,CAAC,MAAM,KAAK,SAAS;QACvB,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,CAAC,CACC,KAAK,EACL,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAC7B,UAAU,CAAC,GAAG,EAAE;YACd,GAAG,IAAI,CAAC,MAAM;YACd,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,QAAQ,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC;SAC1E,CAAC,CACH,CACN,CAAA;AACH,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,KAAwB,EAAE,GAAkB;IAC7E,MAAM,OAAO,GAAG,gBAAgB,CAAC,cAAc,EAAE,KAAK,CAAC,KAAK,KAAK,SAAS,CAAC,CAAA;IAC3E,OAAO,OAAO,CACZ,SAAS,EACT,cAAc,EACd,UAAU,EACV,EAAE,YAAY,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,EACzD,KAAK,EACL,WAAW,CAAC,cAAc,EAAE,KAAK,CAAC,KAAK,CAAC,EACxC,CAAC,CACC,IAAI,EACJ,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAC5B,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,EAAE,GAAG,EAAE,OAAO,CAAC,CAAC,CAC1D,CACF,CAAA;AACH,CAAC"}

package/dist/src/render/blocks/prose.d.ts

@@ -1,16 +1,12 @@
 import type { ProseBlock } from '@cogenta/blocks';
 import { type HtmlElement, type RenderContext } from '@cogenta/theme-kit';
 /**
- * `prose` declares `headingLevel: 'none'` — it contributes no heading of its
- * own, and `renderRichText` (shared, `@cogenta/theme-kit`) is what actually
- * turns the document into markup, including its embedded figures
- * (`.cg-prose__figure`, a class name that module already fixes — this file's
- * own container class has to match it).
- *
- * The drop cap and the pull-quote treatment on a nested `<blockquote>` are
- * both pure CSS, keyed off `.cg-prose > :first-child` and `.cg-prose
- * blockquote` in `blocks.css` — nothing here has to know which paragraph
- * came first.
+ * Running text, in the reading column: Source Serif at the reading size and
+ * a measure of about 66 characters, subheads in the display face, a
+ * blockquote set as a pull quote, figures captioned. On an article the first
+ * paragraph of the first `prose` block may open on a drop cap (`article.css`,
+ * keyed on `data-opening`), and only where the browser can set a real
+ * initial letter.
  */
 export declare function renderProse(block: ProseBlock, ctx: RenderContext): HtmlElement;
 //# sourceMappingURL=prose.d.ts.map

package/dist/src/render/blocks/prose.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prose.d.ts","sourceRoot":"","sources":["../../../../src/render/blocks/prose.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,EAAE,KAAK,WAAW,EAAK,KAAK,aAAa,EAAkB,MAAM,oBAAoB,CAAA;AAE5F;;;;;;;;;;;GAWG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,GAAG,WAAW,CAM9E"}
+{"version":3,"file":"prose.d.ts","sourceRoot":"","sources":["../../../../src/render/blocks/prose.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,EAAE,KAAK,WAAW,EAAK,KAAK,aAAa,EAAkB,MAAM,oBAAoB,CAAA;AAG5F;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,GAAG,WAAW,CAS9E"}

package/dist/src/render/blocks/prose.js

@@ -1,17 +1,14 @@
 import { h, renderRichText } from '@cogenta/theme-kit';
+import { section } from '../layout.js';
 /**
- * `prose` declares `headingLevel: 'none'` — it contributes no heading of its
- * own, and `renderRichText` (shared, `@cogenta/theme-kit`) is what actually
- * turns the document into markup, including its embedded figures
- * (`.cg-prose__figure`, a class name that module already fixes — this file's
- * own container class has to match it).
- *
- * The drop cap and the pull-quote treatment on a nested `<blockquote>` are
- * both pure CSS, keyed off `.cg-prose > :first-child` and `.cg-prose
- * blockquote` in `blocks.css` — nothing here has to know which paragraph
- * came first.
+ * Running text, in the reading column: Source Serif at the reading size and
+ * a measure of about 66 characters, subheads in the display face, a
+ * blockquote set as a pull quote, figures captioned. On an article the first
+ * paragraph of the first `prose` block may open on a drop cap (`article.css`,
+ * keyed on `data-opening`), and only where the browser can set a real
+ * initial letter.
  */
 export function renderProse(block, ctx) {
-    return h('div', { class: 'cg-block cg-prose', 'data-block': 'prose' }, renderRichText(ctx, block.body));
+    return section('div', 'prose', 'cg-prose', {}, 'div', h('div', { class: 'cg-prose__body' }, renderRichText(ctx, block.body)));
 }
 //# sourceMappingURL=prose.js.map

package/dist/src/render/blocks/prose.js.map

@@ -1 +1 @@
-{"version":3,"file":"prose.js","sourceRoot":"","sources":["../../../../src/render/blocks/prose.ts"],"names":[],"mappings":"AACA,OAAO,EAAoB,CAAC,EAAsB,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAE5F;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,WAAW,CAAC,KAAiB,EAAE,GAAkB;IAC/D,OAAO,CAAC,CACN,KAAK,EACL,EAAE,KAAK,EAAE,mBAAmB,EAAE,YAAY,EAAE,OAAO,EAAE,EACrD,cAAc,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,CAAC,CAChC,CAAA;AACH,CAAC"}
+{"version":3,"file":"prose.js","sourceRoot":"","sources":["../../../../src/render/blocks/prose.ts"],"names":[],"mappings":"AACA,OAAO,EAAoB,CAAC,EAAsB,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAC5F,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAEtC;;;;;;;GAOG;AACH,MAAM,UAAU,WAAW,CAAC,KAAiB,EAAE,GAAkB;IAC/D,OAAO,OAAO,CACZ,KAAK,EACL,OAAO,EACP,UAAU,EACV,EAAE,EACF,KAAK,EACL,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAAE,cAAc,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CACvE,CAAA;AACH,CAAC"}

package/dist/src/render/blocks/quote.d.ts

@@ -1,16 +1,13 @@
 import type { QuoteBlock } from '@cogenta/blocks';
 import { type HtmlElement, type RenderContext } from '@cogenta/theme-kit';
 /**
- * The pull quote — the one typographic gesture a magazine spread always
- * makes. Set large in the display serif, indented from a heavy left rule
- * rather than centred under a giant glyph, with the attribution trailing it
- * on its own line, joined by a typographic em-rule instead of a comma the
- * markup does not carry.
+ * A pull quote: a short red rule, the words in the display face at a large
+ * italic size, and the speaker in small capitals with their role after them.
+ * In an article it hangs to the left of the reading column; on any other page
+ * it takes the same columns as the text around it.
  *
- * `<figure><blockquote>…</blockquote><figcaption>` is the attribution
- * pattern the HTML spec itself prescribes — the author's name sitting
- * outside the `<blockquote>` is what stops it from being claimed as part of
- * what was said.
+ * The avatar is decorative (the name is beside it in text), so it keeps the
+ * media library's own empty `alt`.
  */
 export declare function renderQuote(block: QuoteBlock, ctx: RenderContext): HtmlElement;
 //# sourceMappingURL=quote.d.ts.map

package/dist/src/render/blocks/quote.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"quote.d.ts","sourceRoot":"","sources":["../../../../src/render/blocks/quote.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,EAAE,KAAK,WAAW,EAAY,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAEnF;;;;;;;;;;;GAWG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,GAAG,WAAW,CA8B9E"}
+{"version":3,"file":"quote.d.ts","sourceRoot":"","sources":["../../../../src/render/blocks/quote.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,EAAE,KAAK,WAAW,EAAY,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAGnF;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,GAAG,WAAW,CAgC9E"}

package/dist/src/render/blocks/quote.js

@@ -1,29 +1,27 @@
 import { h, image } from '@cogenta/theme-kit';
+import { section } from '../layout.js';
 /**
- * The pull quote — the one typographic gesture a magazine spread always
- * makes. Set large in the display serif, indented from a heavy left rule
- * rather than centred under a giant glyph, with the attribution trailing it
- * on its own line, joined by a typographic em-rule instead of a comma the
- * markup does not carry.
+ * A pull quote: a short red rule, the words in the display face at a large
+ * italic size, and the speaker in small capitals with their role after them.
+ * In an article it hangs to the left of the reading column; on any other page
+ * it takes the same columns as the text around it.
  *
- * `<figure><blockquote>…</blockquote><figcaption>` is the attribution
- * pattern the HTML spec itself prescribes — the author's name sitting
- * outside the `<blockquote>` is what stops it from being claimed as part of
- * what was said.
+ * The avatar is decorative (the name is beside it in text), so it keeps the
+ * media library's own empty `alt`.
  */
 export function renderQuote(block, ctx) {
-    const hasAttribution = block.author !== undefined || block.role !== undefined || block.avatar !== undefined;
-    return h('figure', { class: 'cg-block cg-pullquote', 'data-block': 'quote' }, h('blockquote', { class: 'cg-pullquote__text' }, h('p', { 'data-field': 'text' }, block.text)), hasAttribution
+    const hasAttribution = block.author !== undefined || block.role !== undefined;
+    return section('div', 'quote', 'cg-pullquote', {}, 'figure', h('blockquote', { class: 'cg-pullquote__quote' }, h('p', { class: 'cg-pullquote__text', 'data-field': 'text' }, block.text)), hasAttribution
         ? h('figcaption', { class: 'cg-pullquote__attribution' }, block.avatar === undefined
             ? null
             : image(ctx, block.avatar, {
                 className: 'cg-pullquote__avatar',
                 variant: { width: 96, height: 96, fit: 'cover' },
-            }), h('span', { class: 'cg-pullquote__names' }, block.author === undefined
+            }), block.author === undefined
             ? null
             : h('span', { class: 'cg-pullquote__author', 'data-field': 'author' }, block.author), block.role === undefined
             ? null
-            : h('span', { class: 'cg-pullquote__role', 'data-field': 'role' }, block.role)))
+            : h('span', { class: 'cg-pullquote__role', 'data-field': 'role' }, block.role))
         : null);
 }
 //# sourceMappingURL=quote.js.map

package/dist/src/render/blocks/quote.js.map

@@ -1 +1 @@
-{"version":3,"file":"quote.js","sourceRoot":"","sources":["../../../../src/render/blocks/quote.ts"],"names":[],"mappings":"AACA,OAAO,EAAoB,CAAC,EAAE,KAAK,EAAsB,MAAM,oBAAoB,CAAA;AAEnF;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,WAAW,CAAC,KAAiB,EAAE,GAAkB;IAC/D,MAAM,cAAc,GAClB,KAAK,CAAC,MAAM,KAAK,SAAS,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,IAAI,KAAK,CAAC,MAAM,KAAK,SAAS,CAAA;IACtF,OAAO,CAAC,CACN,QAAQ,EACR,EAAE,KAAK,EAAE,uBAAuB,EAAE,YAAY,EAAE,OAAO,EAAE,EACzD,CAAC,CAAC,YAAY,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAAE,CAAC,CAAC,GAAG,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,EAC9F,cAAc;QACZ,CAAC,CAAC,CAAC,CACC,YAAY,EACZ,EAAE,KAAK,EAAE,2BAA2B,EAAE,EACtC,KAAK,CAAC,MAAM,KAAK,SAAS;YACxB,CAAC,CAAC,IAAI;YACN,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE,KAAK,CAAC,MAAM,EAAE;gBACvB,SAAS,EAAE,sBAAsB;gBACjC,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE;aACjD,CAAC,EACN,CAAC,CACC,MAAM,EACN,EAAE,KAAK,EAAE,qBAAqB,EAAE,EAChC,KAAK,CAAC,MAAM,KAAK,SAAS;YACxB,CAAC,CAAC,IAAI;YACN,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,sBAAsB,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,KAAK,CAAC,MAAM,CAAC,EACtF,KAAK,CAAC,IAAI,KAAK,SAAS;YACtB,CAAC,CAAC,IAAI;YACN,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,CACjF,CACF;QACH,CAAC,CAAC,IAAI,CACT,CAAA;AACH,CAAC"}
+{"version":3,"file":"quote.js","sourceRoot":"","sources":["../../../../src/render/blocks/quote.ts"],"names":[],"mappings":"AACA,OAAO,EAAoB,CAAC,EAAE,KAAK,EAAsB,MAAM,oBAAoB,CAAA;AACnF,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAEtC;;;;;;;;GAQG;AACH,MAAM,UAAU,WAAW,CAAC,KAAiB,EAAE,GAAkB;IAC/D,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,KAAK,SAAS,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,CAAA;IAC7E,OAAO,OAAO,CACZ,KAAK,EACL,OAAO,EACP,cAAc,EACd,EAAE,EACF,QAAQ,EACR,CAAC,CACC,YAAY,EACZ,EAAE,KAAK,EAAE,qBAAqB,EAAE,EAChC,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,CAC1E,EACD,cAAc;QACZ,CAAC,CAAC,CAAC,CACC,YAAY,EACZ,EAAE,KAAK,EAAE,2BAA2B,EAAE,EACtC,KAAK,CAAC,MAAM,KAAK,SAAS;YACxB,CAAC,CAAC,IAAI;YACN,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE,KAAK,CAAC,MAAM,EAAE;gBACvB,SAAS,EAAE,sBAAsB;gBACjC,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE;aACjD,CAAC,EACN,KAAK,CAAC,MAAM,KAAK,SAAS;YACxB,CAAC,CAAC,IAAI;YACN,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,sBAAsB,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,KAAK,CAAC,MAAM,CAAC,EACtF,KAAK,CAAC,IAAI,KAAK,SAAS;YACtB,CAAC,CAAC,IAAI;YACN,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,CACjF;QACH,CAAC,CAAC,IAAI,CACT,CAAA;AACH,CAAC"}

package/dist/src/render/blocks/stat-counter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stat-counter.d.ts","sourceRoot":"","sources":["../../../../src/render/blocks/stat-counter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAmB,MAAM,iBAAiB,CAAA;AACxE,OAAO,EAEL,KAAK,WAAW,EAGhB,KAAK,aAAa,EACnB,MAAM,oBAAoB,CAAA;AAkB3B,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,gBAAgB,EAAE,IAAI,EAAE,aAAa,GAAG,WAAW,CAa3F"}
+{"version":3,"file":"stat-counter.d.ts","sourceRoot":"","sources":["../../../../src/render/blocks/stat-counter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAmB,MAAM,iBAAiB,CAAA;AACxE,OAAO,EAAE,KAAK,WAAW,EAAK,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAmB5E,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,gBAAgB,EAAE,IAAI,EAAE,aAAa,GAAG,WAAW,CAU3F"}

package/dist/src/render/blocks/stat-counter.js

@@ -1,17 +1,16 @@
-import { blockHeadingTag, h, heading, } from '@cogenta/theme-kit';
+import { h } from '@cogenta/theme-kit';
+import { section, sectionHead } from '../layout.js';
 /**
- * `blocks@2.0` (RFC 0001). A circulation tally, set apart from `stats`'s own
- * `cg-figures` (which carries vertical column rules and an optional `unit`):
- * `statCounter` has no `unit`, so it is laid out as a single running line —
- * each figure and its label separated only by a shared baseline rule, the
- * way a masthead prints its circulation and edition counts along one strip.
+ * "By the numbers": a ruled table of figures down the page, each row a value
+ * in the display face on the left and what it counts on the right. Where
+ * `stats` sets figures side by side, this sets them as a list a reader runs
+ * down, which suits a longer set. It carries no unit, the narrower shape
+ * contract B gives it.
  */
 function renderItem(item) {
-    return h('div', { class: 'cg-tally__item' }, h('dd', { class: 'cg-tally__value' }, item.value), h('dt', { class: 'cg-tally__label' }, item.label));
+    return h('div', { class: 'cg-tally__row' }, h('dt', { class: 'cg-tally__label' }, item.label), h('dd', { class: 'cg-tally__value' }, item.value));
 }
 export function renderStatCounter(block, _ctx) {
-    return h('section', { class: 'cg-block cg-tally', 'data-block': 'statCounter' }, block.title === undefined
-        ? null
-        : heading(blockHeadingTag('statCounter') ?? 'h2', { class: 'cg-tally__title', 'data-field': 'title' }, block.title), h('dl', { class: 'cg-tally__items' }, block.stats.map(renderItem)));
+    return section('section', 'statCounter', 'cg-tally', {}, 'div', sectionHead('statCounter', block.title), h('dl', { class: 'cg-tally__rows' }, block.stats.map(renderItem)));
 }
 //# sourceMappingURL=stat-counter.js.map

package/dist/src/render/blocks/stat-counter.js.map

@@ -1 +1 @@
-{"version":3,"file":"stat-counter.js","sourceRoot":"","sources":["../../../../src/render/blocks/stat-counter.ts"],"names":[],"mappings":"AACA,OAAO,EACL,eAAe,EAEf,CAAC,EACD,OAAO,GAER,MAAM,oBAAoB,CAAA;AAE3B;;;;;;GAMG;AACH,SAAS,UAAU,CAAC,IAAqB;IACvC,OAAO,CAAC,CACN,KAAK,EACL,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAC3B,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EACjD,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,CAClD,CAAA;AACH,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,KAAuB,EAAE,IAAmB;IAC5E,OAAO,CAAC,CACN,SAAS,EACT,EAAE,KAAK,EAAE,mBAAmB,EAAE,YAAY,EAAE,aAAa,EAAE,EAC3D,KAAK,CAAC,KAAK,KAAK,SAAS;QACvB,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,OAAO,CACL,eAAe,CAAC,aAAa,CAAC,IAAI,IAAI,EACtC,EAAE,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,OAAO,EAAE,EACnD,KAAK,CAAC,KAAK,CACZ,EACL,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,CACnE,CAAA;AACH,CAAC"}
+{"version":3,"file":"stat-counter.js","sourceRoot":"","sources":["../../../../src/render/blocks/stat-counter.ts"],"names":[],"mappings":"AACA,OAAO,EAAoB,CAAC,EAAsB,MAAM,oBAAoB,CAAA;AAC5E,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAEnD;;;;;;GAMG;AACH,SAAS,UAAU,CAAC,IAAqB;IACvC,OAAO,CAAC,CACN,KAAK,EACL,EAAE,KAAK,EAAE,eAAe,EAAE,EAC1B,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EACjD,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,CAClD,CAAA;AACH,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,KAAuB,EAAE,IAAmB;IAC5E,OAAO,OAAO,CACZ,SAAS,EACT,aAAa,EACb,UAAU,EACV,EAAE,EACF,KAAK,EACL,WAAW,CAAC,aAAa,EAAE,KAAK,CAAC,KAAK,CAAC,EACvC,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,CAClE,CAAA;AACH,CAAC"}

package/dist/src/render/blocks/stats.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stats.d.ts","sourceRoot":"","sources":["../../../../src/render/blocks/stats.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAY,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC3D,OAAO,EAEL,KAAK,WAAW,EAGhB,KAAK,aAAa,EACnB,MAAM,oBAAoB,CAAA;AAyB3B,wBAAgB,WAAW,CAAC,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,aAAa,GAAG,WAAW,CAa/E"}
+{"version":3,"file":"stats.d.ts","sourceRoot":"","sources":["../../../../src/render/blocks/stats.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAY,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC3D,OAAO,EAAE,KAAK,WAAW,EAAK,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAwB5E,wBAAgB,WAAW,CAAC,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,aAAa,GAAG,WAAW,CAU/E"}

package/dist/src/render/blocks/stats.js

@@ -1,19 +1,16 @@
-import { blockHeadingTag, h, heading, } from '@cogenta/theme-kit';
+import { h } from '@cogenta/theme-kit';
+import { section, sectionHead } from '../layout.js';
 /**
- * "By the numbers" — an infographic sidebar with a real newspaper
- * `column-rule` between figures, each set in the display serif with tabular
- * numerals so a column of changing digits never shifts width.
- *
- * A description list, as in the reference theme: each figure *describes* its
- * label, which is exactly what `<dt>`/`<dd>` mean, and it survives being read
- * linearly by anything that ignores the stylesheet.
+ * Figures in a row between two rules, the way a newspaper sets a fact box
+ * without the box: each value in the display face with lining tabular
+ * numerals, its unit smaller beside it, the label under it in the interface
+ * face, and a vertical hairline between figures. A description list, so
+ * each value is announced with its label.
  */
 function renderItem(item) {
-    return h('div', { class: 'cg-figures__item' }, h('dt', { class: 'cg-figures__label' }, item.label), h('dd', { class: 'cg-figures__value' }, item.value, item.unit === undefined ? null : h('span', { class: 'cg-figures__unit' }, item.unit)));
+    return h('div', { class: 'cg-figures__item' }, h('dt', { class: 'cg-figures__label' }, item.label), h('dd', { class: 'cg-figures__value' }, h('span', { class: 'cg-figures__number' }, item.value), item.unit === undefined ? null : h('span', { class: 'cg-figures__unit' }, item.unit)));
 }
 export function renderStats(block, _ctx) {
-    return h('section', { class: 'cg-block cg-figures', 'data-block': 'stats' }, block.title === undefined
-        ? null
-        : heading(blockHeadingTag('stats') ?? 'h2', { class: 'cg-figures__title', 'data-field': 'title' }, block.title), h('dl', { class: 'cg-figures__items' }, block.items.map(renderItem)));
+    return section('section', 'stats', 'cg-figures', { 'data-count': String(Math.min(block.items.length, 4)) }, 'div', sectionHead('stats', block.title), h('dl', { class: 'cg-figures__items' }, block.items.map(renderItem)));
 }
 //# sourceMappingURL=stats.js.map

package/dist/src/render/blocks/stats.js.map

@@ -1 +1 @@
-{"version":3,"file":"stats.js","sourceRoot":"","sources":["../../../../src/render/blocks/stats.ts"],"names":[],"mappings":"AACA,OAAO,EACL,eAAe,EAEf,CAAC,EACD,OAAO,GAER,MAAM,oBAAoB,CAAA;AAE3B;;;;;;;;GAQG;AACH,SAAS,UAAU,CAAC,IAAc;IAChC,OAAO,CAAC,CACN,KAAK,EACL,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAC7B,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EACnD,CAAC,CACC,IAAI,EACJ,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAC9B,IAAI,CAAC,KAAK,EACV,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,CACrF,CACF,CAAA;AACH,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,KAAiB,EAAE,IAAmB;IAChE,OAAO,CAAC,CACN,SAAS,EACT,EAAE,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,OAAO,EAAE,EACvD,KAAK,CAAC,KAAK,KAAK,SAAS;QACvB,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,OAAO,CACL,eAAe,CAAC,OAAO,CAAC,IAAI,IAAI,EAChC,EAAE,KAAK,EAAE,mBAAmB,EAAE,YAAY,EAAE,OAAO,EAAE,EACrD,KAAK,CAAC,KAAK,CACZ,EACL,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,CACrE,CAAA;AACH,CAAC"}
+{"version":3,"file":"stats.js","sourceRoot":"","sources":["../../../../src/render/blocks/stats.ts"],"names":[],"mappings":"AACA,OAAO,EAAoB,CAAC,EAAsB,MAAM,oBAAoB,CAAA;AAC5E,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAEnD;;;;;;GAMG;AACH,SAAS,UAAU,CAAC,IAAc;IAChC,OAAO,CAAC,CACN,KAAK,EACL,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAC7B,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EACnD,CAAC,CACC,IAAI,EACJ,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAC9B,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EACtD,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,CACrF,CACF,CAAA;AACH,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,KAAiB,EAAE,IAAmB;IAChE,OAAO,OAAO,CACZ,SAAS,EACT,OAAO,EACP,YAAY,EACZ,EAAE,YAAY,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,EACzD,KAAK,EACL,WAAW,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,EACjC,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,CACrE,CAAA;AACH,CAAC"}

package/dist/src/render/blocks/testimonial.d.ts

@@ -1,19 +1,10 @@
 import type { TestimonialBlock } from '@cogenta/blocks';
 import { type HtmlElement, type RenderContext } from '@cogenta/theme-kit';
 /**
- * `blocks@2.0` (RFC 0001). A reader's letter, not a pull quote: `quote`
- * already owns the theme's one "loud" typographic gesture (the giant quote
- * mark and heavy rule in `cg-pullquote`), so a testimonial reads instead as
- * a boxed letter-to-the-editor — a framed panel, the quote set in italic
- * serif at body size rather than blown up, and a byline row underneath a
- * hairline rule, the way a magazine runs its reader mail column.
- *
- * The quote is rich text (unlike `quote`'s plain-text `text`), so a
- * testimonial can carry a link or emphasis; `renderRichText` handles it the
- * same way `accordion`'s answers and `prose`'s body do.
- *
- * The avatar is decorative, exactly like `quote`'s own: the name sits right
- * beside it in text, so its media entity's alt text is expected to be empty.
+ * A letter from a reader, set as the letters page sets one: the words in the
+ * reading face one step above the text size, a hairline, and the writer's
+ * name in small capitals with where they write from. Quieter than `quote` on
+ * purpose: a pull quote is display, a letter is correspondence.
  */
 export declare function renderTestimonial(block: TestimonialBlock, ctx: RenderContext): HtmlElement;
 //# sourceMappingURL=testimonial.d.ts.map

package/dist/src/render/blocks/testimonial.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"testimonial.d.ts","sourceRoot":"","sources":["../../../../src/render/blocks/testimonial.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AACvD,OAAO,EAAE,KAAK,WAAW,EAAY,KAAK,aAAa,EAAkB,MAAM,oBAAoB,CAAA;AAEnG;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,gBAAgB,EAAE,GAAG,EAAE,aAAa,GAAG,WAAW,CAyB1F"}
+{"version":3,"file":"testimonial.d.ts","sourceRoot":"","sources":["../../../../src/render/blocks/testimonial.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AACvD,OAAO,EAAE,KAAK,WAAW,EAAY,KAAK,aAAa,EAAkB,MAAM,oBAAoB,CAAA;AAGnG;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,gBAAgB,EAAE,GAAG,EAAE,aAAa,GAAG,WAAW,CA4B1F"}

package/dist/src/render/blocks/testimonial.js

@@ -1,27 +1,19 @@
 import { h, image, renderRichText } from '@cogenta/theme-kit';
+import { section } from '../layout.js';
 /**
- * `blocks@2.0` (RFC 0001). A reader's letter, not a pull quote: `quote`
- * already owns the theme's one "loud" typographic gesture (the giant quote
- * mark and heavy rule in `cg-pullquote`), so a testimonial reads instead as
- * a boxed letter-to-the-editor — a framed panel, the quote set in italic
- * serif at body size rather than blown up, and a byline row underneath a
- * hairline rule, the way a magazine runs its reader mail column.
- *
- * The quote is rich text (unlike `quote`'s plain-text `text`), so a
- * testimonial can carry a link or emphasis; `renderRichText` handles it the
- * same way `accordion`'s answers and `prose`'s body do.
- *
- * The avatar is decorative, exactly like `quote`'s own: the name sits right
- * beside it in text, so its media entity's alt text is expected to be empty.
+ * A letter from a reader, set as the letters page sets one: the words in the
+ * reading face one step above the text size, a hairline, and the writer's
+ * name in small capitals with where they write from. Quieter than `quote` on
+ * purpose: a pull quote is display, a letter is correspondence.
  */
 export function renderTestimonial(block, ctx) {
     const { attribution } = block;
-    return h('figure', { class: 'cg-block cg-letter', 'data-block': 'testimonial' }, h('blockquote', { class: 'cg-letter__quote' }, renderRichText(ctx, block.quote)), h('figcaption', { class: 'cg-letter__byline' }, attribution.avatar === undefined
+    return section('div', 'testimonial', 'cg-letter', {}, 'figure', h('blockquote', { class: 'cg-letter__quote' }, renderRichText(ctx, block.quote)), h('figcaption', { class: 'cg-letter__attribution' }, attribution.avatar === undefined
         ? null
         : image(ctx, attribution.avatar, {
             className: 'cg-letter__avatar',
             variant: { width: 96, height: 96, fit: 'cover' },
-        }), h('span', { class: 'cg-letter__names' }, h('span', { class: 'cg-letter__name' }, attribution.name), attribution.role === undefined
+        }), h('span', { class: 'cg-letter__who' }, h('span', { class: 'cg-letter__name' }, attribution.name), attribution.role === undefined
         ? null
         : h('span', { class: 'cg-letter__role' }, attribution.role))));
 }

package/dist/src/render/blocks/testimonial.js.map

@@ -1 +1 @@
-{"version":3,"file":"testimonial.js","sourceRoot":"","sources":["../../../../src/render/blocks/testimonial.ts"],"names":[],"mappings":"AACA,OAAO,EAAoB,CAAC,EAAE,KAAK,EAAsB,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAEnG;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,iBAAiB,CAAC,KAAuB,EAAE,GAAkB;IAC3E,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,CAAA;IAC7B,OAAO,CAAC,CACN,QAAQ,EACR,EAAE,KAAK,EAAE,oBAAoB,EAAE,YAAY,EAAE,aAAa,EAAE,EAC5D,CAAC,CAAC,YAAY,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAAE,cAAc,CAAC,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,EAChF,CAAC,CACC,YAAY,EACZ,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAC9B,WAAW,CAAC,MAAM,KAAK,SAAS;QAC9B,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE,WAAW,CAAC,MAAM,EAAE;YAC7B,SAAS,EAAE,mBAAmB;YAC9B,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE;SACjD,CAAC,EACN,CAAC,CACC,MAAM,EACN,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAC7B,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAE,WAAW,CAAC,IAAI,CAAC,EACzD,WAAW,CAAC,IAAI,KAAK,SAAS;QAC5B,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAE,WAAW,CAAC,IAAI,CAAC,CAC9D,CACF,CACF,CAAA;AACH,CAAC"}
+{"version":3,"file":"testimonial.js","sourceRoot":"","sources":["../../../../src/render/blocks/testimonial.ts"],"names":[],"mappings":"AACA,OAAO,EAAoB,CAAC,EAAE,KAAK,EAAsB,cAAc,EAAE,MAAM,oBAAoB,CAAA;AACnG,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAEtC;;;;;GAKG;AACH,MAAM,UAAU,iBAAiB,CAAC,KAAuB,EAAE,GAAkB;IAC3E,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,CAAA;IAC7B,OAAO,OAAO,CACZ,KAAK,EACL,aAAa,EACb,WAAW,EACX,EAAE,EACF,QAAQ,EACR,CAAC,CAAC,YAAY,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAAE,cAAc,CAAC,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,EAChF,CAAC,CACC,YAAY,EACZ,EAAE,KAAK,EAAE,wBAAwB,EAAE,EACnC,WAAW,CAAC,MAAM,KAAK,SAAS;QAC9B,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE,WAAW,CAAC,MAAM,EAAE;YAC7B,SAAS,EAAE,mBAAmB;YAC9B,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE;SACjD,CAAC,EACN,CAAC,CACC,MAAM,EACN,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAC3B,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAE,WAAW,CAAC,IAAI,CAAC,EACzD,WAAW,CAAC,IAAI,KAAK,SAAS;QAC5B,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAE,WAAW,CAAC,IAAI,CAAC,CAC9D,CACF,CACF,CAAA;AACH,CAAC"}

package/dist/src/render/chrome.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chrome.d.ts","sourceRoot":"","sources":["../../../src/render/chrome.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,WAAW,EAEhB,KAAK,YAAY,EAOlB,MAAM,oBAAoB,CAAA;AA0E3B,wBAAgB,YAAY,CAAC,KAAK,EAAE,WAAW,GAAG,YAAY,CA6E7D"}
+{"version":3,"file":"chrome.d.ts","sourceRoot":"","sources":["../../../src/render/chrome.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,WAAW,EAEhB,KAAK,YAAY,EAQlB,MAAM,oBAAoB,CAAA;AAuE3B,wBAAgB,YAAY,CAAC,KAAK,EAAE,WAAW,GAAG,YAAY,CAkG7D"}