@protobase/ui 0.63.5 → 0.65.0

package/dist/app/displays/map-display.js

@@ -55,11 +55,24 @@ const MapDisplay = ({ model, view, display, filter, orderBy, fields, at, onMove,
 	const approximate = new Set(points.filter((point) => point.approximate).map((point) => point.key));
 	const markerLabel = (keys) => {
 		const near = keys.filter((key) => approximate.has(key)).length;
-		if (keys.length === 1) return near === 1 ? text("showOneApproximate", singular) : text("showOne", singular);
-		if (near === 0) return text("showMany", keys.length, plural);
-		return near === keys.length ? text("showManyApproximate", keys.length, plural) : text("showManySomeApproximate", keys.length, plural, near);
+		if (keys.length === 1) return near === 1 ? text("showOneApproximate", { singular }) : text("showOne", { singular });
+		if (near === 0) return text("showMany", {
+			count: keys.length,
+			plural
+		});
+		return near === keys.length ? text("showManyApproximate", {
+			count: keys.length,
+			plural
+		}) : text("showManySomeApproximate", {
+			count: keys.length,
+			plural,
+			near
+		});
 	};
-	const bucketLabel = (count) => text("zoomIn", count.toLocaleString(formatTag()), count === 1 ? singular : plural);
+	const bucketLabel = (count) => text("zoomIn", {
+		count: count.toLocaleString(formatTag()),
+		noun: count === 1 ? singular : plural
+	});
 	const overlay = useRef(null);
 	const [covered, setCovered] = useState(0);
 	useLayoutEffect(() => setCovered(overlay.current?.offsetHeight ?? 0), [row?.key]);
@@ -107,7 +120,7 @@ const MapDisplay = ({ model, view, display, filter, orderBy, fields, at, onMove,
 					children: /* @__PURE__ */ jsxs("p", {
 						className: "pointer-events-auto flex items-center gap-3 rounded-full border border-border bg-background px-4 py-1.5 text-muted-foreground shadow",
 						role: "status",
-						children: [fitting ? text("noneMatch", plural) : text("noneHere", plural), !fitting && /* @__PURE__ */ jsx(Button, {
+						children: [fitting ? text("noneMatch", { plural }) : text("noneHere", { plural }), !fitting && /* @__PURE__ */ jsx(Button, {
 							size: "sm",
 							onClick: () => setFitting(true),
 							children: text("showAll")
@@ -120,7 +133,7 @@ const MapDisplay = ({ model, view, display, filter, orderBy, fields, at, onMove,
 					children: /* @__PURE__ */ jsxs("div", {
 						className: "pointer-events-auto flex w-full max-w-[16rem] flex-col gap-2 sm:max-w-xs",
 						role: "group",
-						"aria-label": text("chosen", singular),
+						"aria-label": text("chosen", { singular }),
 						children: [/* @__PURE__ */ jsxs("div", {
 							className: "flex items-center justify-end gap-1.5",
 							children: [

package/dist/app/displays/messages.js

@@ -1,150 +1,5 @@
-import { defineMessages } from "../../locale/messages.js";
+import { messages } from "../../locale/messages.js";
 //#region src/app/displays/messages.ts
-const text = defineMessages({
-	en: {
-		table: "Table",
-		display: "Display",
-		sort: "Sort",
-		ascending: "ascending",
-		descending: "descending",
-		movedTo: (column) => `Moved to ${column}`,
-		orderChanged: "Order changed",
-		stayedIn: (column) => `Saved, still in ${column}`,
-		undo: "Undo",
-		couldNotUndo: "Could not undo",
-		couldNotLoadRows: "Could not load rows",
-		noPlural: (plural) => `No ${plural}`,
-		noValue: (label) => `No ${label.toLowerCase()}`,
-		somethingWrong: "Something went wrong",
-		showMore: "Show more",
-		noDrop: "No board drop is registered as {}. Give it in boardDrops in protobase.ui.tsx, or load the plugin that provides it.",
-		noComponent: "No component is registered as {}. Export it from protobase.ui.tsx, or load the plugin that provides it.",
-		pickedUp: (title) => `Picked up ${title}.`,
-		isOver: (title, over) => `${title} is over ${over}.`,
-		putBack: (title) => `${title} was put back.`,
-		wasMovedTo: (title, to) => `${title} was moved to ${to}.`,
-		cancelled: (title) => `Moving ${title} was cancelled.`,
-		startsOn: (title, day) => `${title} starts on ${day}.`,
-		noColumn: "no column",
-		noDay: "no day",
-		placeOf: (column, place, count) => `${column}, place ${place} of ${count}`,
-		place: (column, place) => `${column}, place ${place}`,
-		boardAcross: "To move a card to another column, press Space, move it with the left and right arrow keys, and press Space again to drop it there. Escape puts it back.",
-		boardAnywhere: "To move a card, press Space, move it with the up and down arrow keys within its column and the left and right arrow keys to another column, and press Space again to drop it there. Escape puts it back.",
-		boardWithin: "To move a card, press Space, move it with the up and down arrow keys within its column, and press Space again to drop it there. Escape puts it back.",
-		calendarInstructions: "To move an event to another day, press Space, move it a day with the left and right arrow keys or a week with the up and down arrow keys, and press Space again to drop it there. Escape puts it back.",
-		timelineInstructions: "To move a bar to other days, press Space, move it a day with the left and right arrow keys, and press Space again to drop it there. Escape puts it back.",
-		week: "Week",
-		month: "Month",
-		quarter: "Quarter",
-		calendarScale: "Calendar scale",
-		timelineScale: "Timeline scale",
-		previousPeriod: (unit) => `Previous ${unit}`,
-		nextPeriod: (unit) => `Next ${unit}`,
-		today: "Today",
-		capped: (limit, unit) => `Showing the first ${limit} records of this ${unit}. Narrow the filter to see the rest.`,
-		nothingIn: (unit) => `Nothing in this ${unit}.`,
-		noneMatch: (plural) => `No ${plural} match.`,
-		list: "List",
-		showOneApproximate: (singular) => `Show the ${singular}, at an approximate position`,
-		showOne: (singular) => `Show the ${singular}`,
-		showMany: (count, plural) => `Show ${count} ${plural}`,
-		showManyApproximate: (count, plural) => `Show ${count} ${plural}, at approximate positions`,
-		showManySomeApproximate: (count, plural, near) => `Show ${count} ${plural}, ${near} at approximate positions`,
-		zoomIn: (count, noun) => `Zoom in on ${count} ${noun}`,
-		needsStyle: "The map display needs a map style: set PROTOBASE_MAP_STYLE_URL.",
-		noneHere: (plural) => `No ${plural} in this part of the map.`,
-		showAll: "Show all",
-		chosen: (singular) => `Chosen ${singular}`,
-		approximatePosition: "Approximate position",
-		previous: "Previous",
-		next: "Next",
-		close: "Close",
-		features: "Features",
-		couldNotReorder: "Could not change the order",
-		couldNotMoveTo: (to) => `Could not move it to ${to}`,
-		moreHidden: (count) => `+${count} more`
-	},
-	nl: {
-		table: "Tabel",
-		display: "Weergave",
-		sort: "Sorteren",
-		ascending: "oplopend",
-		descending: "aflopend",
-		movedTo: (column) => `Verplaatst naar ${column}`,
-		orderChanged: "Volgorde gewijzigd",
-		stayedIn: (column) => `Opgeslagen, nog in ${column}`,
-		undo: "Ongedaan maken",
-		couldNotUndo: "Kon niet ongedaan maken",
-		couldNotLoadRows: "Kon de rijen niet laden",
-		noPlural: (plural) => `Geen ${plural}`,
-		noValue: (label) => `Geen ${label.toLowerCase()}`,
-		somethingWrong: "Er ging iets mis",
-		showMore: "Meer tonen",
-		noDrop: "Er is geen bordactie geregistreerd als {}. Geef die in boardDrops in protobase.ui.tsx, of laad de plug-in die haar levert.",
-		noComponent: "Er is geen component geregistreerd als {}. Exporteer die uit protobase.ui.tsx, of laad de plug-in die haar levert.",
-		pickedUp: (title) => `${title} opgepakt.`,
-		isOver: (title, over) => `${title} is boven ${over}.`,
-		putBack: (title) => `${title} is teruggezet.`,
-		wasMovedTo: (title, to) => `${title} is verplaatst naar ${to}.`,
-		cancelled: (title) => `Verplaatsen van ${title} is geannuleerd.`,
-		startsOn: (title, day) => `${title} begint op ${day}.`,
-		noColumn: "geen kolom",
-		noDay: "geen dag",
-		placeOf: (column, place, count) => `${column}, plaats ${place} van ${count}`,
-		place: (column, place) => `${column}, plaats ${place}`,
-		boardAcross: "Druk op Spatie om een kaart naar een andere kolom te verplaatsen, verplaats haar met de pijltjestoetsen links en rechts, en druk nogmaals op Spatie om haar daar neer te zetten. Escape zet haar terug.",
-		boardAnywhere: "Druk op Spatie om een kaart te verplaatsen, verplaats haar met de pijltjestoetsen omhoog en omlaag binnen haar kolom en met links en rechts naar een andere kolom, en druk nogmaals op Spatie om haar daar neer te zetten. Escape zet haar terug.",
-		boardWithin: "Druk op Spatie om een kaart te verplaatsen, verplaats haar met de pijltjestoetsen omhoog en omlaag binnen haar kolom, en druk nogmaals op Spatie om haar daar neer te zetten. Escape zet haar terug.",
-		calendarInstructions: "Druk op Spatie om een gebeurtenis naar een andere dag te verplaatsen, verplaats haar een dag met de pijltjestoetsen links en rechts of een week met omhoog en omlaag, en druk nogmaals op Spatie om haar daar neer te zetten. Escape zet haar terug.",
-		timelineInstructions: "Druk op Spatie om een balk naar andere dagen te verplaatsen, verplaats hem een dag met de pijltjestoetsen links en rechts, en druk nogmaals op Spatie om hem daar neer te zetten. Escape zet hem terug.",
-		week: "Week",
-		month: "Maand",
-		quarter: "Kwartaal",
-		calendarScale: "Schaal van de kalender",
-		timelineScale: "Schaal van de tijdlijn",
-		previousPeriod: (unit) => ({
-			week: "Vorige week",
-			month: "Vorige maand",
-			quarter: "Vorig kwartaal"
-		})[unit],
-		nextPeriod: (unit) => ({
-			week: "Volgende week",
-			month: "Volgende maand",
-			quarter: "Volgend kwartaal"
-		})[unit],
-		today: "Vandaag",
-		capped: (limit, unit) => `De eerste ${limit} records van ${{
-			week: "deze week",
-			month: "deze maand",
-			quarter: "dit kwartaal"
-		}[unit]} worden getoond. Verfijn het filter om de rest te zien.`,
-		nothingIn: (unit) => `Niets in ${{
-			week: "deze week",
-			month: "deze maand",
-			quarter: "dit kwartaal"
-		}[unit]}.`,
-		noneMatch: (plural) => `Geen ${plural} gevonden.`,
-		list: "Lijst",
-		showOneApproximate: (singular) => `${singular} tonen, op een geschatte plek`,
-		showOne: (singular) => `${singular} tonen`,
-		showMany: (count, plural) => `${count} ${plural} tonen`,
-		showManyApproximate: (count, plural) => `${count} ${plural} tonen, op geschatte plekken`,
-		showManySomeApproximate: (count, plural, near) => `${count} ${plural} tonen, ${near} op geschatte plekken`,
-		zoomIn: (count, noun) => `Inzoomen op ${count} ${noun}`,
-		needsStyle: "De kaartweergave heeft een kaartstijl nodig: stel PROTOBASE_MAP_STYLE_URL in.",
-		noneHere: (plural) => `Geen ${plural} in dit deel van de kaart.`,
-		showAll: "Alles tonen",
-		chosen: (singular) => `Gekozen ${singular}`,
-		approximatePosition: "Geschatte plek",
-		previous: "Vorige",
-		next: "Volgende",
-		close: "Sluiten",
-		features: "Kenmerken",
-		couldNotReorder: "Kon de volgorde niet wijzigen",
-		couldNotMoveTo: (to) => `Kon het niet naar ${to} verplaatsen`,
-		moreHidden: (count) => `+${count} meer`
-	}
-});
+const text = messages("app/displays");
 //#endregion
 export { text };

package/dist/app/displays/period-controls.js

@@ -39,9 +39,9 @@ const PeriodControls = ({ heading, unit, previous, today, next, scales, scalesLa
 			children: [/* @__PURE__ */ jsxs("div", {
 				className: "flex items-center gap-1",
 				children: [
-					control(previous, square, text("previousPeriod", unit), /* @__PURE__ */ jsx(ChevronLeft, { className: "size-3.5" })),
+					control(previous, square, text("previousPeriod", { unit }), /* @__PURE__ */ jsx(ChevronLeft, { className: "size-3.5" })),
 					control(today, square, text("today"), text("today")),
-					control(next, square, text("nextPeriod", unit), /* @__PURE__ */ jsx(ChevronRight, { className: "size-3.5" }))
+					control(next, square, text("nextPeriod", { unit }), /* @__PURE__ */ jsx(ChevronRight, { className: "size-3.5" }))
 				]
 			}), /* @__PURE__ */ jsx("span", {
 				role: "group",

package/dist/app/displays/timeline-display.js

@@ -91,11 +91,17 @@ const TimelineDisplay = ({ model, view, display, fields, filter, at, linkTo, now
 	const title = (picked) => eventTitle(model, view, display, picked.row);
 	const startText = (picked) => formatDate(Date.parse(`${addDays(picked.day, shift.current)}T00:00:00Z`));
 	const announcements = {
-		onDragStart: ({ active: picked }) => text("pickedUp", title(picked.data.current)),
-		onDragMove: ({ active: picked }) => text("startsOn", title(picked.data.current), startText(picked.data.current)),
+		onDragStart: ({ active: picked }) => text("pickedUp", { title: title(picked.data.current) }),
+		onDragMove: ({ active: picked }) => text("startsOn", {
+			title: title(picked.data.current),
+			day: startText(picked.data.current)
+		}),
 		onDragOver: () => void 0,
-		onDragEnd: ({ active: picked }) => shift.current === 0 ? text("putBack", title(picked.data.current)) : text("wasMovedTo", title(picked.data.current), startText(picked.data.current)),
-		onDragCancel: ({ active: picked }) => text("cancelled", title(picked.data.current))
+		onDragEnd: ({ active: picked }) => shift.current === 0 ? text("putBack", { title: title(picked.data.current) }) : text("wasMovedTo", {
+			title: title(picked.data.current),
+			to: startText(picked.data.current)
+		}),
+		onDragCancel: ({ active: picked }) => text("cancelled", { title: title(picked.data.current) })
 	};
 	const release = () => {
 		setActive(void 0);
@@ -143,7 +149,10 @@ const TimelineDisplay = ({ model, view, display, fields, filter, at, linkTo, now
 			}),
 			list.capped && /* @__PURE__ */ jsx("p", {
 				className: "text-xs text-muted-foreground",
-				children: text("capped", 500, shown.scale)
+				children: text("capped", {
+					limit: 500,
+					unit: shown.scale
+				})
 			}),
 			/* @__PURE__ */ jsxs(DndContext, {
 				sensors,
@@ -178,7 +187,7 @@ const TimelineDisplay = ({ model, view, display, fields, filter, at, linkTo, now
 							}),
 							empty && /* @__PURE__ */ jsx("p", {
 								className: "relative px-2 py-3 text-xs text-muted-foreground",
-								children: text("nothingIn", shown.scale)
+								children: text("nothingIn", { unit: shown.scale })
 							}),
 							!list.loading && lanes.map((lane) => /* @__PURE__ */ jsxs("section", {
 								"aria-label": lane.label,

package/dist/app/displays/timeline-range.js

@@ -115,7 +115,7 @@ const timelineLanes = (rows, model, view, display) => {
 		const value = row.record[group];
 		const empty = value === null || value === void 0 || value === "";
 		const key = empty ? noValue : `value:${String(value)}`;
-		const label = empty ? text("noValue", hints?.label ?? humanize(group)) : row.labels[group] ?? displayValue(field, value, hints);
+		const label = empty ? text("noValue", { label: hints?.label ?? humanize(group) }) : row.labels[group] ?? displayValue(field, value, hints);
 		const known = lanes.get(key) ?? {
 			value: empty ? void 0 : value,
 			lane: {

package/dist/app/displays/use-board-move.js

@@ -93,7 +93,7 @@ const useBoardMove = ({ model, view, by, rank, drop, labelOf, titleOf }) => {
 		const stays = !ranked.place || ranked.place.bump === void 0 && ranked.place.index === place.rows.findIndex((entry) => entry.key === row.key);
 		if (ranked.reason !== void 0) toast.show({
 			state: "warning",
-			title: stays ? text$1("notMoved") : text$1("movedToPlace", ranked.place.index + 1),
+			title: stays ? text$1("notMoved") : text$1("movedToPlace", { place: ranked.place.index + 1 }),
 			description: ranked.reason
 		});
 		if (stays) return void 0;
@@ -127,7 +127,7 @@ const useBoardMove = ({ model, view, by, rank, drop, labelOf, titleOf }) => {
 			if (undoToast.current !== void 0) toast.dismiss(undoToast.current);
 			undoToast.current = void 0;
 			const from = row.record[by] ?? null;
-			const title = landed !== from ? text("movedTo", labelOf(landed)) : from === to.value ? text("orderChanged") : text("stayedIn", labelOf(landed));
+			const title = landed !== from ? text("movedTo", { column: labelOf(landed) }) : from === to.value ? text("orderChanged") : text("stayedIn", { column: labelOf(landed) });
 			if (!undoing) {
 				toast.show({
 					state: "success",
@@ -151,7 +151,7 @@ const useBoardMove = ({ model, view, by, rank, drop, labelOf, titleOf }) => {
 		},
 		onError: (error, { row, to }) => {
 			settle(row.key);
-			const title = (row.record[by] ?? null) === to.value ? text("couldNotReorder") : text("couldNotMoveTo", to.label);
+			const title = (row.record[by] ?? null) === to.value ? text("couldNotReorder") : text("couldNotMoveTo", { to: to.label });
 			toast.show({
 				state: "error",
 				title,

package/dist/app/displays/use-calendar-move.js

@@ -45,7 +45,7 @@ const useCalendarMove = (model, display) => {
 			settle(row.key);
 			toast.show({
 				state: "error",
-				title: text("couldNotMoveTo", formatDate(Date.parse(`${to}T00:00:00Z`))),
+				title: text("couldNotMoveTo", { to: formatDate(Date.parse(`${to}T00:00:00Z`)) }),
 				description: refusalReason(error)
 			});
 		},

package/dist/app/document-title.js

@@ -8,7 +8,7 @@ const titleParts = ({ address, page, accountPage, resourceLabel, singular, recor
 	if (!address || address.kind === "page") return [];
 	const list = resourceLabel ? [resourceLabel] : [];
 	if (address.kind === "list") return list;
-	if (address.kind === "create") return [...singular ? [text("title", singular)] : [], ...list];
+	if (address.kind === "create") return [...singular ? [text("title", { noun: singular })] : [], ...list];
 	const record = recordTitle ?? (recordLoading ? void 0 : address.key);
 	return [...record ? [record] : [], ...list];
 };

package/dist/app/embedded-list/cut-off-note.js

@@ -7,7 +7,13 @@ import { text } from "./messages.js";
 */
 const cutOffNote = (shown, total, estimated) => {
 	if (shown >= total) return void 0;
-	return estimated ? text("firstOfAbout", shown, total.toLocaleString(formatTag())) : text("firstOf", shown, total.toLocaleString(formatTag()));
+	return estimated ? text("firstOfAbout", {
+		shown,
+		total: total.toLocaleString(formatTag())
+	}) : text("firstOf", {
+		shown,
+		total: total.toLocaleString(formatTag())
+	});
 };
 //#endregion
 export { cutOffNote };

package/dist/app/embedded-list/embedded-row-targets.js

@@ -30,19 +30,19 @@ const embeddedRowTargets = ({ model, view, opens, resources, views, canUpdate })
 	const singular = singularOf(model, view);
 	const actions = (linkTo) => {
 		const openOwn = {
-			label: text("open", singular),
+			label: text("open", { singular }),
 			link: (row) => linkTo(own(row))
 		};
 		if (!far) return [openOwn];
 		const editable = (row) => canUpdate && rowAllows(row, "update");
 		return [
 			{
-				label: text("open", singularOf(far, views[far.name])),
+				label: text("open", { singular: singularOf(far, views[far.name]) }),
 				available: (row) => other(row) !== void 0,
 				link: (row) => linkTo(other(row))
 			},
 			{
-				label: text("edit", singular),
+				label: text("edit", { singular }),
 				available: editable,
 				link: (row) => linkTo({
 					kind: "record",

package/dist/app/embedded-list/messages.js

@@ -1,24 +1,5 @@
-import { defineMessages } from "../../locale/messages.js";
+import { messages } from "../../locale/messages.js";
 //#region src/app/embedded-list/messages.ts
-const text = defineMessages({
-	en: {
-		firstOf: (shown, total) => `The first ${shown} of ${total}.`,
-		firstOfAbout: (shown, total) => `The first ${shown} of about ${total}.`,
-		open: (singular) => `Open ${singular}`,
-		edit: (singular) => `Edit ${singular}`,
-		viewAll: "View all",
-		couldNotLoad: "Could not load",
-		nothingYet: "Nothing here yet."
-	},
-	nl: {
-		firstOf: (shown, total) => `De eerste ${shown} van ${total}.`,
-		firstOfAbout: (shown, total) => `De eerste ${shown} van ongeveer ${total}.`,
-		open: (singular) => `${singular} openen`,
-		edit: (singular) => `${singular} bewerken`,
-		viewAll: "Alles bekijken",
-		couldNotLoad: "Kon niet laden",
-		nothingYet: "Hier staat nog niets."
-	}
-});
+const text = messages("app/embedded-list");
 //#endregion
 export { text };

package/dist/app/export/builder-port.js

@@ -37,7 +37,7 @@ const createWorkerPort = () => {
 	worker.onmessage = (event) => waiting.shift()?.resolve(event.data.bytes);
 	worker.onerror = (event) => {
 		event.preventDefault();
-		const error = new Error(text("couldNotBuild", event.message));
+		const error = new Error(text("couldNotBuild", { message: event.message }));
 		for (const entry of waiting.splice(0)) entry.reject(error);
 	};
 	return {

package/dist/app/export/export-dialog.js

@@ -89,7 +89,7 @@ const ColumnPicker = ({ fields, columns, onChange }) => {
 						size: "sm",
 						variant: "ghost",
 						className: "min-h-8 px-2",
-						"aria-label": text("moveUp", labels[name]),
+						"aria-label": text("moveUp", { label: labels[name] }),
 						disabled: index === 0,
 						onClick: () => onChange(move(columns, name, -1)),
 						children: /* @__PURE__ */ jsx(ArrowUp, { className: "size-3.5" })
@@ -97,7 +97,7 @@ const ColumnPicker = ({ fields, columns, onChange }) => {
 						size: "sm",
 						variant: "ghost",
 						className: "min-h-8 px-2",
-						"aria-label": text("moveDown", labels[name]),
+						"aria-label": text("moveDown", { label: labels[name] }),
 						disabled: index === columns.length - 1,
 						onClick: () => onChange(move(columns, name, 1)),
 						children: /* @__PURE__ */ jsx(ArrowDown, { className: "size-3.5" })
@@ -117,17 +117,20 @@ const ExportDialog = ({ plural, view, fields, initialColumns, count, selected, o
 	const [columns, setColumns] = useState(initialColumns);
 	const [mode, setMode] = useState("shown");
 	const limit = exportLimit(view, format);
-	const rows = scope === "selected" ? text("selectedRows", formatInt(selected ?? 0), selected ?? 0) : countText(count);
+	const rows = scope === "selected" ? text("selectedRows", {
+		count: formatInt(selected ?? 0),
+		rows: selected ?? 0
+	}) : countText(count);
 	const overLimit = (scope === "selected" ? selected ?? 0 : countedRows(count) ?? 0) > limit;
 	const scopeOptions = [{
 		value: "list",
 		label: text("rowsInList")
 	}, {
 		value: "selected",
-		label: text("selected", formatInt(selected ?? 0))
+		label: text("selected", { count: formatInt(selected ?? 0) })
 	}];
 	return /* @__PURE__ */ jsx(ResponsiveDialog, {
-		title: text("exportPlural", plural),
+		title: text("exportPlural", { plural }),
 		open,
 		onClose,
 		actions: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Button, {
@@ -190,7 +193,7 @@ const ExportDialog = ({ plural, view, fields, initialColumns, count, selected, o
 				/* @__PURE__ */ jsxs("p", {
 					role: "status",
 					className: "text-muted-foreground",
-					children: [text("exports", rows), overLimit && text("overLimit", formatInt(limit))]
+					children: [text("exports", { rows }), overLimit && text("overLimit", { limit: formatInt(limit) })]
 				})
 			]
 		})
@@ -200,7 +203,7 @@ const ExportDialog = ({ plural, view, fields, initialColumns, count, selected, o
 const ExportProgressDialog = ({ plural, done, total, onCancel }) => {
 	const share = total ? Math.min(1, done / total) : void 0;
 	return /* @__PURE__ */ jsx(ResponsiveDialog, {
-		title: text("exporting", plural),
+		title: text("exporting", { plural }),
 		open: true,
 		onClose: onCancel,
 		actions: /* @__PURE__ */ jsx(Button, {
@@ -222,7 +225,10 @@ const ExportProgressDialog = ({ plural, done, total, onCancel }) => {
 				})
 			}), /* @__PURE__ */ jsx("p", {
 				className: "text-muted-foreground",
-				children: total ? text("doneOf", formatInt(done), formatInt(total)) : text("done", formatInt(done))
+				children: total ? text("doneOf", {
+					done: formatInt(done),
+					total: formatInt(total)
+				}) : text("done", { done: formatInt(done) })
 			})]
 		})
 	});

package/dist/app/export/messages.js

@@ -1,78 +1,5 @@
-import { defineMessages } from "../../locale/messages.js";
+import { messages } from "../../locale/messages.js";
 //#region src/app/export/messages.ts
-const text = defineMessages({
-	en: {
-		excel: "Excel (.xlsx)",
-		csv: "CSV",
-		asShown: "As shown",
-		rawValues: "Raw values",
-		shownHint: "Labels, dates and numbers as the list shows them.",
-		rawHint: "Values as they are stored, such as keys and codes.",
-		counting: "Counting rows…",
-		moreThan: "more than 10,000 rows",
-		columns: "Columns",
-		moveUp: (label) => `Move ${label} up`,
-		moveDown: (label) => `Move ${label} down`,
-		selectedRows: (count, rows) => `${count} selected ${rows === 1 ? "row" : "rows"}`,
-		rowsInList: "Rows in the list",
-		selected: (count) => `Selected (${count})`,
-		exportPlural: (plural) => `Export ${plural.toLowerCase()}`,
-		cancel: "Cancel",
-		export: "Export",
-		format: "Format",
-		rows: "Rows",
-		listHint: "With the list’s filters, search and sort.",
-		values: "Values",
-		exports: (rows) => `Exports ${rows}.`,
-		overLimit: (limit) => ` A file holds at most ${limit} rows; the rest are left out.`,
-		exporting: (plural) => `Exporting ${plural.toLowerCase()}`,
-		rowsExported: "Rows exported",
-		doneOf: (done, total) => `${done} of ${total} rows`,
-		done: (done) => `${done} rows`,
-		exported: (count, plural) => `Exported ${count} ${plural.toLowerCase()}`,
-		truncated: (name, count) => `${name}: the first ${count} rows, as many as a file holds.`,
-		couldNotExport: (plural) => `Could not export ${plural.toLowerCase()}`,
-		cancelled: "The export was cancelled",
-		couldNotBuild: (message) => `The export could not be built: ${message}`,
-		workbook: "Excel workbook",
-		csvFile: "CSV file"
-	},
-	nl: {
-		excel: "Excel (.xlsx)",
-		csv: "CSV",
-		asShown: "Zoals getoond",
-		rawValues: "Ruwe waarden",
-		shownHint: "Labels, datums en getallen zoals de lijst ze toont.",
-		rawHint: "Waarden zoals ze zijn opgeslagen, zoals sleutels en codes.",
-		counting: "Rijen tellen…",
-		moreThan: "meer dan 10.000 rijen",
-		columns: "Kolommen",
-		moveUp: (label) => `${label} omhoog`,
-		moveDown: (label) => `${label} omlaag`,
-		selectedRows: (count, rows) => `${count} geselecteerde ${rows === 1 ? "rij" : "rijen"}`,
-		rowsInList: "Rijen in de lijst",
-		selected: (count) => `Geselecteerd (${count})`,
-		exportPlural: (plural) => `${plural} exporteren`,
-		cancel: "Annuleren",
-		export: "Exporteren",
-		format: "Formaat",
-		rows: "Rijen",
-		listHint: "Met de filters, zoekopdracht en sortering van de lijst.",
-		values: "Waarden",
-		exports: (rows) => `Exporteert ${rows}.`,
-		overLimit: (limit) => ` Een bestand bevat hoogstens ${limit} rijen; de rest blijft weg.`,
-		exporting: (plural) => `${plural} exporteren`,
-		rowsExported: "Geëxporteerde rijen",
-		doneOf: (done, total) => `${done} van ${total} rijen`,
-		done: (done) => `${done} rijen`,
-		exported: (count, plural) => `${count} ${plural.toLowerCase()} geëxporteerd`,
-		truncated: (name, count) => `${name}: de eerste ${count} rijen, zoveel als een bestand bevat.`,
-		couldNotExport: (plural) => `Kon ${plural.toLowerCase()} niet exporteren`,
-		cancelled: "De export is geannuleerd",
-		couldNotBuild: (message) => `De export kon niet worden gemaakt: ${message}`,
-		workbook: "Excel-werkmap",
-		csvFile: "CSV-bestand"
-	}
-});
+const text = messages("app/export");
 //#endregion
 export { text };

package/dist/app/export/use-export-flow.js

@@ -91,15 +91,21 @@ const useExportFlow = ({ model, view, resources, views, plural, filter, orderBy,
 			});
 			toast.show({
 				state: "success",
-				title: text("exported", formatInt(result.rows), plural),
-				description: result.truncated ? text("truncated", name, formatInt(result.rows)) : name
+				title: text("exported", {
+					count: formatInt(result.rows),
+					plural
+				}),
+				description: result.truncated ? text("truncated", {
+					name,
+					count: formatInt(result.rows)
+				}) : name
 			});
 		} catch (error) {
 			if (error instanceof DOMException && error.name === "AbortError") return;
 			if (!isApiError(error)) throw error;
 			toast.show({
 				state: "error",
-				title: text("couldNotExport", plural),
+				title: text("couldNotExport", { plural }),
 				description: error.message
 			});
 		} finally {

package/dist/app/field-editor.js

@@ -7,9 +7,9 @@ import { displayValue, valueTitle } from "../live/display-value.js";
 import { text } from "./messages.js";
 import { AppLink } from "./use-app-address.js";
 import { useFieldControl } from "../primitives/field-control.js";
-import { Input } from "../primitives/input.js";
 import { fromDraft, isEditable, toFieldDraft } from "../live/field-values.js";
 import { Switch } from "../primitives/switch.js";
+import { Input } from "../primitives/input.js";
 import { Textarea } from "../primitives/textarea.js";
 import { RelationPicker } from "./relation-picker.js";
 import { SensitiveField } from "./sensitive-field.js";
@@ -66,7 +66,7 @@ const BuiltInEditor = ({ field, hints, value, stored, relationLabel, relationTo,
 				children: picker
 			}), /* @__PURE__ */ jsx(AppLink, {
 				to: relationTo,
-				"aria-label": text("openLabel", relationLabel ?? String(value)),
+				"aria-label": text("openLabel", { label: relationLabel ?? String(value) }),
 				title: text("open"),
 				className: cn(buttonClass({ variant: "ghost" }), "w-8 px-0"),
 				children: /* @__PURE__ */ jsx(ArrowUpRight, { className: "size-4" })

package/dist/app/field-errors.js

@@ -6,14 +6,22 @@ const numberIn = (params, key) => typeof params?.[key] === "number" ? params[key
 const textMessage = (label, params) => {
 	const min = numberIn(params, "min");
 	const max = numberIn(params, "max");
-	if (min !== void 0) return text("atLeastCharacters", label, formatInt(min), min);
-	if (max !== void 0) return text("atMostCharacters", label, formatInt(max), max);
+	if (min !== void 0) return text("atLeastCharacters", {
+		label,
+		count: formatInt(min),
+		n: min
+	});
+	if (max !== void 0) return text("atMostCharacters", {
+		label,
+		count: formatInt(max),
+		n: max
+	});
 };
 const wholeNumber = (params) => {
 	const min = numberIn(params, "min");
 	const max = numberIn(params, "max");
-	if (min !== void 0) return text("wholeNumberAtLeast", formatInt(min));
-	if (max !== void 0) return text("wholeNumberAtMost", formatInt(max));
+	if (min !== void 0) return text("wholeNumberAtLeast", { min: formatInt(min) });
+	if (max !== void 0) return text("wholeNumberAtMost", { max: formatInt(max) });
 	return text("wholeNumber");
 };
 const decimalMessage = (params) => {
@@ -21,7 +29,10 @@ const decimalMessage = (params) => {
 	const scale = numberIn(params, "scale");
 	if (precision === void 0 || scale === void 0) return text("number");
 	const below = formatInt(10 ** (precision - scale));
-	return scale === 0 ? text("wholeNumberBelow", below) : text("decimalsBelow", scale, below);
+	return scale === 0 ? text("wholeNumberBelow", { below }) : text("decimalsBelow", {
+		scale,
+		below
+	});
 };
 /** What to say about a value of each field type the server turned down; without an entry, the server's message shows. */
 const invalidValue = {
@@ -44,7 +55,7 @@ const invalidValue = {
 * server words them.
 */
 const fieldMessage = (field, label, error) => {
-	if (error.code === "required") return text("required", label);
+	if (error.code === "required") return text("required", { label });
 	if (error.code !== "invalid-value" || !field) return error.message;
 	return invalidValue[field.type]?.(label, error.params) ?? error.message;
 };
@@ -64,7 +75,7 @@ const saveFailureDescription = (error) => {
 	const fields = new Set(error.errors.flatMap((entry) => entry.field && entry.field !== "_record" ? [entry.field] : []));
 	const record = error.errors.flatMap((entry) => entry.field === "_record" ? [entry.message] : []);
 	if (fields.size === 0 && record.length === 0) return error.message;
-	return [...fields.size === 0 ? [] : [fields.size === 1 ? text("checkField") : text("checkFields", fields.size)], ...record].join(" ");
+	return [...fields.size === 0 ? [] : [fields.size === 1 ? text("checkField") : text("checkFields", { count: fields.size })], ...record].join(" ");
 };
 //#endregion
 export { fieldErrors, fieldMessage, saveFailureDescription };