@sevenfold/setto-client 0.35.0 → 0.36.1

package/dist/SettoAnimation.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from 'react';
-import type { AnimationPreset } from './block-tree/schema';
+import type { AnimationPreset } from './block-tree/schema.js';
 export interface SettoAnimationProps {
     preset: AnimationPreset;
     /** Delay before play, in milliseconds. */

package/dist/block-tree/SettoBlockTree.d.ts

@@ -1,6 +1,6 @@
 import { type ComponentType } from 'react';
-import { type SettoIconRenderProps } from '../SettoIcon';
-import type { BlockTree } from './schema';
+import { type SettoIconRenderProps } from '../SettoIcon.js';
+import type { BlockTree } from './schema.js';
 export interface SettoBlockTreeProps {
     /** Validated block tree, typically parsed from `home.layout.json`. */
     tree: BlockTree;

package/dist/block-tree/extract-keys.d.ts

@@ -3,7 +3,7 @@
  * sample-locale entries it expects. The agent uses this output to validate
  * that the generated `no.json` covers everything the tree references.
  */
-import type { BlockTree } from './schema';
+import type { BlockTree } from './schema.js';
 export interface ContentKeyRequirements {
     /** Plain i18n keys that must exist with a string value. */
     keys: Set<string>;

package/dist/block-tree/registry.d.ts

@@ -5,7 +5,7 @@
  * consult this registry for allowed children, required content keys, and
  * whether a type carries a theme id.
  */
-import type { BlockNode, BlockNodeType } from './schema';
+import type { BlockNode, BlockNodeType } from './schema.js';
 export interface BlockTypeMeta {
     /**
      * Allowed child types. `null` means the node is a leaf; `'any'` means any

package/dist/block-tree/schema.d.ts

@@ -74,8 +74,8 @@ export interface RepeaterNode extends BaseNode {
      */
     itemTemplate: BlockNode[];
 }
-export type { FormFieldType } from '../modules/forms/fields';
-export type { FormFieldProp as FormField } from '../modules/forms/fields';
+export type { FormFieldType } from '../modules/forms/fields.js';
+export type { FormFieldProp as FormField } from '../modules/forms/fields.js';
 export interface FormNode extends BaseNode {
     type: 'form';
     /**
@@ -95,7 +95,7 @@ export interface FormNode extends BaseNode {
      * Seed fields, used only while the locale has no `form.{formId}.fields`
      * list. Once the editor touches the field set, the locale wins.
      */
-    fields?: import('../modules/forms/fields').FormFieldProp[];
+    fields?: import('../modules/forms/fields.js').FormFieldProp[];
 }
 export interface VideoNode extends BaseNode {
     type: 'video';

package/dist/block-tree/validate.d.ts

@@ -5,7 +5,7 @@
  * and `setto-agent` (after generation, before sandbox build). No external
  * dependencies so we can ship to host sites without bundle bloat.
  */
-import type { BlockTree, FormField } from './schema';
+import type { BlockTree, FormField } from './schema.js';
 export interface ValidationIssue {
     /** Dotted path to the offending node, e.g. `root[2].children[0]`. */
     path: string;

package/dist/blog/SettoBlog.d.ts

@@ -0,0 +1,20 @@
+import { type BuiltinSectionProps } from '../pages/SettoPage.js';
+export declare function SettoBlogSection({ sectionId, first }: BuiltinSectionProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * The blog for a site that routes by hand instead of through `pages.json`
+ * (setto.no): mount it on `<basePath>` and `<basePath>/*`, and pass the same
+ * path to `settoBlog({ blogPath })`.
+ *
+ *     <Route path="/blogg/*" element={<SettoBlog basePath="/blogg" />} />
+ */
+export declare function SettoBlog({ basePath, title }: {
+    basePath?: string;
+    title?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function SettoBlogLatest({ sectionId, first }: BuiltinSectionProps): import("react/jsx-runtime").JSX.Element | null;
+/**
+ * Shape is scoped `.setto-blog :where(…)` (one class: beats Preflight's
+ * element resets); colour stays at zero specificity so the site's own wins.
+ * Same split, same reason, as the form's sheet.
+ */
+export declare const BLOG_CSS = "\n.setto-blog{padding:clamp(48px,8vw,96px) 16px}\n.setto-blog :where(.setto-blog__inner){max-width:68ch;margin:0 auto}\n.setto-blog :where(.setto-blog__inner--wide){max-width:1120px}\n.setto-blog :where(.setto-blog__title){font-family:var(--setto-display-font,inherit);font-size:clamp(2rem,4vw,2.75rem);line-height:1.15;font-weight:600;margin:0 0 .75em}\n.setto-blog :where(.setto-blog__list){display:grid;gap:clamp(1.5rem,3vw,2.5rem);grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}\n.setto-blog :where(.setto-blog__card){display:grid;gap:.9rem;align-content:start}\n.setto-blog :where(.setto-blog__card-cover){display:block;overflow:hidden;border-radius:.9rem;aspect-ratio:16/10}\n.setto-blog :where(.setto-blog__card-cover img,.setto-blog__cover img,.setto-blog__figure img,.setto-blog__gallery-item img){display:block;width:100%;height:100%;object-fit:cover}\n.setto-blog :where(.setto-blog__card-body){display:grid;gap:.45rem}\n.setto-blog :where(.setto-blog__card-title){font-family:var(--setto-display-font,inherit);font-size:1.3rem;line-height:1.25;font-weight:600;margin:0}\n.setto-blog :where(.setto-blog__card-lead){margin:0;line-height:1.55}\n.setto-blog :where(.setto-blog__date){font-size:.875rem;letter-spacing:.01em}\n.setto-blog :where(.setto-blog__more,.setto-blog__back){display:inline-flex;gap:.35em;align-items:center;font-weight:500;width:fit-content}\n.setto-blog :where(.setto-blog__back){margin-bottom:2rem}\n.setto-blog :where(.setto-blog__latest-head){display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1.5rem;margin-bottom:1.75rem}\n.setto-blog :where(.setto-blog__latest-head .setto-blog__title){margin:0}\n.setto-blog :where(.setto-blog__post-header){display:grid;gap:.6rem;margin-bottom:2rem}\n.setto-blog :where(.setto-blog__post-title){font-family:var(--setto-display-font,inherit);font-size:clamp(2rem,5vw,3rem);line-height:1.1;font-weight:600;margin:0}\n.setto-blog :where(.setto-blog__lead){font-size:1.2rem;line-height:1.5;margin:0}\n.setto-blog :where(.setto-blog__cover){margin:0 0 2.5rem;overflow:hidden;border-radius:1rem;aspect-ratio:16/9}\n.setto-blog :where(.setto-blog__prose){font-size:1.075rem;line-height:1.7}\n.setto-blog :where(.setto-blog__prose > * + *){margin-top:1.15em}\n.setto-blog :where(.setto-blog__prose h2,.setto-blog__prose h3,.setto-blog__prose h4){font-family:var(--setto-display-font,inherit);line-height:1.25;font-weight:600;margin:1.8em 0 0}\n.setto-blog :where(.setto-blog__prose h2){font-size:1.6rem}\n.setto-blog :where(.setto-blog__prose h3){font-size:1.3rem}\n.setto-blog :where(.setto-blog__prose h4){font-size:1.1rem}\n.setto-blog :where(.setto-blog__prose ul,.setto-blog__prose ol){padding-left:1.4em}\n.setto-blog :where(.setto-blog__prose ul){list-style:disc}\n.setto-blog :where(.setto-blog__prose ol){list-style:decimal}\n.setto-blog :where(.setto-blog__prose li + li){margin-top:.35em}\n.setto-blog :where(.setto-blog__prose blockquote){margin-left:0;padding-left:1.1em;border-left-width:3px;border-left-style:solid;font-style:italic}\n.setto-blog :where(.setto-blog__prose pre){overflow-x:auto;padding:1em;border-radius:.6rem;font-size:.9em}\n.setto-blog :where(.setto-blog__prose code){font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}\n.setto-blog :where(.setto-blog__prose hr){border:0;border-top-width:1px;border-top-style:solid;margin:2.5em 0}\n.setto-blog :where(.setto-blog__prose a){text-decoration:underline;text-underline-offset:.18em}\n.setto-blog :where(.setto-blog__table){overflow-x:auto}\n.setto-blog :where(.setto-blog__table table){border-collapse:collapse;width:100%;font-size:.95em}\n.setto-blog :where(.setto-blog__table th,.setto-blog__table td){padding:.55em .8em;border-bottom-width:1px;border-bottom-style:solid;text-align:left}\n.setto-blog :where(.setto-blog__figure,.setto-blog__gallery,.setto-blog__video){margin:2em 0}\n.setto-blog :where(.setto-blog__figure img){border-radius:.8rem;height:auto}\n.setto-blog :where(figcaption){font-size:.9rem;margin-top:.6em;opacity:.75}\n.setto-blog :where(.setto-blog__gallery-grid){display:grid;gap:.6rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}\n.setto-blog :where(.setto-blog__gallery-item){margin:0}\n.setto-blog :where(.setto-blog__gallery-item img){border-radius:.6rem;aspect-ratio:4/3}\n.setto-blog :where(.setto-blog__video-frame){position:relative;aspect-ratio:16/9;border-radius:.8rem;overflow:hidden}\n.setto-blog :where(.setto-blog__video-frame iframe){position:absolute;inset:0;width:100%;height:100%;border:0}\n.setto-blog :where(.setto-blog__video-play){position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;cursor:pointer;display:grid;place-items:center}\n.setto-blog :where(.setto-blog__video-play img){position:absolute;inset:0;width:100%;height:100%;object-fit:cover}\n.setto-blog :where(.setto-blog__video-icon){position:relative;display:block;line-height:0}\n.setto-blog :where(.setto-blog__callout){padding:1.1em 1.3em;border-radius:.8rem;border-left-width:4px;border-left-style:solid}\n.setto-blog :where(.setto-blog__callout > * + *){margin-top:.7em}\n.setto-blog :where(.setto-blog__callout ul,.setto-blog__callout ol){padding-left:1.3em;list-style:disc}\n.setto-blog :where(.setto-blog__share){display:flex;flex-wrap:wrap;gap:.5rem .9rem;align-items:center;margin-top:3rem;padding-top:1.5rem;border-top-width:1px;border-top-style:solid}\n.setto-blog :where(.setto-blog__share-label){font-weight:600}\n.setto-blog :where(.setto-blog__share a,.setto-blog__share button){font:inherit;padding:.35rem .85rem;border-radius:999px;border-width:1px;border-style:solid;cursor:pointer;text-decoration:none;line-height:1.4}\n.setto-blog :where(.setto-blog__empty,.setto-blog__loading){opacity:.75}\n:where(.setto-blog){color:inherit}\n:where(.setto-blog__date){opacity:.7}\n:where(.setto-blog a){color:inherit}\n:where(.setto-blog__prose blockquote,.setto-blog__prose hr,.setto-blog__table th,.setto-blog__table td,.setto-blog__share){border-color:color-mix(in srgb,currentColor 18%,transparent)}\n:where(.setto-blog__prose pre,.setto-blog__card-cover){background:color-mix(in srgb,currentColor 6%,transparent)}\n:where(.setto-blog__share a,.setto-blog__share button){border-color:color-mix(in srgb,currentColor 30%,transparent);background:transparent;color:inherit}\n:where(.setto-blog__callout){background:color-mix(in srgb,currentColor 5%,transparent);border-left-color:color-mix(in srgb,currentColor 40%,transparent)}\n:where(.setto-blog__callout[data-tone=\"tip\"]){border-left-color:#0f7b4f}\n:where(.setto-blog__callout[data-tone=\"warning\"]){border-left-color:#b54708}\n:where(.setto-blog__video-frame){background:#000}\n";

package/dist/blog/data.d.ts

@@ -0,0 +1,36 @@
+/**
+ * The posts a site's build hands to the library, and how a page chooses among
+ * them. No parser and no React: the build (`@setto/client/vite`) has already
+ * validated every file against the contract and turned its body into a syntax
+ * tree, so the browser only walks data.
+ */
+import type { Root } from 'mdast';
+import type { BlogFrontmatter } from './contract.js';
+/** A post as the list knows it: its frontmatter, and nothing to download. */
+export type BlogPostSummary = BlogFrontmatter;
+/** A post as its page knows it: frontmatter and the body's syntax tree. */
+export interface BlogPostData {
+    frontmatter: BlogFrontmatter;
+    body: Root;
+}
+/**
+ * What `virtual:setto-blog` exports and `SettoConfig.blog` carries. Bodies are
+ * loaded one at a time, so a site with a hundred posts does not ship a
+ * hundred articles to read one.
+ */
+export interface SettoBlogData {
+    posts: readonly BlogPostSummary[];
+    load(slug: string, locale: string): Promise<BlogPostData | null>;
+}
+/** Newest first; a tie breaks on slug so the order never flickers. */
+export declare function byDateDesc(a: BlogPostSummary, b: BlogPostSummary): number;
+/**
+ * One entry per post, in the reader's language where it exists and in the
+ * site's own otherwise. A post written only in Norwegian still shows to an
+ * English reader — untranslated is better than missing.
+ */
+export declare function postsForLanguage(posts: readonly BlogPostSummary[], language: string, fallbackLanguage: string): BlogPostSummary[];
+/** The version of one post to show this reader, or null if there is none. */
+export declare function postForSlug(posts: readonly BlogPostSummary[], slug: string, language: string, fallbackLanguage: string): BlogPostSummary | null;
+/** `2026-10-01` as «1. oktober 2026» or «1 October 2026». */
+export declare function formatPostDate(date: string, language: string): string;

package/dist/blog/index.d.ts

@@ -5,8 +5,8 @@
  * bundle: setto-server and setto-agent validate with it, and the site's build
  * step uses it to read posts.
  */
-export * from './contract';
+export * from './contract.js';
 /** The host a post's images must come from: pass it as `imageHosts`. */
-export { SETTO_MEDIA_HOST, isSettoMediaUrl } from '../lib/media';
-export { validateBlogPost, parseBlogPost } from './validate';
-export type { BlogIssue, BlogPost, BlogValidationResult, BlogValidateOptions } from './validate';
+export { SETTO_MEDIA_HOST, isSettoMediaUrl } from '../lib/media.js';
+export { validateBlogPost, parseBlogPost } from './validate.js';
+export type { BlogIssue, BlogPost, BlogValidationResult, BlogValidateOptions } from './validate.js';

package/dist/blog/render.d.ts

@@ -0,0 +1,16 @@
+import type { RootContent } from 'mdast';
+export declare function BlogBody({ nodes, language }: {
+    nodes: readonly RootContent[];
+    language: string;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * An image, resized by the site's optimizer when it has one and the image is
+ * one it may read (`isOptimizable`: this site's own, or a blog photograph in
+ * Setto's media store). If a variant fails, the original is shown instead.
+ */
+export declare function BlogImg({ src, alt, sizes, className }: {
+    src: string;
+    alt: string;
+    sizes: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/blog/strings.d.ts

@@ -0,0 +1,25 @@
+/**
+ * The few words the blog says itself — around the posts, never in them. In
+ * Norwegian and English; any other language reads English, which is what a
+ * visitor who chose it can most likely read.
+ */
+declare const NO: {
+    blog: string;
+    latest: string;
+    allPosts: string;
+    readMore: string;
+    back: string;
+    empty: string;
+    notFound: string;
+    loading: string;
+    share: string;
+    moreShare: string;
+    copyLink: string;
+    copied: string;
+    email: string;
+    video: string;
+    play: string;
+};
+export type BlogStrings = typeof NO;
+export declare function blogStrings(language: string): BlogStrings;
+export {};

package/dist/blog/validate.d.ts

@@ -7,7 +7,7 @@
  * first reader of a failure is usually a model that has to fix its own output.
  */
 import type { Root } from 'mdast';
-import { type BlogFrontmatter } from './contract';
+import { type BlogFrontmatter } from './contract.js';
 export interface BlogIssue {
     /** `frontmatter`, `frontmatter.<key>`, `body` or `path`. */
     path: string;

package/dist/edit-mode/mount.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from 'react';
-import type { ThemeStore } from '../lib/theme-store';
+import type { ThemeStore } from '../lib/theme-store.js';
 interface EditModeShellProps {
     children: ReactNode;
     themeStore: ThemeStore | null;

package/dist/index.d.ts

@@ -1,59 +1,62 @@
-export { SettoLanguages } from './LanguageSwitcher';
-export { DEFAULT_LANGUAGE, languageName, pickInitialLanguage, siteLanguages, } from './lib/languages';
-export { alternateLinks, languageFromPath, pathForLanguage, redirectForVisitor, type LanguageRoute, } from './lib/language-routing';
-export { SettoProvider, useSetto } from './provider';
-export { GuestEditProvider, useGuestEdit } from './guest-edit';
-export { SettoChrome, useSettoChromeSlot } from './chrome';
-export type { SettoChromeHandshake } from './chrome';
-export { T } from './T';
-export { SettoSection } from './SettoSection';
-export { SettoBlock } from './SettoBlock';
-export { SettoIcon } from './SettoIcon';
-export type { SettoIconProps, SettoIconRenderProps } from './SettoIcon';
-export { SettoImage } from './SettoImage';
-export type { SettoImageProps, ImageToolsProps } from './SettoImage';
-export { SETTO_IMAGE_QUALITY, SETTO_IMAGE_WIDTHS, isOptimizable, optimizedSrcSet, optimizedUrl, settoVercelImagesConfig, } from './lib/optimized-image';
-export { SETTO_MEDIA_HOST, isSettoMediaUrl } from './lib/media';
-export { SettoRepeater } from './SettoRepeater';
-export type { SettoRepeaterProps } from './SettoRepeater';
-export { SettoForm, FORM_FIELD_TYPES, FORM_FIELD_TYPE_LABELS, fieldTypeHasOptions, fieldTypeHasPlaceholder, formFieldsPrefix, isFormFieldType, readLocaleFields, settoSubmissionUrl, } from './modules/forms';
-export { SettoChat } from './modules/chat';
-export type { SettoFormProps, SettoFormClassNames, FormFieldProp, FormSettings, FormSubmissionRow, FormValue, FormValues, ResolvedFormField, SubmissionEnvelope, } from './modules/forms';
-export { SETTO_MODULES } from './modules';
-export type { SettoModule } from './modules';
-export { SettoVideo } from './SettoVideo';
-export type { SettoVideoProps } from './SettoVideo';
-export { SettoMap } from './SettoMap';
-export type { SettoMapProps } from './SettoMap';
-export type { MapLocation, MapToolsProps, MapToolsComponent } from './map-tools';
-export { SettoPage, SettoTextSection, usePageManifest, useSettoMenu, } from './pages/SettoPage';
-export type { SettoPageProps, BuiltinSectionProps } from './pages/SettoPage';
-export { PAGES_PATH, PAGES_MANIFEST_VERSION, BUILTIN_SECTION_TYPES, parseManifest, normalisePath, pageForPath, pageById, findSection, visibleMenu, applyOp, applyOps, builtinKeys, pageTitleKey, serialiseManifest, isSafeHref, ManifestError, } from './pages/manifest';
-export type { PagesManifest, PageEntry, PageSection, MenuItem, MenuList, ManifestOp, ManifestIssue, ManifestParse, BuiltinSectionType, } from './pages/manifest';
-export { PageStore, EMPTY_PAGE_STORE_SNAPSHOT, countChanges } from './lib/page-store';
-export type { PageStoreSnapshot } from './lib/page-store';
-export { SettoAnimation } from './SettoAnimation';
-export type { SettoAnimationProps } from './SettoAnimation';
-export { useSectionTheme } from './use-section-theme';
-export { SettoAdminApp } from './admin/App';
-export { SettoContext } from './provider';
-export type { SettoContextValue } from './provider';
-export { AuthGate } from './edit-mode/auth-gate';
-export type { SettoConfig, BrandColor, DeploymentRow, SiteRow, ContentFile, PublishFile, PublishResult, PublishTranslation, } from './types';
-export type { SectionSchema, SectionColorField } from './section-schema';
-export { SettoBlockTree } from './block-tree/SettoBlockTree';
-export type { SettoBlockTreeProps } from './block-tree/SettoBlockTree';
-export type { BlockTree, BlockTreeVersion, BlockNode, BlockNodeType, SectionNode, BlockBoxNode, ContainerNode, ContainerTag, TextNode, TextAs, ImageNode, IconNode, RepeaterNode, FormNode, FormField, FormFieldType, VideoNode, AnimationNode, AnimationPreset, } from './block-tree/schema';
-export { validateBlockTree, parseBlockTree, type ValidationIssue, type ValidationResult, } from './block-tree/validate';
-export { extractContentKeys, type ContentKeyRequirements, } from './block-tree/extract-keys';
-export { BLOCK_REGISTRY, BLOCK_TYPES, nodeChildren } from './block-tree/registry';
-export type { BlockTypeMeta } from './block-tree/registry';
-export { SETTO_BASE, siteHomeUrl, isAdminRoute, isAdminDeploymentView, adminViewUrl, currentAdminView, isAdminPanelView, adminRedirectUrl, CHECKOUT_INTENT, checkoutIntentUrl, wantsCheckout, withoutCheckoutIntent, } from './lib/urls';
-export { SettoMark } from './edit-mode/setto-mark';
-export { FloatingPopover } from './edit-mode/floating-popover';
-export type { FieldPatch, FormFieldToolsProps, FormFieldToolsComponent, } from './modules/forms/field-tools';
-export { isLinkContext } from './lib/link-context';
-export { useCoarsePointer } from './lib/use-coarse-pointer';
-export { FAB_SIZE, FAB_INSET } from './edit-mode/constants';
-export { EMPTY_I18N_STORE_SNAPSHOT } from './lib/i18n-store';
-export type { I18nStoreSnapshot } from './lib/i18n-store';
+export { SettoLanguages } from './LanguageSwitcher.js';
+export { DEFAULT_LANGUAGE, languageName, pickInitialLanguage, siteLanguages, } from './lib/languages.js';
+export { alternateLinks, languageFromPath, pathForLanguage, redirectForVisitor, type LanguageRoute, } from './lib/language-routing.js';
+export { SettoProvider, useSetto } from './provider.js';
+export { GuestEditProvider, useGuestEdit } from './guest-edit.js';
+export { SettoChrome, useSettoChromeSlot } from './chrome.js';
+export type { SettoChromeHandshake } from './chrome.js';
+export { T } from './T.js';
+export { SettoSection } from './SettoSection.js';
+export { SettoBlock } from './SettoBlock.js';
+export { SettoIcon } from './SettoIcon.js';
+export type { SettoIconProps, SettoIconRenderProps } from './SettoIcon.js';
+export { SettoImage } from './SettoImage.js';
+export type { SettoImageProps, ImageToolsProps } from './SettoImage.js';
+export { SETTO_IMAGE_QUALITY, SETTO_IMAGE_WIDTHS, isOptimizable, optimizedSrcSet, optimizedUrl, settoVercelImagesConfig, } from './lib/optimized-image.js';
+export { SETTO_MEDIA_HOST, isSettoMediaUrl } from './lib/media.js';
+export { SettoBlog, SettoBlogSection, SettoBlogLatest, BLOG_CSS } from './blog/SettoBlog.js';
+export { postsForLanguage, postForSlug, formatPostDate } from './blog/data.js';
+export type { SettoBlogData, BlogPostData, BlogPostSummary } from './blog/data.js';
+export { SettoRepeater } from './SettoRepeater.js';
+export type { SettoRepeaterProps } from './SettoRepeater.js';
+export { SettoForm, FORM_FIELD_TYPES, FORM_FIELD_TYPE_LABELS, fieldTypeHasOptions, fieldTypeHasPlaceholder, formFieldsPrefix, isFormFieldType, readLocaleFields, settoSubmissionUrl, } from './modules/forms/index.js';
+export { SettoChat } from './modules/chat/index.js';
+export type { SettoFormProps, SettoFormClassNames, FormFieldProp, FormSettings, FormSubmissionRow, FormValue, FormValues, ResolvedFormField, SubmissionEnvelope, } from './modules/forms/index.js';
+export { SETTO_MODULES } from './modules/index.js';
+export type { SettoModule } from './modules/index.js';
+export { SettoVideo } from './SettoVideo.js';
+export type { SettoVideoProps } from './SettoVideo.js';
+export { SettoMap } from './SettoMap.js';
+export type { SettoMapProps } from './SettoMap.js';
+export type { MapLocation, MapToolsProps, MapToolsComponent } from './map-tools.js';
+export { SettoPage, SettoTextSection, usePageManifest, useSettoMenu, } from './pages/SettoPage.js';
+export type { SettoPageProps, BuiltinSectionProps } from './pages/SettoPage.js';
+export { PAGES_PATH, PAGES_MANIFEST_VERSION, BUILTIN_SECTION_TYPES, parseManifest, normalisePath, pageForPath, blogPage, blogSlugForPath, pageById, findSection, visibleMenu, applyOp, applyOps, builtinKeys, pageTitleKey, serialiseManifest, isSafeHref, ManifestError, } from './pages/manifest.js';
+export type { PagesManifest, PageEntry, PageSection, MenuItem, MenuList, ManifestOp, ManifestIssue, ManifestParse, BuiltinSectionType, } from './pages/manifest.js';
+export { PageStore, EMPTY_PAGE_STORE_SNAPSHOT, countChanges } from './lib/page-store.js';
+export type { PageStoreSnapshot } from './lib/page-store.js';
+export { SettoAnimation } from './SettoAnimation.js';
+export type { SettoAnimationProps } from './SettoAnimation.js';
+export { useSectionTheme } from './use-section-theme.js';
+export { SettoAdminApp } from './admin/App.js';
+export { SettoContext } from './provider.js';
+export type { SettoContextValue } from './provider.js';
+export { AuthGate } from './edit-mode/auth-gate.js';
+export type { SettoConfig, BrandColor, DeploymentRow, SiteRow, ContentFile, PublishFile, PublishResult, PublishTranslation, } from './types.js';
+export type { SectionSchema, SectionColorField } from './section-schema.js';
+export { SettoBlockTree } from './block-tree/SettoBlockTree.js';
+export type { SettoBlockTreeProps } from './block-tree/SettoBlockTree.js';
+export type { BlockTree, BlockTreeVersion, BlockNode, BlockNodeType, SectionNode, BlockBoxNode, ContainerNode, ContainerTag, TextNode, TextAs, ImageNode, IconNode, RepeaterNode, FormNode, FormField, FormFieldType, VideoNode, AnimationNode, AnimationPreset, } from './block-tree/schema.js';
+export { validateBlockTree, parseBlockTree, type ValidationIssue, type ValidationResult, } from './block-tree/validate.js';
+export { extractContentKeys, type ContentKeyRequirements, } from './block-tree/extract-keys.js';
+export { BLOCK_REGISTRY, BLOCK_TYPES, nodeChildren } from './block-tree/registry.js';
+export type { BlockTypeMeta } from './block-tree/registry.js';
+export { SETTO_BASE, siteHomeUrl, isAdminRoute, isAdminDeploymentView, adminViewUrl, currentAdminView, isAdminPanelView, adminRedirectUrl, CHECKOUT_INTENT, checkoutIntentUrl, wantsCheckout, withoutCheckoutIntent, } from './lib/urls.js';
+export { SettoMark } from './edit-mode/setto-mark.js';
+export { FloatingPopover } from './edit-mode/floating-popover.js';
+export type { FieldPatch, FormFieldToolsProps, FormFieldToolsComponent, } from './modules/forms/field-tools.js';
+export { isLinkContext } from './lib/link-context.js';
+export { useCoarsePointer } from './lib/use-coarse-pointer.js';
+export { FAB_SIZE, FAB_INSET } from './edit-mode/constants.js';
+export { EMPTY_I18N_STORE_SNAPSHOT } from './lib/i18n-store.js';
+export type { I18nStoreSnapshot } from './lib/i18n-store.js';

package/dist/lib/api.d.ts

@@ -1,6 +1,6 @@
 import type { SupabaseClient } from '@supabase/supabase-js';
-import type { ContentFile, PublishFile, PublishResult } from '../types';
-import type { AssetDraft } from './asset-store';
+import type { ContentFile, PublishFile, PublishResult } from '../types.js';
+import type { AssetDraft } from './asset-store.js';
 /**
  * One authenticated JSON call against setto-server. Modules build their api
  * segment on this (see `modules/forms/api.ts`) rather than on `fetch`, so

package/dist/lib/map-location.d.ts

@@ -1,5 +1,5 @@
-import type { MapLocation } from '../map-tools';
-import type { I18nStore } from './i18n-store';
+import type { MapLocation } from '../map-tools.js';
+import type { I18nStore } from './i18n-store.js';
 /**
  * Where a `SettoMap` points, and how that becomes an OpenStreetMap embed.
  *

package/dist/lib/page-store.d.ts

@@ -1,4 +1,4 @@
-import { type ManifestOp, type PagesManifest } from '../pages/manifest';
+import { type ManifestOp, type PagesManifest } from '../pages/manifest.js';
 export interface PageStoreSnapshot {
     manifest: PagesManifest | null;
     /** How many pages, sections and links differ from what is published. */

package/dist/lib/use-site-access.d.ts

@@ -1,5 +1,5 @@
 import type { Session, SupabaseClient } from '@supabase/supabase-js';
-import type { SiteRow } from '../types';
+import type { SiteRow } from '../types.js';
 export interface SiteAccessState {
     /** All sites the current user can access. `null` until loaded. */
     sites: SiteRow[] | null;

package/dist/modules/chat/index.d.ts

@@ -1,3 +1,3 @@
-import type { SettoModule } from '../module';
+import type { SettoModule } from '../module.js';
 export declare const chatModule: SettoModule;
-export { SettoChat } from './SettoChat';
+export { SettoChat } from './SettoChat.js';

package/dist/modules/domain/index.d.ts

@@ -1,4 +1,4 @@
-import type { SettoModule } from '../module';
+import type { SettoModule } from '../module.js';
 /**
  * The customer's own domain.
  *

package/dist/modules/forms/SettoForm.d.ts

@@ -1,4 +1,4 @@
-import { type FormFieldProp } from './fields';
+import { type FormFieldProp } from './fields.js';
 /**
  * A form the site owner can change and a visitor can trust.
  *

package/dist/modules/forms/api.d.ts

@@ -1,4 +1,4 @@
-import type { ApiRequest } from '../../lib/api';
+import type { ApiRequest } from '../../lib/api.js';
 /** The forms row of `site_module_settings` as the server reports it, with the defaults resolved. */
 export interface FormSettings {
     /** Addresses the owner chose; empty means "use the defaults". */

package/dist/modules/forms/field-tools.d.ts

@@ -1,5 +1,5 @@
 import type { ComponentType } from 'react';
-import type { FormFieldType, ResolvedFormField } from './fields';
+import type { FormFieldType, ResolvedFormField } from './fields.js';
 /**
  * The contract between a form on the customer's page and the editing tools
  * Setto serves for it.

package/dist/modules/forms/index.d.ts

@@ -1,12 +1,12 @@
-import type { SettoModule } from '../module';
+import type { SettoModule } from '../module.js';
 /**
  * The forms module: a form primitive the site renders, and the api segment
  * behind it. Server side lives in setto-server `src/modules/forms`, and so
  * does the inbox the customer reads submissions in.
  */
 export declare const formsModule: SettoModule;
-export { SettoForm } from './SettoForm';
-export type { SettoFormProps, SettoFormClassNames } from './SettoForm';
-export type { FormSettings, FormSubmissionRow, FormsApi } from './api';
-export { FORM_FIELD_TYPES, FORM_FIELD_TYPE_LABELS, fieldTypeHasOptions, fieldTypeHasPlaceholder, formFieldsPrefix, isFormFieldType, readLocaleFields, settoSubmissionUrl, } from './fields';
-export type { FormFieldProp, FormFieldType, FormValue, FormValues, ResolvedFormField, SubmissionEnvelope, } from './fields';
+export { SettoForm } from './SettoForm.js';
+export type { SettoFormProps, SettoFormClassNames } from './SettoForm.js';
+export type { FormSettings, FormSubmissionRow, FormsApi } from './api.js';
+export { FORM_FIELD_TYPES, FORM_FIELD_TYPE_LABELS, fieldTypeHasOptions, fieldTypeHasPlaceholder, formFieldsPrefix, isFormFieldType, readLocaleFields, settoSubmissionUrl, } from './fields.js';
+export type { FormFieldProp, FormFieldType, FormValue, FormValues, ResolvedFormField, SubmissionEnvelope, } from './fields.js';

package/dist/modules/index.d.ts

@@ -1,5 +1,5 @@
-import type { SettoModule } from './module';
-export type { SettoModule } from './module';
+import type { SettoModule } from './module.js';
+export type { SettoModule } from './module.js';
 /** Every module the dashboard shows, in tab order. Setto draws the tabs. */
 export declare const SETTO_MODULES: readonly SettoModule[];
 export declare function findModule(id: string | null): SettoModule | undefined;

package/dist/pages/SettoPage.d.ts

@@ -1,5 +1,5 @@
 import { type ComponentType, type ReactNode } from 'react';
-import { type BuiltinSectionType, type MenuItem, type MenuList, type PagesManifest } from './manifest';
+import { type BuiltinSectionType, type MenuItem, type MenuList, type PagesManifest } from './manifest.js';
 /**
  * The manifest as it stands now, drafts included, re-rendering on change.
  * `null` on a site that has none.

package/dist/pages/bundled.d.ts

@@ -1,4 +1,4 @@
-import { type PagesManifest } from './manifest';
+import { type PagesManifest } from './manifest.js';
 /**
  * The manifest the site was built with, checked once.
  *

package/dist/pages/manifest.d.ts

@@ -26,8 +26,14 @@ export declare const PAGES_PATH = "src/content/pages.json";
  * `text` is a heading, an optional intro and a list of paragraphs with
  * optional headings: enough for terms, privacy, an «about» page. It is what
  * lets Pixel add a «Vilkår» page in the chat instead of in a sandbox.
+ *
+ * `blog` is the blog (R24): the list of posts on its page, and a single post
+ * at `<page path>/<slug>` — the one page whose path has room below it. At
+ * most one per site, and never on the front page, which would swallow every
+ * address. `blog-latest` is a band of the newest posts, for the front page.
+ * Both read the posts the site's build bundles (`SettoConfig.blog`).
  */
-export declare const BUILTIN_SECTION_TYPES: readonly ["text"];
+export declare const BUILTIN_SECTION_TYPES: readonly ["text", "blog", "blog-latest"];
 export type BuiltinSectionType = (typeof BUILTIN_SECTION_TYPES)[number];
 export interface PageSection {
     /** Unique across the whole site: it is also the theme id and the anchor. */
@@ -85,6 +91,17 @@ export declare function isSafeHref(href: string): boolean;
 /** `/vilkar/` and `/vilkar` are one page; the empty path is the front page. */
 export declare function normalisePath(path: string): string;
 export declare function pageForPath(manifest: PagesManifest, path: string): PageEntry | null;
+/** The page holding the site's blog, and the section on it. */
+export declare function blogPage(manifest: PagesManifest): {
+    page: PageEntry;
+    section: PageSection;
+} | null;
+/**
+ * The post a path names: `/blogg/ny-kaffemaskin` → `ny-kaffemaskin` when the
+ * blog lives at `/blogg`. One segment below the blog page and a valid slug;
+ * anything else is not a post.
+ */
+export declare function blogSlugForPath(manifest: PagesManifest, path: string): string | null;
 export declare function pageById(manifest: PagesManifest, id: string): PageEntry | null;
 /** The page a section is on, and where. */
 export declare function findSection(manifest: PagesManifest, sectionId: string): {

package/dist/provider.d.ts

@@ -1,11 +1,11 @@
 import { type ReactNode } from 'react';
 import type { SupabaseClient, Session } from '@supabase/supabase-js';
-import { type SettoApi } from './lib/api';
-import { I18nStore } from './lib/i18n-store';
-import { AssetStore } from './lib/asset-store';
-import { ThemeStore } from './lib/theme-store';
-import { PageStore } from './lib/page-store';
-import type { SettoConfig, SiteRow } from './types';
+import { type SettoApi } from './lib/api.js';
+import { I18nStore } from './lib/i18n-store.js';
+import { AssetStore } from './lib/asset-store.js';
+import { ThemeStore } from './lib/theme-store.js';
+import { PageStore } from './lib/page-store.js';
+import type { SettoConfig, SiteRow } from './types.js';
 export interface SettoContextValue {
     config: SettoConfig;
     supabase: SupabaseClient;