@protobase/ui 0.63.5 → 0.65.0

package/dist/auth/messages.js

@@ -1,206 +1,5 @@
-import { defineMessages } from "../locale/messages.js";
+import { messages } from "../locale/messages.js";
 //#region src/auth/messages.ts
-const text = defineMessages({
-	en: {
-		loading: "Loading",
-		cannotReach: (message) => `Cannot reach the server: ${message}`,
-		tryAgain: "Try again",
-		passwordChanged: "Your password is changed. Sign in with the new one.",
-		noAnswer: "The server did not answer",
-		code: "Code",
-		backupCode: "Backup code",
-		email: "Email",
-		password: "Password",
-		passwordOptional: "Password (optional)",
-		signIn: "Sign in",
-		signOut: "Sign out",
-		continue: "Continue",
-		backToSignIn: "Back to sign in",
-		useAnotherAddress: "Use another address",
-		checkEmail: "Check your email",
-		newCodeSent: "A new code is on its way. Only the newest one works.",
-		sendNewCode: "Send a new code",
-		sendNewCodeIn: (seconds) => `Send a new code in ${seconds}s`,
-		signInCodeDescription: "Enter the code we sent to sign in.",
-		signInCodeSent: "If {} has an account, a 6-digit code is on its way. It works for 5 minutes, once.",
-		signUpCodeDescription: "Enter the code we sent to create your account.",
-		signUpCodeSent: "A 6-digit code is on its way to {}. It works for 5 minutes, once. If the address has an account already, the email says so instead.",
-		noAdminTitle: "No admin yet",
-		noAdminDescription: "This Protobase has no users to sign in with.",
-		noAdminExplanation: "Run this in the terminal where Protobase runs, then reload. The first admin is created on the server, not in the browser, so nobody else can claim a fresh URL.",
-		copyCommand: "Copy command",
-		firstAdminExplanation: "The first user is added in the Protobase Cloud console, not in the browser, so nobody else can claim a fresh URL. Add yourself there, then reload.",
-		firstAdminLink: "Add your first user in the Protobase Cloud console",
-		reload: "Reload",
-		tooManyRequests: "Too many requests. Wait a minute and try again.",
-		tooManyAttempts: "Too many attempts. Wait a minute and try again.",
-		resetTitle: "Reset your password",
-		resetDescription: "We email you a link to choose a new one.",
-		sendResetLink: "Send reset link",
-		resetSent: "If {} has an account, an email with a link to choose a new password is on its way. The link works once, for a limited time.",
-		linkExpiredTitle: "This link no longer works",
-		linkExpiredExplanation: "A reset link works once, for a limited time. Ask for a new one to choose your password.",
-		sendNewLink: "Send a new link",
-		passwordsDiffer: "The passwords are not the same.",
-		choosePassword: "Choose a new password",
-		atLeast: (length) => `At least ${length} characters.`,
-		useAtLeast: (length) => `Use at least ${length} characters.`,
-		passwordTooLong: "That password is too long.",
-		newPassword: "New password",
-		repeatPassword: "Repeat new password",
-		setPassword: "Set new password",
-		signingInWith: (name) => `Signing in with ${name}`,
-		takingYouTo: (name) => `Taking you to ${name}…`,
-		providerNotOffered: (name) => `Signing in with ${name} is not offered here. Sign in another way.`,
-		turnOnTwoFactor: "Turn on two-factor authentication",
-		addPasskey: "Add a passkey",
-		requiredForEveryAccount: "This app requires it for every account.",
-		passkeyExplanation: "A passkey signs you in with Face ID, Touch ID, Windows Hello, your phone or a security key. Your browser asks which one to use.",
-		couldNotReadAccount: "Could not read your account",
-		signInTitle: "Sign in to Protobase",
-		continueWith: (name) => `Continue with ${name}`,
-		signInWithPasskey: "Sign in with a passkey",
-		passkeyFor: (domain) => `Use a passkey made for ${domain}`,
-		or: "or",
-		emailSignInCode: "Email me a sign-in code",
-		usePassword: "Use a password",
-		forgotPassword: "Forgot password?",
-		newHere: "New here?",
-		haveAccount: "Have an account?",
-		createAnAccount: "Create an account",
-		browse: "Continue without signing in",
-		notNow: "Not now",
-		detailsTitle: "Your details",
-		detailsDescription: "One last step to create your account.",
-		yourName: "Your name",
-		codeWasRight: "The code was right: the account is for {}.",
-		withoutPassword: " Without one, you sign in with a code we email you.",
-		createAccount: "Create account",
-		codeToConfirm: "We email you a code to make sure the address is yours.",
-		emailCode: "Email me a code",
-		browseWithoutAccount: "Continue without an account",
-		staffTitle: "Staff sign-in",
-		staffUnavailable: "Staff of the team that runs this app cannot sign in as people here.",
-		signInAsPerson: "Sign in as a person",
-		forStaffOf: (operator) => `For staff of ${operator}, to help someone with this app.`,
-		theirEmail: "Their email",
-		reason: "Reason",
-		reasonExample: "Ticket 4211: the invoice totals look wrong",
-		staffExplanation: (operator) => `You sign in at ${operator} with a passkey or a second step. The session is short, shows a banner, and cannot change their sign-in. The app's admins see who signed in as whom, and why.`,
-		totpInstruction: "Enter the 6-digit code from your authenticator app.",
-		otpInstruction: "Enter the 6-digit code we emailed you. It works for 5 minutes.",
-		backupInstruction: "Enter one of the backup codes you saved when you set up the authenticator app. Each works once.",
-		twoFactorTitle: "Two-factor authentication",
-		twoFactorDescription: "One more step to sign in.",
-		codeToFinish: "We email you a code to finish signing in.",
-		trustBrowser: "Trust this browser",
-		trustBrowserFor: "Don't ask again in this browser for 30 days",
-		verify: "Verify",
-		useAuthenticator: "Use the authenticator app",
-		emailCodeInstead: "Email me a code instead",
-		useBackupCode: "Use a backup code",
-		admin: "Admin"
-	},
-	nl: {
-		loading: "Laden",
-		cannotReach: (message) => `Kan de server niet bereiken: ${message}`,
-		tryAgain: "Opnieuw proberen",
-		passwordChanged: "Je wachtwoord is gewijzigd. Log in met het nieuwe.",
-		noAnswer: "De server antwoordde niet",
-		code: "Code",
-		backupCode: "Back-upcode",
-		email: "E-mailadres",
-		password: "Wachtwoord",
-		passwordOptional: "Wachtwoord (optioneel)",
-		signIn: "Inloggen",
-		signOut: "Uitloggen",
-		continue: "Doorgaan",
-		backToSignIn: "Terug naar inloggen",
-		useAnotherAddress: "Een ander adres gebruiken",
-		checkEmail: "Kijk in je e-mail",
-		newCodeSent: "Er is een nieuwe code onderweg. Alleen de nieuwste werkt.",
-		sendNewCode: "Nieuwe code sturen",
-		sendNewCodeIn: (seconds) => `Nieuwe code sturen over ${seconds}s`,
-		signInCodeDescription: "Vul de code in die we stuurden om in te loggen.",
-		signInCodeSent: "Als {} een account heeft, is er een code van 6 cijfers onderweg. Die werkt 5 minuten, één keer.",
-		signUpCodeDescription: "Vul de code in die we stuurden om je account te maken.",
-		signUpCodeSent: "Er is een code van 6 cijfers onderweg naar {}. Die werkt 5 minuten, één keer. Heeft het adres al een account, dan staat dat in de e-mail.",
-		noAdminTitle: "Nog geen beheerder",
-		noAdminDescription: "Deze Protobase heeft geen gebruikers om mee in te loggen.",
-		noAdminExplanation: "Voer dit uit in de terminal waar Protobase draait en laad de pagina daarna opnieuw. De eerste beheerder wordt op de server gemaakt, niet in de browser, zodat niemand anders een nieuwe URL kan opeisen.",
-		copyCommand: "Opdracht kopiëren",
-		firstAdminExplanation: "De eerste gebruiker wordt in de Protobase Cloud-console toegevoegd, niet in de browser, zodat niemand anders een nieuwe URL kan opeisen. Voeg jezelf daar toe en laad de pagina daarna opnieuw.",
-		firstAdminLink: "Voeg je eerste gebruiker toe in de Protobase Cloud-console",
-		reload: "Opnieuw laden",
-		tooManyRequests: "Te veel verzoeken. Wacht een minuut en probeer het opnieuw.",
-		tooManyAttempts: "Te veel pogingen. Wacht een minuut en probeer het opnieuw.",
-		resetTitle: "Je wachtwoord herstellen",
-		resetDescription: "We mailen je een link om een nieuw te kiezen.",
-		sendResetLink: "Herstellink sturen",
-		resetSent: "Als {} een account heeft, is er een e-mail onderweg met een link om een nieuw wachtwoord te kiezen. De link werkt één keer, een beperkte tijd.",
-		linkExpiredTitle: "Deze link werkt niet meer",
-		linkExpiredExplanation: "Een herstellink werkt één keer, een beperkte tijd. Vraag een nieuwe aan om je wachtwoord te kiezen.",
-		sendNewLink: "Nieuwe link sturen",
-		passwordsDiffer: "De wachtwoorden zijn niet hetzelfde.",
-		choosePassword: "Kies een nieuw wachtwoord",
-		atLeast: (length) => `Minstens ${length} tekens.`,
-		useAtLeast: (length) => `Gebruik minstens ${length} tekens.`,
-		passwordTooLong: "Dat wachtwoord is te lang.",
-		newPassword: "Nieuw wachtwoord",
-		repeatPassword: "Nieuw wachtwoord herhalen",
-		setPassword: "Nieuw wachtwoord instellen",
-		signingInWith: (name) => `Inloggen met ${name}`,
-		takingYouTo: (name) => `Je gaat naar ${name}…`,
-		providerNotOffered: (name) => `Inloggen met ${name} kan hier niet. Log op een andere manier in.`,
-		turnOnTwoFactor: "Tweestapsverificatie aanzetten",
-		addPasskey: "Passkey toevoegen",
-		requiredForEveryAccount: "Deze app vraagt het voor elk account.",
-		passkeyExplanation: "Met een passkey log je in met Face ID, Touch ID, Windows Hello, je telefoon of een beveiligingssleutel. Je browser vraagt welke je gebruikt.",
-		couldNotReadAccount: "Kon je account niet lezen",
-		signInTitle: "Inloggen bij Protobase",
-		continueWith: (name) => `Doorgaan met ${name}`,
-		signInWithPasskey: "Inloggen met een passkey",
-		passkeyFor: (domain) => `Een passkey voor ${domain} gebruiken`,
-		or: "of",
-		emailSignInCode: "Mail me een inlogcode",
-		usePassword: "Een wachtwoord gebruiken",
-		forgotPassword: "Wachtwoord vergeten?",
-		newHere: "Nieuw hier?",
-		haveAccount: "Heb je een account?",
-		createAnAccount: "Account maken",
-		browse: "Doorgaan zonder in te loggen",
-		notNow: "Niet nu",
-		detailsTitle: "Je gegevens",
-		detailsDescription: "Nog één stap om je account te maken.",
-		yourName: "Je naam",
-		codeWasRight: "De code klopte: het account is voor {}.",
-		withoutPassword: " Zonder wachtwoord log je in met een code die we je mailen.",
-		createAccount: "Account maken",
-		codeToConfirm: "We mailen je een code om te controleren dat het adres van jou is.",
-		emailCode: "Mail me een code",
-		browseWithoutAccount: "Doorgaan zonder account",
-		staffTitle: "Inloggen als medewerker",
-		staffUnavailable: "Medewerkers van het team dat deze app beheert, kunnen hier niet als iemand anders inloggen.",
-		signInAsPerson: "Inloggen als iemand anders",
-		forStaffOf: (operator) => `Voor medewerkers van ${operator}, om iemand met deze app te helpen.`,
-		theirEmail: "Hun e-mailadres",
-		reason: "Reden",
-		reasonExample: "Ticket 4211: de factuurtotalen kloppen niet",
-		staffExplanation: (operator) => `Je logt in bij ${operator} met een passkey of een tweede stap. De sessie is kort, toont een balk en kan hun inlog niet wijzigen. De beheerders van de app zien wie als wie inlogde, en waarom.`,
-		totpInstruction: "Vul de code van 6 cijfers uit je authenticator-app in.",
-		otpInstruction: "Vul de code van 6 cijfers in die we je mailden. Die werkt 5 minuten.",
-		backupInstruction: "Vul een van de back-upcodes in die je bewaarde toen je de authenticator-app instelde. Elke code werkt één keer.",
-		twoFactorTitle: "Tweestapsverificatie",
-		twoFactorDescription: "Nog één stap om in te loggen.",
-		codeToFinish: "We mailen je een code om het inloggen af te ronden.",
-		trustBrowser: "Deze browser vertrouwen",
-		trustBrowserFor: "Niet meer vragen in deze browser, 30 dagen lang",
-		verify: "Controleren",
-		useAuthenticator: "De authenticator-app gebruiken",
-		emailCodeInstead: "Mail me liever een code",
-		useBackupCode: "Een back-upcode gebruiken",
-		admin: "Beheerder"
-	}
-});
+const text = messages("auth");
 //#endregion
 export { text };

