@vit-foundation/ui 0.24.1 → 0.25.0

package/dist/components/pages/WeeklyPage.svelte

@@ -0,0 +1,203 @@
+<script module lang="ts">
+	import type { ArticleEdit } from '../../content/types.js';
+
+	/**
+	 * What a CMS may open on a weekly's own page: title, excerpt, and the body
+	 * as rich text. The «Dades i fonts» and «Segueix explorant» headings and
+	 * the back link edit through `config.messageEdit` over their own keys.
+	 */
+	export type WeeklyPageEdit = ArticleEdit;
+</script>
+
+<script lang="ts">
+	import { getUiConfig } from '../../config/context.js';
+	import type {
+		CommentThreadData,
+		ReactionSummary,
+		WeeklyArticleData,
+		WeeklyCardData
+	} from '../../content/types.js';
+	import ActionLabel from '../../edit/ActionLabel.svelte';
+	import Editable from '../../edit/Editable.svelte';
+	import PageShell from '../layout/PageShell.svelte';
+	import DateText from '../ui/DateText.svelte';
+	import Link from '../ui/Link.svelte';
+	import RichText from '../ui/RichText.svelte';
+	import ShareRow from '../ui/ShareRow.svelte';
+	import CommentSection, { type CommentFormInstance } from '../weeklies/CommentSection.svelte';
+	import ReactionBar, { type ReactionBarForms } from '../weeklies/ReactionBar.svelte';
+	import WeeklieCard from '../weeklies/WeeklieCard.svelte';
+
+	/**
+	 * A weekly's own page: number and date, title, excerpt, the square hero,
+	 * the body, Instagram and sources, share, reactions, comments, and the
+	 * related weeklies. The community forms arrive preflighted by the host —
+	 * the website's remote forms, a CMS mirror's inert mocks — and
+	 * `isLoggedIn` is the host's auth answer; those are the props the hosts
+	 * fill differently. `related` is its own prop because vit-brain loads it
+	 * apart from the weekly, where the website nests it.
+	 */
+	interface Props {
+		weekly: WeeklyArticleData;
+		related: WeeklyCardData[];
+		comments: CommentThreadData[];
+		reactions: ReactionSummary[];
+		isLoggedIn: boolean;
+		/** The main comment box, preflighted; see CommentSection. */
+		commentForm: CommentFormInstance;
+		/** One preflighted instance per reply box; see CommentSection. */
+		replyFormFor: (threadId: string) => CommentFormInstance;
+		reactionForms: ReactionBarForms;
+		edit?: WeeklyPageEdit;
+	}
+
+	let {
+		weekly,
+		related,
+		comments,
+		reactions,
+		isLoggedIn,
+		commentForm,
+		replyFormFor,
+		reactionForms,
+		edit
+	}: Props = $props();
+
+	const config = getUiConfig();
+	const msg = $derived(config.messages);
+</script>
+
+<PageShell title={weekly.title} description={weekly.excerpt} variant="reading">
+	<p class="back">
+		<ActionLabel edit={config.messageEdit?.('back_label')} value={msg.back_label()}>
+			{#snippet control()}
+				<Link href="/weeklies">← {msg.back_label()}</Link>
+			{/snippet}
+		</ActionLabel>
+	</p>
+
+	<header>
+		<p class="meta">
+			<span class="number">{msg.weeklie_number({ number: weekly.number })}</span>
+			<DateText value={weekly.publishedOn} />
+		</p>
+		<Editable edit={edit?.title} value={weekly.title}>
+			{#snippet children(text, attrs)}<h1 {...attrs}>{text}</h1>{/snippet}
+		</Editable>
+		<Editable edit={edit?.excerpt} value={weekly.excerpt}>
+			{#snippet children(text, attrs)}<p class="excerpt" {...attrs}>{text}</p>{/snippet}
+		</Editable>
+	</header>
+
+	<img class="hero" src={weekly.imageUrl} alt="" width="600" height="600" />
+
+	{#if weekly.body}
+		<RichText body={weekly.body} edit={edit?.body} />
+	{/if}
+
+	{#if weekly.instagramUrl}
+		<p><a href={weekly.instagramUrl} rel="external noopener">Instagram ↗</a></p>
+	{/if}
+
+	{#if weekly.sources.length > 0}
+		<section aria-labelledby="sources-heading">
+			<Editable edit={config.messageEdit?.('weeklie_sources')} value={msg.weeklie_sources()}>
+				{#snippet children(text, attrs)}
+					<h2 class="subsection-heading" id="sources-heading" {...attrs}>{text}</h2>
+				{/snippet}
+			</Editable>
+			<ul>
+				{#each weekly.sources as source (source.url)}
+					<li><a href={source.url} rel="external noopener">{source.label}</a></li>
+				{/each}
+			</ul>
+		</section>
+	{/if}
+
+	<ShareRow title={weekly.title} />
+
+	<ReactionBar
+		{reactions}
+		target={{ kind: 'weekly', slug: weekly.slug }}
+		{isLoggedIn}
+		forms={reactionForms}
+	/>
+
+	<CommentSection
+		{comments}
+		weeklySlug={weekly.slug}
+		{isLoggedIn}
+		{commentForm}
+		{replyFormFor}
+		{reactionForms}
+	/>
+
+	{#if related.length > 0}
+		<section aria-labelledby="related-heading">
+			<Editable
+				edit={config.messageEdit?.('weeklie_keepExploring')}
+				value={msg.weeklie_keepExploring()}
+			>
+				{#snippet children(text, attrs)}
+					<h2 class="subsection-heading" id="related-heading" {...attrs}>{text}</h2>
+				{/snippet}
+			</Editable>
+			<div class="related">
+				{#each related as card (card.slug)}
+					<WeeklieCard weekly={card} />
+				{/each}
+			</div>
+		</section>
+	{/if}
+</PageShell>
+
+<style>
+	.back :global(a) {
+		text-decoration: none;
+		color: var(--color-ink-secondary);
+	}
+
+	.meta {
+		display: flex;
+		gap: var(--space-3);
+		color: var(--color-ink-muted);
+		font-size: var(--text-sm);
+		margin: 0;
+	}
+
+	.number {
+		font-weight: 700;
+		color: var(--color-brand);
+	}
+
+	h1 {
+		margin: var(--space-2) 0;
+	}
+
+	.excerpt {
+		font-size: var(--text-lg);
+		color: var(--color-ink-secondary);
+	}
+
+	.hero {
+		border-radius: var(--radius-lg);
+		margin-block: var(--space-4);
+		background: var(--color-band-grey);
+		width: 100%;
+		max-width: 32rem;
+	}
+
+	ul {
+		padding-left: var(--space-4);
+	}
+
+	a {
+		color: var(--color-brand);
+	}
+
+	.related {
+		display: grid;
+		grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
+		gap: var(--space-4);
+	}
+</style>

package/dist/components/pages/WeeklyPage.svelte.d.ts

@@ -0,0 +1,35 @@
+import type { ArticleEdit } from '../../content/types.js';
+/**
+ * What a CMS may open on a weekly's own page: title, excerpt, and the body
+ * as rich text. The «Dades i fonts» and «Segueix explorant» headings and
+ * the back link edit through `config.messageEdit` over their own keys.
+ */
+export type WeeklyPageEdit = ArticleEdit;
+import type { CommentThreadData, ReactionSummary, WeeklyArticleData, WeeklyCardData } from '../../content/types.js';
+import { type CommentFormInstance } from '../weeklies/CommentSection.svelte';
+import { type ReactionBarForms } from '../weeklies/ReactionBar.svelte';
+/**
+ * A weekly's own page: number and date, title, excerpt, the square hero,
+ * the body, Instagram and sources, share, reactions, comments, and the
+ * related weeklies. The community forms arrive preflighted by the host —
+ * the website's remote forms, a CMS mirror's inert mocks — and
+ * `isLoggedIn` is the host's auth answer; those are the props the hosts
+ * fill differently. `related` is its own prop because vit-brain loads it
+ * apart from the weekly, where the website nests it.
+ */
+interface Props {
+    weekly: WeeklyArticleData;
+    related: WeeklyCardData[];
+    comments: CommentThreadData[];
+    reactions: ReactionSummary[];
+    isLoggedIn: boolean;
+    /** The main comment box, preflighted; see CommentSection. */
+    commentForm: CommentFormInstance;
+    /** One preflighted instance per reply box; see CommentSection. */
+    replyFormFor: (threadId: string) => CommentFormInstance;
+    reactionForms: ReactionBarForms;
+    edit?: WeeklyPageEdit;
+}
+declare const WeeklyPage: import("svelte").Component<Props, {}, "">;
+type WeeklyPage = ReturnType<typeof WeeklyPage>;
+export default WeeklyPage;

package/dist/components/pages/WhatWeDoPage.svelte

@@ -0,0 +1,107 @@
+<script module lang="ts">
+	import type { CopyEditFor } from '../../content/pages.js';
+	import type { ProjectCardData } from '../../content/types.js';
+	import type { ProjectEditMap } from '../projects/ProjectCard.svelte';
+
+	/** What a CMS may open on /what-we-do; `projectFor` answers per card by its `id`. */
+	export interface WhatWeDoPageEdit {
+		copy?: CopyEditFor<'what-we-do'>;
+		projectFor?: (project: ProjectCardData) => ProjectEditMap | undefined;
+	}
+</script>
+
+<script lang="ts">
+	import { getUiConfig } from '../../config/context.js';
+	import type { PageCopy } from '../../content/pages.js';
+	import Editable from '../../edit/Editable.svelte';
+	import PageShell from '../layout/PageShell.svelte';
+	import ProjectCard from '../projects/ProjectCard.svelte';
+	import CopyIntro from '../ui/CopyIntro.svelte';
+
+	/**
+	 * The projects page: a showcase of the latest project, the collaborations
+	 * as wide rows, the passion projects as a grid. The three groups are the
+	 * website's load's (`getLatest`, one `list(kind)` each); a host that
+	 * groups differently (vit-brain's `projectSections`) answers the same
+	 * three props.
+	 */
+	interface Props {
+		content: PageCopy<'what-we-do'>;
+		/** The showcase slot; `null`/absent renders no «Últim projecte» band. */
+		latest?: ProjectCardData | null;
+		collaborations: ProjectCardData[];
+		passion: ProjectCardData[];
+		edit?: WhatWeDoPageEdit;
+	}
+
+	let { content, latest = null, collaborations, passion, edit }: Props = $props();
+
+	const config = getUiConfig();
+	const msg = $derived(config.messages);
+</script>
+
+<PageShell title={msg.nav_whatWeDo()}>
+	<Editable edit={config.messageEdit?.('nav_whatWeDo')} value={msg.nav_whatWeDo()}>
+		{#snippet children(text, attrs)}<h1 {...attrs}>{text}</h1>{/snippet}
+	</Editable>
+
+	{#if latest}
+		<section class="latest" aria-labelledby="latest-heading">
+			<Editable edit={edit?.copy?.('latest_heading')} value={content.latest_heading}>
+				{#snippet children(text, attrs)}
+					<h2 class="section-heading" id="latest-heading" {...attrs}>{text}</h2>
+				{/snippet}
+			</Editable>
+			<ProjectCard project={latest} variant="wide" edit={edit?.projectFor?.(latest)} />
+		</section>
+	{/if}
+
+	<section aria-labelledby="collaborations-heading">
+		<Editable edit={edit?.copy?.('collaborations_heading')} value={content.collaborations_heading}>
+			{#snippet children(text, attrs)}
+				<h2 class="section-heading" id="collaborations-heading" {...attrs}>
+					{text}
+				</h2>
+			{/snippet}
+		</Editable>
+		<CopyIntro text={content.collaborations_intro} edit={edit?.copy?.('collaborations_intro')} />
+		<div class="stack">
+			{#each collaborations as project (project.slug)}
+				<ProjectCard {project} variant="wide" edit={edit?.projectFor?.(project)} />
+			{/each}
+		</div>
+	</section>
+
+	<section aria-labelledby="passion-heading">
+		<Editable edit={edit?.copy?.('passion_heading')} value={content.passion_heading}>
+			{#snippet children(text, attrs)}
+				<h2 class="section-heading" id="passion-heading" {...attrs}>{text}</h2>
+			{/snippet}
+		</Editable>
+		<CopyIntro text={content.passion_intro} edit={edit?.copy?.('passion_intro')} />
+		<div class="grid">
+			{#each passion as project (project.slug)}
+				<ProjectCard {project} variant="grid" edit={edit?.projectFor?.(project)} />
+			{/each}
+		</div>
+	</section>
+</PageShell>
+
+<style>
+	.latest {
+		padding-block-end: var(--space-4);
+		border-bottom: 1px solid var(--color-hairline);
+	}
+
+	.stack {
+		display: flex;
+		flex-direction: column;
+		gap: var(--space-5);
+	}
+
+	.grid {
+		display: grid;
+		grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));
+		gap: var(--space-5) var(--space-4);
+	}
+</style>

package/dist/components/pages/WhatWeDoPage.svelte.d.ts

@@ -0,0 +1,27 @@
+import type { CopyEditFor } from '../../content/pages.js';
+import type { ProjectCardData } from '../../content/types.js';
+import type { ProjectEditMap } from '../projects/ProjectCard.svelte';
+/** What a CMS may open on /what-we-do; `projectFor` answers per card by its `id`. */
+export interface WhatWeDoPageEdit {
+    copy?: CopyEditFor<'what-we-do'>;
+    projectFor?: (project: ProjectCardData) => ProjectEditMap | undefined;
+}
+import type { PageCopy } from '../../content/pages.js';
+/**
+ * The projects page: a showcase of the latest project, the collaborations
+ * as wide rows, the passion projects as a grid. The three groups are the
+ * website's load's (`getLatest`, one `list(kind)` each); a host that
+ * groups differently (vit-brain's `projectSections`) answers the same
+ * three props.
+ */
+interface Props {
+    content: PageCopy<'what-we-do'>;
+    /** The showcase slot; `null`/absent renders no «Últim projecte» band. */
+    latest?: ProjectCardData | null;
+    collaborations: ProjectCardData[];
+    passion: ProjectCardData[];
+    edit?: WhatWeDoPageEdit;
+}
+declare const WhatWeDoPage: import("svelte").Component<Props, {}, "">;
+type WhatWeDoPage = ReturnType<typeof WhatWeDoPage>;
+export default WhatWeDoPage;

package/dist/components/pages/WhoWeArePage.svelte

@@ -0,0 +1,108 @@
+<script module lang="ts">
+	import type { CopyEditFor } from '../../content/pages.js';
+	import type { CollaboratorData, TeamMemberData } from '../../content/types.js';
+	import type { CollectionRef } from '../../edit/types.js';
+	import type { CollaboratorEditMap } from '../team/CollaboratorList.svelte';
+	import type { TeamMemberEditMap } from '../team/TeamMemberCard.svelte';
+
+	/**
+	 * What a CMS may open on /who-we-are. `memberFor` answers per row, so a
+	 * host reads the identity it put on `TeamMemberData.id`; `collaborators`
+	 * names the list's collection, which turns on its add slot and removes.
+	 */
+	export interface WhoWeArePageEdit {
+		copy?: CopyEditFor<'who-we-are'>;
+		memberFor?: (member: TeamMemberData) => TeamMemberEditMap | undefined;
+		collaboratorFor?: (collaborator: CollaboratorData) => CollaboratorEditMap | undefined;
+		collaborators?: CollectionRef;
+	}
+</script>
+
+<script lang="ts">
+	import { getUiConfig } from '../../config/context.js';
+	import type { PageCopy } from '../../content/pages.js';
+	import Editable from '../../edit/Editable.svelte';
+	import PageShell from '../layout/PageShell.svelte';
+	import CollaboratorList from '../team/CollaboratorList.svelte';
+	import TeamMemberCard from '../team/TeamMemberCard.svelte';
+	import CopyIntro from '../ui/CopyIntro.svelte';
+
+	/**
+	 * The team page: the featured members, the board, the collaborators. The
+	 * split into `featured` and `board` is the website's load's (one `isBoard`
+	 * filter each), so the module takes the two lists rather than re-deciding.
+	 */
+	interface Props {
+		content: PageCopy<'who-we-are'>;
+		featured: TeamMemberData[];
+		board: TeamMemberData[];
+		collaborators: CollaboratorData[];
+		edit?: WhoWeArePageEdit;
+	}
+
+	let { content, featured, board, collaborators, edit }: Props = $props();
+
+	const config = getUiConfig();
+	const msg = $derived(config.messages);
+</script>
+
+<PageShell title={msg.nav_whoWeAre()}>
+	<Editable edit={config.messageEdit?.('nav_whoWeAre')} value={msg.nav_whoWeAre()}>
+		{#snippet children(text, attrs)}<h1 {...attrs}>{text}</h1>{/snippet}
+	</Editable>
+
+	<section aria-labelledby="team-heading">
+		<Editable edit={edit?.copy?.('team_heading')} value={content.team_heading}>
+			{#snippet children(text, attrs)}
+				<h2 class="section-heading" id="team-heading" {...attrs}>{text}</h2>
+			{/snippet}
+		</Editable>
+		<CopyIntro text={content.team_intro} edit={edit?.copy?.('team_intro')} />
+		<div class="featured">
+			{#each featured as member (member.slug)}
+				<TeamMemberCard {member} variant="featured" edit={edit?.memberFor?.(member)} />
+			{/each}
+		</div>
+	</section>
+
+	<section aria-labelledby="board-heading">
+		<Editable edit={edit?.copy?.('board_heading')} value={content.board_heading}>
+			{#snippet children(text, attrs)}
+				<h2 class="section-heading" id="board-heading" {...attrs}>{text}</h2>
+			{/snippet}
+		</Editable>
+		<CopyIntro text={content.board_intro} edit={edit?.copy?.('board_intro')} />
+		<div class="board">
+			{#each board as member (member.slug)}
+				<TeamMemberCard {member} variant="board" edit={edit?.memberFor?.(member)} />
+			{/each}
+		</div>
+	</section>
+
+	<section aria-labelledby="collaborators-heading">
+		<Editable edit={edit?.copy?.('collaborators_heading')} value={content.collaborators_heading}>
+			{#snippet children(text, attrs)}
+				<h2 class="section-heading" id="collaborators-heading" {...attrs}>{text}</h2>
+			{/snippet}
+		</Editable>
+		<CollaboratorList
+			{collaborators}
+			editFor={edit?.collaboratorFor}
+			collection={edit?.collaborators}
+		/>
+	</section>
+</PageShell>
+
+<style>
+	.featured {
+		display: grid;
+		grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
+		gap: var(--space-4);
+	}
+
+	.board {
+		display: grid;
+		grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr));
+		gap: var(--space-4);
+	}
+</style>

package/dist/components/pages/WhoWeArePage.svelte.d.ts

@@ -0,0 +1,32 @@
+import type { CopyEditFor } from '../../content/pages.js';
+import type { CollaboratorData, TeamMemberData } from '../../content/types.js';
+import type { CollectionRef } from '../../edit/types.js';
+import type { CollaboratorEditMap } from '../team/CollaboratorList.svelte';
+import type { TeamMemberEditMap } from '../team/TeamMemberCard.svelte';
+/**
+ * What a CMS may open on /who-we-are. `memberFor` answers per row, so a
+ * host reads the identity it put on `TeamMemberData.id`; `collaborators`
+ * names the list's collection, which turns on its add slot and removes.
+ */
+export interface WhoWeArePageEdit {
+    copy?: CopyEditFor<'who-we-are'>;
+    memberFor?: (member: TeamMemberData) => TeamMemberEditMap | undefined;
+    collaboratorFor?: (collaborator: CollaboratorData) => CollaboratorEditMap | undefined;
+    collaborators?: CollectionRef;
+}
+import type { PageCopy } from '../../content/pages.js';
+/**
+ * The team page: the featured members, the board, the collaborators. The
+ * split into `featured` and `board` is the website's load's (one `isBoard`
+ * filter each), so the module takes the two lists rather than re-deciding.
+ */
+interface Props {
+    content: PageCopy<'who-we-are'>;
+    featured: TeamMemberData[];
+    board: TeamMemberData[];
+    collaborators: CollaboratorData[];
+    edit?: WhoWeArePageEdit;
+}
+declare const WhoWeArePage: import("svelte").Component<Props, {}, "">;
+type WhoWeArePage = ReturnType<typeof WhoWeArePage>;
+export default WhoWeArePage;

package/dist/components/ui/Logo.svelte

@@ -9,16 +9,32 @@
 	let { size = 32, withWordmark = false }: Props = $props();
 </script>
 
+<!--
+	The mark is ALWAYS decorative. It carries no accessible name of its own, in
+	either branch, because at every call site something else already supplies
+	one — and when it tried, it doubled.
+
+	`withWordmark` used to flip three accessibility facts together:
+	`aria-hidden`, `role="img"` and the presence of `<title>`. With the wordmark
+	on, the mark was named "Brain VIT" AND the wordmark rendered the same string
+	beside it, so a screen reader announced the name twice on all three of
+	Brain's sign-in pages. Inverting the branch does not help: with the wordmark
+	off, the rail already names it through `<a aria-label="Home">` and the print
+	sheet sits it beside an `<h1>`, so naming the mark there doubles at the other
+	end.
+
+	Which leaves one honest rule — never name it — and the naming stays where
+	the context is: the visible wordmark below, the anchor around it, or the
+	heading beside it. `Logo.svelte.test.ts` pins both branches.
+-->
 <span class="logo">
 	<svg
 		viewBox="0 0 48 56"
 		width={size * (48 / 56)}
 		height={size}
-		aria-hidden={withWordmark ? undefined : true}
-		role={withWordmark ? 'img' : undefined}
+		aria-hidden="true"
 		focusable="false"
 	>
-		{#if withWordmark}<title>Brain VIT</title>{/if}
 		<path
 			d="M25 2c11.6 0 21 9.4 21 21 0 6.9-3.3 13-8.5 16.8V54H17v-9h-4.5A4.5 4.5 0 0 1 8 40.5V34H4.2c-1.7 0-2.7-1.9-1.7-3.3L8 22.4C9 11 16.2 2 25 2Z"
 			fill="currentColor"

package/dist/config/messages.js

@@ -105,6 +105,28 @@ export const defaultMessages = {
     category_education: () => 'Educació',
     category_collaboration: () => 'Col·laboració',
     category_press: () => 'Premsa',
+    nav_whoWeAre: () => 'Qui som',
+    nav_whatWeDo: () => 'Què fem',
+    nav_getInvolved: () => "Implica-t'hi",
+    nav_weeklies: () => 'Weeklies',
+    common_seeAll: () => 'Mostra-ho tot',
+    common_seeAllHref: () => '/transparency',
+    cta_meetTeam: () => "Coneix l'equip",
+    cta_meetTeamHref: () => '/who-we-are',
+    cta_contactUs: () => "Contacta'ns",
+    cta_contactUsHref: () => '/get-involved',
+    weeklies_searchPlaceholder: () => 'Cerca un tema…',
+    weeklies_exploreOne: () => "…o explora'n un d'aquests",
+    weeklies_filterLabel: () => 'Filtra per tema',
+    weeklies_searchResultsLabel: () => 'Resultats de la cerca',
+    weeklies_loadError: () => "No s'han pogut carregar els resultats. Torna-ho a provar.",
+    weeklies_empty: () => 'No hem trobat cap weekly amb aquests criteris.',
+    timeline_searchPlaceholder: () => 'Què hem estat fent?',
+    timeline_filterLabel: () => 'Filtra per categoria',
+    timeline_empty: () => 'No hem trobat cap fita amb aquests criteris.',
+    back_label: () => 'Torna enrere',
+    weeklie_sources: () => 'Dades i fonts',
+    weeklie_keepExploring: () => 'Segueix explorant',
     status_published: () => 'Publicat',
     status_draft: () => 'Esborrany',
     status_open: () => 'Oberta',

package/dist/config/types.d.ts

@@ -149,6 +149,42 @@ export interface UiMessages {
     category_education(): string;
     category_collaboration(): string;
     category_press(): string;
+    /**
+     * The wording the PAGE MODULES read (`components/pages/*`), REQUIRED like
+     * every key but the *Href pair above.
+     *
+     * ⚠ Adding them was a compile-break for any host whose `messages` object
+     * lacked one — `messages` is all-or-nothing (see ./messages.js), so a
+     * catalog that compiled against 0.24 stops compiling here rather than
+     * rendering a hole. Both hosts already carried every key (the website's
+     * Paraglide catalog, vit-brain's `ui_messages` table) because the nine
+     * route files read them by hand before the pages moved in; the only thing
+     * that changed is that the package now names what it reads. The four
+     * `*Href` keys are destinations edited as wording (fndvit-website#11) —
+     * a link's text and address are one editorial gesture, so both are keys.
+     */
+    nav_whoWeAre(): string;
+    nav_whatWeDo(): string;
+    nav_getInvolved(): string;
+    nav_weeklies(): string;
+    common_seeAll(): string;
+    common_seeAllHref(): string;
+    cta_meetTeam(): string;
+    cta_meetTeamHref(): string;
+    cta_contactUs(): string;
+    cta_contactUsHref(): string;
+    weeklies_searchPlaceholder(): string;
+    weeklies_exploreOne(): string;
+    weeklies_filterLabel(): string;
+    weeklies_searchResultsLabel(): string;
+    weeklies_loadError(): string;
+    weeklies_empty(): string;
+    timeline_searchPlaceholder(): string;
+    timeline_filterLabel(): string;
+    timeline_empty(): string;
+    back_label(): string;
+    weeklie_sources(): string;
+    weeklie_keepExploring(): string;
     /**
      * Editorial state, as the panel's `flag` rows word it: a card's
      * published/draft pair, an opening's open/closed pair. Catalog keys rather

package/dist/content/index.d.ts

@@ -1,4 +1,6 @@
 export { renderBody } from './richtext.js';
 export type { RichTextBlock } from './richtext.js';
+export { GET_INVOLVED_REASON_KEYS, PAGE_COPY_KEYS } from './pages.js';
+export type { CopyEditFor, CopyKey, PageCopy, PageId } from './pages.js';
 export { COMMENT_STATUSES, CONTACT_CATEGORIES, MILESTONE_CATEGORIES, PROJECT_KINDS, REACTIONS } from './types.js';
-export type { CollaboratorData, CommentData, CommentThreadData, CommentStatus, ContactCategory, FieldConstraint, FormFailReason, JobOpeningData, MilestoneCategory, MilestoneData, ProjectCardData, ProjectKind, Reaction, ReactionSummary, ReactionTarget, SortDirection, TeamMemberData, WeeklyCardData } from './types.js';
+export type { ArticleEdit, CollaboratorData, CommentData, CommentThreadData, CommentStatus, ContactCategory, FieldConstraint, FormFailReason, JobOpeningData, MilestoneCategory, MilestoneData, ProjectArticleData, ProjectCardData, ProjectKind, Reaction, ReactionSummary, ReactionTarget, SortDirection, TeamMemberData, ThemeData, WeeklyArticleData, WeeklyCardData, WeeklySourceData } from './types.js';

package/dist/content/index.js

@@ -1,2 +1,3 @@
 export { renderBody } from './richtext.js';
+export { GET_INVOLVED_REASON_KEYS, PAGE_COPY_KEYS } from './pages.js';
 export { COMMENT_STATUSES, CONTACT_CATEGORIES, MILESTONE_CATEGORIES, PROJECT_KINDS, REACTIONS } from './types.js';