@omniharmonic/openspace-renderer 0.0.0-stage → 0.1.0

package/dist/index.js

@@ -0,0 +1,2023 @@
+import {
+  BASE_CSS,
+  BEHAVIORS,
+  BEHAVIOR_BUDGETS,
+  BEHAVIOR_LOADER,
+  behaviorsInHtml,
+  isBehaviorName
+} from "./chunk-RO5BKIKN.js";
+
+// src/block.tsx
+import {
+  migrateBlock,
+  resolve as resolve2
+} from "@omniharmonic/openspace-schema";
+import { imageTreatmentClass, TOKEN_VARS as TOKEN_VARS2, themeClass } from "@omniharmonic/openspace-theme";
+import { Component, useContext as useContext2 } from "react";
+
+// src/context.tsx
+import { createContext, useContext } from "react";
+var DEFAULT_CONTEXT = {
+  doc: void 0,
+  page: void 0,
+  mode: "production",
+  basePath: "",
+  hubUrl: void 0
+};
+var RenderContext = createContext(DEFAULT_CONTEXT);
+function useRenderContext() {
+  return useContext(RenderContext);
+}
+var ImageResolverContext = createContext({});
+function useImageMap() {
+  return useContext(ImageResolverContext);
+}
+var BlockRegistryContext = createContext(void 0);
+var EditorContext = createContext(void 0);
+function useEditor() {
+  return useContext(EditorContext);
+}
+var BlockFieldsContext = createContext(void 0);
+function fieldPathOf(fields, value, depth = 4) {
+  if (!value || typeof value !== "object") return void 0;
+  const visit = (node, path, d) => {
+    if (node === value) return path.join(".");
+    if (d === 0 || !node || typeof node !== "object") return void 0;
+    if (node.type === "doc") return void 0;
+    for (const [k, v] of Object.entries(node)) {
+      if (v && typeof v === "object") {
+        const found = visit(v, [...path, k], d - 1);
+        if (found) return found;
+      }
+    }
+    return void 0;
+  };
+  for (const [k, v] of Object.entries(fields)) {
+    const found = visit(v, [k], depth);
+    if (found) return found;
+  }
+  return void 0;
+}
+var SectionContext = createContext(void 0);
+
+// src/cx.ts
+function cx(...parts) {
+  return parts.filter(Boolean).join(" ");
+}
+
+// src/layout-vars.ts
+import {
+  GRID_COLUMNS,
+  resolve
+} from "@omniharmonic/openspace-schema";
+import { colorVar, TOKEN_VARS } from "@omniharmonic/openspace-theme";
+import { fallbackMobileRects } from "@omniharmonic/openspace-schema";
+var PREFIX = { d: "", t: "t", m: "m" };
+var BPS = ["d", "t", "m"];
+function responsiveVars(name2, value, map) {
+  const out = {};
+  if (!value) return out;
+  for (const bp of BPS) out[`--${PREFIX[bp]}${name2}`] = map(resolve(value, bp));
+  return out;
+}
+var spaceVar = (token) => `var(${TOKEN_VARS.space[token] ?? TOKEN_VARS.space.md})`;
+function sectionStyleVars(style) {
+  return {
+    ...responsiveVars("pad", style.padding, spaceVar),
+    ...responsiveVars("minh", style.minHeight, (v) => v)
+  };
+}
+var fr = (cols) => cols.map((c) => `minmax(0, ${c}fr)`).join(" ");
+function stackVars(layout) {
+  return {
+    ...responsiveVars("cols", layout.columns, fr),
+    ...layout.gap ? { "--gap": spaceVar(layout.gap) } : {}
+  };
+}
+function stackColumnVars(layout, index) {
+  const out = {};
+  const t = layout.order?.t;
+  const m = layout.order?.m ?? t;
+  if (t) out["--to"] = t.includes(index) ? t.indexOf(index) : t.length + index;
+  if (m) out["--mo"] = m.includes(index) ? m.indexOf(index) : m.length + index;
+  return out;
+}
+function blocksByColumn(layout, blocks2) {
+  const count = layout.columns.d.length;
+  const cols = Array.from({ length: count }, () => []);
+  for (const b of blocks2) {
+    const i = Math.min(Math.max(b.column ?? 0, 0), count - 1);
+    cols[i]?.push(b);
+  }
+  return cols;
+}
+function gridVars(layout) {
+  return responsiveVars("rows", layout.rows, (v) => v);
+}
+function rectVars(rect, bp) {
+  const p = PREFIX[bp];
+  const out = {
+    [`--${p}x`]: rect.x,
+    [`--${p}y`]: rect.y,
+    [`--${p}w`]: rect.w,
+    [`--${p}h`]: rect.h
+  };
+  if (rect.z !== void 0) out[`--${p}z`] = rect.z;
+  if (rect.bleed === "left" || rect.bleed === "both") out[`--${p}cs`] = "full-start";
+  if (rect.bleed === "right" || rect.bleed === "both") out[`--${p}ce`] = "full-end";
+  if (rect.pin === "top") out[`--${p}rs`] = 1;
+  if (rect.pin === "bottom") {
+    out[`--${p}rs`] = `span ${rect.h}`;
+    out[`--${p}re`] = -1;
+  }
+  return out;
+}
+function gridItemVars(layout, id, mobileFallback) {
+  const item = layout.items[id];
+  if (!item) return {};
+  const m = item.m ?? mobileFallback?.[id] ?? { ...item.d, x: 1, w: GRID_COLUMNS.m };
+  return {
+    ...rectVars(item.d, "d"),
+    ...rectVars(item.t ?? item.d, "t"),
+    ...rectVars(clampRect(m, GRID_COLUMNS.m), "m")
+  };
+}
+function clampRect(rect, cols) {
+  if (rect.x + rect.w - 1 <= cols) return rect;
+  const x = Math.min(rect.x, cols);
+  return { ...rect, x, w: Math.max(1, cols - x + 1) };
+}
+function mobileRows(layout, fallback) {
+  let rows = resolve(layout.rows, "m");
+  for (const r of Object.values(fallback)) rows = Math.max(rows, r.y + r.h - 1);
+  return rows;
+}
+function colorValue(value) {
+  return /^[a-z]/.test(value) && !/^(?:oklch|oklab|rgb|rgba|hsl|hsla|lab|lch)\(/.test(value) ? `var(${colorVar(value)})` : value;
+}
+
+// src/registry.ts
+var blocks = /* @__PURE__ */ new Map();
+function registerBlocks(defs) {
+  for (const def of defs) blocks.set(def.type, def);
+}
+function getBlock(type) {
+  return blocks.get(type);
+}
+function listBlocks() {
+  return [...blocks.values()];
+}
+function unregisterBlocks(...types) {
+  if (types.length === 0) blocks.clear();
+  for (const t of types) blocks.delete(t);
+}
+var globalRegistry = { get: (type) => blocks.get(type) };
+
+// src/block.tsx
+import { Fragment, jsx } from "react/jsx-runtime";
+var blockTypeClass = (type) => `os-block--${type.replace(/\//g, "-")}`;
+var spaceVar2 = (t) => `var(${TOKEN_VARS2.space[t] ?? TOKEN_VARS2.space.md})`;
+function alignClasses(align) {
+  return `os-align-${resolve2(align, "d")} os-talign-${resolve2(align, "t")} os-malign-${resolve2(align, "m")}`;
+}
+function blockStyleProps(style, mode) {
+  const vars = {};
+  const attrs = {};
+  if (!style) return { className: "", vars, attrs };
+  Object.assign(vars, responsiveVars("bpad", style.padding, spaceVar2));
+  if (style.radius) vars["--radius"] = `var(${TOKEN_VARS2.radius[style.radius]})`;
+  if (style.shadow) vars["--shadow"] = `var(${TOKEN_VARS2.shadow[style.shadow]})`;
+  const entrance = style.animation?.entrance;
+  if (entrance && entrance !== "none" && mode !== "editor") {
+    attrs["data-os-behavior"] = "reveal";
+    attrs["data-os-reveal"] = entrance;
+  }
+  const className = cx(
+    style.colorTheme && `${themeClass(style.colorTheme)} os-themed`,
+    style.imageTreatment && imageTreatmentClass(style.imageTreatment),
+    style.padding && "has-pad",
+    style.align && alignClasses(style.align),
+    style.radius && "has-radius",
+    style.shadow && style.shadow !== "none" && "has-shadow",
+    style.border && style.border !== "none" && `os-border-${style.border}`
+  );
+  return { className, vars, attrs };
+}
+function MissingBlock({ block, reason }) {
+  const editor = useEditor();
+  const { mode } = useRenderContext();
+  if (mode === "production") return null;
+  if (editor?.renderMissingBlock) return /* @__PURE__ */ jsx(Fragment, { children: editor.renderMissingBlock({ block, reason }) });
+  return /* @__PURE__ */ jsx("div", { className: "os-block-missing", role: "note", children: reason });
+}
+function prepare(def, raw, mode) {
+  if (!def) return { ok: false, reason: `Unknown block type \u201C${raw.type}\u201D` };
+  let block = raw;
+  try {
+    if (raw.v < def.version) block = migrateBlock(def, raw);
+  } catch (err) {
+    return { ok: false, reason: `Could not upgrade this ${def.label} block: ${String(err)}` };
+  }
+  const parsed = def.fieldsSchema.safeParse(block.fields);
+  if (parsed.success)
+    return { ok: true, def, block, fields: parsed.data };
+  if (mode !== "production")
+    return {
+      ok: false,
+      reason: `This ${def.label} block has invalid content: ${parsed.error.issues[0]?.message ?? "unknown error"}`
+    };
+  const repaired = repairFields(def, block.fields, parsed.error.issues);
+  const again = def.fieldsSchema.safeParse(repaired);
+  if (again.success) return { ok: true, def, block, fields: again.data };
+  return { ok: false, reason: `This ${def.label} block has invalid content` };
+}
+function repairFields(def, fields, issues) {
+  const out = { ...fields };
+  const defaults = def.meta.defaults.fields;
+  for (const issue of issues) {
+    const key = issue.path[0];
+    if (typeof key !== "string") continue;
+    if (defaults[key] !== void 0) out[key] = structuredClone(defaults[key]);
+    else delete out[key];
+  }
+  return out;
+}
+function RenderBlock(props) {
+  const { def, block, fields } = props;
+  try {
+    return /* @__PURE__ */ jsx(BlockFieldsContext.Provider, { value: { block, fields }, children: def.render({
+      id: block.id,
+      fields,
+      variant: block.variant ?? def.defaults.variant,
+      style: block.style,
+      block
+    }) });
+  } catch (err) {
+    return /* @__PURE__ */ jsx(MissingBlock, { block, reason: `This block failed to render: ${String(err)}` });
+  }
+}
+var BlockErrorBoundary = class extends Component {
+  state = { error: null };
+  static getDerivedStateFromError(err) {
+    return { error: String(err) };
+  }
+  render() {
+    if (this.state.error)
+      return /* @__PURE__ */ jsx(
+        MissingBlock,
+        {
+          block: this.props.block,
+          reason: `This block failed to render: ${this.state.error}`
+        }
+      );
+    return this.props.children;
+  }
+};
+function BlockView({ block, section }) {
+  const registry = useContext2(BlockRegistryContext) ?? globalRegistry;
+  const ctx = useRenderContext();
+  const editor = useEditor();
+  const def = registry.get(block.type);
+  if (block.hidden && ctx.mode !== "editor") return null;
+  const prepared = prepare(def, block, ctx.mode);
+  const content = prepared.ok ? /* @__PURE__ */ jsx(BlockErrorBoundary, { block, children: /* @__PURE__ */ jsx(RenderBlock, { def: prepared.def, block: prepared.block, fields: prepared.fields }) }) : /* @__PURE__ */ jsx(MissingBlock, { block, reason: prepared.reason });
+  if (!prepared.ok && ctx.mode === "production" && !editor) return null;
+  const variant = prepared.ok ? prepared.block.variant ?? prepared.def.defaults.variant : void 0;
+  const s = blockStyleProps(block.style, ctx.mode);
+  const el = /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cx(
+        "os-block",
+        blockTypeClass(block.type),
+        variant && `is-${variant}`,
+        s.className
+      ),
+      "data-os-id": block.id,
+      "data-os-block": block.type,
+      "data-os-hidden": block.hidden ? "" : void 0,
+      style: Object.keys(s.vars).length ? s.vars : void 0,
+      ...s.attrs,
+      children: content
+    }
+  );
+  return editor?.wrapBlock ? editor.wrapBlock({ block, section, children: el }) : el;
+}
+
+// src/chrome.tsx
+import { themeClass as themeClass3 } from "@omniharmonic/openspace-theme";
+import { useContext as useContext5 } from "react";
+
+// src/image.tsx
+import { imageTreatmentClass as imageTreatmentClass2 } from "@omniharmonic/openspace-theme";
+import { createContext as createContext2, useContext as useContext3 } from "react";
+
+// src/link.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+function normalizeBasePath(basePath) {
+  if (!basePath) return "";
+  const trimmed = basePath.replace(/^\/+|\/+$/g, "");
+  return trimmed ? `/${trimmed}` : "";
+}
+function pagePath(page, basePath = "") {
+  const base = normalizeBasePath(basePath);
+  return page.slug ? `${base}/${page.slug}/` : `${base}/`;
+}
+function itemPath(collection, slug, basePath = "") {
+  return `${normalizeBasePath(basePath)}/${collection}/${slug}/`;
+}
+function mediaUrl(src, basePath = "") {
+  if (/^https?:\/\//.test(src) || src.startsWith("data:")) return src;
+  return `${normalizeBasePath(basePath)}/${src.replace(/^\/+/, "")}`;
+}
+function withBase(href, basePath = "") {
+  const base = normalizeBasePath(basePath);
+  if (!base || !href.startsWith("/") || href.startsWith("//")) return href;
+  if (href === base || href.startsWith(`${base}/`)) return href;
+  return `${base}${href}`;
+}
+function sectionFragment(section) {
+  return section.anchor ?? section.id;
+}
+function resolveLink(link, opts = {}) {
+  const base = opts.basePath ?? "";
+  const ok = (href, newTab = false, external = false) => ({
+    href,
+    newTab,
+    broken: false,
+    external
+  });
+  switch (link.type) {
+    case "page": {
+      const page = opts.doc?.pages[link.page];
+      if (opts.doc && !page) return { href: "#", newTab: false, broken: true, external: false };
+      const path = page ? pagePath(page, base) : `${normalizeBasePath(base)}/`;
+      const hash = link.anchor ? `#${link.anchor}` : "";
+      if (hash && link.page === opts.currentPageId) return ok(hash);
+      return ok(path + hash);
+    }
+    case "item": {
+      const exists = opts.doc ? Boolean(opts.doc.collections[link.collection]?.[link.slug]) : true;
+      return {
+        href: itemPath(link.collection, link.slug, base),
+        newTab: false,
+        broken: !exists,
+        external: false
+      };
+    }
+    case "url": {
+      const external = /^https?:\/\//.test(link.url);
+      return ok(external ? link.url : withBase(link.url, base), link.newTab ?? false, external);
+    }
+    case "email": {
+      const subject = link.subject ? `?subject=${encodeURIComponent(link.subject)}` : "";
+      return ok(`mailto:${link.email}${subject}`);
+    }
+    case "phone":
+      return ok(`tel:${link.phone.replace(/[^+0-9]/g, "")}`);
+    case "file":
+      return ok(mediaUrl(link.src, base), link.newTab ?? false, /^https?:\/\//.test(link.src));
+    case "anchor": {
+      if (!opts.doc) return ok(`#${link.section}`);
+      for (const page of Object.values(opts.doc.pages)) {
+        const section = page.sections.find((s) => s.id === link.section);
+        if (!section) continue;
+        const hash = `#${sectionFragment(section)}`;
+        return ok(page.id === opts.currentPageId ? hash : pagePath(page, base) + hash);
+      }
+      return { href: "#", newTab: false, broken: true, external: false };
+    }
+  }
+}
+function Link({ to, children, ...rest }) {
+  const ctx = useRenderContext();
+  const r = resolveLink(to, { doc: ctx.doc, basePath: ctx.basePath, currentPageId: ctx.page?.id });
+  const extra = {};
+  if (r.newTab) {
+    extra.target = "_blank";
+    extra.rel = "noopener";
+  }
+  if (r.broken && ctx.mode !== "production") extra["data-os-broken-link"] = "";
+  return /* @__PURE__ */ jsx2("a", { href: r.href, ...extra, ...rest, children });
+}
+
+// src/image.tsx
+import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+var REMOTE_WIDTHS = [480, 640, 768, 960, 1080, 1440, 1920, 2400];
+function remoteSrcset(src, intrinsicWidth) {
+  let url;
+  try {
+    url = new URL(src);
+  } catch {
+    return void 0;
+  }
+  if (url.hostname !== "images.unsplash.com" && !url.hostname.endsWith(".imgix.net"))
+    return void 0;
+  const widths = REMOTE_WIDTHS.filter((w) => !intrinsicWidth || w <= intrinsicWidth);
+  if (widths.length === 0) return void 0;
+  return widths.map((w) => {
+    const u = new URL(url.toString());
+    u.searchParams.set("w", String(w));
+    if (!u.searchParams.has("auto")) u.searchParams.set("auto", "format");
+    if (!u.searchParams.has("fit")) u.searchParams.set("fit", "max");
+    return `${u.toString()} ${w}w`;
+  }).join(", ");
+}
+function resolveImage(src, opts = {}) {
+  const hit = opts.imageMap?.[src];
+  if (hit) {
+    return {
+      src: hit.src,
+      srcset: hit.srcset,
+      sources: hit.sources ?? [],
+      width: hit.width,
+      height: hit.height,
+      placeholder: hit.placeholder
+    };
+  }
+  const meta = opts.doc?.media[src];
+  const width = opts.width ?? meta?.width;
+  const height = opts.height ?? meta?.height;
+  return {
+    src: mediaUrl(src, opts.basePath),
+    srcset: remoteSrcset(src, width),
+    sources: [],
+    width,
+    height,
+    placeholder: meta?.placeholder
+  };
+}
+function ratio(aspect) {
+  if (!aspect || aspect === "original") return void 0;
+  const [w, h] = aspect.split(":");
+  return `${w} / ${h}`;
+}
+var pct = (n) => `${Math.round(n * 1e3) / 10}%`;
+var AboveFoldContext = createContext2(null);
+function Img(props) {
+  const ctx = useRenderContext();
+  const imageMap = useImageMap();
+  const value = typeof props.src === "string" ? void 0 : props.src;
+  const src = typeof props.src === "string" ? props.src : props.src.src;
+  const alt = props.alt ?? value?.alt ?? "";
+  const focal = props.focal ?? value?.focal ?? ctx.doc?.media[src]?.focal;
+  const r = resolveImage(src, {
+    imageMap,
+    doc: ctx.doc,
+    basePath: ctx.basePath,
+    width: props.width ?? value?.width,
+    height: props.height ?? value?.height
+  });
+  const sizes = props.sizes ?? "100vw";
+  const aspect = props.fill ? void 0 : ratio(props.aspect);
+  const style = {};
+  if (aspect) style["--aspect"] = aspect;
+  if (focal) style["--focal"] = `${pct(focal[0])} ${pct(focal[1])}`;
+  const imgStyle = r.placeholder ? { backgroundImage: `url("${r.placeholder}")` } : void 0;
+  const fold = useContext3(AboveFoldContext);
+  const high = props.priority ?? fold?.has(src) ?? false;
+  const eager = high;
+  return /* @__PURE__ */ jsx3(
+    "span",
+    {
+      className: cx(
+        "os-img",
+        props.treatment && imageTreatmentClass2(props.treatment),
+        aspect && "has-aspect",
+        props.fit === "contain" && "is-contain",
+        props.fill && "is-fill",
+        !props.fill && !aspect && (r.width === void 0 || r.height === void 0) && "is-unsized",
+        props.className
+      ),
+      style: Object.keys(style).length ? style : void 0,
+      children: /* @__PURE__ */ jsxs("picture", { children: [
+        r.sources.map((s) => /* @__PURE__ */ jsx3("source", { type: s.type, srcSet: s.srcset, sizes }, s.type)),
+        /* @__PURE__ */ jsx3(
+          "img",
+          {
+            className: cx("os-img__img", r.placeholder && "has-placeholder"),
+            src: r.src,
+            srcSet: r.srcset,
+            sizes: r.srcset || r.sources.length ? sizes : void 0,
+            width: r.width,
+            height: r.height,
+            alt,
+            loading: eager ? "eager" : "lazy",
+            decoding: high ? "sync" : "async",
+            fetchPriority: high ? "high" : void 0,
+            style: imgStyle
+          }
+        )
+      ] })
+    }
+  );
+}
+
+// src/primitives.tsx
+import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+function Button({
+  to,
+  role = "primary",
+  type = "button",
+  className,
+  children,
+  attrs
+}) {
+  const cls = cx("os-button", `os-button--${role}`, className);
+  const label = /* @__PURE__ */ jsx4("span", { className: "os-button__label", children });
+  if (to)
+    return /* @__PURE__ */ jsx4(Link, { to, className: cls, ...attrs, children: label });
+  return /* @__PURE__ */ jsx4("button", { type, className: cls, ...attrs, children: label });
+}
+var ICONS = {
+  instagram: /* @__PURE__ */ jsxs2(Fragment2, { children: [
+    /* @__PURE__ */ jsx4("rect", { x: "3", y: "3", width: "18", height: "18", rx: "5" }),
+    /* @__PURE__ */ jsx4("circle", { cx: "12", cy: "12", r: "4" }),
+    /* @__PURE__ */ jsx4("circle", { cx: "17.5", cy: "6.5", r: "0.6", fill: "currentColor" })
+  ] }),
+  facebook: /* @__PURE__ */ jsx4("path", { d: "M14 8h3V4h-3a4 4 0 0 0-4 4v3H7v4h3v7h4v-7h3l1-4h-4V8z" }),
+  x: /* @__PURE__ */ jsx4("path", { d: "M4 4l16 16M20 4L4 20" }),
+  threads: /* @__PURE__ */ jsx4("path", { d: "M16 11c-1-4-8-4-8 1s7 5 7 1-5-3-5-1M12 21a9 9 0 1 1 8-12" }),
+  bluesky: /* @__PURE__ */ jsx4("path", { d: "M12 11C10 7 6 4 4 5s0 7 4 8c-3 1-3 4 0 5s4-3 4-5c0 2 1 6 4 5s3-4 0-5c4-1 6-7 4-8s-6 2-8 6z" }),
+  linkedin: /* @__PURE__ */ jsxs2(Fragment2, { children: [
+    /* @__PURE__ */ jsx4("rect", { x: "3", y: "3", width: "18", height: "18", rx: "3" }),
+    /* @__PURE__ */ jsx4("path", { d: "M8 10v7M8 7v.01M12 17v-4a2 2 0 0 1 4 0v4M12 10v7" })
+  ] }),
+  youtube: /* @__PURE__ */ jsxs2(Fragment2, { children: [
+    /* @__PURE__ */ jsx4("rect", { x: "2", y: "5", width: "20", height: "14", rx: "4" }),
+    /* @__PURE__ */ jsx4("path", { d: "M10 9l5 3-5 3z", fill: "currentColor" })
+  ] }),
+  tiktok: /* @__PURE__ */ jsx4("path", { d: "M14 3v11a4 4 0 1 1-4-4M14 3c0 3 2 5 5 5" }),
+  email: /* @__PURE__ */ jsxs2(Fragment2, { children: [
+    /* @__PURE__ */ jsx4("rect", { x: "3", y: "5", width: "18", height: "14", rx: "2" }),
+    /* @__PURE__ */ jsx4("path", { d: "M3 7l9 6 9-6" })
+  ] }),
+  github: /* @__PURE__ */ jsx4("path", { d: "M9 19c-4 1.5-4-2-6-2m12 4v-3.5c0-1 .1-1.4-.5-2 2.8-.3 5.5-1.4 5.5-6a4.6 4.6 0 0 0-1.3-3.2 4.2 4.2 0 0 0-.1-3.2s-1.1-.3-3.5 1.3a12 12 0 0 0-6.2 0C6.5 2.8 5.4 3.1 5.4 3.1a4.2 4.2 0 0 0-.1 3.2A4.6 4.6 0 0 0 4 9.5c0 4.6 2.7 5.7 5.5 6-.6.6-.6 1.2-.5 2V21" })
+};
+var GENERIC_ICON = /* @__PURE__ */ jsxs2(Fragment2, { children: [
+  /* @__PURE__ */ jsx4("circle", { cx: "12", cy: "12", r: "9" }),
+  /* @__PURE__ */ jsx4("path", { d: "M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18" })
+] });
+var NETWORK_LABEL = {
+  x: "X",
+  linkedin: "LinkedIn",
+  youtube: "YouTube",
+  tiktok: "TikTok",
+  github: "GitHub",
+  soundcloud: "SoundCloud",
+  tripadvisor: "Tripadvisor"
+};
+function networkLabel(network) {
+  return NETWORK_LABEL[network] ?? network.charAt(0).toUpperCase() + network.slice(1);
+}
+function SocialIcon({ network }) {
+  return /* @__PURE__ */ jsx4(
+    "svg",
+    {
+      className: "os-icon",
+      viewBox: "0 0 24 24",
+      width: "20",
+      height: "20",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "1.6",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
+      children: ICONS[network] ?? GENERIC_ICON
+    }
+  );
+}
+function SocialLinks({
+  profiles,
+  className
+}) {
+  if (profiles.length === 0) return null;
+  return /* @__PURE__ */ jsx4("ul", { className: cx("os-social", className), children: profiles.map((p) => /* @__PURE__ */ jsx4("li", { children: /* @__PURE__ */ jsxs2(
+    "a",
+    {
+      href: p.url,
+      className: "os-social__link",
+      rel: "me noopener",
+      target: p.network === "email" ? void 0 : "_blank",
+      children: [
+        /* @__PURE__ */ jsx4(SocialIcon, { network: p.network }),
+        /* @__PURE__ */ jsx4("span", { className: "os-visually-hidden", children: networkLabel(p.network) })
+      ]
+    }
+  ) }, p.url)) });
+}
+
+// src/section.tsx
+import { themeClass as themeClass2 } from "@omniharmonic/openspace-theme";
+import { createContext as createContext3, useContext as useContext4 } from "react";
+
+// src/image-map.ts
+function collectImageSrcs(value, out = /* @__PURE__ */ new Set()) {
+  if (typeof value === "string") {
+    if (/^media\/.+\.(?:jpe?g|png|webp|avif|gif|svg)$/i.test(value) || isRemoteImage(value))
+      out.add(value);
+  } else if (Array.isArray(value)) {
+    for (const v of value) collectImageSrcs(v, out);
+  } else if (value && typeof value === "object") {
+    for (const v of Object.values(value)) collectImageSrcs(v, out);
+  }
+  return out;
+}
+function isRemoteImage(value) {
+  return /^https:\/\/images\.unsplash\.com\//.test(value) || /^https:\/\/\S+\.(?:jpe?g|png|webp|avif|gif)(?:\?\S*)?$/i.test(value);
+}
+
+// src/section.tsx
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+var FirstSectionContext = createContext3(false);
+function overlayVars(overlay) {
+  if (!overlay) return void 0;
+  return { "--overlay": colorValue(overlay.color), "--overlay-opacity": overlay.opacity };
+}
+function backgroundVars(bg) {
+  if (!bg) return {};
+  if (bg.type === "color") return { "--bg": colorValue(bg.color) };
+  if (bg.type === "gradient") {
+    const stops = [bg.from, bg.via, bg.to].filter(Boolean).map((c) => colorValue(c));
+    return { "--bg": `linear-gradient(${bg.angle ?? 180}deg, ${stops.join(", ")})` };
+  }
+  return {};
+}
+function SectionBackgroundLayer({
+  background
+}) {
+  const { basePath } = useRenderContext();
+  const first = useContext4(FirstSectionContext);
+  if (!background) return null;
+  if (background.type === "image") {
+    return /* @__PURE__ */ jsxs3(
+      "div",
+      {
+        className: cx("os-section__bg", background.parallax && "is-parallax"),
+        "aria-hidden": "true",
+        children: [
+          /* @__PURE__ */ jsx5(
+            Img,
+            {
+              src: background.src,
+              alt: "",
+              sizes: "100vw",
+              treatment: "none",
+              fill: true,
+              ...background.focal ? { focal: background.focal } : {},
+              priority: first,
+              className: "os-section__media"
+            }
+          ),
+          background.overlay && /* @__PURE__ */ jsx5("div", { className: "os-section__overlay", style: overlayVars(background.overlay) })
+        ]
+      }
+    );
+  }
+  if (background.type === "video") {
+    const focal = background.focal;
+    return /* @__PURE__ */ jsxs3("div", { className: "os-section__bg", "aria-hidden": "true", children: [
+      /* @__PURE__ */ jsx5(
+        "video",
+        {
+          className: "os-section__media os-section__video",
+          "data-os-behavior": "video-lite",
+          "data-os-autoplay": "",
+          muted: true,
+          loop: true,
+          playsInline: true,
+          preload: "none",
+          poster: background.poster ? mediaUrl(background.poster, basePath) : void 0,
+          style: focal ? { objectPosition: `${focal[0] * 100}% ${focal[1] * 100}%` } : void 0,
+          children: /* @__PURE__ */ jsx5("source", { src: mediaUrl(background.src, basePath) })
+        }
+      ),
+      background.overlay && /* @__PURE__ */ jsx5("div", { className: "os-section__overlay", style: overlayVars(background.overlay) })
+    ] });
+  }
+  return null;
+}
+function StackBody({ section }) {
+  const { layout } = section;
+  const { mode } = useRenderContext();
+  const cols = blocksByColumn(
+    layout,
+    section.blocks.filter((b) => !b.hidden || mode === "editor")
+  );
+  return /* @__PURE__ */ jsx5(
+    "div",
+    {
+      className: cx(
+        "os-section__inner os-stack",
+        `os-w-${layout.width ?? "content"}`,
+        layout.align && `is-align-${layout.align}`,
+        cols.length > 1 && "is-multi"
+      ),
+      style: stackVars(layout),
+      children: cols.map((blocks2, i) => {
+        const vars = stackColumnVars(layout, i);
+        return /* @__PURE__ */ jsx5(
+          "div",
+          {
+            className: "os-col",
+            "data-os-col": i,
+            style: Object.keys(vars).length ? vars : void 0,
+            children: blocks2.map((b) => /* @__PURE__ */ jsx5(BlockView, { block: b, section }, b.id))
+          },
+          i
+        );
+      })
+    }
+  );
+}
+function GridBody({ section }) {
+  const { layout } = section;
+  const { mode } = useRenderContext();
+  const fallback = fallbackMobileRects(layout);
+  const vars = { ...gridVars(layout), "--mrows": mobileRows(layout, fallback) };
+  const ordered = section.blocks.filter((b) => !b.hidden || mode === "editor").sort((a, b) => {
+    const ra = layout.items[a.id]?.d;
+    const rb = layout.items[b.id]?.d;
+    if (!ra || !rb) return 0;
+    return ra.y - rb.y || ra.x - rb.x;
+  });
+  return /* @__PURE__ */ jsx5(
+    "div",
+    {
+      className: cx("os-section__inner os-grid", `os-w-${layout.width ?? "content"}`),
+      style: vars,
+      children: ordered.map(
+        (b) => layout.items[b.id] ? /* @__PURE__ */ jsx5(
+          "div",
+          {
+            className: "os-grid__item",
+            "data-os-item": b.id,
+            style: gridItemVars(layout, b.id, fallback),
+            children: /* @__PURE__ */ jsx5(BlockView, { block: b, section })
+          },
+          b.id
+        ) : mode !== "production" ? /* @__PURE__ */ jsx5("div", { className: "os-grid__item os-grid__item--unplaced", "data-os-unplaced": b.id, children: /* @__PURE__ */ jsx5(MissingBlock, { block: b, reason: "This block has no position in the grid" }) }, b.id) : null
+      )
+    }
+  );
+}
+function leadImages(section, count = 2) {
+  const layout = section.layout;
+  const order = (bp) => layout.mode === "stack" ? [...section.blocks].sort((a, b) => (a.column ?? 0) - (b.column ?? 0)) : section.blocks.map((b, i) => {
+    const item = layout.items[b.id];
+    return { b, i, r: bp === "m" ? item?.m ?? item?.d : item?.d };
+  }).sort(
+    (p, q) => p.r && q.r ? p.r.y - q.r.y || p.r.x - q.r.x || p.i - q.i : p.r ? -1 : q.r ? 1 : p.i - q.i
+  ).map((p) => p.b);
+  const images = (blocks2) => {
+    const srcs = /* @__PURE__ */ new Set();
+    for (const b of blocks2) collectImageSrcs(b.fields, srcs);
+    return [...srcs];
+  };
+  const desktop = images(order("d"));
+  const phone = layout.mode === "grid" ? images(order("m")) : desktop;
+  const out = [];
+  const bg = section.style.background;
+  if (bg?.type === "image" && bg.src) out.push(bg.src);
+  for (const src of [phone[0], desktop[0], ...desktop])
+    if (src && !out.includes(src) && out.length < count) out.push(src);
+  return new Set(out);
+}
+function SectionView({ section, as: Tag = "section", className }) {
+  const { mode } = useRenderContext();
+  const editor = useEditor();
+  const first = useContext4(FirstSectionContext);
+  if (section.hidden && mode !== "editor") return null;
+  const { style, layout } = section;
+  const vars = { ...sectionStyleVars(style), ...backgroundVars(style.background) };
+  const bgType = style.background?.type ?? "none";
+  const entrance = style.animation?.entrance;
+  const reveal = entrance && entrance !== "none" && mode !== "editor" ? {
+    "data-os-behavior": "reveal",
+    "data-os-reveal": entrance,
+    ...style.animation?.stagger ? { "data-os-stagger": "" } : {}
+  } : {};
+  const el = /* @__PURE__ */ jsx5(
+    Tag,
+    {
+      id: sectionFragment(section),
+      className: cx(
+        "os-section",
+        themeClass2(style.colorTheme ?? "light"),
+        `os-section--${layout.mode}`,
+        bgType !== "none" && `has-bg-${bgType}`,
+        style.minHeight && "has-minh",
+        style.padding && "has-pad",
+        first && "os-section--first",
+        className
+      ),
+      "data-os-id": section.id,
+      "data-os-section": "",
+      "data-os-hidden": section.hidden ? "" : void 0,
+      style: Object.keys(vars).length ? vars : void 0,
+      ...reveal,
+      children: /* @__PURE__ */ jsx5(SectionContext.Provider, { value: section, children: /* @__PURE__ */ jsxs3(AboveFoldContext.Provider, { value: first ? leadImages(section) : null, children: [
+        /* @__PURE__ */ jsx5(SectionBackgroundLayer, { background: style.background }),
+        layout.mode === "stack" ? /* @__PURE__ */ jsx5(StackBody, { section }) : /* @__PURE__ */ jsx5(GridBody, { section })
+      ] }) })
+    }
+  );
+  return editor?.wrapSection ? editor.wrapSection({ section, children: el }) : el;
+}
+
+// src/chrome.tsx
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+function shortHash(text) {
+  let h = 2166136261;
+  for (let i = 0; i < text.length; i++) {
+    h ^= text.charCodeAt(i);
+    h = Math.imul(h, 16777619);
+  }
+  return (h >>> 0).toString(36);
+}
+function CloseIcon() {
+  return /* @__PURE__ */ jsx6("svg", { viewBox: "0 0 24 24", width: "20", height: "20", "aria-hidden": "true", focusable: "false", children: /* @__PURE__ */ jsx6(
+    "path",
+    {
+      d: "M6 6l12 12M18 6L6 18",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "1.6",
+      strokeLinecap: "round"
+    }
+  ) });
+}
+function AnnouncementBar({
+  announcement
+}) {
+  if (!announcement?.enabled) return null;
+  const dismissible = announcement.dismissible ?? true;
+  return /* @__PURE__ */ jsxs4(
+    "aside",
+    {
+      className: cx("os-announcement", themeClass3(announcement.colorTheme ?? "dark-accent")),
+      "aria-label": "Announcement",
+      "data-os-behavior": dismissible ? "announcement" : void 0,
+      "data-os-key": shortHash(announcement.message),
+      children: [
+        /* @__PURE__ */ jsx6("p", { className: "os-announcement__text", children: announcement.link ? /* @__PURE__ */ jsx6(Link, { to: announcement.link, className: "os-announcement__link", children: announcement.message }) : announcement.message }),
+        dismissible && /* @__PURE__ */ jsxs4("button", { type: "button", className: "os-announcement__close", "data-os-dismiss": "", children: [
+          /* @__PURE__ */ jsx6(CloseIcon, {}),
+          /* @__PURE__ */ jsx6("span", { className: "os-visually-hidden", children: "Dismiss announcement" })
+        ] })
+      ]
+    }
+  );
+}
+function Footer({ site, children }) {
+  return /* @__PURE__ */ jsxs4("footer", { className: "os-footer", children: [
+    /* @__PURE__ */ jsx6(SectionView, { section: site.footer, as: "div", className: "os-footer__section" }),
+    children
+  ] });
+}
+function Popup({
+  id,
+  trigger,
+  frequencyDays = 7,
+  title,
+  colorTheme = "light",
+  children
+}) {
+  const triggerAttrs = { "data-os-trigger": trigger.type };
+  if (trigger.type === "time") triggerAttrs["data-os-delay"] = String(trigger.seconds);
+  if (trigger.type === "scroll") triggerAttrs["data-os-scroll"] = String(trigger.percent);
+  const titleId = `${id}-title`;
+  return /* @__PURE__ */ jsxs4(
+    "dialog",
+    {
+      id,
+      className: cx("os-popup", themeClass3(colorTheme)),
+      "aria-labelledby": titleId,
+      "data-os-behavior": "popup",
+      "data-os-frequency": String(frequencyDays),
+      ...triggerAttrs,
+      children: [
+        /* @__PURE__ */ jsxs4("div", { className: "os-popup__body", children: [
+          /* @__PURE__ */ jsx6("h2", { id: titleId, className: "os-popup__title os-type-h3", children: title }),
+          children
+        ] }),
+        /* @__PURE__ */ jsxs4("button", { type: "button", className: "os-popup__close", "data-os-close": "", children: [
+          /* @__PURE__ */ jsx6(CloseIcon, {}),
+          /* @__PURE__ */ jsx6("span", { className: "os-visually-hidden", children: "Close" })
+        ] })
+      ]
+    }
+  );
+}
+function popupTrigger(popup) {
+  if (popup.trigger === "scroll") return { type: "scroll", percent: popup.scrollPercent ?? 50 };
+  if (popup.trigger === "exit-intent") return { type: "exit" };
+  return { type: "time", seconds: popup.delaySeconds ?? 8 };
+}
+var POPUP_NEWSLETTER_ID = "blk_popupnews0";
+function SitePopup({ popup }) {
+  const registry = useContext5(BlockRegistryContext) ?? globalRegistry;
+  if (!popup?.enabled) return null;
+  const newsletter = popup.newsletter && registry.get("newsletter") ? {
+    id: POPUP_NEWSLETTER_ID,
+    type: "newsletter",
+    v: 1,
+    variant: "stacked",
+    fields: {
+      askName: false,
+      placeholder: "you@example.com",
+      buttonLabel: "Subscribe",
+      successMessage: "Almost there \u2014 check your inbox to confirm your subscription."
+    }
+  } : null;
+  return /* @__PURE__ */ jsxs4(
+    Popup,
+    {
+      id: `os-popup-${shortHash(popup.heading)}`,
+      trigger: popupTrigger(popup),
+      frequencyDays: popup.frequencyDays,
+      title: popup.heading,
+      colorTheme: popup.colorTheme ?? "light",
+      children: [
+        popup.image ? /* @__PURE__ */ jsx6(Img, { src: popup.image, className: "os-popup__image", sizes: "34rem", aspect: "16:9" }) : null,
+        popup.body ? /* @__PURE__ */ jsx6("p", { className: "os-popup__text", children: popup.body }) : null,
+        popup.cta ? /* @__PURE__ */ jsx6("div", { className: "os-popup__actions", children: /* @__PURE__ */ jsx6(Button, { to: popup.cta.link, children: popup.cta.label }) }) : null,
+        newsletter ? /* @__PURE__ */ jsx6(BlockView, { block: newsletter }) : null
+      ]
+    }
+  );
+}
+
+// src/collections.tsx
+import { createContext as createContext4, useContext as useContext6 } from "react";
+
+// src/recurrence.ts
+var DAYS = ["SU", "MO", "TU", "WE", "TH", "FR", "SA"];
+var WEEK = ["MO", "TU", "WE", "TH", "FR", "SA", "SU"];
+var DAY_MS = 864e5;
+function parseRecurrence(rule) {
+  const map = /* @__PURE__ */ new Map();
+  for (const part of rule.replace(/^RRULE:/i, "").split(";")) {
+    const [k, v] = part.split("=");
+    if (k && v) map.set(k.toUpperCase(), v.toUpperCase());
+  }
+  const freq = map.get("FREQ");
+  if (freq !== "DAILY" && freq !== "WEEKLY" && freq !== "MONTHLY" && freq !== "YEARLY") return null;
+  const interval = Math.max(1, Number(map.get("INTERVAL") ?? 1) || 1);
+  const out = { freq, interval, byDay: [] };
+  for (const d of (map.get("BYDAY") ?? "").split(",").filter(Boolean)) {
+    const m = /^([+-]?\d)?(MO|TU|WE|TH|FR|SA|SU)$/.exec(d);
+    if (!m) continue;
+    if (m[1] && freq === "MONTHLY") out.nth = { n: Number(m[1]), day: m[2] };
+    else out.byDay.push(m[2]);
+  }
+  const bmd = Number(map.get("BYMONTHDAY"));
+  if (Number.isInteger(bmd) && bmd > 0) out.byMonthDay = bmd;
+  const count = Number(map.get("COUNT"));
+  if (Number.isInteger(count) && count > 0) out.count = count;
+  const until = map.get("UNTIL");
+  if (until && /^\d{8}/.test(until))
+    out.until = `${until.slice(0, 4)}-${until.slice(4, 6)}-${until.slice(6, 8)}`;
+  return out;
+}
+var utc = (y, m, d) => new Date(Date.UTC(y, m - 1, d));
+var iso = (d) => d.toISOString().slice(0, 10);
+function occurrenceDates(rule, start, options = {}) {
+  const r = typeof rule === "string" ? parseRecurrence(rule) : rule;
+  const m = /^(\d{4})-(\d{2})-(\d{2})/.exec(start);
+  if (!m) return [];
+  const y = Number(m[1]);
+  const mo = Number(m[2]);
+  const d = Number(m[3]);
+  const first = utc(y, mo, d);
+  const from = options.from ?? iso(first);
+  const max = options.max ?? 500;
+  if (!r) return iso(first) >= from && max > 0 ? [iso(first)] : [];
+  const last = [r.until, options.through].filter(Boolean).sort()[0];
+  const over = (date) => last ? iso(date) > last : false;
+  const out = [];
+  const seen = /* @__PURE__ */ new Set();
+  let total = 0;
+  const take = (date) => {
+    const s = iso(date);
+    if (date < first || seen.has(s)) return;
+    seen.add(s);
+    total += 1;
+    if (s >= from) out.push(s);
+  };
+  const done = () => out.length >= max || r.count !== void 0 && total >= r.count;
+  let i0 = 0;
+  if (r.count === void 0 && from > iso(first)) {
+    const f = /* @__PURE__ */ new Date(`${from}T00:00:00Z`);
+    const days = Math.floor((f.getTime() - first.getTime()) / DAY_MS);
+    const months = (f.getUTCFullYear() - y) * 12 + (f.getUTCMonth() + 1 - mo);
+    const periods = r.freq === "DAILY" ? days / r.interval : r.freq === "WEEKLY" ? days / (7 * r.interval) : r.freq === "MONTHLY" ? months / r.interval : (f.getUTCFullYear() - y) / r.interval;
+    i0 = Math.max(0, Math.floor(periods) - 1);
+  }
+  if (i0 === 0) take(first);
+  for (let i = i0; !done() && i < i0 + 2e4; i++) {
+    const batch = [];
+    if (r.freq === "DAILY") batch.push(utc(y, mo, d + i * r.interval));
+    else if (r.freq === "WEEKLY") {
+      const monday = utc(y, mo, d - (first.getUTCDay() + 6) % 7 + i * 7 * r.interval);
+      const days = r.byDay.length ? r.byDay : [DAYS[first.getUTCDay()]];
+      for (const day of WEEK)
+        if (days.includes(day))
+          batch.push(
+            utc(
+              monday.getUTCFullYear(),
+              monday.getUTCMonth() + 1,
+              monday.getUTCDate() + WEEK.indexOf(day)
+            )
+          );
+    } else if (r.freq === "MONTHLY") {
+      const month = utc(y, mo + i * r.interval, 1);
+      if (r.nth) {
+        const want = DAYS.indexOf(r.nth.day);
+        if (r.nth.n > 0) {
+          const offset = (want - month.getUTCDay() + 7) % 7;
+          const date = utc(
+            month.getUTCFullYear(),
+            month.getUTCMonth() + 1,
+            1 + offset + (r.nth.n - 1) * 7
+          );
+          if (date.getUTCMonth() === month.getUTCMonth()) batch.push(date);
+        } else {
+          const end = utc(month.getUTCFullYear(), month.getUTCMonth() + 2, 0);
+          const back = (end.getUTCDay() - want + 7) % 7;
+          batch.push(utc(end.getUTCFullYear(), end.getUTCMonth() + 1, end.getUTCDate() - back));
+        }
+      } else {
+        const day = r.byMonthDay ?? d;
+        const date = utc(month.getUTCFullYear(), month.getUTCMonth() + 1, day);
+        if (date.getUTCDate() === day) batch.push(date);
+      }
+    } else {
+      const date = utc(y + i * r.interval, mo, d);
+      if (date.getUTCDate() === d) batch.push(date);
+    }
+    let stop = false;
+    for (const date of batch) {
+      if (done()) break;
+      if (over(date)) {
+        stop = true;
+        break;
+      }
+      take(date);
+    }
+    if (stop) break;
+  }
+  return out;
+}
+function zoneOffsetMinutes(timeZone, at) {
+  try {
+    const parts = new Intl.DateTimeFormat("en-US", {
+      timeZone,
+      hourCycle: "h23",
+      year: "numeric",
+      month: "2-digit",
+      day: "2-digit",
+      hour: "2-digit",
+      minute: "2-digit",
+      second: "2-digit"
+    }).formatToParts(new Date(at));
+    const n = (t) => Number(parts.find((p) => p.type === t)?.value);
+    const wall = Date.UTC(n("year"), n("month") - 1, n("day"), n("hour"), n("minute"), n("second"));
+    return Math.round((wall - at) / 6e4);
+  } catch {
+    return null;
+  }
+}
+var fmtOffset = (min) => {
+  const sign = min < 0 ? "-" : "+";
+  const a = Math.abs(min);
+  return `${sign}${String(Math.floor(a / 60)).padStart(2, "0")}:${String(a % 60).padStart(2, "0")}`;
+};
+function shiftDateTime(value, days, timeZone) {
+  const day = new Date(Date.parse(`${value.slice(0, 10)}T00:00:00Z`) + days * DAY_MS).toISOString().slice(0, 10);
+  const m = /^\d{4}-\d{2}-\d{2}T(\d{2}:\d{2}(?::\d{2}(?:\.\d+)?)?)(Z|[+-]\d{2}:\d{2})?$/.exec(
+    value
+  );
+  if (!m) return `${day}${value.slice(10)}`;
+  const time2 = m[1];
+  if (!timeZone) return `${day}T${time2}${m[2] ?? ""}`;
+  const wall = Date.parse(`${day}T${time2.length === 5 ? `${time2}:00` : time2}Z`);
+  let off = zoneOffsetMinutes(timeZone, wall);
+  if (off === null) return `${day}T${time2}${m[2] ?? ""}`;
+  off = zoneOffsetMinutes(timeZone, wall - off * 6e4) ?? off;
+  return `${day}T${time2}${fmtOffset(off)}`;
+}
+function eventOn(item, date) {
+  const fm = item.frontmatter;
+  const days = Math.round(
+    (Date.parse(`${date}T00:00:00Z`) - Date.parse(`${fm.start.slice(0, 10)}T00:00:00Z`)) / DAY_MS
+  );
+  const move = (v) => shiftDateTime(v, days, fm.timezone);
+  return {
+    ...item,
+    frontmatter: { ...fm, start: move(fm.start), ...fm.end ? { end: move(fm.end) } : {} }
+  };
+}
+function eventLengthDays(item) {
+  if (item.kind !== "events" || !item.frontmatter.end) return 0;
+  const fm = item.frontmatter;
+  return Math.max(
+    0,
+    Math.round(
+      (Date.parse(`${fm.end.slice(0, 10)}T00:00:00Z`) - Date.parse(`${fm.start.slice(0, 10)}T00:00:00Z`)) / DAY_MS
+    )
+  );
+}
+function expandOccurrences(items, window) {
+  const out = [];
+  for (const item of items) {
+    if (item.kind !== "events" || !item.frontmatter.recurrence) {
+      out.push(item);
+      continue;
+    }
+    const fm = item.frontmatter;
+    const lengthDays = eventLengthDays(item);
+    const fromStart = iso(new Date(Date.parse(`${window.from}T00:00:00Z`) - lengthDays * DAY_MS));
+    const per = window.perEvent ?? 12;
+    const all = occurrenceDates(fm.recurrence, fm.start, {
+      from: fromStart,
+      through: window.through,
+      max: window.newest ? 2e3 : per
+    });
+    const dates = window.newest ? all.slice(-per) : all;
+    for (const date of dates) out.push(eventOn(item, date));
+  }
+  return out;
+}
+function itemKey(item) {
+  return item.kind === "events" && item.frontmatter.recurrence ? `${item.slug}@${item.frontmatter.start}` : item.slug;
+}
+
+// src/collections.tsx
+var CollectionsContext = createContext4(void 0);
+function feedKey(network, handle) {
+  return `${network}:${handle.replace(/^@/, "")}`.toLowerCase();
+}
+function useCollections() {
+  const ctx = useRenderContext();
+  const value = useContext6(CollectionsContext);
+  return {
+    collections: value?.collections ?? ctx.doc?.collections ?? {},
+    configs: value?.configs ?? ctx.doc?.collectionConfigs ?? {},
+    now: value?.now === void 0 ? /* @__PURE__ */ new Date() : new Date(value.now),
+    includeDrafts: value?.includeDrafts ?? ctx.mode !== "production",
+    feeds: value?.feeds ?? {}
+  };
+}
+function itemDate(item) {
+  const fm = item.frontmatter;
+  return item.kind === "events" ? fm.start : fm.date;
+}
+function isLive(item, now) {
+  const fm = item.frontmatter;
+  if (fm.status === "published") return true;
+  if (fm.status === "scheduled" && fm.publishAt) return Date.parse(fm.publishAt) <= now.getTime();
+  return false;
+}
+function todayIn(now, timeZone) {
+  for (const tz of [timeZone, "UTC"]) {
+    try {
+      return new Intl.DateTimeFormat("en-CA", {
+        timeZone: tz ?? "UTC",
+        year: "numeric",
+        month: "2-digit",
+        day: "2-digit"
+      }).format(now);
+    } catch {
+    }
+  }
+  return now.toISOString().slice(0, 10);
+}
+function isUpcoming(item, now) {
+  if (item.kind !== "events") return true;
+  const fm = item.frontmatter;
+  const last = fm.end ?? fm.start;
+  if (/^\d{4}-\d{2}-\d{2}$/.test(last)) return last >= todayIn(now, fm.timezone);
+  return Date.parse(last) >= now.getTime();
+}
+var time = (item) => {
+  const d = itemDate(item);
+  return d ? Date.parse(d) : 0;
+};
+var isoDay = (d) => d.toISOString().slice(0, 10);
+var plusDays = (d, n) => isoDay(new Date(d.getTime() + n * 864e5));
+var RECURRENCE_HORIZON_DAYS = 366;
+function nextOccurrence(item, now) {
+  if (item.kind !== "events" || !item.frontmatter.recurrence) return item;
+  const rule = item.frontmatter.recurrence;
+  const start = item.frontmatter.start;
+  const soon = occurrenceDates(rule, start, {
+    from: plusDays(now, -(eventLengthDays(item) + 1)),
+    through: plusDays(now, RECURRENCE_HORIZON_DAYS),
+    max: 4
+  });
+  const upcoming = soon.map((d) => eventOn(item, d)).find((e) => isUpcoming(e, now));
+  if (upcoming) return upcoming;
+  for (let back = 1; back <= 50; back++) {
+    const past = occurrenceDates(rule, start, {
+      from: plusDays(now, -RECURRENCE_HORIZON_DAYS * back),
+      through: isoDay(now)
+    });
+    if (past.length) return eventOn(item, past[past.length - 1]);
+    if (plusDays(now, -RECURRENCE_HORIZON_DAYS * back) < start.slice(0, 10)) break;
+  }
+  return item;
+}
+function queryCollection(ref, collections, opts = {}) {
+  const now = opts.now ?? /* @__PURE__ */ new Date();
+  const all = collections[ref.collection] ?? {};
+  const visible = (item) => !!item && (opts.includeDrafts === true || isLive(item, now));
+  let items;
+  if (ref.items) {
+    items = ref.items.map((slug) => all[slug]).filter(visible).map((item) => nextOccurrence(item, now));
+  } else {
+    const f = ref.filter;
+    const live = Object.values(all).filter(visible);
+    const expanded = f?.upcoming === true ? expandOccurrences(live, {
+      from: isoDay(now),
+      through: plusDays(now, RECURRENCE_HORIZON_DAYS)
+    }) : f?.upcoming === false ? expandOccurrences(live, {
+      from: plusDays(now, -RECURRENCE_HORIZON_DAYS),
+      through: isoDay(now),
+      newest: true
+    }) : live.map((item) => nextOccurrence(item, now));
+    items = expanded.filter((item) => {
+      const fm = item.frontmatter;
+      if (f?.categories?.length && !f.categories.some((c) => fm.categories?.includes(c)))
+        return false;
+      if (f?.tags?.length) {
+        const tags = (fm.tags ?? []).map((t) => t.toLowerCase());
+        if (!f.tags.some((t) => tags.includes(t.toLowerCase()))) return false;
+      }
+      if (f?.featured !== void 0 && fm.featured === true !== f.featured) return false;
+      if (f?.upcoming !== void 0 && isUpcoming(item, now) !== f.upcoming) return false;
+      return true;
+    });
+  }
+  const sort = ref.sort ?? (ref.items ? "manual" : ref.filter?.upcoming ? "date-asc" : "date-desc");
+  if (sort === "date-desc") items.sort((a, b) => time(b) - time(a));
+  else if (sort === "date-asc") items.sort((a, b) => time(a) - time(b));
+  else if (sort === "title")
+    items.sort((a, b) => a.frontmatter.title.localeCompare(b.frontmatter.title));
+  return ref.limit ? items.slice(0, ref.limit) : items;
+}
+function useCollectionQuery(ref) {
+  const { collections, now, includeDrafts } = useCollections();
+  return queryCollection(ref, collections, { now, includeDrafts });
+}
+
+// src/header.tsx
+import { themeClass as themeClass4 } from "@omniharmonic/openspace-theme";
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+var DRAWER_VARIANTS = ["minimal-burger", "sidebar-drawer"];
+function effectiveHeader(site, page) {
+  const o = page?.header;
+  const variant = o?.variant ?? site.header.variant;
+  const transparentOnHero = o?.transparentOnHero ?? site.header.transparentOnHero;
+  const hasHero = (page?.sections.filter((s) => !s.hidden).length ?? 0) > 0;
+  return {
+    ...site.header,
+    variant,
+    transparentOnHero,
+    hidden: o?.hidden ?? false,
+    overlay: hasHero && (variant === "transparent-overlay" || transparentOnHero)
+  };
+}
+function resolveLeaf(item, doc, basePath, currentId) {
+  if (item.hidden) return null;
+  switch (item.type) {
+    case "page": {
+      const page = doc?.pages[item.page];
+      if (doc && !page) return null;
+      return {
+        kind: "leaf",
+        label: item.label ?? page?.title ?? "Page",
+        href: page ? pagePath(page, basePath) : `${normalizeBasePath(basePath)}/`,
+        current: item.page === currentId,
+        newTab: false
+      };
+    }
+    case "collection":
+      return {
+        kind: "leaf",
+        label: item.label,
+        href: `${normalizeBasePath(basePath)}/${item.collection}/`,
+        current: false,
+        newTab: false
+      };
+    case "link":
+      return {
+        kind: "leaf",
+        label: item.label,
+        href: item.href,
+        current: false,
+        newTab: item.newTab ?? false
+      };
+  }
+}
+function resolveNav(nav, doc, basePath, currentId) {
+  const out = [];
+  for (const item of nav) {
+    if (item.hidden || item.type === "button") continue;
+    if (item.type === "folder") {
+      const items = [];
+      if (item.page) {
+        const landing = resolveLeaf({ type: "page", page: item.page }, doc, basePath, currentId);
+        if (landing) items.push(landing);
+      }
+      for (const leaf of item.items) {
+        const r2 = resolveLeaf(leaf, doc, basePath, currentId);
+        if (r2) items.push(r2);
+      }
+      if (items.length)
+        out.push({
+          kind: "folder",
+          label: item.label,
+          current: items.some((i) => i.current),
+          items
+        });
+      continue;
+    }
+    const r = resolveLeaf(item, doc, basePath, currentId);
+    if (r) out.push(r);
+  }
+  return out;
+}
+function NavLeafLink({ item, className }) {
+  return /* @__PURE__ */ jsx7(
+    "a",
+    {
+      className,
+      href: item.href,
+      "aria-current": item.current ? "page" : void 0,
+      target: item.newTab ? "_blank" : void 0,
+      rel: item.newTab ? "noopener" : void 0,
+      children: item.label
+    }
+  );
+}
+function NavList({ items, className }) {
+  return /* @__PURE__ */ jsx7("ul", { className: cx("os-nav__list", className), children: items.map(
+    (item, i) => item.kind === "leaf" ? (
+      // biome-ignore lint/suspicious/noArrayIndexKey: nav order is positional
+      /* @__PURE__ */ jsx7("li", { className: "os-nav__item", children: /* @__PURE__ */ jsx7(NavLeafLink, { item, className: "os-nav__link" }) }, i)
+    ) : (
+      // biome-ignore lint/suspicious/noArrayIndexKey: nav order is positional
+      /* @__PURE__ */ jsx7("li", { className: "os-nav__item os-nav__item--folder", children: /* @__PURE__ */ jsxs5("details", { className: "os-nav__folder", "data-os-folder": "", children: [
+        /* @__PURE__ */ jsxs5("summary", { className: cx("os-nav__link", item.current && "is-current"), children: [
+          item.label,
+          /* @__PURE__ */ jsx7(
+            "svg",
+            {
+              className: "os-nav__chevron",
+              viewBox: "0 0 12 12",
+              width: "12",
+              height: "12",
+              "aria-hidden": "true",
+              focusable: "false",
+              children: /* @__PURE__ */ jsx7("path", { d: "M3 4.5l3 3 3-3", fill: "none", stroke: "currentColor", strokeWidth: "1.5" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx7("ul", { className: "os-nav__sub", children: item.items.map((leaf, j) => (
+          // biome-ignore lint/suspicious/noArrayIndexKey: nav order is positional
+          /* @__PURE__ */ jsx7("li", { children: /* @__PURE__ */ jsx7(NavLeafLink, { item: leaf, className: "os-nav__sublink" }) }, j)
+        )) })
+      ] }) }, i)
+    )
+  ) });
+}
+function Brand({ site, className }) {
+  const { basePath } = useRenderContext();
+  const logo = site.logo;
+  return /* @__PURE__ */ jsx7("a", { className: cx("os-header__brand", className), href: `${normalizeBasePath(basePath)}/`, children: logo ? /* @__PURE__ */ jsx7(
+    Img,
+    {
+      src: logo.src,
+      alt: logo.alt || site.title,
+      ...logo.width ? { width: logo.width } : {},
+      ...logo.height ? { height: logo.height } : {},
+      sizes: "240px",
+      treatment: "none",
+      priority: true,
+      className: "os-header__logo"
+    }
+  ) : /* @__PURE__ */ jsx7("span", { className: "os-header__title", children: site.title }) });
+}
+function MenuIcon() {
+  return /* @__PURE__ */ jsx7(
+    "svg",
+    {
+      className: "os-header__burger",
+      viewBox: "0 0 24 24",
+      width: "24",
+      height: "24",
+      "aria-hidden": "true",
+      focusable: "false",
+      children: /* @__PURE__ */ jsx7(
+        "path",
+        {
+          d: "M4 7h16M4 12h16M4 17h16",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "1.6",
+          strokeLinecap: "round"
+        }
+      )
+    }
+  );
+}
+function CartButton() {
+  return /* @__PURE__ */ jsxs5(
+    "button",
+    {
+      type: "button",
+      className: "os-header__cart",
+      "data-os-behavior": "cart",
+      "data-os-cart-toggle": "",
+      "aria-label": "Cart",
+      children: [
+        /* @__PURE__ */ jsx7("svg", { viewBox: "0 0 24 24", width: "22", height: "22", "aria-hidden": "true", focusable: "false", children: /* @__PURE__ */ jsx7(
+          "path",
+          {
+            d: "M5 7h14l-1.5 12h-11zM9 7a3 3 0 0 1 6 0",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "1.6",
+            strokeLinejoin: "round"
+          }
+        ) }),
+        /* @__PURE__ */ jsx7("span", { className: "os-header__cart-count", "data-os-cart-count": "" })
+      ]
+    }
+  );
+}
+function Header({ site, page, heroTheme, cart }) {
+  const ctx = useRenderContext();
+  const h = effectiveHeader(site, page);
+  if (h.hidden) return null;
+  const nav = resolveNav(site.nav, ctx.doc, ctx.basePath, page?.id ?? ctx.page?.id);
+  const buttons = site.nav.filter(
+    (i) => i.type === "button" && !i.hidden
+  );
+  const social = h.showSocial ? site.social ?? [] : [];
+  const theme = h.overlay && heroTheme ? heroTheme : h.colorTheme ?? "light";
+  const drawer = DRAWER_VARIANTS.includes(h.variant);
+  const split = h.variant === "split-nav";
+  const half = Math.ceil(nav.length / 2);
+  const menuId = "os-menu";
+  const actions = /* @__PURE__ */ jsxs5("div", { className: "os-header__actions", children: [
+    social.length > 0 && /* @__PURE__ */ jsx7(SocialLinks, { profiles: social, className: "os-header__social" }),
+    buttons.map((b, i) => (
+      // biome-ignore lint/suspicious/noArrayIndexKey: nav order is positional
+      /* @__PURE__ */ jsx7(Button, { to: b.link, role: b.style, className: "os-header__button", children: b.label }, i)
+    ))
+  ] });
+  let desktopNav = null;
+  if (!drawer && nav.length) {
+    desktopNav = split ? /* @__PURE__ */ jsxs5("nav", { className: "os-nav os-nav--split", "aria-label": "Main", children: [
+      /* @__PURE__ */ jsx7(NavList, { items: nav.slice(0, half), className: "os-nav__list--start" }),
+      /* @__PURE__ */ jsx7(Brand, { site, className: "os-header__brand--split" }),
+      /* @__PURE__ */ jsx7(NavList, { items: nav.slice(half), className: "os-nav__list--end" })
+    ] }) : /* @__PURE__ */ jsx7("nav", { className: "os-nav", "aria-label": "Main", children: /* @__PURE__ */ jsx7(NavList, { items: nav }) });
+  }
+  return /* @__PURE__ */ jsxs5(
+    "header",
+    {
+      className: cx(
+        "os-header",
+        `os-header--${h.variant}`,
+        themeClass4(theme),
+        h.sticky && "is-sticky",
+        h.overlay && "is-overlay",
+        drawer && "is-drawer",
+        `has-menu-${h.variant === "sidebar-drawer" ? "drawer" : h.mobileMenu}`
+      ),
+      "data-os-header": "",
+      "data-os-behavior": "menu",
+      children: [
+        /* @__PURE__ */ jsxs5("div", { className: "os-header__bar", children: [
+          /* @__PURE__ */ jsx7(Brand, { site, className: split ? "os-header__brand--main" : void 0 }),
+          desktopNav,
+          actions,
+          cart && /* @__PURE__ */ jsx7(CartButton, {}),
+          /* @__PURE__ */ jsxs5(
+            "button",
+            {
+              type: "button",
+              className: "os-header__toggle",
+              "aria-expanded": "false",
+              "aria-controls": menuId,
+              "data-os-menu-toggle": "",
+              children: [
+                /* @__PURE__ */ jsx7(MenuIcon, {}),
+                /* @__PURE__ */ jsx7("span", { className: "os-visually-hidden", children: "Menu" })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs5(
+          "div",
+          {
+            id: menuId,
+            className: cx(
+              "os-menu",
+              `os-menu--${h.variant === "sidebar-drawer" ? "drawer" : h.mobileMenu}`,
+              themeClass4(h.colorTheme ?? "light")
+            ),
+            "data-os-menu": "",
+            children: [
+              /* @__PURE__ */ jsxs5("div", { className: "os-menu__head", children: [
+                /* @__PURE__ */ jsx7("span", { className: "os-menu__title", children: site.title }),
+                /* @__PURE__ */ jsxs5("button", { type: "button", className: "os-menu__close", "data-os-menu-close": "", children: [
+                  /* @__PURE__ */ jsx7("svg", { viewBox: "0 0 24 24", width: "24", height: "24", "aria-hidden": "true", focusable: "false", children: /* @__PURE__ */ jsx7(
+                    "path",
+                    {
+                      d: "M6 6l12 12M18 6L6 18",
+                      fill: "none",
+                      stroke: "currentColor",
+                      strokeWidth: "1.6",
+                      strokeLinecap: "round"
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx7("span", { className: "os-visually-hidden", children: "Close menu" })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx7("nav", { className: "os-menu__nav", "aria-label": "Menu", children: /* @__PURE__ */ jsx7(NavList, { items: nav, className: "os-menu__list" }) }),
+              (buttons.length > 0 || (site.social?.length ?? 0) > 0) && /* @__PURE__ */ jsxs5("div", { className: "os-menu__foot", children: [
+                buttons.map((b, i) => (
+                  // biome-ignore lint/suspicious/noArrayIndexKey: nav order is positional
+                  /* @__PURE__ */ jsx7(Button, { to: b.link, role: b.style, children: b.label }, i)
+                )),
+                site.social && /* @__PURE__ */ jsx7(SocialLinks, { profiles: site.social })
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/html.ts
+import {
+  chosenCustomFont,
+  customFontFaces,
+  customFontPreloads,
+  googleFontsUrl
+} from "@omniharmonic/openspace-theme";
+import { createElement } from "react";
+import { renderToStaticMarkup } from "react-dom/server";
+
+// src/html-meta.ts
+import { compileStyles } from "@omniharmonic/openspace-theme";
+var ESC = {
+  "&": "&amp;",
+  "<": "&lt;",
+  ">": "&gt;",
+  '"': "&quot;",
+  "'": "&#39;"
+};
+var escapeHtml = (s) => s.replace(/[&<>"']/g, (ch) => ESC[ch]);
+function jsonForScript(value) {
+  return JSON.stringify(value).replace(/</g, "\\u003c").replace(LINE_SEP, "\\u2028").replace(PARA_SEP, "\\u2029");
+}
+var LINE_SEP = new RegExp(String.fromCharCode(8232), "g");
+var PARA_SEP = new RegExp(String.fromCharCode(8233), "g");
+var safeCss = (css) => css.replace(/<\/style/gi, "<\\/style");
+var compiled = /* @__PURE__ */ new WeakMap();
+function compiledStylesFor(styles) {
+  let hit = compiled.get(styles);
+  if (!hit) {
+    hit = compileStyles(styles);
+    compiled.set(styles, hit);
+  }
+  return hit;
+}
+function siteUrlFor(doc, override) {
+  const raw = override ?? (doc.config.deploy.customDomain ? `https://${doc.config.deploy.customDomain}` : doc.config.deploy.url);
+  return raw.endsWith("/") ? raw : `${raw}/`;
+}
+function absolute(siteUrl, path) {
+  if (/^https?:\/\//.test(path)) return path;
+  return new URL(path.replace(/^\/+/, ""), siteUrl).toString();
+}
+function ogImageUrl(src, siteUrl, imageMap) {
+  const mapped = imageMap?.[src]?.src;
+  if (mapped) return new URL(mapped, siteUrl).toString();
+  return absolute(siteUrl, mediaUrl(src));
+}
+function pageTitle(doc, page) {
+  const own = page.seo?.title;
+  if (own) return own;
+  const template = doc.site.seo?.titleTemplate;
+  if (page.slug === "") {
+    return doc.site.tagline ? `${doc.site.title} \u2014 ${doc.site.tagline}` : doc.site.title;
+  }
+  return template ? template.replace("%s", page.title) : `${page.title} \u2014 ${doc.site.title}`;
+}
+function pageDescription(doc, page) {
+  return page.seo?.description ?? doc.site.seo?.description ?? doc.site.tagline ?? void 0;
+}
+
+// src/page.tsx
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+function resolvePage(doc, page) {
+  if (typeof page !== "string") return page;
+  const found = doc.pages[page];
+  if (!found) throw new Error(`Page ${page} does not exist`);
+  return found;
+}
+function PageView(props) {
+  const { doc, mode = "production", imageMap = {}, extras } = props;
+  const page = resolvePage(doc, props.page);
+  const basePath = normalizeBasePath(props.basePath);
+  const hubUrl = props.hubUrl ?? doc.config.hub;
+  const visible = page.sections.filter((s) => !s.hidden || mode === "editor");
+  const header = effectiveHeader(doc.site, page);
+  const heroTheme = visible[0]?.style.colorTheme ?? "light";
+  const cart = doc.site.integrations?.stripeConnected ?? false;
+  const logoVars = header.logoHeight ? responsiveVars("logo-h", header.logoHeight, (px) => `${px}px`) : void 0;
+  const content = /* @__PURE__ */ jsx8(RenderContext.Provider, { value: { doc, page, mode, basePath, hubUrl }, children: /* @__PURE__ */ jsx8(ImageResolverContext.Provider, { value: imageMap, children: /* @__PURE__ */ jsxs6(
+    "div",
+    {
+      className: cx("os-page", header.overlay && !header.hidden && "has-overlay-header"),
+      "data-os-page": page.id,
+      style: logoVars,
+      children: [
+        /* @__PURE__ */ jsx8("a", { className: "os-skip-link", href: "#main", children: "Skip to content" }),
+        /* @__PURE__ */ jsx8(AnnouncementBar, { announcement: doc.site.announcement }),
+        /* @__PURE__ */ jsx8(Header, { site: doc.site, page, heroTheme, cart }),
+        /* @__PURE__ */ jsx8("main", { id: "main", className: "os-main", tabIndex: -1, children: visible.map((section, i) => /* @__PURE__ */ jsx8(FirstSectionContext.Provider, { value: i === 0, children: /* @__PURE__ */ jsx8(SectionView, { section }) }, section.id)) }),
+        /* @__PURE__ */ jsx8(Footer, { site: doc.site }),
+        mode !== "editor" ? /* @__PURE__ */ jsx8(SitePopup, { popup: doc.site.popup }) : null,
+        extras
+      ]
+    }
+  ) }) });
+  return props.editor ? /* @__PURE__ */ jsx8(EditorContext.Provider, { value: props.editor, children: content }) : content;
+}
+
+// src/html.ts
+function monogramIcon(title, brand) {
+  const letter = escapeHtml((title.trim().match(/\p{L}|\p{N}/u)?.[0] ?? "\u2022").toUpperCase());
+  const bg = brand?.background ?? "#222222";
+  const fg = brand?.heading ?? "#ffffff";
+  const svg = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><rect width="64" height="64" rx="14" fill="${bg}"/><text x="32" y="43" font-family="system-ui,sans-serif" font-size="34" font-weight="600" text-anchor="middle" fill="${fg}">${letter}</text></svg>`;
+  return `data:image/svg+xml,${encodeURIComponent(svg)}`;
+}
+var attr = (tag, name2) => new RegExp(`\\s${name2}="([^"]*)"`).exec(tag)?.[1];
+function phoneShare(sizes) {
+  const last = (sizes ?? "100vw").split(",").pop()?.trim() ?? "100vw";
+  const vw = /^(\d+(?:\.\d+)?)vw$/.exec(last);
+  if (vw) return Number(vw[1]) / 100;
+  const times = /\*\s*(\d+(?:\.\d+)?)\s*\)$/.exec(last);
+  if (times) return Number(times[1]);
+  return /^calc\(100vw/.test(last) ? 1 : 0.5;
+}
+function lcpImagePreload(body) {
+  const imgs = [...body.matchAll(/<img\b[^>]*\bfetchpriority="high"[^>]*>/gi)].slice(0, 4);
+  let best = null;
+  for (const m of imgs) {
+    const share = phoneShare(attr(m[0], "sizes"));
+    const w = Number(attr(m[0], "width")) || 1;
+    const h = Number(attr(m[0], "height")) || w;
+    const score = share * share * (h / w);
+    if (!best || score > best.score) best = { m, score };
+  }
+  if (!best || best.m.index === void 0) return "";
+  const img = best.m;
+  const at = best.m.index;
+  const pictureStart = body.lastIndexOf("<picture", at);
+  const between = pictureStart >= 0 ? body.slice(pictureStart, at) : "";
+  const source = pictureStart >= 0 && !between.includes("</picture>") ? /<source\b[^>]*>/i.exec(between)?.[0] : void 0;
+  const tag = source ?? img[0];
+  const srcset = attr(tag, "srcset") ?? attr(tag, "srcSet");
+  const sizes = attr(tag, "sizes");
+  const src = attr(img[0], "src");
+  const type = source ? attr(source, "type") : void 0;
+  if (!srcset && !src) return "";
+  return `<link rel="preload" as="image"${srcset ? ` imagesrcset="${srcset}"` : ` href="${src}"`}${srcset && sizes ? ` imagesizes="${sizes}"` : ""}${type ? ` type="${type}"` : ""} fetchpriority="high">`;
+}
+function renderPageHtml(opts) {
+  const { doc } = opts;
+  const mode = opts.mode ?? "production";
+  const page = resolvePage(doc, opts.pageId);
+  const basePath = normalizeBasePath(opts.basePath);
+  const hubUrl = (opts.hubUrl ?? doc.config.hub).replace(/\/+$/, "");
+  const behaviorsUrl = (opts.behaviorsUrl ?? `${basePath}/_os/behaviors`).replace(/\/+$/, "");
+  const siteUrl = siteUrlFor(doc, opts.siteUrl);
+  const site = doc.site;
+  const styles = compiledStylesFor(doc.styles);
+  const body = renderToStaticMarkup(
+    createElement(PageView, {
+      doc,
+      page,
+      mode,
+      basePath,
+      imageMap: opts.imageMap ?? {},
+      hubUrl
+    })
+  );
+  const analytics = mode === "production" && doc.config.features.analytics && site.integrations?.analytics !== false;
+  const behaviors = behaviorsInHtml(body);
+  if (analytics) behaviors.push("beacon");
+  const title = pageTitle(doc, page);
+  const description = pageDescription(doc, page);
+  const canonical = page.seo?.canonical ?? absolute(siteUrl, pagePath(page));
+  const noindex = mode === "preview" || page.seo?.noindex || site.seo?.noindex;
+  const ogImageSrc = page.seo?.image ?? site.seo?.image;
+  const ogImage = ogImageSrc ? ogImageUrl(ogImageSrc, siteUrl, opts.imageMap) : void 0;
+  const customHeading = chosenCustomFont(doc.styles, doc.styles.choices.headingFont);
+  const customBody = chosenCustomFont(doc.styles, doc.styles.choices.bodyFont);
+  const fonts = customHeading && customBody ? [] : opts.fontStylesheets ?? [googleFontsUrl(styles.tokens.pairing)];
+  const fontFaces = customFontFaces(doc.styles, (src) => mediaUrl(src, basePath));
+  const fontPreloads = customFontPreloads(doc.styles, {
+    heading: styles.tokens.pairing.headingWeight,
+    body: styles.tokens.pairing.bodyWeight
+  });
+  const usesGoogle = fonts.some((f) => f.startsWith("https://fonts.googleapis.com/"));
+  const meta = (name2, content, attr2 = "name") => content ? `<meta ${attr2}="${name2}" content="${escapeHtml(content)}">` : "";
+  const head = [
+    '<meta charset="utf-8">',
+    '<meta name="viewport" content="width=device-width, initial-scale=1">',
+    `<title>${escapeHtml(title)}</title>`,
+    // The LCP image first: discovered before the stylesheets and fonts below.
+    lcpImagePreload(body),
+    meta("description", description),
+    noindex ? '<meta name="robots" content="noindex">' : "",
+    `<link rel="canonical" href="${escapeHtml(canonical)}">`,
+    meta("og:type", "website", "property"),
+    meta("og:site_name", site.title, "property"),
+    meta("og:title", page.seo?.title ?? page.title, "property"),
+    meta("og:description", description, "property"),
+    meta("og:url", canonical, "property"),
+    meta("og:image", ogImage, "property"),
+    meta("og:locale", site.locale.replace("-", "_"), "property"),
+    meta("twitter:card", ogImage ? "summary_large_image" : "summary"),
+    `<link rel="icon" href="${escapeHtml(site.favicon ? mediaUrl(site.favicon, basePath) : monogramIcon(site.title, styles.tokens.themes.brand))}">`,
+    '<meta name="generator" content="OpenSpace">',
+    "<script>document.documentElement.classList.add('os-js')</script>",
+    usesGoogle ? '<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>' : "",
+    ...fontPreloads.map(
+      (src) => `<link rel="preload" as="font" type="font/woff2" href="${escapeHtml(mediaUrl(src, basePath))}" crossorigin>`
+    ),
+    ...fonts.map((href) => `<link rel="stylesheet" href="${escapeHtml(href)}">`),
+    fontFaces ? `<style data-os="fonts">${safeCss(fontFaces)}</style>` : "",
+    opts.stylesheets?.tokens ? `<link rel="stylesheet" href="${escapeHtml(opts.stylesheets.tokens)}">` : `<style data-os="tokens">${styles.css}</style>`,
+    opts.stylesheets?.base ? `<link rel="stylesheet" href="${escapeHtml(opts.stylesheets.base)}">` : `<style data-os="base">${BASE_CSS}</style>`,
+    site.customCss ? `<style data-os="custom">${safeCss(site.customCss)}</style>` : "",
+    ...[opts.jsonLd ?? []].flat().map((ld) => `<script type="application/ld+json">${jsonForScript(ld)}</script>`),
+    ...behaviors.map(
+      (b) => `<link rel="modulepreload" href="${escapeHtml(`${behaviorsUrl}/${b}.js`)}">`
+    ),
+    opts.extraHead ?? "",
+    site.headInjection ?? "",
+    page.headInjection ?? ""
+  ];
+  const bodyAttrs = [
+    `class="os-body"`,
+    `data-os-site="${escapeHtml(doc.config.siteId)}"`,
+    `data-os-hub="${escapeHtml(hubUrl)}"`,
+    `data-os-base="${escapeHtml(basePath)}"`,
+    `data-os-mode="${mode}"`,
+    analytics ? `data-os-behavior="beacon"` : ""
+  ].filter(Boolean).join(" ");
+  const scripts = behaviors.length ? `<script type="module" src="${escapeHtml(`${behaviorsUrl}/${BEHAVIOR_LOADER}.js`)}"></script>` : "";
+  return `<!doctype html>
+<html lang="${escapeHtml(site.locale)}">
+<head>
+${head.filter(Boolean).join("\n")}
+</head>
+<body ${bodyAttrs}>
+${body}
+${scripts}${site.footerInjection ?? ""}${page.footerInjection ?? ""}
+</body>
+</html>
+`;
+}
+function behaviorsForPage(input) {
+  if (typeof input === "string") return behaviorsInHtml(input);
+  return behaviorsInHtml(renderPageHtml(input));
+}
+
+// src/richtext.tsx
+import { colorVar as colorVar2 } from "@omniharmonic/openspace-theme";
+import { Fragment as Fragment3, useContext as useContext7 } from "react";
+import { Fragment as Fragment4, jsx as jsx9 } from "react/jsx-runtime";
+var typeClass = (preset) => `os-type-${preset}`;
+var MARK_ORDER = [
+  "code",
+  "strike",
+  "underline",
+  "italic",
+  "bold",
+  "highlight",
+  "link"
+];
+function wrapMark(mark, child, key, basePath) {
+  switch (mark.type) {
+    case "bold":
+      return /* @__PURE__ */ jsx9("strong", { children: child }, key);
+    case "italic":
+      return /* @__PURE__ */ jsx9("em", { children: child }, key);
+    case "underline":
+      return /* @__PURE__ */ jsx9("u", { children: child }, key);
+    case "strike":
+      return /* @__PURE__ */ jsx9("s", { children: child }, key);
+    case "code":
+      return /* @__PURE__ */ jsx9("code", { children: child }, key);
+    case "highlight": {
+      const color = mark.attrs?.color;
+      return /* @__PURE__ */ jsx9(
+        "mark",
+        {
+          className: "os-highlight",
+          style: color ? { "--hl": `var(${colorVar2(color)})` } : void 0,
+          children: child
+        },
+        key
+      );
+    }
+    case "link": {
+      const { href, title, newTab } = mark.attrs;
+      return /* @__PURE__ */ jsx9(
+        "a",
+        {
+          href: withBase(href, basePath),
+          title,
+          target: newTab ? "_blank" : void 0,
+          rel: newTab ? "noopener" : void 0,
+          children: child
+        },
+        key
+      );
+    }
+  }
+}
+function renderInline(nodes, basePath) {
+  if (!nodes) return [];
+  return nodes.map((node, i) => {
+    if (node.type === "hardBreak") return /* @__PURE__ */ jsx9("br", {}, i);
+    const marks = [...node.marks ?? []].sort(
+      (a, b) => MARK_ORDER.indexOf(a.type) - MARK_ORDER.indexOf(b.type)
+    );
+    let out = node.text;
+    for (const m of marks) out = wrapMark(m, out, i, basePath);
+    return marks.length ? out : /* @__PURE__ */ jsx9(Fragment3, { children: node.text }, i);
+  });
+}
+function renderBlock(node, key, basePath) {
+  switch (node.type) {
+    case "paragraph": {
+      const preset = node.attrs?.preset;
+      const children = renderInline(node.content, basePath);
+      return /* @__PURE__ */ jsx9("p", { className: preset && preset !== "body" ? typeClass(preset) : void 0, children: children.length ? children : /* @__PURE__ */ jsx9("br", {}) }, key);
+    }
+    case "heading": {
+      const { level, preset } = node.attrs;
+      const Tag = `h${level}`;
+      return /* @__PURE__ */ jsx9(Tag, { className: typeClass(preset ?? `h${level}`), children: renderInline(node.content, basePath) }, key);
+    }
+    case "bulletList":
+      return /* @__PURE__ */ jsx9("ul", { children: node.content.map((li, i) => (
+        // biome-ignore lint/suspicious/noArrayIndexKey: rich text nodes have no ids
+        /* @__PURE__ */ jsx9("li", { children: li.content.map((c, j) => renderBlock(c, j, basePath)) }, i)
+      )) }, key);
+    case "orderedList":
+      return /* @__PURE__ */ jsx9("ol", { start: node.attrs?.start, children: node.content.map((li, i) => (
+        // biome-ignore lint/suspicious/noArrayIndexKey: rich text nodes have no ids
+        /* @__PURE__ */ jsx9("li", { children: li.content.map((c, j) => renderBlock(c, j, basePath)) }, i)
+      )) }, key);
+    case "blockquote":
+      return /* @__PURE__ */ jsx9("blockquote", { children: node.content.map((c, j) => renderBlock(c, j, basePath)) }, key);
+  }
+}
+function RichText({ doc, className, as: Tag = "div" }) {
+  const { basePath } = useRenderContext();
+  const editor = useEditor();
+  const owner = useContext7(BlockFieldsContext);
+  const out = !doc || doc.content.length === 0 ? null : /* @__PURE__ */ jsx9(Tag, { className: cx("os-rich", className), children: doc.content.map((node, i) => renderBlock(node, i, basePath)) });
+  if (editor?.renderRichText && owner && doc) {
+    const fieldPath = fieldPathOf(owner.fields, doc);
+    if (fieldPath)
+      return /* @__PURE__ */ jsx9(Fragment4, { children: editor.renderRichText({
+        block: owner.block,
+        fieldPath,
+        doc,
+        className,
+        as: Tag,
+        children: out
+      }) });
+  }
+  return out;
+}
+
+// src/index.ts
+var name = "@omniharmonic/openspace-renderer";
+export {
+  AboveFoldContext,
+  AnnouncementBar,
+  BASE_CSS,
+  BEHAVIORS,
+  BEHAVIOR_BUDGETS,
+  BEHAVIOR_LOADER,
+  BlockFieldsContext,
+  BlockRegistryContext,
+  BlockView,
+  Button,
+  CollectionsContext,
+  DRAWER_VARIANTS,
+  EditorContext,
+  FirstSectionContext,
+  Footer,
+  Header,
+  ImageResolverContext,
+  Img,
+  Link,
+  PageView,
+  Popup,
+  RECURRENCE_HORIZON_DAYS,
+  REMOTE_WIDTHS,
+  RenderContext,
+  RichText,
+  SectionBackgroundLayer,
+  SectionContext,
+  SectionView,
+  SitePopup,
+  SocialIcon,
+  SocialLinks,
+  alignClasses,
+  backgroundVars,
+  behaviorsForPage,
+  behaviorsInHtml,
+  blockStyleProps,
+  blockTypeClass,
+  blocksByColumn,
+  collectImageSrcs,
+  colorValue,
+  compiledStylesFor,
+  cx,
+  effectiveHeader,
+  escapeHtml,
+  eventOn,
+  expandOccurrences,
+  fallbackMobileRects,
+  feedKey,
+  fieldPathOf,
+  getBlock,
+  globalRegistry,
+  gridItemVars,
+  gridVars,
+  isBehaviorName,
+  isLive,
+  isUpcoming,
+  itemDate,
+  itemKey,
+  itemPath,
+  jsonForScript,
+  listBlocks,
+  mediaUrl,
+  mobileRows,
+  name,
+  networkLabel,
+  nextOccurrence,
+  normalizeBasePath,
+  occurrenceDates,
+  pageDescription,
+  pagePath,
+  pageTitle,
+  parseRecurrence,
+  popupTrigger,
+  queryCollection,
+  registerBlocks,
+  remoteSrcset,
+  renderPageHtml,
+  resolveImage,
+  resolveLink,
+  resolveNav,
+  resolvePage,
+  responsiveVars,
+  sectionFragment,
+  sectionStyleVars,
+  shortHash,
+  siteUrlFor,
+  stackColumnVars,
+  stackVars,
+  typeClass,
+  unregisterBlocks,
+  useCollectionQuery,
+  useCollections,
+  useEditor,
+  useImageMap,
+  useRenderContext,
+  withBase
+};
+//# sourceMappingURL=index.js.map