@vit-foundation/ui 0.14.0 → 0.16.0

package/dist/config/types.d.ts

@@ -142,7 +142,39 @@ export interface UiMessages {
     category_education(): string;
     category_collaboration(): string;
     category_press(): 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
+     * than editor strings because the CMS edits them per locale like any other
+     * wording — and required, like every key but the *Href pair, because
+     * `messages` is all-or-nothing (see ./messages.js).
+     */
+    status_published(): string;
+    status_draft(): string;
+    status_open(): string;
+    status_closed(): string;
 }
+/**
+ * The catalog keys whose message takes NO parameters — the only ones edit
+ * mode may offer as text, inline or in a panel: editing the RENDERED text of
+ * a parameterized message (`pagination_status`, `weeklie_number`) would
+ * overwrite its template with one interpolation. Derived from the message
+ * signatures, so the rule is checked where a key is named; the optional
+ * *Href pair qualifies like any other zero-argument message.
+ */
+export type ParameterlessKey = {
+    [K in keyof UiMessages]-?: NonNullable<UiMessages[K]> extends () => string ? K : never;
+}[keyof UiMessages];
+/** The complement: keys whose message interpolates something. */
+export type ParameterizedKey = Exclude<keyof UiMessages, ParameterlessKey>;
+/**
+ * A key a chrome PROPERTY may name: any string but one of the package's own
+ * parameterized keys. Wider than `ParameterlessKey` on purpose — the site's
+ * catalog has wording the components never render themselves (a search
+ * placeholder is the host's), and that key the host vouches for; the
+ * package refuses only what it can check.
+ */
+export type NotParameterized<K extends string> = K extends ParameterizedKey ? never : K;
 /**
  * Everything the components read from their host app, resolved. Apps provide
  * a partial (`UiConfigInput`) through UiProvider; components read this
@@ -179,10 +211,10 @@ export interface UiConfig {
      * Edit descriptor for one of THIS config's message strings, by catalog
      * key — the interface-wording half of edit mode. Optional and undefined by
      * default, so a read-only app (and every story/test) renders the messages
-     * as plain text. A CMS-shaped host supplies it alongside an EditAdapter;
-     * components offer only their parameterless, plain-text message sites.
+     * as plain text. A CMS-shaped host supplies it alongside an EditAdapter.
+     * The key type is the rule: only a `ParameterlessKey` may edit as text.
      */
