@velastack/cms 0.5.0 → 0.6.0

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

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

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

@@ -0,0 +1,160 @@
+<script lang="ts">
+	/**
+	 * The bespoke editor for `CmsHours`: a week grid (closed toggle, one or
+	 * two ranges per day, copy Monday across) above the shape's other fields
+	 * (note, exceptions, labels) rendered through the generic form.
+	 */
+	import type { Snippet } from 'svelte';
+	import type { Tree } from '../../core/path.js';
+	import type { FormShape } from '../../core/shapes/form.js';
+	import {
+		DAY_KEYS,
+		dayNames,
+		type CmsHoursValue,
+		type DayKey,
+		type HoursRange
+	} from '../../core/shapes/hours.js';
+	import type { CmsField } from './use-cms-field.svelte.js';
+	import { cmsStore } from './cms-store.svelte.js';
+	import StructuredEditorPopover from '../admin-bar/structured-editor-popover.svelte';
+	import FieldsForm from '../admin-bar/fields-form.svelte';
+	import { Button } from '../admin-bar/ui/button/index.js';
+	import { Input } from '../admin-bar/ui/input/index.js';
+	import { Switch } from '../admin-bar/ui/switch/index.js';
+
+	type Props = {
+		field: CmsField<CmsHoursValue>;
+		schema: FormShape<CmsHoursValue>;
+		preview: Snippet;
+	};
+	let { field, schema, preview }: Props = $props();
+
+	const names = $derived(dayNames(cmsStore.activeLocale || 'en', 'long'));
+	const DEFAULT_RANGE: HoursRange = { open: '09:00', close: '17:00' };
+
+	const setDay = (
+		draft: CmsHoursValue,
+		key: DayKey,
+		patch: Partial<CmsHoursValue['days'][DayKey]>
+	) => ({
+		...draft,
+		days: { ...draft.days, [key]: { ...draft.days[key], ...patch } }
+	});
+	const setRange = (
+		draft: CmsHoursValue,
+		key: DayKey,
+		index: number,
+		patch: Partial<HoursRange>
+	): CmsHoursValue =>
+		setDay(draft, key, {
+			ranges: draft.days[key].ranges.map((r, i) => (i === index ? { ...r, ...patch } : r))
+		});
+	const toggleClosed = (draft: CmsHoursValue, key: DayKey, closed: boolean): CmsHoursValue =>
+		setDay(draft, key, {
+			closed,
+			ranges:
+				!closed && draft.days[key].ranges.length === 0 ? [DEFAULT_RANGE] : draft.days[key].ranges
+		});
+	const copyMonday = (draft: CmsHoursValue, keys: readonly DayKey[]): CmsHoursValue => {
+		const mon = draft.days.mon;
+		const days = { ...draft.days };
+		for (const k of keys)
+			days[k] = { closed: mon.closed, ranges: mon.ranges.map((r) => ({ ...r })) };
+		return { ...draft, days };
+	};
+</script>
+
+<StructuredEditorPopover {field} {schema} label={schema.label} {preview}>
+	{#snippet editor(draft: CmsHoursValue, update: (next: CmsHoursValue) => void)}
+		<div class="vela:flex vela:flex-col vela:gap-2">
+			{#each DAY_KEYS as key (key)}
+				{@const day = draft.days[key]}
+				<div class="vela:flex vela:items-start vela:gap-2">
+					<label
+						class="vela:flex vela:w-24 vela:shrink-0 vela:items-center vela:gap-2 vela:pt-2 vela:text-[13px] vela:text-bar-text"
+					>
+						<Switch
+							checked={!day.closed}
+							onCheckedChange={(open) => update(toggleClosed(draft, key, !open))}
+							aria-label={`${names[key]} open`}
+						/>
+						<span class="vela:truncate">{names[key]}</span>
+					</label>
+					<div class="vela:flex vela:flex-1 vela:flex-col vela:gap-1">
+						{#if day.closed}
+							<span class="vela:pt-2 vela:text-[12px] vela:text-bar-text-tertiary"
+								>{draft.labels.closed}</span
+							>
+						{:else}
+							{#each day.ranges as range, i (i)}
+								<div class="vela:flex vela:items-center vela:gap-1">
+									<Input
+										type="time"
+										value={range.open}
+										aria-label={`${names[key]} opens`}
+										oninput={(e) =>
+											update(setRange(draft, key, i, { open: e.currentTarget.value }))}
+									/>
+									<span class="vela:text-bar-text-tertiary">–</span>
+									<Input
+										type="time"
+										value={range.close}
+										aria-label={`${names[key]} closes`}
+										oninput={(e) =>
+											update(setRange(draft, key, i, { close: e.currentTarget.value }))}
+									/>
+									{#if day.ranges.length > 1}
+										<Button
+											size="icon"
+											variant="ghost"
+											class="vela:h-6 vela:w-6 vela:shrink-0"
+											aria-label="Remove shift"
+											onclick={() =>
+												update(
+													setDay(draft, key, { ranges: day.ranges.filter((_, j) => j !== i) })
+												)}
+										>
+											×
+										</Button>
+									{:else}
+										<Button
+											size="xs"
+											variant="ghost"
+											class="vela:shrink-0"
+											aria-label="Add a second shift"
+											onclick={() =>
+												update(
+													setDay(draft, key, {
+														ranges: [...day.ranges, { open: '18:00', close: '22:00' }]
+													})
+												)}
+										>
+											+ Split
+										</Button>
+									{/if}
+								</div>
+							{/each}
+						{/if}
+					</div>
+				</div>
+			{/each}
+			<div class="vela:flex vela:gap-1.5">
+				<Button
+					variant="outline"
+					size="pill"
+					onclick={() => update(copyMonday(draft, ['tue', 'wed', 'thu', 'fri']))}
+				>
+					Copy Monday to weekdays
+				</Button>
+				<Button variant="outline" size="pill" onclick={() => update(copyMonday(draft, DAY_KEYS))}>
+					Copy to all
+				</Button>
+			</div>
+		</div>
+		<FieldsForm
+			fields={schema.fields}
+			value={draft as unknown as Tree}
+			onChange={(next) => update(next as unknown as CmsHoursValue)}
+		/>
+	{/snippet}
+</StructuredEditorPopover>

package/dist/components/cms/cms-hours-editable.svelte.d.ts

@@ -0,0 +1,17 @@
+/**
+     * The bespoke editor for `CmsHours`: a week grid (closed toggle, one or
+     * two ranges per day, copy Monday across) above the shape's other fields
+     * (note, exceptions, labels) rendered through the generic form.
+     */
+import type { Snippet } from 'svelte';
+import type { FormShape } from '../../core/shapes/form.js';
+import { type CmsHoursValue } from '../../core/shapes/hours.js';
+import type { CmsField } from './use-cms-field.svelte.js';
+type Props = {
+    field: CmsField<CmsHoursValue>;
+    schema: FormShape<CmsHoursValue>;
+    preview: Snippet;
+};
+declare const CmsHoursEditable: import("svelte").Component<Props, {}, "">;
+type CmsHoursEditable = ReturnType<typeof CmsHoursEditable>;
+export default CmsHoursEditable;

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

@@ -0,0 +1,42 @@
+<script lang="ts" module>
+	/**
+	 * `CmsHours`: opening hours, edited in a week grid and rendered from the
+	 * derived view (`rows`, `today`, `isOpenNow`) in the visitor's locale.
+	 * `isOpenNow` is computed when the page renders; a prerendered page
+	 * shows the state at build time.
+	 */
+	export * from '../../core/shapes/hours.js';
+</script>
+
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import Structured from './cms-structured.svelte';
+	import { cmsStore } from './cms-store.svelte.js';
+	import {
+		cmsHours,
+		hoursView,
+		type CmsHoursValue,
+		type HoursView
+	} from '../../core/shapes/hours.js';
+
+	type Props = {
+		name: string;
+		scope?: string;
+		fallback?: Partial<CmsHoursValue>;
+		value?: unknown;
+		children: Snippet<[HoursView]>;
+	};
+	let { name, scope, fallback, value, children }: Props = $props();
+	const locale = $derived(cmsStore.activeLocale || 'en');
+</script>
+
+<Structured
+	schema={cmsHours}
+	{name}
+	{scope}
+	{fallback}
+	{value}
+	view={(v: CmsHoursValue) => hoursView(v, locale)}
+	editable={() => import('./cms-hours-editable.svelte')}
+	{children}
+/>

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

@@ -0,0 +1,19 @@
+/**
+ * `CmsHours`: opening hours, edited in a week grid and rendered from the
+ * derived view (`rows`, `today`, `isOpenNow`) in the visitor's locale.
+ * `isOpenNow` is computed when the page renders; a prerendered page
+ * shows the state at build time.
+ */
+export * from '../../core/shapes/hours.js';
+import type { Snippet } from 'svelte';
+import { type CmsHoursValue, type HoursView } from '../../core/shapes/hours.js';
+type Props = {
+    name: string;
+    scope?: string;
+    fallback?: Partial<CmsHoursValue>;
+    value?: unknown;
+    children: Snippet<[HoursView]>;
+};
+declare const CmsHours: import("svelte").Component<Props, {}, "">;
+type CmsHours = ReturnType<typeof CmsHours>;
+export default CmsHours;

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

@@ -1,34 +1,12 @@
 <script lang="ts" module>
-	/**
-	 * Stored shape of an image slot. Seeds and fallbacks may pass a bare URL
-	 * string; it is normalized to `{ url }`. A cleared slot stores `url: null`.
-	 */
-	export type CmsImageValue = {
-		url?: string | null;
-		alt?: string | null;
-		width?: number;
-		height?: number;
-	};
-
-	export const normalizeImage = (raw: unknown): CmsImageValue => {
-		if (raw == null) return {};
-		if (typeof raw === 'string') return { url: raw };
-		if (typeof raw === 'object' && !Array.isArray(raw)) {
-			const r = raw as Record<string, unknown>;
-			const out: CmsImageValue = {};
-			if (typeof r.url === 'string') out.url = r.url;
-			if (typeof r.alt === 'string') out.alt = r.alt;
-			if (typeof r.width === 'number') out.width = r.width;
-			if (typeof r.height === 'number') out.height = r.height;
-			return out;
-		}
-		return {};
-	};
+	export { normalizeImage } from '../../core/shapes/image.js';
+	export type { CmsImageValue } from '../../core/shapes/image.js';
 </script>
 
 <script lang="ts">
 	import type { Snippet } from 'svelte';
 	import { useCmsField } from './use-cms-field.svelte.js';
+	import { normalizeImage, type CmsImageValue } from '../../core/shapes/image.js';
 
 	type Props = {
 		name: string;

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

@@ -1,15 +1,7 @@
-/**
- * Stored shape of an image slot. Seeds and fallbacks may pass a bare URL
- * string; it is normalized to `{ url }`. A cleared slot stores `url: null`.
- */
-export type CmsImageValue = {
-    url?: string | null;
-    alt?: string | null;
-    width?: number;
-    height?: number;
-};
-export declare const normalizeImage: (raw: unknown) => CmsImageValue;
+export { normalizeImage } from '../../core/shapes/image.js';
+export type { CmsImageValue } from '../../core/shapes/image.js';
 import type { Snippet } from 'svelte';
+import { type CmsImageValue } from '../../core/shapes/image.js';
 type Props = {
     name: string;
     scope?: string;

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

@@ -4,6 +4,7 @@
 	import { page } from '$app/state';
 	import { cmsStore, type CmsScopeRef } from './cms-store.svelte.js';
 	import { resolveRouteUrl } from '../admin-bar/resolve-route.js';
+	import { fetchPageOptions, pageOptionValue, type PageOption } from '../admin-bar/page-options.js';
 	import type { CmsLinkValue, CmsLinkRenderProps } from './cms-link.svelte';
 	import { Button } from '../admin-bar/ui/button/index.js';
 	import { Input } from '../admin-bar/ui/input/index.js';
@@ -16,19 +17,6 @@
 	import XIcon from '../admin-bar/icons/x.svelte';
 	import Trash from '../admin-bar/icons/trash-2.svelte';
 
-	type PageEntry = {
-		params: Record<string, string>;
-		isDraft: boolean;
-		isDeletePending: boolean;
-		redirectTo?: string;
-		gone?: boolean;
-	};
-	type PageRoute = {
-		routeId: string;
-		ownedParams: string[];
-		entries: PageEntry[];
-	};
-
 	type Props = {
 		scope: CmsScopeRef;
 		name: string;
@@ -65,7 +53,7 @@
 	let urlInput = $state('');
 	let urlInputEl: HTMLInputElement | null = $state(null);
 
-	let pages: PageRoute[] = $state([]);
+	let pageOptions: PageOption[] = $state([]);
 	let pagesLoaded = $state(false);
 	let selectedValue = $state('');
 	let pageSelectOpen = $state(false);
@@ -128,61 +116,17 @@
 		else if (e.key === 'Escape') cancelMode(e);
 	};
 
-	const optionValueFor = (routeId: string, params: Record<string, string>) =>
-		`${routeId}::${JSON.stringify(params)}`;
-
 	const enterPageMode = async (e: Event) => {
 		e.preventDefault();
 		e.stopPropagation();
-		selectedValue = current.routeId ? optionValueFor(current.routeId, current.params ?? {}) : '';
+		selectedValue = current.routeId ? pageOptionValue(current.routeId, current.params ?? {}) : '';
 		mode = 'page';
 		if (!pagesLoaded) {
-			try {
-				const res = await fetch(`${endpoint}/pages`, { credentials: 'include' });
-				if (res.ok) {
-					const data = (await res.json()) as { routes: PageRoute[] };
-					pages = data.routes;
-				}
-			} catch {
-				/* ignore — picker shows "No pages found" */
-			}
+			pageOptions = await fetchPageOptions(endpoint);
 			pagesLoaded = true;
 		}
 	};
 
-	const pageOptions = $derived.by(() => {
-		const opts: {
-			value: string;
-			label: string;
-			routeId: string;
-			params: Record<string, string>;
-		}[] = [];
-		for (const r of pages) {
-			const entries =
-				r.entries.length > 0
-					? r.entries
-					: [{ params: {} as Record<string, string>, isDraft: false, isDeletePending: false }];
-			for (const ent of entries) {
-				// Tombstones (redirected / gone) aren't real link targets.
-				if (ent.redirectTo || ent.gone) continue;
-				let url: string;
-				try {
-					url = resolveRouteUrl(r.routeId, ent.params);
-				} catch {
-					continue;
-				}
-				opts.push({
-					value: optionValueFor(r.routeId, ent.params),
-					label: url,
-					routeId: r.routeId,
-					params: ent.params
-				});
-			}
-		}
-		opts.sort((a, b) => a.label.localeCompare(b.label));
-		return opts;
-	});
-
 	const applyPageValue = (value: string) => {
 		const opt = pageOptions.find((o) => o.value === value);
 		if (!opt) return;

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

@@ -1,35 +1,15 @@
 <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 };
-
-	export const normalizeLink = (raw: unknown): CmsLinkValue => {
-		if (!raw || typeof raw !== 'object' || Array.isArray(raw)) return {};
-		const r = raw as Record<string, unknown>;
-		const out: CmsLinkValue = {};
-		if (typeof r.label === 'string') out.label = r.label;
-		if (typeof r.href === 'string') out.href = r.href;
-		if (typeof r.routeId === 'string') out.routeId = r.routeId;
-		if (r.params && typeof r.params === 'object' && !Array.isArray(r.params)) {
-			out.params = r.params as Record<string, string>;
-		}
-		if (typeof r.newTab === 'boolean') out.newTab = r.newTab;
-		return out;
-	};
 </script>
 
 <script lang="ts">
 	import type { Snippet } from 'svelte';
 	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;

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

@@ -1,19 +1,12 @@
-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;
 };
-export declare const normalizeLink: (raw: unknown) => CmsLinkValue;
 import type { Snippet } from 'svelte';
+import { type CmsLinkValue } from '../../core/shapes/link.js';
 type Props = {
     name: string;
     scope?: 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-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;