@velastack/cms 0.4.0 → 0.5.1

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-store.svelte.d.ts

@@ -38,9 +38,23 @@ declare class CmsStore {
     private _activeLocale;
     private overlayFetchToken;
     private entriesFetchToken;
+    private localeOverlayTokens;
     toggleEdit(): void;
     setActiveLocale(locale: string | null): void;
     private effectiveLocale;
+    /** The locale edits currently target: the editor's `?locale=` override, else the page's. */
+    get activeLocale(): string;
+    /** The project's default locale, `cms.locales[0]`. */
+    get defaultLocale(): string;
+    /** Every supported locale from the payload. */
+    get locales(): string[];
+    /**
+     * Make sure the overlay for `locale` is loaded for the current route's
+     * scopes, so a structured editor's translation tab and the Locales panel
+     * can read another locale's strings without switching the page. Uses the
+     * open release's preview key when there is one.
+     */
+    loadLocaleOverlay(locale: string): Promise<void>;
     /** Base doc (server-rendered) for a scope. Already locale-resolved by `resolveCmsPayload`. */
     private baseDoc;
     /** Merged read tree: base ∪ overlay (∪ draft when editing) for the given locale. */

package/dist/components/cms/cms-store.svelte.js

@@ -105,6 +105,7 @@ class CmsStore {
     _activeLocale = $state(null);
     overlayFetchToken = 0;
     entriesFetchToken = 0;
+    localeOverlayTokens = {};
     toggleEdit() {
         this.isEditing = !this.isEditing;
     }
@@ -114,6 +115,38 @@ class CmsStore {
     effectiveLocale() {
         return this._activeLocale ?? pageLocale();
     }
+    /** The locale edits currently target: the editor's `?locale=` override, else the page's. */
+    get activeLocale() {
+        return this.effectiveLocale();
+    }
+    /** The project's default locale, `cms.locales[0]`. */
+    get defaultLocale() {
+        return pageDefaultLocale();
+    }
+    /** Every supported locale from the payload. */
+    get locales() {
+        return page.data?.cms?.locales ?? [];
+    }
+    /**
+     * Make sure the overlay for `locale` is loaded for the current route's
+     * scopes, so a structured editor's translation tab and the Locales panel
+     * can read another locale's strings without switching the page. Uses the
+     * open release's preview key when there is one.
+     */
+    async loadLocaleOverlay(locale) {
+        const cms = page.data?.cms;
+        if (!cms)
+            return;
+        const scopes = Object.values(cms.scopes);
+        const loaded = scopes.every((s) => composeKey({ scopeId: s.scopeId, routeId: s.routeId, params: s.params }, locale) in
+            this.overlay);
+        if (loaded)
+            return;
+        await this.loadAndApplyOverlay(cms.endpoint, scopes, this.openRelease?.preview_key ?? null, {
+            locale,
+            defaultLocale: cms.locales[0]
+        });
+    }
     /** Base doc (server-rendered) for a scope. Already locale-resolved by `resolveCmsPayload`. */
     baseDoc(scope) {
         const cms = page.data?.cms;
@@ -234,7 +267,11 @@ class CmsStore {
      * overlays applied during navigation while new-page scopes load.
      */
     async loadAndApplyOverlay(endpoint, scopes, previewKey, opts) {
-        const token = ++this.overlayFetchToken;
+        // One in-flight fetch per locale: a translation tab loading `es` must
+        // not cancel the page's own `en` overlay load, and vice versa.
+        const token = (this.localeOverlayTokens[opts.locale] =
+            (this.localeOverlayTokens[opts.locale] ?? 0) + 1);
+        this.overlayFetchToken = token;
         const versionKey = opts.versionKey ?? null;
         const locale = opts.locale;
         const defaultLocale = opts.defaultLocale ?? pageDefaultLocale() ?? locale;
@@ -271,7 +308,7 @@ class CmsStore {
                 ? Promise.all(scopes.map((s) => fetchScope(s, defaultLocale)))
                 : Promise.resolve(null)
         ]);
-        if (token !== this.overlayFetchToken)
+        if (token !== this.localeOverlayTokens[locale])
             return;
         const merged = mergeLocaleDocs(collect(requestedPairs), fallbackPairs ? collect(fallbackPairs) : null);
         const scopeIndex = new Map();

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-text.svelte

@@ -1,30 +1,29 @@
 <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;
+		/** `'root'` for the root layout scope, or an explicit scope id. */
+		scope?: string;
 		fallback?: string;
-		/** Per-item override used by `CmsRepeater`. */
+		/** Per-item override used by structured components. */
 		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
+	// `undefined` → fallback (or children); `null` → cleared, shown empty.
+	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 display = $derived(typeof resolved === 'string' ? resolved : (fallback ?? ''));
-	const editable = $derived(cmsStore.isEditing && value === undefined && !!ref);
+	const display = $derived(field.current ?? '');
 
 	let el = $state<HTMLSpanElement>();
 	let childrenEl = $state<HTMLElement>();
@@ -32,17 +31,13 @@
 	let composing = false;
 
 	$effect.pre(() => {
-		if (editable && childrenEl && initialFromChildren === undefined) {
+		if (field.editable && childrenEl && initialFromChildren === undefined) {
 			const text = childrenEl.textContent?.trim();
 			initialFromChildren = text || undefined;
 		}
 	});
 
-	const editValue = $derived.by(() => {
-		if (typeof resolved === 'string') return resolved;
-		if (fallback !== undefined) return fallback;
-		return initialFromChildren ?? '';
-	});
+	const editValue = $derived(field.current ?? initialFromChildren ?? '');
 
 	$effect(() => {
 		if (!el) return;
@@ -52,14 +47,9 @@
 		el.textContent = target;
 	});
 
-	const writeValue = (text: string) => {
-		if (!ref) return;
-		cmsStore.setValue(ref, name, text);
-	};
-
 	const onInput = (e: Event) => {
 		if (composing) return;
-		writeValue((e.currentTarget as HTMLElement).textContent ?? '');
+		field.set((e.currentTarget as HTMLElement).textContent ?? '');
 	};
 
 	const onKeydown = (e: KeyboardEvent) => {
@@ -68,11 +58,11 @@
 
 	const onCompositionEnd = (e: CompositionEvent) => {
 		composing = false;
-		writeValue((e.currentTarget as HTMLElement).textContent ?? '');
+		field.set((e.currentTarget as HTMLElement).textContent ?? '');
 	};
 </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 text. Removed as soon as it's captured. -->
@@ -85,7 +75,7 @@
 		contenteditable="plaintext-only"
 		data-placeholder={name}
 		data-cms-name={name}
-		data-cms-scope={scope?.scopeId ?? '?'}
+		data-cms-scope={field.ref.scopeId}
 		role="textbox"
 		tabindex="0"
 		aria-multiline="false"
@@ -98,10 +88,13 @@
 	></span>
 {:else if display}
 	{display}
+{:else if field.raw === null}
+	<!-- cleared by the editor: render nothing -->
 {:else if children}
 	<span bind:this={childrenEl} class="cms-text-children">{@render children()}</span>
 {: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-text.svelte.d.ts

@@ -1,8 +1,10 @@
 import type { Snippet } from 'svelte';
 type Props = {
     name: string;
+    /** `'root'` for the root layout scope, or an explicit scope id. */
+    scope?: string;
     fallback?: string;
-    /** Per-item override used by `CmsRepeater`. */
+    /** Per-item override used by structured components. */
     value?: unknown;
     children?: Snippet;
 };

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;

package/dist/components/cms/index.d.ts

@@ -7,7 +7,21 @@ export { default as CmsNumber } from './cms-number.svelte';
 export { default as CmsDateTime } from './cms-date-time.svelte';
 export { default as CmsLink } from './cms-link.svelte';
 export type { CmsLinkValue, CmsLinkRenderProps } from './cms-link.svelte';
-export { default as CmsRepeater } from './cms-repeater.svelte';
+export { default as CmsNav } from './cms-nav.svelte';
+export { default as CmsHours } from './cms-hours.svelte';
+export { default as CmsContact } from './cms-contact.svelte';
+export { default as CmsSocialLinks } from './cms-social-links.svelte';
+export { default as CmsCollection } from './cms-collection.svelte';
+export { default as CmsTeam } from './cms-team.svelte';
+export { default as CmsTestimonials } from './cms-testimonials.svelte';
+export { default as CmsPricing } from './cms-pricing.svelte';
+export { default as CmsFaq } from './cms-faq.svelte';
+export { default as CmsStats } from './cms-stats.svelte';
+export { default as CmsSteps } from './cms-steps.svelte';
+export { default as CmsTimeline } from './cms-timeline.svelte';
+export { default as CmsGallery } from './cms-gallery.svelte';
+export { default as CmsLogos } from './cms-logos.svelte';
+export { default as CmsSchedule } from './cms-schedule.svelte';
 export { default as CmsEntries } from './cms-entries.svelte';
 export { CMS_SCOPE, getCmsScope, getCmsValue } from './scope.js';
 export type { CmsScope, CmsPayload, CmsEntry } from './scope.js';

package/dist/components/cms/index.js

@@ -6,6 +6,20 @@ export { default as CmsBoolean } from './cms-boolean.svelte';
 export { default as CmsNumber } from './cms-number.svelte';
 export { default as CmsDateTime } from './cms-date-time.svelte';
 export { default as CmsLink } from './cms-link.svelte';
-export { default as CmsRepeater } from './cms-repeater.svelte';
+export { default as CmsNav } from './cms-nav.svelte';
+export { default as CmsHours } from './cms-hours.svelte';
+export { default as CmsContact } from './cms-contact.svelte';
+export { default as CmsSocialLinks } from './cms-social-links.svelte';
+export { default as CmsCollection } from './cms-collection.svelte';
+export { default as CmsTeam } from './cms-team.svelte';
+export { default as CmsTestimonials } from './cms-testimonials.svelte';
+export { default as CmsPricing } from './cms-pricing.svelte';
+export { default as CmsFaq } from './cms-faq.svelte';
+export { default as CmsStats } from './cms-stats.svelte';
+export { default as CmsSteps } from './cms-steps.svelte';
+export { default as CmsTimeline } from './cms-timeline.svelte';
+export { default as CmsGallery } from './cms-gallery.svelte';
+export { default as CmsLogos } from './cms-logos.svelte';
+export { default as CmsSchedule } from './cms-schedule.svelte';
 export { default as CmsEntries } from './cms-entries.svelte';
 export { CMS_SCOPE, getCmsScope, getCmsValue } from './scope.js';