@cogenta/theme-entreprise 1.1.2 → 1.3.3

package/dist/src/render/render-block.js

@@ -1,5 +1,5 @@
 import { VOCABULARY_NAMES } from '@cogenta/blocks';
-import { h, pageHasOwnHeading, renderEntryHeader, resolveBlockForRender, withBlockKey, withBlockVariant, } from '@cogenta/theme-kit';
+import { h, pageHasOwnHeading, providedBlockNode, renderEntryHeader, resolveBlockForRender, withBlockKey, withBlockVariant, } from '@cogenta/theme-kit';
 import { renderAccordion } from './blocks/accordion.js';
 import { renderCollectionList } from './blocks/collection-list.js';
 import { renderCta } from './blocks/cta.js';
@@ -19,6 +19,12 @@ import { renderStats } from './blocks/stats.js';
 import { renderTestimonial } from './blocks/testimonial.js';
 export { pageHasOwnHeading, renderEntryHeader, withBlockKey };
 export function renderBlock(block, ctx, entries = {}, registry) {
+    // A block a plugin provides arrives already rendered by the host, in a
+    // process of its own (contract D theme@1.7). Nothing else in this theme
+    // needs to know such blocks exist.
+    const provided = providedBlockNode(block, ctx);
+    if (provided !== null)
+        return withBlockVariant(provided, block.variant);
     // `block`'s type says `VocabularyBlock`, but the value crossing this
     // boundary from stored content is not always literally one of the shared
     // vocabulary — resolving here is what turns an unimplemented theme-private
@@ -82,6 +88,21 @@ function renderKnownBlock(known, ctx, entries) {
         }
     }
 }
