@universalcms/connect 0.13.3 → 0.18.0

package/README.md

@@ -1,7 +1,7 @@
 # @universalcms/connect
 
 Local, deterministic website setup without AI. Universal CMS stays hosted; this
-package creates a website integration, not a CMS installation. Version 0.13.3 is
+package creates a website integration, not a CMS installation. Version 0.18.0 is
 prepared locally; this repository does not establish its public npm availability.
 
 ## Quick start
@@ -20,6 +20,8 @@ connection (Next.js): the CMS manages menus, branding, SEO, analytics, scripts,
 consent and redirects while the site renders every page. Add
 `<CmsNavigation location="header" />` from `@universalcms/connect/react-website`
 where CMS menus should appear.
+Add `--reset` to disconnect the folder first and connect it to another website
+or organization.
 The individual commands below remain for developers and reviewed integrations.
 
 Supported templates: **Next.js 16 App Router on Node**, **React 19.2+ with
@@ -262,7 +264,7 @@ custom adapter still requires review, not forced overwriting.
 For an operator's downloaded artifact, the installation is:
 
 ```sh
-npm install --save-prod ./vendor/universalcms-connect-0.13.3.tgz
+npm install --save-prod ./vendor/universalcms-connect-0.18.0.tgz
 ```
 
 Use your project's package manager. These paths are examples for downloaded
@@ -539,7 +541,7 @@ npx --no-install universalcms-connect init \
   --environment 22222222-2222-4222-8222-222222222222
 ```
 
-After a public release, `npx @universalcms/connect@0.13.3 init` is the equivalent
+After a public release, `npx @universalcms/connect@0.18.0 init` is the equivalent
 registry entry point. Copy the real IDs/API origin from **Developer setup**.
 Missing values are prompted in a terminal; `--non-interactive` fails instead.
 Init prints a plan. Run the same command with `--apply` after reviewing it.
@@ -589,7 +591,7 @@ The CMS button reads the website's **`/api/cms-source`** endpoint. Current Next.
 prepares delivery scaffolding. React/Vite setup serves its reviewed public manifest through the normal dev command.
 Custom exporters need their explicit adapter; a delivery check alone is insufficient.
 
-Use the CMS's reviewed 0.13.3 package for the staged commands and current source
+Use the CMS's reviewed 0.18.0 package for the staged commands and current source
 discovery. Review source diagnostics and complete public
 mappings for unsupported pages. Restart the website using its normal server command, then run:
 

package/dist/cli.mjs

@@ -20,7 +20,7 @@ import { WEBSITE_SECTIONS } from './website-http.mjs';
 import { setupSource, applySourcePlan, syncSource, readSourceSettings } from './source-setup.mjs';
 import { processIo, runCreate, runGuided } from './guided.mjs';
 
-const help = `Universal CMS connector 0.13.3
+const help = `Universal CMS connector 0.18.0
 
 Quick start (recommended) — run in your website folder:
   npx @universalcms/connect@latest --cms https://YOUR_CMS_ADDRESS
@@ -33,9 +33,11 @@ Quick start (recommended) — run in your website folder:
   --cms <origin>           Your Universal CMS address (or UNIVERSALCMS_URL)
   --code <code>            One-time code from Developer setup → Connect without a browser
   --details                Show every file and technical message
+  --reset                  Disconnect this folder first, then connect it to another website or organization
 
 New website managed entirely from the CMS (pages, posts, menus, design):
   npx @universalcms/connect@latest create my-website --cms https://YOUR_CMS_ADDRESS
+  Add --from ../existing-site to bring over its pages and menus (Next.js).
 
 Individual steps (advanced):
 Usage: universalcms-connect <start|inspect-pages|review-pages|preflight|review-routes|review-layout|connect|setup|setup-settings|check-settings|server-key|setup-source|sync-source|finalize-source|analyze|init|check|check-source|check-publication> [options]
@@ -334,11 +336,11 @@ async function ask(prompt) {
 
 function guidedArguments(args) {
   if (args[0] === 'start') args = args.slice(1);
-  const names = new Set(['--cms', '--code', '--project']), options = {};
+  const names = new Set(['--cms', '--code', '--project', '--from']), options = {};
   for (let index = 0; index < args.length; index++) {
     const name = args[index];
     if (Object.hasOwn(options, name)) throw new SetupError('Each option can be given once.');
-    if (name === '--details') { options[name] = true; continue; }
+    if (name === '--details' || name === '--reset') { options[name] = true; continue; }
     if (!names.has(name)) throw new SetupError(`Unknown option ${JSON.stringify(name.slice(0, 40))}. Use --help for instructions.`);
     const value = args[++index];
     if (!value || value.startsWith('--')) throw new SetupError('An option is missing its value.');
@@ -355,7 +357,7 @@ async function main() {
     const options = guidedArguments(rest);
     if (!process.stdin.isTTY || !process.stderr.isTTY) throw new SetupError('This setup needs an interactive terminal.');
     const io = processIo({ ask, write: value => process.stdout.write(value) });
-    await runCreate(process.cwd(), name ?? (await ask('Folder name for the new website: ')).trim(), { cms: options['--cms'], code: options['--code'] }, io);
+    await runCreate(process.cwd(), name ?? (await ask('Folder name for the new website: ')).trim(), { cms: options['--cms'], code: options['--code'], from: options['--from'] }, io);
     return;
   }
   if (first === undefined || first === 'start' || first.startsWith('--')) {
@@ -363,7 +365,7 @@ async function main() {
     // it expires in ten minutes, works once and never reaches project files.
     const options = guidedArguments(process.argv.slice(2));
     if (!process.stdin.isTTY || !process.stderr.isTTY) throw new SetupError('This setup needs an interactive terminal. Run it directly in your website folder.');
-    await runGuided(options['--project'] ?? process.cwd(), { cms: options['--cms'], code: options['--code'], details: options['--details'] === true }, processIo({ ask, write: value => process.stdout.write(value) }));
+    await runGuided(options['--project'] ?? process.cwd(), { cms: options['--cms'], code: options['--code'], details: options['--details'] === true, reset: options['--reset'] === true }, processIo({ ask, write: value => process.stdout.write(value) }));
     return;
   }
   const { command, options } = argumentsFor(process.argv.slice(2));

package/dist/guided.mjs

@@ -9,7 +9,7 @@
 import { createHash, randomBytes, timingSafeEqual } from 'node:crypto';
 import { createServer } from 'node:http';
 import { spawn } from 'node:child_process';
-import { cp, lstat, mkdir, readdir, readFile, rename, writeFile } from 'node:fs/promises';
+import { chmod, cp, lstat, mkdir, readdir, readFile, rename, rm, writeFile } from 'node:fs/promises';
 import path from 'node:path';
 import { fileURLToPath } from 'node:url';
 import { analyze, applyPlan, projectRoot, readProjectFile, SetupError } from './core.mjs';
@@ -21,6 +21,7 @@ import { checkPublication } from './publication-check.mjs';
 import { finalizeSource } from './source-finalize.mjs';
 import { preflightSetup } from './preflight.mjs';
 import { planSettingsOnly, SETTINGS_ONLY_FILE } from './settings-only-setup.mjs';
+import { discoverSite } from './site-discovery.mjs';
 import { applyEnvironment, planEnvironment } from './setup-environment.mjs';
 import { themeConfiguration } from './theme.mjs';
 
@@ -378,9 +379,15 @@ export async function runGuided(directory, options, io) {
   const analysis = await analyze(root).catch(() => ({}));
   const framework = typeof analysis.framework === 'string' && analysis.framework !== 'Unknown' ? analysis.framework : null;
   io.write(`✔ Found ${framework ? `a ${framework} website` : 'a website'} in ${path.basename(root)}\n`);
+  if (options.reset) await resetConnection(root, io);
 
   // A Universal CMS theme website only needs pairing and its private key.
   if (await readProjectFile(root, THEME_FILE) !== null) {
+    const connectedTheme = await readConnection(root).catch(() => null);
+    if (connectedTheme && !options.reset && !options.code && (await readSetupEnvironment(root)).keyConfigured && await readProjectFile(root, IMPORT_FILE) !== null) {
+      await closeImport(root, connectedTheme, io);
+      return themeDone(root, connectedTheme, await packageManager(root, manifest), false, io);
+    }
     const cms = cmsOrigin(options.cms ?? io.env.UNIVERSALCMS_URL ?? '') ?? fail('Add --cms with your Universal CMS address.');
     const approval = options.code ? { code: options.code } : await waitForBrowserApproval({ cms, io, request: { origin: suggestedOrigin(manifest, null) ?? `http://localhost:${THEME_PORT}`, project: path.basename(root).slice(0, 80), framework: 'Universal CMS theme' } });
     const paired = await redeem(cms, approval.code, approval.verifier, io.fetch);
