@protobase/ui 0.63.5 → 0.65.0

package/dist/app/searches/saved-searches.js

@@ -4,7 +4,6 @@ import { recordKey } from "../../live/model-helpers.js";
 import { Skeleton } from "../../primitives/skeleton.js";
 import { AppLink } from "../use-app-address.js";
 import { ErrorBanner } from "../error-banner.js";
-import { slotted } from "../../locale/slotted.js";
 import { can } from "../permissions.js";
 import { PageHeader } from "../../app-shell/page-header.js";
 import { text } from "./messages.js";
@@ -43,10 +42,10 @@ const SavedSearches = ({ model, view }) => {
 	});
 	if (!target) return frame(/* @__PURE__ */ jsx(Notice, {
 		title: text("notFound"),
-		children: slotted(text("noResource"), of.resource)
+		children: text.rich("noResource", { resource: of.resource })
 	}));
 	if (saved.error) return frame(/* @__PURE__ */ jsx(ErrorBanner, {
-		title: text("couldNotLoadYour", plural.toLowerCase()),
+		title: text("couldNotLoadYour", { plural: plural.toLowerCase() }),
 		error: saved.error
 	}));
 	if (!saved.data) return frame(/* @__PURE__ */ jsx("div", {
@@ -57,14 +56,17 @@ const SavedSearches = ({ model, view }) => {
 		const searched = (targetView?.names?.plural ?? humanize(target.name)).toLowerCase();
 		return frame(/* @__PURE__ */ jsx("p", {
 			className: "py-8 text-center text-muted-foreground",
-			children: slotted(text("noSavedYet", plural.toLowerCase()), /* @__PURE__ */ jsx(AppLink, {
-				to: {
-					kind: "list",
-					resource: target.name
-				},
-				className: "font-medium text-primary-text hover:underline",
-				children: searched
-			}))
+			children: text.rich("noSavedYet", {
+				plural: plural.toLowerCase(),
+				list: /* @__PURE__ */ jsx(AppLink, {
+					to: {
+						kind: "list",
+						resource: target.name
+					},
+					className: "font-medium text-primary-text hover:underline",
+					children: searched
+				})
+			})
 		}));
 	}
 	return frame(/* @__PURE__ */ jsx("div", {

package/dist/app/searches/search-controls.js

@@ -51,7 +51,7 @@ const SearchControls = ({ model, view, recordKey, title, row, fields }) => {
 		mutationFn: (patch) => client.update(model.name, recordKey, patch, row.etag ?? "*"),
 		onSuccess: (_, patch) => toast.show({
 			state: "success",
-			title: text("saved", title),
+			title: text("saved", { title }),
 			description: changed(model, view, patch)
 		}),
 		onError: (error) => toast.show({

package/dist/app/searches/search-diff.js

@@ -91,9 +91,15 @@ const filterChanges = (before, after) => {
 /** The net change in the records a search finds: "5 more homes", "1 fewer home" or "As many homes". */
 const netChange = (added, removed, singular, plural) => {
 	const net = added - removed;
-	if (net === 0) return text("asMany", plural);
+	if (net === 0) return text("asMany", { plural });
 	const noun = Math.abs(net) === 1 ? singular : plural;
-	return net > 0 ? text("more", net, noun) : text("fewer", -net, noun);
+	return net > 0 ? text("more", {
+		count: net,
+		noun
+	}) : text("fewer", {
+		count: -net,
+		noun
+	});
 };
 //#endregion
 export { addedFilter, filterChanges, netChange, removedFilter };

package/dist/app/searches/update-search-dialog.js

@@ -87,11 +87,14 @@ const RecordsSide = ({ model, view, title, filter, total, plural }) => {
 			}),
 			total !== void 0 && total > shownLimit && /* @__PURE__ */ jsx("p", {
 				className: "text-xs text-muted-foreground",
-				children: text("firstOf", shownLimit, total)
+				children: text("firstOf", {
+					limit: shownLimit,
+					total
+				})
 			}),
 			filter === null || total === 0 ? /* @__PURE__ */ jsx("p", {
 				className: "text-muted-foreground",
-				children: text("noPlural", plural)
+				children: text("noPlural", { plural })
 			}) : /* @__PURE__ */ jsx(EmbeddedList, {
 				model,
 				view,
@@ -152,7 +155,10 @@ const UpdateSearchDialog = ({ model, view, title, before, after, saveNewLabel, u
 					children: netChange(addedCount, removedCount, singular, plural)
 				}), /* @__PURE__ */ jsxs("span", {
 					className: "text-muted-foreground",
-					children: [": ", text("addedRemoved", count(addedCount, singular, plural), removedCount)]
+					children: [": ", text("addedRemoved", {
+						added: count(addedCount, singular, plural),
+						removed: removedCount
+					})]
 				})] }) : /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-48" }),
 				/* @__PURE__ */ jsx(RecordsSide, {
 					model,

package/dist/app/searches/use-save-search.js

@@ -51,7 +51,7 @@ const useSaveSearch = (search, filter) => {
 				state: "success",
 				title: text("searchSaved"),
 				action: {
-					label: text("openPlural", plural),
+					label: text("openPlural", { plural }),
 					href: href({
 						kind: "list",
 						resource

package/dist/app/searches/use-search-row.js

@@ -37,8 +37,8 @@ const useSearchRow = ({ model, of, target, targetView, row, recordKey }) => {
 		sort: unseen ? `${unseen.field} desc` : void 0,
 		limit: of.limit,
 		chips: name !== void 0,
-		empty: text("noneMatch", plural),
-		note: unseen && newCount.data === 0 && text("noNew", plural),
+		empty: text("noneMatch", { plural }),
+		note: unseen && newCount.data === 0 && text("noNew", { plural }),
 		isNew: unseen && ((record) => isUnseen(record.record[unseen.field], row[unseen.seenAt])),
 		viewAll: {
 			label: text("viewAll"),

package/dist/app/sensitive-field.js

@@ -3,9 +3,9 @@ import { Button } from "../primitives/button.js";
 import { humanize } from "../live/naming.js";
 import { displayValue } from "../live/display-value.js";
 import { text } from "./messages.js";
-import { Input } from "../primitives/input.js";
 import { toDraft } from "../live/field-values.js";
 import { ErrorBanner } from "./error-banner.js";
+import { Input } from "../primitives/input.js";
 import { ConfirmSignIn } from "./confirm-sign-in.js";
 import { useState } from "react";
 import { Eye, EyeOff } from "lucide-react";
@@ -36,7 +36,7 @@ const SensitiveField = ({ field, hints, value, reveal, locked, invalid, placehol
 		variant: "ghost",
 		size: "sm",
 		className: "-mr-1.5 px-1.5",
-		"aria-label": shown ? text("hide", label) : text("show", label),
+		"aria-label": shown ? text("hide", { label }) : text("show", { label }),
 		"aria-pressed": shown,
 		loading: stored.isPending,
 		onClick: toggle,
@@ -49,7 +49,7 @@ const SensitiveField = ({ field, hints, value, reveal, locked, invalid, placehol
 	}) : stored.error && /* @__PURE__ */ jsx("div", {
 		className: "mt-2",
 		children: /* @__PURE__ */ jsx(ErrorBanner, {
-			title: text("couldNotShow", label),
+			title: text("couldNotShow", { label }),
 			error: stored.error
 		})
 	});

package/dist/app/source-notice.js

@@ -8,7 +8,7 @@ import { useQueryClient } from "@tanstack/react-query";
 //#region src/app/source-notice.tsx
 const reason = (error) => {
 	if (!isApiError(error)) return text("noAnswer");
-	if (error.status === 401 || error.status === 403) return text("signInRefused", error.message);
+	if (error.status === 401 || error.status === 403) return text("signInRefused", { message: error.message });
 	return error.message;
 };
 /** Where a resource drawn from another API would be while that API's `/meta` loads, or when it cannot be read. */
@@ -19,7 +19,7 @@ const SourceNotice = ({ status }) => {
 		children: [
 			/* @__PURE__ */ jsx(Spinner, {}),
 			" ",
-			text("loadingFrom", status.source.label)
+			text("loadingFrom", { label: status.source.label })
 		]
 	});
 	return /* @__PURE__ */ jsx("div", {
@@ -29,7 +29,7 @@ const SourceNotice = ({ status }) => {
 			children: [
 				/* @__PURE__ */ jsx("h1", {
 					className: "text-[16px] font-semibold",
-					children: text("cannotReach", status.source.label)
+					children: text("cannotReach", { label: status.source.label })
 				}),
 				/* @__PURE__ */ jsxs("p", {
 					className: "mt-1 text-muted-foreground",

package/dist/app/staff-banner.js

@@ -1,7 +1,6 @@
 import { Button } from "../primitives/button.js";
 import { formatDateTime } from "../format/date.js";
 import { text } from "./messages.js";
-import { slotted } from "../locale/slotted.js";
 import { authMessage } from "../auth/auth-messages.js";
 import { useState } from "react";
 import { UserRoundCog } from "lucide-react";
@@ -34,13 +33,18 @@ const StaffBanner = ({ signIn, onStop }) => {
 			}),
 			/* @__PURE__ */ jsx("p", {
 				className: "min-w-64 flex-1 break-words",
-				children: slotted(text("staffSignedIn"), /* @__PURE__ */ jsx("span", {
-					className: "font-semibold",
-					children: signIn.staffName ?? signIn.staff
-				}), /* @__PURE__ */ jsx("span", {
-					className: "font-semibold",
-					children: signIn.user
-				}), formatDateTime(Date.parse(signIn.expiresAt)), signIn.reason)
+				children: text.rich("staffSignedIn", {
+					staff: /* @__PURE__ */ jsx("span", {
+						className: "font-semibold",
+						children: signIn.staffName ?? signIn.staff
+					}),
+					user: /* @__PURE__ */ jsx("span", {
+						className: "font-semibold",
+						children: signIn.user
+					}),
+					until: formatDateTime(Date.parse(signIn.expiresAt)),
+					reason: signIn.reason
+				})
 			}),
 			error && /* @__PURE__ */ jsx("p", {
 				role: "alert",

package/dist/app/use-live-save.js

@@ -22,7 +22,7 @@ const useLiveSave = (mode, subject) => {
 	const run = async (action) => {
 		const id = mode === "toast" ? toast.show({
 			state: "loading",
-			title: text("savingSubject", subject)
+			title: text("savingSubject", { subject })
 		}) : void 0;
 		setMessage(void 0);
 		if (mode === "button") setPhase("saving");
@@ -34,7 +34,7 @@ const useLiveSave = (mode, subject) => {
 			}
 			if (id !== void 0) toast.update(id, {
 				state: "success",
-				title: text("subjectSaved", subject)
+				title: text("subjectSaved", { subject })
 			});
 			if (mode === "button") {
 				setPhase("saved");

package/dist/app/user-menu-from-meta.js

@@ -1,6 +1,5 @@
 import { humanize } from "../live/naming.js";
-import { iconFor } from "./icons.js";
-import { menuIcon } from "./menu-icons.js";
+import { menuIcon, resourceIcon } from "./menu-icons.js";
 import { ExternalLink, LayoutDashboard } from "lucide-react";
 import { appPath } from "@protobase/schema";
 //#region src/app/user-menu-from-meta.ts
@@ -31,7 +30,7 @@ const userMenuFromMeta = (meta, basePath, activeResource) => (meta.userMenu?.ite
 	return {
 		id: item.resource,
 		label: item.label ?? meta.views[item.resource]?.names?.plural ?? humanize(item.resource),
-		icon: menuIcon(item.icon, iconFor(item.resource)),
+		icon: menuIcon(item.icon, resourceIcon(meta, item.resource)),
 		href: appPath({
 			kind: "list",
 			resource: item.resource

package/dist/app/value-badge.js

@@ -1,11 +1,10 @@
 import { Badge } from "../primitives/badge.js";
-import { toneFor } from "../live/columns-from-model.js";
-import { valueColor } from "../live/value-color.js";
+import { valueColor, valueTone } from "../live/value-color.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/app/value-badge.tsx
-/** A stored value as a badge: filled with the colour the view gives it and in its badge shape, else in its tone. */
+/** A stored value as a badge: in its badge shape, filled with the colour the view gives it or in the tone it gives it. */
 const ValueBadge = ({ value, hints, children }) => /* @__PURE__ */ jsx(Badge, {
-	tone: toneFor(String(value)),
+	tone: valueTone(hints?.valueColors, value),
 	color: valueColor(hints?.valueColors, value),
 	shape: hints?.badgeShape,
 	children

package/dist/app-shell/global-search.js

@@ -98,7 +98,7 @@ const GlobalSearch = ({ search, className = "w-96", autoFocus, showShortcut = tr
 			className: "absolute right-0 top-full z-40 mt-1 max-h-96 w-full min-w-72 overflow-y-auto rounded-lg border bg-background py-1 shadow-pop",
 			children: [search.groups.length === 0 && /* @__PURE__ */ jsx("p", {
 				className: "px-3 py-2 text-muted-foreground",
-				children: search.loading ? text("searching") : text("noMatches", search.query)
+				children: search.loading ? text("searching") : text("noMatches", { query: search.query })
 			}), search.groups.map((group) => /* @__PURE__ */ jsxs("div", {
 				role: "group",
 				"aria-label": group.label,
@@ -109,7 +109,7 @@ const GlobalSearch = ({ search, className = "w-96", autoFocus, showShortcut = tr
 					}),
 					group.failed && /* @__PURE__ */ jsx("p", {
 						className: "px-3 py-1.5 text-danger-text",
-						children: text("couldNotSearch", group.label)
+						children: text("couldNotSearch", { label: group.label })
 					}),
 					group.hits.map((hit) => {
 						position += 1;

package/dist/app-shell/messages.js

@@ -1,66 +1,5 @@
-import { defineMessages } from "../locale/messages.js";
+import { messages } from "../locale/messages.js";
 //#region src/app-shell/messages.ts
-const text = defineMessages({
-	en: {
-		navigation: "Navigation",
-		resources: "Resources",
-		breadcrumb: "Breadcrumb",
-		tabs: "Tabs",
-		more: "More",
-		openNavigation: "Open navigation",
-		backTo: (label) => `Back to ${label}`,
-		search: "Search",
-		closeSearch: "Close search",
-		clearSearch: "Clear search",
-		globalSearch: "Global search",
-		searchResults: "Search results",
-		searching: "Searching",
-		noMatches: (query) => `No matches for “${query}”`,
-		profileMenu: "Profile menu",
-		organizations: "Organizations",
-		roles: "Roles",
-		signIn: "Sign in",
-		signOut: "Sign out",
-		theme: "Theme",
-		light: "Light",
-		dark: "Dark",
-		system: "System",
-		recent: (plural) => `Recent ${plural}`,
-		loading: "Loading...",
-		couldNotLoad: "Could not load",
-		viewAll: "View all",
-		couldNotSearch: (label) => `Could not search ${label.toLowerCase()}`
-	},
-	nl: {
-		navigation: "Navigatie",
-		resources: "Onderdelen",
-		breadcrumb: "Kruimelpad",
-		tabs: "Tabbladen",
-		more: "Meer",
-		openNavigation: "Navigatie openen",
-		backTo: (label) => `Terug naar ${label}`,
-		search: "Zoeken",
-		closeSearch: "Zoeken sluiten",
-		clearSearch: "Zoekopdracht wissen",
-		globalSearch: "Overal zoeken",
-		searchResults: "Zoekresultaten",
-		searching: "Zoeken",
-		noMatches: (query) => `Niets gevonden voor “${query}”`,
-		profileMenu: "Profielmenu",
-		organizations: "Organisaties",
-		roles: "Rollen",
-		signIn: "Inloggen",
-		signOut: "Uitloggen",
-		theme: "Thema",
-		light: "Licht",
-		dark: "Donker",
-		system: "Systeem",
-		recent: (plural) => `Recente ${plural}`,
-		loading: "Laden...",
-		couldNotLoad: "Kon niet laden",
-		viewAll: "Alles bekijken",
-		couldNotSearch: (label) => `Kon niet zoeken in ${label.toLowerCase()}`
-	}
-});
+const text = messages("app-shell");
 //#endregion
 export { text };

package/dist/app-shell/sidebar-group.js

@@ -43,14 +43,14 @@ const SidebarGroup = ({ item, recent, mode, active, onNavigate }) => {
 				type: "button",
 				"aria-expanded": open,
 				"aria-controls": listId,
-				"aria-label": text("recent", item.label.toLowerCase()),
+				"aria-label": text("recent", { plural: item.label.toLowerCase() }),
 				onClick: toggle,
 				className: "absolute right-1 top-1/2 inline-flex size-6 -translate-y-1/2 items-center justify-center rounded text-faint-foreground hover:bg-muted hover:text-foreground",
 				children: /* @__PURE__ */ jsx(ChevronRight, { className: cn("size-3.5 transition-transform", open && "rotate-90") })
 			})]
 		}), open && /* @__PURE__ */ jsxs("ul", {
 			id: listId,
-			"aria-label": text("recent", item.label.toLowerCase()),
+			"aria-label": text("recent", { plural: item.label.toLowerCase() }),
 			className: cn("flex flex-col gap-0.5 border-l pl-1.5", subRowIndent[mode]),
 			children: [
 				recent.state === "loading" && /* @__PURE__ */ jsx("li", {

package/dist/app-shell/sidebar.js

@@ -2,7 +2,6 @@ import { cn } from "../lib/cn.js";
 import { text } from "./messages.js";
 import { RouteLink } from "../primitives/route-link.js";
 import { Logo } from "./logo.js";
-import { navGroups } from "./nav.js";
 import { ThemeSwitch } from "./theme-switch.js";
 import { ProfileMenu } from "./profile-menu.js";
 import { SidebarCreateLink } from "./sidebar-create-link.js";
@@ -13,7 +12,7 @@ import { Fragment } from "react";
 import { LogIn } from "lucide-react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/app-shell/sidebar.tsx
-const Sidebar = ({ mode, activeItem, user, workspace, appName, appIcon, forceExpanded, profileMenuOpen, groups = navGroups, userMenu, account, onNavigate, onSignOut, signIn, organizations, roles, theme, status, sticky, logo: SidebarLogo = Logo, notice }) => {
+const Sidebar = ({ mode, activeItem, user, workspace, appName, appIcon, forceExpanded, profileMenuOpen, groups = [], userMenu, account, onNavigate, onSignOut, signIn, organizations, roles, theme, status, sticky, logo: SidebarLogo = Logo, notice }) => {
 	const expanding = mode === "icon-expand";
 	const expanded = expanding && forceExpanded;
 	const inline = isTextMode(mode) || expanding;

package/dist/app-shell/top-bar.js

@@ -40,7 +40,7 @@ const TopBar = ({ breadcrumb, onNavigate, onBack, actions, onMenu, menuOpen, men
 			}),
 			back && /* @__PURE__ */ jsx("a", {
 				href: back.href,
-				"aria-label": text("backTo", back.label),
+				"aria-label": text("backTo", { label: back.label }),
 				onClick: (event) => {
 					const follow = onBack ?? onNavigate;
 					if (!follow || !inApp(event)) return;

package/dist/assistant-dock/messages.js

@@ -1,26 +1,5 @@
-import { defineMessages } from "../locale/messages.js";
+import { messages } from "../locale/messages.js";
 //#region src/assistant-dock/messages.ts
-const text = defineMessages({
-	en: {
-		askQuestion: "Ask a question...",
-		assistant: "Assistant",
-		reconnecting: "Reconnecting...",
-		empty: "Ask a question about this app or its data.",
-		noAnswer: "The assistant did not answer",
-		backendNoAnswer: "The assistant backend did not answer",
-		couldNotDraw: "It could not be drawn.",
-		cannotShowLive: "This version of the app cannot show it live."
-	},
-	nl: {
-		askQuestion: "Stel een vraag...",
-		assistant: "Assistent",
-		reconnecting: "Opnieuw verbinden...",
-		empty: "Stel een vraag over deze app of de gegevens ervan.",
-		noAnswer: "De assistent antwoordde niet",
-		backendNoAnswer: "De backend van de assistent antwoordde niet",
-		couldNotDraw: "Dit kon niet worden getekend.",
-		cannotShowLive: "Deze versie van de app kan dit niet live tonen."
-	}
-});
+const text = messages("assistant-dock");
 //#endregion
 export { text };

package/dist/auth/auth-gate.js

@@ -142,7 +142,7 @@ const useAuthPage = (workspace, children) => {
 			className: "flex h-full min-h-48 flex-col items-center justify-center gap-3 p-8 text-center",
 			children: [/* @__PURE__ */ jsx("p", {
 				className: "text-muted-foreground",
-				children: text("cannotReach", state.message)
+				children: text("cannotReach", { message: state.message })
 			}), /* @__PURE__ */ jsx(Button, {
 				onClick: recheck,
 				children: text("tryAgain")

package/dist/auth/auth-messages.js

@@ -1,85 +1,6 @@
-import { defineMessages } from "../locale/messages.js";
+import { messages as messages$1 } from "../locale/messages.js";
 //#region src/auth/auth-messages.ts
-const text = defineMessages({
-	en: {
-		tooManyRequests: "Too many attempts. Wait a minute and try again.",
-		passkeyClosed: "The passkey prompt closed before it finished. Try again.",
-		wrongEmailOrPassword: "The email or password is not right.",
-		wrongPassword: "The password is not right.",
-		wrongCode: "The code is not right.",
-		wrongOrExpiredCode: "The code is not right, or has expired. Ask for a new one.",
-		codeExpired: "The code has expired. Ask for a new one.",
-		tooManyCodes: "Too many wrong codes. Ask for a new one.",
-		wrongBackupCode: "The backup code is not right, or was used before.",
-		tooManyCodesSignIn: "Too many wrong codes. Sign in again.",
-		locked: "Too many wrong codes. Wait 15 minutes and try again.",
-		tooSlow: "This sign-in took too long. Sign in again.",
-		passkeyNotFound: "This passkey is not registered for an account here.",
-		passkeyFailed: "The passkey could not be checked. Try again.",
-		passkeyAdded: "This passkey is added already.",
-		notFresh: "For this change, sign out and sign in again first.",
-		staffPermissionMissing: "Your staff account has no permission to sign in as people here.",
-		staffNotStrong: "Sign in to your staff account with a passkey or a second step, then try again.",
-		staffStale: "Your staff sign-in is too old. Sign in to your staff account again.",
-		staffExpired: "This staff sign-in took too long or was used already. Start again.",
-		staffProviderFailed: "The staff sign-in did not go through at the provider. Try again.",
-		staffUserUnavailable: "There is no account with this address, or it is disabled.",
-		staffReasonRequired: "Say why you sign in as this person, in at least 10 characters.",
-		staffForbidden: "Staff sign-in is turned off for this app.",
-		untrustedCallback: "This page is not on an address the server trusts.",
-		staffFailed: "The staff sign-in did not go through. Try again.",
-		passwordLeaked: "This password appears in a known data breach. Choose a different one."
-	},
-	nl: {
-		tooManyRequests: "Te veel pogingen. Wacht een minuut en probeer het opnieuw.",
-		passkeyClosed: "De passkey-vraag sloot voordat die klaar was. Probeer het opnieuw.",
-		wrongEmailOrPassword: "Het e-mailadres of wachtwoord klopt niet.",
-		wrongPassword: "Het wachtwoord klopt niet.",
-		wrongCode: "De code klopt niet.",
-		wrongOrExpiredCode: "De code klopt niet, of is verlopen. Vraag een nieuwe aan.",
-		codeExpired: "De code is verlopen. Vraag een nieuwe aan.",
-		tooManyCodes: "Te veel verkeerde codes. Vraag een nieuwe aan.",
-		wrongBackupCode: "De back-upcode klopt niet, of is al eerder gebruikt.",
-		tooManyCodesSignIn: "Te veel verkeerde codes. Log opnieuw in.",
-		locked: "Te veel verkeerde codes. Wacht 15 minuten en probeer het opnieuw.",
-		tooSlow: "Deze inlogpoging duurde te lang. Log opnieuw in.",
-		passkeyNotFound: "Deze passkey hoort hier bij geen enkel account.",
-		passkeyFailed: "De passkey kon niet worden gecontroleerd. Probeer het opnieuw.",
-		passkeyAdded: "Deze passkey is al toegevoegd.",
-		notFresh: "Log voor deze wijziging eerst uit en opnieuw in.",
-		staffPermissionMissing: "Je medewerkersaccount mag hier niet als iemand anders inloggen.",
-		staffNotStrong: "Log in op je medewerkersaccount met een passkey of een tweede stap, en probeer het dan opnieuw.",
-		staffStale: "Je inlog als medewerker is te oud. Log opnieuw in op je medewerkersaccount.",
-		staffExpired: "Deze inlog als medewerker duurde te lang of is al gebruikt. Begin opnieuw.",
-		staffProviderFailed: "De inlog als medewerker lukte niet bij de provider. Probeer het opnieuw.",
-		staffUserUnavailable: "Er is geen account met dit adres, of het is uitgeschakeld.",
-		staffReasonRequired: "Zeg in minstens 10 tekens waarom je als deze persoon inlogt.",
-		staffForbidden: "Inloggen als medewerker staat uit voor deze app.",
-		untrustedCallback: "Deze pagina staat niet op een adres dat de server vertrouwt.",
-		staffFailed: "De inlog als medewerker lukte niet. Probeer het opnieuw.",
-		passwordLeaked: "Dit wachtwoord komt voor in een bekend datalek. Kies een ander wachtwoord."
-	}
-});
-const providerText = defineMessages({
-	en: {
-		signupDisabled: (name) => `No account here belongs to this ${name} account. Ask an admin to add you, or sign in another way.`,
-		notLinked: (name) => `Your ${name} account is not linked to your account here. Sign in another way, then connect ${name} on your account page.`,
-		linkedToOther: (name) => `This ${name} account is linked to someone else here already.`,
-		couldNotLink: (name) => `Your ${name} account could not be linked. Try again.`,
-		accessDenied: (name) => `${name} did not let you in, or you cancelled.`,
-		domainNotAllowed: (name) => `${name} signed you in with an address this app does not accept from it. Sign in another way.`,
-		providerFailed: (name) => `Signing in with ${name} did not go through. Try again.`
-	},
-	nl: {
-		signupDisabled: (name) => `Geen account hier hoort bij dit ${name}-account. Vraag een beheerder om je toe te voegen, of log op een andere manier in.`,
-		notLinked: (name) => `Je ${name}-account is niet gekoppeld aan je account hier. Log op een andere manier in en koppel ${name} dan op je accountpagina.`,
-		linkedToOther: (name) => `Dit ${name}-account is hier al aan iemand anders gekoppeld.`,
-		couldNotLink: (name) => `Je ${name}-account kon niet worden gekoppeld. Probeer het opnieuw.`,
-		accessDenied: (name) => `${name} liet je niet binnen, of je hebt geannuleerd.`,
-		domainNotAllowed: (name) => `${name} logde je in met een adres dat deze app daarvan niet accepteert. Log op een andere manier in.`,
-		providerFailed: (name) => `Inloggen met ${name} lukte niet. Probeer het opnieuw.`
-	}
-});
+const text = messages$1("auth/errors");
 const messages = {
 	INVALID_EMAIL_OR_PASSWORD: "wrongEmailOrPassword",
 	INVALID_PASSWORD: "wrongPassword",
@@ -131,14 +52,14 @@ const staffSignInMessage = (failure) => {
 	return failure.status === 429 ? text("tooManyRequests") : failure.message;
 };
 const providerMessages = {
-	signup_disabled: (name) => providerText("signupDisabled", name),
-	account_not_linked: (name) => providerText("notLinked", name),
-	account_already_linked_to_different_user: (name) => providerText("linkedToOther", name),
-	unable_to_link_account: (name) => providerText("couldNotLink", name),
-	access_denied: (name) => providerText("accessDenied", name),
-	EMAIL_DOMAIN_NOT_ALLOWED: (name) => providerText("domainNotAllowed", name)
+	signup_disabled: (name) => text("signupDisabled", { name }),
+	account_not_linked: (name) => text("notLinked", { name }),
+	account_already_linked_to_different_user: (name) => text("linkedToOther", { name }),
+	unable_to_link_account: (name) => text("couldNotLink", { name }),
+	access_denied: (name) => text("accessDenied", { name }),
+	EMAIL_DOMAIN_NOT_ALLOWED: (name) => text("domainNotAllowed", { name })
 };
 /** Why signing in or linking with the provider `name` did not go through, from the code it came back with. */
-const providerMessage = (code, name) => providerMessages[code]?.(name) ?? providerText("providerFailed", name);
+const providerMessage = (code, name) => providerMessages[code]?.(name) ?? text("providerFailed", { name });
 //#endregion
 export { authMessage, providerMessage, signInMessage, staffSignInMessage };

package/dist/auth/email-code-form.js

@@ -1,5 +1,4 @@
 import { text } from "./messages.js";
-import { slotted } from "../locale/slotted.js";
 import { CodeForm } from "./code-form.js";
 import { Fragment, jsx } from "react/jsx-runtime";
 //#region src/auth/email-code-form.tsx
@@ -7,10 +6,10 @@ import { Fragment, jsx } from "react/jsx-runtime";
 const EmailCodeForm = ({ email, onBack, ...rest }) => /* @__PURE__ */ jsx(CodeForm, {
 	title: text("checkEmail"),
 	description: text("signInCodeDescription"),
-	explanation: /* @__PURE__ */ jsx(Fragment, { children: slotted(text("signInCodeSent"), /* @__PURE__ */ jsx("span", {
+	explanation: /* @__PURE__ */ jsx(Fragment, { children: text.rich("signInCodeSent", { email: /* @__PURE__ */ jsx("span", {
 		className: "font-medium text-foreground",
 		children: email
-	})) }),
+	}) }) }),
 	submitLabel: text("signIn"),
 	onChangeAddress: onBack,
 	changeAddressLabel: text("backToSignIn"),

package/dist/auth/forgot-password-form.js

@@ -3,7 +3,6 @@ import { cn } from "../lib/cn.js";
 import { Button, buttonClass } from "../primitives/button.js";
 import { RouteLink } from "../primitives/route-link.js";
 import { Input } from "../primitives/input.js";
-import { slotted } from "../locale/slotted.js";
 import { AuthLayout } from "./auth-layout.js";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -14,10 +13,10 @@ const ForgotPasswordForm = ({ onSubmit, back, busy, error, sentTo }) => {
 		title: text("checkEmail"),
 		children: [/* @__PURE__ */ jsx("p", {
 			className: "text-muted-foreground",
-			children: slotted(text("resetSent"), /* @__PURE__ */ jsx("span", {
+			children: text.rich("resetSent", { email: /* @__PURE__ */ jsx("span", {
 				className: "font-medium text-foreground",
 				children: sentTo
-			}))
+			}) })
 		}), /* @__PURE__ */ jsx(RouteLink, {
 			to: back,
 			className: cn(buttonClass({ variant: "primary" }), "mt-4 min-h-10 w-full"),