@vit-foundation/ui 0.25.0 → 0.27.0

package/README.md

@@ -25,11 +25,11 @@ Everything exports flat from the root, and again grouped by role:
 | Entry point                                                     | What lives there                                                                                                                                                                                                                                                                  |
 | --------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
 | [`/primitives`](./docs/components/primitives.md)                | Button, GhostButton, Link, CardMedia, CardTitle, CopyIntro, DateText, DecorShapes, FilterChips, Pagination, RichText, SearchInput, ShareRow                                                                                                                                       |
-| [`/forms`](./docs/forms.md)                                     | Field, FormFeedback, FormErrorFeedback, FormResultSlot, Honeypot, LocaleField, NewsletterIntentField — plus the remote-form seam: structural types, transport constants, field bounds                                                                                             |
+| [`/forms`](./docs/forms.md)                                     | Field, SelectField, TextField, FormFeedback, FormErrorFeedback, FormResultSlot, Honeypot, LocaleField, NewsletterIntentField — plus the remote-form seam: structural types, transport constants, field bounds                                                                     |
 | [`/chrome`](./docs/components/chrome.md)                        | PageShell, Nav, Footer                                                                                                                                                                                                                                                            |
 | [`/content`](./docs/components/content.md)                      | WeeklieCard, ProjectCard, Timeline, TimelineMilestone, TeamMemberCard, CollaboratorList, JobList, SortSelect, the nine page modules (HomePage … WeeklyPage) — plus the data shapes, the page-copy vocabulary, helpers and the two list rules (createWeeklyList, createUrlFilters) |
 | [`/community`](./docs/components/community.md)                  | AuthPageShell, LoginForm, SignupForm, GoogleAuthForm, AccountPanel, NewsletterSignup, CommentSection, ReactionBar, ContactForm                                                                                                                                                    |
