@axium/client 0.19.8 → 0.20.0

package/dist/access.js

@@ -1,9 +1,10 @@
 import { fetchAPI } from './requests.js';
+import { useCache } from './cache.js';
 export async function updateACL(itemType, itemId, target, permissions) {
     return await fetchAPI('PATCH', 'acl/:itemType/:itemId', { target, permissions }, itemType, itemId);
 }
 export async function getACL(itemType, itemId) {
-    return await fetchAPI('GET', 'acl/:itemType/:itemId', {}, itemType, itemId);
+    return await useCache('acl', `${itemType}/${itemId}`, () => fetchAPI('GET', 'acl/:itemType/:itemId', {}, itemType, itemId));
 }
 export async function addToACL(itemType, itemId, target) {
     return await fetchAPI('PUT', 'acl/:itemType/:itemId', target, itemType, itemId);

package/dist/cache.d.ts

@@ -0,0 +1,18 @@
+export interface CacheOptions {
+    /** Maximum number of items the cache can hold */
+    itemLimit: number;
+}
+/**
+ * Create a cache manually. Only useful when you want to specify different options.
+ */
+export declare function createCache(cacheName: string, options?: Partial<CacheOptions>): void;
+/**
+ * Use a cache for some arbitrary operation.
+ * This is primarily intended for de-duplicating API requests
+ * @param cacheName The name of the cache to use, e.g. `'users'`
+ * @param key The key for the item in the cache. This can be anything used for the key of a `Map`
+ * @param miss The function to run on a cache miss
+ * @remarks
+ * Note that a cache will automatically be created if it doesn't already exist
+ */
+export declare function useCache<Key, Result>(cacheName: string, key: Key, miss: () => Result): Result;

package/dist/cache.js

@@ -0,0 +1,34 @@
+const _caches = Object.create(null);
+const defaultCacheOptions = {
+    itemLimit: 10_000,
+};
+/**
+ * Create a cache manually. Only useful when you want to specify different options.
+ */
+export function createCache(cacheName, options = {}) {
+    if (_caches[cacheName])
+        throw new Error('Multiple caches with the same name are not allowed');
+    _caches[cacheName] = {
+        items: new Map(),
+        ...defaultCacheOptions,
+        ...options,
+    };
+}
+/**
+ * Use a cache for some arbitrary operation.
+ * This is primarily intended for de-duplicating API requests
+ * @param cacheName The name of the cache to use, e.g. `'users'`
+ * @param key The key for the item in the cache. This can be anything used for the key of a `Map`
+ * @param miss The function to run on a cache miss
+ * @remarks
+ * Note that a cache will automatically be created if it doesn't already exist
+ */
+export function useCache(cacheName, key, miss) {
+    const cache = (_caches[cacheName] ||= { items: new Map(), ...defaultCacheOptions });
+    const cached = cache.items.get(key);
+    if (cached)
+        return cached;
+    const result = miss();
+    cache.items.set(key, result);
+    return result;
+}

package/dist/locales.d.ts

@@ -5,63 +5,63 @@ import type { FlattenKeys, GetByString, Split, UnionToIntersection } from 'utili
  */
 export declare function extendLocale(locale: string, data: object): void;
 declare let currentLoaded: {
-    readonly component: {
-        readonly AccessControlDialog: {
-            readonly named_title: "Permissions for <strong>{name}</strong>";
-            readonly owner: "Owner";
-            readonly title: "Permissions";
-            readonly remove: "Remove";
-            readonly toast_removed: "Removed access";
-        };
-        readonly AppMenu: {
-            readonly failed: "Couldn't load apps.";
-            readonly none: "No apps available.";
-        };
-        readonly Login: {
-            readonly email: "Email";
-            readonly register: "Register instead";
-        };
-        readonly Logout: {
-            readonly back: "Take me back";
-            readonly question: "Are you sure you want to log out?";
-        };
-        readonly Register: {
-            readonly email: "Email";
-            readonly login: "Login instead";
-            readonly name: "Display Name";
-        };
-        readonly SessionList: {
-            readonly created: "Created {date}";
-            readonly current: "Current";
-            readonly elevated: "Elevated";
-            readonly expires: "Expires {date}";
-            readonly logout_all_question: "Are you sure you want to log out all sessions?";
-            readonly logout_all_submit: "Logout All Sessions";
-            readonly logout_all_trigger: "Logout All";
-            readonly logout_single: "Are you sure you want to log out this session?";
-        };
-        readonly Upload: {
-            readonly upload: "Upload";
-        };
-        readonly UserCard: {
-            readonly you: "(You)";
-        };
-        readonly UserDiscovery: {
-            readonly no_results: "No results";
-            readonly placeholder: "Add users and roles";
-        };
-        readonly UserMenu: {
-            readonly account: "Your Account";
-            readonly admin: "Administration";
-        };
-        readonly Version: {
-            readonly error: "Latest unknown";
-            readonly latest: "Latest";
-            readonly upgrade: "<span class=\"version\">{latest}</span> available";
-        };
-        readonly ZodInput: {
-            readonly invalid_type: "Invalid input type: {type}";
-        };
+    readonly AccessControlDialog: {
+        readonly named_title: "Permissions for <strong>{name}</strong>";
+        readonly owner: "Owner";
+        readonly title: "Permissions";
+        readonly remove: "Remove";
+        readonly toast_removed: "Removed access";
+        readonly public_target: "Everyone";
+        readonly add_public: "Add Public Access";
+    };
+    readonly AppMenu: {
+        readonly failed: "Couldn't load apps.";
+        readonly none: "No apps available.";
+    };
+    readonly Login: {
+        readonly email: "Email";
+        readonly register: "Register instead";
+    };
+    readonly Logout: {
+        readonly back: "Take me back";
+        readonly question: "Are you sure you want to log out?";
+    };
+    readonly Register: {
+        readonly email: "Email";
+        readonly login: "Login instead";
+        readonly name: "Display Name";
+    };
+    readonly SessionList: {
+        readonly created: "Created {date}";
+        readonly current: "Current";
+        readonly elevated: "Elevated";
+        readonly expires: "Expires {date}";
+        readonly logout_all_question: "Are you sure you want to log out all sessions?";
+        readonly logout_all_submit: "Logout All Sessions";
+        readonly logout_all_trigger: "Logout All";
+        readonly logout_single: "Are you sure you want to log out this session?";
+    };
+    readonly Upload: {
+        readonly upload: "Upload";
+    };
+    readonly UserCard: {
+        readonly you: "(You)";
+    };
+    readonly UserDiscovery: {
+        readonly no_results: "No results";
+        readonly placeholder: "Add users and roles";
+    };
+    readonly UserMenu: {
+        readonly account: "Your Account";
+        readonly admin: "Administration";
+    };
+    readonly Version: {
+        readonly error: "Latest unknown";
+        readonly latest: "Latest";
+        readonly upgrade: "<span class=\"version\">{latest}</span> available";
+    };
+    readonly ZodInput: {
+        readonly invalid_type: "Invalid input type: {type}";
     };
     readonly generic: {
         readonly action_irreversible: "This action can't be undone.";

package/dist/user.d.ts

@@ -14,7 +14,7 @@ export declare function logout(userId: string, ...sessionId: string[]): Promise<
 export declare function logoutAll(userId: string): Promise<Session[]>;
 export declare function logoutCurrentSession(): Promise<Session>;
 export declare function register(_data: Record<string, unknown>): Promise<void>;
-export declare function userInfo(userId: string, noCache?: boolean): Promise<UserPublic & Partial<User>>;
+export declare function userInfo(userId: string): Promise<UserPublic & Partial<User>>;
 export declare function updateUser(userId: string, data: Record<string, FormDataEntryValue>): Promise<User>;
 export declare function fullUserInfo(userId: string): Promise<User & {
     sessions: Session[];

package/dist/user.js

@@ -1,6 +1,7 @@
 import { startAuthentication, startRegistration } from '@simplewebauthn/browser';
 import * as z from 'zod';
 import { fetchAPI } from './requests.js';
+import { useCache } from './cache.js';
 export async function login(userId) {
     const options = await fetchAPI('OPTIONS', 'users/:id/auth', { type: 'login' }, userId);
     const response = await startAuthentication({ optionsJSON: options });
@@ -59,15 +60,9 @@ function _checkId(userId) {
         throw e instanceof z.core.$ZodError ? z.prettifyError(e) : e;
     }
 }
-const userCache = new Map();
-export async function userInfo(userId, noCache = false) {
+export async function userInfo(userId) {
     _checkId(userId);
-    const cached = userCache.get(userId);
-    if (!noCache && cached)
-        return await cached;
-    const result = fetchAPI('GET', 'users/:id', {}, userId);
-    userCache.set(userId, result);
-    return await result;
+    return await useCache('user', userId, () => fetchAPI('GET', 'users/:id', {}, userId));
 }
 export async function updateUser(userId, data) {
     _checkId(userId);

package/lib/AccessControlDialog.svelte

@@ -1,43 +1,32 @@
 <script lang="ts">
 	import { addToACL, getACL, removeFromACL, text, updateACL, userInfo } from '@axium/client';
-	import type { AccessControllable, AccessTarget, User } from '@axium/core';
-	import { getTarget, pickPermissions } from '@axium/core';
-	import { errorText } from '@axium/core/io';
+	import type { AccessControllable, AccessTarget, UserPublic } from '@axium/core';
+	import { checkAndMatchACL, getTarget, pickPermissions } from '@axium/core';
 	import type { HTMLDialogAttributes } from 'svelte/elements';
 	import Icon from './Icon.svelte';
 	import UserCard from './UserCard.svelte';
 	import UserDiscovery from './UserDiscovery.svelte';
 	import { closeOnBackGesture } from './attachments.js';
-	import { toastStatus } from './toast.js';
+	import { toast, toastStatus } from './toast.js';
 
 	interface Props extends HTMLDialogAttributes {
-		editable: boolean;
+		user?: UserPublic;
 		dialog?: HTMLDialogElement;
 		itemType: string;
-		item: { name?: string; user?: User; id: string } & AccessControllable;
+		item: { name?: string; user?: UserPublic; id: string } & AccessControllable;
 	}
-	let { item, itemType, editable, dialog = $bindable(), ...rest }: Props = $props();
-
-	let error = $state<string>();
+	let { item, itemType, user, dialog = $bindable(), ...rest }: Props = $props();
 
 	const acl = $state(item.acl ?? (await getACL(itemType, item.id)));
 
-	async function onSelect(target: AccessTarget) {
-		const control = await addToACL(itemType, item.id, target);
-		if (control.userId) control.user = await userInfo(control.userId);
-		acl.push(control);
-	}
+	const editable = $derived(!!user && (item.userId === user.id || !checkAndMatchACL(item.acl || [], user, { manage: true }).size));
 </script>
 
 <dialog bind:this={dialog} {...rest} onclick={e => e.stopPropagation()} {@attach closeOnBackGesture}>
 	{#if item.name}
-		<h3>{@html text('component.AccessControlDialog.named_title', { $html: true, name: item.name })}</h3>
+		<h3>{@html text('AccessControlDialog.named_title', { $html: true, name: item.name })}</h3>
 	{:else}
-		<h3>{text('component.AccessControlDialog.title')}</h3>
-	{/if}
-
-	{#if error}
-		<div class="error">{error}</div>
+		<h3>{text('AccessControlDialog.title')}</h3>
 	{/if}
 
 	<div class="AccessControl text">
@@ -46,7 +35,7 @@
 		{:else if item}
 			{#await userInfo(item.userId) then user}<UserCard {user} />{:catch}<i>{text('generic.unknown')}</i>{/await}
 		{/if}
-		<span>{text('component.AccessControlDialog.owner')}</span>
+		<span>{text('AccessControlDialog.owner')}</span>
 	</div>
 
 	{#each acl as control, i (control.userId || control.role || control.tag)}
@@ -55,13 +44,13 @@
 				const updated = await updateACL(itemType, item.id, getTarget(control), { [key]: e.currentTarget.checked });
 				Object.assign(control, updated);
 			} catch (e) {
-				error = errorText(e);
+				toast('error', e);
 			}
 		}}
 		<div class="AccessControl">
 			<div class="target">
-				{#if control.user}
-					<UserCard user={control.user} />
+				{#if control.userId}
+					<UserCard user={(control.user ||= await userInfo(control.userId))} />
 				{:else if control.role}
 					<span class="icon-text">
 						<Icon i="at" />
@@ -73,7 +62,7 @@
 						<span>{control.tag}</span>
 					</span>
 				{:else}
-					<i>{text('generic.unknown')}</i>
+					<span>{text('AccessControlDialog.public_target')}</span>
 				{/if}
 				{#if editable}
 					<button
@@ -81,11 +70,11 @@
 						onclick={() =>
 							toastStatus(
 								removeFromACL(itemType, item.id, getTarget(control)).then(() => acl.splice(i, 1)),
-								text('component.AccessControlDialog.toast_removed')
+								text('AccessControlDialog.toast_removed')
 							)}
 					>
 						<Icon i="user-minus" />
-						<span>{text('component.AccessControlDialog.remove')}</span>
+						<span>{text('AccessControlDialog.remove')}</span>
 					</button>
 				{/if}
 			</div>
@@ -108,7 +97,34 @@
 		</div>
 	{/each}
 
-	<UserDiscovery {onSelect} excludeTargets={acl.map(getTarget)} />
+	{#if editable}
+		<div class="actions">
+			{#if !acl.find(c => !c.userId && !c.role && !c.tag)}
+				<button
+					class="icon-text"
+					onclick={() =>
+						addToACL(itemType, item.id, null)
+							.then(ac => acl.push(ac))
+							.catch(e => toast('error', e))}
+				>
+					<Icon i="globe" />
+					<span>{text('AccessControlDialog.add_public')}</span>
+				</button>
+			{/if}
+		</div>
+		<UserDiscovery
+			onSelect={async (target: AccessTarget) => {
+				try {
+					const control = await addToACL(itemType, item.id, target);
+					if (control.userId) control.user = await userInfo(control.userId);
+					acl.push(control);
+				} catch (e) {
+					toast('error', e);
+				}
+			}}
+			excludeTargets={acl.map(getTarget).filter<string>((t): t is string => !!t)}
+		/>
+	{/if}
 
 	<div>
 		<button class="done" onclick={() => dialog!.close()}>{text('generic.done')}</button>
@@ -132,6 +148,12 @@
 		gap: 0.1em;
 	}
 
+	.actions {
+		display: flex;
+		gap: 1em;
+		align-items: center;
+	}
+
 	.AccessControl {
 		display: grid;
 		gap: 1em;

package/lib/AppMenu.svelte

@@ -27,9 +27,9 @@
 				<span>{text('app_name.' + app.id, { $default: app.name })}</span>
 			</a>
 		{:else}
-			<i>{text('component.AppMenu.none')}</i>
+			<i>{text('AppMenu.none')}</i>
 		{/each}
 	{:catch}
-		<i>{text('component.AppMenu.failed')}</i>
+		<i>{text('AppMenu.failed')}</i>
 	{/await}
 </Popover>

package/lib/Login.svelte

@@ -18,13 +18,13 @@
 
 <FormDialog bind:dialog submitText={text('generic.login')} {submit} pageMode={fullPage}>
 	<div>
-		<label for="email">{text('component.Login.email')}</label>
+		<label for="email">{text('Login.email')}</label>
 		<input name="email" type="email" required />
 	</div>
 	{#snippet footer()}
 		{#if fullPage}
 			<div class="footer">
-				<a href="/register">{text('component.Login.register')}</a>
+				<a href="/register">{text('Login.register')}</a>
 			</div>
 		{/if}
 	{/snippet}

package/lib/Logout.svelte

@@ -11,7 +11,7 @@
 	submitText={text('generic.logout')}
 	submit={() => logoutCurrentSession().then(() => (window.location.href = '/'))}
 >
-	<p>{text('component.Logout.question')}</p>
+	<p>{text('Logout.question')}</p>
 	{#if fullPage}
 		<button
 			command="close"
@@ -19,7 +19,7 @@
 			onclick={e => {
 				e.preventDefault();
 				history.back();
-			}}>{text('component.Logout.back')}</button
+			}}>{text('Logout.back')}</button
 		>
 	{/if}
 </FormDialog>

package/lib/NumberBar.svelte

@@ -6,7 +6,7 @@
 		text,
 	}: {
 		min?: number;
-		max: number | false;
+		max?: number | false;
 		value: number;
 		text: string;
 	} = $props();

package/lib/Register.svelte

@@ -14,17 +14,17 @@
 
 <FormDialog bind:dialog submitText={text('generic.register')} {submit} pageMode={fullPage}>
 	<div>
-		<label for="name">{text('component.Register.name')}</label>
+		<label for="name">{text('Register.name')}</label>
 		<input name="name" type="text" required />
 	</div>
 	<div>
-		<label for="email">{text('component.Register.email')}</label>
+		<label for="email">{text('Register.email')}</label>
 		<input name="email" type="email" required />
 	</div>
 	{#snippet footer()}
 		{#if fullPage}
 			<div class="footer">
-				<a href="/login">{text('component.Register.login')}</a>
+				<a href="/login">{text('Register.login')}</a>
 			</div>
 		{/if}
 	{/snippet}

package/lib/SessionList.svelte

@@ -17,14 +17,14 @@
 		<p>
 			{session.name ?? `${session.id.slice(0, 4)}...${session.id.slice(-4)}`}
 			{#if session.id == currentSession?.id}
-				<span class="current">{text('component.SessionList.current')}</span>
+				<span class="current">{text('SessionList.current')}</span>
 			{/if}
 			{#if session.elevated}
-				<span class="elevated">{text('component.SessionList.elevated')}</span>
+				<span class="elevated">{text('SessionList.elevated')}</span>
 			{/if}
 		</p>
-		<p class="timestamp">{text('component.SessionList.created', { date: session.created.toLocaleString() })}</p>
-		<p class="timestamp">{text('component.SessionList.expires', { date: session.expires.toLocaleString() })}</p>
+		<p class="timestamp">{text('SessionList.created', { date: session.created.toLocaleString() })}</p>
+		<p class="timestamp">{text('SessionList.expires', { date: session.expires.toLocaleString() })}</p>
 		<button command="show-modal" commandfor={'logout-session:' + session.id} class="logout icon-text">
 			<Icon i="right-from-bracket" --size="16px" />
 			<span class="mobile-only">{text('generic.logout')}</span>
@@ -39,18 +39,17 @@
 		}}
 		submitText={text('generic.logout')}
 	>
-		<p>{text('component.SessionList.logout_single')}</p>
+		<p>{text('SessionList.logout_single')}</p>
 	</FormDialog>
 {/each}
-<button command="show-modal" commandfor="logout-all" class="danger inline-button">{text('component.SessionList.logout_all_trigger')}</button
->
+<button command="show-modal" commandfor="logout-all" class="danger inline-button">{text('SessionList.logout_all_trigger')}</button>
 <FormDialog
 	id="logout-all"
 	submit={() => logoutAll(user.id).then(() => (redirectAfterLogoutAll ? (window.location.href = '/') : null))}
-	submitText={text('component.SessionList.logout_all_submit')}
+	submitText={text('SessionList.logout_all_submit')}
 	submitDanger
 >
-	<p>{text('component.SessionList.logout_all_question')}</p>
+	<p>{text('SessionList.logout_all_question')}</p>
 </FormDialog>
 
 <style>

package/lib/Upload.svelte

@@ -46,7 +46,7 @@
 				<Icon i="cloud-arrow-up" />
 			{/if}
 		{:else}
-			<Icon i="upload" /> {text('component.Upload.upload')}
+			<Icon i="upload" /> {text('Upload.upload')}
 		{/each}
 	</label>
 

package/lib/UserCard.svelte

@@ -7,7 +7,7 @@
 		user,
 		compact = false,
 		self = false,
-		href = `/users/${user.id}`,
+		href,
 		you = false,
 	}: {
 		user: Partial<User>;
@@ -28,7 +28,7 @@
 	{/if}
 	{user.name}
 	{#if self && you}
-		<span class="subtle">{text('component.UserCard.you')}</span>
+		<span class="subtle">{text('UserCard.you')}</span>
 	{/if}
 </a>
 

package/lib/UserDiscovery.svelte

@@ -2,7 +2,6 @@
 	import { text } from '@axium/client';
 	import { fetchAPI } from '@axium/client/requests';
 	import { getUserImage, type UserPublic } from '@axium/core';
-	import { colorHashRGB } from '@axium/core/color';
 	import { errorText } from '@axium/core/io';
 	import Icon from './Icon.svelte';
 
@@ -56,7 +55,7 @@
 	}
 </script>
 
-<input bind:value type="text" placeholder={text('component.UserDiscovery.placeholder')} {oninput} />
+<input bind:value type="text" placeholder={text('UserDiscovery.placeholder')} {oninput} />
 {#if !gotError && value}
 	<!-- Don't show results when we can't use the discovery API -->
 	<div class="results">
@@ -79,7 +78,7 @@
 				</div>
 			{/if}
 		{:else}
-			<i>{text('component.UserDiscovery.no_results')}</i>
+			<i>{text('UserDiscovery.no_results')}</i>
 		{/each}
 	</div>
 {/if}

package/lib/UserMenu.svelte

@@ -20,13 +20,13 @@
 
 		<a class="menu-item" href="/account">
 			<Icon i="user" --size="1.5em" />
-			<span>{text('component.UserMenu.account')}</span>
+			<span>{text('UserMenu.account')}</span>
 		</a>
 
 		{#if user.isAdmin}
 			<a class="menu-item" href="/admin">
 				<Icon i="gear-complex" --size="1.5em" />
-				<span>{text('component.UserMenu.admin')}</span>
+				<span>{text('UserMenu.admin')}</span>
 			</a>
 		{/if}
 
@@ -45,10 +45,10 @@
 					<span>{text('app_name.' + app.id, { $default: app.name })}</span>
 				</a>
 			{:else}
-				<i>{text('component.AppMenu.none')}</i>
+				<i>{text('AppMenu.none')}</i>
 			{/each}
 		{:catch}
-			<i>{text('component.AppMenu.failed')}</i>
+			<i>{text('AppMenu.failed')}</i>
 		{/await}
 
 		<button class="menu-item logout reset" command="show-modal" commandfor="logout">

package/lib/Version.svelte

@@ -14,13 +14,13 @@
 	{#await _latest then latest}
 		<span class="latest">
 			{#if ltVersion(v, latest)}
-				{@html text('component.Version.upgrade', { $html: true, latest })}
+				{@html text('Version.upgrade', { $html: true, latest })}
 			{:else}
-				{text('component.Version.latest')}
+				{text('Version.latest')}
 			{/if}
 		</span>
 	{:catch}
-		<span class="latest error">{text('component.Version.error')}</span>
+		<span class="latest error">{text('Version.error')}</span>
 	{/await}
 {/if}
 

package/lib/ZodInput.svelte

@@ -189,7 +189,7 @@
 	</div>
 {:else}
 	<!-- No idea how to render this -->
-	<i class="error">{text('component.ZodInput.invalid_type', { type: JSON.stringify((schema as ZodPref)?.def?.type) })}</i>
+	<i class="error">{text('ZodInput.invalid_type', { type: JSON.stringify((schema as ZodPref)?.def?.type) })}</i>
 {/if}
 
 <style>

package/locales/en.json

@@ -1,61 +1,61 @@
 {
-	"component": {
-		"AccessControlDialog": {
-			"named_title": "Permissions for <strong>{name}</strong>",
-			"owner": "Owner",
-			"title": "Permissions",
-			"remove": "Remove",
-			"toast_removed": "Removed access"
-		},
-		"AppMenu": {
-			"failed": "Couldn't load apps.",
-			"none": "No apps available."
-		},
-		"Login": {
-			"email": "Email",
-			"register": "Register instead"
-		},
-		"Logout": {
-			"back": "Take me back",
-			"question": "Are you sure you want to log out?"
-		},
-		"Register": {
-			"email": "Email",
-			"login": "Login instead",
-			"name": "Display Name"
-		},
-		"SessionList": {
-			"created": "Created {date}",
-			"current": "Current",
-			"elevated": "Elevated",
-			"expires": "Expires {date}",
-			"logout_all_question": "Are you sure you want to log out all sessions?",
-			"logout_all_submit": "Logout All Sessions",
-			"logout_all_trigger": "Logout All",
-			"logout_single": "Are you sure you want to log out this session?"
-		},
-		"Upload": {
-			"upload": "Upload"
-		},
-		"UserCard": {
-			"you": "(You)"
-		},
-		"UserDiscovery": {
-			"no_results": "No results",
-			"placeholder": "Add users and roles"
-		},
-		"UserMenu": {
-			"account": "Your Account",
-			"admin": "Administration"
-		},
-		"Version": {
-			"error": "Latest unknown",
-			"latest": "Latest",
-			"upgrade": "<span class=\"version\">{latest}</span> available"
-		},
-		"ZodInput": {
-			"invalid_type": "Invalid input type: {type}"
-		}
+	"AccessControlDialog": {
+		"named_title": "Permissions for <strong>{name}</strong>",
+		"owner": "Owner",
+		"title": "Permissions",
+		"remove": "Remove",
+		"toast_removed": "Removed access",
+		"public_target": "Everyone",
+		"add_public": "Add Public Access"
+	},
+	"AppMenu": {
+		"failed": "Couldn't load apps.",
+		"none": "No apps available."
+	},
+	"Login": {
+		"email": "Email",
+		"register": "Register instead"
+	},
+	"Logout": {
+		"back": "Take me back",
+		"question": "Are you sure you want to log out?"
+	},
+	"Register": {
+		"email": "Email",
+		"login": "Login instead",
+		"name": "Display Name"
+	},
+	"SessionList": {
+		"created": "Created {date}",
+		"current": "Current",
+		"elevated": "Elevated",
+		"expires": "Expires {date}",
+		"logout_all_question": "Are you sure you want to log out all sessions?",
+		"logout_all_submit": "Logout All Sessions",
+		"logout_all_trigger": "Logout All",
+		"logout_single": "Are you sure you want to log out this session?"
+	},
+	"Upload": {
+		"upload": "Upload"
+	},
+	"UserCard": {
+		"you": "(You)"
+	},
+	"UserDiscovery": {
+		"no_results": "No results",
+		"placeholder": "Add users and roles"
+	},
+	"UserMenu": {
+		"account": "Your Account",
+		"admin": "Administration"
+	},
+	"Version": {
+		"error": "Latest unknown",
+		"latest": "Latest",
+		"upgrade": "<span class=\"version\">{latest}</span> available"
+	},
+	"ZodInput": {
+		"invalid_type": "Invalid input type: {type}"
 	},
 	"generic": {
 		"action_irreversible": "This action can't be undone.",

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@axium/client",
-	"version": "0.19.8",
+	"version": "0.20.0",
 	"author": "James Prevett <jp@jamespre.dev>",
 	"funding": {
 		"type": "individual",
@@ -45,7 +45,7 @@
 		"build": "tsc"
 	},
 	"peerDependencies": {
-		"@axium/core": ">=0.20.3",
+		"@axium/core": ">=0.23.0",
 		"svelte": "^5.36.0",
 		"utilium": "^2.8.0",
 		"zod": "^4.0.5"