@protobase/ui 0.63.5 → 0.65.0

package/dist/compact-table/messages.js

@@ -1,18 +1,5 @@
-import { defineMessages } from "../locale/messages.js";
+import { messages } from "../locale/messages.js";
 //#region src/compact-table/messages.ts
-const text = defineMessages({
-	en: {
-		table: "Table",
-		noRows: "No rows.",
-		rows: (count) => `${count} ${count === 1 ? "row" : "rows"}`,
-		cutOff: ", cut off at the limit"
-	},
-	nl: {
-		table: "Tabel",
-		noRows: "Geen rijen.",
-		rows: (count) => `${count} ${count === 1 ? "rij" : "rijen"}`,
-		cutOff: ", afgekapt bij de limiet"
-	}
-});
+const text = messages("compact-table");
 //#endregion
 export { text };

package/dist/data-grid/cell-text.js

@@ -1,7 +1,6 @@
 import { formatDate, formatDateTime, formatRelativeTime } from "../format/date.js";
 import { formatInt, formatPercent, formatSigned } from "../format/number.js";
 import { formatMoney } from "../format/money.js";
-import { userById } from "../mocks/users.js";
 import { fileShown } from "../live/file-values.js";
 import { text } from "./messages.js";
 import { enumLabel } from "@protobase/schema";
@@ -14,17 +13,19 @@ const cellText = (spec, value) => {
 	switch (spec.kind) {
 		case "text":
 		case "id": return String(value);
-		case "money": return `${formatMoney(Number(value), spec.currency, spec.decimals)}${spec.suffix ?? ""}`;
+		case "money":
+			if (spec.currency === void 0) throw new Error(`Money column "${spec.id}" has no currency`);
+			return `${formatMoney(Number(value), spec.currency, spec.decimals)}${spec.suffix ?? ""}`;
 		case "date": return formatDate(Number(value));
 		case "datetime": return spec.relative ? formatRelativeTime(Math.round((Date.now() - Number(value)) / 1e3)) : formatDateTime(Number(value));
-		case "number": return `${formatInt(Number(value))}${spec.suffix ?? ""}`;
-		case "signed": return `${formatSigned(Number(value))}${spec.suffix ?? ""}`;
+		case "number": return `${spec.prefix ?? ""}${formatInt(Number(value))}${spec.suffix ?? ""}`;
+		case "signed": return `${spec.prefix ?? ""}${formatSigned(Number(value))}${spec.suffix ?? ""}`;
 		case "percent": return Number(value) === 0 ? "—" : formatPercent(Number(value));
 		case "status": return enumLabel(String(value), spec.labels);
 		case "relation": return relationLabel(value);
 		case "boolean": return value ? void 0 : text("no");
 		case "file": return fileShown(value)?.name ?? "—";
-		case "user": return userById(String(value)).name;
+		case "user": return spec.users?.(String(value))?.name ?? String(value);
 	}
 };
 //#endregion

package/dist/data-grid/cells.js

@@ -3,13 +3,12 @@ import { Badge } from "../primitives/badge.js";
 import { Avatar } from "../primitives/avatar.js";
 import { viewerZone, zoneLabel } from "../format/zone.js";
 import { formatDateTime } from "../format/date.js";
-import { userById } from "../mocks/users.js";
 import { fileShown, shownImage } from "../live/file-values.js";
 import { text } from "./messages.js";
 import { cellText } from "./cell-text.js";
+import { valueColor } from "../live/value-color.js";
 import { FileImage } from "../live/file-image.js";
 import { ContactLink } from "../live/contact-link.js";
