@velastack/cms 0.5.0 → 0.5.1

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-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-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-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;

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

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

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

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

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

@@ -0,0 +1,29 @@
+<script lang="ts" generics="T extends Record<string, unknown>">
+	/**
+	 * The generic editable sibling of a structured component: the popover
+	 * over the shape's declared fields. Loaded lazily, only in edit mode.
+	 */
+	import type { Snippet } from 'svelte';
+	import type { FormShape } from '../../core/shapes/form.js';
+	import type { Tree } from '../../core/path.js';
+	import type { CmsField } from './use-cms-field.svelte.js';
+	import StructuredEditorPopover from '../admin-bar/structured-editor-popover.svelte';
+	import FieldsForm from '../admin-bar/fields-form.svelte';
+
+	type Props = {
+		field: CmsField<T>;
+		schema: FormShape<T>;
+		preview: Snippet;
+	};
+	let { field, schema, preview }: Props = $props();
+</script>
+
+<StructuredEditorPopover {field} {schema} label={schema.label} {preview}>
+	{#snippet editor(draft: T, update: (next: T) => void)}
+		<FieldsForm
+			fields={schema.fields}
+			value={draft as Tree}
+			onChange={(next) => update(next as T)}
+		/>
+	{/snippet}
+</StructuredEditorPopover>

package/dist/components/cms/{cms-repeater-editable.svelte.d.ts → cms-structured-editable.svelte.d.ts}

@@ -1,11 +1,15 @@
+/**
+     * The generic editable sibling of a structured component: the popover
+     * over the shape's declared fields. Loaded lazily, only in edit mode.
+     */
 import type { Snippet } from 'svelte';
-import { type CmsScopeRef } from './cms-store.svelte.js';
+import type { FormShape } from '../../core/shapes/form.js';
+import type { CmsField } from './use-cms-field.svelte.js';
 declare function $$render<T extends Record<string, unknown>>(): {
     props: {
-        scope: CmsScopeRef;
-        name: string;
-        items: T[];
-        children: Snippet<[T, number]>;
+        field: CmsField<T>;
+        schema: FormShape<T>;
+        preview: Snippet;
     };
     exports: {};
     bindings: "";
@@ -26,6 +30,6 @@ interface $$IsomorphicComponent {
     <T extends Record<string, unknown>>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
     z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
 }
-declare const CmsRepeaterEditable: $$IsomorphicComponent;
-type CmsRepeaterEditable<T extends Record<string, unknown>> = InstanceType<typeof CmsRepeaterEditable<T>>;
-export default CmsRepeaterEditable;
+declare const CmsStructuredEditable: $$IsomorphicComponent;
+type CmsStructuredEditable<T extends Record<string, unknown>> = InstanceType<typeof CmsStructuredEditable<T>>;
+export default CmsStructuredEditable;

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

@@ -0,0 +1,50 @@
+<script lang="ts" generics="T extends Record<string, unknown>, V">
+	/**
+	 * The one display component behind every structured editor component.
+	 * It reads the value through the shape, derives the template's view of
+	 * it and renders `children(view)`; in edit mode it swaps in the lazily
+	 * loaded editable sibling (the generic form, or a bespoke one).
+	 */
+	import type { Component, Snippet } from 'svelte';
+	import type { FormShape } from '../../core/shapes/form.js';
+	import { useCmsField, type CmsField } from './use-cms-field.svelte.js';
+
+	type EditableProps = { field: CmsField<T>; schema: FormShape<T>; preview: Snippet };
+	type Props = {
+		schema: FormShape<T>;
+		name: string;
+		scope?: string;
+		fallback?: unknown;
+		value?: unknown;
+		view: (value: T) => V;
+		children: Snippet<[V]>;
+		/** Loader for a bespoke editable sibling; defaults to the generic form. */
+		editable?: () => Promise<{ default: Component<EditableProps> }>;
+	};
+	let { schema, name, scope, fallback, value, view, children, editable }: Props = $props();
+
+	const field = useCmsField(
+		() => ({ name, scope, value }),
+		(raw) => schema.read(raw, fallback as T | undefined)
+	);
+	const current = $derived(view(field.current));
+	const load = $derived(
+		editable ??
+			(() =>
+				import('./cms-structured-editable.svelte') as unknown as Promise<{
+					default: Component<EditableProps>;
+				}>)
+	);
+</script>
+
+{#snippet preview()}
+	{@render children(current)}
+{/snippet}
+
+{#if field.editable}
+	{#await load() then { default: Editable }}
+		<Editable {field} {schema} {preview} />
+	{/await}
+{:else}
+	{@render children(current)}
+{/if}

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

@@ -0,0 +1,49 @@
+/**
+     * The one display component behind every structured editor component.
+     * It reads the value through the shape, derives the template's view of
+     * it and renders `children(view)`; in edit mode it swaps in the lazily
+     * loaded editable sibling (the generic form, or a bespoke one).
+     */
+import type { Component, Snippet } from 'svelte';
+import type { FormShape } from '../../core/shapes/form.js';
+import { type CmsField } from './use-cms-field.svelte.js';
+declare function $$render<T extends Record<string, unknown>, V>(): {
+    props: {
+        schema: FormShape<T>;
+        name: string;
+        scope?: string;
+        fallback?: unknown;
+        value?: unknown;
+        view: (value: T) => V;
+        children: Snippet<[V]>;
+        /** Loader for a bespoke editable sibling; defaults to the generic form. */
+        editable?: () => Promise<{
+            default: Component<{
+                field: CmsField<T>;
+                schema: FormShape<T>;
+                preview: Snippet;
+            }>;
+        }>;
+    };
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<T extends Record<string, unknown>, V> {
+    props(): ReturnType<typeof $$render<T, V>>['props'];
+    events(): ReturnType<typeof $$render<T, V>>['events'];
+    slots(): ReturnType<typeof $$render<T, V>>['slots'];
+    bindings(): "";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <T extends Record<string, unknown>, V>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T, V>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T, V>['props']>, ReturnType<__sveltets_Render<T, V>['events']>, ReturnType<__sveltets_Render<T, V>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T, V>['bindings']>;
+    } & ReturnType<__sveltets_Render<T, V>['exports']>;
+    <T extends Record<string, unknown>, V>(internal: unknown, props: ReturnType<__sveltets_Render<T, V>['props']> & {}): ReturnType<__sveltets_Render<T, V>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any, any>['bindings']>;
+}
+declare const CmsStructured: $$IsomorphicComponent;
+type CmsStructured<T extends Record<string, unknown>, V> = InstanceType<typeof CmsStructured<T, V>>;
+export default CmsStructured;

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

@@ -0,0 +1,22 @@
+<script lang="ts" module>
+	/** `CmsTeam`: people with a portrait, role and bio. */
+	export * from '../../core/shapes/team.js';
+</script>
+
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import Structured from './cms-structured.svelte';
+	import { cmsTeam, teamView, type CmsTeamValue, type TeamMember } from '../../core/shapes/team.js';
+
+	type Props = {
+		name: string;
+		scope?: string;
+		/** The full value, or a bare item list. */
+		fallback?: Partial<CmsTeamValue> | Array<Partial<CmsTeamValue['items'][number]>>;
+		value?: unknown;
+		children: Snippet<[TeamMember[]]>;
+	};
+	let { name, scope, fallback, value, children }: Props = $props();
+</script>
+
+<Structured schema={cmsTeam} {name} {scope} {fallback} {value} view={teamView} {children} />

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

@@ -0,0 +1,15 @@
+/** `CmsTeam`: people with a portrait, role and bio. */
+export * from '../../core/shapes/team.js';
+import type { Snippet } from 'svelte';
+import { type CmsTeamValue, type TeamMember } from '../../core/shapes/team.js';
+type Props = {
+    name: string;
+    scope?: string;
+    /** The full value, or a bare item list. */
+    fallback?: Partial<CmsTeamValue> | Array<Partial<CmsTeamValue['items'][number]>>;
+    value?: unknown;
+    children: Snippet<[TeamMember[]]>;
+};
+declare const CmsTeam: import("svelte").Component<Props, {}, "">;
+type CmsTeam = ReturnType<typeof CmsTeam>;
+export default CmsTeam;

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

@@ -0,0 +1,36 @@
+<script lang="ts" module>
+	/** `CmsTestimonials`: quotes with author, rating and source. */
+	export * from '../../core/shapes/testimonials.js';
+</script>
+
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import Structured from './cms-structured.svelte';
+	import {
+		cmsTestimonials,
+		testimonialsView,
+		type CmsTestimonialsValue,
+		type Testimonial
+	} from '../../core/shapes/testimonials.js';
+
+	type Props = {
+		name: string;
+		scope?: string;
+		/** The full value, or a bare item list. */
+		fallback?:
+			Partial<CmsTestimonialsValue> | Array<Partial<CmsTestimonialsValue['items'][number]>>;
+		value?: unknown;
+		children: Snippet<[Testimonial[]]>;
+	};
+	let { name, scope, fallback, value, children }: Props = $props();
+</script>
+
+<Structured
+	schema={cmsTestimonials}
+	{name}
+	{scope}
+	{fallback}
+	{value}
+	view={testimonialsView}
+	{children}
+/>

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

@@ -0,0 +1,15 @@
+/** `CmsTestimonials`: quotes with author, rating and source. */
+export * from '../../core/shapes/testimonials.js';
+import type { Snippet } from 'svelte';
+import { type CmsTestimonialsValue, type Testimonial } from '../../core/shapes/testimonials.js';
+type Props = {
+    name: string;
+    scope?: string;
+    /** The full value, or a bare item list. */
+    fallback?: Partial<CmsTestimonialsValue> | Array<Partial<CmsTestimonialsValue['items'][number]>>;
+    value?: unknown;
+    children: Snippet<[Testimonial[]]>;
+};
+declare const CmsTestimonials: import("svelte").Component<Props, {}, "">;
+type CmsTestimonials = ReturnType<typeof CmsTestimonials>;
+export default CmsTestimonials;

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

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

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

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