@velastack/cms 0.4.0 → 0.5.1

package/dist/components/cms/cms-link.svelte

@@ -1,46 +1,32 @@
 <script lang="ts" module>
-	export type CmsLinkValue = {
-		label?: string;
-		/** Raw URL — used when `routeId` is absent. */
-		href?: string;
-		/** SvelteKit route id, e.g. `/blog/[slug]`. Resolved at render time. */
-		routeId?: string;
-		params?: Record<string, string>;
-		newTab?: boolean;
-	};
+	export { normalizeLink } from '../../core/shapes/link.js';
+	export type { CmsLinkValue } from '../../core/shapes/link.js';
 
 	export type CmsLinkRenderProps = { label: string; href: string; newTab: boolean };
 </script>
 
 <script lang="ts">
 	import type { Snippet } from 'svelte';
-	import { getCmsScope } from './scope.js';
-	import { cmsStore, type CmsScopeRef } from './cms-store.svelte.js';
+	import { useCmsField } from './use-cms-field.svelte.js';
 	import { resolveRouteUrl } from '../admin-bar/resolve-route.js';
+	import { normalizeLink, type CmsLinkValue } from '../../core/shapes/link.js';
 
 	type Props = {
 		name: string;
+		scope?: string;
 		fallback?: CmsLinkValue;
 		value?: unknown;
 		class?: string;
 		children?: Snippet<[CmsLinkRenderProps]>;
 	};
-	let { name, fallback, value, class: className, children }: Props = $props();
+	let { name, scope, fallback, value, class: className, children }: Props = $props();
 