+/** Below this, a reading time says nothing a reader can use. */
+const MIN_READING_MINUTES_SHOWN = 3;
+/**
+ * A practice page or a short case study announcing "1 min read" reads like a
+ * blog, not like a firm: this theme shows a reading time only for a long
+ * read. The rest of the entry furniture is passed through untouched.
+ */
+function withoutShortReadingTime(page) {
+    const entry = page.entry;
+    if (entry?.readingMinutes === undefined || entry.readingMinutes >= MIN_READING_MINUTES_SHOWN) {
+        return page;
+    }
+    const { readingMinutes: _short, ...rest } = entry;
+    return { ...page, entry: rest };
+}
 /**
  * `<main id="cg-main">` is mandatory: it is the skip-link's target, written
  * once by `@cogenta/cli`'s `theme-render.ts` outside any theme's control.
@@ -100,7 +121,7 @@ function renderKnownBlock(known, ctx, entries) {
  * exactly as for every other one.
  */
 export function renderPage(page, ctx, entries = {}, registry) {
-    const entryHeader = renderEntryHeader(page, ctx);
+    const entryHeader = renderEntryHeader(withoutShortReadingTime(page), ctx);
     return h('main', { class: 'cg-main', id: 'cg-main' }, entryHeader, entryHeader === null && !pageHasOwnHeading(page.blocks)
         ? h('h1', { class: 'cg-page__title' }, page.title)
         : null, page.blocks.map((block) => withBlockKey(renderBlock(block, ctx, entries, registry), block._key)));

package/dist/src/render/render-block.js.map

@@ -1 +1 @@
-{"version":3,"file":"render-block.js","sourceRoot":"","sources":["../../../src/render/render-block.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"render-block.js","sourceRoot":"","sources":["../../../src/render/render-block.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,gBAAgB,EAAwB,MAAM,iBAAiB,CAAA;AAC5F,OAAO,EAGL,CAAC,EAED,iBAAiB,EACjB,iBAAiB,EAEjB,iBAAiB,EACjB,qBAAqB,EACrB,YAAY,EACZ,gBAAgB,GACjB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAA;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AAG3D,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,YAAY,EAAE,CAAA;AAE7D,MAAM,UAAU,WAAW,CACzB,KAAsB,EACtB,GAAkB,EAClB,OAAO,GAAmB,EAAE,EAC5B,QAAwB;IAExB,uEAAuE;IACvE,wEAAwE;IACxE,mCAAmC;IACnC,MAAM,QAAQ,GAAG,iBAAiB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAA;IAC9C,IAAI,QAAQ,KAAK,IAAI;QAAE,OAAO,gBAAgB,CAAC,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,CAAA;IACvE,qEAAqE;IACrE,yEAAyE;IACzE,2EAA2E;IAC3E,qEAAqE;IACrE,MAAM,QAAQ,GAAG,qBAAqB,CAAC,KAAK,EAAE,gBAAgB,EAAE,QAAQ,CAAC,CAAA;IACzE,IAAI,QAAQ,KAAK,IAAI;QAAE,OAAO,IAAI,CAAA;IAClC,MAAM,KAAK,GAAG,QAAsC,CAAA;IACpD,wEAAwE;IACxE,uEAAuE;IACvE,0EAA0E;IAC1E,4EAA4E;IAC5E,OAAO,gBAAgB,CAAC,gBAAgB,CAAC,KAAK,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAA;AAC/E,CAAC;AAED,SAAS,gBAAgB,CACvB,KAAsB,EACtB,GAAkB,EAClB,OAAuB;IAEvB,QAAQ,KAAK,CAAC,KAAK,EAAE,CAAC;QACpB,KAAK,MAAM;YACT,OAAO,UAAU,CAAC,KAAK,EAAE,GAAG,CAAC,CAAA;QAC/B,KAAK,OAAO;YACV,OAAO,WAAW,CAAC,KAAK,EAAE,GAAG,CAAC,CAAA;QAChC,KAAK,aAAa;YAChB,OAAO,iBAAiB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAA;QACtC,KAAK,aAAa;YAChB,OAAO,iBAAiB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAA;QACtC,KAAK,KAAK;YACR,OAAO,SAAS,CAAC,KAAK,EAAE,GAAG,CAAC,CAAA;QAC9B,KAAK,SAAS;YACZ,OAAO,aAAa,CAAC,KAAK,EAAE,GAAG,CAAC,CAAA;QAClC,KAAK,OAAO;YACV,OAAO,WAAW,CAAC,KAAK,EAAE,GAAG,CAAC,CAAA;QAChC,KAAK,KAAK;YACR,OAAO,SAAS,CAAC,KAAK,EAAE,GAAG,CAAC,CAAA;QAC9B,KAAK,OAAO;YACV,OAAO,WAAW,CAAC,KAAK,EAAE,GAAG,CAAC,CAAA;QAChC,KAAK,OAAO;YACV,OAAO,WAAW,CAAC,KAAK,EAAE,GAAG,CAAC,CAAA;QAChC,KAAK,gBAAgB;YACnB,OAAO,oBAAoB,CAAC,KAAK,EAAE,GAAG,EAAE,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAA;QACpE,KAAK,OAAO;YACV,OAAO,WAAW,CAAC,KAAK,EAAE,GAAG,CAAC,CAAA;QAChC,KAAK,aAAa;YAChB,OAAO,iBAAiB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAA;QACtC,KAAK,cAAc;YACjB,OAAO,kBAAkB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAA;QACvC,KAAK,WAAW;YACd,OAAO,eAAe,CAAC,KAAK,EAAE,GAAG,CAAC,CAAA;QACpC,KAAK,aAAa;YAChB,OAAO,iBAAiB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAA;QACtC,KAAK,WAAW;YACd,OAAO,eAAe,CAAC,KAAK,EAAE,GAAG,CAAC,CAAA;QACpC,SAAS,CAAC;YACR,uEAAuE;YACvE,sEAAsE;YACtE,sEAAsE;YACtE,qEAAqE;YACrE,oEAAoE;YACpE,mBAAmB;YACnB,MAAM,WAAW,GAAU,KAAK,CAAA;YAChC,KAAK,WAAW,CAAA;YAChB,OAAO,IAAI,CAAA;QACb,CAAC;IACH,CAAC;AACH,CAAC;AAED,gEAAgE;AAChE,MAAM,yBAAyB,GAAG,CAAC,CAAA;AAEnC;;;;GAIG;AACH,SAAS,uBAAuB,CAAC,IAAiB;IAChD,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAA;IACxB,IAAI,KAAK,EAAE,cAAc,KAAK,SAAS,IAAI,KAAK,CAAC,cAAc,IAAI,yBAAyB,EAAE,CAAC;QAC7F,OAAO,IAAI,CAAA;IACb,CAAC;IACD,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IACjD,OAAO,EAAE,GAAG,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,CAAA;AACjC,CAAC;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,UAAU,UAAU,CACxB,IAAiB,EACjB,GAAkB,EAClB,OAAO,GAAmB,EAAE,EAC5B,QAAwB;IAExB,MAAM,WAAW,GAAG,iBAAiB,CAAC,uBAAuB,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAA;IACzE,OAAO,CAAC,CACN,MAAM,EACN,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,EACnC,WAAW,EACX,WAAW,KAAK,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,MAAM,CAAC;QACrD,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC;QAClD,CAAC,CAAC,IAAI,EACR,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CACxB,YAAY,CAAC,WAAW,CAAC,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,CACrE,CACF,CAAA;AACH,CAAC"}

package/dist/src/render/term-archive.d.ts

@@ -1,12 +1,14 @@
 import { type HtmlElement, type TermArchiveInput } from '@cogenta/theme-kit';
 /**
- * The taxonomy-term archive (contract D `theme@1.3`) — a resource index.
+ * The taxonomy-term archive (contract D `theme@1.3`): an index, set the way a
+ * firm lists its work by sector.
  *
- * Built from the same `cg-list__row` rows `collectionList` already renders
- * here: a date rail on the left, the title and its summary on the right,
- * which is the shape a B2B insights or resources index takes. Reusing the
- * block's own classes is what keeps an archive looking like the rest of the
- * site without a second stylesheet to maintain.
+ * A breadcrumb in small capitals, the term as the page title in the display
+ * serif, its sub-terms as a ruled line of links, then one hairline row per
+ * entry: the title on the left half of the grid, the summary on the right,
+ * the date (when there is one) in the margin. `TermArchiveEntry` carries no
+ * picture, so this is a typographic index by design rather than a grid of
+ * cards with empty image slots.
  */
 export declare function renderTermArchive(input: TermArchiveInput): HtmlElement;
 //# sourceMappingURL=term-archive.d.ts.map

package/dist/src/render/term-archive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"term-archive.d.ts","sourceRoot":"","sources":["../../../src/render/term-archive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAK,KAAK,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAE/E;;;;;;;;GAQG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,gBAAgB,GAAG,WAAW,CAsDtE"}
+{"version":3,"file":"term-archive.d.ts","sourceRoot":"","sources":["../../../src/render/term-archive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAK,KAAK,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAG/E;;;;;;;;;;GAUG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,gBAAgB,GAAG,WAAW,CAuDtE"}

package/dist/src/render/term-archive.js

@@ -1,26 +1,32 @@
 import { h } from '@cogenta/theme-kit';
+import { monthYear } from './layout.js';
 /**
- * The taxonomy-term archive (contract D `theme@1.3`) — a resource index.
+ * The taxonomy-term archive (contract D `theme@1.3`): an index, set the way a
+ * firm lists its work by sector.
  *
- * Built from the same `cg-list__row` rows `collectionList` already renders
- * here: a date rail on the left, the title and its summary on the right,
- * which is the shape a B2B insights or resources index takes. Reusing the
- * block's own classes is what keeps an archive looking like the rest of the
- * site without a second stylesheet to maintain.
+ * A breadcrumb in small capitals, the term as the page title in the display
+ * serif, its sub-terms as a ruled line of links, then one hairline row per
+ * entry: the title on the left half of the grid, the summary on the right,
+ * the date (when there is one) in the margin. `TermArchiveEntry` carries no
+ * picture, so this is a typographic index by design rather than a grid of
+ * cards with empty image slots.
  */
 export function renderTermArchive(input) {
-    const rows = input.entries.map((entry) => h('li', { class: 'cg-list__row' }, entry.publishedAt === null
+    const rows = input.entries.map((entry) => {
+        const date = entry.publishedAt === null ? null : monthYear(entry.publishedAt, input.locale);
+        return h('li', { class: 'cg-index__row' }, h('h2', { class: 'cg-index__title' }, entry.href === null
+            ? entry.title
+            : h('a', { class: 'cg-index__link', href: entry.href }, entry.title)), entry.summary === null ? null : h('p', { class: 'cg-index__summary' }, entry.summary), entry.publishedAt === null || date === null
+            ? null
+            : h('time', { class: 'cg-index__date', datetime: entry.publishedAt }, date));
+    });
+    return h('main', { class: 'cg-main cg-archive', id: 'cg-main' }, h('div', { class: 'cg-container cg-archive__inner' }, input.ancestors.length === 0
         ? null
-        : h('time', { class: 'cg-list__date', datetime: entry.publishedAt }, entry.publishedAt.slice(0, 10)), h('div', { class: 'cg-list__body' }, h('h2', { class: 'cg-list__title' }, entry.href === null
-        ? entry.title
-        : h('a', { class: 'cg-list__link', href: entry.href }, entry.title)), entry.summary === null ? null : h('p', { class: 'cg-list__excerpt' }, entry.summary))));
-    return h('main', { class: 'cg-main cg-archive', id: 'cg-main' }, input.ancestors.length === 0
+        : h('nav', { class: 'cg-archive__breadcrumb', 'aria-label': input.labels.breadcrumb }, h('ol', {}, ...input.ancestors.map((link) => h('li', {}, h('a', { href: link.href }, link.label))))), h('h1', { class: 'cg-archive__title' }, input.term.label), input.children.length === 0
         ? null
-        : h('nav', { class: 'cg-archive__breadcrumb', 'aria-label': input.labels.breadcrumb }, h('ol', {}, ...input.ancestors.map((l) => h('li', {}, h('a', { href: l.href }, l.label))))), h('h1', { class: 'cg-list__title-heading' }, input.term.label), input.children.length === 0
-        ? null
-        : h('ul', { class: 'cg-archive__children', 'aria-label': input.labels.subterms }, ...input.children.map((c) => h('li', {}, h('a', { href: c.href }, c.label)))), rows.length === 0
-        ? h('p', { class: 'cg-list__empty' }, input.labels.empty)
-        : h('ul', { class: 'cg-list__items' }, ...rows), pager(input));
+        : h('ul', { class: 'cg-archive__children', 'aria-label': input.labels.subterms }, ...input.children.map((child) => h('li', {}, h('a', { href: child.href }, child.label)))), rows.length === 0
+        ? h('p', { class: 'cg-archive__empty' }, input.labels.empty)
+        : h('ol', { class: 'cg-index' }, ...rows), pager(input)));
 }
 function pager(input) {
     if (input.page.previousHref === null && input.page.nextHref === null)

package/dist/src/render/term-archive.js.map

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

package/dist/src/render/widget-areas.d.ts

@@ -0,0 +1,13 @@
+/**
+ * The widget areas this theme names (contract D `theme@1.6`). Declaring them
+ * is what tells the host this theme draws the footer columns inside its own
+ * footer; the page areas are placed by the host in the shared
+ * `cg-sidebar-layout` markup, which `styles/widgets.css` sets as the side
+ * column of a firm's report.
+ */
+export declare const widgetAreas: readonly {
+    readonly id: string;
+    readonly label: string;
+    readonly description?: string;
+}[];
+//# sourceMappingURL=widget-areas.d.ts.map

package/dist/src/render/widget-areas.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"widget-areas.d.ts","sourceRoot":"","sources":["../../../src/render/widget-areas.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,EAAE,SAAS;IACjC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAC9B,EAWA,CAAA"}

package/dist/src/render/widget-areas.js

@@ -0,0 +1,20 @@
+/**
+ * The widget areas this theme names (contract D `theme@1.6`). Declaring them
+ * is what tells the host this theme draws the footer columns inside its own
+ * footer; the page areas are placed by the host in the shared
+ * `cg-sidebar-layout` markup, which `styles/widgets.css` sets as the side
+ * column of a firm's report.
+ */
+export const widgetAreas = [
+    {
+        id: 'sidebar',
+        label: 'Side column',
+        description: 'Beside a case study, a practice, a sector and search results.',
+    },
+    {
+        id: 'content-after',
+        label: 'Under the text',
+        description: 'After a case study, a practice or a page, before the comments.',
+    },
+];
+//# sourceMappingURL=widget-areas.js.map

package/dist/src/render/widget-areas.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"widget-areas.js","sourceRoot":"","sources":["../../../src/render/widget-areas.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,WAAW,GAIlB;IACJ;QACE,EAAE,EAAE,SAAS;QACb,KAAK,EAAE,aAAa;QACpB,WAAW,EAAE,+DAA+D;KAC7E;IACD;QACE,EAAE,EAAE,eAAe;QACnB,KAAK,EAAE,gBAAgB;QACvB,WAAW,EAAE,gEAAgE;KAC9E;CACF,CAAA"}

package/dist/theme.config.js

@@ -14,8 +14,8 @@ import { defineTheme } from '@cogenta/render';
  */
 export default defineTheme({
     name: 'entreprise',
-    version: '1.1.0',
-    description: 'A confident, premium B2B theme: structured typography, real KPI/impact sections, a genuine dark mode.',
+    version: '1.2.0',
+    description: 'A management consultancy theme: Newsreader and Hanken Grotesk on a twelve-column grid, hairlines instead of boxes, one green accent and a designed dark mode.',
     author: 'Cogenta',
     engine: '^1.0.0',
     blocks: '^2.0.0',

package/dist/theme.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.config.js","sourceRoot":"","sources":["../theme.config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAE7C;;;;;;;;;;;;GAYG;AACH,eAAe,WAAW,CAAC;IACzB,IAAI,EAAE,YAAY;IAClB,OAAO,EAAE,OAAO;IAChB,WAAW,EACT,uGAAuG;IACzG,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;IAChB,UAAU,EAAE;QACV,MAAM;QACN,OAAO;QACP,aAAa;QACb,aAAa;QACb,KAAK;QACL,SAAS;QACT,OAAO;QACP,KAAK;QACL,OAAO;QACP,OAAO;QACP,gBAAgB;QAChB,OAAO;QACP,aAAa;QACb,cAAc;QACd,WAAW;QACX,aAAa;QACb,WAAW;KACZ;IACD,WAAW,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC;IAChC,OAAO,EAAE,QAAQ;IACjB,MAAM,EAAE,eAAe;IACvB,IAAI,EAAE,EAAE,QAAQ,EAAE,aAAa,EAAE;CAClC,CAAC,CAAA"}
+{"version":3,"file":"theme.config.js","sourceRoot":"","sources":["../theme.config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAE7C;;;;;;;;;;;;GAYG;AACH,eAAe,WAAW,CAAC;IACzB,IAAI,EAAE,YAAY;IAClB,OAAO,EAAE,OAAO;IAChB,WAAW,EACT,+JAA+J;IACjK,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;IAChB,UAAU,EAAE;QACV,MAAM;QACN,OAAO;QACP,aAAa;QACb,aAAa;QACb,KAAK;QACL,SAAS;QACT,OAAO;QACP,KAAK;QACL,OAAO;QACP,OAAO;QACP,gBAAgB;QAChB,OAAO;QACP,aAAa;QACb,cAAc;QACd,WAAW;QACX,aAAa;QACb,WAAW;KACZ;IACD,WAAW,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC;IAChC,OAAO,EAAE,QAAQ;IACjB,MAAM,EAAE,eAAe;IACvB,IAAI,EAAE,EAAE,QAAQ,EAAE,aAAa,EAAE;CAClC,CAAC,CAAA"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cogenta/theme-entreprise",
-  "version": "1.1.2",
-  "description": "A confident, premium B2B theme for Cogenta: structured typography, real KPI/impact sections, a genuine dark mode, and zero client JavaScript.",
+  "version": "1.3.3",
+  "description": "A management consultancy theme for Cogenta: an editorial twelve-column grid, Newsreader and Hanken Grotesk, hairlines instead of boxes, a designed dark mode, and zero client JavaScript.",
   "license": "MPL-2.0",
   "type": "module",
   "sideEffects": false,
@@ -36,9 +36,9 @@
     "directory": "packages/theme-entreprise"
   },
   "dependencies": {
-    "@cogenta/blocks": "1.0.3",
-    "@cogenta/theme-kit": "0.3.2",
-    "@cogenta/render": "0.2.3"
+    "@cogenta/render": "0.3.5",
+    "@cogenta/blocks": "1.1.3",
+    "@cogenta/theme-kit": "0.5.3"
   },
   "peerDependencies": {
     "astro": "^7.2.1"

package/src/index.ts

@@ -13,3 +13,4 @@ export * from './render/blocks/stats.js'
 export * from './render/chrome.js'
 export * from './render/render-block.js'
 export * from './render/term-archive.js'
+export * from './render/widget-areas.js'

package/src/render/blocks/accordion.ts

@@ -7,54 +7,59 @@ import {
   type RenderContext,
   renderRichText,
 } from '@cogenta/theme-kit'
+import { ordinal, section } from '../layout.js'
 
 /**
- * `blocks@2.0` (RFC 0001). Reuses `faq`'s zero-JS `<details>`/`<summary>`
- * mechanics — expanding, keyboard operation and the expanded state
- * announced to assistive technology all come from the browser — but with a
- * markup vocabulary and class names of its own (`cg-panels`, not
- * `cg-faq`) so the two blocks can diverge visually later without one
- * depending on the other: "accordion" and "frequently asked question" are
- * different editorial intents even where the underlying question/answer
- * shape coincides.
+ * `blocks@2.0` (RFC 0001). The same zero-JavaScript `<details>`/`<summary>`
+ * mechanics as `faq`, laid out for a different intent: a specification or a
+ * method in numbered steps, across the full grid. The title sits above the
+ * list rather than beside it, each row carries its ordinal in the left
+ * column, and the open panel's text lines up with the question it answers.
  *
- * Where `faq` numbers its rows, this one reads as a stack of bordered
- * panels with a rotating chevron mark, closer to a features/specification
- * accordion than a support page.
+ * Class names are its own (`cg-accordion`, not `cg-faq`) so the two blocks
+ * can diverge without one depending on the other.
  */
-function renderItem(item: AccordionItem, ctx: RenderContext): HtmlElement {
+function renderItem(item: AccordionItem, index: number, ctx: RenderContext): HtmlElement {
   return h(
     'li',
-    { class: 'cg-panels__item' },
+    { class: 'cg-accordion__item' },
     h(
       'details',
-      { class: 'cg-panels__details' },
+      { class: 'cg-accordion__details' },
       h(
         'summary',
-        { class: 'cg-panels__question' },
-        h('span', { class: 'cg-panels__question-text' }, item.question),
-        h('span', { class: 'cg-panels__chevron', 'aria-hidden': 'true' }),
+        { class: 'cg-accordion__question' },
+        h('span', { class: 'cg-accordion__index', 'aria-hidden': 'true' }, ordinal(index)),
+        h('span', { class: 'cg-accordion__question-text' }, item.question),
+        h('span', { class: 'cg-toggle-mark', 'aria-hidden': 'true' }),
       ),
-      h('div', { class: 'cg-panels__answer' }, renderRichText(ctx, item.answer)),
+      h('div', { class: 'cg-accordion__answer' }, renderRichText(ctx, item.answer)),
     ),
   )
 }
 
 export function renderAccordion(block: AccordionBlock, ctx: RenderContext): HtmlElement {
-  return h(
+  return section(
     'section',
-    { class: 'cg-panels', 'data-block': 'accordion' },
+    'accordion',
+    'cg-accordion',
+    {},
+    'div',
     block.title === undefined
       ? null
-      : heading(
-          blockHeadingTag('accordion') ?? 'h2',
-          { class: 'cg-panels__title', 'data-field': 'title' },
-          block.title,
+      : h(
+          'div',
+          { class: 'cg-head' },
+          heading(
+            blockHeadingTag('accordion') ?? 'h2',
+            { class: 'cg-head__title', 'data-field': 'title' },
+            block.title,
+          ),
         ),
     h(
-      'ul',
-      { class: 'cg-panels__items' },
-      block.items.map((item) => renderItem(item, ctx)),
+      'ol',
+      { class: 'cg-accordion__items' },
+      block.items.map((item, index) => renderItem(item, index, ctx)),
     ),
   )
 }

package/src/render/blocks/collection-list.ts

@@ -16,62 +16,90 @@ import {
   type RenderContext,
   renderImageSource,
 } from '@cogenta/theme-kit'
+import { arrow, monthYear, ordinal, section } from '../layout.js'
 
 /**
- * The only block of the seventeen that reads data at render time — contract B
- * marks it `runtime: 'server'` for that reason. The read is *not* done
- * here: `query` builds the request from the block's own fields
- * (`@cogenta/theme-kit`'s `buildCollectionListQuery`, shared across every
- * theme), the caller awaits `ctx.content.list(...)` before rendering
- * starts, and this function stays a pure function of the entries handed to
- * it.
+ * The only block of the seventeen that reads data at render time (contract B
+ * marks it `runtime: 'server'`). The read is not done here: `query` builds
+ * the request from the block's own fields, the caller awaits
+ * `ctx.content.list(...)` before rendering starts, and this function stays a
+ * pure function of the entries handed to it.
  */
 export { buildCollectionListQuery as query }
 
 /**
- * A card in every layout: a 16:9 cover on top (`entryImage`, the same
- * `coverImage`/`cover`/… convention every entry-carrying block on this site
- * reads), then title and excerpt below it — the "services/insights card"
- * register a B2B site's listing pages use, replacing the previous ledger
- * row (a date rail beside plain text, no visual at all). An entry with no
- * image still renders a complete card; the cover slot is simply absent
- * rather than a placeholder box standing in for one.
+ * Three designed layouts, one markup per entry:
+ *
+ * - `list` is the case-study register: alternating rows, the picture on
+ *   seven columns and the text on four, swapping sides from one row to the
+ *   next. An entry with no picture becomes a typographic row (title left,
+ *   summary right) under the same hairline, never a row with a hole in it.
+ * - `grid` is an editorial index in three columns: a 3:2 picture, a hairline,
+ *   the title in the display serif and its summary. No card border, no lift
+ *   on hover.
+ * - `carousel` is the grid's item in a scroll-snapping, focusable row.
+ *
+ * The picture link is hidden from assistive technology and from the tab
+ * order: it goes where the title link goes, and one link per entry is what
+ * a keyboard or screen reader user should meet.
  */
-function renderCover(entry: ContentEntry, ctx: RenderContext): HtmlElement | null {
-  const cover = entryImage(entry, ctx)
-  if (cover === undefined) return null
+function renderPicture(entry: ContentEntry, ctx: RenderContext, url: string): HtmlElement | null {
+  const picture = entryImage(entry, ctx)
+  if (picture === undefined) return null
   return h(
-    'span',
-    { class: 'cg-list__cover' },
-    renderImageSource(cover, { className: 'cg-list__cover-image', loading: 'lazy' }),
+    'a',
+    { class: 'cg-entry__media', href: url, tabindex: '-1', 'aria-hidden': 'true' },
+    renderImageSource(picture, {
+      className: 'cg-entry__image',
+      loading: 'lazy',
+      sizes: '(min-width: 64rem) 55vw, 100vw',
+    }),
   )
 }
 
-function renderEntry(entry: ContentEntry, ctx: RenderContext, tag: HeadingTag): HtmlElement {
-  const date = entryDate(entry)
+function renderEntry(
+  entry: ContentEntry,
+  index: number,
+  ctx: RenderContext,
+  tag: HeadingTag,
+): HtmlElement {
+  const url = entryHref(entry, ctx)
   const excerpt = entryExcerpt(entry)
+  // Only a declared publication date is shown: `entryDate` falls back to
+  // `createdAt`, and the day a record was typed in is not a date a reader of
+  // a case study or a practice page is owed.
+  const iso = typeof entry.publishedAt === 'string' ? entryDate(entry) : undefined
+  const date = iso === undefined ? null : monthYear(iso, ctx.locale)
+  const picture = renderPicture(entry, ctx, url)
   return h(
     'li',
-    { class: 'cg-list__row' },
-    renderCover(entry, ctx),
+    { class: 'cg-entry', 'data-media': picture === null ? 'none' : 'present' },
+    picture,
     h(
       'div',
-      { class: 'cg-list__body' },
+      { class: 'cg-entry__body' },
+      h(
+        'p',
+        { class: 'cg-entry__meta' },
+        h('span', { class: 'cg-entry__index', 'aria-hidden': 'true' }, ordinal(index)),
+        iso === undefined || date === null
+          ? null
+          : h('time', { class: 'cg-entry__date', datetime: iso }, date),
+      ),
+      // The title is the link, and the arrow sits inline after its last word
+      // inside the same link: a bare arrow on a line of its own reads as a
+      // placeholder, not as a way into the case study.
       heading(
         tag,
-        { class: 'cg-list__title' },
-        h('a', { class: 'cg-list__link', href: entryHref(entry, ctx) }, entryTitle(entry, ctx)),
+        { class: 'cg-entry__title' },
+        h(
+          'a',
+          { class: 'cg-entry__link', href: url },
+          h('span', { class: 'cg-entry__link-text' }, entryTitle(entry, ctx)),
+          h('span', { class: 'cg-entry__arrow', 'aria-hidden': 'true' }, arrow()),
+        ),
       ),
-      excerpt === undefined ? null : h('p', { class: 'cg-list__excerpt' }, excerpt),
-      date === undefined
-        ? null
-        : h(
-            'time',
-            { class: 'cg-list__date', datetime: date },
-            new Intl.DateTimeFormat(ctx.locale, { month: 'short', day: '2-digit' }).format(
-              new Date(date),
-            ),
-          ),
+      excerpt === undefined ? null : h('p', { class: 'cg-entry__excerpt' }, excerpt),
     ),
   )
 }
@@ -85,32 +113,35 @@ export function renderCollectionList(
   const entryTag = nestedHeadingTag('collectionList', hasTitle)
   const items =
     entries.length === 0
-      ? h('p', { class: 'cg-list__empty' }, ctx.t('collection.empty'))
+      ? h('p', { class: 'cg-collection__empty' }, ctx.t('collection.empty'))
       : h(
-          'ul',
-          { class: 'cg-list__items' },
-          entries.map((entry) => renderEntry(entry, ctx, entryTag)),
+          block.layout === 'list' ? 'ol' : 'ul',
+          { class: 'cg-collection__items', 'data-count': String(Math.min(entries.length, 4)) },
+          entries.map((entry, index) => renderEntry(entry, index, ctx, entryTag)),
         )
 
-  return h(
+  return section(
     'section',
-    {
-      class: 'cg-list',
-      'data-block': 'collectionList',
-      'data-layout': block.layout,
-    },
+    'collectionList',
+    'cg-collection',
+    { 'data-layout': block.layout },
+    'div',
     hasTitle
-      ? heading(
-          blockHeadingTag('collectionList') ?? 'h2',
-          { class: 'cg-list__title-heading', 'data-field': 'title' },
-          block.title ?? '',
+      ? h(
+          'div',
+          { class: 'cg-head' },
+          heading(
+            blockHeadingTag('collectionList') ?? 'h2',
+            { class: 'cg-head__title', 'data-field': 'title' },
+            block.title ?? '',
+          ),
         )
       : null,
-    block.layout === 'carousel'
+    block.layout === 'carousel' && entries.length > 0
       ? h(
           'div',
           {
-            class: 'cg-list__viewport',
+            class: 'cg-collection__viewport',
             role: 'region',
             'aria-label': block.title ?? ctx.t('collection.carousel'),
             tabindex: '0',

package/src/render/blocks/cta.ts

@@ -7,42 +7,41 @@ import {
   heading,
   type RenderContext,
 } from '@cogenta/theme-kit'
+import { section } from '../layout.js'
 
 /**
- * A full-width flat band, not a garish sales strip: the ask on the left and
- * the action on the right, separated by a vertical rule on wide screens —
- * the layout a serious B2B site uses for "talk to us", never centred copy
- * stacked above a button. `.cg-banner__inner` re-centres the ask/action
- * pair to the page's own measure while the flat tinted fill itself goes
- * edge to edge (`blocks.css`).
+ * The ink band: the one dark plane on a light page, edge to edge.
+ *
+ * The ask is set in the display serif across the left eight columns, the
+ * supporting line beneath it, and the actions sit in the right-hand columns
+ * on the band's baseline. In dark mode the band becomes the raised ink
+ * surface between two hairlines, so it keeps its role without inverting.
  */
 export function renderCta(block: CtaBlock, ctx: RenderContext): HtmlElement {
-  return h(
+  return section(
     'section',
-    { class: 'cg-banner', 'data-block': 'cta' },
+    'cta',
+    'cg-cta',
+    {},
+    'div',
     h(
       'div',
-      { class: 'cg-banner__inner' },
-      h(
-        'div',
-        { class: 'cg-banner__content' },
-        heading(
-          blockHeadingTag('cta') ?? 'h2',
-          { class: 'cg-banner__title', 'data-field': 'title' },
-          block.title,
-        ),
-        block.text === undefined
-          ? null
-          : h('p', { class: 'cg-banner__text', 'data-field': 'text' }, block.text),
-      ),
-      h(
-        'div',
-        { class: 'cg-banner__actions' },
-        // `actions` is required and non-empty for a `cta`, so the list is
-        // always rendered; the null branch stays reachable only through
-        // invalid data.
-        actionList(ctx, block.actions, block.title),
+      { class: 'cg-cta__copy' },
+      heading(
+        blockHeadingTag('cta') ?? 'h2',
+        { class: 'cg-cta__title', 'data-field': 'title' },
+        block.title,
       ),
+      block.text === undefined
+        ? null
+        : h('p', { class: 'cg-cta__text', 'data-field': 'text' }, block.text),
+    ),
+    h(
+      'div',
+      { class: 'cg-cta__actions' },
+      // `actions` is required and non-empty for a `cta`; the null branch is
+      // reachable only through invalid data.
+      actionList(ctx, block.actions, block.title),
     ),
   )
 }