@@ -429,7 +436,7 @@ export async function runGuided(directory, options, io) {
     : await waitForBrowserApproval({ cms, io, request: { origin: saved?.websiteOrigin ?? suggestedOrigin(manifest, framework) ?? '', project: path.basename(root).slice(0, 80), framework: framework ?? '' } });
   let mode = 'full';
   const mismatch = connection => saved && (saved.siteId !== connection.siteId || saved.environmentId !== connection.environmentId);
-  const different = 'This folder is already connected to a different website or environment in the CMS. Choose the same website when approving, or ask your developer to review .universalcms/connection.json. Nothing was changed.';
+  const different = 'This folder is already connected to a different website or environment in the CMS. Choose the same website when approving, or run the command again with --reset to connect it to the other website. Nothing was changed.';
   // Check (and safely fix) the website before redeeming, so a blocked site
   // never leaves an unused key behind. The approval expires on its own.
   if (approval.scope && !installed) {
@@ -471,6 +478,41 @@ export const THEME_FILE = '.universalcms/theme.json';
 export const THEME_WEBSITE_FILE = '.universalcms/website.json';
 const THEME_PORT = 3100;
 
+const RESET_FILES = ['.universalcms/connection.json', '.universalcms/settings-only.json', '.universalcms/discovered.json', '.universalcms/website.json'];
+const RESET_ENV = /^\s*(?:export\s+)?(CMS_API_BASE_URL|CMS_SITE_ID|CMS_ENVIRONMENT_ID|CMS_LOCALE|CMS_API_KEY|CMS_WEBSITE_ORIGIN|CMS_SOURCE_ORIGIN|CMS_ADMIN_ORIGIN)\s*=/;
+
+/**
+ * `--reset`: disconnect this folder from its CMS website so it can be connected
+ * to another website or organization. Removes only the saved connection and the
+ * private CMS_* values; generated integration code stays and is updated when
+ * the folder is connected again in the same run.
+ */
+export async function resetConnection(directory, io) {
+  const root = await projectRoot(directory);
+  const settingsOnly = await readProjectFile(root, SETTINGS_ONLY_FILE) !== null, theme = await readProjectFile(root, THEME_FILE) !== null;
+  const full = !settingsOnly && !theme && (await readProjectFile(root, '.universalcms/publication.config.json') !== null || await readProjectFile(root, '.universalcms/website.integration.json') !== null);
+  if (full) fail('This folder has a full page integration (pages are bound to CMS content for one website). Moving it to another website needs your developer: the page bindings and imported content belong to the current website. Nothing was changed.');
+  const present = [];
+  for (const file of RESET_FILES) if (await readProjectFile(root, file) !== null) present.push(file);
+  const envText = await readProjectFile(root, '.env.local');
+  const envLines = envText === null ? [] : envText.split(/\r?\n/).filter(line => RESET_ENV.test(line));
+  const saved = await readConnection(root).catch(() => null);
+  if (!present.length && !envLines.length) { io.write('This folder is not connected to a CMS website. Nothing to reset.\n'); return false; }
+  io.write(`\nDisconnect this folder${saved ? ` from website ${saved.siteId} (${saved.websiteOrigin})` : ''}:\n`);
+  for (const file of present) io.write(`  remove: ${file}\n`);
+  if (envLines.length) io.write(`  remove from .env.local: ${envLines.map(line => line.split('=')[0].replace(/^\s*(export\s+)?/, '').trim()).join(', ')}\n`);
+  io.write('Your pages, design and other settings stay as they are. You will connect it to a website right after this.\n');
+  if (!yes(await io.ask('Disconnect? [Y/n] '))) fail('Nothing was changed.');
+  for (const file of present) await rm(path.join(root, file), { force: true });
+  if (envLines.length) {
+    const kept = envText.split(/(\r?\n)/).reduce((out, part, index, parts) => { if (index % 2 === 0 && !RESET_ENV.test(part)) out.push(part + (parts[index + 1] ?? '')); return out; }, []).join('');
+    await writeFile(path.join(root, '.env.local'), kept, { mode: 0o600 });
+    await chmod(path.join(root, '.env.local'), 0o600);
+  }
+  io.write('✔ Disconnected. The old website key still works until you revoke it in that website\'s Developer setup → Advanced → website keys.\n');
+  return true;
+}
+
 /** Save the public theme connection and the private key after pairing. */
 async function connectTheme(root, paired, io) {
   const { connection } = paired;
@@ -491,6 +533,33 @@ function themeDone(root, connection, manager, created, io) {
   return { connected: true, mode: 'theme', done: true };
 }
 
+export const IMPORT_FILE = '.universalcms/import.json';
+
+/** Read a previous Next.js website's pages (text, headings, images, links) and menus, without running it. */
+export async function collectPreviousSite(from, io) {
+  const oldRoot = await projectRoot(from).catch(() => fail(`The folder ${from} was not found. Point --from at your existing website folder (the one with package.json).`));
+  const manifest = await manifestOf(oldRoot);
+  if (!manifest.dependencies?.next && !manifest.devDependencies?.next) fail('Moving content automatically supports Next.js (App Router) websites in this version. Nothing was changed.');
+  const { collectSource } = await import('./source-collect.mjs');
+  const collected = await collectSource({ root: oldRoot, locale: 'en' });
+  const discovered = await discoverSite(oldRoot);
+  io.write(`✔ Found ${collected.entries.length} page${collected.entries.length === 1 ? '' : 's'} and ${discovered.navigation.header.length + discovered.navigation.footer.length} menu links in ${path.basename(oldRoot)}\n`);
+  if (collected.diagnostics?.unsupported) io.write(`  (${collected.diagnostics.unsupported} page${collected.diagnostics.unsupported === 1 ? '' : 's'} with dynamic content were skipped — recreate them in the CMS)\n`);
+  return { entries: collected.entries, pages: discovered.pages, navigation: discovered.navigation };
+}
+
+/** After the CMS import, the copy of the previous website's content is removed. */
+async function closeImport(root, connection, io) {
+  if (await readProjectFile(root, IMPORT_FILE) === null) return;
+  const setup = `${connection.adminOrigin}/sites/${connection.siteId}#setup?environmentId=${connection.environmentId}`;
+  io.write(`\nNext, bring your previous website's pages and menus into the CMS:\n   Start this website (npm run dev), then open Developer setup:\n   ${setup}\n   Click “Connect & fetch content” and “Import into Header & footer”.\n`);
+  await io.openUrl(setup);
+  const answer = (await io.ask('\nDid the CMS show “Website content fetched”? [y/N] ')).trim().toLowerCase();
+  if (!['y', 'yes'].includes(answer)) { io.write('No problem — the import stays available. Run the same command in this folder again when it is done.\n'); return; }
+  await rm(path.join(root, IMPORT_FILE), { force: true });
+  io.write('✔ Import finished; the copied content was removed from this folder\n');
+}
+
 /** `create <folder>`: start a new website rendered entirely from Universal CMS. */
 export async function runCreate(parent, name, options, io) {
   if (typeof name !== 'string' || !/^[a-z0-9][a-z0-9._-]{0,63}$/i.test(name)) fail('Choose a simple folder name for the new website, for example: my-website');
@@ -505,6 +574,7 @@ export async function runCreate(parent, name, options, io) {
     }
   })();
   io.write(`\nUniversal CMS · create a new website in ${name}\n`);
+  const previous = options.from ? await collectPreviousSite(path.resolve(parent, options.from), io) : null;
   // Copy into a temporary sibling first so a failed copy never leaves a half-made folder.
   const staging = `${root}.universalcms-${randomBytes(4).toString('hex')}`;
   await cp(fileURLToPath(new URL('./templates/next-theme/', import.meta.url)), staging, { recursive: true, errorOnExist: true, force: false });
@@ -525,7 +595,13 @@ export async function runCreate(parent, name, options, io) {
   const paired = await redeem(cms, approval.code, approval.verifier, io.fetch);
   io.write(`✔ Approved: ${paired.siteName || 'your website'} (${paired.connection.websiteOrigin})\n`);
   await connectTheme(root, paired, io);
-  return themeDone(root, paired.connection, 'npm', true, io);
+  if (previous) {
+    await writeFile(path.join(root, IMPORT_FILE), `${JSON.stringify({ version: 1, siteId: paired.connection.siteId, environmentId: paired.connection.environmentId, ...previous })}\n`);
+    io.write('✔ Previous website content saved for import\n');
+  }
+  const result = themeDone(root, paired.connection, 'npm', true, io);
+  if (previous) io.write(`\n   Then import your previous content: run “npx @universalcms/connect@latest” inside ${name} and follow the steps.\n`);
+  return result;
 }
 
 /** Ask the running website's settings endpoint, as the CMS admin does. */

package/dist/native-website-server.mjs

@@ -11719,10 +11719,17 @@ function CmsForm({ definition, entryId, blockId, revisionId, variant, endpoint,
 // ../react/src/index.tsx
 var import_jsx_runtime2 = __toESM(require_jsx_runtime(), 1);
 var supported2 = /* @__PURE__ */ new Set(["paragraph", "heading", "quote", "list", "code", "image", "gallery", "button", "divider", "spacer", "faq", "table", "embed", "form", "section", "columns"]);
-var styles = { align: ["left", "center", "right"], size: ["small", "normal", "large"], tone: ["default", "muted", "accent", "inverse"], spaceAbove: ["none", "small", "medium", "large"], spaceBelow: ["none", "small", "medium", "large"], hideOnMobile: [true], hideOnDesktop: [true] };
+var styles = { align: ["left", "center", "right"], size: ["small", "normal", "large"], tone: ["default", "muted", "accent", "inverse"], spaceAbove: ["none", "small", "medium", "large"], spaceBelow: ["none", "small", "medium", "large"], hideOnMobile: [true], hideOnDesktop: [true], padding: ["none", "small", "medium", "large"], radius: ["none", "small", "medium", "large", "pill"], border: [true], weight: ["normal", "medium", "bold"], maxWidth: ["narrow", "normal", "full"], animation: ["fade-up", "fade-in", "zoom-in", "slide-left"] };
+function blockColors(block2) {
+  const style = record(block2.style), hex2 = (value) => typeof value === "string" && /^#[0-9a-fA-F]{6}$/.test(value) ? value : void 0;
+  const color = hex2(style.textColor), background = hex2(style.background);
+  if (!color && !background) return void 0;
+  return { ...color ? { "--cms-block-color": color, color } : {}, ...background ? { "--cms-block-background": background, background } : {} };
+}
 function blockClasses(block2) {
   const style = record(block2.style);
-  return ["cms-block", `cms-block-${text(block2.type)}`, ...Object.entries(styles).flatMap(([key, allowed]) => allowed.includes(style[key]) ? [`cms-${key}-${String(style[key])}`] : [])].join(" ");
+  const mobile = record(style.mobile), phone = ["align", "size", "padding", "spaceAbove", "spaceBelow"];
+  return ["cms-block", `cms-block-${text(block2.type)}`, ...Object.entries(styles).flatMap(([key, allowed]) => allowed.includes(style[key]) ? [`cms-${key}-${String(style[key])}`] : []), ...phone.flatMap((key) => styles[key].includes(mobile[key]) ? [`cms-m-${key}-${String(mobile[key])}`] : [])].join(" ");
 }
 function image(data, key) {
   const src = safeUrl(data.url, false);
@@ -11847,7 +11854,7 @@ function CmsDocument({ document: document2, components = {}, entryId, revisionId
       }
     }
     const anchor = text(record(block2.style).anchor);
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { id: /^[a-z0-9]+(?:-[a-z0-9]+)*$/.test(anchor) ? anchor : void 0, className: `${blockClasses(block2)}${preview && id2 === selectedId ? " cms-selected" : ""}`, ...preview ? { "data-cms-block": id2, "data-cms-type": type } : {}, children: node }, id2 || index);
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { id: /^[a-z0-9]+(?:-[a-z0-9]+)*$/.test(anchor) ? anchor : void 0, className: `${blockClasses(block2)}${preview && id2 === selectedId ? " cms-selected" : ""}`, style: blockColors(block2), ...preview ? { "data-cms-block": id2, "data-cms-type": type } : {}, children: node }, id2 || index);
   }
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: ["cms-document", className].filter(Boolean).join(" "), children: renderMany(document2.blocks, "root") });
 }