-	const scope = getCmsScope();
-	const ref = $derived<CmsScopeRef | null>(
-		scope ? { scopeId: scope.scopeId, routeId: scope.routeId, params: scope.params } : null
+	const field = useCmsField(
+		() => ({ name, scope, value }),
+		(raw): CmsLinkValue => (raw === undefined ? (fallback ?? {}) : normalizeLink(raw))
 	);
 
-	const resolved = $derived.by(() => {
-		if (value !== undefined) return value;
-		return ref ? cmsStore.getValue(ref, name) : undefined;
-	});
-
-	const link = $derived.by((): CmsLinkValue => {
-		if (resolved && typeof resolved === 'object') return resolved as CmsLinkValue;
-		return fallback ?? {};
-	});
+	const link = $derived(field.current);
 
 	const href = $derived.by(() => {
 		if (link.routeId) {
@@ -55,12 +41,11 @@
 
 	const label = $derived(link.label ?? '');
 	const newTab = $derived(!!link.newTab);
-	const editable = $derived(cmsStore.isEditing && value === undefined && !!ref);
 </script>
 
-{#if editable && ref}
+{#if field.editable && field.ref}
 	{#await import('./cms-link-editable.svelte') then { default: Editable }}
-		<Editable scope={ref} {name} initial={link} {className} {children} />
+		<Editable scope={field.ref} {name} initial={link} {className} {children} />
 	{/await}
 {:else if children}
 	{@render children({ label, href, newTab })}
@@ -73,8 +58,10 @@
 	>
 		{label || name}
 	</a>
+{:else if field.raw === null}
+	<!-- cleared by the editor -->
 {:else}
-	<span class="cms-missing" data-cms-name={name} data-cms-scope={scope?.scopeId ?? '?'}>
+	<span class="cms-missing" data-cms-name={name} data-cms-scope={field.ref?.scopeId ?? '?'}>
 		{name}
 	</span>
 {/if}

package/dist/components/cms/cms-link.svelte.d.ts

@@ -1,20 +1,15 @@
-export type CmsLinkValue = {
-    label?: string;
-    /** Raw URL — used when `routeId` is absent. */
-    href?: string;
-    /** SvelteKit route id, e.g. `/blog/[slug]`. Resolved at render time. */
-    routeId?: string;
-    params?: Record<string, string>;
-    newTab?: boolean;
-};
+export { normalizeLink } from '../../core/shapes/link.js';
+export type { CmsLinkValue } from '../../core/shapes/link.js';
 export type CmsLinkRenderProps = {
     label: string;
     href: string;
     newTab: boolean;
 };
 import type { Snippet } from 'svelte';
+import { type CmsLinkValue } from '../../core/shapes/link.js';
 type Props = {
     name: string;
+    scope?: string;
     fallback?: CmsLinkValue;
     value?: unknown;
     class?: string;

package/dist/components/cms/cms-logos.svelte

@@ -0,0 +1,29 @@
+<script lang="ts" module>
+	/** `CmsLogos` preset: logo image, name, optional link. */
+	export type { CmsLogosValue, LogoItem, LogoItemView } from '../../core/shapes/presets.js';
+	export { cmsLogos, logosView } from '../../core/shapes/presets.js';
+</script>
+
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import Structured from './cms-structured.svelte';
+	import {
+		cmsLogos,
+		logosView,
+		type CmsLogosValue,
+		type LogoItem,
+		type LogoItemView
+	} from '../../core/shapes/presets.js';
+
+	type Props = {
+		name: string;
+		scope?: string;
+		/** The full value, or a bare item list. */
+		fallback?: Partial<CmsLogosValue> | Partial<LogoItem>[];
+		value?: unknown;
+		children: Snippet<[LogoItemView[]]>;
+	};
+	let { name, scope, fallback, value, children }: Props = $props();
+</script>
+
+<Structured schema={cmsLogos} {name} {scope} {fallback} {value} view={logosView} {children} />

package/dist/components/cms/cms-logos.svelte.d.ts

@@ -0,0 +1,16 @@
+/** `CmsLogos` preset: logo image, name, optional link. */
+export type { CmsLogosValue, LogoItem, LogoItemView } from '../../core/shapes/presets.js';
+export { cmsLogos, logosView } from '../../core/shapes/presets.js';
+import type { Snippet } from 'svelte';
+import { type CmsLogosValue, type LogoItem, type LogoItemView } from '../../core/shapes/presets.js';
+type Props = {
+    name: string;
+    scope?: string;
+    /** The full value, or a bare item list. */
+    fallback?: Partial<CmsLogosValue> | Partial<LogoItem>[];
+    value?: unknown;
+    children: Snippet<[LogoItemView[]]>;
+};
+declare const CmsLogos: import("svelte").Component<Props, {}, "">;
+type CmsLogos = ReturnType<typeof CmsLogos>;
+export default CmsLogos;

package/dist/components/cms/cms-markdown.svelte

@@ -1,42 +1,41 @@
 <script lang="ts">
 	import type { Snippet } from 'svelte';
 	import { marked } from 'marked';
-	import { getCmsScope } from './scope.js';
-	import { cmsStore, type CmsScopeRef } from './cms-store.svelte.js';
+	import { useCmsField } from './use-cms-field.svelte.js';
 
 	type Props = {
 		name: string;
+		scope?: string;
 		fallback?: string;
 		value?: unknown;
 		children?: Snippet;
 	};
 
-	let { name, fallback, value, children }: Props = $props();
+	let { name, scope, fallback, value, children }: Props = $props();
 
-	const scope = getCmsScope();
-	const ref = $derived<CmsScopeRef | null>(
-		scope ? { scopeId: scope.scopeId, routeId: scope.routeId, params: scope.params } : null
+	const field = useCmsField(
+		() => ({ name, scope, value }),
+		(raw): string | undefined => {
+			if (raw === undefined) return fallback;
+			return typeof raw === 'string' ? raw : '';
+		}
 	);
 
-	const resolved = $derived.by(() => {
-		if (value !== undefined) return value;
-		return ref ? cmsStore.getValue(ref, name) : undefined;
-	});
-
-	const source = $derived(typeof resolved === 'string' ? resolved : (fallback ?? ''));
-	const editable = $derived(cmsStore.isEditing && value === undefined && !!ref);
+	const source = $derived(field.current ?? '');
 </script>
 
-{#if editable && ref}
+{#if field.editable && field.ref}
 	{#await import('./cms-markdown-editable.svelte') then { default: Editable }}
-		<Editable scope={ref} {name} initial={source} />
+		<Editable scope={field.ref} {name} initial={source} />
 	{/await}
 {:else if source}
 	<div class="cms-markdown">{@html marked.parse(source, { async: false })}</div>
+{:else if field.raw === null}
+	<!-- cleared by the editor -->
 {:else if children}
 	{@render children()}
 {:else}
-	<div class="cms-missing" data-cms-name={name} data-cms-scope={scope?.scopeId ?? '?'}>
+	<div class="cms-missing" data-cms-name={name} data-cms-scope={field.ref?.scopeId ?? '?'}>
 		{name}
 	</div>
 {/if}

package/dist/components/cms/cms-markdown.svelte.d.ts

@@ -1,6 +1,7 @@
 import type { Snippet } from 'svelte';
 type Props = {
     name: string;
+    scope?: string;
     fallback?: string;
     value?: unknown;
     children?: Snippet;

package/dist/components/cms/cms-nav.svelte

@@ -0,0 +1,22 @@
+<script lang="ts" module>
+	/** `CmsNav`: site navigation. Lives in the root layout; other places read it with `scope="root"`. */
+	export * from '../../core/shapes/nav.js';
+</script>
+
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import Structured from './cms-structured.svelte';
+	import { cmsNav, navView, type CmsNavValue, type NavItemView } from '../../core/shapes/nav.js';
+
+	type Props = {
+		name: string;
+		scope?: string;
+		/** The full value, or a bare item list. */
+		fallback?: Partial<CmsNavValue> | Array<Partial<CmsNavValue['items'][number]>>;
+		value?: unknown;
+		children: Snippet<[NavItemView[]]>;
+	};
+	let { name, scope, fallback, value, children }: Props = $props();
+</script>
+
+<Structured schema={cmsNav} {name} {scope} {fallback} {value} view={navView} {children} />

package/dist/components/cms/cms-nav.svelte.d.ts

@@ -0,0 +1,15 @@
+/** `CmsNav`: site navigation. Lives in the root layout; other places read it with `scope="root"`. */
+export * from '../../core/shapes/nav.js';
+import type { Snippet } from 'svelte';
+import { type CmsNavValue, type NavItemView } from '../../core/shapes/nav.js';
+type Props = {
+    name: string;
+    scope?: string;
+    /** The full value, or a bare item list. */
+    fallback?: Partial<CmsNavValue> | Array<Partial<CmsNavValue['items'][number]>>;
+    value?: unknown;
+    children: Snippet<[NavItemView[]]>;
+};
+declare const CmsNav: import("svelte").Component<Props, {}, "">;
+type CmsNav = ReturnType<typeof CmsNav>;
+export default CmsNav;

package/dist/components/cms/cms-number-editable.svelte

@@ -15,7 +15,7 @@
 
 	const live = $derived(cmsStore.getValue(scope, name));
 	const display = $derived.by(() => {
-		const v = typeof live === 'number' ? live : initial;
+		const v = typeof live === 'number' ? live : live === null ? undefined : initial;
 		return typeof v === 'number' && Number.isFinite(v) ? String(v) : '';
 	});
 
@@ -34,7 +34,9 @@
 
 	const onInput = (e: Event) => {
 		const raw = (e.currentTarget as HTMLInputElement).value;
-		if (raw === '') return;
+		// An emptied input clears the field explicitly (`null`), so the
+		// published value no longer shows through.
+		if (raw === '') return cmsStore.setValue(scope, name, null);
 		const n = Number(raw);
 		if (!Number.isFinite(n)) return;
 		cmsStore.setValue(scope, name, integer ? Math.trunc(n) : n);

package/dist/components/cms/cms-number.svelte

@@ -3,8 +3,9 @@
 
 	export type CmsNumberProps = {
 		name: string;
+		scope?: string;
 		fallback?: number;
-		/** Per-item override used by `CmsRepeater`. */
+		/** Per-item override used by structured components. */
 		value?: unknown;
 		min?: number;
 		max?: number;
@@ -16,37 +17,37 @@
 </script>
 
 <script lang="ts">
-	import { getCmsScope } from './scope.js';
-	import { cmsStore, type CmsScopeRef } from './cms-store.svelte.js';
+	import { useCmsField } from './use-cms-field.svelte.js';
 
-	let { name, fallback, value, min, max, step, integer, children }: CmsNumberProps = $props();
+	let { name, scope, fallback, value, min, max, step, integer, children }: CmsNumberProps =
+		$props();
 
-	const scope = getCmsScope();
-	const ref = $derived<CmsScopeRef | null>(
-		scope ? { scopeId: scope.scopeId, routeId: scope.routeId, params: scope.params } : null
+	const field = useCmsField(
+		() => ({ name, scope, value }),
+		(raw): number | undefined => {
+			if (raw === undefined) return fallback;
+			return typeof raw === 'number' && Number.isFinite(raw) ? raw : undefined;
+		}
 	);
 
-	const resolved = $derived.by(() => {
-		if (value !== undefined) return value;
-		return ref ? cmsStore.getValue(ref, name) : undefined;
-	});
-
-	const current = $derived(typeof resolved === 'number' ? resolved : fallback);
-	const editable = $derived(cmsStore.isEditing && value === undefined && !!ref);
+	const current = $derived(field.current);
 </script>
 
-{#if editable && ref}
+{#if field.editable && field.ref}
 	{#await import('./cms-number-editable.svelte') then { default: Editable }}
-		<Editable scope={ref} {name} initial={current} {min} {max} {step} {integer} />
+		<Editable scope={field.ref} {name} initial={current} {min} {max} {step} {integer} />
 	{/await}
 {:else if current !== undefined && children}
 	{@render children(current)}
 {:else if current !== undefined}
 	{current}
+{:else if field.raw === null}
+	<!-- cleared by the editor -->
 {:else if children}
 	{@render children(0)}
 {:else}
-	<span class="cms-missing" data-cms-name={name} data-cms-scope={scope?.scopeId ?? '?'}>{name}</span
+	<span class="cms-missing" data-cms-name={name} data-cms-scope={field.ref?.scopeId ?? '?'}
+		>{name}</span
 	>
 {/if}
 

package/dist/components/cms/cms-number.svelte.d.ts

@@ -1,8 +1,9 @@
 import type { Snippet } from 'svelte';
 export type CmsNumberProps = {
     name: string;
+    scope?: string;
     fallback?: number;
-    /** Per-item override used by `CmsRepeater`. */
+    /** Per-item override used by structured components. */
     value?: unknown;
     min?: number;
     max?: number;

package/dist/components/cms/cms-pricing.svelte

@@ -0,0 +1,36 @@
+<script lang="ts" module>
+	/** `CmsPricing`: tiers with a feature checklist, formatted in the visitor's locale. */
+	export * from '../../core/shapes/pricing.js';
+</script>
+
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import Structured from './cms-structured.svelte';
+	import { cmsStore } from './cms-store.svelte.js';
+	import {
+		cmsPricing,
+		pricingView,
+		type CmsPricingValue,
+		type PricingTierView
+	} from '../../core/shapes/pricing.js';
+
+	type Props = {
+		name: string;
+		scope?: string;
+		fallback?: CmsPricingValue;
+		value?: unknown;
+		children: Snippet<[PricingTierView[]]>;
+	};
+	let { name, scope, fallback, value, children }: Props = $props();
+	const locale = $derived(cmsStore.activeLocale || 'en');
+</script>
+
+<Structured
+	schema={cmsPricing}
+	{name}
+	{scope}
+	{fallback}
+	{value}
+	view={(v: CmsPricingValue) => pricingView(v, locale)}
+	{children}
+/>

package/dist/components/cms/cms-pricing.svelte.d.ts

@@ -0,0 +1,14 @@
+/** `CmsPricing`: tiers with a feature checklist, formatted in the visitor's locale. */
+export * from '../../core/shapes/pricing.js';
+import type { Snippet } from 'svelte';
+import { type CmsPricingValue, type PricingTierView } from '../../core/shapes/pricing.js';
+type Props = {
+    name: string;
+    scope?: string;
+    fallback?: CmsPricingValue;
+    value?: unknown;
+    children: Snippet<[PricingTierView[]]>;
+};
+declare const CmsPricing: import("svelte").Component<Props, {}, "">;
+type CmsPricing = ReturnType<typeof CmsPricing>;
+export default CmsPricing;

package/dist/components/cms/cms-rich-text.svelte

@@ -1,48 +1,41 @@
 <script lang="ts">
 	import type { Snippet } from 'svelte';
-	import { getCmsScope } from './scope.js';
-	import { cmsStore, type CmsScopeRef } from './cms-store.svelte.js';
+	import { useCmsField } from './use-cms-field.svelte.js';
 
 	type Props = {
 		name: string;
+		scope?: string;
 		fallback?: string;
 		value?: unknown;
 		children?: Snippet;
 	};
 
-	let { name, fallback, value, children }: Props = $props();
+	let { name, scope, fallback, value, children }: Props = $props();
 
-	const scope = getCmsScope();
-	const ref = $derived<CmsScopeRef | null>(
-		scope ? { scopeId: scope.scopeId, routeId: scope.routeId, params: scope.params } : null
+	const field = useCmsField(
+		() => ({ name, scope, value }),
+		(raw): string | undefined => {
+			if (raw === undefined) return fallback;
+			return typeof raw === 'string' ? raw : '';
+		}
 	);
 
-	const resolved = $derived.by(() => {
-		if (value !== undefined) return value;
-		return ref ? cmsStore.getValue(ref, name) : undefined;
-	});
-
-	const html = $derived(typeof resolved === 'string' ? resolved : (fallback ?? ''));
-	const editable = $derived(cmsStore.isEditing && value === undefined && !!ref);
+	const html = $derived(field.current ?? '');
 
 	let childrenEl = $state<HTMLDivElement>();
 	let initialFromChildren = $state<string | undefined>(undefined);
 
 	$effect.pre(() => {
-		if (editable && childrenEl && initialFromChildren === undefined) {
+		if (field.editable && childrenEl && initialFromChildren === undefined) {
 			const inner = childrenEl.innerHTML.trim();
 			initialFromChildren = inner || undefined;
 		}
 	});
 
-	const editInitial = $derived.by(() => {
-		if (typeof resolved === 'string') return resolved;
-		if (fallback !== undefined) return fallback;
-		return initialFromChildren ?? '';
-	});
+	const editInitial = $derived(field.current ?? initialFromChildren ?? '');
 </script>
 
-{#if editable && ref}
+{#if field.editable && field.ref}
 	<!-- Mounted straight into edit mode (navigation while editing): the
 	     children branch below never rendered, so render it hidden once to
 	     capture the default markup. Removed as soon as it's captured. -->
@@ -50,14 +43,16 @@
 		<div bind:this={childrenEl} class="cms-rich-text-capture">{@render children()}</div>
 	{/if}
 	{#await import('./cms-rich-text-editable.svelte') then { default: Editable }}
-		<Editable scope={ref} {name} initial={editInitial} />
+		<Editable scope={field.ref} {name} initial={editInitial} />
 	{/await}
 {:else if html}
 	<div class="cms-rich-text">{@html html}</div>
+{:else if field.raw === null}
+	<!-- cleared by the editor -->
 {:else if children}
 	<div bind:this={childrenEl} class="cms-rich-text-children">{@render children()}</div>
 {:else}
-	<div class="cms-missing" data-cms-name={name} data-cms-scope={scope?.scopeId ?? '?'}>
+	<div class="cms-missing" data-cms-name={name} data-cms-scope={field.ref?.scopeId ?? '?'}>
 		{name}
 	</div>
 {/if}

package/dist/components/cms/cms-rich-text.svelte.d.ts

@@ -1,6 +1,7 @@
 import type { Snippet } from 'svelte';
 type Props = {
     name: string;
+    scope?: string;
     fallback?: string;
     value?: unknown;
     children?: Snippet;

package/dist/components/cms/cms-schedule.svelte

@@ -0,0 +1,35 @@
+<script lang="ts" module>
+	/** `CmsSchedule` preset: day, time, title, body, location. `scheduleByDay` groups them. */
+	export type { CmsScheduleValue, ScheduleItem } from '../../core/shapes/presets.js';
+	export { cmsSchedule, scheduleByDay } from '../../core/shapes/presets.js';
+</script>
+
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import Structured from './cms-structured.svelte';
+	import {
+		cmsSchedule,
+		type CmsScheduleValue,
+		type ScheduleItem
+	} from '../../core/shapes/presets.js';
+
+	type Props = {
+		name: string;
+		scope?: string;
+		/** The full value, or a bare item list. */
+		fallback?: Partial<CmsScheduleValue> | Partial<ScheduleItem>[];
+		value?: unknown;
+		children: Snippet<[ScheduleItem[]]>;
+	};
+	let { name, scope, fallback, value, children }: Props = $props();
+</script>
+
+<Structured
+	schema={cmsSchedule}
+	{name}
+	{scope}
+	{fallback}
+	{value}
+	view={(v: CmsScheduleValue) => v.items}
+	{children}
+/>

package/dist/components/cms/cms-schedule.svelte.d.ts

@@ -0,0 +1,16 @@
+/** `CmsSchedule` preset: day, time, title, body, location. `scheduleByDay` groups them. */
+export type { CmsScheduleValue, ScheduleItem } from '../../core/shapes/presets.js';
+export { cmsSchedule, scheduleByDay } from '../../core/shapes/presets.js';
+import type { Snippet } from 'svelte';
+import { type CmsScheduleValue, type ScheduleItem } from '../../core/shapes/presets.js';
+type Props = {
+    name: string;
+    scope?: string;
+    /** The full value, or a bare item list. */
+    fallback?: Partial<CmsScheduleValue> | Partial<ScheduleItem>[];
+    value?: unknown;
+    children: Snippet<[ScheduleItem[]]>;
+};
+declare const CmsSchedule: import("svelte").Component<Props, {}, "">;
+type CmsSchedule = ReturnType<typeof CmsSchedule>;
+export default CmsSchedule;

package/dist/components/cms/cms-social-links.svelte

@@ -0,0 +1,35 @@
+<script lang="ts" module>
+	/** `CmsSocialLinks`: profile links; the template supplies the icons. */
+	export * from '../../core/shapes/social-links.js';
+</script>
+
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import Structured from './cms-structured.svelte';
+	import {
+		cmsSocialLinks,
+		socialLinksView,
+		type CmsSocialLinksValue,
+		type SocialLinkView
+	} from '../../core/shapes/social-links.js';
+
+	type Props = {
+		name: string;
+		scope?: string;
+		/** The full value, or a bare item list. */
+		fallback?: Partial<CmsSocialLinksValue> | Array<Partial<CmsSocialLinksValue['items'][number]>>;
+		value?: unknown;
+		children: Snippet<[SocialLinkView[]]>;
+	};
+	let { name, scope, fallback, value, children }: Props = $props();
+</script>
+
+<Structured
+	schema={cmsSocialLinks}
+	{name}
+	{scope}
+	{fallback}
+	{value}
+	view={socialLinksView}
+	{children}
+/>

package/dist/components/cms/cms-social-links.svelte.d.ts

@@ -0,0 +1,15 @@
+/** `CmsSocialLinks`: profile links; the template supplies the icons. */
+export * from '../../core/shapes/social-links.js';
+import type { Snippet } from 'svelte';
+import { type CmsSocialLinksValue, type SocialLinkView } from '../../core/shapes/social-links.js';
+type Props = {
+    name: string;
+    scope?: string;
+    /** The full value, or a bare item list. */
+    fallback?: Partial<CmsSocialLinksValue> | Array<Partial<CmsSocialLinksValue['items'][number]>>;
+    value?: unknown;
+    children: Snippet<[SocialLinkView[]]>;
+};
+declare const CmsSocialLinks: import("svelte").Component<Props, {}, "">;
+type CmsSocialLinks = ReturnType<typeof CmsSocialLinks>;
+export default CmsSocialLinks;

package/dist/components/cms/cms-stats.svelte

@@ -0,0 +1,31 @@
+<script lang="ts" module>
+	/** `CmsStats` preset: value, label, note. */
+	export type { CmsStatsValue, StatItem } from '../../core/shapes/presets.js';
+	export { cmsStats } from '../../core/shapes/presets.js';
+</script>
+
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import Structured from './cms-structured.svelte';
+	import { cmsStats, type CmsStatsValue, type StatItem } from '../../core/shapes/presets.js';
+
+	type Props = {
+		name: string;
+		scope?: string;
+		/** The full value, or a bare item list. */
+		fallback?: Partial<CmsStatsValue> | Partial<StatItem>[];
+		value?: unknown;
+		children: Snippet<[StatItem[]]>;
+	};
+	let { name, scope, fallback, value, children }: Props = $props();
+</script>
+
+<Structured
+	schema={cmsStats}
+	{name}
+	{scope}
+	{fallback}
+	{value}
+	view={(v: CmsStatsValue) => v.items}
+	{children}
+/>

package/dist/components/cms/cms-stats.svelte.d.ts

@@ -0,0 +1,16 @@
+/** `CmsStats` preset: value, label, note. */
+export type { CmsStatsValue, StatItem } from '../../core/shapes/presets.js';
+export { cmsStats } from '../../core/shapes/presets.js';
+import type { Snippet } from 'svelte';
+import { type CmsStatsValue, type StatItem } from '../../core/shapes/presets.js';
+type Props = {
+    name: string;
+    scope?: string;
+    /** The full value, or a bare item list. */
+    fallback?: Partial<CmsStatsValue> | Partial<StatItem>[];
+    value?: unknown;
+    children: Snippet<[StatItem[]]>;
+};
+declare const CmsStats: import("svelte").Component<Props, {}, "">;
+type CmsStats = ReturnType<typeof CmsStats>;
+export default CmsStats;