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

package/dist/svelte/components/AccountUserMenu.svelte

@@ -0,0 +1,128 @@
+<script lang="ts">
+	import {
+		Avatar,
+		AvatarFallback,
+		AvatarImage
+	} from '@vibesdotdev/kit/components/ui/avatar';
+	import { Icon } from '@vibesdotdev/kit/components/icon';
+	import {
+		DropdownMenu,
+		DropdownMenuContent,
+		DropdownMenuGroup,
+		DropdownMenuItem,
+		DropdownMenuLabel,
+		DropdownMenuSeparator,
+		DropdownMenuTrigger
+	} from '@vibesdotdev/kit/components/ui/dropdown-menu';
+	import AccountModeSwitcher from './AccountModeSwitcher.svelte';
+	import AccountAppearanceLink from './AccountAppearanceLink.svelte';
+
+	export type AccountUserMenuUser = {
+		name?: string | null;
+		email?: string | null;
+		image?: string | null;
+	};
+
+	type Props = {
+		user: AccountUserMenuUser | null;
+		/** Optional theme stylesheet URL from `data.themeStylesheetUrl` to derive account origin. */
+		themeStylesheetUrl?: string | null;
+		/** Optional explicit account origin override; takes precedence over the stylesheet URL. */
+		accountOrigin?: string | null;
+		/** Where the sign-out form posts. */
+		signOutHref?: string;
+		/** Label for the "open full appearance settings" link. */
+		appearanceLabel?: string;
+		/** Initial color mode for the embedded mode switcher. */
+		initialMode?: 'light' | 'dark' | 'system';
+	};
+
+	let {
+		user,
+		themeStylesheetUrl = null,
+		accountOrigin,
+		signOutHref = '/auth/signout',
+		appearanceLabel = 'Full appearance settings',
+		initialMode = 'system'
+	}: Props = $props();
+
+	function userInitials(u: AccountUserMenuUser): string {
+		if (u.name) {
+			return u.name
+				.split(' ')
+				.map((p: string) => p[0])
+				.join('')
+				.slice(0, 2)
+				.toUpperCase();
+		}
+		if (u.email) return u.email[0].toUpperCase();
+		return '?';
+	}
+
+	const displayName = $derived(user?.name || user?.email || 'User');
+	const avatarSrc = $derived(
+		user?.image ? user.image : undefined
+	);
+</script>
+
+{#if user}
+	<DropdownMenu>
+		<DropdownMenuTrigger>
+			{#snippet child({ props })}
+				<button
+					type="button"
+					aria-label="Open account menu"
+					class="inline-flex items-center gap-2 rounded-md border bg-background px-2 py-1.5 text-sm hover:bg-accent hover:text-accent-foreground"
+					{...props}
+				>
+					<Avatar class="h-7 w-7 rounded-md">
+						{#if avatarSrc}
+							<AvatarImage src={avatarSrc} alt={displayName} />
+						{/if}
+						<AvatarFallback class="rounded-md text-xs">{userInitials(user)}</AvatarFallback>
+					</Avatar>
+					<span class="hidden truncate text-sm font-medium md:inline">{displayName}</span>
+					<Icon icon="lucide:chevron-down" class="h-3.5 w-3.5 text-muted-foreground" />
+				</button>
+			{/snippet}
+		</DropdownMenuTrigger>
+		<DropdownMenuContent align="end" class="w-64">
+			<DropdownMenuLabel class="font-normal">
+				<div class="flex flex-col space-y-1">
+					<p class="text-sm font-medium leading-none">{displayName}</p>
+					<p class="text-xs leading-none text-muted-foreground">{user.email ?? ''}</p>
+				</div>
+			</DropdownMenuLabel>
+			<DropdownMenuSeparator />
+			<DropdownMenuGroup>
+				<div class="flex items-center justify-between px-2 py-1.5">
+					<span class="text-xs text-muted-foreground">Color mode</span>
+					<AccountModeSwitcher
+						{themeStylesheetUrl}
+						{accountOrigin}
+						{initialMode}
+						presentation="segmented"
+					/>
+				</div>
+				<div class="px-2 py-1.5">
+					<AccountAppearanceLink
+						{themeStylesheetUrl}
+						{accountOrigin}
+						label={appearanceLabel}
+					/>
+				</div>
+			</DropdownMenuGroup>
+			<DropdownMenuSeparator />
+			<DropdownMenuItem>
+				{#snippet child({ props })}
+					<form action={signOutHref} method="POST" class="w-full">
+						<button type="submit" class="flex w-full items-center gap-2" {...props}>
+							<Icon icon="lucide:log-out" class="h-4 w-4" />
+							<span>Sign out</span>
+						</button>
+					</form>
+				{/snippet}
+			</DropdownMenuItem>
+		</DropdownMenuContent>
+	</DropdownMenu>
+{/if}

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

@@ -0,0 +1,22 @@
+export type AccountUserMenuUser = {
+    name?: string | null;
+    email?: string | null;
+    image?: string | null;
+};
+type Props = {
+    user: AccountUserMenuUser | null;
+    /** Optional theme stylesheet URL from `data.themeStylesheetUrl` to derive account origin. */
+    themeStylesheetUrl?: string | null;
+    /** Optional explicit account origin override; takes precedence over the stylesheet URL. */
+    accountOrigin?: string | null;
+    /** Where the sign-out form posts. */
+    signOutHref?: string;
+    /** Label for the "open full appearance settings" link. */
+    appearanceLabel?: string;
+    /** Initial color mode for the embedded mode switcher. */
+    initialMode?: 'light' | 'dark' | 'system';
+};
+declare const AccountUserMenu: import("svelte").Component<Props, {}, "">;
+type AccountUserMenu = ReturnType<typeof AccountUserMenu>;
+export default AccountUserMenu;
+//# sourceMappingURL=AccountUserMenu.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AccountUserMenu.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/AccountUserMenu.svelte.ts"],"names":[],"mappings":"AAsBC,MAAM,MAAM,mBAAmB,GAAG;IACjC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB,CAAC;AAEF,KAAK,KAAK,GAAG;IACZ,IAAI,EAAE,mBAAmB,GAAG,IAAI,CAAC;IACjC,6FAA6F;IAC7F,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,2FAA2F;IAC3F,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,qCAAqC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0DAA0D;IAC1D,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,yDAAyD;IACzD,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;CAC1C,CAAC;AAwFH,QAAA,MAAM,eAAe,2CAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}

package/dist/svelte/components/AccountUserTypeSelector.svelte

@@ -0,0 +1,98 @@
+<script lang="ts">
+	import { untrack } from 'svelte';
+	import { Icon } from '@vibesdotdev/kit/components/icon';
+	import type { AccountResolvedSettings } from '@vibesdotdev/account/api';
+	import { getAccountState } from '../state.svelte.js';
+	const accountState = getAccountState();
+	import { settle } from '@vibesdotdev/kernel';
+	import { getRuntimeSvelteContext } from '@vibesdotdev/surface-sveltekit/svelte/state';
+	import { failureLabel, logOn } from '../runtime-log.js';
+
+	// Captured at component init: Svelte context is unavailable after mount.
+	const runtimeStore = getRuntimeSvelteContext();
+
+
+	type UserType = AccountResolvedSettings['user.type'];
+
+	type Props = {
+		/** Optional theme stylesheet URL from `data.themeStylesheetUrl`. Reserved; the API client resolves its origin via the runtime. */
+		themeStylesheetUrl?: string | null;
+		/** Optional explicit account origin override. Reserved; the API client resolves its origin via the runtime. */
+		accountOrigin?: string | null;
+		/** Currently active user type. */
+		value?: UserType;
+		/** Optional change callback fired on successful persist. */
+		onChange?: (next: UserType) => void;
+	};
+
+	let props: Props = $props();
+	const externalValue = $derived(props.value ?? 'simple');
+	const onChangeProp = $derived(props.onChange);
+
+	let current = $state<UserType>('simple');
+	let saving = $state(false);
+
+	$effect(() => {
+		if (untrack(() => current) !== externalValue) {
+			current = externalValue;
+		}
+	});
+
+	const options: Array<{ value: UserType; label: string; icon: string; hint: string }> = [
+		{ value: 'simple', label: 'Simple', icon: 'lucide:user', hint: 'Core features' },
+		{ value: 'creative', label: 'Creative', icon: 'lucide:brush', hint: 'Creative tools' },
+		{ value: 'developer', label: 'Developer', icon: 'lucide:code', hint: 'All features' },
+		{ value: 'power', label: 'Power User', icon: 'lucide:zap', hint: 'Advanced options' }
+	];
+
+	async function setType(next: UserType) {
+		if (saving || current === next) return;
+		const previous = current;
+		current = next;
+		saving = true;
+		const updated = await settle(async () => {
+			await accountState.patchUserSettings({ 'user.type': next });
+			onChangeProp?.(next);
+		});
+		if (!updated.ok) {
+			current = previous;
+			void logOn(runtimeStore, 'warn', 'account.user-type-selector', 'Updating the user type failed', { failure: failureLabel(updated.cause) });
+		}
+		saving = false;
+	}
+</script>
+
+<div
+	role="radiogroup"
+	aria-label="Interface type"
+	class="account-user-type-selector grid gap-2"
+>
+	{#each options as opt}
+		<button
+			type="button"
+			role="radio"
+			aria-checked={current === opt.value}
+			disabled={saving}
+			onclick={() => setType(opt.value)}
+			class="flex items-center gap-3 rounded-md border bg-background px-3 py-2 text-left text-sm transition-colors hover:bg-accent hover:text-accent-foreground disabled:opacity-60"
+			class:account-user-type-selector__active={current === opt.value}
+		>
+			<Icon icon={opt.icon} class="h-4 w-4 shrink-0" />
+			<div class="flex-1">
+				<div class="font-medium">{opt.label}</div>
+				<div class="text-xs text-muted-foreground">{opt.hint}</div>
+			</div>
+			{#if current === opt.value}
+				<Icon icon="lucide:check" class="h-4 w-4 text-primary" />
+			{/if}
+		</button>
+	{/each}
+</div>
+
+<style lang="postcss">
+	.account-user-type-selector__active {
+		border-color: var(--color-primary);
+		background: var(--color-accent);
+		color: var(--color-accent-foreground);
+	}
+</style>

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

@@ -0,0 +1,16 @@
+import type { AccountResolvedSettings } from '@vibesdotdev/account/api';
+type UserType = AccountResolvedSettings['user.type'];
+type Props = {
+    /** Optional theme stylesheet URL from `data.themeStylesheetUrl`. Reserved; the API client resolves its origin via the runtime. */
+    themeStylesheetUrl?: string | null;
+    /** Optional explicit account origin override. Reserved; the API client resolves its origin via the runtime. */
+    accountOrigin?: string | null;
+    /** Currently active user type. */
+    value?: UserType;
+    /** Optional change callback fired on successful persist. */
+    onChange?: (next: UserType) => void;
+};
+declare const AccountUserTypeSelector: import("svelte").Component<Props, {}, "">;
+type AccountUserTypeSelector = ReturnType<typeof AccountUserTypeSelector>;
+export default AccountUserTypeSelector;
+//# sourceMappingURL=AccountUserTypeSelector.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AccountUserTypeSelector.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/AccountUserTypeSelector.svelte.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AAQvE,KAAK,QAAQ,GAAG,uBAAuB,CAAC,WAAW,CAAC,CAAC;AAErD,KAAK,KAAK,GAAG;IACZ,kIAAkI;IAClI,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,+GAA+G;IAC/G,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,kCAAkC;IAClC,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;CACpC,CAAC;AAwEH,QAAA,MAAM,uBAAuB,2CAAwC,CAAC;AACtE,KAAK,uBAAuB,GAAG,UAAU,CAAC,OAAO,uBAAuB,CAAC,CAAC;AAC1E,eAAe,uBAAuB,CAAC"}

package/dist/svelte/components/BillingGate.svelte

@@ -0,0 +1,115 @@
+<script lang="ts">
+	import { Button, Icon, Progress } from '@vibesdotdev/kit/components';
+	import { settle } from '@vibesdotdev/kernel';
+	import { getRuntimeSvelteContext } from '@vibesdotdev/surface-sveltekit/svelte/state';
+	import { preflightQuota, type QuotaStatus } from '@vibesdotdev/account/billing/client';
+	import type { BillingGateProps } from '../billing/schemas.js';
+	import { browserWindow } from '../browser.js';
+	import { failureLabel, logOn } from '../runtime-log.js';
+
+
+	let {
+		featureSlug,
+		requestedAmount = 1,
+		accountOrigin = null,
+		billingPath = '/billing',
+		children,
+		approachingLimit,
+		blocked,
+		warningThreshold = 0.8,
+		inlineBlocked = true,
+		failOpen = true
+	}: BillingGateProps = $props();
+
+	let gateState: 'loading' | 'allowed' | 'approaching' | 'blocked' = $state('loading');
+	const runtimeStore = getRuntimeSvelteContext();
+	let quota: QuotaStatus | null = $state(null);
+	let percentUsed = $state(0);
+
+	function upgradeUrl(): string {
+		const origin = accountOrigin?.replace(/\/$/, '') || browserWindow()?.location.origin;
+		const url = new URL(billingPath, origin);
+		url.searchParams.set('upgrade', featureSlug);
+		return url.toString();
+	}
+
+	function handleUpgrade(): void {
+		const page = browserWindow();
+		if (page) page.location.href = upgradeUrl();
+	}
+
+	// The gate's inputs are arguments, so the effect that calls this tracks them as it reads them.
+	async function checkAccess(
+		feature: string,
+		amount: number,
+		origin: string | null,
+		openOnFailure: boolean
+	): Promise<void> {
+		gateState = 'loading';
+		const runtime = await runtimeStore.load();
+		quota = await preflightQuota(runtime, feature, amount, { accountOrigin: origin, failOpen: openOnFailure });
+		if (!quota.allowed) {
+			gateState = 'blocked';
+			percentUsed = 1;
+			return;
+		}
+		percentUsed = quota.limit !== null && quota.limit > 0 ? quota.usage / quota.limit : 0;
+		gateState = quota.limit !== null && percentUsed >= warningThreshold ? 'approaching' : 'allowed';
+	}
+
+	$effect(() => {
+		if (!browserWindow()) return;
+		const feature = featureSlug;
+		const open = failOpen;
+		void (async () => {
+			const checked = await settle(() => checkAccess(feature, requestedAmount, accountOrigin, open));
+			if (!checked.ok) {
+				void logOn(runtimeStore, 'warn', 'account.billing-gate', 'BillingGate: access check failed', { featureSlug: feature, failOpen: open, failure: failureLabel(checked.cause) });
+				gateState = open ? 'allowed' : 'blocked';
+			}
+		})();
+	});
+</script>
+
+{#if gateState === 'loading'}
+	<div class="pointer-events-none opacity-50">{@render children()}</div>
+{:else if gateState === 'allowed'}
+	{@render children()}
+{:else if gateState === 'approaching' && quota}
+	{#if approachingLimit}
+		{@render approachingLimit(quota.usage, quota.limit, quota.remaining, percentUsed)}
+	{:else}
+		<div class="mb-3 rounded-lg border border-amber-200 bg-amber-50 p-3 dark:border-amber-800 dark:bg-amber-950/30">
+			<div class="mb-2 flex items-center gap-2">
+				<Icon icon="lucide:zap" class="h-4 w-4 text-amber-600" />
+				<span class="text-sm font-medium text-amber-800 dark:text-amber-200">
+					You've used {Math.round(percentUsed * 100)}% of your {featureSlug.replace(/-/g, ' ')} limit
+				</span>
+			</div>
+			<Progress value={Math.round(percentUsed * 100)} class="h-2 bg-amber-200" />
+			<p class="mt-2 text-xs text-amber-700 dark:text-amber-300">{quota.remaining ?? 0} remaining this period</p>
+		</div>
+	{/if}
+	{@render children()}
+{:else if gateState === 'blocked' && quota && inlineBlocked}
+	{#if blocked}
+		{@render blocked(quota, handleUpgrade)}
+	{:else}
+		<div class="rounded-lg border border-red-200 bg-red-50 p-4 dark:border-red-800 dark:bg-red-950/30">
+			<div class="flex flex-col gap-3">
+				<div class="flex items-start gap-3">
+					<Icon icon="lucide:lock" class="mt-0.5 h-5 w-5 shrink-0 text-red-600" />
+					<div class="min-w-0 flex-1">
+						<h3 class="text-sm font-semibold text-red-800 dark:text-red-200">Limit Reached</h3>
+						<p class="mt-1 text-sm text-red-700 dark:text-red-300">You've used all {quota.limit ?? quota.usage} {featureSlug.replace(/-/g, ' ')} for this period.</p>
+					</div>
+				</div>
+				<div class="mt-2 flex flex-wrap gap-2">
+					<Button variant="default" size="sm" onclick={handleUpgrade} class="gap-2">
+						<Icon icon="lucide:zap" class="h-4 w-4" /> Upgrade Plan
+					</Button>
+				</div>
+			</div>
+		</div>
+	{/if}
+{/if}

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

@@ -0,0 +1,5 @@
+import type { BillingGateProps } from '../billing/schemas.ts';
+declare const BillingGate: import("svelte").Component<BillingGateProps, {}, "">;
+type BillingGate = ReturnType<typeof BillingGate>;
+export default BillingGate;
+//# sourceMappingURL=BillingGate.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BillingGate.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/BillingGate.svelte.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AA0H9D,QAAA,MAAM,WAAW,sDAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/dist/svelte/components/BillingGuard.svelte

@@ -0,0 +1,101 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import {
+		evaluateBillingGate,
+		type BillingGateQuotaState
+	} from '@vibesdotdev/account/billing/gates';
+	import { Alert, AlertDescription, AlertTitle, Badge, Button, Icon } from '@vibesdotdev/kit/components';
+	import { getAccountState } from '../state.svelte.js';
+	const accountState = getAccountState();
+
+	/**
+	 * BillingGuard — renders `children` when the current account is on at least
+	 * the requested billing gate. Falls back to the `upgrade` snippet (or a
+	 * feature-aware default upgrade hint) when the gate is not met.
+	 *
+	 * Tier comparison reads the `planSlug` and `hasActive` fields seeded into
+	 * `accountState.billingSummary` by `<AccountLoader />`; feature labels,
+	 * quota reasons, and upgrade URLs come from `@vibesdotdev/account/billing/gates`.
+	 */
+	type Props = {
+		/** Minimum tier slug required to render children. */
+		requiredTier?: string;
+		/** When true, allow rendering on any active paid subscription regardless of slug. */
+		anyPaid?: boolean;
+		/** Optional billing feature slug used for labels, quota denial copy, and upgrade links. */
+		featureSlug?: string | null;
+		/** Override display label for `featureSlug`. */
+		featureName?: string | null;
+		/** Optional quota preflight state from the account billing client. */
+		quota?: BillingGateQuotaState | null;
+		/** Optional redirect included in generated upgrade URLs. */
+		redirect?: string | null;
+		/** Content rendered when the tier requirement is satisfied. */
+		children?: Snippet;
+		/** Optional content rendered when the tier requirement is NOT satisfied. */
+		upgrade?: Snippet;
+	};
+
+	let {
+		requiredTier = 'pro',
+		anyPaid = false,
+		featureSlug = null,
+		featureName = null,
+		quota = null,
+		redirect = null,
+		children,
+		upgrade
+	}: Props = $props();
+
+	const planSlug = $derived(accountState.planSlug);
+	const isActive = $derived(accountState.isOnPaidPlan);
+
+	const evaluation = $derived(
+		evaluateBillingGate({
+			currentPlanSlug: planSlug,
+			hasActiveSubscription: isActive,
+			requiredTier,
+			anyPaid,
+			featureSlug,
+			featureName,
+			quota,
+			redirect
+		})
+	);
+</script>
+
+{#if evaluation.allowed}
+	{@render children?.()}
+{:else if upgrade}
+	{@render upgrade()}
+{:else}
+	<Alert class="billing-guard-fallback" role="status">
+		<Icon icon={evaluation.reason === 'quota' ? 'lucide:gauge' : 'lucide:lock'} class="h-4 w-4" />
+		<AlertTitle>{evaluation.title}</AlertTitle>
+		<AlertDescription>
+			<div class="mt-1 flex flex-col gap-3">
+				<p>{evaluation.message}</p>
+				<div class="flex flex-wrap gap-2 text-xs">
+					<Badge variant="outline">Current: {evaluation.currentTier ?? planSlug}</Badge>
+					{#if evaluation.requiredTier}
+						<Badge variant="outline">Required: {evaluation.requiredTier}</Badge>
+					{/if}
+					{#if evaluation.featureLabel}
+						<Badge variant="outline">{evaluation.featureLabel}</Badge>
+					{/if}
+					{#if evaluation.quota}
+						<Badge variant="outline">
+							{evaluation.quota.remaining ?? 0} remaining
+						</Badge>
+					{/if}
+				</div>
+				<div>
+					<Button href={evaluation.upgradeUrl} variant="outline" size="sm">
+						<Icon icon="lucide:arrow-up-right" class="mr-2 h-4 w-4" />
+						View Plans
+					</Button>
+				</div>
+			</div>
+		</AlertDescription>
+	</Alert>
+{/if}

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

@@ -0,0 +1,33 @@
+import type { Snippet } from 'svelte';
+import { type BillingGateQuotaState } from '@vibesdotdev/account/billing/gates';
+/**
+ * BillingGuard — renders `children` when the current account is on at least
+ * the requested billing gate. Falls back to the `upgrade` snippet (or a
+ * feature-aware default upgrade hint) when the gate is not met.
+ *
+ * Tier comparison reads the `planSlug` and `hasActive` fields seeded into
+ * `accountState.billingSummary` by `<AccountLoader />`; feature labels,
+ * quota reasons, and upgrade URLs come from `@vibesdotdev/account/billing/gates`.
+ */
+type Props = {
+    /** Minimum tier slug required to render children. */
+    requiredTier?: string;
+    /** When true, allow rendering on any active paid subscription regardless of slug. */
+    anyPaid?: boolean;
+    /** Optional billing feature slug used for labels, quota denial copy, and upgrade links. */
+    featureSlug?: string | null;
+    /** Override display label for `featureSlug`. */
+    featureName?: string | null;
+    /** Optional quota preflight state from the account billing client. */
+    quota?: BillingGateQuotaState | null;
+    /** Optional redirect included in generated upgrade URLs. */
+    redirect?: string | null;
+    /** Content rendered when the tier requirement is satisfied. */
+    children?: Snippet;
+    /** Optional content rendered when the tier requirement is NOT satisfied. */
+    upgrade?: Snippet;
+};
+declare const BillingGuard: import("svelte").Component<Props, {}, "">;
+type BillingGuard = ReturnType<typeof BillingGuard>;
+export default BillingGuard;
+//# sourceMappingURL=BillingGuard.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BillingGuard.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/BillingGuard.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,EAEL,KAAK,qBAAqB,EAC1B,MAAM,oCAAoC,CAAC;AAK5C;;;;;;;;GAQG;AACH,KAAK,KAAK,GAAG;IACZ,qDAAqD;IACrD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qFAAqF;IACrF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2FAA2F;IAC3F,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,sEAAsE;IACtE,KAAK,CAAC,EAAE,qBAAqB,GAAG,IAAI,CAAC;IACrC,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4EAA4E;IAC5E,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AA2EH,QAAA,MAAM,YAAY,2CAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}