@cogenta/theme-association 0.3.2 → 0.5.3

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

@@ -1,27 +1,41 @@
 import { aspectRatio, h, image } from '@cogenta/theme-kit';
+import { section } from '../layout.js';
 /**
- * `<figure>`/`<figcaption>` rather than a div and a paragraph: the
- * association between the picture and its caption is then in the markup.
+ * A photograph and its caption, the caption always under the picture's own
+ * left edge, in the text face, with the credit after it.
  *
- * The media sits in a big rounded card (`cg-figure__media`, `--cg-radius-lg`)
- * with a soft shadow, matching the hero's own frame treatment rather than a
- * hard-edged photo.
+ * `align` is an editorial intent, read as a layout:
+ *
+ * - `start` / `end`: seven columns on that side, the caption beside it on the
+ *   other four, set against the bottom of the picture.
+ * - `center`: eight columns, set in from the second.
+ * - `wide` (and no value): the whole container.
+ * - `full`: the whole window, edge to edge.
+ *
+ * The ratio crops from the middle, or from the media's own focal point; the
+ * corners stay square and the picture casts no shadow.
  */
 export function renderMediaFigure(block, ctx) {
+    const align = block.align ?? 'wide';
+    const split = align === 'start' || align === 'end';
     const ratio = aspectRatio(block.ratio);
-    const hasCaption = block.caption !== undefined || block.credit !== undefined;
-    return h('figure', {
-        class: 'cg-block cg-figure',
-        'data-block': 'mediaFigure',
-        'data-align': block.align ?? 'center',
-        style: ratio === undefined ? undefined : `--cg-ratio:${ratio}`,
-    }, image(ctx, block.media, {
-        className: 'cg-figure__media',
-        sizes: '(min-width: 45rem) 40rem, 100vw',
-    }), hasCaption
-        ? h('figcaption', { class: 'cg-figure__caption' }, block.caption, block.credit === undefined
+    const caption = block.caption === undefined && block.credit === undefined
+        ? null
+        : h('figcaption', { class: 'ca-figure__caption' }, block.caption === undefined
             ? null
-            : h('span', { class: 'cg-figure__credit', 'data-field': 'credit' }, block.credit))
-        : null);
+            : h('span', { class: 'ca-figure__text', 'data-field': 'caption' }, block.caption), block.credit === undefined
+            ? null
+            : h('span', { class: 'ca-figure__credit', 'data-field': 'credit' }, block.credit));
+    return section('div', 'mediaFigure', 'ca-figure', { 'data-align': align, 'data-layout': split ? 'split' : 'single' }, 'figure', h('div', {
+        class: 'ca-figure__frame',
+        style: ratio === undefined ? undefined : `aspect-ratio:${ratio}`,
+    }, image(ctx, block.media, {
+        className: 'ca-figure__image',
+        sizes: align === 'full'
+            ? '100vw'
+            : split
+                ? '(min-width: 64rem) 55vw, 100vw'
+                : '(min-width: 82rem) 78rem, 100vw',
+    })), caption);
 }
 //# 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;;;;;;;GAOG;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,oBAAoB;QAC3B,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,kBAAkB;QAC7B,KAAK,EAAE,iCAAiC;KACzC,CAAC,EACF,UAAU;QACR,CAAC,CAAC,CAAC,CACC,YAAY,EACZ,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAC/B,KAAK,CAAC,OAAO,EACb,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"}
+{"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;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,iBAAiB,CAAC,KAAuB,EAAE,GAAkB;IAC3E,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,MAAM,CAAA;IACnC,MAAM,KAAK,GAAG,KAAK,KAAK,OAAO,IAAI,KAAK,KAAK,KAAK,CAAA;IAClD,MAAM,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;IAEtC,MAAM,OAAO,GACX,KAAK,CAAC,OAAO,KAAK,SAAS,IAAI,KAAK,CAAC,MAAM,KAAK,SAAS;QACvD,CAAC,CAAC,IAAI;QACN,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,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,KAAK,CAAC,OAAO,CAAC,EACnF,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,CAAA;IAEP,OAAO,OAAO,CACZ,KAAK,EACL,aAAa,EACb,WAAW,EACX,EAAE,YAAY,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EAAE,EAClE,QAAQ,EACR,CAAC,CACC,KAAK,EACL;QACE,KAAK,EAAE,kBAAkB;QACzB,KAAK,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,gBAAgB,KAAK,EAAE;KACjE,EACD,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;gBACL,CAAC,CAAC,gCAAgC;gBAClC,CAAC,CAAC,iCAAiC;KAC1C,CAAC,CACH,EACD,OAAO,CACR,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;AA2C3B,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,EAEL,KAAK,WAAW,EAIhB,KAAK,aAAa,EACnB,MAAM,oBAAoB,CAAA;AAwC3B,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,iBAAiB,EAAE,GAAG,EAAE,aAAa,GAAG,WAAW,CAe5F"}

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