-| [`/edit`](./docs/edit-mode.md)                                  | Editable, setEditAdapter/getEditAdapter, descriptors and helpers, collectionEditing, LocalizedText                                                                                                                                                                                |
+| [`/edit`](./docs/edit-mode.md)                                  | Editable, setEditAdapter(adapter, EDIT_CHROME)/getEditAdapter, descriptors and helpers, collectionEditing, LocalizedText                                                                                                                                                          |
 | [`/config`](./docs/getting-started.md#wiring-an-app-uiprovider) | UiProvider, UiConfig, the locale set, the default Catalan messages                                                                                                                                                                                                                |
 | `/contract`                                                     | The component-free half: LOCALES, BASE_LOCALE, localize, REACTIONS, PAGE_COPY_KEYS and the edit-descriptor types — the one subpath a host may import from SERVER code                                                                                                             |
 | `/testing`                                                      | createRemoteFormMock — the remote-form stand-in for stories and tests                                                                                                                                                                                                             |

package/dist/community.d.ts

@@ -3,9 +3,18 @@
  * and contact. Every one takes its remote form(s) as required props — the
  * host app owns schemas and preflight; see ./forms for the seam's types.
  */
-export * from './components/account/index.js';
-export * from './components/auth/index.js';
-export * from './components/contact/index.js';
+export { default as AccountPanel } from './components/account/AccountPanel.svelte';
+export type { DeleteAccountFormInstance, LogoutFormInstance, NewsletterToggleFormInstance, UpdateNameFormInstance } from './components/account/AccountPanel.svelte';
+export { default as NewsletterSignup } from './components/account/NewsletterSignup.svelte';
+export { default as AuthPageShell } from './components/auth/AuthPageShell.svelte';
+export { default as GoogleAuthForm } from './components/auth/GoogleAuthForm.svelte';
+export type { GoogleLoginFormInstance } from './components/auth/GoogleAuthForm.svelte';
+export { default as LoginForm } from './components/auth/LoginForm.svelte';
+export type { LoginFormInstance, MagicLinkFormInstance } from './components/auth/LoginForm.svelte';
+export { default as SignupForm } from './components/auth/SignupForm.svelte';
+export type { SignupFormInstance } from './components/auth/SignupForm.svelte';
+export { default as ContactForm } from './components/contact/ContactForm.svelte';
+export type { ContactFormInstance } from './components/contact/ContactForm.svelte';
 export { default as CommentSection } from './components/weeklies/CommentSection.svelte';
 export type { CommentFormInstance } from './components/weeklies/CommentSection.svelte';
 export { default as ReactionBar } from './components/weeklies/ReactionBar.svelte';

package/dist/community.js

@@ -3,8 +3,12 @@
  * and contact. Every one takes its remote form(s) as required props — the
  * host app owns schemas and preflight; see ./forms for the seam's types.
  */
-export * from './components/account/index.js';
-export * from './components/auth/index.js';
-export * from './components/contact/index.js';
+export { default as AccountPanel } from './components/account/AccountPanel.svelte';
+export { default as NewsletterSignup } from './components/account/NewsletterSignup.svelte';
+export { default as AuthPageShell } from './components/auth/AuthPageShell.svelte';
+export { default as GoogleAuthForm } from './components/auth/GoogleAuthForm.svelte';
+export { default as LoginForm } from './components/auth/LoginForm.svelte';
+export { default as SignupForm } from './components/auth/SignupForm.svelte';
+export { default as ContactForm } from './components/contact/ContactForm.svelte';
 export { default as CommentSection } from './components/weeklies/CommentSection.svelte';
 export { default as ReactionBar } from './components/weeklies/ReactionBar.svelte';

package/dist/components/pages/ProjectPage.svelte

@@ -1,13 +1,6 @@
-<script module lang="ts">
-	import type { ArticleEdit } from '../../content/types.js';
-
-	/** What a CMS may open on a project's own page: title, excerpt, and the body as rich text. */
-	export type ProjectPageEdit = ArticleEdit;
-</script>
-
 <script lang="ts">
 	import { getUiConfig } from '../../config/context.js';
-	import type { ProjectArticleData } from '../../content/types.js';
+	import type { ArticleEdit, ProjectArticleData } from '../../content/types.js';
 	import ActionLabel from '../../edit/ActionLabel.svelte';
 	import Editable from '../../edit/Editable.svelte';
 	import PageShell from '../layout/PageShell.svelte';
@@ -24,7 +17,8 @@
 	 */
 	interface Props {
 		project: ProjectArticleData;
-		edit?: ProjectPageEdit;
+		/** What a CMS may open on a project's own page: title, excerpt, and the body as rich text. */
+		edit?: ArticleEdit;
 	}
 
 	let { project, edit }: Props = $props();

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

@@ -1,7 +1,4 @@
-import type { ArticleEdit } from '../../content/types.js';
-/** What a CMS may open on a project's own page: title, excerpt, and the body as rich text. */
-export type ProjectPageEdit = ArticleEdit;
-import type { ProjectArticleData } from '../../content/types.js';
+import type { ArticleEdit, ProjectArticleData } from '../../content/types.js';
 /**
  * A project's story: date, title, excerpt, hero image, the rich-text body
  * with a share row, and — when the project points somewhere — a preview
@@ -10,7 +7,8 @@ import type { ProjectArticleData } from '../../content/types.js';
  */
 interface Props {
     project: ProjectArticleData;
-    edit?: ProjectPageEdit;
+    /** What a CMS may open on a project's own page: title, excerpt, and the body as rich text. */
+    edit?: ArticleEdit;
 }
 declare const ProjectPage: import("svelte").Component<Props, {}, "">;
 type ProjectPage = ReturnType<typeof ProjectPage>;

package/dist/components/pages/WeeklyPage.svelte

@@ -1,17 +1,7 @@
-<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 {
+		ArticleEdit,
 		CommentThreadData,
 		ReactionSummary,
 		WeeklyArticleData,
@@ -48,7 +38,12 @@
 		/** One preflighted instance per reply box; see CommentSection. */
 		replyFormFor: (threadId: string) => CommentFormInstance;
 		reactionForms: ReactionBarForms;
-		edit?: WeeklyPageEdit;
+		/**
+		 * 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 {

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

@@ -1,11 +1,4 @@
-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 { ArticleEdit, CommentThreadData, ReactionSummary, WeeklyArticleData, WeeklyCardData } from '../../content/types.js';
 import { type CommentFormInstance } from '../weeklies/CommentSection.svelte';
 import { type ReactionBarForms } from '../weeklies/ReactionBar.svelte';
 /**
@@ -28,7 +21,12 @@ interface Props {
     /** One preflighted instance per reply box; see CommentSection. */
     replyFormFor: (threadId: string) => CommentFormInstance;
     reactionForms: ReactionBarForms;
-    edit?: WeeklyPageEdit;
+    /**
+     * 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>;

package/dist/components/ui/Icon.svelte

@@ -10,6 +10,10 @@
 			'M5 7h14M10 7V5a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2m3 0v12a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1V7m3 4v6m4-6v6',
 		duplicate: 'M9 9h10v12H9zM5 15V3h10',
 		plus: 'M12 5v14M5 12h14',
+		/* A month sheet: body, its two hanging tabs, and the rule under the
+		   weekday row. One subpath list, like `trash` and `logout`. */
+		calendar:
+			'M5 6h14a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1zM4 10.5h16M8.5 3.5V6M15.5 3.5V6',
 		'chevron-right': 'M9 5l7 7-7 7',
 		'chevron-left': 'M15 5l-7 7 7 7',
 		close: 'M6 6l12 12M18 6L6 18',

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

@@ -8,6 +8,7 @@ declare const PATHS: {
     readonly trash: "M5 7h14M10 7V5a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2m3 0v12a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1V7m3 4v6m4-6v6";
     readonly duplicate: "M9 9h10v12H9zM5 15V3h10";
     readonly plus: "M12 5v14M5 12h14";
+    readonly calendar: "M5 6h14a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1zM4 10.5h16M8.5 3.5V6M15.5 3.5V6";
     readonly 'chevron-right': "M9 5l7 7-7 7";
     readonly 'chevron-left': "M15 5l-7 7 7 7";
     readonly close: "M6 6l12 12M18 6L6 18";

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/components/ui/SelectField.svelte

@@ -0,0 +1,207 @@
+<script lang="ts" module>
+	/** One option row. `value` is what the control carries: a string, always. */
+	export interface SelectOption {
+		value: string;
+		label: string;
+		disabled?: boolean;
+	}
+</script>
+
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import type { HTMLSelectAttributes } from 'svelte/elements';
+
+	/**
+	 * A labelled `<select>` — `TextField`'s sibling for a choice out of a list.
+	 *
+	 * The package had none, so eleven call sites across the two hosts each grew
+	 * their own. That produced four spellings of ONE navy pill, a second box
+	 * skin whose corner radius was hard-coded past `--radius` because the admin
+	 * theme sets that token to `999px`, and two incompatible ways of reporting
+	 * the same refusal: the user editor wires `aria-invalid` and
+	 * `aria-describedby`, while the record field one module over announced its
+	 * rejection with a bare `role="alert()"` and left the control unmarked. A
+	 * control that cannot be rendered unwired is the point here, the way
+	 * `Field`'s snippet is.
+	 *
+	 * The value is a STRING and stays one. Both hosts had already converged on
+	 * that independently — a `<select>` binds a string, and a year, a row id or
+	 * a boolean flag becomes itself again in the one adapter that reads it — so
+	 * a value type here would fork the component per caller.
+	 */
+	interface Props {
+		label: string;
+		id: string;
+		/**
+		 * How it presents itself. Three, which is what the call sites were:
+		 *
+		 * - `field` — labelled box, the default.
+		 * - `pill` — filled navy, for a toolbar beside a heading.
+		 * - `bare` — box, label to the screen reader only, for inline chrome
+		 *   that already reads as labelled by what surrounds it.
+		 */
+		variant?: 'field' | 'pill' | 'bare';
+		/** Label beside the control rather than above it — a toolbar row. */
+		inline?: boolean;
+		value?: string;
+		required?: boolean;
+		disabled?: boolean;
+		/**
+		 * The leading option. `disabled` makes it a placeholder the reader must
+		 * choose past; without it the empty value is selectable and MEANS
+		 * something — "No manager", "every table".
+		 */
+		placeholder?: { label: string; disabled?: boolean };
+		/** Options whose labels are data. Use `children` when a label is computed. */
+		options?: readonly SelectOption[];
+		children?: Snippet;
+		error?: string | null;
+		/** Standing help. Described alongside an error rather than replaced by it. */
+		hint?: string | null;
+		/**
+		 * Beside the binding, not instead of it: the callers that need one are
+		 * coercing the string (a year to a number) or acting on the choice (a
+		 * template applied, a draft committed).
+		 */
+		onchange?: (value: string) => void;
+		/**
+		 * A remote field's `.as('select')` attachment, spread instead of bound —
+		 * the same branch `TextField` takes, so a remote form does not route
+		 * around this module and re-declare the skin.
+		 */
+		attributes?: HTMLSelectAttributes;
+		/** Native form submit: the browser posts under this name. */
+		name?: string;
+	}
+
+	let {
+		label,
+		id,
+		variant = 'field',
+		inline = false,
+		value = $bindable(''),
+		required = false,
+		disabled = false,
+		placeholder,
+		options,
+		children,
+		error = null,
+		hint = null,
+		onchange,
+		attributes,
+		name
+	}: Props = $props();
+
+	/** Both ids when both are showing: an error does not hide standing help. */
+	const describedBy = $derived(
+		[error ? `${id}-error` : null, hint ? `${id}-hint` : null].filter(Boolean).join(' ') ||
+			undefined
+	);
+
+	const shared = $derived({
+		id,
+		name,
+		required,
+		disabled,
+		'aria-invalid': error ? true : undefined,
+		'aria-describedby': describedBy
+	});
+</script>
+
+{#snippet body()}
+	{#if placeholder}
+		<option value="" disabled={placeholder.disabled}>{placeholder.label}</option>
+	{/if}
+	{#each options ?? [] as option (option.value)}
+		<option value={option.value} disabled={option.disabled}>{option.label}</option>
+	{/each}
+	{@render children?.()}
+{/snippet}
+
+<div class="select-field" class:inline class:pill={variant === 'pill'}>
+	<label for={id} class:visually-hidden={variant === 'bare'}>{label}</label>
+	{#if attributes}
+		<!-- The form owns the value and its name. -->
+		<select {...shared} {...attributes}>{@render body()}</select>
+	{:else}
+		<select {...shared} bind:value onchange={(event) => onchange?.(event.currentTarget.value)}>
+			{@render body()}
+		</select>
+	{/if}
+	{#if hint}
+		<p class="hint" id="{id}-hint">{hint}</p>
+	{/if}
+	{#if error}
+		<p class="error" id="{id}-error">{error}</p>
+	{/if}
+</div>
+
+<style>
+	.select-field {
+		display: flex;
+		flex-direction: column;
+		gap: var(--space-1);
+	}
+
+	.select-field.inline {
+		flex-direction: row;
+		align-items: center;
+		gap: var(--space-2);
+	}
+
+	label {
+		font-size: var(--text-sm);
+		font-weight: 500;
+	}
+
+	select {
+		border: 1px solid var(--color-axis);
+		/* Not `--radius`: the admin theme sets that to 999px for its pill
+		   buttons, which is why both of that host's boxed selects hard-coded a
+		   corner past it. `--radius-control` is the input corner in both. */
+		border-radius: var(--radius-control);
+		background: var(--color-surface);
+		padding: 0.35rem 0.6rem;
+		font-family: var(--font-sans);
+		font-size: var(--text-base);
+		color: var(--color-ink);
+	}
+
+	select:focus-visible {
+		outline: none;
+		border-color: var(--color-navy);
+	}
+
+	select:disabled {
+		opacity: 0.5;
+	}
+
+	/* The filled toolbar control: a heading's neighbour, not a form field. It
+	   takes its content's width — a form field stretches, a pill does not. */
+	.pill select {
+		align-self: flex-start;
+		border-color: var(--color-navy);
+		border-radius: 999px;
+		background: var(--color-navy);
+		color: var(--color-surface);
+		padding: 0.3rem 0.8rem;
+		font-size: var(--text-sm);
+	}
+
+	.pill select:focus-visible {
+		outline: 2px solid var(--color-navy);
+		outline-offset: 2px;
+	}
+
+	.hint {
+		color: var(--color-ink-muted);
+		font-size: 0.8rem;
+		margin: 0;
+	}
+
+	.error {
+		color: var(--series-8);
+		font-size: 0.8rem;
+		margin: 0;
+	}
+</style>

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

@@ -0,0 +1,76 @@
+/** One option row. `value` is what the control carries: a string, always. */
+export interface SelectOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+import type { Snippet } from 'svelte';
+import type { HTMLSelectAttributes } from 'svelte/elements';
+/**
+ * A labelled `<select>` — `TextField`'s sibling for a choice out of a list.
+ *
+ * The package had none, so eleven call sites across the two hosts each grew
+ * their own. That produced four spellings of ONE navy pill, a second box
+ * skin whose corner radius was hard-coded past `--radius` because the admin
+ * theme sets that token to `999px`, and two incompatible ways of reporting
+ * the same refusal: the user editor wires `aria-invalid` and
+ * `aria-describedby`, while the record field one module over announced its
+ * rejection with a bare `role="alert()"` and left the control unmarked. A
+ * control that cannot be rendered unwired is the point here, the way
+ * `Field`'s snippet is.
+ *
+ * The value is a STRING and stays one. Both hosts had already converged on
+ * that independently — a `<select>` binds a string, and a year, a row id or
+ * a boolean flag becomes itself again in the one adapter that reads it — so
+ * a value type here would fork the component per caller.
+ */
+interface Props {
+    label: string;
+    id: string;
+    /**
+     * How it presents itself. Three, which is what the call sites were:
+     *
+     * - `field` — labelled box, the default.
+     * - `pill` — filled navy, for a toolbar beside a heading.
+     * - `bare` — box, label to the screen reader only, for inline chrome
+     *   that already reads as labelled by what surrounds it.
+     */
+    variant?: 'field' | 'pill' | 'bare';
+    /** Label beside the control rather than above it — a toolbar row. */
+    inline?: boolean;
+    value?: string;
+    required?: boolean;
+    disabled?: boolean;
+    /**
+     * The leading option. `disabled` makes it a placeholder the reader must
+     * choose past; without it the empty value is selectable and MEANS
+     * something — "No manager", "every table".
+     */
+    placeholder?: {
+        label: string;
+        disabled?: boolean;
+    };
+    /** Options whose labels are data. Use `children` when a label is computed. */
+    options?: readonly SelectOption[];
+    children?: Snippet;
+    error?: string | null;
+    /** Standing help. Described alongside an error rather than replaced by it. */
+    hint?: string | null;
+    /**
+     * Beside the binding, not instead of it: the callers that need one are
+     * coercing the string (a year to a number) or acting on the choice (a
+     * template applied, a draft committed).
+     */
+    onchange?: (value: string) => void;
+    /**
+     * A remote field's `.as('select')` attachment, spread instead of bound —
+     * the same branch `TextField` takes, so a remote form does not route
+     * around this module and re-declare the skin.
+     */
+    attributes?: HTMLSelectAttributes;
+    /** Native form submit: the browser posts under this name. */
+    name?: string;
+}
+declare const SelectField: import("svelte").Component<Props, {}, "value">;
+type SelectField = ReturnType<typeof SelectField>;
+export default SelectField;

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/content-components.d.ts

@@ -32,10 +32,13 @@ export type { LegalPageEdit } from './components/pages/LegalPage.svelte';
 export { default as WeekliesPage } from './components/pages/WeekliesPage.svelte';
 export type { WeekliesPageEdit } from './components/pages/WeekliesPage.svelte';
 export { default as ProjectPage } from './components/pages/ProjectPage.svelte';
-export type { ProjectPageEdit } from './components/pages/ProjectPage.svelte';
 export { default as WeeklyPage } from './components/pages/WeeklyPage.svelte';
-export type { WeeklyPageEdit } from './components/pages/WeeklyPage.svelte';
-export * from './content/index.js';
+export { renderBody } from './content/richtext.js';
+export type { RichTextBlock } from './content/richtext.js';
+export { GET_INVOLVED_REASON_KEYS, PAGE_COPY_KEYS } from './content/pages.js';
+export type { CopyEditFor, CopyKey, PageCopy, PageId } from './content/pages.js';
+export { COMMENT_STATUSES, CONTACT_CATEGORIES, MILESTONE_CATEGORIES, PROJECT_KINDS, REACTIONS } from './content/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 './content/types.js';
 export { MILESTONE_CATEGORY_COLOR, matchesMilestoneFilter, milestoneCategoryLabel } from './utils/milestones.js';
 export { createUrlFilters } from './utils/url-filters.svelte.js';
 export type { UrlFilters, UrlFiltersConfig } from './utils/url-filters.svelte.js';

package/dist/content-components.js

@@ -23,7 +23,11 @@ export { default as LegalPage } from './components/pages/LegalPage.svelte';
 export { default as WeekliesPage } from './components/pages/WeekliesPage.svelte';
 export { default as ProjectPage } from './components/pages/ProjectPage.svelte';
 export { default as WeeklyPage } from './components/pages/WeeklyPage.svelte';
-export * from './content/index.js';
+// The content vocabularies and data shapes, beside the renderers that consume
+// them. `./contract` names the component-free ones a second time, by design.
+export { renderBody } from './content/richtext.js';
+export { GET_INVOLVED_REASON_KEYS, PAGE_COPY_KEYS } from './content/pages.js';
+export { COMMENT_STATUSES, CONTACT_CATEGORIES, MILESTONE_CATEGORIES, PROJECT_KINDS, REACTIONS } from './content/types.js';
 export { MILESTONE_CATEGORY_COLOR, matchesMilestoneFilter, milestoneCategoryLabel } from './utils/milestones.js';
 // The two list rules: URL-mirrored filters, and the weeklies index over them.
 export { createUrlFilters } from './utils/url-filters.svelte.js';