@axium/client 0.16.6 → 0.17.0

package/lib/Register.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { register } from '@axium/client/user';
+	import { register, text } from '@axium/client';
 	import FormDialog from './FormDialog.svelte';
 	import authRedirect from './auth_redirect.js';
 
@@ -12,19 +12,19 @@
 	}
 </script>
 
-<FormDialog bind:dialog submitText="Register" {submit} pageMode={fullPage}>
+<FormDialog bind:dialog submitText={text('generic.register')} {submit} pageMode={fullPage}>
 	<div>
-		<label for="name">Display Name</label>
+		<label for="name">{text('component.Register.name')}</label>
 		<input name="name" type="text" required />
 	</div>
 	<div>
-		<label for="email">Email</label>
+		<label for="email">{text('component.Register.email')}</label>
 		<input name="email" type="email" required />
 	</div>
 	{#snippet footer()}
 		{#if fullPage}
 			<div class="footer">
-				<a href="/login">Login instead</a>
+				<a href="/login">{text('component.Register.login')}</a>
 			</div>
 		{/if}
 	{/snippet}

package/lib/SessionList.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { logout, logoutAll } from '@axium/client/user';
+	import { logout, logoutAll, text } from '@axium/client';
 	import type { Session, User } from '@axium/core';
 	import FormDialog from './FormDialog.svelte';
 	import Icon from './Icon.svelte';
@@ -15,19 +15,19 @@
 {#each sessions as session}
 	<div class="item session">
 		<p>
-			{session.id.slice(0, 4)}...{session.id.slice(-4)}
+			{session.name ?? `${session.id.slice(0, 4)}...${session.id.slice(-4)}`}
 			{#if session.id == currentSession?.id}
-				<span class="current">Current</span>
+				<span class="current">{text('component.SessionList.current')}</span>
 			{/if}
 			{#if session.elevated}
-				<span class="elevated">Elevated</span>
+				<span class="elevated">{text('component.SessionList.elevated')}</span>
 			{/if}
 		</p>
-		<p class="timestamp">Created {session.created.toLocaleString()}</p>
-		<p class="timestamp">Expires {session.expires.toLocaleString()}</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>
 		<button command="show-modal" commandfor={'logout-session:' + session.id} class="logout icon-text">
 			<Icon i="right-from-bracket" --size="16px" />
-			<span class="mobile-only">Logout</span>
+			<span class="mobile-only">{text('generic.logout')}</span>
 		</button>
 	</div>
 	<FormDialog
@@ -37,19 +37,20 @@
 			sessions.splice(sessions.indexOf(session), 1);
 			if (session.id == currentSession?.id) window.location.href = '/';
 		}}
-		submitText="Logout"
+		submitText={text('generic.logout')}
 	>
-		<p>Are you sure you want to log out this session?</p>
+		<p>{text('component.SessionList.logout_single')}</p>
 	</FormDialog>
 {/each}
-<button command="show-modal" commandfor="logout-all" class="danger inline-button">Logout All</button>
+<button command="show-modal" commandfor="logout-all" class="danger inline-button">{text('component.SessionList.logout_all_trigger')}</button
+>
 <FormDialog
 	id="logout-all"
 	submit={() => logoutAll(user.id).then(() => (redirectAfterLogoutAll ? (window.location.href = '/') : null))}
-	submitText="Logout All Sessions"
+	submitText={text('component.SessionList.logout_all_submit')}
 	submitDanger
 >
-	<p>Are you sure you want to log out all sessions?</p>
+	<p>{text('component.SessionList.logout_all_question')}</p>
 </FormDialog>
 
 <style>

package/lib/SidebarLayout.svelte

@@ -15,8 +15,7 @@
 <div class="sidebar-container">
 	<div class="sidebar">
 		{#each tabs as { href, name, icon: i, active }}
-			<a {href} class={['item', 'icon-text', active && 'active']}><Icon {i} /> <span class="sidebar-text">{capitalize(name)}</span></a
-			>
+			<a {href} class={['item', 'icon-text', active && 'active']}><Icon {i} /> <span class="sidebar-text">{name}</span></a>
 		{/each}
 
 		{#if bottom}

package/lib/Upload.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+	import { text } from '@axium/client';
 	import { forMime } from '@axium/core/icons';
 	import type { HTMLInputAttributes } from 'svelte/elements';
 	import Icon from './Icon.svelte';
@@ -45,7 +46,7 @@
 				<Icon i="cloud-arrow-up" />
 			{/if}
 		{:else}
-			<Icon i="upload" /> Upload
+			<Icon i="upload" /> {text('component.Upload.upload')}
 		{/each}
 	</label>
 

package/lib/UserCard.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
-	import type { User } from '@axium/core/user';
+	import { text } from '@axium/client';
 	import { getUserImage } from '@axium/core';
+	import type { User } from '@axium/core/user';
 
 	const {
 		user,
@@ -27,7 +28,7 @@
 	{/if}
 	{user.name}
 	{#if self && you}
-		<span class="subtle">(You)</span>
+		<span class="subtle">{text('component.UserCard.you')}</span>
 	{/if}
 </a>
 

package/lib/UserDiscovery.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+	import { text } from '@axium/client';
 	import { fetchAPI } from '@axium/client/requests';
 	import { getUserImage, type UserPublic } from '@axium/core';
 	import { colorHashRGB } from '@axium/core/color';
@@ -55,7 +56,7 @@
 	}
 </script>
 
-<input bind:value type="text" placeholder="Add users and roles" {oninput} />
+<input bind:value type="text" placeholder={text('component.UserDiscovery.placeholder')} {oninput} />
 {#if !gotError && value}
 	<!-- Don't show results when we can't use the discovery API -->
 	<div class="results">
@@ -82,7 +83,7 @@
 				</div>
 			{/if}
 		{:else}
-			<i>No results</i>
+			<i>{text('component.UserDiscovery.no_results')}</i>
 		{/each}
 	</div>
 {/if}
@@ -114,7 +115,7 @@
 		background-color: var(--bg-accent);
 		border-radius: 0.25em 0.25em 0.75em 0.75em;
 		padding: 1em;
-		border: 1px solid var(--border-accent);
+		border: var(--border-accent);
 		align-items: stretch;
 
 		i {

package/lib/UserMenu.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { fetchAPI } from '@axium/client/requests';
+	import { fetchAPI, text } from '@axium/client';
 	import { getUserImage } from '@axium/core';
 	import type { UserPublic } from '@axium/core/user';
 	import Icon from './Icon.svelte';
@@ -20,18 +20,18 @@
 
 		<a class="menu-item" href="/account">
 			<Icon i="user" --size="1.5em" />
-			<span>Your Account</span>
+			<span>{text('component.UserMenu.account')}</span>
 		</a>
 
 		{#if user.isAdmin}
 			<a class="menu-item" href="/admin">
 				<Icon i="gear-complex" --size="1.5em" />
-				<span>Administration</span>
+				<span>{text('component.UserMenu.admin')}</span>
 			</a>
 		{/if}
 
 		{#await fetchAPI('GET', 'apps')}
-			<i>Loading...</i>
+			<i>{text('generic.loading')}</i>
 		{:then apps}
 			{#each apps as app}
 				<a class="menu-item" href="/{app.id}">
@@ -42,18 +42,18 @@
 					{:else}
 						<Icon i="image-circle-xmark" --size="1.5em" />
 					{/if}
-					<span>{app.name}</span>
+					<span>{text('app_name.' + app.id, { $default: app.name })}</span>
 				</a>
 			{:else}
-				<i>No apps available.</i>
+				<i>{text('component.AppMenu.none')}</i>
 			{/each}
 		{:catch}
-			<i>Couldn't load apps.</i>
+			<i>{text('component.AppMenu.failed')}</i>
 		{/await}
 
 		<button class="menu-item logout reset" command="show-modal" commandfor="logout">
 			<Icon i="right-from-bracket" --size="1.5em" --fill="hsl(0 33 var(--fg-light))" />
-			<span>Logout</span>
+			<span>{text('generic.logout')}</span>
 		</button>
 	</Popover>
 
@@ -68,7 +68,7 @@
 	.UserMenu {
 		border-radius: 0.5em;
 		padding: 0.5em;
-		border: 1px solid var(--border-accent);
+		border: var(--border-accent);
 		cursor: pointer;
 		background-color: var(--bg-alt);
 	}

package/lib/Version.svelte

@@ -1,18 +1,27 @@
 <script lang="ts">
-	const { v, latest }: { v: string; latest?: string | null } = $props();
+	import { text } from '@axium/client';
+	import { error } from '@axium/core/io';
 	import { lt as ltVersion } from 'semver';
+
+	const { v, latest: _latest }: { v: string; latest?: string | null | Promise<string> } = $props();
+
+	if (_latest && typeof _latest != 'string') _latest.catch(error);
 </script>
 
 <span class="version">{v}</span>
 
-{#if latest}
-	<span class="latest">
-		{#if ltVersion(v, latest)}
-			<span class="version">{latest}</span> available
-		{:else}
-			Latest
-		{/if}
-	</span>
+{#if _latest}
+	{#await _latest then latest}
+		<span class="latest">
+			{#if ltVersion(v, latest)}
+				{@html text('component.Version.upgrade', { $html: true, latest })}
+			{:else}
+				{text('component.Version.latest')}
+			{/if}
+		</span>
+	{:catch}
+		<span class="latest error">{text('component.Version.error')}</span>
+	{/await}
 {/if}
 
 <style>
@@ -23,6 +32,10 @@
 		border-radius: 1em;
 	}
 
+	.error {
+		border: var(--border-error);
+	}
+
 	:global(h1 h2, h3, h4, h5, h6) {
 		.latest {
 			margin-left: 1em;

package/lib/ZodInput.svelte

@@ -1,10 +1,12 @@
 <script lang="ts">
+	import { text } from '@axium/client';
 	import type { ZodPref } from '@axium/core';
+	import { zKeys } from '@axium/core/locales';
 	import type { HTMLInputAttributes } from 'svelte/elements';
 	import { getByString, pick, setByString } from 'utilium';
+	import { prettifyError } from 'zod';
 	import Icon from './Icon.svelte';
 	import ZodInput from './ZodInput.svelte';
-	import { prettifyError } from 'zod';
 
 	interface Props {
 		idPrefix?: string;
@@ -18,17 +20,10 @@
 		updateValue(value: any): void;
 	}
 
-	let {
-		rootValue = $bindable(),
-		label,
-		path,
-		schema,
-		optional = false,
-		defaultValue,
-		idPrefix,
-		updateValue,
-		noLabel = false,
-	}: Props = $props();
+	let { rootValue = $bindable(), ...props }: Props = $props();
+
+	let { label, path, schema, optional, defaultValue, idPrefix, updateValue, noLabel } = props;
+
 	const id = (idPrefix ? idPrefix + ':' : '') + path.replaceAll(' ', '_');
 
 	let value = $state<any>(getByString(rootValue, path));
@@ -81,18 +76,20 @@
 		if (defaultValue == val) {
 			const parts = path.split('.');
 			const prop = parts.pop()!;
-			delete getByString<Record<string, any>>(rootValue, parts.join('.'))[prop];
+			delete getByString<Record<string, any>>(rootValue, parts.join('.'))![prop];
 		} else setByString(rootValue, path, val);
 
 		updateValue(rootValue);
 	}
 
 	const oninput = onchange;
+
+	const labelText = $derived(zKeys.has(props.schema) ? text(zKeys.get(props.schema)!.key) : label || path);
 </script>
 
 {#snippet _in(rest: HTMLInputAttributes)}
 	<div class="ZodInput">
-		{#if !noLabel}<label for={id}>{label || path}</label>{/if}
+		{#if !noLabel}<label for={id}>{labelText}</label>{/if}
 		{#if error}<span class="ZodInput-error error-text">{error}</span>{/if}
 		<input {id} {...rest} bind:value {onchange} {oninput} required={!optional} {defaultValue} class={[error && 'error']} />
 	</div>
@@ -106,7 +103,7 @@
 	{@render _in({ type: 'number', min: Number(schema.minValue), max: Number(schema.maxValue), step: 1 })}
 {:else if schema.type == 'boolean'}
 	<div class="ZodInput">
-		{#if !noLabel}<label for="{id}:checkbox">{label || path}</label>{/if}
+		{#if !noLabel}<label for="{id}:checkbox">{labelText}</label>{/if}
 		<input bind:checked={value} id="{id}:checkbox" type="checkbox" {onchange} required={!optional} />
 		<label for="{id}:checkbox" {id} class="checkbox">
 			{#if value}<Icon i="check" --size="1.3em" />{/if}
@@ -122,7 +119,7 @@
 	<!-- todo -->
 {:else if schema.type == 'literal'}
 	<div class="ZodInput">
-		<label for={id}>{label || path}</label>
+		<label for={id}>{labelText}</label>
 		<select bind:value {id} {oninput} required={!optional}>
 			{#each schema.values as value}
 				<option {value} selected={value === value}>{value}</option>
@@ -132,13 +129,13 @@
 {:else if schema.type == 'template_literal'}
 	<!-- todo -->
 {:else if schema.type == 'default'}
-	<ZodInput bind:rootValue {updateValue} {idPrefix} {path} schema={schema.def.innerType} defaultValue={schema.def.defaultValue} />
+	<ZodInput bind:rootValue {...props} label={labelText} schema={schema.def.innerType} defaultValue={schema.def.defaultValue} />
 {:else if schema.type == 'nullable' || schema.type == 'optional'}
 	<!-- defaults are handled differently -->
-	<ZodInput bind:rootValue {updateValue} {idPrefix} {path} {defaultValue} schema={schema.def.innerType} optional={true} />
+	<ZodInput bind:rootValue {...props} label={labelText} schema={schema.def.innerType} optional={true} />
 {:else if schema.type == 'array'}
 	<div class="ZodInput">
-		{#if !noLabel}<label for={id}>{label || path}</label>{/if}
+		{#if !noLabel}<label for={id}>{labelText}</label>{/if}
 		{#if error}<span class="ZodInput-error error-text">{error}</span>{/if}
 		<div class="ZodInput-array">
 			{#each value, i}
@@ -164,25 +161,25 @@
 		{#each Object.keys(value) as key}
 			<div class="ZodInput-record-entry">
 				{#if !noLabel}<label for={id}>{key}</label>{/if}
-				<ZodInput bind:rootValue {updateValue} {idPrefix} {defaultValue} path="{path}.{key}" schema={schema.valueType} />
+				<ZodInput bind:rootValue {updateValue} {idPrefix} path="{path}.{key}" schema={schema.valueType} />
 			</div>
 		{/each}
 	</div>
 {:else if schema.type == 'object'}
 	<!-- <div class="ZodInput-object"> -->
 	{#each Object.entries(schema.shape) as [key, value]}
-		<ZodInput bind:rootValue {updateValue} {idPrefix} {defaultValue} path="{path}.{key}" schema={value} />
+		<ZodInput bind:rootValue {updateValue} {idPrefix} path="{path}.{key}" schema={value} />
 	{/each}
 	<!-- </div> -->
 {:else if schema.type == 'tuple'}
 	<div class="ZodInput-tuple" data-rest={schema.def.rest}>
 		{#each schema.def.items as item, i}
-			<ZodInput bind:rootValue {updateValue} {idPrefix} {defaultValue} path="{path}.{i}" schema={item} />
+			<ZodInput bind:rootValue {updateValue} {idPrefix} defaultValue={defaultValue?.[i]} path="{path}.{i}" schema={item} />
 		{/each}
 	</div>
 {:else if schema.type == 'enum'}
 	<div class="ZodInput">
-		{#if !noLabel}<label for={id}>{label || path}</label>{/if}
+		{#if !noLabel}<label for={id}>{labelText}</label>{/if}
 		{#if error}<span class="ZodInput-error error-text">{error}</span>{/if}
 		<select {id} {onchange} bind:value required={!optional}>
 			{#each Object.entries(schema.enum) as [key, value]}
@@ -192,7 +189,7 @@
 	</div>
 {:else}
 	<!-- No idea how to render this -->
-	<i class="error-text">Invalid preference type: {JSON.stringify((schema as ZodPref)?.def?.type)}</i>
+	<i class="error-text">{text('component.ZodInput.invalid_type', { type: JSON.stringify((schema as ZodPref)?.def?.type) })}</i>
 {/if}
 
 <style>

package/lib/tsconfig.json

@@ -3,7 +3,7 @@
 	"compilerOptions": {
 		"target": "ES2023",
 		"strict": true,
-		"rootDir": ".",
+		"rootDir": "..",
 		"lib": ["ESNext", "DOM", "DOM.Iterable"],
 		"types": ["@sveltejs/kit"]
 	},

package/locales/en.json

@@ -0,0 +1,213 @@
+{
+	"component": {
+		"AccessControlDialog": {
+			"named_title": "Permissions for <strong>{name}</strong>",
+			"owner": "Owner",
+			"title": "Permissions"
+		},
+		"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.",
+		"cancel": "Cancel",
+		"change": "Change",
+		"create": "Create",
+		"delete": "Delete",
+		"done": "Done",
+		"email": "Email",
+		"loading": "Loading...",
+		"login": "Login",
+		"logout": "Logout",
+		"no": "No",
+		"none": "None",
+		"ok": "Okay",
+		"preferences": "Preferences",
+		"register": "Register",
+		"sessions": "Sessions",
+		"unknown": "Unknown",
+		"unnamed": "Unnamed",
+		"username": "Name",
+		"yes": "Yes"
+	},
+	"page": {
+		"account": {
+			"delete_account": "Delete Account",
+			"delete_account_confirm": "Are you sure you want to delete your account?",
+			"edit_email": "Email Address",
+			"edit_name": "What do you want to be called?",
+			"email_verified_on": "Email verified on {date}",
+			"greeting": "Welcome, {name}",
+			"passkeys": {
+				"backed_up": "This passkey is backed up",
+				"create": "Create",
+				"created": "Created {date}",
+				"delete": "Delete",
+				"delete_confirm": "Are you sure you want to delete this passkey?",
+				"edit_name": "Passkey Name",
+				"min_one": "You must have at least one passkey",
+				"multi_device": "Multiple devices",
+				"name_type_error": "Passkey name must be a string",
+				"not_backed_up": "This passkey is not backed up",
+				"rename": "Rename",
+				"single_device": "Single device",
+				"title": "Passkeys"
+			},
+			"personal_info": "Personal Information",
+			"preferences": "Preferences",
+			"profile_alt": "User profile",
+			"sessions": "Sessions",
+			"title": "Your Account",
+			"user_id": "User ID",
+			"user_id_hint": "This is your UUID. It can't be changed.",
+			"verification_sent": "Verification email sent",
+			"verify": "Verify"
+		},
+		"admin": {
+			"heading": "Administration",
+			"audit": {
+				"any": "Any",
+				"apply": "Apply",
+				"error_stack": "Error Stack",
+				"event_heading": "Audit Event",
+				"event_title": "Admin — Audit Log Event #{id}",
+				"extra_data": "Extra Data",
+				"filter": {
+					"event": "Event Name:",
+					"severity": "Minimum Severity:",
+					"since": "Since:",
+					"source": "Source:",
+					"tags": "Tags:",
+					"until": "Until:",
+					"user": "User UUID:"
+				},
+				"filters": "Filters",
+				"heading": "Audit Log",
+				"invalid_filter": "Invalid Filter:",
+				"name": "Name",
+				"no_events": "No audit log events found",
+				"reset": "Reset",
+				"severity": "Severity",
+				"source": "Source",
+				"tags": "Tags",
+				"timestamp": "Timestamp",
+				"title": "Admin — Audit Log",
+				"user": "User",
+				"uuid": "UUID"
+			},
+			"config": {
+				"active": "Active Configuration",
+				"loaded_files": "Loaded Files",
+				"title": "Admin — Configuration"
+			},
+			"dashboard": {
+				"audit_link": "Audit Log",
+				"config_files": "{count} files loaded.",
+				"config_link": "Configuration",
+				"plugins_link": "Plugins",
+				"plugins_loaded": "{count} plugins loaded.",
+				"stats": "{users} users, {sessions} sessions, {passkeys} passkeys.",
+				"title": "Admin — Dashboard",
+				"users_link": "Users"
+			},
+			"plugins": {
+				"author": "Author:",
+				"configuration": "Configuration",
+				"heading": "Plugins",
+				"loaded_from": "Loaded from",
+				"none": "No plugins loaded.",
+				"provided_apps": "Provided apps:",
+				"title": "Admin — Plugins"
+			},
+			"users": {
+				"admin_tag": "Admin",
+				"administrator": "Administrator",
+				"attributes": "Attributes",
+				"audit": "Audit",
+				"back": "Back to all users",
+				"create": "Create User",
+				"created_title": "New User Created",
+				"created_url": "They can log in using this URL:",
+				"default_image": "Default",
+				"delete_confirm": "Are you sure you want to delete this user?",
+				"delete_user": "Delete User",
+				"display_name": "Display Name",
+				"email_not_verified": "not verified",
+				"email_verified": "verified {date}",
+				"heading": "Users",
+				"manage": "Manage",
+				"manage_heading": "User Management",
+				"manage_title": "Admin — User Management",
+				"none": "No users!",
+				"profile_image": "Profile Image",
+				"registered": "Registered",
+				"roles": "Roles",
+				"suspend": "Suspend",
+				"suspended": "Suspended",
+				"tags": "Tags",
+				"title": "Admin — Users",
+				"unsuspend": "Unsuspend",
+				"uuid": "UUID"
+			}
+		},
+		"login": {
+			"client": {
+				"authorize": "Authorize",
+				"confirm": "Are you sure you want to log in to this local client?",
+				"success": "Login successful! You can close this tab.",
+				"title": "Local Client Login"
+			},
+			"failed": "Login Failed"
+		}
+	},
+	"preference": {
+		"debug": "Debug mode"
+	}
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@axium/client",
-	"version": "0.16.6",
+	"version": "0.17.0",
 	"author": "James Prevett <jp@jamespre.dev>",
 	"funding": {
 		"type": "individual",
@@ -26,10 +26,12 @@
 		"assets",
 		"dist",
 		"lib",
+		"locales",
 		"styles",
 		"axium-client.service"
 	],
 	"exports": {
+		"./package.json": "./package.json",
 		".": "./dist/index.js",
 		"./*": "./dist/*.js",
 		"./components": "./lib/index.js",
@@ -41,10 +43,10 @@
 		"build": "tsc"
 	},
 	"peerDependencies": {
-		"@axium/core": ">=0.20.0",
-		"utilium": "^2.6.3",
-		"zod": "^4.0.5",
-		"svelte": "^5.36.0"
+		"@axium/core": ">=0.20.3",
+		"svelte": "^5.36.0",
+		"utilium": "^2.8.0",
+		"zod": "^4.0.5"
 	},
 	"dependencies": {
 		"@simplewebauthn/browser": "^13.1.0",