@@ -1,29 +1,27 @@
-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). Rarely a nonprofit's own price list, but not never
- * (a membership fee, a course fee) — kept in the shared, rounded-card
- * register the rest of this theme uses. `highlighted` becomes
- * `data-highlighted` for the skin to style, and `aria-current` so it is
- * announced, not only shown.
+ * Levels side by side: a membership, a regular gift, a sponsored place.
+ * Ruled columns rather than cards: the name of the level, the amount large in
+ * the display face with tabular figures and what it covers ("a month") beside
+ * it, then what it includes one line at a time between hairlines, and the
+ * action at the foot.
+ *
+ * `highlighted` is an editorial emphasis, drawn as the column's top rule in
+ * the organisation's green, thicker, and its name in the same green. No
+ * ribbon, no raised card, no fill.
  */
-function renderTier(tier, ctx, tag) {
-    return h('li', {
-        class: 'cg-pricing__tier',
-        'data-highlighted': tier.highlighted === true ? 'true' : undefined,
-        'aria-current': tier.highlighted === true ? 'true' : undefined,
-    }, heading(tag, { class: 'cg-pricing__name' }, tier.name), h('p', { class: 'cg-pricing__price' }, h('span', { class: 'cg-pricing__amount' }, tier.price), tier.interval === undefined
+function tier(item, ctx, titled) {
+    return h('li', { class: 'ca-levels__tier', 'data-highlighted': item.highlighted === true ? 'true' : 'false' }, heading(nestedHeadingTag('pricingTable', titled), { class: 'ca-levels__name' }, item.name), h('p', { class: 'ca-levels__price' }, h('span', { class: 'ca-levels__amount' }, item.price), item.interval === undefined
         ? null
-        : h('span', { class: 'cg-pricing__interval' }, tier.interval)), tier.features.length === 0
+        : h('span', { class: 'ca-levels__interval' }, item.interval)), item.features.length === 0
         ? null
-        : h('ul', { class: 'cg-pricing__features' }, tier.features.map((feature) => h('li', {}, feature))), tier.action === undefined
+        : h('ul', { class: 'ca-levels__lines' }, item.features.map((feature) => h('li', { class: 'ca-levels__line' }, feature))), item.action === undefined
         ? null
-        : h('div', { class: 'cg-pricing__action' }, actionLink(ctx, { ...tier.action, emphasis: tier.action.emphasis ?? 'primary' })));
+        : h('div', { class: 'ca-levels__action' }, actionLink(ctx, item.action)));
 }
 export function renderPricingTable(block, ctx) {
-    const hasTitle = block.title !== undefined;
-    const tierTag = nestedHeadingTag('pricingTable', hasTitle);
-    return h('section', { class: 'cg-block cg-pricing', 'data-block': 'pricingTable' }, hasTitle
-        ? heading(blockHeadingTag('pricingTable') ?? 'h2', { class: 'cg-pricing__title', 'data-field': 'title' }, block.title ?? '')
-        : null, h('ul', { class: 'cg-pricing__tiers' }, block.tiers.map((tier) => renderTier(tier, ctx, tierTag))));
+    const titled = block.title !== undefined;
+    return section('section', 'pricingTable', 'ca-levels', { 'data-count': String(Math.min(block.tiers.length, 4)) }, 'div', sectionHead('pricingTable', block.title), h('ul', { class: 'ca-levels__tiers' }, block.tiers.map((item) => tier(item, ctx, titled))));
 }
 //# 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;;;;;;GAMG;AACH,SAAS,UAAU,CAAC,IAAiB,EAAE,GAAkB,EAAE,GAAe;IACxE,OAAO,CAAC,CACN,IAAI,EACJ;QACE,KAAK,EAAE,kBAAkB;QACzB,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,kBAAkB,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,EACtD,CAAC,CACC,GAAG,EACH,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAC9B,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EACtD,IAAI,CAAC,QAAQ,KAAK,SAAS;QACzB,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,sBAAsB,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,CAChE,EACD,IAAI,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC;QACxB,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,CAAC,CACC,IAAI,EACJ,EAAE,KAAK,EAAE,sBAAsB,EAAE,EACjC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,EAAE,OAAO,CAAC,CAAC,CACrD,EACL,IAAI,CAAC,MAAM,KAAK,SAAS;QACvB,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,CAAC,CACC,KAAK,EACL,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAC/B,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,qBAAqB,EAAE,YAAY,EAAE,cAAc,EAAE,EAC9D,QAAQ;QACN,CAAC,CAAC,OAAO,CACL,eAAe,CAAC,cAAc,CAAC,IAAI,IAAI,EACvC,EAAE,KAAK,EAAE,mBAAmB,EAAE,YAAY,EAAE,OAAO,EAAE,EACrD,KAAK,CAAC,KAAK,IAAI,EAAE,CAClB;QACH,CAAC,CAAC,IAAI,EACR,CAAC,CACC,IAAI,EACJ,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAC9B,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,EAEV,CAAC,EACD,OAAO,EACP,gBAAgB,GAEjB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAEnD;;;;;;;;;;GAUG;AACH,SAAS,IAAI,CAAC,IAAiB,EAAE,GAAkB,EAAE,MAAe;IAClE,OAAO,CAAC,CACN,IAAI,EACJ,EAAE,KAAK,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAAE,EAC9F,OAAO,CAAC,gBAAgB,CAAC,cAAc,EAAE,MAAM,CAAC,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,EAC1F,CAAC,CACC,GAAG,EACH,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAC7B,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EACrD,IAAI,CAAC,QAAQ,KAAK,SAAS;QACzB,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,CAC/D,EACD,IAAI,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC;QACxB,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,CAAC,CACC,IAAI,EACJ,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAC7B,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAE,OAAO,CAAC,CAAC,CAC/E,EACL,IAAI,CAAC,MAAM,KAAK,SAAS;QACvB,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAAE,UAAU,CAAC,GAAG,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAC3E,CAAA;AACH,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,KAAwB,EAAE,GAAkB;IAC7E,MAAM,MAAM,GAAG,KAAK,CAAC,KAAK,KAAK,SAAS,CAAA;IACxC,OAAO,OAAO,CACZ,SAAS,EACT,cAAc,EACd,WAAW,EACX,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,kBAAkB,EAAE,EAC7B,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,MAAM,CAAC,CAAC,CACnD,CACF,CAAA;AACH,CAAC"}

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

@@ -1,9 +1,15 @@
 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. Whatever headings appear come from the rich text document, whose
- * vocabulary starts at `h2`.
+ * Running text: the organisation's history, how to give, how volunteering
+ * works, a privacy notice.
+ *
+ * `prose` declares `headingLevel: 'none'`, so it adds no heading of its own;
+ * the rich text's own headings start at `h2`. The column starts on the first
+ * of twelve columns, on the same edge as the page title above it, and holds a
+ * reading measure of about sixty-six characters. The first paragraph of the
+ * first text under a page title is set a step larger, the way a report opens
+ * with its summary.
  */
 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;;;;GAIG;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;;;;;;;;;;GAUG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,GAAG,WAAW,CAS9E"}

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

@@ -1,10 +1,17 @@
 import { h, renderRichText } from '@cogenta/theme-kit';
+import { section } from '../layout.js';
 /**
- * `prose` declares `headingLevel: 'none'`: it contributes no heading of its
- * own. Whatever headings appear come from the rich text document, whose
- * vocabulary starts at `h2`.
+ * Running text: the organisation's history, how to give, how volunteering
+ * works, a privacy notice.
+ *
+ * `prose` declares `headingLevel: 'none'`, so it adds no heading of its own;
+ * the rich text's own headings start at `h2`. The column starts on the first
+ * of twelve columns, on the same edge as the page title above it, and holds a
+ * reading measure of about sixty-six characters. The first paragraph of the
+ * first text under a page title is set a step larger, the way a report opens
+ * with its summary.
  */
 export function renderProse(block, ctx) {
-    return h('div', { class: 'cg-block cg-prose', 'data-block': 'prose' }, renderRichText(ctx, block.body));
+    return section('div', 'prose', 'ca-prose', {}, 'div', h('div', { class: 'ca-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;;;;GAIG;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;;;;;;;;;;GAUG;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,13 +1,10 @@
 import type { QuoteBlock } from '@cogenta/blocks';
 import { type HtmlElement, type RenderContext } from '@cogenta/theme-kit';
 /**
- * `<figure><blockquote>…</blockquote><figcaption>` is the attribution
- * pattern the HTML spec prescribes: putting the author inside the
- * `<blockquote>` would claim the author's name is part of what was said.
- *
- * The avatar is decorative here — the name is right beside it in text — so
- * its media entity's alt text is expected to be empty. `image` still writes
- * the attribute either way.
+ * A few words someone said, set large: the text in the display face across
+ * nine columns, with a real opening quotation mark hung in the margin by the
+ * stylesheet, and the speaker's name and role small beneath it. A portrait,
+ * when there is one, is a small square crop beside the name.
  */
 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;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,GAAG,WAAW,CA0B9E"}
+{"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;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,GAAG,WAAW,CAmC9E"}

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

@@ -1,26 +1,21 @@
 import { h, image } from '@cogenta/theme-kit';
+import { section } from '../layout.js';
 /**
- * `<figure><blockquote>…</blockquote><figcaption>` is the attribution
- * pattern the HTML spec prescribes: putting the author inside the
- * `<blockquote>` would claim the author's name is part of what was said.
- *
- * The avatar is decorative here — the name is right beside it in text — so
- * its media entity's alt text is expected to be empty. `image` still writes
- * the attribute either way.
+ * A few words someone said, set large: the text in the display face across
+ * nine columns, with a real opening quotation mark hung in the margin by the
+ * stylesheet, and the speaker's name and role small beneath it. A portrait,
+ * when there is one, is a small square crop beside the name.
  */
 export function renderQuote(block, ctx) {
-    const hasAttribution = block.author !== undefined || block.role !== undefined || block.avatar !== undefined;
-    return h('figure', { class: 'cg-block cg-quote', 'data-block': 'quote' }, h('blockquote', { class: 'cg-quote__text' }, h('p', { 'data-field': 'text' }, block.text)), hasAttribution
-        ? h('figcaption', { class: 'cg-quote__attribution' }, block.avatar === undefined
+    const who = block.author === undefined && block.role === undefined
+        ? null
+        : h('figcaption', { class: 'ca-quote__attribution' }, block.avatar === undefined
             ? null
-            : image(ctx, block.avatar, {
-                className: 'cg-quote__avatar',
-                variant: { width: 96, height: 96, fit: 'cover' },
-            }), block.author === undefined
+            : image(ctx, block.avatar, { className: 'ca-quote__avatar', sizes: '3.5rem' }), h('span', { class: 'ca-quote__who' }, block.author === undefined
             ? null
-            : h('span', { class: 'cg-quote__author', 'data-field': 'author' }, block.author), block.role === undefined
+            : h('span', { class: 'ca-quote__author', 'data-field': 'author' }, block.author), block.role === undefined
             ? null
-            : h('span', { class: 'cg-quote__role', 'data-field': 'role' }, block.role))
-        : null);
+            : h('span', { class: 'ca-quote__role', 'data-field': 'role' }, block.role)));
+    return section('div', 'quote', 'ca-quote', {}, 'figure', h('blockquote', { class: 'ca-quote__quote' }, h('p', { class: 'ca-quote__text', 'data-field': 'text' }, block.text)), who);
 }
 //# 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;;;;;;;;GAQG;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,mBAAmB,EAAE,YAAY,EAAE,OAAO,EAAE,EACrD,CAAC,CAAC,YAAY,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAAE,CAAC,CAAC,GAAG,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,EAC1F,cAAc;QACZ,CAAC,CAAC,CAAC,CACC,YAAY,EACZ,EAAE,KAAK,EAAE,uBAAuB,EAAE,EAClC,KAAK,CAAC,MAAM,KAAK,SAAS;YACxB,CAAC,CAAC,IAAI;YACN,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE,KAAK,CAAC,MAAM,EAAE;gBACvB,SAAS,EAAE,kBAAkB;gBAC7B,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,kBAAkB,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,KAAK,CAAC,MAAM,CAAC,EAClF,KAAK,CAAC,IAAI,KAAK,SAAS;YACtB,CAAC,CAAC,IAAI;YACN,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,CAC7E;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;;;;;GAKG;AACH,MAAM,UAAU,WAAW,CAAC,KAAiB,EAAE,GAAkB;IAC/D,MAAM,GAAG,GACP,KAAK,CAAC,MAAM,KAAK,SAAS,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS;QACpD,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,CAAC,CACC,YAAY,EACZ,EAAE,KAAK,EAAE,uBAAuB,EAAE,EAClC,KAAK,CAAC,MAAM,KAAK,SAAS;YACxB,CAAC,CAAC,IAAI;YACN,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE,KAAK,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,kBAAkB,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,EAChF,CAAC,CACC,MAAM,EACN,EAAE,KAAK,EAAE,eAAe,EAAE,EAC1B,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,EAClF,KAAK,CAAC,IAAI,KAAK,SAAS;YACtB,CAAC,CAAC,IAAI;YACN,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,CAC7E,CACF,CAAA;IAEP,OAAO,OAAO,CACZ,KAAK,EACL,OAAO,EACP,UAAU,EACV,EAAE,EACF,QAAQ,EACR,CAAC,CACC,YAAY,EACZ,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAC5B,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,CACtE,EACD,GAAG,CACJ,CAAA;AACH,CAAC"}

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

@@ -1,4 +1,11 @@
 import type { StatCounterBlock } from '@cogenta/blocks';
 import { type HtmlElement, type RenderContext } from '@cogenta/theme-kit';
-export declare function renderStatCounter(block: StatCounterBlock, _ctx: RenderContext): HtmlElement;
+/**
+ * The narrower sibling of `stats` (a value and a short label, no unit): a
+ * single row of figures across the container, divided by vertical hairlines,
+ * each number in the display face over its label. Percentages of one whole
+ * are drawn as a breakdown, the same as `stats`. Nothing counts up; a number
+ * that animates into place is a number a visitor has to wait for.
+ */
+export declare function renderStatCounter(block: StatCounterBlock, ctx: RenderContext): HtmlElement;
 //# sourceMappingURL=stat-counter.d.ts.map

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;AAe3B,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,EAAE,MAAM,iBAAiB,CAAA;AACvD,OAAO,EAAE,KAAK,WAAW,EAAK,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAK5E;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,gBAAgB,EAAE,GAAG,EAAE,aAAa,GAAG,WAAW,CA4B1F"}

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

@@ -1,14 +1,22 @@
-import { blockHeadingTag, h, heading, } from '@cogenta/theme-kit';
+import { h } from '@cogenta/theme-kit';
+import { isBreakdown } from '../figures.js';
+import { section, sectionHead } from '../layout.js';
+import { renderBreakdown } from './breakdown.js';
 /**
- * `blocks@2.0` (RFC 0001). A `<dl>`, exactly like `stats` — narrower on
- * purpose (no `unit`), for one big figure and its label.
+ * The narrower sibling of `stats` (a value and a short label, no unit): a
+ * single row of figures across the container, divided by vertical hairlines,
+ * each number in the display face over its label. Percentages of one whole
+ * are drawn as a breakdown, the same as `stats`. Nothing counts up; a number
+ * that animates into place is a number a visitor has to wait for.
  */
-function renderItem(item) {
-    return h('div', { class: 'cg-stat-counter' }, h('dt', { class: 'cg-stat-counter__label' }, item.label), h('dd', { class: 'cg-stat-counter__value' }, item.value));
-}
-export function renderStatCounter(block, _ctx) {
-    return h('section', { class: 'cg-block cg-stat-counters', 'data-block': 'statCounter' }, block.title === undefined
-        ? null
-        : heading(blockHeadingTag('statCounter') ?? 'h2', { class: 'cg-stat-counters__title', 'data-field': 'title' }, block.title), h('dl', { class: 'cg-stat-counters__items' }, block.stats.map(renderItem)));
+export function renderStatCounter(block, ctx) {
+    const breakdown = isBreakdown(block.stats);
+    return section('section', 'statCounter', 'ca-counter', {
+        'data-shape': breakdown ? 'breakdown' : 'row',
+        'data-count': String(Math.min(block.stats.length, 4)),
+        'data-titled': String(block.title !== undefined),
+    }, 'div', sectionHead('statCounter', block.title), breakdown
+        ? renderBreakdown(block.stats, ctx)
+        : h('dl', { class: 'ca-counter__items' }, block.stats.map((stat) => h('div', { class: 'ca-counter__item' }, h('dt', { class: 'ca-counter__label' }, stat.label), h('dd', { class: 'ca-counter__value' }, stat.value)))));
 }
 //# 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;;;GAGG;AACH,SAAS,UAAU,CAAC,IAAqB;IACvC,OAAO,CAAC,CACN,KAAK,EACL,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAC5B,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,wBAAwB,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EACxD,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,wBAAwB,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,CACzD,CAAA;AACH,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,KAAuB,EAAE,IAAmB;IAC5E,OAAO,CAAC,CACN,SAAS,EACT,EAAE,KAAK,EAAE,2BAA2B,EAAE,YAAY,EAAE,aAAa,EAAE,EACnE,KAAK,CAAC,KAAK,KAAK,SAAS;QACvB,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,OAAO,CACL,eAAe,CAAC,aAAa,CAAC,IAAI,IAAI,EACtC,EAAE,KAAK,EAAE,yBAAyB,EAAE,YAAY,EAAE,OAAO,EAAE,EAC3D,KAAK,CAAC,KAAK,CACZ,EACL,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,yBAAyB,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,CAC3E,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,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAEhD;;;;;;GAMG;AACH,MAAM,UAAU,iBAAiB,CAAC,KAAuB,EAAE,GAAkB;IAC3E,MAAM,SAAS,GAAG,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;IAC1C,OAAO,OAAO,CACZ,SAAS,EACT,aAAa,EACb,YAAY,EACZ;QACE,YAAY,EAAE,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK;QAC7C,YAAY,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;QACrD,aAAa,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,KAAK,SAAS,CAAC;KACjD,EACD,KAAK,EACL,WAAW,CAAC,aAAa,EAAE,KAAK,CAAC,KAAK,CAAC,EACvC,SAAS;QACP,CAAC,CAAC,eAAe,CAAC,KAAK,CAAC,KAAK,EAAE,GAAG,CAAC;QACnC,CAAC,CAAC,CAAC,CACC,IAAI,EACJ,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAC9B,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CACvB,CAAC,CACC,KAAK,EACL,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAC7B,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EACnD,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,CACpD,CACF,CACF,CACN,CAAA;AACH,CAAC"}

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

@@ -1,4 +1,15 @@
 import type { StatsBlock } from '@cogenta/blocks';
 import { type HtmlElement, type RenderContext } from '@cogenta/theme-kit';
-export declare function renderStats(block: StatsBlock, _ctx: RenderContext): HtmlElement;
+/**
+ * What a year of work added up to, with the sentence that makes each number
+ * mean something: the title on the first four columns, and the figures on the
+ * last eight in two columns, each under a rule. The number in the display
+ * face, narrow and large, in the organisation's green with lining tabular
+ * figures and its unit a step smaller; under it the sentence of context in
+ * the text face. No box, no tint, nothing counts up.
+ *
+ * Figures that are all percentages of one whole are drawn as a breakdown
+ * instead (`renderBreakdown`).
+ */
+export declare function renderStats(block: StatsBlock, ctx: RenderContext): HtmlElement;
 //# sourceMappingURL=stats.d.ts.map

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;AAwB3B,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,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,EAAE,KAAK,WAAW,EAAK,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAK5E;;;;;;;;;;GAUG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,GAAG,WAAW,CAmC9E"}

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

@@ -1,18 +1,28 @@
-import { blockHeadingTag, h, heading, } from '@cogenta/theme-kit';
+import { h } from '@cogenta/theme-kit';
+import { isBreakdown } from '../figures.js';
+import { section, sectionHead } from '../layout.js';
+import { renderBreakdown } from './breakdown.js';
 /**
- * The impact band — "12,400 meals served", "380 volunteers" — rendered as a
- * description list so each big figure stays the description of its label
- * (WCAG 1.3.2). Reading order is label then figure, exactly as the markup
- * says; the stylesheet paints the figure first with `column-reverse` (see
- * `blocks.css`'s own comment on `.cg-impact-stat`) — the paint order changes,
- * the DOM order a screen reader follows does not.
+ * What a year of work added up to, with the sentence that makes each number
+ * mean something: the title on the first four columns, and the figures on the
+ * last eight in two columns, each under a rule. The number in the display
+ * face, narrow and large, in the organisation's green with lining tabular
+ * figures and its unit a step smaller; under it the sentence of context in
+ * the text face. No box, no tint, nothing counts up.
+ *
+ * Figures that are all percentages of one whole are drawn as a breakdown
+ * instead (`renderBreakdown`).
  */
-function renderItem(item) {
-    return h('div', { class: 'cg-impact-stat' }, h('dt', { class: 'cg-impact-stat__label' }, item.label), h('dd', { class: 'cg-impact-stat__value' }, item.value, item.unit === undefined ? null : h('span', { class: 'cg-impact-stat__unit' }, item.unit)));
-}
-export function renderStats(block, _ctx) {
-    return h('section', { class: 'cg-block cg-impact', 'data-block': 'stats' }, block.title === undefined
-        ? null
-        : heading(blockHeadingTag('stats') ?? 'h2', { class: 'cg-impact__title', 'data-field': 'title' }, block.title), h('dl', { class: 'cg-impact__items' }, block.items.map(renderItem)));
+export function renderStats(block, ctx) {
+    const breakdown = isBreakdown(block.items);
+    return section('section', 'stats', 'ca-figures', {
+        'data-shape': breakdown ? 'breakdown' : 'figures',
+        'data-count': String(Math.min(block.items.length, 4)),
+        'data-titled': String(block.title !== undefined),
+    }, 'div', sectionHead('stats', block.title), breakdown
+        ? renderBreakdown(block.items, ctx)
+        : h('dl', { class: 'ca-figures__items' }, block.items.map((item) => h('div', { class: 'ca-figures__item' }, h('dt', { class: 'ca-figures__label' }, item.label), h('dd', { class: 'ca-figures__value' }, item.value, item.unit === undefined
+            ? null
+            : h('span', { class: 'ca-figures__unit' }, item.unit))))));
 }
 //# 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;;;;;;;GAOG;AACH,SAAS,UAAU,CAAC,IAAc;IAChC,OAAO,CAAC,CACN,KAAK,EACL,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAC3B,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,uBAAuB,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EACvD,CAAC,CACC,IAAI,EACJ,EAAE,KAAK,EAAE,uBAAuB,EAAE,EAClC,IAAI,CAAC,KAAK,EACV,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,sBAAsB,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,CACzF,CACF,CAAA;AACH,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,KAAiB,EAAE,IAAmB;IAChE,OAAO,CAAC,CACN,SAAS,EACT,EAAE,KAAK,EAAE,oBAAoB,EAAE,YAAY,EAAE,OAAO,EAAE,EACtD,KAAK,CAAC,KAAK,KAAK,SAAS;QACvB,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,OAAO,CACL,eAAe,CAAC,OAAO,CAAC,IAAI,IAAI,EAChC,EAAE,KAAK,EAAE,kBAAkB,EAAE,YAAY,EAAE,OAAO,EAAE,EACpD,KAAK,CAAC,KAAK,CACZ,EACL,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,CACpE,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,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAEhD;;;;;;;;;;GAUG;AACH,MAAM,UAAU,WAAW,CAAC,KAAiB,EAAE,GAAkB;IAC/D,MAAM,SAAS,GAAG,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;IAC1C,OAAO,OAAO,CACZ,SAAS,EACT,OAAO,EACP,YAAY,EACZ;QACE,YAAY,EAAE,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS;QACjD,YAAY,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;QACrD,aAAa,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,KAAK,SAAS,CAAC;KACjD,EACD,KAAK,EACL,WAAW,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,EACjC,SAAS;QACP,CAAC,CAAC,eAAe,CAAC,KAAK,CAAC,KAAK,EAAE,GAAG,CAAC;QACnC,CAAC,CAAC,CAAC,CACC,IAAI,EACJ,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAC9B,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CACvB,CAAC,CACC,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;YACrB,CAAC,CAAC,IAAI;YACN,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,CACxD,CACF,CACF,CACF,CACN,CAAA;AACH,CAAC"}

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

@@ -1,11 +1,12 @@
 import type { TestimonialBlock } from '@cogenta/blocks';
 import { type HtmlElement, type RenderContext } from '@cogenta/theme-kit';
 /**
- * `blocks@2.0` (RFC 0001). A volunteer's own words — the same
- * `<figure><blockquote>…</blockquote><figcaption>` pattern `quote` uses, but
- * the quote itself is rich text and the attribution is the block's single
- * grouped `attribution` field. The avatar sits in a round frame, echoing the
- * hero's own rounded, friendly treatment.
+ * One person's own account of what the organisation meant to them, told
+ * with their photograph: the portrait cropped to 4:5 on the first four
+ * columns, the words in the display face on the last seven, starting on a
+ * hung quotation mark, and the name and what they do here beneath them.
+ * Without a portrait the words take the reading column alone; nothing stands
+ * in for the missing face.
  */
 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;;;;;;GAMG;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;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,gBAAgB,EAAE,GAAG,EAAE,aAAa,GAAG,WAAW,CAgC1F"}

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

@@ -1,20 +1,22 @@
 import { h, image, renderRichText } from '@cogenta/theme-kit';
+import { section } from '../layout.js';
 /**
- * `blocks@2.0` (RFC 0001). A volunteer's own words — the same
- * `<figure><blockquote>…</blockquote><figcaption>` pattern `quote` uses, but
- * the quote itself is rich text and the attribution is the block's single
- * grouped `attribution` field. The avatar sits in a round frame, echoing the
- * hero's own rounded, friendly treatment.
+ * One person's own account of what the organisation meant to them, told
+ * with their photograph: the portrait cropped to 4:5 on the first four
+ * columns, the words in the display face on the last seven, starting on a
+ * hung quotation mark, and the name and what they do here beneath them.
+ * Without a portrait the words take the reading column alone; nothing stands
+ * in for the missing face.
  */
 export function renderTestimonial(block, ctx) {
     const { attribution } = block;
-    return h('figure', { class: 'cg-block cg-testimonial', 'data-block': 'testimonial' }, h('blockquote', { class: 'cg-testimonial__quote' }, renderRichText(ctx, block.quote)), h('figcaption', { class: 'cg-testimonial__attribution' }, attribution.avatar === undefined
+    return section('div', 'testimonial', 'ca-story', { 'data-portrait': String(attribution.avatar !== undefined) }, 'figure', attribution.avatar === undefined
         ? null
-        : image(ctx, attribution.avatar, {
-            className: 'cg-testimonial__avatar',
-            variant: { width: 96, height: 96, fit: 'cover' },
-        }), h('span', { class: 'cg-testimonial__who' }, h('span', { class: 'cg-testimonial__name' }, attribution.name), attribution.role === undefined
+        : h('div', { class: 'ca-story__portrait' }, image(ctx, attribution.avatar, {
+            className: 'ca-story__image',
+            sizes: '(min-width: 64rem) 26rem, 70vw',
+        })), h('div', { class: 'ca-story__words' }, h('blockquote', { class: 'ca-story__quote' }, renderRichText(ctx, block.quote)), h('figcaption', { class: 'ca-story__attribution' }, h('span', { class: 'ca-story__name' }, attribution.name), attribution.role === undefined
         ? null
-        : h('span', { class: 'cg-testimonial__role' }, attribution.role))));
+        : h('span', { class: 'ca-story__role' }, attribution.role))));
 }
 //# sourceMappingURL=testimonial.js.map

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;;;;;;GAMG;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,yBAAyB,EAAE,YAAY,EAAE,aAAa,EAAE,EACjE,CAAC,CAAC,YAAY,EAAE,EAAE,KAAK,EAAE,uBAAuB,EAAE,EAAE,cAAc,CAAC,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,EACrF,CAAC,CACC,YAAY,EACZ,EAAE,KAAK,EAAE,6BAA6B,EAAE,EACxC,WAAW,CAAC,MAAM,KAAK,SAAS;QAC9B,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE,WAAW,CAAC,MAAM,EAAE;YAC7B,SAAS,EAAE,wBAAwB;YACnC,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,qBAAqB,EAAE,EAChC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,sBAAsB,EAAE,EAAE,WAAW,CAAC,IAAI,CAAC,EAC9D,WAAW,CAAC,IAAI,KAAK,SAAS;QAC5B,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,sBAAsB,EAAE,EAAE,WAAW,CAAC,IAAI,CAAC,CACnE,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;;;;;;;GAOG;AACH,MAAM,UAAU,iBAAiB,CAAC,KAAuB,EAAE,GAAkB;IAC3E,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,CAAA;IAC7B,OAAO,OAAO,CACZ,KAAK,EACL,aAAa,EACb,UAAU,EACV,EAAE,eAAe,EAAE,MAAM,CAAC,WAAW,CAAC,MAAM,KAAK,SAAS,CAAC,EAAE,EAC7D,QAAQ,EACR,WAAW,CAAC,MAAM,KAAK,SAAS;QAC9B,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,CAAC,CACC,KAAK,EACL,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAC/B,KAAK,CAAC,GAAG,EAAE,WAAW,CAAC,MAAM,EAAE;YAC7B,SAAS,EAAE,iBAAiB;YAC5B,KAAK,EAAE,gCAAgC;SACxC,CAAC,CACH,EACL,CAAC,CACC,KAAK,EACL,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAC5B,CAAC,CAAC,YAAY,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAE,cAAc,CAAC,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,EAC/E,CAAC,CACC,YAAY,EACZ,EAAE,KAAK,EAAE,uBAAuB,EAAE,EAClC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAAE,WAAW,CAAC,IAAI,CAAC,EACxD,WAAW,CAAC,IAAI,KAAK,SAAS;QAC5B,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAAE,WAAW,CAAC,IAAI,CAAC,CAC7D,CACF,CACF,CAAA;AACH,CAAC"}

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

@@ -1,3 +1,40 @@
-import { type ChromeInput, type ChromeResult } from '@cogenta/theme-kit';
+import { type ChromeInput, type ChromeNavLink, type ChromeResult } from '@cogenta/theme-kit';
+/**
+ * The header and footer of a charity's site (`theme@1.4`).
+ *
+ * Header: one row on the paper under a hairline. The organisation's name in
+ * the display face (or its uploaded logo), the pages in plain words, then the
+ * `headerAction` as the yellow button, the one standing ask of a charity's
+ * site, and the light/dark control. The action sits outside the navigation
+ * list on purpose: on a phone it stays in the header row beside the menu
+ * button.
+ *
+ * Below the wide breakpoint the pages become a panel of large links under the
+ * header, opened by a CSS-only toggle: a visually hidden checkbox paired with
+ * a `<label>` that says "Menu" (and "Close" once open), placed before the
+ * `<nav>` so the sibling combinator reaches it. One `<nav>` in the markup,
+ * retiled by CSS. The panel repeats the `tagline` under the links.
+ *
+ * Footer: the green band. The name, the `tagline`, the `footerNote` (a blank
+ * line starts a new paragraph, a line break stays a line break, so the
+ * registered charity number, the address and the contact lines keep their
+ * shape), the social profiles with their names; then the footer navigation in
+ * columns: a `submenu-placeholder` (an unlinked item such as "Get involved")
+ * starts a column and names it, the links after it fill it. Under a hairline,
+ * the legal line: the copyright year and the name, beside the host's
+ * `brandingHtml`, placed once, as received. Every `theme@1.4` field renders
+ * only when present.
+ *
+ * Footer widget columns (`theme@1.6`) are one row under the name and the
+ * menu, above the legal line, in the band's own small type; with none, the
+ * footer is exactly what it was before widgets existed.
+ */
+interface FooterGroup {
+    readonly heading: string | null;
+    readonly links: readonly ChromeNavLink[];
+}
+/** The footer menu, split into columns at each unlinked heading. */
+export declare function footerGroups(links: readonly ChromeNavLink[]): readonly FooterGroup[];
 export declare function renderChrome(input: ChromeInput): ChromeResult;
+export {};
 //# sourceMappingURL=chrome.d.ts.map

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;AAgE3B,wBAAgB,YAAY,CAAC,KAAK,EAAE,WAAW,GAAG,YAAY,CA2D7D"}
+{"version":3,"file":"chrome.d.ts","sourceRoot":"","sources":["../../../src/render/chrome.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,WAAW,EAChB,KAAK,aAAa,EAClB,KAAK,YAAY,EAQlB,MAAM,oBAAoB,CAAA;AAG3B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AAEH,UAAU,WAAW;IACnB,QAAQ,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;IAC/B,QAAQ,CAAC,KAAK,EAAE,SAAS,aAAa,EAAE,CAAA;CACzC;AAcD,oEAAoE;AACpE,wBAAgB,YAAY,CAAC,KAAK,EAAE,SAAS,aAAa,EAAE,GAAG,SAAS,WAAW,EAAE,CAYpF;AAmCD,wBAAgB,YAAY,CAAC,KAAK,EAAE,WAAW,GAAG,YAAY,CAiG7D"}