-import { valueColor } from "../live/value-color.js";
 import { TruncatedText } from "./truncated-text.js";
 import { Check, Paperclip } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -41,7 +40,7 @@ const renderCell = (spec, value) => {
 		});
 		case "datetime": return /* @__PURE__ */ jsx("span", {
 			className: "tabular-nums text-muted-foreground",
-			title: spec.relative ? formatDateTime(Number(value)) : text("shownIn", zoneLabel(Number(value), viewerZone())),
+			title: spec.relative ? formatDateTime(Number(value)) : text("shownIn", { zone: zoneLabel(Number(value), viewerZone()) }),
 			children: text$1
 		});
 		case "number": return /* @__PURE__ */ jsx("span", {
@@ -93,7 +92,11 @@ const renderCell = (spec, value) => {
 			});
 		}
 		case "user": {
-			const user = userById(String(value));
+			const user = spec.users?.(String(value));
+			if (!user) return /* @__PURE__ */ jsx(TruncatedText, {
+				text: text$1,
+				className: "text-muted-foreground"
+			});
 			return /* @__PURE__ */ jsxs("span", {
 				className: "inline-flex items-center gap-2 truncate",
 				children: [/* @__PURE__ */ jsx(Avatar, {

package/dist/data-grid/grid-footer.js

@@ -12,7 +12,7 @@ const GridFooter = ({ total, selectedCount, bulkActions = [], className }) => /*
 			formatApproxRows(total),
 			selectedCount > 0 && /* @__PURE__ */ jsx("span", {
 				className: "ml-3 font-medium text-primary-text",
-				children: text("selected", formatInt(selectedCount))
+				children: text("selected", { count: formatInt(selectedCount) })
 			}),
 			selectedCount > 0 && bulkActions.map((action) => /* @__PURE__ */ jsx("button", {
 				type: "button",

package/dist/data-grid/grid-row.js

@@ -28,7 +28,7 @@ const Gutter = ({ width, index, selectable, selected, onToggle, edge }) => /* @_
 	style: { width },
 	children: [selectable && /* @__PURE__ */ jsx(Checkbox, {
 		checked: Boolean(selected),
-		label: text("selectRow", index + 1)
+		label: text("selectRow", { row: index + 1 })
 	}), width > 40 && /* @__PURE__ */ jsx("span", {
 		className: "min-w-6 text-right text-[11px] tabular-nums text-faint-foreground",
 		children: formatInt(index + 1)

package/dist/data-grid/header-menu.js

@@ -18,7 +18,7 @@ const HeaderMenu = ({ header, pinned, sortable, onTogglePin }) => {
 		children: [/* @__PURE__ */ jsx("button", {
 			ref: button,
 			type: "button",
-			"aria-label": text("columnMenu", header),
+			"aria-label": text("columnMenu", { header }),
 			"aria-haspopup": "menu",
 			"aria-expanded": open,
 			onClick: () => setOpen(!open),

package/dist/data-grid/messages.js

@@ -1,52 +1,5 @@
-import { defineMessages } from "../locale/messages.js";
+import { messages } from "../locale/messages.js";
 //#region src/data-grid/messages.ts
-const text = defineMessages({
-	en: {
-		unsortable: "This column can't be sorted",
-		columnMenu: (header) => `${header} column menu`,
-		unpin: "Unpin",
-		pinToLeft: "Pin to left",
-		resizeColumn: (header) => `Resize ${header} column`,
-		selected: (count) => `${count} selected`,
-		no: "No",
-		shownIn: (zone) => `Shown in ${zone}`,
-		new: "New",
-		clearSelection: "Clear selection",
-		noRowsSelected: "No rows selected",
-		selectRow: (row) => `Select row ${row}`,
-		rowActions: "Row actions",
-		row: "row",
-		move: (label) => `Move ${label}`,
-		reorderInstructions: "To move a row, press Space on its handle, move it with the up and down arrow keys, and press Space again to drop it there. Escape puts it back.",
-		pickedUp: (name, row, rows) => `Picked up ${name}, row ${row} of ${rows}.`,
-		isOver: (name, row, rows) => `${name} is over row ${row} of ${rows}.`,
-		droppedAt: (name, row, rows) => `${name} was dropped at row ${row} of ${rows}.`,
-		putBack: (name) => `${name} was put back.`,
-		cancelled: (name, row) => `Moving ${name} was cancelled. It is back at row ${row}.`
-	},
-	nl: {
-		unsortable: "Op deze kolom kan niet worden gesorteerd",
-		columnMenu: (header) => `Kolommenu ${header}`,
-		unpin: "Losmaken",
-		pinToLeft: "Links vastzetten",
-		resizeColumn: (header) => `Breedte kolom ${header}`,
-		selected: (count) => `${count} geselecteerd`,
-		no: "Nee",
-		shownIn: (zone) => `Getoond in ${zone}`,
-		new: "Nieuw",
-		clearSelection: "Selectie wissen",
-		noRowsSelected: "Geen rijen geselecteerd",
-		selectRow: (row) => `Rij ${row} selecteren`,
-		rowActions: "Rijacties",
-		row: "rij",
-		move: (label) => `${label} verplaatsen`,
-		reorderInstructions: "Om een rij te verplaatsen, druk op Spatie op de greep, verplaats hem met de pijltjestoetsen omhoog en omlaag, en druk nogmaals op Spatie om hem daar neer te zetten. Escape zet hem terug.",
-		pickedUp: (name, row, rows) => `${name} opgepakt, rij ${row} van ${rows}.`,
-		isOver: (name, row, rows) => `${name} is boven rij ${row} van ${rows}.`,
-		droppedAt: (name, row, rows) => `${name} is neergezet op rij ${row} van ${rows}.`,
-		putBack: (name) => `${name} is teruggezet.`,
-		cancelled: (name, row) => `Verplaatsen van ${name} is geannuleerd. Hij staat weer op rij ${row}.`
-	}
-});
+const text = messages("data-grid");
 //#endregion
 export { text };

package/dist/data-grid/resize-handle.js

@@ -8,7 +8,7 @@ import { jsx } from "react/jsx-runtime";
 const ResizeHandle = ({ id, header, width, resize }) => /* @__PURE__ */ jsx("div", {
 	role: "separator",
 	"aria-orientation": "vertical",
-	"aria-label": text("resizeColumn", header),
+	"aria-label": text("resizeColumn", { header }),
 	"aria-valuemin": 64,
 	"aria-valuenow": width,
 	tabIndex: 0,

package/dist/data-grid/row-reorder.js

@@ -17,10 +17,25 @@ const ReorderRows = ({ ids, rowAt, reorder, children }) => {
 		return row ? reorder.label(row) : text("row");
 	};
 	const announcements = {
-		onDragStart: ({ active }) => text("pickedUp", name(active.id), place(active.id) + 1, ids.length),
-		onDragOver: ({ active, over }) => over ? text("isOver", name(active.id), place(over.id) + 1, ids.length) : void 0,
-		onDragEnd: ({ active, over }) => over ? text("droppedAt", name(active.id), place(over.id) + 1, ids.length) : text("putBack", name(active.id)),
-		onDragCancel: ({ active }) => text("cancelled", name(active.id), place(active.id) + 1)
+		onDragStart: ({ active }) => text("pickedUp", {
+			name: name(active.id),
+			row: place(active.id) + 1,
+			rows: ids.length
+		}),
+		onDragOver: ({ active, over }) => over ? text("isOver", {
+			name: name(active.id),
+			row: place(over.id) + 1,
+			rows: ids.length
+		}) : void 0,
+		onDragEnd: ({ active, over }) => over ? text("droppedAt", {
+			name: name(active.id),
+			row: place(over.id) + 1,
+			rows: ids.length
+		}) : text("putBack", { name: name(active.id) }),
+		onDragCancel: ({ active }) => text("cancelled", {
+			name: name(active.id),
+			row: place(active.id) + 1
+		})
 	};
 	const end = ({ active, over }) => {
 		if (!over || active.id === over.id) return;
@@ -47,7 +62,7 @@ const SortableRow = ({ row, label, ...props }) => {
 	const handle = /* @__PURE__ */ jsx("button", {
 		ref: setActivatorNodeRef,
 		type: "button",
-		"aria-label": text("move", label),
+		"aria-label": text("move", { label }),
 		...attributes,
 		...listeners,
 		onClick: (event) => event.stopPropagation(),

package/dist/filter-panel/active-filter-chips.js

@@ -16,7 +16,7 @@ const ActiveFilterChips = ({ chips, lockedLabels = [], onRemove, onClear, scroll
 				className: chipClass,
 				children: [chip.label, /* @__PURE__ */ jsx("button", {
 					type: "button",
-					"aria-label": text("remove", chip.label),
+					"aria-label": text("remove", { label: chip.label }),
 					onClick: () => onRemove(chip.key),
 					className: "rounded-full p-0.5 hover:bg-primary-border/60",
 					children: /* @__PURE__ */ jsx(X, { className: "size-3" })

package/dist/filter-panel/date-presets.js

@@ -10,10 +10,10 @@ const DatePresets = ({ value, presets = defaultDatePresets, onChange }) => /* @_
 		return /* @__PURE__ */ jsx("button", {
 			type: "button",
 			disabled: !label,
-			title: label ? void 0 : text("unknownPreset", id),
+			title: label ? void 0 : text("unknownPreset", { id }),
 			onClick: () => onChange(value === id ? void 0 : id),
 			className: cn("h-7 rounded-md border px-2.5 text-body font-medium transition-colors", !label && "border-dashed text-danger-text", value === id ? "border-primary-border bg-primary-soft text-primary-text" : "border-border-strong bg-background text-muted-foreground hover:bg-muted"),
-			children: label ?? text("unsupported", id)
+			children: label ?? text("unsupported", { id })
 		}, id);
 	})
 });

package/dist/filter-panel/facet-combobox.js

@@ -65,7 +65,7 @@ const FacetCombobox = ({ config, selected, onToggle, inline = false }) => {
 					"aria-controls": `${id}-options`,
 					"aria-autocomplete": "list",
 					"aria-activedescendant": options[active] ? `${id}-${active}` : void 0,
-					placeholder: selected.length > 0 ? "" : text("searchIn", config.label),
+					placeholder: selected.length > 0 ? "" : text("searchIn", { label: config.label }),
 					className: "h-6 min-w-16 flex-1 bg-transparent text-foreground outline-none placeholder:text-faint-foreground",
 					value: query,
 					onChange: (event) => search(event.target.value),

package/dist/filter-panel/facet-group.js

@@ -16,7 +16,7 @@ const FacetGroup = ({ config, selected, onToggle }) => {
 			config.searchable && /* @__PURE__ */ jsx(Input, {
 				wrapperClassName: "mb-1 h-7",
 				leading: /* @__PURE__ */ jsx(Search, { className: "size-3.5" }),
-				placeholder: text("searchIn", config.label),
+				placeholder: text("searchIn", { label: config.label }),
 				value: query,
 				onChange: (event) => setQuery(event.target.value)
 			}),

package/dist/filter-panel/messages.js

@@ -1,52 +1,5 @@
-import { defineMessages } from "../locale/messages.js";
+import { messages } from "../locale/messages.js";
 //#region src/filter-panel/messages.ts
-const text = defineMessages({
-	en: {
-		today: "Today",
-		yesterday: "Yesterday",
-		"24h": "Last 24 hours",
-		"7d": "Last 7 days",
-		"30d": "Last 30 days",
-		"90d": "Last 90 days",
-		month: "This month",
-		quarter: "This quarter",
-		year: "This year",
-		unknownPreset: (id) => `The server offers the preset "${id}", which this UI does not know`,
-		unsupported: (id) => `${id} (unsupported)`,
-		remove: (label) => `Remove ${label}`,
-		clearAll: "Clear all",
-		searchIn: (label) => `Search ${label.toLowerCase()}`,
-		noMatches: "No matches",
-		moreFilters: "More filters",
-		filters: "Filters",
-		date: "Date",
-		showOnly: "Show only",
-		minimum: (label) => `${label} minimum`,
-		maximum: (label) => `${label} maximum`
-	},
-	nl: {
-		today: "Vandaag",
-		yesterday: "Gisteren",
-		"24h": "Afgelopen 24 uur",
-		"7d": "Afgelopen 7 dagen",
-		"30d": "Afgelopen 30 dagen",
-		"90d": "Afgelopen 90 dagen",
-		month: "Deze maand",
-		quarter: "Dit kwartaal",
-		year: "Dit jaar",
-		unknownPreset: (id) => `De server biedt de periode "${id}", die deze UI niet kent`,
-		unsupported: (id) => `${id} (niet ondersteund)`,
-		remove: (label) => `${label} verwijderen`,
-		clearAll: "Alles wissen",
-		searchIn: (label) => `Zoeken in ${label.toLowerCase()}`,
-		noMatches: "Niets gevonden",
-		moreFilters: "Meer filters",
-		filters: "Filters",
-		date: "Datum",
-		showOnly: "Alleen tonen",
-		minimum: (label) => `${label} minimum`,
-		maximum: (label) => `${label} maximum`
-	}
-});
+const text = messages("filter-panel");
 //#endregion
 export { text };

package/dist/filter-panel/range-filter.js

@@ -49,7 +49,7 @@ const RangeFilter = ({ config, value, onChange }) => {
 				children: [0, 1].map((thumb) => /* @__PURE__ */ jsx("input", {
 					type: "range",
 					className: "pb-range",
-					"aria-label": thumb === 0 ? text("minimum", config.label) : text("maximum", config.label),
+					"aria-label": thumb === 0 ? text("minimum", { label: config.label }) : text("maximum", { label: config.label }),
 					min,
 					max,
 					step,

package/dist/format/date.js

@@ -63,10 +63,10 @@ const formatDayRange = (from, to) => day().formatRange(from, to);
 /** "09:30": an instant's time on the clock of `zone`, the viewer's unless given. */
 const formatTime = (ms, zone = viewerZone()) => zonedFormats(zone).time.format(ms);
 const formatAgo = (seconds) => {
-	if (seconds < 60) return text("secondsAgo", seconds);
-	if (seconds < 3600) return text("minutesAgo", Math.floor(seconds / 60));
-	if (seconds < 86400) return text("hoursAgo", Math.floor(seconds / 3600));
-	return text("daysAgo", Math.floor(seconds / 86400));
+	if (seconds < 60) return text("secondsAgo", { count: seconds });
+	if (seconds < 3600) return text("minutesAgo", { count: Math.floor(seconds / 60) });
+	if (seconds < 86400) return text("hoursAgo", { count: Math.floor(seconds / 3600) });
+	return text("daysAgo", { count: Math.floor(seconds / 86400) });
 };
 const relative = () => cachedFormat("relative", (tag) => new Intl.RelativeTimeFormat(tag, { numeric: "auto" }));
 const units = [

package/dist/format/messages.js

@@ -1,24 +1,5 @@
-import { defineMessages } from "../locale/messages.js";
+import { messages } from "../locale/messages.js";
 //#region src/format/messages.ts
-const text = defineMessages({
-	en: {
-		rows: (count, one) => `${count} ${one ? "row" : "rows"}`,
-		aboutRows: (count) => `about ${count} rows`,
-		secondsAgo: (count) => `${count} s ago`,
-		minutesAgo: (count) => `${count} min ago`,
-		hoursAgo: (count) => `${count} h ago`,
-		daysAgo: (count) => `${count} d ago`,
-		justNow: "just now"
-	},
-	nl: {
-		rows: (count, one) => `${count} ${one ? "rij" : "rijen"}`,
-		aboutRows: (count) => `ongeveer ${count} rijen`,
-		secondsAgo: (count) => `${count} s geleden`,
-		minutesAgo: (count) => `${count} min geleden`,
-		hoursAgo: (count) => `${count} u geleden`,
-		daysAgo: (count) => `${count} d geleden`,
-		justNow: "zojuist"
-	}
-});
+const text = messages("format");
 //#endregion
 export { text };

package/dist/format/money.js

@@ -9,6 +9,6 @@ const formatterFor = (currency, decimals) => cachedFormat(`money:${currency}:${d
 	}
 }));
 /** An amount in cents in the currency, with its usual decimals or `decimals` of them. */
-const formatMoney = (cents, currency = "EUR", decimals) => formatterFor(currency, decimals).format(cents / 100);
+const formatMoney = (cents, currency, decimals) => formatterFor(currency, decimals).format(cents / 100);
 //#endregion
 export { formatMoney };

package/dist/format/number.js

@@ -6,9 +6,12 @@ const formatInt = (value) => grouped().format(value);
 const formatSigned = (value) => value > 0 ? `+${grouped().format(value)}` : grouped().format(value).replace("-", "−");
 const formatPercent = (value) => `${value}%`;
 const formatApproxRows = (count) => {
-	if (count < 1e4) return text("rows", formatInt(count), count === 1);
+	if (count < 1e4) return text("rows", {
+		count: formatInt(count),
+		n: count
+	});
 	const magnitude = 10 ** (Math.floor(Math.log10(count)) - 3);
-	return text("aboutRows", formatInt(Math.round(count / magnitude) * magnitude));
+	return text("aboutRows", { count: formatInt(Math.round(count / magnitude) * magnitude) });
 };
 //#endregion
 export { formatApproxRows, formatInt, formatPercent, formatSigned };

package/dist/forms/messages.js

@@ -1,24 +1,5 @@
-import { defineMessages } from "../locale/messages.js";
+import { messages } from "../locale/messages.js";
 //#region src/forms/messages.ts
-const text = defineMessages({
-	en: {
-		loading: "Loading",
-		notFound: "Not found",
-		noForm: "There is no form at this address.",
-		setByDatabase: "Set by the database",
-		notSent: "Not sent",
-		send: "Send",
-		checkTooLong: "The check that you are not a bot took too long; send the form again"
-	},
-	nl: {
-		loading: "Laden",
-		notFound: "Niet gevonden",
-		noForm: "Er is geen formulier op dit adres.",
-		setByDatabase: "Ingevuld door de database",
-		notSent: "Niet verzonden",
-		send: "Verzenden",
-		checkTooLong: "De controle of je geen bot bent duurde te lang; verzend het formulier opnieuw"
-	}
-});
+const text = messages("forms");
 //#endregion
 export { text };

package/dist/inline-child-table/inline-child-table.js

@@ -17,10 +17,25 @@ const announcementsFor = (lines, lineName) => {
 	};
 	const place = (id) => lines.findIndex((line) => line.id === id) + 1;
 	return {
-		onDragStart: ({ active }) => text("pickedUp", name(active.id), place(active.id), lines.length),
-		onDragOver: ({ active, over }) => over ? text("over", name(active.id), place(over.id), lines.length) : void 0,
-		onDragEnd: ({ active, over }) => over ? text("dropped", name(active.id), place(over.id), lines.length) : text("droppedAtStart", name(active.id)),
-		onDragCancel: ({ active }) => text("cancelled", name(active.id), place(active.id))
+		onDragStart: ({ active }) => text("pickedUp", {
+			name: name(active.id),
+			place: place(active.id),
+			count: lines.length
+		}),
+		onDragOver: ({ active, over }) => over ? text("over", {
+			name: name(active.id),
+			place: place(over.id),
+			count: lines.length
+		}) : void 0,
+		onDragEnd: ({ active, over }) => over ? text("dropped", {
+			name: name(active.id),
+			place: place(over.id),
+			count: lines.length
+		}) : text("droppedAtStart", { name: name(active.id) }),
+		onDragCancel: ({ active }) => text("cancelled", {
+			name: name(active.id),
+			place: place(active.id)
+		})
 	};
 };
 /** The lines of a record as rows of the given columns, put in order by dragging or from each row's menu. */

package/dist/inline-child-table/line-row.js

@@ -37,7 +37,7 @@ const LineRow = ({ line, name, columns, position, count, reorderable, onRemove,
 			reorderable ? /* @__PURE__ */ jsx("button", {
 				ref: setActivatorNodeRef,
 				type: "button",
-				"aria-label": text("dragToReorder", name),
+				"aria-label": text("dragToReorder", { name }),
 				...attributes,
 				...listeners,
 				style: { touchAction: "none" },
@@ -49,7 +49,7 @@ const LineRow = ({ line, name, columns, position, count, reorderable, onRemove,
 				children: column.cell(line)
 			}, column.key)),
 			menu.length > 0 ? /* @__PURE__ */ jsx(LineMenu, {
-				label: text("actionsFor", name),
+				label: text("actionsFor", { name }),
 				items: menu
 			}) : /* @__PURE__ */ jsx("span", {}),
 			error && /* @__PURE__ */ jsx("p", {

package/dist/inline-child-table/messages.js

@@ -1,38 +1,5 @@
-import { defineMessages } from "../locale/messages.js";
+import { messages } from "../locale/messages.js";
 //#region src/inline-child-table/messages.ts
-const text = defineMessages({
-	en: {
-		instructions: "To pick up a line, press space or enter on its drag handle. Use the up and down arrow keys to move it, space or enter to drop it, and escape to cancel. The row menu also has Move up and Move down.",
-		line: "line",
-		pickedUp: (name, place, count) => `Picked up ${name}, line ${place} of ${count}.`,
-		over: (name, place, count) => `${name} is over line ${place} of ${count}.`,
-		dropped: (name, place, count) => `${name} was dropped at line ${place} of ${count}.`,
-		droppedAtStart: (name) => `${name} was dropped where it started.`,
-		cancelled: (name, place) => `Moving ${name} was cancelled. It is back at line ${place}.`,
-		addLine: "Add line",
-		noLines: "No lines yet.",
-		moveUp: "Move up",
-		moveDown: "Move down",
-		removeLine: "Remove line",
-		dragToReorder: (name) => `Drag to reorder ${name}`,
-		actionsFor: (name) => `Actions for ${name}`
-	},
-	nl: {
-		instructions: "Druk op spatie of enter op de sleepgreep om een regel op te pakken. Verplaats hem met de pijltjestoetsen omhoog en omlaag, zet hem neer met spatie of enter, en annuleer met escape. Het regelmenu heeft ook Omhoog en Omlaag.",
-		line: "regel",
-		pickedUp: (name, place, count) => `${name} opgepakt, regel ${place} van ${count}.`,
-		over: (name, place, count) => `${name} is boven regel ${place} van ${count}.`,
-		dropped: (name, place, count) => `${name} is neergezet op regel ${place} van ${count}.`,
-		droppedAtStart: (name) => `${name} is neergezet waar hij begon.`,
-		cancelled: (name, place) => `Verplaatsen van ${name} is geannuleerd. Hij staat weer op regel ${place}.`,
-		addLine: "Regel toevoegen",
-		noLines: "Nog geen regels.",
-		moveUp: "Omhoog",
-		moveDown: "Omlaag",
-		removeLine: "Regel verwijderen",
-		dragToReorder: (name) => `Sleep om ${name} te verplaatsen`,
-		actionsFor: (name) => `Acties voor ${name}`
-	}
-});
+const text = messages("inline-child-table");
 //#endregion
 export { text };

package/dist/invitations/link-notice.js

@@ -1,14 +1,13 @@
-import { slotted } from "../locale/slotted.js";
 import { text } from "./messages.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/invitations/link-notice.tsx
 /** The invitation link to pass on, when the app cannot email it. */
 const LinkNotice = ({ link }) => link ? /* @__PURE__ */ jsx("p", {
 	className: "mt-3 break-all rounded-md border bg-muted px-3 py-2 text-xs",
-	children: slotted(text("passLinkOn"), /* @__PURE__ */ jsx("span", {
+	children: text.rich("passLinkOn", { link: /* @__PURE__ */ jsx("span", {
 		className: "font-mono",
 		children: link
-	}))
+	}) })
 }) : null;
 //#endregion
 export { LinkNotice };

package/dist/invitations/messages.js

@@ -1,24 +1,5 @@
-import { defineMessages } from "../locale/messages.js";
+import { messages } from "../locale/messages.js";
 //#region src/invitations/messages.ts
-const text = defineMessages({
-	en: {
-		email: "Email",
-		invite: "Invite",
-		expired: "Expired",
-		until: (date) => `Until ${date}`,
-		sendAgain: "Send again",
-		revoke: "Revoke",
-		passLinkOn: "This app cannot send email, so pass this link on yourself. It works once, until the invitation expires: {}"
-	},
-	nl: {
-		email: "E-mailadres",
-		invite: "Uitnodigen",
-		expired: "Verlopen",
-		until: (date) => `Tot ${date}`,
-		sendAgain: "Opnieuw sturen",
-		revoke: "Intrekken",
-		passLinkOn: "Deze app kan geen e-mail sturen, dus geef deze link zelf door. Die werkt één keer, tot de uitnodiging verloopt: {}"
-	}
-});
+const text = messages("invitations");
 //#endregion
 export { text };

package/dist/invitations/pending-invitation-row.js

@@ -28,7 +28,7 @@ const PendingInvitationRow = ({ email, gives, expiresAt, onResend, onRevoke }) =
 							children: [
 								gives,
 								" · ",
-								expired ? text("expired") : text("until", new Date(expiresAt).toLocaleDateString(formatTag()))
+								expired ? text("expired") : text("until", { date: new Date(expiresAt).toLocaleDateString(formatTag()) })
 							]
 						})]
 					}),

package/dist/lists/messages.js

@@ -1,8 +1,5 @@
-import { defineMessages } from "../locale/messages.js";
+import { messages } from "../locale/messages.js";
 //#region src/lists/messages.ts
-const text = defineMessages({
-	en: { showMore: "Show more" },
-	nl: { showMore: "Meer tonen" }
-});
+const text = messages("lists");
 //#endregion
 export { text };