@saacms/blocks-essentials 0.1.0

package/dist/index.js

@@ -0,0 +1,778 @@
+// src/hero/Hero.ts
+import { signal, effect } from "@preact/signals-core";
+
+// src/internal/html-element-base.ts
+var HTMLElementBase = typeof HTMLElement !== "undefined" ? HTMLElement : class {
+};
+
+// src/hero/Hero.ts
+var OBSERVED_ATTRIBUTES = ["title", "subtitle", "cta-label", "cta-href"];
+
+class Hero extends HTMLElementBase {
+  static get observedAttributes() {
+    return OBSERVED_ATTRIBUTES;
+  }
+  ctaHref = signal("");
+  disposeCtaEffect = null;
+  connectedCallback() {
+    this.ctaHref.value = this.getAttribute("cta-href") ?? "";
+    this.render();
+    this.disposeCtaEffect = effect(() => {
+      const anchor = this.querySelector("[data-cta-anchor]");
+      if (anchor !== null) {
+        anchor.href = this.ctaHref.value;
+      }
+    });
+  }
+  disconnectedCallback() {
+    if (this.disposeCtaEffect !== null) {
+      this.disposeCtaEffect();
+      this.disposeCtaEffect = null;
+    }
+  }
+  attributeChangedCallback(name, _oldValue, newValue) {
+    if (!isObserved(name))
+      return;
+    if (name === "cta-href") {
+      this.ctaHref.value = newValue ?? "";
+      return;
+    }
+    if (this.isConnected) {
+      this.render();
+    }
+  }
+  render() {
+    const title = escapeHtml(this.getAttribute("title") ?? "");
+    const subtitle = this.getAttribute("subtitle");
+    const ctaLabel = escapeHtml(this.getAttribute("cta-label") ?? "");
+    const subtitleMarkup = subtitle === null || subtitle.length === 0 ? "" : `<p class="saacms-hero__subtitle">${escapeHtml(subtitle)}</p>`;
+    const ctaMarkup = ctaLabel.length === 0 ? "" : `<a data-cta-anchor class="saacms-hero__cta" href="${escapeAttr(this.ctaHref.value)}">${ctaLabel}</a>`;
+    this.innerHTML = `
+      <section class="saacms-hero">
+        <h1 class="saacms-hero__title">${title}</h1>
+        ${subtitleMarkup}
+        ${ctaMarkup}
+      </section>
+    `.trim();
+  }
+}
+function isObserved(name) {
+  return OBSERVED_ATTRIBUTES.includes(name);
+}
+function escapeHtml(value) {
+  return value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+}
+function escapeAttr(value) {
+  return escapeHtml(value);
+}
+// src/hero/Hero.block.ts
+import { Schema } from "effect";
+import { defineBlock } from "@saacms/core";
+var HeroSchema = Schema.Struct({
+  title: Schema.String,
+  subtitle: Schema.optional(Schema.String),
+  ctaLabel: Schema.String,
+  ctaHref: Schema.String
+});
+var HeroBlock = defineBlock({
+  slug: "saacms-hero",
+  mode: "web-component",
+  schema: HeroSchema,
+  component: "saacms-hero"
+});
+// src/internal/sanitize-html.ts
+var ALLOWED_TAGS = new Set([
+  "p",
+  "br",
+  "hr",
+  "span",
+  "div",
+  "strong",
+  "b",
+  "em",
+  "i",
+  "u",
+  "s",
+  "small",
+  "mark",
+  "sub",
+  "sup",
+  "a",
+  "ul",
+  "ol",
+  "li",
+  "blockquote",
+  "code",
+  "pre",
+  "h1",
+  "h2",
+  "h3",
+  "h4",
+  "h5",
+  "h6",
+  "table",
+  "thead",
+  "tbody",
+  "tr",
+  "td",
+  "th",
+  "img",
+  "figure",
+  "figcaption"
+]);
+var ALLOWED_ATTRS = {
+  a: new Set(["href", "title"]),
+  img: new Set(["src", "alt", "title", "width", "height"])
+};
+var URL_ATTRS = new Set(["href", "src"]);
+function hasDangerousScheme(value) {
+  const normalized = value.replace(/[\u0000-\u0020]+/g, "").toLowerCase();
+  return /^(javascript|vbscript|data|file):/.test(normalized);
+}
+var ATTR_RE = /([a-zA-Z_:][-a-zA-Z0-9_:.]*)(?:\s*=\s*("[^"]*"|'[^']*'|[^\s"'>]+))?/g;
+function sanitizeAttributes(tagName, rawAttrs) {
+  const allowed = ALLOWED_ATTRS[tagName];
+  if (allowed === undefined)
+    return "";
+  const kept = [];
+  let match;
+  ATTR_RE.lastIndex = 0;
+  while ((match = ATTR_RE.exec(rawAttrs)) !== null) {
+    const name = match[1].toLowerCase();
+    if (name.startsWith("on"))
+      continue;
+    if (!allowed.has(name))
+      continue;
+    const rawValue = match[2] ?? "";
+    const value = rawValue.length >= 2 && (rawValue.startsWith('"') || rawValue.startsWith("'")) ? rawValue.slice(1, -1) : rawValue;
+    if (URL_ATTRS.has(name) && hasDangerousScheme(value))
+      continue;
+    kept.push(`${name}="${value.replace(/"/g, "&quot;")}"`);
+  }
+  return kept.length === 0 ? "" : ` ${kept.join(" ")}`;
+}
+function sanitizeRichTextHtml(input) {
+  let html = input;
+  html = html.replace(/<\s*(script|style)\b[^>]*>[\s\S]*?(?:<\s*\/\s*\1\s*>|$)/gi, "");
+  html = html.replace(/<\s*\/?\s*(?:script|style)\b[^>]*>/gi, "");
+  html = html.replace(/<!--[\s\S]*?-->/g, "");
+  return html.replace(/<\s*(\/?)\s*([a-zA-Z][a-zA-Z0-9]*)((?:[^>"']|"[^"]*"|'[^']*')*)>/g, (_full, closing, name, rawAttrs) => {
+    const tag = name.toLowerCase();
+    if (!ALLOWED_TAGS.has(tag))
+      return "";
+    if (closing === "/")
+      return `</${tag}>`;
+    return `<${tag}${sanitizeAttributes(tag, rawAttrs)}>`;
+  });
+}
+
+// src/rich-text/RichText.ts
+var OBSERVED_ATTRIBUTES2 = ["html", "align"];
+function resolveAlign(value) {
+  return value === "center" || value === "right" ? value : "left";
+}
+
+class RichText extends HTMLElementBase {
+  static get observedAttributes() {
+    return OBSERVED_ATTRIBUTES2;
+  }
+  get html() {
+    return this.getAttribute("html") ?? "";
+  }
+  set html(value) {
+    this.setAttribute("html", value ?? "");
+  }
+  get align() {
+    return resolveAlign(this.getAttribute("align"));
+  }
+  set align(value) {
+    if (value === null) {
+      this.removeAttribute("align");
+    } else {
+      this.setAttribute("align", value);
+    }
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback(name, _oldValue, _newValue) {
+    if (!isObserved2(name))
+      return;
+    if (this.isConnected) {
+      this.render();
+    }
+  }
+  render() {
+    const align = resolveAlign(this.getAttribute("align"));
+    const safe = sanitizeRichTextHtml(this.getAttribute("html") ?? "");
+    this.innerHTML = `<div class="saacms-rich-text" style="text-align:${align}">${safe}</div>`;
+  }
+}
+function isObserved2(name) {
+  return OBSERVED_ATTRIBUTES2.includes(name);
+}
+// src/rich-text/RichText.block.ts
+import { Schema as Schema2 } from "effect";
+import { defineBlock as defineBlock2 } from "@saacms/core";
+var RichTextSchema = Schema2.Struct({
+  html: Schema2.String,
+  align: Schema2.optional(Schema2.Literal("left", "center", "right"))
+});
+var RichTextBlock = defineBlock2({
+  slug: "rich-text",
+  mode: "web-component",
+  schema: RichTextSchema,
+  component: "saacms-rich-text"
+});
+// src/image/Image.ts
+var OBSERVED_ATTRIBUTES3 = ["src", "alt", "width", "height", "loading"];
+function escapeAttr2(value) {
+  return value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+}
+function resolveLoading(value) {
+  return value === "eager" ? "eager" : "lazy";
+}
+function dimensionAttr(name, raw) {
+  if (raw === null)
+    return "";
+  const n = Number(raw);
+  return Number.isFinite(n) && n > 0 ? ` ${name}="${Math.floor(n)}"` : "";
+}
+
+class Image extends HTMLElementBase {
+  static get observedAttributes() {
+    return OBSERVED_ATTRIBUTES3;
+  }
+  get src() {
+    return this.getAttribute("src") ?? "";
+  }
+  set src(value) {
+    this.setAttribute("src", value ?? "");
+  }
+  get alt() {
+    return this.getAttribute("alt") ?? "";
+  }
+  set alt(value) {
+    this.setAttribute("alt", value ?? "");
+  }
+  get width() {
+    const raw = this.getAttribute("width");
+    return raw === null ? null : Number(raw);
+  }
+  set width(value) {
+    if (value === null)
+      this.removeAttribute("width");
+    else
+      this.setAttribute("width", String(value));
+  }
+  get height() {
+    const raw = this.getAttribute("height");
+    return raw === null ? null : Number(raw);
+  }
+  set height(value) {
+    if (value === null)
+      this.removeAttribute("height");
+    else
+      this.setAttribute("height", String(value));
+  }
+  get loading() {
+    return resolveLoading(this.getAttribute("loading"));
+  }
+  set loading(value) {
+    if (value === null)
+      this.removeAttribute("loading");
+    else
+      this.setAttribute("loading", value);
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback(name, _oldValue, _newValue) {
+    if (!isObserved3(name))
+      return;
+    if (this.isConnected) {
+      this.render();
+    }
+  }
+  render() {
+    const src = this.getAttribute("src") ?? "";
+    const alt = this.getAttribute("alt");
+    const hasAlt = alt !== null && alt.trim().length > 0;
+    const loading = resolveLoading(this.getAttribute("loading"));
+    const parts = [
+      `src="${escapeAttr2(src)}"`,
+      `alt="${escapeAttr2(alt ?? "")}"`,
+      `loading="${loading}"`,
+      `decoding="async"`
+    ];
+    const width = dimensionAttr("width", this.getAttribute("width")).trim();
+    if (width.length > 0)
+      parts.push(width);
+    const height = dimensionAttr("height", this.getAttribute("height")).trim();
+    if (height.length > 0)
+      parts.push(height);
+    if (!hasAlt)
+      parts.push(`data-saacms-warn="missing-alt"`);
+    this.innerHTML = `<img class="saacms-image" ${parts.join(" ")}>`;
+  }
+}
+function isObserved3(name) {
+  return OBSERVED_ATTRIBUTES3.includes(name);
+}
+// src/image/Image.block.ts
+import { Schema as Schema3 } from "effect";
+import { defineBlock as defineBlock3 } from "@saacms/core";
+var ImageSchema = Schema3.Struct({
+  src: Schema3.String,
+  alt: Schema3.String,
+  width: Schema3.optional(Schema3.Number),
+  height: Schema3.optional(Schema3.Number),
+  loading: Schema3.optional(Schema3.Literal("lazy", "eager"))
+});
+var ImageBlock = defineBlock3({
+  slug: "image",
+  mode: "web-component",
+  schema: ImageSchema,
+  component: "saacms-image"
+});
+// src/code-block/CodeBlock.ts
+var OBSERVED_ATTRIBUTES4 = ["code", "lang", "show-line-numbers"];
+function escapeCode(value) {
+  return value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+}
+function resolveBool(attr) {
+  return attr !== null && attr !== "false";
+}
+
+class CodeBlock extends HTMLElementBase {
+  static get observedAttributes() {
+    return OBSERVED_ATTRIBUTES4;
+  }
+  get code() {
+    return this.getAttribute("code") ?? "";
+  }
+  set code(value) {
+    this.setAttribute("code", value ?? "");
+  }
+  get lang() {
+    return this.getAttribute("lang") ?? "";
+  }
+  set lang(value) {
+    if (value === "")
+      this.removeAttribute("lang");
+    else
+      this.setAttribute("lang", value);
+  }
+  get showLineNumbers() {
+    return resolveBool(this.getAttribute("show-line-numbers"));
+  }
+  set showLineNumbers(value) {
+    if (value)
+      this.setAttribute("show-line-numbers", "true");
+    else
+      this.removeAttribute("show-line-numbers");
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback(name, _oldValue, _newValue) {
+    if (!isObserved4(name))
+      return;
+    if (this.isConnected) {
+      this.render();
+    }
+  }
+  render() {
+    if (typeof document === "undefined")
+      return;
+    const lang = this.getAttribute("lang");
+    const code = this.getAttribute("code") ?? "";
+    const showLineNumbers = resolveBool(this.getAttribute("show-line-numbers"));
+    const pre = document.createElement("pre");
+    pre.className = "saacms-code-block";
+    const codeEl = document.createElement("code");
+    codeEl.className = lang !== null && lang.length > 0 ? `language-${lang}` : "language-plaintext";
+    if (showLineNumbers) {
+      const lines = code.split(`
+`);
+      lines.forEach((line, index) => {
+        const span = document.createElement("span");
+        span.className = "saacms-line";
+        span.textContent = line;
+        codeEl.appendChild(span);
+        if (index < lines.length - 1) {
+          codeEl.appendChild(document.createTextNode(`
+`));
+        }
+      });
+    } else {
+      codeEl.textContent = code;
+    }
+    pre.appendChild(codeEl);
+    this.replaceChildren(pre);
+  }
+}
+function isObserved4(name) {
+  return OBSERVED_ATTRIBUTES4.includes(name);
+}
+// src/code-block/CodeBlock.block.ts
+import { Schema as Schema4 } from "effect";
+import { defineBlock as defineBlock4 } from "@saacms/core";
+var CodeBlockSchema = Schema4.Struct({
+  code: Schema4.String,
+  lang: Schema4.optional(Schema4.String),
+  showLineNumbers: Schema4.optional(Schema4.Boolean)
+});
+var CodeBlockBlock = defineBlock4({
+  slug: "code-block",
+  mode: "web-component",
+  schema: CodeBlockSchema,
+  component: "saacms-code-block"
+});
+// src/internal/safe-href.ts
+function safeHref(value) {
+  const trimmed = value.trim();
+  if (trimmed === "")
+    return "";
+  const normalized = trimmed.replace(/[\u0000-\u0020]+/g, "").toLowerCase();
+  const schemeMatch = normalized.match(/^([a-z][a-z0-9+.-]*):/);
+  if (schemeMatch === null) {
+    return trimmed;
+  }
+  const scheme = schemeMatch[1];
+  return scheme === "http" || scheme === "https" ? trimmed : "";
+}
+
+// src/pricing-table/PricingTable.ts
+var OBSERVED_ATTRIBUTES5 = ["tiers"];
+function asString(value) {
+  return typeof value === "string" ? value : "";
+}
+function coerceTiers(value) {
+  if (!Array.isArray(value))
+    return [];
+  return value.map((raw) => {
+    const t = raw ?? {};
+    const features = Array.isArray(t.features) ? t.features.map(asString) : [];
+    return {
+      name: asString(t.name),
+      price: asString(t.price),
+      features,
+      highlighted: t.highlighted === true,
+      ctaLabel: typeof t.ctaLabel === "string" ? t.ctaLabel : undefined,
+      ctaHref: typeof t.ctaHref === "string" ? t.ctaHref : undefined
+    };
+  });
+}
+
+class PricingTable extends HTMLElementBase {
+  static get observedAttributes() {
+    return OBSERVED_ATTRIBUTES5;
+  }
+  propTiers = null;
+  get tiers() {
+    if (this.propTiers !== null)
+      return this.propTiers;
+    return coerceTiers(this.parseAttr());
+  }
+  set tiers(value) {
+    this.propTiers = value === null ? null : coerceTiers(value);
+    if (this.isConnected)
+      this.render();
+  }
+  parseAttr() {
+    const raw = this.getAttribute("tiers");
+    if (raw === null || raw.trim() === "")
+      return [];
+    try {
+      return JSON.parse(raw);
+    } catch {
+      return [];
+    }
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback(name, _oldValue, _newValue) {
+    if (!isObserved5(name))
+      return;
+    this.propTiers = null;
+    if (this.isConnected)
+      this.render();
+  }
+  render() {
+    if (typeof document === "undefined")
+      return;
+    const tiers = this.propTiers !== null ? this.propTiers : coerceTiers(this.parseAttr());
+    const root = document.createElement("div");
+    root.className = "saacms-pricing-table";
+    for (const tier of tiers) {
+      const card = document.createElement("div");
+      card.className = "saacms-tier";
+      card.setAttribute("data-highlighted", tier.highlighted === true ? "true" : "false");
+      const name = document.createElement("h3");
+      name.className = "saacms-tier__name";
+      name.textContent = tier.name;
+      card.appendChild(name);
+      const price = document.createElement("p");
+      price.className = "saacms-tier__price";
+      price.textContent = tier.price;
+      card.appendChild(price);
+      const list = document.createElement("ul");
+      list.className = "saacms-tier__features";
+      for (const feature of tier.features) {
+        const li = document.createElement("li");
+        li.textContent = feature;
+        list.appendChild(li);
+      }
+      card.appendChild(list);
+      if (tier.ctaLabel !== undefined && tier.ctaLabel.length > 0) {
+        const href = safeHref(tier.ctaHref ?? "");
+        const cta = document.createElement("a");
+        cta.className = "saacms-tier__cta";
+        cta.textContent = tier.ctaLabel;
+        if (href !== "")
+          cta.setAttribute("href", href);
+        card.appendChild(cta);
+      }
+      root.appendChild(card);
+    }
+    this.replaceChildren(root);
+  }
+}
+function isObserved5(name) {
+  return OBSERVED_ATTRIBUTES5.includes(name);
+}
+// src/pricing-table/PricingTable.block.ts
+import { Schema as Schema5 } from "effect";
+import { defineBlock as defineBlock5 } from "@saacms/core";
+var PricingTableSchema = Schema5.Struct({
+  tiers: Schema5.Array(Schema5.Struct({
+    name: Schema5.String,
+    price: Schema5.String,
+    features: Schema5.Array(Schema5.String),
+    highlighted: Schema5.optional(Schema5.Boolean),
+    ctaLabel: Schema5.optional(Schema5.String),
+    ctaHref: Schema5.optional(Schema5.String)
+  }))
+});
+var PricingTableBlock = defineBlock5({
+  slug: "pricing-table",
+  mode: "web-component",
+  schema: PricingTableSchema,
+  component: "saacms-pricing-table"
+});
+// src/video/Video.ts
+var OBSERVED_ATTRIBUTES6 = [
+  "src",
+  "poster",
+  "autoplay",
+  "loop",
+  "muted",
+  "controls"
+];
+function resolveVideoAttrs(input) {
+  const autoplay = input.autoplay === true;
+  return {
+    src: safeHref(input.src ?? ""),
+    poster: safeHref(input.poster ?? ""),
+    autoplay,
+    loop: input.loop === true,
+    muted: autoplay ? true : input.muted === true,
+    controls: input.controls !== false,
+    playsinline: true,
+    preload: "metadata"
+  };
+}
+function boolAttr(attr) {
+  return attr !== null && attr !== "false";
+}
+
+class Video extends HTMLElementBase {
+  static get observedAttributes() {
+    return OBSERVED_ATTRIBUTES6;
+  }
+  get src() {
+    return this.getAttribute("src") ?? "";
+  }
+  set src(value) {
+    this.setAttribute("src", value ?? "");
+  }
+  get poster() {
+    return this.getAttribute("poster") ?? "";
+  }
+  set poster(value) {
+    if (value === "")
+      this.removeAttribute("poster");
+    else
+      this.setAttribute("poster", value);
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback(name, _oldValue, _newValue) {
+    if (!isObserved6(name))
+      return;
+    if (this.isConnected)
+      this.render();
+  }
+  resolved() {
+    const controlsAttr = this.getAttribute("controls");
+    return resolveVideoAttrs({
+      src: this.getAttribute("src"),
+      poster: this.getAttribute("poster"),
+      autoplay: boolAttr(this.getAttribute("autoplay")),
+      loop: boolAttr(this.getAttribute("loop")),
+      muted: boolAttr(this.getAttribute("muted")),
+      controls: controlsAttr === null ? undefined : controlsAttr !== "false"
+    });
+  }
+  render() {
+    if (typeof document === "undefined")
+      return;
+    const a = this.resolved();
+    const video = document.createElement("video");
+    video.className = "saacms-video";
+    if (a.src !== "")
+      video.setAttribute("src", a.src);
+    if (a.poster !== "")
+      video.setAttribute("poster", a.poster);
+    if (a.autoplay)
+      video.setAttribute("autoplay", "");
+    if (a.loop)
+      video.setAttribute("loop", "");
+    if (a.muted)
+      video.setAttribute("muted", "");
+    if (a.controls)
+      video.setAttribute("controls", "");
+    video.setAttribute("playsinline", "");
+    video.setAttribute("preload", a.preload);
+    this.replaceChildren(video);
+  }
+}
+function isObserved6(name) {
+  return OBSERVED_ATTRIBUTES6.includes(name);
+}
+// src/video/Video.block.ts
+import { Schema as Schema6 } from "effect";
+import { defineBlock as defineBlock6 } from "@saacms/core";
+var VideoSchema = Schema6.Struct({
+  src: Schema6.String,
+  poster: Schema6.optional(Schema6.String),
+  autoplay: Schema6.optional(Schema6.Boolean),
+  loop: Schema6.optional(Schema6.Boolean),
+  muted: Schema6.optional(Schema6.Boolean),
+  controls: Schema6.optional(Schema6.Boolean)
+});
+var VideoBlock = defineBlock6({
+  slug: "video",
+  mode: "web-component",
+  schema: VideoSchema,
+  component: "saacms-video"
+});
+// src/raw-html/RawHtml.ts
+var OBSERVED_ATTRIBUTES7 = ["html", "trusted"];
+var TRUSTED_WARNING = "[saacms/blocks] saacms-raw-html trusted=true bypasses sanitization — only use for first-party content";
+
+class RawHtml extends HTMLElementBase {
+  static get observedAttributes() {
+    return OBSERVED_ATTRIBUTES7;
+  }
+  warnedTrusted = false;
+  get html() {
+    return this.getAttribute("html") ?? "";
+  }
+  set html(value) {
+    this.setAttribute("html", value ?? "");
+  }
+  get trusted() {
+    return this.getAttribute("trusted") === "true";
+  }
+  set trusted(value) {
+    if (value)
+      this.setAttribute("trusted", "true");
+    else
+      this.removeAttribute("trusted");
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback(name, _oldValue, _newValue) {
+    if (!isObserved7(name))
+      return;
+    if (this.isConnected)
+      this.render();
+  }
+  render() {
+    const html = this.getAttribute("html") ?? "";
+    const trusted = this.getAttribute("trusted") === "true";
+    if (trusted) {
+      this.setAttribute("data-saacms-trusted", "true");
+      if (!this.warnedTrusted) {
+        this.warnedTrusted = true;
+        console.warn(TRUSTED_WARNING);
+      }
+      this.innerHTML = html;
+      return;
+    }
+    this.removeAttribute("data-saacms-trusted");
+    this.innerHTML = sanitizeRichTextHtml(html);
+  }
+}
+function isObserved7(name) {
+  return OBSERVED_ATTRIBUTES7.includes(name);
+}
+// src/raw-html/RawHtml.block.ts
+import { Schema as Schema7 } from "effect";
+import { defineBlock as defineBlock7 } from "@saacms/core";
+var RawHtmlSchema = Schema7.Struct({
+  html: Schema7.String,
+  trusted: Schema7.optional(Schema7.Boolean)
+});
+var RawHtmlBlock = defineBlock7({
+  slug: "raw-html",
+  mode: "web-component",
+  schema: RawHtmlSchema,
+  component: "saacms-raw-html"
+});
+// src/register.ts
+var REGISTRATIONS = [
+  { tag: "saacms-hero", ctor: Hero },
+  { tag: "saacms-rich-text", ctor: RichText },
+  { tag: "saacms-image", ctor: Image },
+  { tag: "saacms-code-block", ctor: CodeBlock },
+  { tag: "saacms-pricing-table", ctor: PricingTable },
+  { tag: "saacms-video", ctor: Video },
+  { tag: "saacms-raw-html", ctor: RawHtml }
+];
+function register() {
+  if (typeof customElements === "undefined")
+    return;
+  for (const { tag, ctor } of REGISTRATIONS) {
+    if (customElements.get(tag) === undefined) {
+      customElements.define(tag, ctor);
+    }
+  }
+}
+export {
+  sanitizeRichTextHtml,
+  safeHref,
+  resolveVideoAttrs,
+  register,
+  escapeCode,
+  VideoBlock,
+  Video,
+  RichTextBlock,
+  RichText,
+  RawHtmlBlock,
+  RawHtml,
+  REGISTRATIONS,
+  PricingTableBlock,
+  PricingTable,
+  ImageBlock,
+  Image,
+  HeroBlock,
+  Hero,
+  CodeBlockBlock,
+  CodeBlock
+};