@vit-foundation/ui 0.24.2 → 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/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';

package/dist/content/pages.d.ts

@@ -0,0 +1,64 @@
+import type { EditDescriptor } from '../edit/types.js';
+/**
+ * Page copy: the editorial blocks of a static page, stored per page and
+ * section key in the website's `page_content` table. This module is the
+ * only declaration of which keys each page has — the website's `seed.sql`
+ * supplies their text and its repository integration test asserts the two
+ * agree, so a renamed or dropped row fails that suite instead of silently
+ * rendering nothing. vit-brain's `page-copy-keys.test.ts` pins the same set
+ * against the live table from the other side.
+ *
+ * It lived in fndvit-website's `schemas/page-copy.ts` and was restated in
+ * vit-brain's `mirror.ts` (with the FORMAT each block edits in — that half
+ * stays in brain, ADR-0019). Now that the page modules render from this
+ * package, the keys a page reads are the package's fact: a module indexes
+ * `copy.hero_title`, so the tuple that makes that compile has to live beside
+ * it. Component-free on purpose — `./contract` re-exports it for a host's
+ * `+page.server.ts` and a CMS's producer alike.
+ *
+ * UI chrome (labels, buttons, error messages) is not page copy: it lives in
+ * `UiMessages` and ships with the build.
+ */
+/**
+ * The "why get in touch" blocks, rendered as one list on /get-involved.
+ *
+ * Named because a run of keys being a *group* is a fact about the copy, and it
+ * needs the same single owner the keys themselves have: the page used to
+ * restate these five, so adding a sixth reason here and to the seed left the
+ * page silently ignoring it — no type error, no failing test.
+ */
+export declare const GET_INVOLVED_REASON_KEYS: readonly ["reason_collaborate", "reason_event", "reason_press", "reason_brand", "reason_other"];
+export declare const PAGE_COPY_KEYS: {
+    readonly home: readonly ["hero_title", "hero_subtitle", "milestones_heading", "weeklies_heading", "weeklies_intro", "know_more_heading"];
+    readonly 'what-we-do': readonly ["latest_heading", "collaborations_heading", "collaborations_intro", "passion_heading", "passion_intro"];
+    readonly 'who-we-are': readonly ["team_heading", "team_intro", "board_heading", "board_intro", "collaborators_heading"];
+    readonly weeklies: readonly ["intro"];
+    readonly 'get-involved': readonly ["contact_heading", "contact_intro", "reason_collaborate", "reason_event", "reason_press", "reason_brand", "reason_other", "funding_heading", "funding_body", "careers_heading", "careers_intro"];
+    readonly transparency: readonly ["heading", "intro"];
+    readonly legal: readonly ["heading", "body"];
+};
+/** A page that has editorial copy. Matches the `page_content.page` column. */
+export type PageId = keyof typeof PAGE_COPY_KEYS;
+/** The section keys declared for one page. */
+export type CopyKey<P extends PageId> = (typeof PAGE_COPY_KEYS)[P][number];
+/**
+ * One page's copy, one locale already applied. Every declared key is present:
+ * a row missing from the database resolves to an empty string rather than
+ * `undefined`.
+ *
+ * The page modules do NOT guard for that empty string. It is not a state the
+ * site is meant to render around — the website's repository integration test
+ * asserts that every declared key resolves to non-empty copy, so a dropped or
+ * renamed row fails the suite. Guarding at the render site instead puts the
+ * decision back at every call site, which is what the assertion exists to
+ * avoid (the same answer `CopyIntro` gives).
+ */
+export type PageCopy<P extends PageId> = Record<CopyKey<P>, string>;
+/**
+ * How a page module asks for one copy block's edit descriptor: by the key it
+ * renders, so a module cannot name a block its page does not declare. A
+ * read-only host passes nothing; a CMS answers with a `page-copy` ref for the
+ * locale being edited (vit-brain's `pageCopyEditor`), or `undefined` to leave
+ * one block alone.
+ */
+export type CopyEditFor<P extends PageId> = (key: CopyKey<P>) => EditDescriptor | undefined;