-    messageEdit?: (key: string) => EditDescriptor | undefined;
+    messageEdit?: (key: ParameterlessKey) => EditDescriptor | undefined;
 }
 /** What an app hands UiProvider: any subset; the rest keeps package defaults. */
 export interface UiConfigInput {

package/dist/content-components.d.ts

@@ -17,6 +17,10 @@ export type { MilestoneEditMap } from './components/timeline/TimelineMilestone.s
 export { default as WeeklieCard } from './components/weeklies/WeeklieCard.svelte';
 export type { WeeklyEditMap } from './components/weeklies/WeeklieCard.svelte';
 export * from './content/index.js';
-export { MILESTONE_CATEGORY_COLOR, milestoneCategoryLabel } from './utils/milestones.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';
+export { createWeeklyList, WEEKLY_LIST_DEFAULTS } from './utils/weekly-list.svelte.js';
+export type { WeeklyList, WeeklyListConfig, WeeklyListFilters, WeeklyListPage, WeeklyListServerData } from './utils/weekly-list.svelte.js';
 export { contactCategoryLabel } from './utils/contact.js';
 export { formatDate, yearOf } from './utils/dates.js';

package/dist/content-components.js

@@ -12,6 +12,9 @@ export { default as Timeline } from './components/timeline/Timeline.svelte';
 export { default as TimelineMilestone } from './components/timeline/TimelineMilestone.svelte';
 export { default as WeeklieCard } from './components/weeklies/WeeklieCard.svelte';
 export * from './content/index.js';
-export { MILESTONE_CATEGORY_COLOR, milestoneCategoryLabel } from './utils/milestones.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';
+export { createWeeklyList, WEEKLY_LIST_DEFAULTS } from './utils/weekly-list.svelte.js';
 export { contactCategoryLabel } from './utils/contact.js';
 export { formatDate, yearOf } from './utils/dates.js';

package/dist/edit/chrome/EditPanel.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import type { PropertyDescriptor } from '../types.js';
+	import type { PropertyDescriptor, PropertyValue } from '../types.js';
 	import PropertyRow from './PropertyRow.svelte';
 
 	/**
@@ -8,7 +8,7 @@
 	 * knows nothing about the entity — the descriptors say everything.
 	 */
 	interface Props {
-		rows: { descriptor: PropertyDescriptor; value: string | null }[];
+		rows: { descriptor: PropertyDescriptor; value: PropertyValue }[];
 	}
 
 	let { rows }: Props = $props();

package/dist/edit/chrome/EditPanel.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { PropertyDescriptor } from '../types.js';
+import type { PropertyDescriptor, PropertyValue } from '../types.js';
 /**
  * The property form an EditFrame's popover holds: one PropertyRow per
  * entry, each with its own independent commit lifecycle. The component
@@ -7,7 +7,7 @@ import type { PropertyDescriptor } from '../types.js';
 interface Props {
     rows: {
         descriptor: PropertyDescriptor;
-        value: string | null;
+        value: PropertyValue;
     }[];
 }
 declare const EditPanel: import("svelte").Component<Props, {}, "">;

package/dist/edit/chrome/LinkEdit.svelte

@@ -5,7 +5,8 @@
 	import Modal from '../../components/ui/Modal.svelte';
 	import { getUiConfig } from '../../config/context.js';
 	import { getEditAdapter } from '../context.js';
-	import type { EditDescriptor, PropertyDescriptor } from '../types.js';
+	import type { EditDescriptor, EntityOp, PropertyDescriptor } from '../types.js';
+	import ConfirmDialog from './ConfirmDialog.svelte';
 
 	/**
 	 * A LINK edited whole: one modal for its text and its destination, instead
@@ -18,45 +19,67 @@
 	 * opens the modal. Desa commits ONLY the halves that changed — the text
 	 * through `adapter.save`, the destination through `adapter.saveProperty` —
 	 * so a failure on one keeps the other's success and the modal stays open
-	 * with the reason. Without an adapter or a descriptor the control renders
-	 * untouched, byte-identical to a read-only build.
+	 * with the reason. Extra rows (a menu link's Ordre) and a confirmed
+	 * Elimina ride in the same modal when the host supplies them. Without an
+	 * adapter or a descriptor the control renders untouched, byte-identical to
+	 * a read-only build.
 	 */
 	interface Props {
 		/** Inline-label half; undefined leaves the control alone. */
 		text: { edit: EditDescriptor | undefined; value: string };
 		/** Destination half; undefined hides the Adreça field. */
 		href: { descriptor: PropertyDescriptor | undefined; value: string };
+		/**
+		 * Extra property rows under Adreça — a menu link's Ordre. Labelled from
+		 * their descriptors, committed on Desa only when changed.
+		 */
+		extras?: { descriptor: PropertyDescriptor; value: string | null }[];
+		/** With `adapter.applyOp`, the modal gains a confirmed Elimina action. */
+		removeOp?: EntityOp;
 		/** Accessible name for the modal, e.g. the link's current text. */
 		label?: string;
 		control: Snippet;
 	}
 
-	let { text, href, label = undefined, control }: Props = $props();
+	let {
+		text,
+		href,
+		extras = undefined,
+		removeOp = undefined,
+		label = undefined,
+		control
+	}: Props = $props();
 
 	const adapter = getEditAdapter();
 	const config = getUiConfig();
 	const messages = $derived(config.editMessages);
 
 	const editing = $derived(text.edit !== undefined && (adapter?.isEditing ?? false));
-	// The Adreça field needs both a place to save to and a verb to save with.
+	// Every field beyond the text needs both a place and a verb to save with.
 	const editsHref = $derived(href.descriptor !== undefined && adapter?.saveProperty !== undefined);
+	const editableExtras = $derived(adapter?.saveProperty !== undefined ? (extras ?? []) : []);
+	const removable = $derived(removeOp !== undefined && adapter?.applyOp !== undefined);
 
 	let open = $state(false);
 	let draftText = $state('');
 	let draftHref = $state('');
+	let draftExtras = $state<string[]>([]);
 	let saving = $state(false);
+	let confirmingRemove = $state(false);
+	let removing = $state(false);
 	let error = $state<string | null>(null);
 
 	function show(): void {
 		draftText = text.value;
 		draftHref = href.value;
+		draftExtras = editableExtras.map((extra) => extra.value ?? '');
 		error = null;
 		open = true;
 	}
 
 	/** Escape/Cancel·la/backdrop: discard the drafts, keep the stored values. */
 	function cancel(): void {
-		if (saving) return;
+		if (saving || removing) return;
 		open = false;
 	}
 
@@ -78,6 +101,12 @@
 				await adapter.saveProperty!(href.descriptor, nextHref);
 				draftHref = nextHref;
 			}