package/dist/auth/provider-sign-in-page.js

@@ -10,7 +10,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/auth/provider-sign-in-page.tsx
 /** What the page shows while the browser leaves for the provider `name`. */
 const ProviderRedirect = ({ name, workspace }) => /* @__PURE__ */ jsx(AuthLayout, {
-	title: text("signingInWith", name),
+	title: text("signingInWith", { name }),
 	description: workspace,
 	children: /* @__PURE__ */ jsxs("p", {
 		role: "status",
@@ -18,7 +18,7 @@ const ProviderRedirect = ({ name, workspace }) => /* @__PURE__ */ jsx(AuthLayout
 		children: [
 			/* @__PURE__ */ jsx(Spinner, {}),
 			" ",
-			text("takingYouTo", name)
+			text("takingYouTo", { name })
 		]
 	})
 });
@@ -34,7 +34,7 @@ const ProviderSignInPage = ({ provider, workspace, onFailed }) => {
 	useEffect(() => {
 		if (started.current) return;
 		started.current = true;
-		if (!offered) return onFailed(text("providerNotOffered", name));
+		if (!offered) return onFailed(text("providerNotOffered", { name }));
 		signInSocial(provider).catch((failure) => {
 			if (!(failure instanceof AuthError)) throw failure;
 			onFailed(signInMessage(failure));

package/dist/auth/resend-code-button.js

@@ -23,7 +23,7 @@ const ResendCodeButton = ({ onResend, cooldown = 30, disabled }) => {
 			onResend();
 		},
 		className: "min-h-10",
-		children: left > 0 ? text("sendNewCodeIn", left) : text("sendNewCode")
+		children: left > 0 ? text("sendNewCodeIn", { seconds: left }) : text("sendNewCode")
 	});
 };
 //#endregion

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

@@ -31,7 +31,7 @@ const ResetPasswordForm = ({ onSubmit, invalidLink, onRequestNewLink, onBack, bu
 	const shown = mismatch ? text("passwordsDiffer") : error;
 	return /* @__PURE__ */ jsx(AuthLayout, {
 		title: text("choosePassword"),
-		description: text("atLeast", 12),
+		description: text("atLeast", { length: 12 }),
 		children: /* @__PURE__ */ jsxs("form", {
 			className: "flex flex-col gap-4",
 			onSubmit: (event) => {

package/dist/auth/reset-password-page.js

@@ -9,7 +9,7 @@ import { jsx } from "react/jsx-runtime";
 /** Better Auth's answers to a new password, in words for the person at the keyboard. */
 const resetPasswordMessage = (error) => {
 	if (error.status === 429) return text("tooManyAttempts");
-	if (error.code === "PASSWORD_TOO_SHORT") return text("useAtLeast", 12);
+	if (error.code === "PASSWORD_TOO_SHORT") return text("useAtLeast", { length: 12 });
 	if (error.code === "PASSWORD_TOO_LONG") return text("passwordTooLong");
 	return authMessage(error);
 };

package/dist/auth/sign-in-form.js

@@ -47,7 +47,7 @@ const SignInForm = ({ onSubmit, busy, error, workspace, notice, methods = ["pass
 						onClick: () => onContinueWith?.(provider.id),
 						disabled: busy,
 						className: "min-h-10 w-full",
-						children: [/* @__PURE__ */ jsx(ProviderIcon, { id: provider.id }), text("continueWith", provider.name)]
+						children: [/* @__PURE__ */ jsx(ProviderIcon, { id: provider.id }), text("continueWith", { name: provider.name })]
 					}, provider.id)),
 					withPasskey && /* @__PURE__ */ jsxs(Button, {
 						onClick: () => onPasskey?.(),
@@ -61,7 +61,7 @@ const SignInForm = ({ onSubmit, busy, error, workspace, notice, methods = ["pass
 						onClick: () => onPasskey?.(domain),
 						disabled: busy,
 						className: "w-full",
-						children: text("passkeyFor", domain)
+						children: text("passkeyFor", { domain })
 					}, domain))
 				]
 			}), withPassword || withCode ? /* @__PURE__ */ jsx(Divider, {}) : error && /* @__PURE__ */ jsx("p", {

package/dist/auth/sign-up-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/sign-up-code-form.tsx
@@ -7,10 +6,10 @@ import { Fragment, jsx } from "react/jsx-runtime";
 const SignUpCodeForm = ({ email, onBack, ...rest }) => /* @__PURE__ */ jsx(CodeForm, {
 	title: text("checkEmail"),
 	description: text("signUpCodeDescription"),
-	explanation: /* @__PURE__ */ jsx(Fragment, { children: slotted(text("signUpCodeSent"), /* @__PURE__ */ jsx("span", {
+	explanation: /* @__PURE__ */ jsx(Fragment, { children: text.rich("signUpCodeSent", { email: /* @__PURE__ */ jsx("span", {
 		className: "font-medium text-foreground",
 		children: email
-	})) }),
+	}) }) }),
 	submitLabel: text("continue"),
 	onChangeAddress: onBack,
 	changeAddressLabel: text("useAnotherAddress"),

package/dist/auth/sign-up-details-form.js

@@ -1,7 +1,6 @@
 import { text } from "./messages.js";
 import { Button } from "../primitives/button.js";
 import { Input } from "../primitives/input.js";
-import { slotted } from "../locale/slotted.js";
 import { AuthLayout } from "./auth-layout.js";
 import { useId, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -18,10 +17,10 @@ const SignUpDetailsForm = ({ email, onSubmit, onBack, methods, busy, error }) =>
 		description: text("detailsDescription"),
 		children: [/* @__PURE__ */ jsx("p", {
 			className: "mb-4 text-muted-foreground",
-			children: slotted(text("codeWasRight"), /* @__PURE__ */ jsx("span", {
+			children: text.rich("codeWasRight", { email: /* @__PURE__ */ jsx("span", {
 				className: "font-medium text-foreground",
 				children: email
-			}))
+			}) })
 		}), /* @__PURE__ */ jsxs("form", {
 			className: "flex flex-col gap-4",
 			onSubmit: (event) => {
@@ -64,7 +63,7 @@ const SignUpDetailsForm = ({ email, onSubmit, onBack, methods, busy, error }) =>
 					}), /* @__PURE__ */ jsxs("p", {
 						id: passwordHint,
 						className: "text-xs text-muted-foreground",
-						children: [text("atLeast", 12), passwordOptional && text("withoutPassword")]
+						children: [text("atLeast", { length: 12 }), passwordOptional && text("withoutPassword")]
 					})]
 				}),
 				error && /* @__PURE__ */ jsx("p", {

package/dist/auth/staff-sign-in-form.js

@@ -27,7 +27,7 @@ const StaffSignInForm = ({ operator, email: givenEmail = "", reason: givenReason
 	});
 	return /* @__PURE__ */ jsx(AuthLayout, {
 		title: text("signInAsPerson"),
-		description: text("forStaffOf", operator),
+		description: text("forStaffOf", { operator }),
 		children: /* @__PURE__ */ jsxs("form", {
 			className: "flex flex-col gap-4",
 			onSubmit: (event) => {
@@ -62,7 +62,7 @@ const StaffSignInForm = ({ operator, email: givenEmail = "", reason: givenReason
 				}),
 				/* @__PURE__ */ jsx("p", {
 					className: "text-xs text-muted-foreground",
-					children: text("staffExplanation", operator)
+					children: text("staffExplanation", { operator })
 				}),
 				error && /* @__PURE__ */ jsx("p", {
 					role: "alert",
@@ -74,7 +74,7 @@ const StaffSignInForm = ({ operator, email: givenEmail = "", reason: givenReason
 					type: "submit",
 					loading: busy,
 					className: "min-h-10",
-					children: text("continueWith", operator)
+					children: text("continueWith", { name: operator })
 				}),
 				/* @__PURE__ */ jsx(Button, {
 					variant: "ghost",

package/dist/calls/call-guests-panel.js

@@ -136,7 +136,7 @@ const CallGuestsPanel = ({ lobby, inCall, guests, linkOf, open, onClose }) => {
 								})
 							}), /* @__PURE__ */ jsxs("span", {
 								className: "flex items-center justify-between gap-2 text-xs text-muted-foreground",
-								children: [link.expires_at ? text("linkUntil", new Date(link.expires_at).toLocaleString()) : text("linkUntilEnd"), /* @__PURE__ */ jsx(Button, {
+								children: [link.expires_at ? text("linkUntil", { until: new Date(link.expires_at).toLocaleString() }) : text("linkUntilEnd"), /* @__PURE__ */ jsx(Button, {
 									size: "sm",
 									onClick: () => run(() => guests.revoke(link.id)),
 									children: text("revoke")

package/dist/calls/call-lobby-notice.js

@@ -14,7 +14,7 @@ const CallLobbyNotice = ({ waiting, guests }) => {
 		children: [
 			/* @__PURE__ */ jsx("span", {
 				className: "min-w-0 flex-1 truncate",
-				children: refused ? text("guestRefused") : text("waitingGuest", first.name)
+				children: refused ? text("guestRefused") : text("waitingGuest", { name: first.name })
 			}),
 			/* @__PURE__ */ jsx(Button, {
 				size: "sm",

package/dist/calls/call-mark.js

@@ -36,7 +36,7 @@ const CallMark = ({ resource, recordKey, className }) => {
 				children: "·"
 			}),
 			/* @__PURE__ */ jsx("span", {
-				"aria-label": text("people", count),
+				"aria-label": text("people", { count }),
 				children: count
 			}),
 			!joining && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {

package/dist/calls/call-people.js

@@ -10,7 +10,7 @@ const callPeople = ({ members, self, tracks, own, nameOf, speaker, connections,
 	}, ...members]).map(({ member, name }) => {
 		const shared = {
 			member,
-			name: member.startsWith("guest:") ? text("guestName", name ?? "") : name ?? nameOf(member),
+			name: member.startsWith("guest:") ? text("guestName", { name: name ?? "" }) : name ?? nameOf(member),
 			...speaker === member && { speaking: true }
 		};
 		if (member === self) return {

package/dist/calls/call-tile.js

@@ -13,7 +13,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 */
 const CallTile = ({ person, screen = false, className }) => {
 	const track = screen ? person.screen : person.cameraOff ? void 0 : person.camera;
-	const label = screen ? person.self ? text("youAreSharing") : text("sharing", person.name) : person.self ? `${person.name} (${text("you")})` : person.name;
+	const label = screen ? person.self ? text("youAreSharing") : text("sharing", { name: person.name }) : person.self ? `${person.name} (${text("you")})` : person.name;
 	return /* @__PURE__ */ jsxs("figure", {
 		"data-member": person.member,
 		"data-speaking": person.speaking ? "true" : void 0,
@@ -32,7 +32,7 @@ const CallTile = ({ person, screen = false, className }) => {
 			person.connection === "failed" && !person.self && /* @__PURE__ */ jsx("p", {
 				role: "status",
 				className: "absolute inset-x-1 top-1 truncate rounded bg-black/70 px-2 py-1 text-center text-xs text-white",
-				children: text("cannotConnect", person.name)
+				children: text("cannotConnect", { name: person.name })
 			}),
 			/* @__PURE__ */ jsxs("figcaption", {
 				className: "absolute bottom-1.5 left-1.5 flex max-w-[calc(100%-0.75rem)] items-center gap-1 rounded bg-black/60 px-1.5 py-0.5 text-xs text-white",

package/dist/calls/messages.js

@@ -1,142 +1,5 @@
-import { defineMessages } from "../locale/messages.js";
+import { messages } from "../locale/messages.js";
 //#region src/calls/messages.ts
-const text = defineMessages({
-	en: {
-		accept: "Accept",
-		decline: "Decline",
-		startCall: "Start call",
-		join: "Join",
-		inProgress: "Call in progress",
-		people: (count) => count === 1 ? "1 person" : `${count} people`,
-		joinCall: "Join call",
-		leave: "Leave",
-		microphone: "Microphone",
-		camera: "Camera",
-		shareScreen: "Share screen",
-		stopSharing: "Stop sharing",
-		muted: "Muted",
-		you: "You",
-		alone: "You are the only one here",
-		connecting: "Joining…",
-		reconnecting: "Reconnecting…",
-		full: "This call is full",
-		removed: "You were removed from this call",
-		ended: "The call ended",
-		refused: "You cannot join this call",
-		unavailable: "The call cannot be reached now. Try again in a moment.",
-		callAgain: "Join again",
-		noMicrophone: "Your microphone is blocked: allow it in the browser to be heard.",
-		noCamera: "Your camera is blocked: allow it in the browser to be seen.",
-		noDevices: "No camera or microphone was found.",
-		cannotConnect: (name) => `Cannot connect to ${name}`,
-		poorConnection: "Poor connection",
-		goodConnection: "Good connection",
-		sharing: (name) => `${name} is sharing their screen`,
-		youAreSharing: "You are sharing your screen",
-		speaking: "Speaking",
-		preview: "Your camera before you join",
-		guestName: (name) => `${name} (guest)`,
-		denied: "Nobody in the call let you in",
-		waiting: "Waiting for someone in the call to let you in…",
-		askToJoin: "Ask to join",
-		someone: "Someone in the call",
-		guests: "Guests",
-		waitingGuest: (name) => `${name} is waiting to join`,
-		admit: "Let in",
-		deny: "Turn away",
-		remove: "Remove",
-		revoke: "Revoke",
-		newLink: "Create guest link",
-		copyLink: "Copy link",
-		copied: "Copied",
-		guestLinks: "Guest links",
-		noLinks: "No guest link yet. Anyone with a link waits here until someone in the call lets them in.",
-		inLobby: "Waiting to join",
-		guestsInCall: "Guests in the call",
-		guestsMaySend: "Guests may send",
-		sendAll: "Everything",
-		sendCamera: "Camera and mic",
-		sendMicrophone: "Mic only",
-		linkUntil: (until) => `Until ${until}`,
-		linkUntilEnd: "Until the call ends",
-		linkLasts: "The link works",
-		forAnHour: "For an hour",
-		addressesVisible: "In a call between browsers, a guest and the people in the call can see each other’s network addresses.",
-		guestRefused: "This could not be done: the guest or link is gone, the call is full, or guest links are off.",
-		close: "Close",
-		yourName: "Your name",
-		guestIntro: "You are invited to a call. Give your name, check your microphone and camera, and someone in the call lets you in.",
-		continue: "Continue",
-		youLeft: "You left the call"
-	},
-	nl: {
-		accept: "Opnemen",
-		decline: "Weigeren",
-		startCall: "Gesprek starten",
-		join: "Deelnemen",
-		inProgress: "Gesprek bezig",
-		people: (count) => count === 1 ? "1 persoon" : `${count} personen`,
-		joinCall: "Deelnemen aan gesprek",
-		leave: "Verlaten",
-		microphone: "Microfoon",
-		camera: "Camera",
-		shareScreen: "Scherm delen",
-		stopSharing: "Stoppen met delen",
-		muted: "Gedempt",
-		you: "Jij",
-		alone: "Je bent de enige hier",
-		connecting: "Deelnemen…",
-		reconnecting: "Opnieuw verbinden…",
-		full: "Dit gesprek is vol",
-		removed: "Je bent uit dit gesprek gehaald",
-		ended: "Het gesprek is afgelopen",
-		refused: "Je kunt niet aan dit gesprek deelnemen",
-		unavailable: "Het gesprek is nu niet bereikbaar. Probeer het zo opnieuw.",
-		callAgain: "Opnieuw deelnemen",
-		noMicrophone: "Je microfoon is geblokkeerd: sta hem toe in de browser om gehoord te worden.",
-		noCamera: "Je camera is geblokkeerd: sta hem toe in de browser om gezien te worden.",
-		noDevices: "Er is geen camera of microfoon gevonden.",
-		cannotConnect: (name) => `Kan geen verbinding maken met ${name}`,
-		poorConnection: "Slechte verbinding",
-		goodConnection: "Goede verbinding",
-		sharing: (name) => `${name} deelt het scherm`,
-		youAreSharing: "Je deelt je scherm",
-		speaking: "Spreekt",
-		preview: "Je camera voordat je deelneemt",
-		guestName: (name) => `${name} (gast)`,
-		denied: "Niemand in het gesprek heeft je binnengelaten",
-		waiting: "Wachten tot iemand in het gesprek je binnenlaat…",
-		askToJoin: "Vragen om deel te nemen",
-		someone: "Iemand in het gesprek",
-		guests: "Gasten",
-		waitingGuest: (name) => `${name} wacht om deel te nemen`,
-		admit: "Binnenlaten",
-		deny: "Weigeren",
-		remove: "Verwijderen",
-		revoke: "Intrekken",
-		newLink: "Gastlink maken",
-		copyLink: "Link kopiëren",
-		copied: "Gekopieerd",
-		guestLinks: "Gastlinks",
-		noLinks: "Nog geen gastlink. Wie een link heeft, wacht hier tot iemand in het gesprek hem binnenlaat.",
-		inLobby: "Wacht om deel te nemen",
-		guestsInCall: "Gasten in het gesprek",
-		guestsMaySend: "Gasten mogen sturen",
-		sendAll: "Alles",
-		sendCamera: "Camera en microfoon",
-		sendMicrophone: "Alleen geluid",
-		linkUntil: (until) => `Tot ${until}`,
-		linkUntilEnd: "Tot het gesprek afloopt",
-		linkLasts: "De link werkt",
-		forAnHour: "Een uur lang",
-		addressesVisible: "In een gesprek tussen browsers zien een gast en de mensen in het gesprek elkaars netwerkadressen.",
-		guestRefused: "Dit lukte niet: de gast of link is weg, het gesprek is vol, of gastlinks staan uit.",
-		close: "Sluiten",
-		yourName: "Je naam",
-		guestIntro: "Je bent uitgenodigd voor een gesprek. Geef je naam, controleer je microfoon en camera, en iemand in het gesprek laat je binnen.",
-		continue: "Verder",
-		youLeft: "Je hebt het gesprek verlaten"
-	}
-});
+const text = messages("calls");
 //#endregion
 export { text };

package/dist/carousel/carousel-controls.js

@@ -40,7 +40,10 @@ const CarouselControls = ({ carousel, count, swipe, reveal, className }) => {
 				"aria-live": "polite",
 				children: [/* @__PURE__ */ jsx("span", {
 					className: "sr-only",
-					children: text("photoOf", index + 1, count)
+					children: text("photoOf", {
+						index: index + 1,
+						count
+					})
 				}), /* @__PURE__ */ jsx("span", {
 					className: "flex items-center gap-1 rounded-full bg-background/70 px-1.5 py-1 leading-none",
 					"aria-hidden": true,

package/dist/carousel/messages.js

@@ -1,16 +1,5 @@
-import { defineMessages } from "../locale/messages.js";
+import { messages } from "../locale/messages.js";
 //#region src/carousel/messages.ts
-const text = defineMessages({
-	en: {
-		photoOf: (index, count) => `Photo ${index} of ${count}`,
-		previousPhoto: "Previous photo",
-		nextPhoto: "Next photo"
-	},
-	nl: {
-		photoOf: (index, count) => `Foto ${index} van ${count}`,
-		previousPhoto: "Vorige foto",
-		nextPhoto: "Volgende foto"
-	}
-});
+const text = messages("carousel");
 //#endregion
 export { text };

package/dist/chat/messages.js

@@ -1,22 +1,5 @@
-import { defineMessages } from "../locale/messages.js";
+import { messages } from "../locale/messages.js";
 //#region src/chat/messages.ts
-const text = defineMessages({
-	en: {
-		message: "Message",
-		send: "Send",
-		today: "Today",
-		yesterday: "Yesterday",
-		newMessages: "New messages",
-		loadEarlier: "Load earlier messages"
-	},
-	nl: {
-		message: "Bericht",
-		send: "Versturen",
-		today: "Vandaag",
-		yesterday: "Gisteren",
-		newMessages: "Nieuwe berichten",
-		loadEarlier: "Eerdere berichten laden"
-	}
-});
+const text = messages("chat");
 //#endregion
 export { text };

package/dist/compact-table/compact-table.js

@@ -37,7 +37,7 @@ const CompactTable = ({ columns, rows, caption, truncated, className }) => /* @_
 		}),
 		/* @__PURE__ */ jsxs("footer", {
 			className: "border-t border-border px-3 py-1.5 text-[11px] text-muted-foreground",
-			children: [text("rows", rows.length), truncated && text("cutOff")]
+			children: [text("rows", { count: rows.length }), truncated && text("cutOff")]
 		})
 	]
 });