@vibesdotdev/account 0.0.0-stage → 1.0.0-rc.3

package/dist/svelte/components/AccountProfilePanel.svelte

@@ -0,0 +1,379 @@
+<script lang="ts">
+	import { Badge, Button, Icon, Input, Label, Separator, Textarea } from '@vibesdotdev/kit/components';
+	import {
+		Card,
+		CardContent,
+		CardDescription,
+		CardFooter,
+		CardHeader,
+		CardTitle
+	} from '@vibesdotdev/kit/components/ui/card';
+	import * as Avatar from '@vibesdotdev/kit/components/ui/avatar';
+	import {
+		ACCOUNT_AVATAR_ACCEPT,
+		formatAccountUserTypeLabel,
+		formatAccountProfileDate,
+		getAccountProfileInitial,
+		getAccountProfileTypeLabel,
+		validateAccountAvatarFile,
+		type AccountProfileAvatarValidation,
+		type AccountProfileFormConstraints,
+		type AccountProfileFormErrors,
+		type AccountProfileFormValues,
+		type AccountProfileUser
+	} from '../profile.js';
+	import type { AccountUserType } from '@vibesdotdev/account/account/settings';
+	import type { Writable } from 'svelte/store';
+	import type { Action } from 'svelte/action';
+	import { failureMessage } from '@vibesdotdev/account/api';
+	import { settle } from '@vibesdotdev/kernel';
+
+	type FormEnhance = Action<HTMLFormElement>;
+
+	type AvatarUploadHandler = (file: File) => Promise<string | null | undefined>;
+	type AvatarClearHandler = () => Promise<void>;
+
+	let {
+		user,
+		experienceType = null,
+		form,
+		errors = {},
+		constraints = {},
+		submitting = false,
+		enhance,
+		uploadAvatar,
+		clearAvatar: clearAvatarHandler,
+		onavatarstatus,
+		onresendVerification,
+		resendingVerification = false,
+		class: className = ''
+	}: {
+		user: AccountProfileUser | null;
+		/** The superForm `form` store — bound directly so child edits propagate
+		 *  back to the store that is submitted (GH #705). Passing the plain value
+		 *  silently dropped every edit. */
+		form: Writable<AccountProfileFormValues>;
+		errors?: AccountProfileFormErrors;
+		constraints?: AccountProfileFormConstraints;
+		submitting?: boolean;
+		enhance?: FormEnhance;
+		uploadAvatar?: AvatarUploadHandler;
+		clearAvatar?: AvatarClearHandler;
+		onavatarstatus?: (status: AccountProfileAvatarValidation) => void;
+		/** Emit the intent to (re)send the email-verification link. Pure view:
+		 *  the panel only fires the callback; the shell performs the request. */
+		onresendVerification?: () => void | Promise<void>;
+		/** True while the resend request is in flight — disables the button. */
+		resendingVerification?: boolean;
+		class?: string;
+		experienceType?: AccountUserType | null;
+	} = $props();
+
+	let avatarFileInput = $state<HTMLInputElement | null>(null);
+	let avatarUrl = $state<string | null>(null);
+	let avatarPending = $state(false);
+	let avatarMessage = $state<AccountProfileAvatarValidation | null>(null);
+
+	const canUploadAvatar = $derived(Boolean(uploadAvatar));
+	const canClearAvatar = $derived(Boolean(clearAvatarHandler));
+	const bioLength = $derived($form.bio?.length ?? 0);
+	const resolvedExperienceType = $derived(experienceType ?? user?.userType ?? 'simple');
+	// superforms enhance is a Svelte action. Prefer the declarative `use:` form
+	// over a manual `$effect` attach/destroy cycle — destroying mid-submit left
+	// $submitting stuck on true ("Saving...") with no recovery (GH #1083 report 2).
+	// Mount-time capture is intentional: `use:` applies the action once at mount
+	// and never reapplies on a changed function identity, so deriving would only
+	// simulate reactivity the action system doesn't have.
+	// svelte-ignore state_referenced_locally
+	const formEnhance: FormEnhance = enhance ?? (() => ({ destroy() {} }));
+
+	$effect(() => {
+		avatarUrl = user?.avatarUrl ?? null;
+	});
+
+	function fieldError(field: keyof AccountProfileFormValues): string | null {
+		const value = errors[field];
+		if (Array.isArray(value)) return value[0] ?? null;
+		return value ?? null;
+	}
+
+	function setAvatarStatus(status: AccountProfileAvatarValidation | null): void {
+		avatarMessage = status;
+		if (status) onavatarstatus?.(status);
+	}
+
+	function openAvatarPicker(): void {
+		avatarFileInput?.click();
+	}
+
+	async function handleAvatarSelection(event: Event): Promise<void> {
+		const input = event.currentTarget instanceof HTMLInputElement ? event.currentTarget : null;
+		const file = input?.files?.[0];
+		if (!file || avatarPending || !uploadAvatar) return;
+
+		const validation = validateAccountAvatarFile(file);
+		if (!validation.valid) {
+			setAvatarStatus(validation);
+			input.value = '';
+			return;
+		}
+
+		avatarPending = true;
+		setAvatarStatus(null);
+		const uploaded = await settle(() => uploadAvatar(file));
+		if (uploaded.ok) {
+			if (uploaded.value !== undefined) avatarUrl = uploaded.value;
+			setAvatarStatus({ valid: true, message: 'Profile photo updated.' });
+		} else {
+			setAvatarStatus({
+				valid: false,
+				message: failureMessage(uploaded.cause, 'Failed to upload profile photo.')
+			});
+		}
+		input.value = '';
+		avatarPending = false;
+	}
+
+	async function clearAvatar(): Promise<void> {
+		if (avatarPending || !avatarUrl || !clearAvatarHandler) return;
+		avatarPending = true;
+		setAvatarStatus(null);
+		const cleared = await settle(() => clearAvatarHandler());
+		if (cleared.ok) {
+			avatarUrl = null;
+			setAvatarStatus({ valid: true, message: 'Profile photo removed.' });
+		} else {
+			setAvatarStatus({
+				valid: false,
+				message: failureMessage(cleared.cause, 'Failed to remove profile photo.')
+			});
+		}
+		avatarPending = false;
+	}
+</script>
+
+<div class={`grid gap-6 md:grid-cols-3 ${className}`}>
+	<div class="md:col-span-1">
+		<Card>
+			<CardHeader>
+				<CardTitle>Profile Picture</CardTitle>
+				<CardDescription>Upload a photo to personalize your account</CardDescription>
+			</CardHeader>
+			<CardContent class="flex flex-col items-center space-y-4">
+				<Avatar.Root class="h-32 w-32">
+					<Avatar.Image src={avatarUrl || ''} alt={user?.name || 'User avatar'} />
+					<Avatar.Fallback class="text-2xl">{getAccountProfileInitial(user)}</Avatar.Fallback>
+				</Avatar.Root>
+
+				{#if canUploadAvatar}
+					<input
+						bind:this={avatarFileInput}
+						type="file"
+						accept={ACCOUNT_AVATAR_ACCEPT}
+						class="hidden"
+						onchange={handleAvatarSelection}
+					/>
+
+					<div class="flex w-full flex-col gap-2">
+						<Button
+							type="button"
+							variant="outline"
+							class="gap-2"
+							disabled={avatarPending}
+							onclick={openAvatarPicker}
+						>
+							{#if avatarPending}
+								<Icon icon="lucide:loader-circle" class="h-4 w-4 animate-spin" />
+							{:else}
+								<Icon icon="lucide:upload" class="h-4 w-4" />
+							{/if}
+							{avatarUrl ? 'Change Photo' : 'Upload Photo'}
+						</Button>
+						{#if avatarUrl && canClearAvatar}
+							<Button
+								type="button"
+								variant="ghost"
+								class="gap-2"
+								disabled={avatarPending}
+								onclick={clearAvatar}
+							>
+								<Icon icon="lucide:x" class="h-4 w-4" />
+								Remove Photo
+							</Button>
+						{/if}
+					</div>
+				{/if}
+
+				<p class="text-muted-foreground text-center text-xs">
+					JPEG, PNG, GIF, or WebP up to 5 MB.
+				</p>
+
+				{#if avatarMessage?.message}
+					<p
+						class={`text-center text-xs font-medium ${avatarMessage.valid ? 'text-muted-foreground' : 'text-destructive'}`}
+						role={avatarMessage.valid ? undefined : 'alert'}
+					>
+						{avatarMessage.message}
+					</p>
+				{/if}
+			</CardContent>
+		</Card>
+
+		<Card class="mt-6">
+			<CardHeader>
+				<CardTitle>Account Information</CardTitle>
+				<CardDescription>Your account details</CardDescription>
+			</CardHeader>
+			<CardContent class="space-y-3">
+				<div class="flex items-center justify-between gap-4">
+					<span class="text-muted-foreground text-sm">Member since</span>
+					<span class="text-right text-sm font-medium">{formatAccountProfileDate(user?.createdAt)}</span>
+				</div>
+				<Separator />
+				<div class="space-y-2">
+					<div class="flex items-center justify-between gap-4">
+						<span class="text-muted-foreground text-sm">Email status</span>
+						{#if user?.emailVerified}
+							<Badge variant="outline" class="gap-1"
+								><Icon icon="lucide:check-circle" class="h-3 w-3" />Verified</Badge
+							>
+						{:else}
+							<Badge variant="secondary" class="gap-1"
+								><Icon icon="lucide:alert-circle" class="h-3 w-3" />Unverified</Badge
+							>
+						{/if}
+					</div>
+					{#if !user?.emailVerified && onresendVerification}
+						<Button
+							type="button"
+							variant="outline"
+							size="sm"
+							class="w-full gap-2"
+							disabled={resendingVerification}
+							onclick={() => onresendVerification?.()}
+						>
+							{#if resendingVerification}
+								<Icon icon="lucide:loader-circle" class="h-4 w-4 animate-spin" />
+							{:else}
+								<Icon icon="lucide:mail" class="h-4 w-4" />
+							{/if}
+							Resend verification email
+						</Button>
+					{/if}
+				</div>
+				<Separator />
+				<div class="flex items-center justify-between gap-4">
+					<span class="text-muted-foreground text-sm">Interface</span>
+					<Badge variant="secondary">{formatAccountUserTypeLabel(resolvedExperienceType)}</Badge>
+				</div>
+				<Separator />
+				<div class="flex items-center justify-between gap-4">
+					<span class="text-muted-foreground text-sm">Account access</span>
+					<Badge variant="secondary">{getAccountProfileTypeLabel(user)}</Badge>
+				</div>
+			</CardContent>
+		</Card>
+	</div>
+
+	<div class="md:col-span-2">
+		<form method="POST" use:formEnhance>
+				<Card>
+					<CardHeader>
+						<CardTitle>Personal Information</CardTitle>
+						<CardDescription>Update your profile details</CardDescription>
+					</CardHeader>
+				<CardContent class="space-y-6">
+					<div class="grid gap-6 md:grid-cols-2">
+						<div class="space-y-2">
+							<Label for="name">
+								<div class="flex items-center gap-2">
+									<Icon icon="lucide:user" class="h-4 w-4" />
+									Display Name
+								</div>
+							</Label>
+							<Input
+								id="name"
+								name="name"
+								type="text"
+								bind:value={$form.name}
+								{...(constraints.name ?? {})}
+								aria-invalid={fieldError('name') ? 'true' : undefined}
+								aria-describedby={fieldError('name') ? 'name-error' : undefined}
+								placeholder="Jane Doe"
+							/>
+							{#if fieldError('name')}
+								<p
+									id="name-error"
+									class="flex items-center gap-1.5 text-xs font-medium text-destructive/85"
+								>
+									<Icon icon="lucide:circle-alert" class="h-3.5 w-3.5" />
+									{fieldError('name')}
+								</p>
+							{/if}
+						</div>
+
+						<div class="space-y-2">
+							<Label for="email">
+								<div class="flex items-center gap-2">
+									<Icon icon="lucide:mail" class="h-4 w-4" />
+									Email Address
+								</div>
+							</Label>
+							<Input
+								id="email"
+								name="email"
+								type="email"
+								bind:value={$form.email}
+								{...(constraints.email ?? {})}
+								aria-invalid={fieldError('email') ? 'true' : undefined}
+								aria-describedby={fieldError('email') ? 'email-error' : undefined}
+								placeholder="jane@example.com"
+							/>
+							{#if fieldError('email')}
+								<p
+									id="email-error"
+									class="flex items-center gap-1.5 text-xs font-medium text-destructive/85"
+								>
+									<Icon icon="lucide:circle-alert" class="h-3.5 w-3.5" />
+									{fieldError('email')}
+								</p>
+							{/if}
+						</div>
+					</div>
+
+					<div class="space-y-2">
+						<Label for="bio">About You</Label>
+						<Textarea
+							id="bio"
+							name="bio"
+							bind:value={$form.bio}
+							{...(constraints.bio ?? {})}
+							aria-invalid={fieldError('bio') ? 'true' : undefined}
+							aria-describedby={fieldError('bio') ? 'bio-error' : undefined}
+							placeholder="Tell people what you build, research, or care about."
+							rows={4}
+							class="resize-none"
+						/>
+						{#if fieldError('bio')}
+							<p
+								id="bio-error"
+								class="flex items-center gap-1.5 text-xs font-medium text-destructive/85"
+							>
+								<Icon icon="lucide:circle-alert" class="h-3.5 w-3.5" />
+								{fieldError('bio')}
+							</p>
+						{/if}
+						<p class="text-muted-foreground text-sm">
+							Brief description for your profile. {bioLength}/500 characters
+						</p>
+					</div>
+				</CardContent>
+				<CardFooter class="justify-end">
+					<Button type="submit" disabled={submitting}>
+						{submitting ? 'Saving...' : 'Save Changes'}
+					</Button>
+				</CardFooter>
+			</Card>
+		</form>
+	</div>
+</div>

package/dist/svelte/components/AccountProfilePanel.svelte.d.ts

@@ -0,0 +1,32 @@
+import { type AccountProfileAvatarValidation, type AccountProfileFormConstraints, type AccountProfileFormErrors, type AccountProfileFormValues, type AccountProfileUser } from '../profile.ts';
+import type { AccountUserType } from '@vibesdotdev/account/account/settings';
+import type { Writable } from 'svelte/store';
+import type { Action } from 'svelte/action';
+type FormEnhance = Action<HTMLFormElement>;
+type AvatarUploadHandler = (file: File) => Promise<string | null | undefined>;
+type AvatarClearHandler = () => Promise<void>;
+type $$ComponentProps = {
+    user: AccountProfileUser | null;
+    /** The superForm `form` store — bound directly so child edits propagate
+     *  back to the store that is submitted (GH #705). Passing the plain value
+     *  silently dropped every edit. */
+    form: Writable<AccountProfileFormValues>;
+    errors?: AccountProfileFormErrors;
+    constraints?: AccountProfileFormConstraints;
+    submitting?: boolean;
+    enhance?: FormEnhance;
+    uploadAvatar?: AvatarUploadHandler;
+    clearAvatar?: AvatarClearHandler;
+    onavatarstatus?: (status: AccountProfileAvatarValidation) => void;
+    /** Emit the intent to (re)send the email-verification link. Pure view:
+     *  the panel only fires the callback; the shell performs the request. */
+    onresendVerification?: () => void | Promise<void>;
+    /** True while the resend request is in flight — disables the button. */
+    resendingVerification?: boolean;
+    class?: string;
+    experienceType?: AccountUserType | null;
+};
+declare const AccountProfilePanel: import("svelte").Component<$$ComponentProps, {}, "">;
+type AccountProfilePanel = ReturnType<typeof AccountProfilePanel>;
+export default AccountProfilePanel;
+//# sourceMappingURL=AccountProfilePanel.svelte.d.ts.map

package/dist/svelte/components/AccountProfilePanel.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountProfilePanel.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/AccountProfilePanel.svelte.ts"],"names":[],"mappings":"AAaA,OAAO,EAOL,KAAK,8BAA8B,EACnC,KAAK,6BAA6B,EAClC,KAAK,wBAAwB,EAC7B,KAAK,wBAAwB,EAC7B,KAAK,kBAAkB,EACvB,MAAM,eAAe,CAAC;AACxB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAC7E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAK3C,KAAK,WAAW,GAAG,MAAM,CAAC,eAAe,CAAC,CAAC;AAE3C,KAAK,mBAAmB,GAAG,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;AAC9E,KAAK,kBAAkB,GAAG,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;AAC9C,KAAK,gBAAgB,GAAI;IACxB,IAAI,EAAE,kBAAkB,GAAG,IAAI,CAAC;IAChC;;uCAEmC;IACnC,IAAI,EAAE,QAAQ,CAAC,wBAAwB,CAAC,CAAC;IACzC,MAAM,CAAC,EAAE,wBAAwB,CAAC;IAClC,WAAW,CAAC,EAAE,6BAA6B,CAAC;IAC5C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,YAAY,CAAC,EAAE,mBAAmB,CAAC;IACnC,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,8BAA8B,KAAK,IAAI,CAAC;IAClE;6EACyE;IACzE,oBAAoB,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAClD,wEAAwE;IACxE,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;CACxC,CAAC;AAiRH,QAAA,MAAM,mBAAmB,sDAAwC,CAAC;AAClE,KAAK,mBAAmB,GAAG,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAClE,eAAe,mBAAmB,CAAC"}

package/dist/svelte/components/AccountProjectDefaultsSettings.svelte

@@ -0,0 +1,54 @@
+<script lang="ts">
+	import {
+		projectDefaultsManifest,
+		type ProjectDefaults
+	} from '@vibesdotdev/account/settings/config';
+	import {
+		createAccountProjectDefaultsSettingsPatch,
+		deriveAccountProjectDefaultsSettings
+	} from '../settings-sections.js';
+	import { getAccountState } from '../state.svelte.js';
+	const accountState = getAccountState();
+	import AccountSettingsForm from './AccountSettingsForm.svelte';
+	import type { AccountSettingsFormProps } from '../manifest-form.js';
+
+	type Props = Omit<AccountSettingsFormProps, 'manifest' | 'initialValues' | 'toPatch'> & {
+		value?: Partial<ProjectDefaults> | null;
+		initialValues?: Partial<ProjectDefaults> | null;
+	};
+
+	let {
+		value = null,
+		initialValues = null,
+		onsave,
+		onsaved,
+		onerror,
+		submitLabel = 'Save Preferences',
+		cardLayout = true,
+		disabled = false,
+		actions,
+		class: className = ''
+	}: Props = $props();
+
+	const effectiveInitialValues = $derived({
+		...deriveAccountProjectDefaultsSettings(
+			accountState.resolvedSettings ?? accountState.userSettings?.settings ?? null
+		),
+		...initialValues,
+		...value
+	});
+</script>
+
+<AccountSettingsForm
+	manifest={projectDefaultsManifest}
+	initialValues={effectiveInitialValues}
+	toPatch={createAccountProjectDefaultsSettingsPatch}
+	{onsave}
+	{onsaved}
+	{onerror}
+	{submitLabel}
+	{cardLayout}
+	{disabled}
+	{actions}
+	class={className}
+/>

package/dist/svelte/components/AccountProjectDefaultsSettings.svelte.d.ts

@@ -0,0 +1,10 @@
+import { type ProjectDefaults } from '@vibesdotdev/account/settings/config';
+import type { AccountSettingsFormProps } from '../manifest-form.ts';
+type Props = Omit<AccountSettingsFormProps, 'manifest' | 'initialValues' | 'toPatch'> & {
+    value?: Partial<ProjectDefaults> | null;
+    initialValues?: Partial<ProjectDefaults> | null;
+};
+declare const AccountProjectDefaultsSettings: import("svelte").Component<Props, {}, "">;
+type AccountProjectDefaultsSettings = ReturnType<typeof AccountProjectDefaultsSettings>;
+export default AccountProjectDefaultsSettings;
+//# sourceMappingURL=AccountProjectDefaultsSettings.svelte.d.ts.map

package/dist/svelte/components/AccountProjectDefaultsSettings.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountProjectDefaultsSettings.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/AccountProjectDefaultsSettings.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAEL,KAAK,eAAe,EACpB,MAAM,sCAAsC,CAAC;AAO/C,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAGnE,KAAK,KAAK,GAAG,IAAI,CAAC,wBAAwB,EAAE,UAAU,GAAG,eAAe,GAAG,SAAS,CAAC,GAAG;IACvF,KAAK,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,GAAG,IAAI,CAAC;IACxC,aAAa,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,GAAG,IAAI,CAAC;CAChD,CAAC;AAoCH,QAAA,MAAM,8BAA8B,2CAAwC,CAAC;AAC7E,KAAK,8BAA8B,GAAG,UAAU,CAAC,OAAO,8BAA8B,CAAC,CAAC;AACxF,eAAe,8BAA8B,CAAC"}

package/dist/svelte/components/AccountPromptTestSettings.svelte

@@ -0,0 +1,54 @@
+<script lang="ts">
+	import {
+		promptTestPreferencesManifest,
+		type PromptTestPreferences
+	} from '@vibesdotdev/account/settings/config';
+	import {
+		createAccountPromptTestSettingsPatch,
+		deriveAccountPromptTestSettings
+	} from '../settings-sections.js';
+	import { getAccountState } from '../state.svelte.js';
+	const accountState = getAccountState();
+	import AccountSettingsForm from './AccountSettingsForm.svelte';
+	import type { AccountSettingsFormProps } from '../manifest-form.js';
+
+	type Props = Omit<AccountSettingsFormProps, 'manifest' | 'initialValues' | 'toPatch'> & {
+		value?: Partial<PromptTestPreferences> | null;
+		initialValues?: Partial<PromptTestPreferences> | null;
+	};
+
+	let {
+		value = null,
+		initialValues = null,
+		onsave,
+		onsaved,
+		onerror,
+		submitLabel = 'Save Defaults',
+		cardLayout = true,
+		disabled = false,
+		actions,
+		class: className = ''
+	}: Props = $props();
+
+	const effectiveInitialValues = $derived({
+		...deriveAccountPromptTestSettings(
+			accountState.resolvedSettings ?? accountState.userSettings?.settings ?? null
+		),
+		...initialValues,
+		...value
+	});
+</script>
+
+<AccountSettingsForm
+	manifest={promptTestPreferencesManifest}
+	initialValues={effectiveInitialValues}
+	toPatch={createAccountPromptTestSettingsPatch}
+	{onsave}
+	{onsaved}
+	{onerror}
+	{submitLabel}
+	{cardLayout}
+	{disabled}
+	{actions}
+	class={className}
+/>

package/dist/svelte/components/AccountPromptTestSettings.svelte.d.ts

@@ -0,0 +1,10 @@
+import { type PromptTestPreferences } from '@vibesdotdev/account/settings/config';
+import type { AccountSettingsFormProps } from '../manifest-form.ts';
+type Props = Omit<AccountSettingsFormProps, 'manifest' | 'initialValues' | 'toPatch'> & {
+    value?: Partial<PromptTestPreferences> | null;
+    initialValues?: Partial<PromptTestPreferences> | null;
+};
+declare const AccountPromptTestSettings: import("svelte").Component<Props, {}, "">;
+type AccountPromptTestSettings = ReturnType<typeof AccountPromptTestSettings>;
+export default AccountPromptTestSettings;
+//# sourceMappingURL=AccountPromptTestSettings.svelte.d.ts.map

package/dist/svelte/components/AccountPromptTestSettings.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountPromptTestSettings.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/AccountPromptTestSettings.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAEL,KAAK,qBAAqB,EAC1B,MAAM,sCAAsC,CAAC;AAO/C,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAGnE,KAAK,KAAK,GAAG,IAAI,CAAC,wBAAwB,EAAE,UAAU,GAAG,eAAe,GAAG,SAAS,CAAC,GAAG;IACvF,KAAK,CAAC,EAAE,OAAO,CAAC,qBAAqB,CAAC,GAAG,IAAI,CAAC;IAC9C,aAAa,CAAC,EAAE,OAAO,CAAC,qBAAqB,CAAC,GAAG,IAAI,CAAC;CACtD,CAAC;AAoCH,QAAA,MAAM,yBAAyB,2CAAwC,CAAC;AACxE,KAAK,yBAAyB,GAAG,UAAU,CAAC,OAAO,yBAAyB,CAAC,CAAC;AAC9E,eAAe,yBAAyB,CAAC"}

package/dist/svelte/components/AccountRegionalSettings.svelte

@@ -0,0 +1,54 @@
+<script lang="ts">
+	import {
+		regionalSettingsManifest,
+		type RegionalSettings
+	} from '@vibesdotdev/account/settings/config';
+	import {
+		createAccountRegionalSettingsPatch,
+		deriveAccountRegionalSettings
+	} from '../settings-sections.js';
+	import { getAccountState } from '../state.svelte.js';
+	const accountState = getAccountState();
+	import AccountSettingsForm from './AccountSettingsForm.svelte';
+	import type { AccountSettingsFormProps } from '../manifest-form.js';
+
+	type Props = Omit<AccountSettingsFormProps, 'manifest' | 'initialValues' | 'toPatch'> & {
+		value?: Partial<RegionalSettings> | null;
+		initialValues?: Partial<RegionalSettings> | null;
+	};
+
+	let {
+		value = null,
+		initialValues = null,
+		onsave,
+		onsaved,
+		onerror,
+		submitLabel = 'Save Preferences',
+		cardLayout = true,
+		disabled = false,
+		actions,
+		class: className = ''
+	}: Props = $props();
+
+	const effectiveInitialValues = $derived({
+		...deriveAccountRegionalSettings(
+			accountState.resolvedSettings ?? accountState.userSettings?.settings ?? null
+		),
+		...initialValues,
+		...value
+	});
+</script>
+
+<AccountSettingsForm
+	manifest={regionalSettingsManifest}
+	initialValues={effectiveInitialValues}
+	toPatch={createAccountRegionalSettingsPatch}
+	{onsave}
+	{onsaved}
+	{onerror}
+	{submitLabel}
+	{cardLayout}
+	{disabled}
+	{actions}
+	class={className}
+/>

package/dist/svelte/components/AccountRegionalSettings.svelte.d.ts

@@ -0,0 +1,10 @@
+import { type RegionalSettings } from '@vibesdotdev/account/settings/config';
+import type { AccountSettingsFormProps } from '../manifest-form.ts';
+type Props = Omit<AccountSettingsFormProps, 'manifest' | 'initialValues' | 'toPatch'> & {
+    value?: Partial<RegionalSettings> | null;
+    initialValues?: Partial<RegionalSettings> | null;
+};
+declare const AccountRegionalSettings: import("svelte").Component<Props, {}, "">;
+type AccountRegionalSettings = ReturnType<typeof AccountRegionalSettings>;
+export default AccountRegionalSettings;
+//# sourceMappingURL=AccountRegionalSettings.svelte.d.ts.map

package/dist/svelte/components/AccountRegionalSettings.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountRegionalSettings.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/AccountRegionalSettings.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAEL,KAAK,gBAAgB,EACrB,MAAM,sCAAsC,CAAC;AAO/C,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAGnE,KAAK,KAAK,GAAG,IAAI,CAAC,wBAAwB,EAAE,UAAU,GAAG,eAAe,GAAG,SAAS,CAAC,GAAG;IACvF,KAAK,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;IACzC,aAAa,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;CACjD,CAAC;AAoCH,QAAA,MAAM,uBAAuB,2CAAwC,CAAC;AACtE,KAAK,uBAAuB,GAAG,UAAU,CAAC,OAAO,uBAAuB,CAAC,CAAC;AAC1E,eAAe,uBAAuB,CAAC"}