+			for (const [index, extra] of editableExtras.entries()) {
+				const next = draftExtras[index].trim();
+				if (next === (extra.value ?? '')) continue;
+				await adapter.saveProperty!(extra.descriptor, next);
+				draftExtras[index] = next;
+			}
 			open = false;
 		} catch (thrown) {
 			error =
@@ -86,6 +115,24 @@
 			saving = false;
 		}
 	}
+
+	/** Confirmed removal closes everything; a failure reports in THIS modal. */
+	async function remove(): Promise<void> {
+		if (!adapter?.applyOp || removeOp === undefined) return;
+		removing = true;
+		error = null;
+		try {
+			await adapter.applyOp(removeOp);
+			confirmingRemove = false;
+			open = false;
+		} catch (thrown) {
+			confirmingRemove = false;
+			error =
+				thrown instanceof Error && thrown.message ? thrown.message : messages.edit_saveError();
+		} finally {
+			removing = false;
+		}
+	}
 </script>
 
 {#if editing}
@@ -117,6 +164,12 @@
 					<input type="text" bind:value={draftHref} disabled={saving} />
 				</label>
 			{/if}
+			{#each editableExtras as extra, index (index)}
+				<label>
+					<span>{extra.descriptor.label}</span>
+					<input type="text" bind:value={draftExtras[index]} disabled={saving} />
+				</label>
+			{/each}
 		</div>
 		{#if error}
 			<p class="error" role="alert">{error}</p>
@@ -124,8 +177,26 @@
 		<div class="actions">
 			<Button pending={saving ? 1 : 0} onclick={() => void save()}>{messages.edit_save()}</Button>
 			<Button variant="ghost" pending={null} onclick={cancel}>{messages.edit_cancel()}</Button>
+			{#if removable}
+				<span class="danger">
+					<Button variant="ghost" pending={null} onclick={() => (confirmingRemove = true)}>
+						{messages.edit_remove()}
+					</Button>
+				</span>
+			{/if}
 		</div>
 	</Modal>
+	{#if removable}
+		<ConfirmDialog
+			open={confirmingRemove}
+			title={messages.edit_remove()}
+			message={messages.edit_removeConfirm({ label: label ?? text.value })}
+			confirmLabel={messages.edit_remove()}
+			pending={removing}
+			onconfirm={() => void remove()}
+			oncancel={() => (confirmingRemove = false)}
+		/>
+	{/if}
 {:else}
 	{@render control()}
 {/if}
@@ -184,4 +255,12 @@
 		gap: var(--space-2);
 		margin-top: var(--space-4);
 	}
+
+	/* Elimina sits apart from the commit pair, wearing the error hue — the
+	   ConfirmDialog token override, reused. */
+	.danger {
+		margin-left: auto;
+		--color-brand: var(--series-8);
+		--color-ink: var(--series-8);
+	}
 </style>

package/dist/edit/chrome/LinkEdit.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { Snippet } from 'svelte';
-import type { EditDescriptor, PropertyDescriptor } from '../types.js';
+import type { EditDescriptor, EntityOp, PropertyDescriptor } from '../types.js';
 /**
  * A LINK edited whole: one modal for its text and its destination, instead
  * of an inline label swap plus a separate property panel — a link's two
@@ -11,8 +11,10 @@ import type { EditDescriptor, PropertyDescriptor } from '../types.js';
  * opens the modal. Desa commits ONLY the halves that changed — the text
  * through `adapter.save`, the destination through `adapter.saveProperty` —
  * so a failure on one keeps the other's success and the modal stays open
- * with the reason. Without an adapter or a descriptor the control renders
- * untouched, byte-identical to a read-only build.
+ * with the reason. Extra rows (a menu link's Ordre) and a confirmed
+ * Elimina ride in the same modal when the host supplies them. Without an
+ * adapter or a descriptor the control renders untouched, byte-identical to
+ * a read-only build.
  */
 interface Props {
     /** Inline-label half; undefined leaves the control alone. */
@@ -25,6 +27,16 @@ interface Props {
         descriptor: PropertyDescriptor | undefined;
         value: string;
     };
+    /**
+     * Extra property rows under Adreça — a menu link's Ordre. Labelled from
+     * their descriptors, committed on Desa only when changed.
+     */
+    extras?: {
+        descriptor: PropertyDescriptor;
+        value: string | null;
+    }[];
+    /** With `adapter.applyOp`, the modal gains a confirmed Elimina action. */
+    removeOp?: EntityOp;
     /** Accessible name for the modal, e.g. the link's current text. */
     label?: string;
     control: Snippet;

package/dist/edit/chrome/PropertyRow.svelte

@@ -1,7 +1,8 @@
 <script lang="ts">
 	import { getUiConfig } from '../../config/context.js';
+	import type { ParameterlessKey } from '../../config/types.js';
 	import { getEditAdapter } from '../context.js';
-	import type { PropertyDescriptor } from '../types.js';
+	import type { PropertyDescriptor, PropertyValue } from '../types.js';
 
 	/**
 	 * One property of an EditPanel: label, a control by `descriptor.type`, and
@@ -11,10 +12,14 @@
 	 *
 	 * The row assumes an adapter with `saveProperty` exists — EditPanel only
 	 * renders when the frame's triple gate already established both.
+	 *
+	 * The control state is text throughout — a flag's boolean rides as
+	 * 'true'/'false' in its <select> and becomes a boolean again only at the
+	 * adapter boundary, so one draft/saved pair serves every type.
 	 */
 	interface Props {
 		descriptor: PropertyDescriptor;
-		value: string | null;
+		value: PropertyValue;
 	}
 
 	let { descriptor, value }: Props = $props();
@@ -22,21 +27,28 @@
 	const adapter = getEditAdapter();
 	const config = getUiConfig();
 
+	/** The control's reading of a property value. */
+	const asText = (next: PropertyValue): string =>
+		typeof next === 'boolean' ? String(next) : (next ?? '');
+
+	/** A flag state's wording, from the same catalog the site renders. */
+	const wording = (key: ParameterlessKey): string => config.messages[key]?.() ?? key;
+
 	let status = $state<'idle' | 'dirty' | 'saving' | 'error'>('idle');
 	let announcement = $state('');
 	/** Last persisted value, what a failed draft is measured against. */
 	// svelte-ignore state_referenced_locally
-	let savedValue = $state(value ?? '');
+	let savedValue = $state(asText(value));
 	// svelte-ignore state_referenced_locally
-	let draft = $state(value ?? '');
+	let draft = $state(asText(value));
 	let fileInput: HTMLInputElement | undefined = $state();
 
 	// Follow the prop only while idle — never repaint a held draft (the
 	// Editable rule).
 	// svelte-ignore state_referenced_locally
-	let lastPropValue = $state(value ?? '');
+	let lastPropValue = $state(asText(value));
 	$effect(() => {
-		const next = value ?? '';
+		const next = asText(value);
 		if (next !== lastPropValue) {
 			lastPropValue = next;
 			if (status === 'idle') {
@@ -46,14 +58,14 @@
 		}
 	});
 
-	async function persist(next: string | null): Promise<void> {
+	async function persist(next: PropertyValue): Promise<void> {
 		if (!adapter?.saveProperty) return;
 		status = 'saving';
 		announcement = config.editMessages.edit_saving();
 		try {
 			await adapter.saveProperty(descriptor, next);
-			savedValue = next ?? '';
-			draft = next ?? '';
+			savedValue = asText(next);
+			draft = asText(next);
 			status = 'idle';
 			announcement = config.editMessages.edit_saved();
 		} catch {
@@ -69,6 +81,10 @@
 			status = 'idle';
 			return;
 		}
+		if (descriptor.type === 'flag') {
+			void persist(trimmed === 'true');
+			return;
+		}
 		if (trimmed === '') {
 			if (!descriptor.nullable) {
 				status = 'error';
@@ -122,6 +138,21 @@
 				<option value={option.value}>{option.label}</option>
 			{/each}
 		</select>
+	{:else if descriptor.type === 'flag'}
+		<!-- Two states, worded from the catalog: the host names the pair
+		     (published/draft, open/closed), the adapter receives a boolean. -->
+		<select
+			{id}
+			data-vit-editing={status}
+			value={draft}
+			onchange={(event) => {
+				draft = event.currentTarget.value;
+				commit();
+			}}
+		>
+			<option value="true">{wording(descriptor.on ?? 'status_published')}</option>
+			<option value="false">{wording(descriptor.off ?? 'status_draft')}</option>
+		</select>
 	{:else if descriptor.type === 'image'}
 		{#if savedValue}
 			<img class="thumb" src={savedValue} alt="" />

package/dist/edit/chrome/PropertyRow.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { PropertyDescriptor } from '../types.js';
+import type { PropertyDescriptor, PropertyValue } from '../types.js';
 /**
  * One property of an EditPanel: label, a control by `descriptor.type`, and
  * its own commit lifecycle — Editable's state machine, panel-shaped. Each
@@ -7,10 +7,14 @@ import type { PropertyDescriptor } from '../types.js';
  *
  * The row assumes an adapter with `saveProperty` exists — EditPanel only
  * renders when the frame's triple gate already established both.
+ *
+ * The control state is text throughout — a flag's boolean rides as
+ * 'true'/'false' in its <select> and becomes a boolean again only at the
+ * adapter boundary, so one draft/saved pair serves every type.
  */
 interface Props {
     descriptor: PropertyDescriptor;
-    value: string | null;
+    value: PropertyValue;
 }
 declare const PropertyRow: import("svelte").Component<Props, {}, "">;
 type PropertyRow = ReturnType<typeof PropertyRow>;

package/dist/edit/collection.svelte.d.ts

@@ -0,0 +1,49 @@
+import type { CollectionRef, EntityOp } from './types.js';
+type CreateOp = Extract<EntityOp, {
+    kind: 'create';
+}>;
+type RemoveOp = Extract<EntityOp, {
+    kind: 'remove';
+}>;
+/** An edit map a list may inject removal into. */
+export interface RemovableMap {
+    /** Set by the list from its `collection` — removal of this row. */
+    removeOp?: RemoveOp;
+}
+/**
+ * The structural half of one editable LIST, as its template reads it.
+ * Both members answer `undefined` while the collection is not live, so the
+ * template's `{#if}` is the whole gate.
+ */
+export interface CollectionEditing<Row, Map extends RemovableMap> {
+    /** The create op for the add slot at the end of the list. */
+    readonly add: CreateOp | undefined;
+    /** The create op for an add slot anchored before one row (Timeline). */
+    addBefore(id: string | number): CreateOp | undefined;
+    /**
+     * The host's map for one row, plus the remove op the LIST injects — lists
+     * own identity, so a host never spells a removal. Rows without an `id`
+     * keep the host's map untouched: a remove op needs an identity, and
+     * read-only hosts never pass one.
+     */
+    mapFor(row: Row): Map | undefined;
+}
+/**
+ * What every list with a `collection` prop used to repeat — Timeline,
+ * CollaboratorList, JobList, Nav and Footer each carried the triple gate
+ * (collection named ∧ adapter editing ∧ `applyOp` present) and the same
+ * remove-op injection, five times verbatim. One helper, one place to keep
+ * the rule: a structural affordance renders only when all three hold.
+ *
+ * `read` is a thunk over the list's props so both stay reactive; the
+ * adapter comes from context, so call this during component init like
+ * `getEditAdapter` itself.
+ */
+export declare function collectionEditing<Row extends {
+    id?: string | number;
+}, Map extends RemovableMap>(read: () => {
+    collection: CollectionRef | undefined;
+    /** The host's per-row map (`editFor`, or Nav/Footer's `propertiesFor`). */
+    editFor: ((row: Row) => Map | undefined) | undefined;
+}): CollectionEditing<Row, Map>;
+export {};

package/dist/edit/collection.svelte.js

@@ -0,0 +1,39 @@
+import { getEditAdapter } from './context.js';
+/**
+ * What every list with a `collection` prop used to repeat — Timeline,
+ * CollaboratorList, JobList, Nav and Footer each carried the triple gate
+ * (collection named ∧ adapter editing ∧ `applyOp` present) and the same
+ * remove-op injection, five times verbatim. One helper, one place to keep
+ * the rule: a structural affordance renders only when all three hold.
+ *
+ * `read` is a thunk over the list's props so both stay reactive; the
+ * adapter comes from context, so call this during component init like
+ * `getEditAdapter` itself.
+ */
+export function collectionEditing(read) {
+    const adapter = getEditAdapter();
+    const live = $derived.by(() => {
+        const { collection } = read();
+        return collection !== undefined &&
+            (adapter?.isEditing ?? false) &&
+            adapter?.applyOp !== undefined
+            ? collection
+            : undefined;
+    });
+    return {
+        get add() {
+            return live ? { kind: 'create', collection: live } : undefined;
+        },
+        addBefore(id) {
+            return live
+                ? { kind: 'create', collection: live, anchor: { id, placement: 'before' } }
+                : undefined;
+        },
+        mapFor(row) {
+            const map = read().editFor?.(row);
+            if (!live || row.id === undefined)
+                return map;
+            return { ...map, removeOp: { kind: 'remove', collection: live, id: row.id } };
+        }
+    };
+}

package/dist/edit/helpers.d.ts

@@ -1,13 +1,12 @@
-import type { Locale } from '../config/types.js';
+import type { Locale, NotParameterized, ParameterlessKey } from '../config/types.js';
 import type { CollectionRef, EditableEntity, EditDescriptor, PropertyDescriptor } from './types.js';
 /** Everything a property descriptor carries beyond its ref. */
 type PropertySpec = Omit<PropertyDescriptor, 'ref'>;
 /**
  * Descriptor for one interface-wording message (a Paraglide catalog key).
- * Only parameterless messages are sensibly editable in place — editing the
- * RENDERED text of a parameterized one would overwrite its template.
+ * The key type carries the rule — see `ParameterlessKey` in ../config/types.js.
  */
-export declare function chromeEdit(key: string, locale: Locale, options?: {
+export declare function chromeEdit(key: ParameterlessKey, locale: Locale, options?: {
     format?: EditDescriptor['format'];
     label?: string;
 }): EditDescriptor;
@@ -38,8 +37,9 @@ export declare function entityProperty(entity: EditableEntity, id: string | numb
 /**
  * A panel property over one interface-wording message — how strings that can
  * never hold a caret (an `<option>` label, an input placeholder) still edit.
+ * Accepts the site's own keys too; see `NotParameterized` in ../config/types.js.
  */
-export declare function chromeProperty(key: string, spec: PropertySpec): PropertyDescriptor;
+export declare function chromeProperty<K extends string>(key: NotParameterized<K>, spec: PropertySpec): PropertyDescriptor;
 /** Names one entity collection at one render site. */
 export declare function collectionOf(entity: EditableEntity, scope?: string): CollectionRef;
 export {};

package/dist/edit/helpers.js

@@ -1,7 +1,6 @@
 /**
  * Descriptor for one interface-wording message (a Paraglide catalog key).
- * Only parameterless messages are sensibly editable in place — editing the
- * RENDERED text of a parameterized one would overwrite its template.
+ * The key type carries the rule — see `ParameterlessKey` in ../config/types.js.
  */
 export function chromeEdit(key, locale, options) {
     return { ref: { kind: 'chrome', key }, locale, ...options };
@@ -33,6 +32,7 @@ export function entityProperty(entity, id) {
 /**
  * A panel property over one interface-wording message — how strings that can
  * never hold a caret (an `<option>` label, an input placeholder) still edit.
+ * Accepts the site's own keys too; see `NotParameterized` in ../config/types.js.
  */
 export function chromeProperty(key, spec) {
     return { ref: { kind: 'chrome', key }, ...spec };

package/dist/edit/index.d.ts

@@ -1,4 +1,6 @@
 export { getEditAdapter, setEditAdapter } from './context.js';
+export { collectionEditing } from './collection.svelte.js';
+export type { CollectionEditing, RemovableMap } from './collection.svelte.js';
 export { default as ActionLabel } from './ActionLabel.svelte';
 export { default as Editable } from './Editable.svelte';
 export { default as AddSlot } from './chrome/AddSlot.svelte';
@@ -10,4 +12,5 @@ export { default as EditPopover } from './chrome/EditPopover.svelte';
 export { default as LinkEdit } from './chrome/LinkEdit.svelte';
 export { chromeEdit, chromeProperty, collectionOf, entityEdit, entityProperty, pageCopyEdit } from './helpers.js';
 export { localize } from './types.js';
-export type { CollectionRef, ContentRef, EditableEntity, EditAdapter, EditDescriptor, EntityOp, LocalizedText, PropertyDescriptor, PropertyOption, PropertyType } from './types.js';
+export type { CollectionRef, ContentRef, EditableEntity, EditAdapter, EditDescriptor, EntityOp, LocalizedText, PropertyDescriptor, PropertyOption, PropertyType, PropertyValue } from './types.js';
+export type { NotParameterized, ParameterlessKey } from '../config/types.js';

package/dist/edit/index.js

@@ -1,4 +1,5 @@
 export { getEditAdapter, setEditAdapter } from './context.js';
+export { collectionEditing } from './collection.svelte.js';
 export { default as ActionLabel } from './ActionLabel.svelte';
 export { default as Editable } from './Editable.svelte';
 export { default as AddSlot } from './chrome/AddSlot.svelte';