@vit-foundation/ui 0.24.2 → 0.26.0

package/dist/components/pages/WeeklyPage.svelte

@@ -0,0 +1,198 @@
+<script lang="ts">
+	import { getUiConfig } from '../../config/context.js';
+	import type {
+		ArticleEdit,
+		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;
+		/**
+		 * 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.
+		 */
+		edit?: ArticleEdit;
+	}
+
+	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,33 @@
+import type { ArticleEdit, 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;
+    /**
+     * 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.
+     */
+    edit?: ArticleEdit;
+}
+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/Modal.svelte

@@ -1,7 +1,24 @@
 <script lang="ts">
-	import type { Snippet } from 'svelte';
+	import { onMount, type Snippet } from 'svelte';
 	import IconButton from './IconButton.svelte';
 
+	/**
+	 * A modal over the native <dialog>: showModal() traps focus and layers the
+	 * backdrop, the cancel event covers Escape, a backdrop click closes.
+	 *
+	 * The element is NOT part of the server-rendered document. A <dialog> is
+	 * flow content, so wherever a caller mounts one inside phrasing content —
+	 * a LinkEdit inside a <p>, which NewsletterSignup does — the HTML parser
+	 * closes the paragraph early, Svelte reports `node_invalid_placement_ssr`
+	 * on the way out and a hydration mismatch on the way back in, on every
+	 * page that renders the caller. No dialog is open at first paint (opening
+	 * one takes a click), so the server has nothing to say about it; the
+	 * element is created after mount, by script, which the content model does
+	 * not police. Placement is this module's to own — a caller cannot know
+	 * what its parent is — and owning it here fixes every caller at once,
+	 * ConfirmDialog included.
+	 */
+
 	interface Props {
 		open: boolean;
 		title: string;
@@ -16,9 +33,11 @@
 	let { open, title, onclose, closeLabel = 'Tanca', children }: Props = $props();
 
 	let dialog: HTMLDialogElement | undefined = $state();
+	let mounted = $state(false);
+	onMount(() => {
+		mounted = true;
+	});
 
-	// Native <dialog>: showModal() traps focus and layers the backdrop; the
-	// cancel event covers Escape.
 	$effect(() => {
 		if (!dialog) return;
 		if (open && !dialog.open) dialog.showModal();
@@ -32,15 +51,17 @@
 	}
 </script>
 
-<dialog bind:this={dialog} oncancel={onclose} {onclick}>
-	<div class="panel">
-		<div class="top">
-			<h2>{title}</h2>
-			<IconButton icon="close" label={closeLabel} onclick={onclose} />
+{#if mounted}
+	<dialog bind:this={dialog} oncancel={onclose} {onclick}>
+		<div class="panel">
+			<div class="top">
+				<h2>{title}</h2>
+				<IconButton icon="close" label={closeLabel} onclick={onclose} />
+			</div>
+			{@render children()}
 		</div>
-		{@render children()}
-	</div>
-</dialog>
+	</dialog>
+{/if}
 
 <style>
 	dialog {

package/dist/components/ui/Modal.svelte.d.ts

@@ -1,4 +1,20 @@
-import type { Snippet } from 'svelte';
+import { type Snippet } from 'svelte';
+/**
+ * A modal over the native <dialog>: showModal() traps focus and layers the
+ * backdrop, the cancel event covers Escape, a backdrop click closes.
+ *
+ * The element is NOT part of the server-rendered document. A <dialog> is
+ * flow content, so wherever a caller mounts one inside phrasing content —
+ * a LinkEdit inside a <p>, which NewsletterSignup does — the HTML parser
+ * closes the paragraph early, Svelte reports `node_invalid_placement_ssr`
+ * on the way out and a hydration mismatch on the way back in, on every
+ * page that renders the caller. No dialog is open at first paint (opening
+ * one takes a click), so the server has nothing to say about it; the
+ * element is created after mount, by script, which the content model does
+ * not police. Placement is this module's to own — a caller cannot know
+ * what its parent is — and owning it here fixes every caller at once,
+ * ConfirmDialog included.
+ */
 interface Props {
     open: boolean;
     title: string;

package/dist/config/context.d.ts

@@ -1,10 +1,4 @@
 import { type UiConfig, type UiConfigInput } from './types.js';
-/**
- * The provider-less config: identity hrefs, Catalan, no router. Complete on
- * purpose — every component must render without a provider, which is what
- * keeps stories and component tests free of app wiring.
- */
-export declare const DEFAULT_UI_CONFIG: UiConfig;
 /**
  * Installs the app's config for the subtree. Takes a *thunk* so a provider
  * whose input is a reactive prop stays live: the resolved object delegates

package/dist/config/context.js

@@ -8,7 +8,7 @@ const KEY = Symbol.for('@vit-foundation/ui:config');
  * purpose — every component must render without a provider, which is what
  * keeps stories and component tests free of app wiring.
  */
-export const DEFAULT_UI_CONFIG = {
+const DEFAULT_UI_CONFIG = {
     href: (path) => path,
     locale: () => BASE_LOCALE,
     locales: LOCALES,

package/dist/config/index.d.ts

@@ -1,7 +1,7 @@
-export { DEFAULT_UI_CONFIG, getUiConfig, setUiConfig } from './context.js';
+export { getUiConfig, setUiConfig } from './context.js';
 export { defaultEditMessages } from './edit-messages.js';
 export type { EditMessages } from './edit-messages.js';
 export { defaultMessages } from './messages.js';
 export { default as UiProvider } from './UiProvider.svelte';
 export { BASE_LOCALE, LOCALES } from './types.js';
-export type { Locale, NotParameterized, ParameterizedKey, ParameterlessKey, SiteLink, UiConfig, UiConfigInput, UiMessages } from './types.js';
+export type { Locale, NotParameterized, ParameterlessKey, SiteLink, UiConfig, UiConfigInput, UiMessages } from './types.js';

package/dist/config/index.js

@@ -1,4 +1,4 @@
-export { DEFAULT_UI_CONFIG, getUiConfig, setUiConfig } from './context.js';
+export { getUiConfig, setUiConfig } from './context.js';
 export { defaultEditMessages } from './edit-messages.js';
 export { defaultMessages } from './messages.js';
 export { default as UiProvider } from './UiProvider.svelte';

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',