@@ -12790,9 +12797,10 @@ function publicEntry(value) {
   const raw = record2(value), entry2 = validatePublishedDocumentEntry(value, { kind: text2(raw.kind, 40), slug: text2(raw.slug, 160), locale: text2(raw.locale, 35) });
   return { ...entry2, ...Object.fromEntries(["path", "seo", "author", "categories", "tags", "translations", "canonicalUrl", "publishedAt"].map((name) => [name, raw[name]])) };
 }
-function CmsWebsitePage({ scope, pathname, initialEntry, initialResult, initialSettings, chrome = true }) {
+var FormEndpoint = (0, import_react5.createContext)(void 0);
+function CmsWebsitePage({ scope, pathname, initialEntry, initialResult, initialSettings, chrome = true, formEndpoint }) {
   const path2 = pathname ?? (typeof window === "undefined" ? "/" : window.location.pathname);
-  return /* @__PURE__ */ import_react5.default.createElement(WebsitePageLoader, { key: `${scope}:${path2}`, scope, pathname: path2, initialEntry, initialResult, initialSettings, chrome });
+  return /* @__PURE__ */ import_react5.default.createElement(FormEndpoint.Provider, { value: formEndpoint }, /* @__PURE__ */ import_react5.default.createElement(WebsitePageLoader, { key: `${scope}:${path2}`, scope, pathname: path2, initialEntry, initialResult, initialSettings, chrome }));
 }
 function WebsitePageLoader({ scope, pathname, initialEntry, initialResult, initialSettings, chrome }) {
   const [page, setPage] = (0, import_react5.useState)(() => {
@@ -12885,7 +12893,7 @@ function PublishedPage({ entry: entry2, pathname, related }) {
   }, [entry2, presentation.showTableOfContents]);
   const route2 = (0, import_react5.useMemo)(() => ({ identity: { kind: entry2.kind, slug: entry2.slug, locale: entry2.locale }, baseline: entry2.document, bindings: {} }), [entry2]);
   const publishedDate = Number.isFinite(Date.parse(entry2.publishedAt)) ? new Date(entry2.publishedAt).toLocaleDateString(entry2.locale) : "";
-  return /* @__PURE__ */ import_react5.default.createElement("main", { className: `cms-website-page cms-website-layout-${presentation.layout}` }, presentation.showBreadcrumbs && /* @__PURE__ */ import_react5.default.createElement("nav", { "aria-label": "Breadcrumbs" }, /* @__PURE__ */ import_react5.default.createElement(SafeLink, { url: "/" }, "Home"), /* @__PURE__ */ import_react5.default.createElement("span", { "aria-hidden": "true" }, " / "), /* @__PURE__ */ import_react5.default.createElement("span", { "aria-current": "page" }, entry2.document.title)), /* @__PURE__ */ import_react5.default.createElement("h1", null, entry2.document.title), entry2.document.excerpt && /* @__PURE__ */ import_react5.default.createElement("p", { className: "cms-website-excerpt" }, entry2.document.excerpt), presentation.showDate && publishedDate && /* @__PURE__ */ import_react5.default.createElement("time", { dateTime: entry2.publishedAt }, publishedDate), presentation.showFeaturedImage && presentation.featuredImage.url && /* @__PURE__ */ import_react5.default.createElement("img", { className: "cms-website-featured", src: presentation.featuredImage.url, alt: presentation.featuredImage.alt, referrerPolicy: "no-referrer" }), !!headings.length && /* @__PURE__ */ import_react5.default.createElement("nav", { className: "cms-website-toc", "aria-label": "Table of contents" }, /* @__PURE__ */ import_react5.default.createElement("h2", null, "On this page"), /* @__PURE__ */ import_react5.default.createElement("ul", null, headings.map((item) => /* @__PURE__ */ import_react5.default.createElement("li", { key: item.id }, /* @__PURE__ */ import_react5.default.createElement(SafeLink, { url: `${pathname}#${encodeURIComponent(item.id)}` }, item.title))))), /* @__PURE__ */ import_react5.default.createElement("div", { ref: content }, /* @__PURE__ */ import_react5.default.createElement(PublishedDocumentProvider, { initialEntry: entry2, pathname, route: route2 }, /* @__PURE__ */ import_react5.default.createElement(CmsPublishedDocument, null))), presentation.author && /* @__PURE__ */ import_react5.default.createElement("aside", { className: "cms-website-author", "aria-label": "About the author" }, presentation.author.avatarUrl && /* @__PURE__ */ import_react5.default.createElement("img", { src: presentation.author.avatarUrl, alt: "", loading: "lazy", referrerPolicy: "no-referrer" }), /* @__PURE__ */ import_react5.default.createElement("div", null, /* @__PURE__ */ import_react5.default.createElement("h2", null, presentation.author.url ? /* @__PURE__ */ import_react5.default.createElement(SafeLink, { url: presentation.author.url }, presentation.author.name) : presentation.author.name), /* @__PURE__ */ import_react5.default.createElement("p", null, presentation.author.jobTitle), /* @__PURE__ */ import_react5.default.createElement("p", null, presentation.author.bio))), (presentation.categories.length > 0 || presentation.tags.length > 0) && /* @__PURE__ */ import_react5.default.createElement("nav", { className: "cms-website-terms", "aria-label": "Categories and tags" }, [...presentation.categories, ...presentation.tags].map((term2, index) => /* @__PURE__ */ import_react5.default.createElement(SafeLink, { key: `${term2.id}:${index}`, url: term2.path }, term2.name))), presentation.showShare && /* @__PURE__ */ import_react5.default.createElement(SharePage, { title: entry2.document.title, path: entry2.path || pathname }), presentation.showRelated && Array.isArray(related) && related.length > 0 && /* @__PURE__ */ import_react5.default.createElement("aside", { className: "cms-website-related" }, /* @__PURE__ */ import_react5.default.createElement("h2", null, "Related content"), /* @__PURE__ */ import_react5.default.createElement("div", { className: "cms-website-cards" }, related.slice(0, 6).map((value, index) => {
+  return /* @__PURE__ */ import_react5.default.createElement("main", { className: `cms-website-page cms-website-layout-${presentation.layout}` }, presentation.showBreadcrumbs && /* @__PURE__ */ import_react5.default.createElement("nav", { "aria-label": "Breadcrumbs" }, /* @__PURE__ */ import_react5.default.createElement(SafeLink, { url: "/" }, "Home"), /* @__PURE__ */ import_react5.default.createElement("span", { "aria-hidden": "true" }, " / "), /* @__PURE__ */ import_react5.default.createElement("span", { "aria-current": "page" }, entry2.document.title)), /* @__PURE__ */ import_react5.default.createElement("h1", null, entry2.document.title), entry2.document.excerpt && /* @__PURE__ */ import_react5.default.createElement("p", { className: "cms-website-excerpt" }, entry2.document.excerpt), presentation.showDate && publishedDate && /* @__PURE__ */ import_react5.default.createElement("time", { dateTime: entry2.publishedAt }, publishedDate), presentation.showFeaturedImage && presentation.featuredImage.url && /* @__PURE__ */ import_react5.default.createElement("img", { className: "cms-website-featured", src: presentation.featuredImage.url, alt: presentation.featuredImage.alt, referrerPolicy: "no-referrer" }), !!headings.length && /* @__PURE__ */ import_react5.default.createElement("nav", { className: "cms-website-toc", "aria-label": "Table of contents" }, /* @__PURE__ */ import_react5.default.createElement("h2", null, "On this page"), /* @__PURE__ */ import_react5.default.createElement("ul", null, headings.map((item) => /* @__PURE__ */ import_react5.default.createElement("li", { key: item.id }, /* @__PURE__ */ import_react5.default.createElement(SafeLink, { url: `${pathname}#${encodeURIComponent(item.id)}` }, item.title))))), /* @__PURE__ */ import_react5.default.createElement("div", { ref: content }, /* @__PURE__ */ import_react5.default.createElement(PublishedDocumentProvider, { initialEntry: entry2, pathname, route: route2, formEndpoint: (0, import_react5.useContext)(FormEndpoint) }, /* @__PURE__ */ import_react5.default.createElement(CmsPublishedDocument, null))), presentation.author && /* @__PURE__ */ import_react5.default.createElement("aside", { className: "cms-website-author", "aria-label": "About the author" }, presentation.author.avatarUrl && /* @__PURE__ */ import_react5.default.createElement("img", { src: presentation.author.avatarUrl, alt: "", loading: "lazy", referrerPolicy: "no-referrer" }), /* @__PURE__ */ import_react5.default.createElement("div", null, /* @__PURE__ */ import_react5.default.createElement("h2", null, presentation.author.url ? /* @__PURE__ */ import_react5.default.createElement(SafeLink, { url: presentation.author.url }, presentation.author.name) : presentation.author.name), /* @__PURE__ */ import_react5.default.createElement("p", null, presentation.author.jobTitle), /* @__PURE__ */ import_react5.default.createElement("p", null, presentation.author.bio))), (presentation.categories.length > 0 || presentation.tags.length > 0) && /* @__PURE__ */ import_react5.default.createElement("nav", { className: "cms-website-terms", "aria-label": "Categories and tags" }, [...presentation.categories, ...presentation.tags].map((term2, index) => /* @__PURE__ */ import_react5.default.createElement(SafeLink, { key: `${term2.id}:${index}`, url: term2.path }, term2.name))), presentation.showShare && /* @__PURE__ */ import_react5.default.createElement(SharePage, { title: entry2.document.title, path: entry2.path || pathname }), presentation.showRelated && Array.isArray(related) && related.length > 0 && /* @__PURE__ */ import_react5.default.createElement("aside", { className: "cms-website-related" }, /* @__PURE__ */ import_react5.default.createElement("h2", null, "Related content"), /* @__PURE__ */ import_react5.default.createElement("div", { className: "cms-website-cards" }, related.slice(0, 6).map((value, index) => {
     const row = record2(value);
     return publicHref(row.path)?.startsWith("/") ? /* @__PURE__ */ import_react5.default.createElement("article", { key: index }, /* @__PURE__ */ import_react5.default.createElement("h3", null, /* @__PURE__ */ import_react5.default.createElement(SafeLink, { url: row.path }, text2(row.title, 200))), /* @__PURE__ */ import_react5.default.createElement("p", null, text2(row.excerpt, 500))) : null;
   }))));
@@ -12987,8 +12995,15 @@ var styleValues = {
   size: ["small", "normal", "large"],
   tone: ["default", "muted", "accent", "inverse"],
   spaceAbove: ["none", "small", "medium", "large"],
-  spaceBelow: ["none", "small", "medium", "large"]
+  spaceBelow: ["none", "small", "medium", "large"],
+  padding: ["none", "small", "medium", "large"],
+  radius: ["none", "small", "medium", "large", "pill"],
+  weight: ["normal", "medium", "bold"],
+  maxWidth: ["narrow", "normal", "full"],
+  animation: ["fade-up", "fade-in", "zoom-in", "slide-left"]
 };
+var mobileStyle = (style) => !own(style, "mobile") || object(style.mobile) && Object.keys(style.mobile).every((key) => ["align", "size", "padding", "spaceAbove", "spaceBelow"].includes(key)) && ["align", "size", "padding", "spaceAbove", "spaceBelow"].every((key) => optionalEnum(style.mobile, key, styleValues[key]));
+var styleHex = (style, key) => !own(style, key) || typeof style[key] === "string" && /^#[0-9a-fA-F]{6}$/.test(style[key]);
 var optionalEnum = (value, key, choices) => !own(value, key) || choices.includes(value[key]);
 var optionalString = (value, key, max) => !own(value, key) || boundedString(value[key], max);
 var optionalBoolean = (value, key) => !own(value, key) || typeof value[key] === "boolean";
@@ -13043,11 +13058,11 @@ function validDocument(document2) {
     return values.every((block2) => {
       if (!object(block2) || !uuid2.test(block2.id) || ids.has(block2.id) || ids.size >= 400 || block2.version !== 1 || !boundedString(block2.text, 3e4)) return false;
       ids.add(block2.id);
-      if (block2.style !== void 0 && (!object(block2.style) || Object.entries(styleValues).some(([key, values2]) => !optionalEnum(block2.style, key, values2)) || !optionalBoolean(block2.style, "hideOnMobile") || !optionalBoolean(block2.style, "hideOnDesktop") || own(block2.style, "anchor") && (!boundedString(block2.style.anchor, 80) || !/^[a-z0-9]+(?:-[a-z0-9]+)*$/.test(block2.style.anchor)))) return false;
+      if (block2.style !== void 0 && (!object(block2.style) || Object.entries(styleValues).some(([key, values2]) => !optionalEnum(block2.style, key, values2)) || !optionalBoolean(block2.style, "hideOnMobile") || !optionalBoolean(block2.style, "hideOnDesktop") || !optionalBoolean(block2.style, "border") || !styleHex(block2.style, "textColor") || !styleHex(block2.style, "background") || !mobileStyle(block2.style) || own(block2.style, "anchor") && (!boundedString(block2.style.anchor, 80) || !/^[a-z0-9]+(?:-[a-z0-9]+)*$/.test(block2.style.anchor)))) return false;
       if (leafTypes.has(block2.type)) return leafData(block2);
       const d = block2.data;
       if (!object(d)) return false;
-      if (block2.type === "section" && level === 0) return optionalEnum(d, "background", ["none", "muted", "accent", "dark"]) && optionalEnum(d, "padding", ["none", "small", "medium", "large"]) && optionalEnum(d, "width", ["normal", "wide", "full"]) && blocks(d.blocks, 1, 100);
+      if (block2.type === "section" && level === 0) return optionalEnum(d, "background", ["none", "muted", "accent", "dark"]) && optionalEnum(d, "padding", ["none", "small", "medium", "large"]) && optionalEnum(d, "width", ["normal", "wide", "full"]) && (!own(d, "globalId") || typeof d.globalId === "string" && uuid2.test(d.globalId)) && blocks(d.blocks, 1, 100);
       if (block2.type === "columns" && level < 2) return optionalEnum(d, "layout", ["1-1", "1-2", "2-1", "1-1-1", "1-1-1-1"]) && optionalEnum(d, "gap", ["small", "medium", "large"]) && optionalBoolean(d, "stackOnMobile") && Array.isArray(d.columns) && d.columns.length === (d.layout ?? "1-1").split("-").length && d.columns.every((column) => blocks(column, 2, 50));
       return false;
     });
@@ -13078,12 +13093,13 @@ var dataKeys = {
   table: ["header", "rows"],
   embed: ["url", "provider", "aspect"],
   form: ["formKey", "submitLabel", "successMessage", "consentText"],
-  section: ["background", "padding", "width"],
+  section: ["background", "padding", "width", "globalId"],
   columns: ["layout", "gap", "stackOnMobile"]
 };
 function publicBlock(block2) {
   const result = pick(block2, ["id", "type", "version", "text"]);
-  if (object(block2.style)) result.style = pick(block2.style, [...Object.keys(styleValues), "hideOnMobile", "hideOnDesktop", "anchor"]);
+  if (object(block2.style)) result.style = pick(block2.style, [...Object.keys(styleValues), "hideOnMobile", "hideOnDesktop", "border", "textColor", "background", "anchor"]);
+  if (result.style && object(block2.style.mobile)) result.style.mobile = pick(block2.style.mobile, ["align", "size", "padding", "spaceAbove", "spaceBelow"]);
   if (object(block2.data)) {
     const data = pick(block2.data, dataKeys[block2.type] ?? []);
     if (block2.type === "gallery") data.images = block2.data.images.map((image2) => pick(image2, ["id", "url", "alt", "width", "height", "srcset"]));
@@ -13849,8 +13865,8 @@ var require_util = __commonJS2({
     function uint8ArrayToBase64url(bytes) {
       return uint8ArrayToBase64(bytes).replace(/\+/g, "-").replace(/\//g, "_").replace(/=/g, "");
     }
-    function hexToUint8Array(hex) {
-      const cleanHex = hex.replace(/^0x/, "");
+    function hexToUint8Array(hex2) {
+      const cleanHex = hex2.replace(/^0x/, "");
       if (cleanHex.length % 2 !== 0) {
         throw new Error("Invalid hex string length");
       }
@@ -32044,7 +32060,7 @@ var require_schemas2 = __commonJS2({
     exports.jwt = jwt;
     exports.stringFormat = stringFormat;
     exports.hostname = hostname;
-    exports.hex = hex;
+    exports.hex = hex2;
     exports.hash = hash;
     exports.number = number;
     exports.int = int;
@@ -32630,7 +32646,7 @@ var require_schemas2 = __commonJS2({
     function hostname(_params) {
       return core._stringFormat(exports.ZodCustomStringFormat, "hostname", core.regexes.hostname, _params);
     }
-    function hex(_params) {
+    function hex2(_params) {
       return core._stringFormat(exports.ZodCustomStringFormat, "hex", core.regexes.hex, _params);
     }
     function hash(alg, params) {
@@ -34843,7 +34859,11 @@ var link2 = import_zod.z.object({ label: import_zod.z.string().trim().min(1).max
 var links = import_zod.z.array(link2).max(40);
 var headerLink = link2.extend({ url: link2.shape.url.optional(), children: import_zod.z.array(link2).max(20).optional() }).refine((value) => value.url !== void 0 || (value.children?.length ?? 0) > 0, { message: "Header links without dropdown children need a URL", path: ["url"] });
 var footerGroup = import_zod.z.object({ title: import_zod.z.string().trim().min(1).max(80), links: import_zod.z.array(link2).max(20) });
+var designFonts = ["system", "Inter", "Roboto", "Open Sans", "Lato", "Poppins", "Montserrat", "Nunito", "Merriweather", "Playfair Display", "Lora", "Source Serif 4"];
+var hex = import_zod.z.string().regex(/^#[0-9a-fA-F]{6}$/);
+var designColors = import_zod.z.object({ primary: hex, primaryText: hex, background: hex, surface: hex, text: hex, mutedText: hex, border: hex });
 var configurationSchemas = {
+  design: import_zod.z.object({ colors: designColors, typography: import_zod.z.object({ bodyFont: import_zod.z.enum(designFonts), headingFont: import_zod.z.enum(designFonts), baseSize: import_zod.z.number().int().min(14).max(20), headingWeight: import_zod.z.union([import_zod.z.literal(500), import_zod.z.literal(600), import_zod.z.literal(700), import_zod.z.literal(800)]) }), layout: import_zod.z.object({ containerWidth: import_zod.z.number().int().min(720).max(1440), radius: import_zod.z.number().int().min(0).max(24), spacing: import_zod.z.enum(["compact", "comfortable", "spacious"]) }), buttons: import_zod.z.object({ style: import_zod.z.enum(["solid", "outline", "soft"]), shape: import_zod.z.enum(["square", "rounded", "pill"]), uppercase: import_zod.z.boolean() }), header: import_zod.z.object({ layout: import_zod.z.enum(["left", "centered", "split"]), sticky: import_zod.z.boolean(), ctaLabel: import_zod.z.string().max(40), ctaUrl: import_zod.z.string().max(2048) }).optional(), footer: import_zod.z.object({ layout: import_zod.z.enum(["simple", "centered", "columns"]), showSocial: import_zod.z.boolean() }).optional() }),
   branding: import_zod.z.object({ description: import_zod.z.string().max(2e3), logoUrl: url, faviconUrl: url, logoAlt: text3, accentColor: import_zod.z.string().regex(/^#[0-9a-fA-F]{6}$/) }),
   social: import_zod.z.object({ profiles: import_zod.z.array(socialProfile).max(20), alignment: import_zod.z.enum(["left", "center", "right"]).optional() }),
   seo: import_zod.z.object({
@@ -34904,6 +34924,15 @@ var styleSchema = import_zod2.z.object({
   spaceBelow: import_zod2.z.enum(["none", "small", "medium", "large"]).optional(),
   hideOnMobile: import_zod2.z.boolean().optional(),
   hideOnDesktop: import_zod2.z.boolean().optional(),
+  textColor: import_zod2.z.string().regex(/^#[0-9a-fA-F]{6}$/).optional(),
+  background: import_zod2.z.string().regex(/^#[0-9a-fA-F]{6}$/).optional(),
+  padding: import_zod2.z.enum(["none", "small", "medium", "large"]).optional(),
+  radius: import_zod2.z.enum(["none", "small", "medium", "large", "pill"]).optional(),
+  border: import_zod2.z.boolean().optional(),
+  weight: import_zod2.z.enum(["normal", "medium", "bold"]).optional(),
+  maxWidth: import_zod2.z.enum(["narrow", "normal", "full"]).optional(),
+  mobile: import_zod2.z.object({ align: import_zod2.z.enum(["left", "center", "right"]).optional(), size: import_zod2.z.enum(["small", "normal", "large"]).optional(), padding: import_zod2.z.enum(["none", "small", "medium", "large"]).optional(), spaceAbove: import_zod2.z.enum(["none", "small", "medium", "large"]).optional(), spaceBelow: import_zod2.z.enum(["none", "small", "medium", "large"]).optional() }).strict().optional(),
+  animation: import_zod2.z.enum(["fade-up", "fade-in", "zoom-in", "slide-left"]).optional(),
   anchor: import_zod2.z.string().regex(/^[a-z0-9]+(?:-[a-z0-9]+)*$/).max(80).optional()
 });
 var id = import_zod2.z.string().uuid();
@@ -34968,6 +34997,8 @@ var sectionSchema = block("section", import_zod2.z.object({
   background: import_zod2.z.enum(["none", "muted", "accent", "dark"]).default("none"),
   padding: import_zod2.z.enum(["none", "small", "medium", "large"]).default("medium"),
   width: import_zod2.z.enum(["normal", "wide", "full"]).default("normal"),
+  /** Linked to a saved site section: websites show that section's current content. */
+  globalId: import_zod2.z.string().uuid().optional(),
   blocks: import_zod2.z.array(import_zod2.z.union([leafSchema, columnsSchema])).max(100)
 }));
 var blockSchema = import_zod2.z.union([leafSchema, columnsSchema, sectionSchema]);
@@ -35172,7 +35203,7 @@ function serializeNativeWebsite(value) {
 var website_default = ".cms-website { --cms-website-accent: #2563eb; }\n.cms-website-header:empty, .cms-website-footer:empty { display: none; }\n.cms-website-header, .cms-website-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem clamp(1rem, 4vw, 3rem); color: inherit; background: inherit; }\n.cms-website-header:not(:has(> *)), .cms-website-footer:not(:has(> *)) { display: none; }\n.cms-website-header { border-bottom: 1px solid color-mix(in srgb, currentColor 15%, transparent); }\n.cms-website-footer { border-top: 1px solid color-mix(in srgb, currentColor 15%, transparent); }\n.cms-website a { overflow-wrap: anywhere; }\n.cms-website-header a, .cms-website-footer a, .cms-website-supplement a, .cms-website-page a { color: var(--cms-website-accent); }\n.cms-website-branding { max-width: 40rem; }\n.cms-website-branding img { display: block; max-width: min(15rem, 70vw); max-height: 4rem; width: auto; height: auto; object-fit: contain; }\n.cms-website-branding p { margin: .5rem 0 0; font-size: .9rem; }\n.cms-website-navigation { max-width: 100%; }\n.cms-website-navigation ul, .cms-website-social, .cms-website-languages, .cms-website-terms { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1.25rem; margin: 0; padding: 0; list-style: none; }\n.cms-website-navigation a, .cms-website-navigation summary, .cms-website-social a, .cms-website-languages a, .cms-website-terms a { display: inline-flex; gap: .5rem; align-items: center; min-height: 2.75rem; }\n.cms-website-navigation details { position: relative; }\n.cms-website-navigation summary { cursor: pointer; }\n.cms-website-navigation summary::after { content: '\u2304'; margin-inline-start: .3rem; }\n.cms-website-navigation details > ul { position: absolute; z-index: 40; top: 100%; min-width: 12rem; max-width: min(20rem, 85vw); flex-direction: column; align-items: stretch; gap: 0; padding: .5rem 1rem; border: 1px solid #64748b; border-radius: .5rem; color: #0f172a; background: #fff; box-shadow: 0 .5rem 1.5rem #0002; }\n.cms-website-footer-groups { display: flex; gap: 2rem; flex-wrap: wrap; }\n.cms-website-footer-groups h2 { font-size: 1rem; margin: .75rem 0; }\n.cms-website-footer-groups ul { flex-direction: column; align-items: start; gap: 0; }\n.cms-website-social img { width: 1.25rem; height: 1.25rem; object-fit: contain; }\n.cms-website-align-left { justify-content: flex-start; }.cms-website-align-center { justify-content: center; }.cms-website-align-right { justify-content: flex-end; }\n.cms-website-languages [aria-current=page] { font-weight: 700; text-decoration: underline; }\n.cms-website-page { width: min(100% - 2rem, 72rem); margin: 0 auto; padding: 3rem 0; overflow-wrap: anywhere; }\n.cms-website-page.cms-website-layout-narrow, .cms-website-native.cms-website-layout-narrow { max-width: 48rem; margin-inline: auto; }\n.cms-website-page.cms-website-layout-wide { width: min(100% - 2rem, 90rem); }\n.cms-website-native.cms-website-layout-standard { max-width: 80rem; margin-inline: auto; }\n.cms-website-native.cms-website-layout-wide { max-width: 100%; }\n.cms-website-page > h1 { font-size: clamp(2rem, 5vw, 3.5rem); line-height: 1.15; margin: 1rem 0; }\n.cms-website-excerpt { font-size: 1.15rem; line-height: 1.7; }\n.cms-website-featured { display: block; width: 100%; height: auto; max-height: 36rem; object-fit: cover; margin: 1.5rem 0; border-radius: .75rem; }\n.cms-website-toc, .cms-website-author, .cms-website-related { margin-block: 2rem; padding: 1.25rem; border: 1px solid color-mix(in srgb, currentColor 20%, transparent); border-radius: .75rem; }\n.cms-website-toc h2, .cms-website-author h2, .cms-website-related h2 { font-size: 1.25rem; }\n.cms-website-author { display: flex; align-items: flex-start; gap: 1rem; }\n.cms-website-author img { width: 4rem; height: 4rem; object-fit: cover; border-radius: 50%; }\n.cms-website-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr)); gap: 1.5rem; }\n.cms-website-cards article { padding: 1rem; border: 1px solid color-mix(in srgb, currentColor 20%, transparent); border-radius: .5rem; }\n.cms-website-share { display: flex; gap: .75rem; align-items: center; margin-block: 1rem; }\n.cms-website-share button, .cms-website-preferences, .cms-website-consent button { min-height: 2.75rem; padding: .5rem 1rem; font: inherit; border: 1px solid #64748b; border-radius: .4rem; cursor: pointer; background: transparent; color: inherit; }\n.cms-website-supplement { margin: 1rem clamp(1rem, 4vw, 3rem); }\n.cms-website-consent { position: fixed; z-index: 1000; bottom: 1rem; width: min(32rem, calc(100vw - 2rem)); max-height: calc(100dvh - 2rem); overflow-y: auto; box-sizing: border-box; padding: 1.25rem; border: 1px solid #cbd5e1; border-radius: .75rem; background: #fff; color: #0f172a; box-shadow: 0 .5rem 3rem #0003; font: 1rem/1.5 system-ui, sans-serif; }\n.cms-website-consent h2 { margin: 0 0 .5rem; font-size: 1.25rem; }.cms-website-consent p { margin: .5rem 0; }\n.cms-website-consent fieldset { margin: 1rem 0; padding: .75rem; }.cms-website-consent label { display: flex; align-items: center; gap: .5rem; min-height: 2.75rem; }.cms-website-consent input { width: 1.2rem; height: 1.2rem; }\n.cms-website-consent-actions { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1rem; }\n.cms-website-bottom-left { left: 1rem; }.cms-website-bottom-right { right: 1rem; }.cms-website-bottom-center { left: 50%; transform: translateX(-50%); }\n.cms-website-error { margin: 4rem auto; padding: 1rem; max-width: 48rem; }\n.cms-website :focus-visible { outline: 3px solid var(--cms-website-accent); outline-offset: 3px; }\n@media(max-width: 640px) { .cms-website-header, .cms-website-footer { align-items: stretch; flex-direction: column; }.cms-website-navigation details > ul { position: static; max-width: 100%; }.cms-website-page { padding-block: 1.5rem; }.cms-website-author { flex-wrap: wrap; } }\n";
 
 // native-css:/Users/jasmeet/Codex/Universal-CMS/integrations/react/src/styles.css
-var styles_default = ".cms-document{overflow-wrap:anywhere}.cms-document img{max-width:100%;height:auto}.cms-document pre,.cms-table-scroll{overflow-x:auto}.cms-document figure{margin:0}.cms-document blockquote{border-inline-start:3px solid currentColor;padding-inline-start:1rem}.cms-document table{border-collapse:collapse;width:100%}.cms-document th,.cms-document td{border:1px solid #8886;padding:.6rem;text-align:start}.cms-gallery,.cms-columns{display:grid;gap:1rem}.cms-grid-2,.cms-layout-1-1{grid-template-columns:repeat(2,minmax(0,1fr))}.cms-grid-3,.cms-layout-1-1-1{grid-template-columns:repeat(3,minmax(0,1fr))}.cms-grid-4,.cms-layout-1-1-1-1{grid-template-columns:repeat(4,minmax(0,1fr))}.cms-layout-1-2{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.cms-layout-2-1{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.cms-gap-small{gap:.5rem}.cms-gap-large{gap:2rem}.cms-embed{border:0;width:100%;height:auto}.cms-button{display:inline-block;padding:.65rem 1rem;border:1px solid currentColor;border-radius:.4rem}.cms-button-link{border:0;padding:0}.cms-form fieldset{border:0;padding:0;display:grid;gap:1rem}.cms-form-field{display:grid;gap:.35rem}.cms-form input,.cms-form textarea,.cms-form select{font:inherit;max-width:100%;padding:.6rem}.cms-form input[type=checkbox]{margin-inline-end:.5rem}.cms-selected{outline:2px solid #2563eb;outline-offset:3px}.cms-align-left{text-align:left}.cms-align-center{text-align:center}.cms-align-right{text-align:right}.cms-size-small{font-size:.875em}.cms-size-large{font-size:1.25em}.cms-tone-muted{opacity:.75}.cms-tone-accent{color:var(--cms-accent,#2563eb)}.cms-tone-inverse,.cms-section-dark{background:#20242c;color:#fff}.cms-section-muted{background:#8881}.cms-section-accent{background:var(--cms-accent,#2563eb);color:#fff}.cms-padding-small{padding:.75rem}.cms-padding-medium{padding:1.5rem}.cms-padding-large{padding:3rem}.cms-width-normal{max-width:70rem;margin-inline:auto}.cms-width-wide{max-width:90rem;margin-inline:auto}.cms-spaceAbove-small{margin-top:.5rem}.cms-spaceAbove-medium{margin-top:1rem}.cms-spaceAbove-large{margin-top:2rem}.cms-spaceBelow-small{margin-bottom:.5rem}.cms-spaceBelow-medium{margin-bottom:1rem}.cms-spaceBelow-large{margin-bottom:2rem}.cms-spaceAbove-none{margin-top:0}.cms-spaceBelow-none{margin-bottom:0}@media(min-width:641px){.cms-hideOnDesktop-true{display:none}}@media(max-width:640px){.cms-hideOnMobile-true{display:none}.cms-stack,.cms-gallery{grid-template-columns:minmax(0,1fr)}.cms-padding-large{padding:1.5rem}}\n\n.cms-document .cms-block,.cms-document .cms-column{min-width:0}.cms-block-paragraph>p,.cms-block-heading>h2,.cms-block-heading>h3,.cms-block-heading>h4,.cms-block-quote>blockquote,.cms-document figcaption,.cms-block-faq p{white-space:pre-line}.cms-image-align-left{text-align:left}.cms-image-align-center{text-align:center}.cms-image-align-right{text-align:right}.cms-image-align-full img{width:100%}.cms-document .cms-image-align-left img,.cms-document .cms-image-align-center img,.cms-document .cms-image-align-right img{display:inline-block}.cms-gallery img{width:100%;height:auto}.cms-table-scroll:focus-visible{outline:2px solid var(--cms-accent,#2563eb);outline-offset:3px}\n";
+var styles_default = ".cms-document{overflow-wrap:anywhere}.cms-document img{max-width:100%;height:auto}.cms-document pre,.cms-table-scroll{overflow-x:auto}.cms-document figure{margin:0}.cms-document blockquote{border-inline-start:3px solid currentColor;padding-inline-start:1rem}.cms-document table{border-collapse:collapse;width:100%}.cms-document th,.cms-document td{border:1px solid #8886;padding:.6rem;text-align:start}.cms-gallery,.cms-columns{display:grid;gap:1rem}.cms-grid-2,.cms-layout-1-1{grid-template-columns:repeat(2,minmax(0,1fr))}.cms-grid-3,.cms-layout-1-1-1{grid-template-columns:repeat(3,minmax(0,1fr))}.cms-grid-4,.cms-layout-1-1-1-1{grid-template-columns:repeat(4,minmax(0,1fr))}.cms-layout-1-2{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.cms-layout-2-1{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.cms-gap-small{gap:.5rem}.cms-gap-large{gap:2rem}.cms-embed{border:0;width:100%;height:auto}.cms-button{display:inline-block;padding:.65rem 1rem;border:1px solid currentColor;border-radius:.4rem}.cms-button-link{border:0;padding:0}.cms-form fieldset{border:0;padding:0;display:grid;gap:1rem}.cms-form-field{display:grid;gap:.35rem}.cms-form input,.cms-form textarea,.cms-form select{font:inherit;max-width:100%;padding:.6rem}.cms-form input[type=checkbox]{margin-inline-end:.5rem}.cms-selected{outline:2px solid #2563eb;outline-offset:3px}.cms-align-left{text-align:left}.cms-align-center{text-align:center}.cms-align-right{text-align:right}.cms-size-small{font-size:.875em}.cms-size-large{font-size:1.25em}.cms-tone-muted{opacity:.75}.cms-tone-accent{color:var(--cms-accent,#2563eb)}.cms-tone-inverse,.cms-section-dark{background:#20242c;color:#fff}.cms-section-muted{background:#8881}.cms-section-accent{background:var(--cms-accent,#2563eb);color:#fff}.cms-padding-small{padding:.75rem}.cms-padding-medium{padding:1.5rem}.cms-padding-large{padding:3rem}.cms-width-normal{max-width:70rem;margin-inline:auto}.cms-width-wide{max-width:90rem;margin-inline:auto}.cms-spaceAbove-small{margin-top:.5rem}.cms-spaceAbove-medium{margin-top:1rem}.cms-spaceAbove-large{margin-top:2rem}.cms-spaceBelow-small{margin-bottom:.5rem}.cms-spaceBelow-medium{margin-bottom:1rem}.cms-spaceBelow-large{margin-bottom:2rem}.cms-spaceAbove-none{margin-top:0}.cms-spaceBelow-none{margin-bottom:0}@media(min-width:641px){.cms-hideOnDesktop-true{display:none}}@media(max-width:640px){.cms-hideOnMobile-true{display:none}.cms-stack,.cms-gallery{grid-template-columns:minmax(0,1fr)}.cms-padding-large{padding:1.5rem}}\n\n.cms-document .cms-block,.cms-document .cms-column{min-width:0}.cms-block-paragraph>p,.cms-block-heading>h2,.cms-block-heading>h3,.cms-block-heading>h4,.cms-block-quote>blockquote,.cms-document figcaption,.cms-block-faq p{white-space:pre-line}.cms-image-align-left{text-align:left}.cms-image-align-center{text-align:center}.cms-image-align-right{text-align:right}.cms-image-align-full img{width:100%}.cms-document .cms-image-align-left img,.cms-document .cms-image-align-center img,.cms-document .cms-image-align-right img{display:inline-block}.cms-gallery img{width:100%;height:auto}.cms-table-scroll:focus-visible{outline:2px solid var(--cms-accent,#2563eb);outline-offset:3px}\n\n.cms-preview-toolbar{display:flex;gap:2px;padding:3px;border-radius:8px;background:#1c1940;box-shadow:0 6px 18px rgb(0 0 0/18%)}.cms-preview-toolbar button{width:28px;height:28px;border:0;border-radius:6px;background:transparent;color:#fff;font:600 13px/1 system-ui,sans-serif;cursor:pointer}.cms-preview-toolbar button:hover{background:rgb(255 255 255/14%)}.cms-inline-editing{outline:none;cursor:text;caret-color:currentColor}\n.cms-padding-none{padding:0}.cms-padding-small{padding:.75rem}.cms-padding-medium{padding:1.5rem}.cms-padding-large{padding:3rem}.cms-radius-none{border-radius:0}.cms-radius-small{border-radius:.375rem}.cms-radius-medium{border-radius:.75rem}.cms-radius-large{border-radius:1.25rem}.cms-radius-pill{border-radius:999px}.cms-border-true{border:1px solid color-mix(in srgb,currentColor 18%,transparent)}.cms-weight-normal{font-weight:400}.cms-weight-medium{font-weight:500}.cms-weight-bold{font-weight:700}.cms-maxWidth-narrow{max-width:42rem;margin-inline:auto}.cms-maxWidth-normal{max-width:64rem;margin-inline:auto}.cms-maxWidth-full{max-width:none}\n@media (max-width:760px){.cms-m-align-left{text-align:left!important}.cms-m-align-center{text-align:center!important}.cms-m-align-right{text-align:right!important}.cms-m-size-small{font-size:.875em!important}.cms-m-size-normal{font-size:1em!important}.cms-m-size-large{font-size:1.25em!important}.cms-m-padding-none{padding:0!important}.cms-m-padding-small{padding:.75rem!important}.cms-m-padding-medium{padding:1.25rem!important}.cms-m-padding-large{padding:2.5rem!important}.cms-m-spaceAbove-none{margin-top:0!important}.cms-m-spaceAbove-small{margin-top:.5rem!important}.cms-m-spaceAbove-medium{margin-top:1.25rem!important}.cms-m-spaceAbove-large{margin-top:2.5rem!important}.cms-m-spaceBelow-none{margin-bottom:0!important}.cms-m-spaceBelow-small{margin-bottom:.5rem!important}.cms-m-spaceBelow-medium{margin-bottom:1.25rem!important}.cms-m-spaceBelow-large{margin-bottom:2.5rem!important}}\n.cms-preview-drag{display:grid;place-items:center;width:28px;height:28px;border-radius:6px;color:#fff;cursor:grab;font:600 14px/1 system-ui,sans-serif}.cms-preview-drag:hover{background:rgb(255 255 255/14%)}\n";
 
 // src/native-website-server.tsx
 function renderNativeWebsite(value, childrenHtml = "") {