@sevenfold/setto-client 0.28.1 → 0.30.0

package/dist/setto-client.js

@@ -1,4 +1,4 @@
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import * as React from "react";
 import { useState, useRef, useEffect, useMemo, useId, useInsertionEffect, Children, createContext, useContext, useCallback, useLayoutEffect, useSyncExternalStore, forwardRef, Fragment as Fragment$1 } from "react";
 import { useTranslation } from "react-i18next";
@@ -72,235 +72,6 @@ function pickInitialLanguage(available, browserLanguages = typeof navigator ===
   }
   return fallback;
 }
-function normalise(pathname) {
-  const path2 = pathname.startsWith("/") ? pathname : `/${pathname}`;
-  return path2.length > 1 && path2.endsWith("/") ? path2.slice(0, -1) : path2;
-}
-function languageFromPath(pathname, languages, primary = languages[0] ?? DEFAULT_LANGUAGE) {
-  const path2 = normalise(pathname);
-  const first = path2.split("/")[1] ?? "";
-  const match = languages.find(
-    (tag) => tag !== primary && tag.toLowerCase() === first.toLowerCase()
-  );
-  if (!match) return { language: primary, basename: "", rest: path2 };
-  const rest = path2.slice(first.length + 1);
-  return { language: match, basename: `/${match}`, rest: rest === "" ? "/" : rest };
-}
-function pathForLanguage(pathname, target, languages, primary = languages[0] ?? DEFAULT_LANGUAGE) {
-  const { rest } = languageFromPath(pathname, languages, primary);
-  if (target === primary) return rest;
-  return rest === "/" ? `/${target}` : `/${target}${rest}`;
-}
-function alternateLinks(origin, pathname, languages, primary = languages[0] ?? DEFAULT_LANGUAGE) {
-  if (languages.length < 2) return [];
-  const links = languages.map((tag) => ({
-    hreflang: tag,
-    href: origin + pathForLanguage(pathname, tag, languages, primary)
-  }));
-  links.push({
-    hreflang: "x-default",
-    href: origin + pathForLanguage(pathname, primary, languages, primary)
-  });
-  return links;
-}
-function isReservedPath(pathname) {
-  return pathname === "/setto" || pathname.startsWith("/setto/");
-}
-function redirectForVisitor(pathname, languages, browserLanguages, stored, primary = languages[0] ?? DEFAULT_LANGUAGE) {
-  if (languages.length < 2) return null;
-  if (isReservedPath(pathname)) return null;
-  const current = languageFromPath(pathname, languages, primary);
-  if (current.basename !== "") return null;
-  if (stored) {
-    return stored !== primary && languages.includes(stored) ? pathForLanguage(pathname, stored, languages, primary) : null;
-  }
-  for (const wanted of browserLanguages) {
-    const base = wanted.toLowerCase().split("-")[0];
-    if (!base) continue;
-    if (base === primary.toLowerCase().split("-")[0]) return null;
-    const norwegian2 = ["no", "nb", "nn"];
-    if (norwegian2.includes(base) && norwegian2.includes(primary.toLowerCase())) return null;
-    const hit = languages.find((tag) => tag.toLowerCase().split("-")[0] === base);
-    if (hit && hit !== primary) return pathForLanguage(pathname, hit, languages, primary);
-  }
-  return null;
-}
-const INLINE_MARKER = "data-setto-languages-inline";
-function SettoLanguages({ languages, inline = false }) {
-  const { i18n } = useTranslation();
-  const [open, setOpen] = useState(false);
-  const ref = useRef(null);
-  useEffect(() => {
-    if (!inline) return;
-    const root2 = document.documentElement;
-    const count = Number(root2.getAttribute(INLINE_MARKER) ?? "0") + 1;
-    root2.setAttribute(INLINE_MARKER, String(count));
-    return () => {
-      const left = Number(root2.getAttribute(INLINE_MARKER) ?? "1") - 1;
-      if (left > 0) root2.setAttribute(INLINE_MARKER, String(left));
-      else root2.removeAttribute(INLINE_MARKER);
-    };
-  }, [inline]);
-  useEffect(() => {
-    if (!open) return;
-    const onDown = (e) => {
-      if (!ref.current?.contains(e.target)) setOpen(false);
-    };
-    const onKey = (e) => {
-      if (e.key === "Escape") setOpen(false);
-    };
-    document.addEventListener("mousedown", onDown);
-    document.addEventListener("keydown", onKey);
-    return () => {
-      document.removeEventListener("mousedown", onDown);
-      document.removeEventListener("keydown", onKey);
-    };
-  }, [open]);
-  if (languages.length < 2) return null;
-  const current = i18n.language;
-  const choose = (tag) => {
-    setOpen(false);
-    if (tag === current) return;
-    storeLanguage(tag);
-    const target = pathForLanguage(window.location.pathname, tag, languages);
-    window.location.assign(target + window.location.search + window.location.hash);
-  };
-  return /* @__PURE__ */ jsxs("div", { ref, style: inline ? inlineWrapStyle : floatingWrapStyle, children: [
-    /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        onClick: () => setOpen((o) => !o),
-        "aria-expanded": open,
-        "aria-haspopup": "listbox",
-        "aria-label": `Språk: ${languageName(current)}`,
-        style: inline ? inlineTriggerStyle : floatingTriggerStyle,
-        children: [
-          /* @__PURE__ */ jsx(GlobeIcon, {}),
-          languageName(current)
-        ]
-      }
-    ),
-    open ? /* @__PURE__ */ jsx("ul", { role: "listbox", style: inline ? inlineListStyle : floatingListStyle, children: languages.map((tag) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        role: "option",
-        "aria-selected": tag === current,
-        onClick: () => choose(tag),
-        style: {
-          ...optionStyle,
-          fontWeight: tag === current ? 600 : 400
-        },
-        children: languageName(tag)
-      }
-    ) }, tag)) }) : null
-  ] });
-}
-function AutoLanguageSwitcher({ languages }) {
-  const [inlineElsewhere, setInlineElsewhere] = useState(false);
-  useEffect(() => {
-    const check = () => setInlineElsewhere(document.documentElement.hasAttribute(INLINE_MARKER));
-    check();
-    const observer = new MutationObserver(check);
-    observer.observe(document.documentElement, {
-      attributes: true,
-      attributeFilter: [INLINE_MARKER]
-    });
-    return () => observer.disconnect();
-  }, []);
-  if (inlineElsewhere || languages.length < 2) return null;
-  return /* @__PURE__ */ jsx(SettoLanguages, { languages });
-}
-function GlobeIcon() {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      width: "15",
-      height: "15",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "1.8",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      "aria-hidden": "true",
-      children: [
-        /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "9" }),
-        /* @__PURE__ */ jsx("path", { d: "M3 12h18M12 3c2.4 2.6 3.6 5.6 3.6 9s-1.2 6.4-3.6 9c-2.4-2.6-3.6-5.6-3.6-9S9.6 5.6 12 3z" })
-      ]
-    }
-  );
-}
-const floatingWrapStyle = {
-  position: "fixed",
-  left: "max(16px, env(safe-area-inset-left))",
-  bottom: "max(16px, env(safe-area-inset-bottom))",
-  zIndex: 2147482e3,
-  fontFamily: 'system-ui, -apple-system, "Segoe UI", sans-serif'
-};
-const inlineWrapStyle = {
-  position: "relative",
-  display: "inline-block",
-  fontFamily: "inherit"
-};
-const triggerBase = {
-  display: "inline-flex",
-  alignItems: "center",
-  gap: 7,
-  minHeight: 40,
-  fontSize: 13.5,
-  fontWeight: 500,
-  lineHeight: 1,
-  cursor: "pointer"
-};
-const floatingTriggerStyle = {
-  ...triggerBase,
-  padding: "8px 14px",
-  borderRadius: 999,
-  border: "1px solid rgba(127, 127, 127, 0.32)",
-  background: "rgba(255, 255, 255, 0.82)",
-  backdropFilter: "blur(8px)",
-  WebkitBackdropFilter: "blur(8px)",
-  color: "#1a1a1a",
-  boxShadow: "0 4px 14px rgba(0, 0, 0, 0.12)"
-};
-const inlineTriggerStyle = {
-  ...triggerBase,
-  padding: "8px 6px",
-  border: 0,
-  borderRadius: 8,
-  background: "transparent",
-  color: "inherit",
-  opacity: 0.75
-};
-const listBase = {
-  position: "absolute",
-  margin: 0,
-  padding: 4,
-  listStyle: "none",
-  minWidth: 150,
-  borderRadius: 12,
-  border: "1px solid rgba(127, 127, 127, 0.24)",
-  background: "#ffffff",
-  boxShadow: "0 12px 32px rgba(0, 0, 0, 0.18)",
-  zIndex: 1
-};
-const floatingListStyle = { ...listBase, left: 0, bottom: "calc(100% + 8px)" };
-const inlineListStyle = { ...listBase, left: 0, top: "calc(100% + 8px)" };
-const optionStyle = {
-  display: "block",
-  width: "100%",
-  minHeight: 40,
-  padding: "9px 12px",
-  border: 0,
-  borderRadius: 8,
-  background: "transparent",
-  color: "#1a1a1a",
-  fontSize: 13.5,
-  textAlign: "left",
-  cursor: "pointer"
-};
 function __rest(s, e) {
   var t = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -20993,10 +20764,10 @@ function shouldShowDeprecationWarning() {
   return parseInt(versionMatch[1], 10) <= 18;
 }
 if (shouldShowDeprecationWarning()) console.warn("⚠️  Node.js 18 and below are deprecated and will no longer be supported in future versions of @supabase/supabase-js. Please upgrade to Node.js 20 or later. For more information, visit: https://github.com/orgs/supabase/discussions/37217");
-const cache = /* @__PURE__ */ new WeakMap();
+const cache$1 = /* @__PURE__ */ new WeakMap();
 function getSupabase(config) {
   const key = { url: config.url, anonKey: config.anonKey };
-  const hit = cache.get(key);
+  const hit = cache$1.get(key);
   if (hit) return hit;
   const client = createClient(config.url, config.anonKey, {
     auth: {
@@ -21005,7 +20776,7 @@ function getSupabase(config) {
       storageKey: `setto-auth-${config.url}`
     }
   });
-  cache.set(key, client);
+  cache$1.set(key, client);
   return client;
 }
 function createFormsApi(request) {
@@ -21473,6 +21244,59 @@ class I18nStore {
     for (const fn of this.listeners) fn(this.cachedSnapshot);
   }
 }
+function normalise(pathname) {
+  const path2 = pathname.startsWith("/") ? pathname : `/${pathname}`;
+  return path2.length > 1 && path2.endsWith("/") ? path2.slice(0, -1) : path2;
+}
+function languageFromPath(pathname, languages, primary = languages[0] ?? DEFAULT_LANGUAGE) {
+  const path2 = normalise(pathname);
+  const first = path2.split("/")[1] ?? "";
+  const match = languages.find(
+    (tag) => tag !== primary && tag.toLowerCase() === first.toLowerCase()
+  );
+  if (!match) return { language: primary, basename: "", rest: path2 };
+  const rest = path2.slice(first.length + 1);
+  return { language: match, basename: `/${match}`, rest: rest === "" ? "/" : rest };
+}
+function pathForLanguage(pathname, target, languages, primary = languages[0] ?? DEFAULT_LANGUAGE) {
+  const { rest } = languageFromPath(pathname, languages, primary);
+  if (target === primary) return rest;
+  return rest === "/" ? `/${target}` : `/${target}${rest}`;
+}
+function alternateLinks(origin, pathname, languages, primary = languages[0] ?? DEFAULT_LANGUAGE) {
+  if (languages.length < 2) return [];
+  const links = languages.map((tag) => ({
+    hreflang: tag,
+    href: origin + pathForLanguage(pathname, tag, languages, primary)
+  }));
+  links.push({
+    hreflang: "x-default",
+    href: origin + pathForLanguage(pathname, primary, languages, primary)
+  });
+  return links;
+}
+function isReservedPath(pathname) {
+  return pathname === "/setto" || pathname.startsWith("/setto/");
+}
+function redirectForVisitor(pathname, languages, browserLanguages, stored, primary = languages[0] ?? DEFAULT_LANGUAGE) {
+  if (languages.length < 2) return null;
+  if (isReservedPath(pathname)) return null;
+  const current = languageFromPath(pathname, languages, primary);
+  if (current.basename !== "") return null;
+  if (stored) {
+    return stored !== primary && languages.includes(stored) ? pathForLanguage(pathname, stored, languages, primary) : null;
+  }
+  for (const wanted of browserLanguages) {
+    const base = wanted.toLowerCase().split("-")[0];
+    if (!base) continue;
+    if (base === primary.toLowerCase().split("-")[0]) return null;
+    const norwegian2 = ["no", "nb", "nn"];
+    if (norwegian2.includes(base) && norwegian2.includes(primary.toLowerCase())) return null;
+    const hit = languages.find((tag) => tag.toLowerCase().split("-")[0] === base);
+    if (hit && hit !== primary) return pathForLanguage(pathname, hit, languages, primary);
+  }
+  return null;
+}
 const SETTO_IMAGE_REPO_DIR = "public/images/setto";
 const SETTO_IMAGE_URL_PREFIX = "/images/setto";
 const MIME_EXT = {
@@ -21635,6 +21459,452 @@ class ThemeStore {
     for (const fn of this.listeners) fn(this.cachedSnapshot);
   }
 }
+const PAGES_MANIFEST_VERSION = 1;
+const PAGES_PATH = "src/content/pages.json";
+const BUILTIN_SECTION_TYPES = ["text"];
+const ID = /^[a-z0-9][a-z0-9-]{0,62}$/;
+const PATH = /^\/(?:[a-z0-9][a-z0-9-]*(?:\/[a-z0-9][a-z0-9-]*)*)?$/;
+function isRecord$1(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function parseManifest(input) {
+  const issues = [];
+  if (!isRecord$1(input)) return { ok: false, issues: [{ at: "$", message: "not an object" }] };
+  if (input.version !== PAGES_MANIFEST_VERSION) {
+    issues.push({ at: "version", message: `expected ${PAGES_MANIFEST_VERSION}` });
+  }
+  const pages = [];
+  const pageIds = /* @__PURE__ */ new Set();
+  const paths = /* @__PURE__ */ new Set();
+  const sectionIds = /* @__PURE__ */ new Set();
+  const rawPages = Array.isArray(input.pages) ? input.pages : null;
+  if (!rawPages) issues.push({ at: "pages", message: "must be a list" });
+  (rawPages ?? []).forEach((raw, i) => {
+    const at = `pages[${i}]`;
+    if (!isRecord$1(raw)) {
+      issues.push({ at, message: "not an object" });
+      return;
+    }
+    const id = String(raw.id ?? "");
+    const path2 = String(raw.path ?? "");
+    const titleKey = String(raw.titleKey ?? "");
+    if (!ID.test(id)) issues.push({ at: `${at}.id`, message: `invalid id "${id}"` });
+    else if (pageIds.has(id)) issues.push({ at: `${at}.id`, message: `duplicate page "${id}"` });
+    pageIds.add(id);
+    if (!PATH.test(path2)) issues.push({ at: `${at}.path`, message: `invalid path "${path2}"` });
+    else if (path2 === "/setto" || path2.startsWith("/setto/")) {
+      issues.push({ at: `${at}.path`, message: "/setto belongs to the editor" });
+    } else if (paths.has(path2)) issues.push({ at: `${at}.path`, message: `duplicate path "${path2}"` });
+    paths.add(path2);
+    if (!titleKey) issues.push({ at: `${at}.titleKey`, message: "required" });
+    const sections = [];
+    const rawSections = Array.isArray(raw.sections) ? raw.sections : null;
+    if (!rawSections) issues.push({ at: `${at}.sections`, message: "must be a list" });
+    (rawSections ?? []).forEach((s, j) => {
+      const sat = `${at}.sections[${j}]`;
+      if (!isRecord$1(s)) {
+        issues.push({ at: sat, message: "not an object" });
+        return;
+      }
+      const sid = String(s.id ?? "");
+      if (!ID.test(sid)) issues.push({ at: `${sat}.id`, message: `invalid id "${sid}"` });
+      else if (sectionIds.has(sid)) issues.push({ at: `${sat}.id`, message: `duplicate section "${sid}"` });
+      sectionIds.add(sid);
+      const type = s.type;
+      if (type !== void 0 && !BUILTIN_SECTION_TYPES.includes(type)) {
+        issues.push({ at: `${sat}.type`, message: `unknown section type "${String(type)}"` });
+      }
+      sections.push({
+        id: sid,
+        ...type !== void 0 ? { type } : {},
+        ...s.hidden === true ? { hidden: true } : {},
+        ...typeof s.label === "string" && s.label.trim() ? { label: s.label.trim() } : {}
+      });
+    });
+    pages.push({
+      id,
+      path: path2,
+      titleKey,
+      ...raw.hidden === true ? { hidden: true } : {},
+      sections
+    });
+  });
+  const menu = parseMenu(input.menu, "menu", issues);
+  const footer2 = parseMenu(input.footer, "footer", issues);
+  if (issues.length > 0) return { ok: false, issues };
+  return { ok: true, manifest: { version: PAGES_MANIFEST_VERSION, pages, menu, footer: footer2 } };
+}
+function parseMenu(raw, at, issues) {
+  if (raw === void 0) return [];
+  if (!Array.isArray(raw)) {
+    issues.push({ at, message: "must be a list" });
+    return [];
+  }
+  const ids = /* @__PURE__ */ new Set();
+  const items = [];
+  raw.forEach((item, i) => {
+    const iat = `${at}[${i}]`;
+    if (!isRecord$1(item)) {
+      issues.push({ at: iat, message: "not an object" });
+      return;
+    }
+    const id = String(item.id ?? "");
+    const href = String(item.href ?? "");
+    const labelKey = String(item.labelKey ?? "");
+    if (!ID.test(id)) issues.push({ at: `${iat}.id`, message: `invalid id "${id}"` });
+    else if (ids.has(id)) issues.push({ at: `${iat}.id`, message: `duplicate item "${id}"` });
+    ids.add(id);
+    if (!isSafeHref(href)) issues.push({ at: `${iat}.href`, message: `invalid link "${href}"` });
+    if (!labelKey) issues.push({ at: `${iat}.labelKey`, message: "required" });
+    items.push({ id, href, labelKey, ...item.hidden === true ? { hidden: true } : {} });
+  });
+  return items;
+}
+function isSafeHref(href) {
+  if (!href) return false;
+  if (href.startsWith("/") && !href.startsWith("//")) return true;
+  if (href.startsWith("#")) return true;
+  return /^(https?:\/\/|mailto:|tel:)/i.test(href);
+}
+function normalisePath(path2) {
+  const bare = (path2.split(/[?#]/)[0] ?? "").replace(/\/+$/, "");
+  return bare === "" ? "/" : bare.toLowerCase();
+}
+function pageForPath(manifest, path2) {
+  const wanted = normalisePath(path2);
+  return manifest.pages.find((p) => p.path === wanted) ?? null;
+}
+function pageById(manifest, id) {
+  return manifest.pages.find((p) => p.id === id) ?? null;
+}
+function findSection(manifest, sectionId) {
+  for (const page of manifest.pages) {
+    const index2 = page.sections.findIndex((s) => s.id === sectionId);
+    if (index2 >= 0) return { page, index: index2, section: page.sections[index2] };
+  }
+  return null;
+}
+function visibleMenu(manifest, list2) {
+  return manifest[list2].filter((item) => !item.hidden && !leadsNowhere(manifest, item.href));
+}
+function leadsNowhere(manifest, href) {
+  if (!href.startsWith("/") && !href.startsWith("#")) return false;
+  const [pathPart, fragment] = href.split("#");
+  const page = pageForPath(manifest, pathPart || "/");
+  if (pathPart && !page) return false;
+  if (page?.hidden) return true;
+  if (!fragment) return false;
+  const target = findSection(manifest, fragment);
+  return target ? Boolean(target.section.hidden || target.page.hidden) : false;
+}
+class ManifestError extends Error {
+  constructor(code2, message) {
+    super(message);
+    this.code = code2;
+    this.name = "ManifestError";
+  }
+  code;
+}
+function clone(manifest) {
+  return JSON.parse(JSON.stringify(manifest));
+}
+function mustPage(manifest, pageId) {
+  const page = pageById(manifest, pageId);
+  if (!page) throw new ManifestError("page_not_found", `no page "${pageId}"`);
+  return page;
+}
+function moveSection(manifest, sectionId, delta) {
+  const next = clone(manifest);
+  const found = findSection(next, sectionId);
+  if (!found) throw new ManifestError("section_not_found", `no section "${sectionId}"`);
+  const { page, index: index2 } = found;
+  let target = index2 + delta;
+  while (target >= 0 && target < page.sections.length && page.sections[target].hidden) target += delta;
+  if (target < 0 || target >= page.sections.length) return manifest;
+  const [moved] = page.sections.splice(index2, 1);
+  page.sections.splice(target, 0, moved);
+  return next;
+}
+function placeSection(manifest, sectionId, index2) {
+  const next = clone(manifest);
+  const found = findSection(next, sectionId);
+  if (!found) throw new ManifestError("section_not_found", `no section "${sectionId}"`);
+  const [moved] = found.page.sections.splice(found.index, 1);
+  const at = Math.max(0, Math.min(index2, found.page.sections.length));
+  found.page.sections.splice(at, 0, moved);
+  return next;
+}
+function setSectionHidden(manifest, sectionId, hidden) {
+  const next = clone(manifest);
+  const found = findSection(next, sectionId);
+  if (!found) throw new ManifestError("section_not_found", `no section "${sectionId}"`);
+  if (hidden) found.section.hidden = true;
+  else delete found.section.hidden;
+  return next;
+}
+function addSection(manifest, pageId, section, index2) {
+  if (!ID.test(section.id)) throw new ManifestError("invalid", `invalid section id "${section.id}"`);
+  if (findSection(manifest, section.id)) {
+    throw new ManifestError("duplicate_id", `section "${section.id}" already exists`);
+  }
+  const next = clone(manifest);
+  const page = mustPage(next, pageId);
+  const at = index2 === void 0 ? page.sections.length : Math.max(0, Math.min(index2, page.sections.length));
+  page.sections.splice(at, 0, { ...section });
+  return next;
+}
+function addPage(manifest, page) {
+  const path2 = normalisePath(page.path);
+  if (!ID.test(page.id) || !PATH.test(path2) || path2 === "/setto" || path2.startsWith("/setto/")) {
+    throw new ManifestError("invalid", `invalid page "${page.id}" at "${page.path}"`);
+  }
+  if (pageById(manifest, page.id)) throw new ManifestError("duplicate_id", `page "${page.id}" already exists`);
+  if (pageForPath(manifest, path2)) throw new ManifestError("duplicate_path", `a page already lives at ${path2}`);
+  let next = clone(manifest);
+  next.pages.push({ id: page.id, path: path2, titleKey: page.titleKey, sections: [] });
+  for (const section of page.sections) next = addSection(next, page.id, section);
+  return next;
+}
+function setPageHidden(manifest, pageId, hidden) {
+  const next = clone(manifest);
+  const page = mustPage(next, pageId);
+  if (page.path === "/" && hidden) throw new ManifestError("invalid", "the front page cannot be hidden");
+  if (hidden) page.hidden = true;
+  else delete page.hidden;
+  return next;
+}
+function upsertMenuItem(manifest, list2, item, index2) {
+  if (!ID.test(item.id) || !isSafeHref(item.href) || !item.labelKey) {
+    throw new ManifestError("invalid", `invalid link "${item.id}"`);
+  }
+  const next = clone(manifest);
+  const items = next[list2];
+  const existing = items.findIndex((i) => i.id === item.id);
+  const clean = { id: item.id, href: item.href, labelKey: item.labelKey };
+  if (item.hidden) clean.hidden = true;
+  if (existing >= 0) items[existing] = clean;
+  else items.splice(index2 === void 0 ? items.length : Math.max(0, Math.min(index2, items.length)), 0, clean);
+  return next;
+}
+function moveMenuItem(manifest, list2, itemId, delta) {
+  const next = clone(manifest);
+  const items = next[list2];
+  const index2 = items.findIndex((i) => i.id === itemId);
+  if (index2 < 0) throw new ManifestError("item_not_found", `no link "${itemId}" in ${list2}`);
+  const target = index2 + delta;
+  if (target < 0 || target >= items.length) return manifest;
+  const [moved] = items.splice(index2, 1);
+  items.splice(target, 0, moved);
+  return next;
+}
+function setMenuItemHidden(manifest, list2, itemId, hidden) {
+  const next = clone(manifest);
+  const item = next[list2].find((i) => i.id === itemId);
+  if (!item) throw new ManifestError("item_not_found", `no link "${itemId}" in ${list2}`);
+  if (hidden) item.hidden = true;
+  else delete item.hidden;
+  return next;
+}
+function applyOp(manifest, op) {
+  switch (op.op) {
+    case "move_section":
+      return moveSection(manifest, op.sectionId, op.delta);
+    case "place_section":
+      return placeSection(manifest, op.sectionId, op.index);
+    case "hide_section":
+      return setSectionHidden(manifest, op.sectionId, true);
+    case "show_section":
+      return setSectionHidden(manifest, op.sectionId, false);
+    case "add_section":
+      return addSection(manifest, op.pageId, op.section, op.index);
+    case "add_page":
+      return addPage(manifest, op.page);
+    case "hide_page":
+      return setPageHidden(manifest, op.pageId, true);
+    case "show_page":
+      return setPageHidden(manifest, op.pageId, false);
+    case "upsert_link":
+      return upsertMenuItem(manifest, op.list, op.item, op.index);
+    case "move_link":
+      return moveMenuItem(manifest, op.list, op.itemId, op.delta);
+    case "hide_link":
+      return setMenuItemHidden(manifest, op.list, op.itemId, true);
+    case "show_link":
+      return setMenuItemHidden(manifest, op.list, op.itemId, false);
+  }
+}
+function applyOps(manifest, ops) {
+  let next = manifest;
+  for (let i = 0; i < ops.length; i++) {
+    try {
+      next = applyOp(next, ops[i]);
+    } catch (err) {
+      return { ok: false, error: err instanceof Error ? err.message : String(err), at: i };
+    }
+  }
+  return { ok: true, manifest: next };
+}
+function builtinKeys(sectionId) {
+  const base = `sections.${sectionId}`;
+  return {
+    heading: `${base}.heading`,
+    intro: `${base}.intro`,
+    items: `${base}.items`,
+    itemHeading: (itemKey) => `${base}.items.${itemKey}.heading`,
+    itemText: (itemKey) => `${base}.items.${itemKey}.text`
+  };
+}
+function pageTitleKey(pageId) {
+  return `pages.${pageId}.title`;
+}
+function serialiseManifest(manifest) {
+  return JSON.stringify(manifest, null, 2) + "\n";
+}
+const EMPTY_PAGE_STORE_SNAPSHOT = {
+  manifest: null,
+  changes: 0,
+  version: 0
+};
+class PageStore {
+  data;
+  baseline;
+  version = 0;
+  listeners = /* @__PURE__ */ new Set();
+  cached;
+  constructor(initial) {
+    this.data = initial ? structuredClone(initial) : null;
+    this.baseline = initial ? structuredClone(initial) : null;
+    this.cached = { manifest: this.data, changes: 0, version: 0 };
+  }
+  snapshot() {
+    return this.cached;
+  }
+  subscribe(listener) {
+    this.listeners.add(listener);
+    return () => this.listeners.delete(listener);
+  }
+  get manifest() {
+    return this.data;
+  }
+  /** True once the site has a manifest to edit. */
+  has() {
+    return this.data !== null;
+  }
+  /**
+   * Apply changes as drafts. All of them or none: a list that fails halfway
+   * leaves the page exactly as it was and says which one failed.
+   */
+  apply(ops) {
+    if (!this.data) return { ok: false, error: "this site has no page manifest", at: 0 };
+    const result = applyOps(this.data, ops);
+    if (!result.ok) return result;
+    this.data = result.manifest;
+    this.bump();
+    return { ok: true };
+  }
+  /**
+   * Put the draft back to an earlier manifest, keeping the baseline.
+   *
+   * What «Angre» on one of Pixel's changes does: the panel remembers the
+   * manifest from before the change and hands it back here. Checked like
+   * anything else, because it has been through a round trip it did not have
+   * to survive.
+   */
+  restore(manifest) {
+    const parsed = parseManifest(manifest);
+    if (!parsed.ok) return { ok: false, error: parsed.issues[0]?.message ?? "invalid manifest" };
+    this.data = parsed.manifest;
+    this.bump();
+    return { ok: true };
+  }
+  /**
+   * Replace the baseline with what the repository holds, dropping drafts.
+   *
+   * Checked first: the file in the repository can be newer than this bundle,
+   * or hand-edited, and a baseline this store cannot render must not replace
+   * the one it can. Returns whether it was taken.
+   */
+  loadBaseline(next) {
+    const parsed = parseManifest(next);
+    if (!parsed.ok) {
+      console.warn("[setto] pages.json from the repository is not valid and was ignored", parsed.issues);
+      return false;
+    }
+    this.data = parsed.manifest;
+    this.baseline = structuredClone(parsed.manifest);
+    this.bump();
+    return true;
+  }
+  revertAll() {
+    this.data = this.baseline ? structuredClone(this.baseline) : null;
+    this.bump();
+  }
+  commit() {
+    this.baseline = this.data ? structuredClone(this.data) : null;
+    this.bump();
+  }
+  /** Number of changes, for the toolbar's count. Zero means nothing to publish. */
+  size() {
+    return this.cached.changes;
+  }
+  serialise() {
+    return this.data ? serialiseManifest(this.data) : null;
+  }
+  bump() {
+    this.version += 1;
+    this.cached = {
+      manifest: this.data,
+      changes: countChanges(this.baseline, this.data),
+      version: this.version
+    };
+    for (const fn of this.listeners) fn(this.cached);
+  }
+}
+function countChanges(before, after) {
+  if (!before || !after) return before === after ? 0 : 1;
+  let changes = 0;
+  const same = (a, b) => JSON.stringify(a) === JSON.stringify(b);
+  const beforePages = new Map(before.pages.map((p) => [p.id, p]));
+  for (const page of after.pages) {
+    const was = beforePages.get(page.id);
+    if (!was) {
+      changes += 1;
+      continue;
+    }
+    if (was.path !== page.path || was.titleKey !== page.titleKey || Boolean(was.hidden) !== Boolean(page.hidden)) {
+      changes += 1;
+    }
+    const wasSections = new Map(was.sections.map((s, i) => [s.id, { s, i }]));
+    page.sections.forEach((s, i) => {
+      const prior = wasSections.get(s.id);
+      if (!prior || prior.i !== i || !same(prior.s, s)) changes += 1;
+    });
+    if (was.sections.length > page.sections.length) changes += was.sections.length - page.sections.length;
+  }
+  if (before.pages.length > after.pages.length) changes += before.pages.length - after.pages.length;
+  for (const list2 of ["menu", "footer"]) {
+    const wasItems = new Map(before[list2].map((item, i) => [item.id, { item, i }]));
+    after[list2].forEach((item, i) => {
+      const prior = wasItems.get(item.id);
+      if (!prior || prior.i !== i || !same(prior.item, item)) changes += 1;
+    });
+    if (before[list2].length > after[list2].length) changes += before[list2].length - after[list2].length;
+  }
+  return changes;
+}
+const cache = /* @__PURE__ */ new WeakMap();
+function bundledManifest(raw) {
+  if (!raw || typeof raw !== "object") return null;
+  const hit = cache.get(raw);
+  if (hit !== void 0) return hit;
+  const parsed = parseManifest(raw);
+  if (!parsed.ok) {
+    console.warn("[setto] pages.json is not valid and was ignored", parsed.issues);
+  }
+  const manifest = parsed.ok ? parsed.manifest : null;
+  cache.set(raw, manifest);
+  return manifest;
+}
 const EMPTY$1 = {
   sites: null,
   currentSite: null,
@@ -30074,7 +30344,7 @@ function requireExtend() {
     return obj[name2];
   };
   extend$1 = function extend2() {
-    var options, name2, src, copy, copyIsArray, clone;
+    var options, name2, src, copy, copyIsArray, clone2;
     var target = arguments[0];
     var i = 1;
     var length = arguments.length;
@@ -30097,11 +30367,11 @@ function requireExtend() {
             if (deep && copy && (isPlainObject2(copy) || (copyIsArray = isArray(copy)))) {
               if (copyIsArray) {
                 copyIsArray = false;
-                clone = src && isArray(src) ? src : [];
+                clone2 = src && isArray(src) ? src : [];
               } else {
-                clone = src && isPlainObject2(src) ? src : {};
+                clone2 = src && isPlainObject2(src) ? src : {};
               }
-              setProperty(target, { name: name2, newValue: extend2(deep, clone, copy) });
+              setProperty(target, { name: name2, newValue: extend2(deep, clone2, copy) });
             } else if (typeof copy !== "undefined") {
               setProperty(target, { name: name2, newValue: copy });
             }
@@ -36317,14 +36587,16 @@ function SettoProvider({ config, children }) {
   const storeRef = useRef(null);
   const themeStoreRef = useRef(null);
   const assetStoreRef = useRef(null);
+  const pageStoreRef = useRef(null);
   const [storeReady, setStoreReady] = useState(false);
   useEffect(() => {
     if (!i18n) return;
     storeRef.current = new I18nStore(i18n);
     themeStoreRef.current = new ThemeStore(config.theme ?? {});
     assetStoreRef.current = new AssetStore();
+    pageStoreRef.current = new PageStore(bundledManifest(config.pages));
     setStoreReady(true);
-  }, [i18n, config.theme]);
+  }, [i18n, config.theme, config.pages]);
   const editMode = !!session && access.currentSite?.status === "live" && !onAdminRoute && !authLoading && !access.loading;
   const [selectedSectionId, setSelectedSectionId] = useState(null);
   const selectSection = useCallback((id) => setSelectedSectionId(id), []);
@@ -36348,6 +36620,7 @@ function SettoProvider({ config, children }) {
     store: storeReady ? storeRef.current : null,
     themeStore: storeReady ? themeStoreRef.current : null,
     assetStore: storeReady ? assetStoreRef.current : null,
+    pageStore: storeReady ? pageStoreRef.current : null,
     selectedSectionId,
     selectSection,
     guestEdit,
@@ -36368,6 +36641,219 @@ function useSetto() {
   }
   return ctx;
 }
+const INLINE_MARKER = "data-setto-languages-inline";
+function SettoLanguages({ languages: given, inline = false }) {
+  const { i18n } = useTranslation();
+  const setto = useContext(SettoContext);
+  const configured = setto?.config.languages;
+  const languages = given ?? siteLanguages(configured, configured?.[0]);
+  const [open, setOpen] = useState(false);
+  const [hover, setHover] = useState(false);
+  const [surface, setSurface] = useState(null);
+  const ref = useRef(null);
+  useEffect(() => {
+    if (!inline) return;
+    const root2 = document.documentElement;
+    const count = Number(root2.getAttribute(INLINE_MARKER) ?? "0") + 1;
+    root2.setAttribute(INLINE_MARKER, String(count));
+    return () => {
+      const left = Number(root2.getAttribute(INLINE_MARKER) ?? "1") - 1;
+      if (left > 0) root2.setAttribute(INLINE_MARKER, String(left));
+      else root2.removeAttribute(INLINE_MARKER);
+    };
+  }, [inline]);
+  useEffect(() => {
+    if (!open) return;
+    const onDown = (e) => {
+      if (!ref.current?.contains(e.target)) setOpen(false);
+    };
+    const onKey = (e) => {
+      if (e.key === "Escape") setOpen(false);
+    };
+    document.addEventListener("mousedown", onDown);
+    document.addEventListener("keydown", onKey);
+    return () => {
+      document.removeEventListener("mousedown", onDown);
+      document.removeEventListener("keydown", onKey);
+    };
+  }, [open]);
+  if (languages.length < 2) return null;
+  const current = i18n.language;
+  const toggle = () => {
+    if (!open && inline && ref.current) setSurface(surroundings(ref.current));
+    setOpen((o) => !o);
+  };
+  const choose = (tag) => {
+    setOpen(false);
+    if (tag === current) return;
+    storeLanguage(tag);
+    const target = pathForLanguage(window.location.pathname, tag, languages);
+    window.location.assign(target + window.location.search + window.location.hash);
+  };
+  return /* @__PURE__ */ jsxs("div", { ref, style: inline ? inlineWrapStyle : floatingWrapStyle, children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: toggle,
+        onMouseEnter: () => setHover(true),
+        onMouseLeave: () => setHover(false),
+        "aria-expanded": open,
+        "aria-haspopup": "listbox",
+        "aria-label": `Språk: ${languageName(current)}`,
+        title: inline ? languageName(current) : void 0,
+        style: inline ? { ...inlineTriggerStyle, opacity: hover || open ? 1 : inlineTriggerStyle.opacity } : floatingTriggerStyle,
+        children: [
+          /* @__PURE__ */ jsx(GlobeIcon, {}),
+          inline ? shortCode(current) : languageName(current)
+        ]
+      }
+    ),
+    open ? /* @__PURE__ */ jsx(
+      "ul",
+      {
+        role: "listbox",
+        style: inline ? { ...inlineListStyle, ...surface ? { background: surface.background, color: surface.color } : {} } : floatingListStyle,
+        children: languages.map((tag) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            role: "option",
+            "aria-selected": tag === current,
+            onClick: () => choose(tag),
+            style: {
+              ...optionStyle,
+              ...inline ? { color: "inherit" } : {},
+              fontWeight: tag === current ? 600 : 400
+            },
+            children: languageName(tag)
+          }
+        ) }, tag))
+      }
+    ) : null
+  ] });
+}
+function AutoLanguageSwitcher({ languages }) {
+  const [inlineElsewhere, setInlineElsewhere] = useState(false);
+  useEffect(() => {
+    const check = () => setInlineElsewhere(document.documentElement.hasAttribute(INLINE_MARKER));
+    check();
+    const observer = new MutationObserver(check);
+    observer.observe(document.documentElement, {
+      attributes: true,
+      attributeFilter: [INLINE_MARKER]
+    });
+    return () => observer.disconnect();
+  }, []);
+  if (inlineElsewhere || languages.length < 2) return null;
+  return /* @__PURE__ */ jsx(SettoLanguages, { languages });
+}
+function shortCode(tag) {
+  return tag.toUpperCase();
+}
+function surroundings(el) {
+  const color2 = getComputedStyle(el).color;
+  for (let node2 = el; node2; node2 = node2.parentElement) {
+    const background = getComputedStyle(node2).backgroundColor;
+    if (background && !/^(transparent|rgba\(.*,\s*0\))$/.test(background)) return { background, color: color2 };
+  }
+  return { background: "#ffffff", color: "#1a1a1a" };
+}
+function GlobeIcon() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "15",
+      height: "15",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "1.8",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "9" }),
+        /* @__PURE__ */ jsx("path", { d: "M3 12h18M12 3c2.4 2.6 3.6 5.6 3.6 9s-1.2 6.4-3.6 9c-2.4-2.6-3.6-5.6-3.6-9S9.6 5.6 12 3z" })
+      ]
+    }
+  );
+}
+const floatingWrapStyle = {
+  position: "fixed",
+  left: "max(16px, env(safe-area-inset-left))",
+  bottom: "max(16px, env(safe-area-inset-bottom))",
+  zIndex: 2147482e3,
+  fontFamily: 'system-ui, -apple-system, "Segoe UI", sans-serif'
+};
+const inlineWrapStyle = {
+  position: "relative",
+  display: "inline-block",
+  fontFamily: "inherit"
+};
+const triggerBase = {
+  display: "inline-flex",
+  alignItems: "center",
+  gap: 7,
+  minHeight: 40,
+  fontSize: 13.5,
+  fontWeight: 500,
+  lineHeight: 1,
+  cursor: "pointer"
+};
+const floatingTriggerStyle = {
+  ...triggerBase,
+  padding: "8px 14px",
+  borderRadius: 999,
+  border: "1px solid rgba(127, 127, 127, 0.32)",
+  background: "rgba(255, 255, 255, 0.82)",
+  backdropFilter: "blur(8px)",
+  WebkitBackdropFilter: "blur(8px)",
+  color: "#1a1a1a",
+  boxShadow: "0 4px 14px rgba(0, 0, 0, 0.12)"
+};
+const inlineTriggerStyle = {
+  ...triggerBase,
+  gap: 5,
+  minHeight: 36,
+  padding: "6px 6px",
+  border: 0,
+  borderRadius: 8,
+  background: "transparent",
+  color: "inherit",
+  fontSize: 12,
+  fontWeight: 500,
+  letterSpacing: "0.06em",
+  opacity: 0.7,
+  transition: "opacity 160ms ease"
+};
+const listBase = {
+  position: "absolute",
+  margin: 0,
+  padding: 4,
+  listStyle: "none",
+  minWidth: 150,
+  borderRadius: 12,
+  border: "1px solid rgba(127, 127, 127, 0.24)",
+  background: "#ffffff",
+  boxShadow: "0 12px 32px rgba(0, 0, 0, 0.18)",
+  zIndex: 1
+};
+const floatingListStyle = { ...listBase, left: 0, bottom: "calc(100% + 8px)" };
+const inlineListStyle = { ...listBase, right: 0, top: "calc(100% + 8px)" };
+const optionStyle = {
+  display: "block",
+  width: "100%",
+  minHeight: 40,
+  padding: "9px 12px",
+  border: 0,
+  borderRadius: 8,
+  background: "transparent",
+  color: "#1a1a1a",
+  fontSize: 13.5,
+  textAlign: "left",
+  cursor: "pointer"
+};
 function GuestEditProvider({ children }) {
   const { guestEdit, themeStore } = useSetto();
   const SectionTools = useSettoChromeSlot("section-toolbar");
@@ -37023,6 +37509,8 @@ function SettoImage({ srcKey, alt, className, style, ...rest }) {
   const fileRef = useRef(null);
   const [hovered, setHovered] = useState(false);
   const [uploading, setUploading] = useState(false);
+  const imgRef = useRef(null);
+  const Tools = useSettoChromeSlot("image-tools");
   const [, force] = useState(0);
   useEffect(() => {
     if (!store) return;
@@ -37046,10 +37534,8 @@ function SettoImage({ srcKey, alt, className, style, ...rest }) {
     e.preventDefault();
     if (!uploading) fileRef.current?.click();
   };
-  const handleFile = async (e) => {
-    const file = e.target.files?.[0];
-    e.target.value = "";
-    if (!file || !assetStore || !store) return;
+  const applyFile = async (file) => {
+    if (!assetStore || !store) return;
     setUploading(true);
     try {
       const originalPublicPath = store.original(srcKey, i18n.language);
@@ -37066,6 +37552,18 @@ function SettoImage({ srcKey, alt, className, style, ...rest }) {
       setUploading(false);
     }
   };
+  const handleFile = async (e) => {
+    const file = e.target.files?.[0];
+    e.target.value = "";
+    if (file) await applyFile(file);
+  };
+  const revert2 = () => {
+    if (!assetStore || !store) return;
+    const original = assetStore.revert(srcKey);
+    if (original !== null) {
+      setSrcAllLanguages(store, i18n, srcKey, original);
+    }
+  };
   const handleRevert = (e) => {
     e.stopPropagation();
     e.preventDefault();
@@ -37080,6 +37578,7 @@ function SettoImage({ srcKey, alt, className, style, ...rest }) {
       "span",
       {
         "data-setto-image": true,
+        "data-setto-src-key": srcKey,
         "data-setto-ui": true,
         onMouseEnter: () => setHovered(true),
         onMouseLeave: () => setHovered(false),
@@ -37093,8 +37592,21 @@ function SettoImage({ srcKey, alt, className, style, ...rest }) {
           borderRadius: 4
         },
         children: [
-          /* @__PURE__ */ jsx("img", { src, alt, className, style, ...rest }),
-          previewUrl && !hovered ? /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx("img", { ref: imgRef, src, alt, className, style, ...rest }),
+          Tools ? /* @__PURE__ */ jsx(
+            Tools,
+            {
+              srcKey,
+              alt,
+              hovered,
+              hasDraft: Boolean(previewUrl),
+              busy: uploading,
+              imageEl: imgRef.current,
+              applyFile,
+              revert: revert2
+            }
+          ) : null,
+          previewUrl && !hovered && !Tools ? /* @__PURE__ */ jsx(
             "span",
             {
               "aria-hidden": true,
@@ -37114,7 +37626,7 @@ function SettoImage({ srcKey, alt, className, style, ...rest }) {
               children: "Nytt bilde"
             }
           ) : null,
-          hovered ? /* @__PURE__ */ jsxs(
+          hovered && !Tools ? /* @__PURE__ */ jsxs(
             "span",
             {
               "data-setto-ui": true,
@@ -38325,6 +38837,193 @@ const iframeStyle = {
   height: "100%",
   border: 0
 };
+function usePageManifest() {
+  const { pageStore, config } = useSetto();
+  const snap = useSyncExternalStore(
+    (cb) => pageStore?.subscribe(() => cb()) ?? (() => {
+    }),
+    () => pageStore?.snapshot() ?? EMPTY_PAGE_STORE_SNAPSHOT,
+    () => pageStore?.snapshot() ?? EMPTY_PAGE_STORE_SNAPSHOT
+  );
+  return pageStore ? snap.manifest : bundledManifest(config.pages);
+}
+function useSettoMenu(list2 = "menu") {
+  const manifest = usePageManifest();
+  return manifest ? visibleMenu(manifest, list2) : null;
+}
+function SettoPage({ pageId, path: path2, sections = {}, builtins, fallback = null }) {
+  const manifest = usePageManifest();
+  const { editMode } = useSetto();
+  if (!manifest) {
+    if (!pageId && path2 !== void 0 && path2 !== "/" && path2 !== "") return /* @__PURE__ */ jsx(Fragment, { children: fallback });
+    return /* @__PURE__ */ jsx(Fragment, { children: Object.entries(sections).map(([id, Component]) => /* @__PURE__ */ jsx(Component, {}, id)) });
+  }
+  const page = pageId ? pageById(manifest, pageId) : pageForPath(manifest, path2 ?? "/");
+  if (!page) {
+    if (pageId) {
+      return /* @__PURE__ */ jsx(Fragment, { children: Object.entries(sections).map(([id, Component]) => /* @__PURE__ */ jsx(Component, {}, id)) });
+    }
+    return /* @__PURE__ */ jsx(Fragment, { children: fallback });
+  }
+  if (page.hidden && !editMode) return /* @__PURE__ */ jsx(Fragment, { children: fallback });
+  return /* @__PURE__ */ jsx(PageBody, { page, sections, builtins, editMode, manifest });
+}
+function PageBody({
+  page,
+  sections,
+  builtins,
+  editMode,
+  manifest
+}) {
+  usePageTitle(page);
+  const HiddenPageNote = useSettoChromeSlot("hidden-page");
+  const listed = new Set(manifest.pages.flatMap((p) => p.sections.map((s) => s.id)));
+  const unlisted = Object.keys(sections).filter((id) => !listed.has(id));
+  const firstVisible = page.sections.find((s) => !s.hidden && (s.type || sections[s.id]))?.id;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    page.hidden && editMode ? HiddenPageNote ? /* @__PURE__ */ jsx(HiddenPageNote, { pageId: page.id }) : /* @__PURE__ */ jsx(HiddenNote, { text: "Denne siden er skjult for besøkende." }) : null,
+    page.sections.map((section) => /* @__PURE__ */ jsx(Fragment$1, { children: renderSection(section, sections, builtins, editMode, section.id === firstVisible) }, section.id)),
+    unlisted.map((id) => {
+      const Component = sections[id];
+      return /* @__PURE__ */ jsx(Component, {}, id);
+    })
+  ] });
+}
+function renderSection(section, sections, builtins, editMode, first) {
+  if (section.hidden) {
+    return editMode ? /* @__PURE__ */ jsx(HiddenSection, { section }) : null;
+  }
+  if (section.type) {
+    const Builtin = builtins?.[section.type] ?? BUILTIN_RENDERERS[section.type];
+    return /* @__PURE__ */ jsx(Builtin, { sectionId: section.id, first });
+  }
+  const Component = sections[section.id];
+  if (!Component) {
+    warnOnce(section.id);
+    return null;
+  }
+  return /* @__PURE__ */ jsx(Component, {});
+}
+const warned = /* @__PURE__ */ new Set();
+function warnOnce(id) {
+  if (warned.has(id)) return;
+  warned.add(id);
+  console.warn(`[setto] section "${id}" is in pages.json but the page does not provide it`);
+}
+function HiddenSection({ section }) {
+  const { pageStore } = useSetto();
+  const Offered = useSettoChromeSlot("hidden-section");
+  const label = section.label ?? section.id;
+  if (Offered) return /* @__PURE__ */ jsx(Offered, { sectionId: section.id, label });
+  return /* @__PURE__ */ jsxs("div", { "data-setto-ui": true, style: hiddenBarStyle, children: [
+    /* @__PURE__ */ jsxs("span", { children: [
+      "Skjult: ",
+      label
+    ] }),
+    pageStore ? /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        "data-setto-ui": true,
+        style: hiddenBtnStyle,
+        onClick: () => pageStore.apply([{ op: "show_section", sectionId: section.id }]),
+        children: "Vis"
+      }
+    ) : null
+  ] });
+}
+function HiddenNote({ text: text2 }) {
+  return /* @__PURE__ */ jsx("div", { "data-setto-ui": true, style: hiddenBarStyle, children: /* @__PURE__ */ jsx("span", { children: text2 }) });
+}
+function usePageTitle(page) {
+  const { t } = useTranslation();
+  const original = useRef(null);
+  const title = page.path === "/" ? null : t(page.titleKey);
+  useEffect(() => {
+    if (!title || typeof document === "undefined") return;
+    original.current ??= document.title;
+    const base = original.current;
+    document.title = base ? `${title} · ${base}` : title;
+    return () => {
+      document.title = base;
+    };
+  }, [title]);
+}
+function SettoTextSection({ sectionId, first }) {
+  const keys2 = builtinKeys(sectionId);
+  const { i18n } = useTranslation();
+  const { store, editMode } = useSetto();
+  const intro2 = store ? store.get(keys2.intro, i18n.language) : i18n.t(keys2.intro, { defaultValue: "" });
+  const Heading = first ? "h1" : "h2";
+  return /* @__PURE__ */ jsx(SettoSection, { sectionId, style: textSectionStyle, children: /* @__PURE__ */ jsxs("div", { style: textInnerStyle, children: [
+    /* @__PURE__ */ jsx(Heading, { style: first ? textH1Style : textH2Style, children: /* @__PURE__ */ jsx(T, { k: keys2.heading }) }),
+    intro2 || editMode ? /* @__PURE__ */ jsx("p", { style: textIntroStyle, children: /* @__PURE__ */ jsx(T, { k: keys2.intro }) }) : null,
+    /* @__PURE__ */ jsx(
+      SettoRepeater,
+      {
+        itemsKey: keys2.items,
+        defaultItem: { heading: "Overskrift", text: "Tekst" },
+        itemLabel: "avsnitt",
+        children: (itemKey) => /* @__PURE__ */ jsx(TextItem, { sectionId, itemKey })
+      }
+    )
+  ] }) });
+}
+function TextItem({ sectionId, itemKey }) {
+  const keys2 = builtinKeys(sectionId);
+  const { i18n } = useTranslation();
+  const { store, editMode } = useSetto();
+  const heading2 = store ? store.get(keys2.itemHeading(itemKey), i18n.language) : i18n.t(keys2.itemHeading(itemKey), { defaultValue: "" });
+  return /* @__PURE__ */ jsxs("div", { style: textItemStyle, children: [
+    heading2 || editMode ? /* @__PURE__ */ jsx("h3", { style: textH3Style, children: /* @__PURE__ */ jsx(T, { k: keys2.itemHeading(itemKey) }) }) : null,
+    /* @__PURE__ */ jsx("p", { style: textParagraphStyle, children: /* @__PURE__ */ jsx(T, { k: keys2.itemText(itemKey) }) })
+  ] });
+}
+const BUILTIN_RENDERERS = {
+  text: SettoTextSection
+};
+const textSectionStyle = { padding: "clamp(48px, 8vw, 96px) 16px" };
+const textInnerStyle = { maxWidth: "68ch", margin: "0 auto" };
+const textH1Style = {
+  fontFamily: "var(--setto-display-font, inherit)",
+  fontSize: "clamp(2rem, 4vw, 2.75rem)",
+  lineHeight: 1.15,
+  fontWeight: 600,
+  margin: "0 0 0.75em"
+};
+const textH2Style = { ...textH1Style, fontSize: "clamp(1.5rem, 3vw, 2rem)" };
+const textH3Style = {
+  fontFamily: "var(--setto-display-font, inherit)",
+  fontSize: "1.125rem",
+  lineHeight: 1.3,
+  fontWeight: 600,
+  margin: "0 0 0.4em"
+};
+const textIntroStyle = { fontSize: "1.125rem", lineHeight: 1.6, opacity: 0.85, margin: "0 0 2em" };
+const textItemStyle = { margin: "0 0 1.75em" };
+const textParagraphStyle = { lineHeight: 1.7, margin: 0, whiteSpace: "pre-line" };
+const hiddenBarStyle = {
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  gap: 12,
+  padding: "10px 16px",
+  margin: "4px 0",
+  border: "1px dashed rgba(100, 10, 255, 0.45)",
+  borderRadius: 8,
+  background: "rgba(100, 10, 255, 0.05)",
+  color: "#3b2a66",
+  font: '500 13px system-ui, -apple-system, "Segoe UI", sans-serif'
+};
+const hiddenBtnStyle = {
+  border: "none",
+  borderRadius: 999,
+  padding: "4px 12px",
+  background: "#640AFF",
+  color: "#fff",
+  font: '600 12px system-ui, -apple-system, "Segoe UI", sans-serif',
+  cursor: "pointer"
+};
 const DEFAULT_DURATION = {
   fadeIn: 600,
   slideUp: 700,
@@ -39287,15 +39986,21 @@ export {
   AuthGate,
   BLOCK_REGISTRY,
   BLOCK_TYPES,
+  BUILTIN_SECTION_TYPES,
   CHECKOUT_INTENT,
   DEFAULT_LANGUAGE,
   EMPTY_I18N_STORE_SNAPSHOT,
+  EMPTY_PAGE_STORE_SNAPSHOT,
   FAB_INSET,
   FAB_SIZE,
   FORM_FIELD_TYPES,
   FORM_FIELD_TYPE_LABELS,
   FloatingPopover,
   GuestEditProvider,
+  ManifestError,
+  PAGES_MANIFEST_VERSION,
+  PAGES_PATH,
+  PageStore,
   SETTO_BASE,
   SETTO_MODULES,
   SettoAdminApp,
@@ -39311,42 +40016,59 @@ export {
   SettoLanguages,
   SettoMap,
   SettoMark,
+  SettoPage,
   SettoProvider,
   SettoRepeater,
   SettoSection,
+  SettoTextSection,
   SettoVideo,
   T,
   adminRedirectUrl,
   adminViewUrl,
   alternateLinks,
+  applyOp,
+  applyOps,
+  builtinKeys,
   checkoutIntentUrl,
+  countChanges,
   currentAdminView,
   extractContentKeys,
   fieldTypeHasOptions,
   fieldTypeHasPlaceholder,
+  findSection,
   formFieldsPrefix,
   isAdminDeploymentView,
   isAdminPanelView,
   isAdminRoute,
   isFormFieldType,
   isLinkContext,
+  isSafeHref,
   languageFromPath,
   languageName,
   nodeChildren,
+  normalisePath,
+  pageById,
+  pageForPath,
+  pageTitleKey,
   parseBlockTree,
+  parseManifest,
   pathForLanguage,
   pickInitialLanguage,
   readLocaleFields,
   redirectForVisitor,
+  serialiseManifest,
   settoSubmissionUrl,
   siteHomeUrl,
   siteLanguages,
   useCoarsePointer,
   useGuestEdit,
+  usePageManifest,
   useSectionTheme,
   useSetto,
   useSettoChromeSlot,
+  useSettoMenu,
   validateBlockTree,
+  visibleMenu,
   wantsCheckout,
   withoutCheckoutIntent
 };