@marlinjai/email-editor-blocks 0.2.0

package/dist/index.mjs

@@ -0,0 +1,2725 @@
+// src/registry.ts
+import { createBlockRegistry } from "@marlinjai/email-editor-core";
+
+// src/prebuilt/section-defaults.ts
+var PALETTE = {
+  // Primary colors
+  primary: "#374151",
+  // Slate - buttons and accents
+  primaryDark: "#111827",
+  // Near black - headings
+  primaryLight: "#9ca3af",
+  // Light slate - secondary accents
+  // Background colors
+  bgMuted: "#f5f5f5",
+  // Main background
+  bgWhite: "#ffffff",
+  // White sections
+  bgLight: "#fafafa",
+  // Slightly off white
+  // Text colors
+  textDark: "#111827",
+  // Near black for headings
+  textBody: "#4b5563",
+  // Grey for body text
+  textLight: "#9ca3af",
+  // Light grey for captions
+  textWhite: "#ffffff",
+  // White text on dark bg
+  // Border & divider
+  border: "#e5e7eb",
+  // Subtle grey border
+  divider: "#d1d5db"
+  // Grey divider
+};
+var TYPOGRAPHY = {
+  // Heading styles
+  h1: "font-family: Helvetica, Arial, sans-serif; font-weight: 700; font-size: 32px; line-height: 1.2;",
+  h2: "font-family: Helvetica, Arial, sans-serif; font-weight: 700; font-size: 26px; line-height: 1.3;",
+  h3: "font-family: Helvetica, Arial, sans-serif; font-weight: 600; font-size: 21px; line-height: 1.4;",
+  h4: "font-family: Helvetica, Arial, sans-serif; font-weight: 600; font-size: 18px; line-height: 1.4;",
+  // Body styles
+  body: "font-family: Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.6;",
+  bodySmall: "font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.5;",
+  caption: "font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: 1.4;",
+  // Special styles
+  signature: 'font-family: Georgia, "Times New Roman", serif; font-style: italic; font-size: 22px;',
+  label: "font-family: Helvetica, Arial, sans-serif; font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase;",
+  price: 'font-family: Georgia, "Times New Roman", serif; font-weight: 600;'
+};
+function placeholderImage(width, height) {
+  const svg = `<svg xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" viewBox="0 0 ${width} ${height}"><rect width="${width}" height="${height}" fill="${PALETTE.bgMuted}" stroke="${PALETTE.border}" stroke-width="2"/></svg>`;
+  return `data:image/svg+xml,${encodeURIComponent(svg)}`;
+}
+function placeholderSize(src) {
+  if (!src.startsWith("data:image/svg+xml,")) return null;
+  const decoded = decodeURIComponent(src.slice("data:image/svg+xml,".length));
+  const match = /^<svg [^>]*\bwidth="(\d+)" height="(\d+)"/.exec(decoded);
+  return match ? { width: Number(match[1]), height: Number(match[2]) } : null;
+}
+function hostedPlaceholder(src, base) {
+  if (!base) return src;
+  const size = placeholderSize(src);
+  if (!size) return src;
+  return `${base.replace(/\/+$/, "")}/p/${size.width}x${size.height}.png`;
+}
+var PLACEHOLDER_ALT = "Placeholder image, replace with your own";
+var PLACEHOLDER = {
+  // Branding
+  companyName: "Your company",
+  tagline: "Your tagline goes here",
+  // Sender details
+  ownerName: "Your name",
+  ownerTitle: "Your title",
+  ownerContact: "Your email address",
+  // Common CTAs
+  ctaBookSession: "Book now",
+  ctaLearnMore: "Learn more",
+  ctaReadMore: "Read more",
+  ctaGetStarted: "Get started",
+  ctaExplore: "Explore more",
+  // Headlines
+  headlines: [
+    "Your headline here",
+    "A second headline",
+    "A third headline",
+    "One, two, three.",
+    "Your subject in a few words"
+  ],
+  // Common body text
+  bodyText: {
+    intro: "A short paragraph introducing this section. Replace it with your own text, and keep it to a couple of sentences so it stays readable on a phone.",
+    destination: "A closing line that says what the reader gets out of it.",
+    welcome: "Thank you for subscribing. Replace this paragraph with a welcome in your own words."
+  },
+  // Closing
+  closing: {
+    gratitude: "With kind regards,",
+    signature: "Your name"
+  },
+  // Footer
+  footer: {
+    unsubscribe: "If you no longer wish to receive these emails, you can",
+    unsubscribeLink: "unsubscribe here",
+    received: "You received this email because you subscribed to this newsletter."
+  },
+  // Logo, a placeholder square until the host sets its own
+  logoUrl: placeholderImage(120, 120),
+  // Website
+  website: "https://example.com"
+};
+function styledHeading(text, level = 1) {
+  const tag = `h${level}`;
+  const style = TYPOGRAPHY[`h${level}`];
+  return `<${tag} style="margin:0;${style}color:${PALETTE.textDark};">${text}</${tag}>`;
+}
+function styledBody(text, centered = false) {
+  const align = centered ? "text-align:center;" : "";
+  return `<p style="margin:0;${TYPOGRAPHY.body}color:${PALETTE.textBody};${align}">${text}</p>`;
+}
+function styledLabel(text) {
+  return `<p style="margin:0 0 8px 0;${TYPOGRAPHY.label}color:${PALETTE.primary};">${text}</p>`;
+}
+
+// src/placeholders.ts
+var LOADING_KEYS = /* @__PURE__ */ new Set(["src", "backgroundImage", "logoUrl", "thumbnail", "poster"]);
+function withHostedPlaceholders(value, base) {
+  if (!base) return value;
+  return walk(value, base);
+}
+function walk(value, base, key) {
+  if (typeof value === "string") return key && LOADING_KEYS.has(key) ? hostedPlaceholder(value, base) : value;
+  if (Array.isArray(value)) return value.map((v) => walk(v, base, key));
+  if (value && typeof value === "object") {
+    return Object.fromEntries(Object.entries(value).map(([k, v]) => [k, walk(v, base, k)]));
+  }
+  return value;
+}
+
+// src/text/index.ts
+import { TextBlockSchema } from "@marlinjai/email-editor-core";
+var textBlockDefinition = {
+  type: "text",
+  label: "Text",
+  category: "text",
+  description: "Rich text content",
+  defaultProps: {
+    content: "<p>Enter your text here...</p>",
+    align: "left",
+    color: "#000000",
+    fontSize: "14px",
+    fontFamily: "Georgia, serif"
+  },
+  propSchema: TextBlockSchema.omit({ id: true, type: true }),
+  toMJML: (block) => {
+    const attrs = [];
+    if (block.align) attrs.push(`align="${block.align}"`);
+    if (block.color) attrs.push(`color="${block.color}"`);
+    if (block.fontSize) attrs.push(`font-size="${block.fontSize}"`);
+    if (block.fontFamily) attrs.push(`font-family="${block.fontFamily}"`);
+    if (block.lineHeight) attrs.push(`line-height="${block.lineHeight}"`);
+    if (block.padding) {
+      const padding = [
+        block.padding.top,
+        block.padding.right,
+        block.padding.bottom,
+        block.padding.left
+      ].filter(Boolean).join(" ");
+      if (padding) attrs.push(`padding="${padding}"`);
+    }
+    return `<mj-text ${attrs.join(" ")} css-class="el-text el-${block.id}">${block.content}</mj-text>`;
+  }
+};
+
+// src/image/index.ts
+import { ImageBlockSchema } from "@marlinjai/email-editor-core";
+var imageBlockDefinition = {
+  type: "image",
+  label: "Image",
+  category: "media",
+  description: "Insert an image",
+  defaultProps: {
+    // A `data:` URI, not an address on an image host: a workspace whose
+    // `asset_policy` is `service_only` refuses every remote address at compile,
+    // so a freshly dropped image block would otherwise produce a mail that
+    // cannot be sent until its src is replaced.
+    src: placeholderImage(600, 400),
+    alt: PLACEHOLDER_ALT,
+    align: "center",
+    width: "600px"
+  },
+  propSchema: ImageBlockSchema.omit({ id: true, type: true }),
+  toMJML: (block) => {
+    const attrs = [`src="${block.src}"`, `data-block-id="${block.id}"`];
+    if (block.alt) attrs.push(`alt="${block.alt}"`);
+    if (block.width) attrs.push(`width="${block.width}"`);
+    if (block.height) attrs.push(`height="${block.height}"`);
+    if (block.align) attrs.push(`align="${block.align}"`);
+    if (block.href) attrs.push(`href="${block.href}"`);
+    if (block.padding) {
+      const padding = [
+        block.padding.top,
+        block.padding.right,
+        block.padding.bottom,
+        block.padding.left
+      ].filter(Boolean).join(" ");
+      if (padding) attrs.push(`padding="${padding}"`);
+    }
+    return `<mj-image ${attrs.join(" ")} css-class="el-image el-${block.id}" />`;
+  }
+};
+
+// src/button/index.ts
+import { ButtonBlockSchema } from "@marlinjai/email-editor-core";
+var buttonBlockDefinition = {
+  type: "button",
+  label: "Button",
+  category: "media",
+  description: "Call-to-action button",
+  defaultProps: {
+    label: "Click Here",
+    href: "https://example.com",
+    align: "center",
+    backgroundColor: "#944923",
+    color: "#ffffff",
+    borderRadius: "4px",
+    innerPadding: "12px 24px"
+  },
+  propSchema: ButtonBlockSchema.omit({ id: true, type: true }),
+  toMJML: (block) => {
+    const attrs = [`href="${block.href}"`, `data-block-id="${block.id}"`];
+    if (block.align) attrs.push(`align="${block.align}"`);
+    if (block.backgroundColor) attrs.push(`background-color="${block.backgroundColor}"`);
+    if (block.color) attrs.push(`color="${block.color}"`);
+    if (block.borderRadius) attrs.push(`border-radius="${block.borderRadius}"`);
+    if (block.innerPadding) attrs.push(`inner-padding="${block.innerPadding}"`);
+    if (block.padding) {
+      const padding = [
+        block.padding.top,
+        block.padding.right,
+        block.padding.bottom,
+        block.padding.left
+      ].filter(Boolean).join(" ");
+      if (padding) attrs.push(`padding="${padding}"`);
+    }
+    return `<mj-button ${attrs.join(" ")} css-class="el-button el-${block.id}">${block.label}</mj-button>`;
+  }
+};
+
+// src/divider/index.ts
+import { DividerBlockSchema } from "@marlinjai/email-editor-core";
+var dividerBlockDefinition = {
+  type: "divider",
+  label: "Divider",
+  category: "layout",
+  description: "Horizontal divider line",
+  defaultProps: {
+    borderColor: "#cccccc",
+    borderWidth: "1px",
+    borderStyle: "solid"
+  },
+  propSchema: DividerBlockSchema.omit({ id: true, type: true }),
+  toMJML: (block) => {
+    const attrs = [`data-block-id="${block.id}"`];
+    if (block.borderColor) attrs.push(`border-color="${block.borderColor}"`);
+    if (block.borderWidth) attrs.push(`border-width="${block.borderWidth}"`);
+    if (block.borderStyle) attrs.push(`border-style="${block.borderStyle}"`);
+    if (block.padding) {
+      const padding = [
+        block.padding.top,
+        block.padding.right,
+        block.padding.bottom,
+        block.padding.left
+      ].filter(Boolean).join(" ");
+      if (padding) attrs.push(`padding="${padding}"`);
+    }
+    return `<mj-divider ${attrs.join(" ")} css-class="el-divider el-${block.id}" />`;
+  }
+};
+
+// src/spacer/index.ts
+import { SpacerBlockSchema } from "@marlinjai/email-editor-core";
+var spacerBlockDefinition = {
+  type: "spacer",
+  label: "Spacer",
+  category: "layout",
+  description: "Vertical spacing",
+  defaultProps: {
+    height: "20px"
+  },
+  propSchema: SpacerBlockSchema.omit({ id: true, type: true }),
+  toMJML: (block) => {
+    return `<mj-spacer height="${block.height}" css-class="el-spacer el-${block.id}" />`;
+  }
+};
+
+// src/social/index.ts
+import { SocialBlockSchema } from "@marlinjai/email-editor-core";
+var SOCIAL_COLORS = {
+  facebook: "#1877F2",
+  twitter: "#000000",
+  instagram: "#E4405F",
+  linkedin: "#0A66C2",
+  youtube: "#FF0000",
+  pinterest: "#BD081C",
+  github: "#181717"
+};
+function getSocialIconDataUri(platform) {
+  const svgIcons = {
+    facebook: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg>',
+    twitter: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z"/></svg>',
+    instagram: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M12 0C8.74 0 8.333.015 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.74 0 12s.015 3.667.072 4.947c.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.74 24 12 24s3.667-.015 4.947-.072c4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z"/></svg>',
+    linkedin: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg>',
+    youtube: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M23.498 6.186a3.016 3.016 0 00-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 00.502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 002.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 002.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/></svg>',
+    pinterest: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M12 0C5.373 0 0 5.372 0 12c0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738a.36.36 0 01.083.345c-.091.378-.293 1.194-.333 1.361-.052.218-.174.265-.402.159-1.495-.696-2.428-2.882-2.428-4.64 0-3.779 2.744-7.253 7.917-7.253 4.158 0 7.389 2.963 7.389 6.923 0 4.13-2.607 7.461-6.229 7.461-1.217 0-2.36-.632-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146C9.57 23.812 10.763 24 12 24c6.627 0 12-5.373 12-12S18.627 0 12 0z"/></svg>',
+    github: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>'
+  };
+  const svg = svgIcons[platform] || svgIcons.facebook;
+  return `data:image/svg+xml;base64,${Buffer.from(svg).toString("base64")}`;
+}
+var socialBlockDefinition = {
+  type: "social",
+  label: "Social Icons",
+  category: "media",
+  description: "Social media links",
+  defaultProps: {
+    mode: "horizontal",
+    align: "center",
+    iconSize: "40px",
+    iconPadding: "8px",
+    borderRadius: "999px",
+    // Round icons by default
+    links: [
+      { platform: "facebook", url: "https://facebook.com" },
+      { platform: "instagram", url: "https://instagram.com" },
+      { platform: "linkedin", url: "https://linkedin.com" }
+    ]
+  },
+  propSchema: SocialBlockSchema.omit({ id: true, type: true }),
+  toMJML: (block) => {
+    const iconSize = block.iconSize || "40px";
+    const iconPadding = block.iconPadding || "8px";
+    const borderRadius = block.borderRadius || "999px";
+    const align = block.align || "center";
+    const isVertical = block.mode === "vertical";
+    const sizeNum = parseInt(iconSize, 10) || 40;
+    const innerIconSize = Math.round(sizeNum * 0.5);
+    const paddingNum = parseInt(iconPadding, 10) || 8;
+    const getLinkColor = (link) => {
+      return link.color || SOCIAL_COLORS[link.platform] || "#666666";
+    };
+    if (isVertical) {
+      return block.links.map((link) => {
+        const bgColor = getLinkColor(link);
+        const iconUrl = getSocialIconDataUri(link.platform);
+        return `<mj-button href="${link.url}" background-color="${bgColor}" border-radius="${borderRadius}" width="${iconSize}" height="${iconSize}" padding="${iconPadding} 0" inner-padding="0" align="${align}" css-class="el-social-btn el-${block.id}-${link.platform}"><img src="${iconUrl}" alt="${link.platform}" width="${innerIconSize}" height="${innerIconSize}" style="display:block;margin:auto;" /></mj-button>`;
+      }).join("\n");
+    }
+    const alignMargin = align === "center" ? "0 auto" : align === "right" ? "0 0 0 auto" : "0 auto 0 0";
+    const socialCells = block.links.map((link, index) => {
+      const bgColor = getLinkColor(link);
+      const iconUrl = getSocialIconDataUri(link.platform);
+      const isLast = index === block.links.length - 1;
+      const cellPadding = isLast ? "0" : `0 ${paddingNum}px 0 0`;
+      const paddingForCentering = Math.round((sizeNum - innerIconSize) / 2);
+      return `<td style="padding: ${cellPadding};"><a href="${link.url}" target="_blank" style="display: block; width: ${iconSize}; height: ${iconSize}; background-color: ${bgColor}; border-radius: ${borderRadius}; text-decoration: none;"><img src="${iconUrl}" alt="${link.platform}" width="${innerIconSize}" height="${innerIconSize}" style="display: block; margin: ${paddingForCentering}px auto 0 auto;" /></a></td>`;
+    }).join("");
+    return `<mj-raw><table align="${align}" role="presentation" cellpadding="0" cellspacing="0" style="margin: ${alignMargin};"><tr>${socialCells}</tr></table></mj-raw>`;
+  }
+};
+
+// src/hero/index.ts
+import { HeroBlockSchema } from "@marlinjai/email-editor-core";
+var heroBlockDefinition = {
+  type: "hero",
+  label: "Hero",
+  category: "layout",
+  description: "Full-width hero with background",
+  defaultProps: {
+    // A `data:` URI rather than a remote one, so a `service_only` workspace can
+    // send a mail containing a hero whose background has not been chosen yet.
+    backgroundImage: placeholderImage(1200, 600),
+    backgroundHeight: "400px",
+    backgroundColor: "#374151",
+    verticalAlign: "middle",
+    mode: "fluid-height"
+  },
+  propSchema: HeroBlockSchema.omit({ id: true, type: true }),
+  toMJML: (block) => {
+    const attrs = [
+      `background-url="${block.backgroundImage}"`,
+      `css-class="el-hero el-${block.id}"`
+    ];
+    if (block.backgroundHeight) attrs.push(`background-height="${block.backgroundHeight}"`);
+    if (block.backgroundWidth) attrs.push(`background-width="${block.backgroundWidth}"`);
+    if (block.backgroundColor) attrs.push(`background-color="${block.backgroundColor}"`);
+    if (block.verticalAlign) attrs.push(`vertical-align="${block.verticalAlign}"`);
+    if (block.mode) attrs.push(`mode="${block.mode}"`);
+    return `
+<mj-hero ${attrs.join(" ")}>
+  <mj-text align="center" color="#ffffff" font-size="32px" font-weight="bold">
+    Hero Title
+  </mj-text>
+  <mj-text align="center" color="#ffffff" font-size="16px">
+    Add your hero content here
+  </mj-text>
+</mj-hero>
+    `.trim();
+  }
+};
+
+// src/accordion/index.ts
+import { AccordionBlockSchema } from "@marlinjai/email-editor-core";
+var accordionBlockDefinition = {
+  type: "accordion",
+  label: "Accordion",
+  category: "text",
+  description: "Collapsible FAQ sections",
+  defaultProps: {
+    items: [
+      { title: "Question 1", content: "Answer to question 1" },
+      { title: "Question 2", content: "Answer to question 2" }
+    ],
+    iconPosition: "right",
+    borderColor: "#e0e0e0"
+  },
+  propSchema: AccordionBlockSchema.omit({ id: true, type: true }),
+  toMJML: (block) => {
+    const attrs = [`css-class="el-accordion el-${block.id}"`];
+    if (block.iconPosition) attrs.push(`icon-position="${block.iconPosition}"`);
+    if (block.borderColor) attrs.push(`border="${block.borderColor}"`);
+    if (block.fontFamily) attrs.push(`font-family="${block.fontFamily}"`);
+    const items = block.items.map(
+      (item) => `
+  <mj-accordion-element>
+    <mj-accordion-title>${item.title}</mj-accordion-title>
+    <mj-accordion-text>${item.content}</mj-accordion-text>
+  </mj-accordion-element>`
+    ).join("\n");
+    return `
+<mj-accordion ${attrs.join(" ")}>
+${items}
+</mj-accordion>
+    `.trim();
+  }
+};
+
+// src/raw/index.ts
+import { RawBlockSchema } from "@marlinjai/email-editor-core";
+var rawBlockDefinition = {
+  type: "raw",
+  label: "HTML Block",
+  category: "layout",
+  description: "Custom HTML code",
+  defaultProps: {
+    html: "<!-- Custom HTML here -->"
+  },
+  propSchema: RawBlockSchema.omit({ id: true, type: true }),
+  toMJML: (block) => {
+    return `<mj-raw css-class="el-raw el-${block.id}">${block.html}</mj-raw>`;
+  }
+};
+
+// src/navbar/index.ts
+import { NavbarBlockSchema } from "@marlinjai/email-editor-core";
+var navbarBlockDefinition = {
+  type: "navbar",
+  label: "Navigation",
+  category: "layout",
+  description: "Navigation menu with links",
+  defaultProps: {
+    // `example.com`, not `#`: a fragment is a dead end in a reader's inbox,
+    // where there is no page to scroll. It has to be replaced either way, and
+    // an address that goes somewhere fails visibly rather than silently.
+    links: [
+      { label: "Home", href: "https://example.com" },
+      { label: "About", href: "https://example.com" },
+      { label: "Contact", href: "https://example.com" }
+    ],
+    hamburger: true,
+    align: "center"
+  },
+  propSchema: NavbarBlockSchema.omit({ id: true, type: true }),
+  toMJML: (block) => {
+    const attrs = [`css-class="el-navbar el-${block.id}"`];
+    if (block.hamburger) attrs.push('hamburger="hamburger"');
+    if (block.baseUrl) attrs.push(`base-url="${block.baseUrl}"`);
+    if (block.align) attrs.push(`align="${block.align}"`);
+    if (block.icoColor) attrs.push(`ico-color="${block.icoColor}"`);
+    if (block.padding) {
+      const padding = [
+        block.padding.top,
+        block.padding.right,
+        block.padding.bottom,
+        block.padding.left
+      ].filter(Boolean).join(" ");
+      if (padding) attrs.push(`padding="${padding}"`);
+    }
+    const links = block.links.map((link) => {
+      const linkAttrs = [`href="${link.href}"`];
+      if (link.color) linkAttrs.push(`color="${link.color}"`);
+      return `<mj-navbar-link ${linkAttrs.join(" ")}>${link.label}</mj-navbar-link>`;
+    }).join("\n    ");
+    return `
+<mj-navbar ${attrs.join(" ")}>
+    ${links}
+</mj-navbar>
+    `.trim();
+  }
+};
+
+// src/carousel/index.ts
+import { CarouselBlockSchema } from "@marlinjai/email-editor-core";
+var carouselBlockDefinition = {
+  type: "carousel",
+  label: "Carousel",
+  category: "media",
+  description: "Image gallery with navigation",
+  defaultProps: {
+    images: [
+      // `data:` URIs, so a `service_only` workspace can send a carousel whose
+      // slides have not been replaced yet.
+      { src: placeholderImage(600, 300), alt: PLACEHOLDER_ALT },
+      { src: placeholderImage(600, 300), alt: PLACEHOLDER_ALT },
+      { src: placeholderImage(600, 300), alt: PLACEHOLDER_ALT }
+    ],
+    thumbnails: "visible",
+    borderRadius: "6px"
+  },
+  propSchema: CarouselBlockSchema.omit({ id: true, type: true }),
+  toMJML: (block) => {
+    const attrs = [`css-class="el-carousel el-${block.id}"`];
+    if (block.thumbnails) attrs.push(`thumbnails="${block.thumbnails}"`);
+    if (block.borderRadius) attrs.push(`border-radius="${block.borderRadius}"`);
+    if (block.iconWidth) attrs.push(`icon-width="${block.iconWidth}"`);
+    if (block.tbBorderRadius) attrs.push(`tb-border-radius="${block.tbBorderRadius}"`);
+    if (block.padding) {
+      const padding = [
+        block.padding.top,
+        block.padding.right,
+        block.padding.bottom,
+        block.padding.left
+      ].filter(Boolean).join(" ");
+      if (padding) attrs.push(`padding="${padding}"`);
+    }
+    const images = block.images.map((img) => {
+      const imgAttrs = [`src="${img.src}"`];
+      if (img.alt) imgAttrs.push(`alt="${img.alt}"`);
+      if (img.href) imgAttrs.push(`href="${img.href}"`);
+      if (img.thumbnailSrc) imgAttrs.push(`thumbnails-src="${img.thumbnailSrc}"`);
+      return `<mj-carousel-image ${imgAttrs.join(" ")} />`;
+    }).join("\n    ");
+    return `
+<mj-carousel ${attrs.join(" ")}>
+    ${images}
+</mj-carousel>
+    `.trim();
+  }
+};
+
+// src/table/index.ts
+import { TableBlockSchema } from "@marlinjai/email-editor-core";
+var tableBlockDefinition = {
+  type: "table",
+  label: "Table",
+  category: "text",
+  description: "Data table with rows and columns",
+  defaultProps: {
+    headers: ["Column 1", "Column 2", "Column 3"],
+    rows: [
+      ["Data 1", "Data 2", "Data 3"],
+      ["Data 4", "Data 5", "Data 6"]
+    ],
+    align: "left",
+    color: "#000000",
+    fontSize: "14px",
+    cellpadding: "8px"
+  },
+  propSchema: TableBlockSchema.omit({ id: true, type: true }),
+  toMJML: (block) => {
+    const attrs = [`css-class="el-table el-${block.id}"`];
+    if (block.align) attrs.push(`align="${block.align}"`);
+    if (block.color) attrs.push(`color="${block.color}"`);
+    if (block.fontFamily) attrs.push(`font-family="${block.fontFamily}"`);
+    if (block.fontSize) attrs.push(`font-size="${block.fontSize}"`);
+    if (block.cellpadding) attrs.push(`cellpadding="${block.cellpadding}"`);
+    if (block.cellspacing) attrs.push(`cellspacing="${block.cellspacing}"`);
+    if (block.border) attrs.push(`border="${block.border}"`);
+    if (block.padding) {
+      const padding = [
+        block.padding.top,
+        block.padding.right,
+        block.padding.bottom,
+        block.padding.left
+      ].filter(Boolean).join(" ");
+      if (padding) attrs.push(`padding="${padding}"`);
+    }
+    const headerCells = block.headers.map((h) => `<th style="padding: 8px; border-bottom: 1px solid #ddd; text-align: left;">${h}</th>`).join("");
+    const headerRow = `<tr style="background-color: #f5f5f5;">${headerCells}</tr>`;
+    const dataRows = block.rows.map((row) => {
+      const cells = row.map((cell) => `<td style="padding: 8px; border-bottom: 1px solid #eee;">${cell}</td>`).join("");
+      return `<tr>${cells}</tr>`;
+    }).join("\n      ");
+    return `
+<mj-table ${attrs.join(" ")}>
+      ${headerRow}
+      ${dataRows}
+</mj-table>
+    `.trim();
+  }
+};
+
+// src/branded/index.ts
+import { HeaderBlockSchema, FooterBlockSchema } from "@marlinjai/email-editor-core";
+var headerBlockDefinition = {
+  type: "header",
+  label: "Header",
+  category: "brand",
+  description: "Newsletter header",
+  locked: true,
+  defaultProps: {
+    locked: true
+  },
+  propSchema: HeaderBlockSchema.omit({ id: true, type: true }),
+  toMJML: (block) => {
+    return `
+<mj-wrapper background-color="#ffffff" padding="20px" css-class="el-header el-${block.id}">
+  <mj-section>
+    <mj-column>
+      <!-- Nothing: this block carries no props, so anything here is content
+           whoever sends the mail cannot change. It held a placeholder logo,
+           which the send guard would refuse with no way for them to fix it. -->
+      <mj-spacer height="1px" />
+    </mj-column>
+  </mj-section>
+</mj-wrapper>
+    `.trim();
+  }
+};
+var footerBlockDefinition = {
+  type: "footer",
+  label: "Footer",
+  category: "brand",
+  description: "Newsletter footer with the unsubscribe link",
+  locked: true,
+  defaultProps: {
+    locked: true
+  },
+  propSchema: FooterBlockSchema.omit({ id: true, type: true }),
+  toMJML: (block) => {
+    return `
+<mj-wrapper background-color="#f5f5f5" padding="20px" css-class="el-footer el-${block.id}">
+  <mj-section>
+    <mj-column>
+      <mj-text align="center" font-size="12px" color="#666666">
+        <a href="{{unsubscribe_url}}" style="color: #374151; text-decoration: underline;">Unsubscribe</a>
+      </mj-text>
+    </mj-column>
+  </mj-section>
+</mj-wrapper>
+    `.trim();
+  }
+};
+
+// src/registry.ts
+function createStandardBlockRegistry(options = {}) {
+  const registry = createBlockRegistry();
+  const hosted = (definition) => options.placeholderBase ? { ...definition, defaultProps: withHostedPlaceholders(definition.defaultProps, options.placeholderBase) } : definition;
+  registry.register(textBlockDefinition);
+  registry.register(hosted(imageBlockDefinition));
+  registry.register(buttonBlockDefinition);
+  registry.register(dividerBlockDefinition);
+  registry.register(spacerBlockDefinition);
+  registry.register(socialBlockDefinition);
+  registry.register(hosted(heroBlockDefinition));
+  registry.register(accordionBlockDefinition);
+  registry.register(rawBlockDefinition);
+  registry.register(navbarBlockDefinition);
+  registry.register(hosted(carouselBlockDefinition));
+  registry.register(tableBlockDefinition);
+  registry.register(headerBlockDefinition);
+  registry.register(footerBlockDefinition);
+  return registry;
+}
+
+// src/prebuilt/index.ts
+import { createPrebuiltTemplateRegistry } from "@marlinjai/email-editor-core";
+
+// src/prebuilt/hero-templates.ts
+var heroMainTemplate = {
+  id: "hero-main",
+  name: "Hero - Main",
+  category: "hero",
+  description: "Full-width hero with a coloured background and a button",
+  section: {
+    id: "hero-main-section",
+    type: "section",
+    backgroundColor: PALETTE.primary,
+    padding: { top: "80px", bottom: "80px" },
+    columns: [
+      {
+        id: "hero-main-col",
+        blocks: [
+          {
+            id: "hero-main-title",
+            type: "text",
+            content: `<h1 style="margin:0;${TYPOGRAPHY.h1}color:${PALETTE.textWhite};">Your headline here</h1>`,
+            align: "center"
+          },
+          {
+            id: "hero-main-subtitle",
+            type: "text",
+            content: `<p style="margin:20px 0 32px 0;${TYPOGRAPHY.body}color:${PALETTE.textWhite};">${PLACEHOLDER.tagline}</p>`,
+            align: "center"
+          },
+          {
+            id: "hero-main-button",
+            type: "button",
+            label: PLACEHOLDER.ctaBookSession,
+            href: PLACEHOLDER.website,
+            align: "center",
+            backgroundColor: PALETTE.bgWhite,
+            color: PALETTE.primary,
+            borderRadius: "30px",
+            padding: { left: "32px", right: "32px", top: "14px", bottom: "14px" }
+          }
+        ]
+      }
+    ]
+  }
+};
+var heroNewsletterTemplate = {
+  id: "hero-newsletter",
+  name: "Hero - Newsletter Header",
+  category: "hero",
+  description: "Centered logo with welcome headline for newsletters",
+  section: {
+    id: "hero-newsletter-section",
+    type: "section",
+    backgroundColor: PALETTE.bgMuted,
+    padding: { top: "50px", bottom: "40px" },
+    columns: [
+      {
+        id: "hero-newsletter-col",
+        blocks: [
+          {
+            id: "hero-newsletter-logo",
+            type: "image",
+            src: PLACEHOLDER.logoUrl,
+            alt: PLACEHOLDER_ALT,
+            width: "120px",
+            align: "center"
+          },
+          {
+            id: "hero-newsletter-title",
+            type: "text",
+            content: `<h1 style="margin:30px 0 16px 0;${TYPOGRAPHY.h1}color:${PALETTE.textDark};">Your newsletter title</h1>`,
+            align: "center"
+          },
+          {
+            id: "hero-newsletter-tagline",
+            type: "text",
+            content: `<p style="margin:0;${TYPOGRAPHY.h3}color:${PALETTE.primary};">${PLACEHOLDER.tagline}</p>`,
+            align: "center"
+          }
+        ]
+      }
+    ]
+  }
+};
+var heroMinimalTemplate = {
+  id: "hero-minimal",
+  name: "Hero - Minimal",
+  category: "hero",
+  description: "Clean minimal hero with divider",
+  section: {
+    id: "hero-minimal-section",
+    type: "section",
+    backgroundColor: PALETTE.bgWhite,
+    padding: { top: "50px", bottom: "40px" },
+    columns: [
+      {
+        id: "hero-minimal-col",
+        blocks: [
+          {
+            id: "hero-minimal-title",
+            type: "text",
+            content: `<h1 style="margin:0;${TYPOGRAPHY.h1}color:${PALETTE.textDark};">A second headline</h1>`,
+            align: "center"
+          },
+          {
+            id: "hero-minimal-divider",
+            type: "divider",
+            borderColor: PALETTE.divider,
+            borderWidth: "2px",
+            borderStyle: "solid",
+            padding: { top: "24px", bottom: "24px" }
+          },
+          {
+            id: "hero-minimal-text",
+            type: "text",
+            content: `<p style="margin:0;${TYPOGRAPHY.body}color:${PALETTE.textBody};">${PLACEHOLDER.bodyText.destination}</p>`,
+            align: "center"
+          }
+        ]
+      }
+    ]
+  }
+};
+var heroSplitTemplate = {
+  id: "hero-split",
+  name: "Hero - Split",
+  category: "hero",
+  description: "Hero with image and text side by side",
+  section: {
+    id: "hero-split-section",
+    type: "section",
+    backgroundColor: PALETTE.bgMuted,
+    padding: { top: "40px", bottom: "40px" },
+    noStack: true,
+    columns: [
+      {
+        id: "hero-split-text-col",
+        width: 50,
+        verticalAlign: "middle",
+        padding: { right: "20px" },
+        blocks: [
+          {
+            id: "hero-split-label",
+            type: "text",
+            content: `<p style="margin:0 0 12px 0;${TYPOGRAPHY.label}color:${PALETTE.primary};">CATEGORY</p>`,
+            align: "left"
+          },
+          {
+            id: "hero-split-title",
+            type: "text",
+            content: `<h1 style="margin:0;${TYPOGRAPHY.h1}color:${PALETTE.textDark};">A third headline</h1>`,
+            align: "left"
+          },
+          {
+            id: "hero-split-desc",
+            type: "text",
+            content: `<p style="margin:20px 0 28px 0;${TYPOGRAPHY.body}color:${PALETTE.textBody};">${PLACEHOLDER.bodyText.intro}</p>`,
+            align: "left"
+          },
+          {
+            id: "hero-split-button",
+            type: "button",
+            label: PLACEHOLDER.ctaLearnMore,
+            href: PLACEHOLDER.website,
+            align: "left",
+            backgroundColor: PALETTE.primary,
+            color: PALETTE.textWhite,
+            borderRadius: "30px",
+            padding: { left: "28px", right: "28px", top: "12px", bottom: "12px" }
+          }
+        ]
+      },
+      {
+        id: "hero-split-image-col",
+        width: 50,
+        blocks: [
+          {
+            id: "hero-split-image",
+            type: "image",
+            src: placeholderImage(400, 350),
+            alt: PLACEHOLDER_ALT,
+            width: "100%",
+            align: "center",
+            borderRadius: "8px"
+          }
+        ]
+      }
+    ]
+  }
+};
+var heroTemplates = [
+  heroMainTemplate,
+  heroNewsletterTemplate,
+  heroMinimalTemplate,
+  heroSplitTemplate
+];
+
+// src/prebuilt/content-templates.ts
+var textImageRightTemplate = {
+  id: "text-image-right",
+  name: "Text + Image Right",
+  category: "content",
+  description: "Text block with image on the right",
+  section: {
+    id: "text-image-right-section",
+    type: "section",
+    backgroundColor: PALETTE.bgWhite,
+    padding: { top: "40px", bottom: "40px" },
+    noStack: true,
+    columns: [
+      {
+        id: "text-image-right-text-col",
+        width: 55,
+        verticalAlign: "middle",
+        padding: { right: "24px" },
+        blocks: [
+          {
+            id: "text-image-right-label",
+            type: "text",
+            content: `<p style="margin:0 0 8px 0;${TYPOGRAPHY.label}color:${PALETTE.primary};">YOUR JOURNEY</p>`,
+            align: "left"
+          },
+          {
+            id: "text-image-right-title",
+            type: "text",
+            content: `<h2 style="margin:0;${TYPOGRAPHY.h2}color:${PALETTE.textDark};">Your headline here</h2>`,
+            align: "left"
+          },
+          {
+            id: "text-image-right-body",
+            type: "text",
+            content: `<p style="margin:16px 0 0 0;${TYPOGRAPHY.body}color:${PALETTE.textBody};">${PLACEHOLDER.bodyText.intro}</p>`,
+            align: "left"
+          }
+        ]
+      },
+      {
+        id: "text-image-right-image-col",
+        width: 45,
+        blocks: [
+          {
+            id: "text-image-right-image",
+            type: "image",
+            src: placeholderImage(350, 280),
+            alt: PLACEHOLDER_ALT,
+            width: "100%",
+            align: "center",
+            borderRadius: "8px"
+          }
+        ]
+      }
+    ]
+  }
+};
+var textImageLeftTemplate = {
+  id: "text-image-left",
+  name: "Text + Image Left",
+  category: "content",
+  description: "Text block with image on the left",
+  section: {
+    id: "text-image-left-section",
+    type: "section",
+    backgroundColor: PALETTE.bgMuted,
+    padding: { top: "40px", bottom: "40px" },
+    noStack: true,
+    columns: [
+      {
+        id: "text-image-left-image-col",
+        width: 45,
+        blocks: [
+          {
+            id: "text-image-left-image",
+            type: "image",
+            src: placeholderImage(350, 280),
+            alt: PLACEHOLDER_ALT,
+            width: "100%",
+            align: "center",
+            borderRadius: "8px"
+          }
+        ]
+      },
+      {
+        id: "text-image-left-text-col",
+        width: 55,
+        verticalAlign: "middle",
+        padding: { left: "24px" },
+        blocks: [
+          {
+            id: "text-image-left-label",
+            type: "text",
+            content: `<p style="margin:0 0 8px 0;${TYPOGRAPHY.label}color:${PALETTE.primary};">THE SESSION</p>`,
+            align: "left"
+          },
+          {
+            id: "text-image-left-title",
+            type: "text",
+            content: `<h2 style="margin:0;${TYPOGRAPHY.h2}color:${PALETTE.textDark};">What to Expect</h2>`,
+            align: "left"
+          },
+          {
+            id: "text-image-left-body",
+            type: "text",
+            content: `<p style="margin:16px 0 0 0;${TYPOGRAPHY.body}color:${PALETTE.textBody};">${PLACEHOLDER.bodyText.intro}</p>`,
+            align: "left"
+          }
+        ]
+      }
+    ]
+  }
+};
+var sectionTitle1Template = {
+  id: "section-title-1",
+  name: "Section Title - Simple",
+  category: "content",
+  description: "Centered headline with body text",
+  section: {
+    id: "section-title-1-section",
+    type: "section",
+    backgroundColor: PALETTE.bgWhite,
+    padding: { top: "40px", bottom: "40px", left: "40px", right: "40px" },
+    columns: [
+      {
+        id: "section-title-1-col",
+        blocks: [
+          {
+            id: "section-title-1-title",
+            type: "text",
+            content: `<h2 style="margin:0;${TYPOGRAPHY.h2}color:${PALETTE.textDark};">A second headline</h2>`,
+            align: "left"
+          },
+          {
+            id: "section-title-1-divider",
+            type: "divider",
+            borderColor: PALETTE.primary,
+            borderWidth: "2px",
+            borderStyle: "solid",
+            padding: { top: "16px", bottom: "16px" },
+            width: "60px"
+          },
+          {
+            id: "section-title-1-body",
+            type: "text",
+            content: `<p style="margin:0;${TYPOGRAPHY.body}color:${PALETTE.textBody};">${PLACEHOLDER.bodyText.intro}</p>`,
+            align: "left"
+          }
+        ]
+      }
+    ]
+  }
+};
+var sectionTitle2Template = {
+  id: "section-title-2",
+  name: "Section Title - With Button",
+  category: "content",
+  description: "Headline with body text and CTA button",
+  section: {
+    id: "section-title-2-section",
+    type: "section",
+    backgroundColor: PALETTE.bgMuted,
+    padding: { top: "40px", bottom: "40px", left: "40px", right: "40px" },
+    columns: [
+      {
+        id: "section-title-2-col",
+        blocks: [
+          {
+            id: "section-title-2-title",
+            type: "text",
+            content: `<h2 style="margin:0;${TYPOGRAPHY.h2}color:${PALETTE.textDark};">Ready to Begin?</h2>`,
+            align: "left"
+          },
+          {
+            id: "section-title-2-divider",
+            type: "divider",
+            borderColor: PALETTE.primary,
+            borderWidth: "2px",
+            borderStyle: "solid",
+            padding: { top: "16px", bottom: "16px" },
+            width: "60px"
+          },
+          {
+            id: "section-title-2-body",
+            type: "text",
+            content: `<p style="margin:0 0 24px 0;${TYPOGRAPHY.body}color:${PALETTE.textBody};">${PLACEHOLDER.bodyText.destination}</p>`,
+            align: "left"
+          },
+          {
+            id: "section-title-2-button",
+            type: "button",
+            label: PLACEHOLDER.ctaBookSession,
+            href: PLACEHOLDER.website,
+            align: "left",
+            backgroundColor: PALETTE.primary,
+            color: PALETTE.textWhite,
+            borderRadius: "30px",
+            padding: { left: "28px", right: "28px", top: "12px", bottom: "12px" }
+          }
+        ]
+      }
+    ]
+  }
+};
+var sectionTitle3Template = {
+  id: "section-title-3",
+  name: "Section Title - Colored",
+  category: "content",
+  description: "Headline with colored background strip",
+  section: {
+    id: "section-title-3-section",
+    type: "section",
+    backgroundColor: PALETTE.primary,
+    padding: { top: "30px", bottom: "30px", left: "40px", right: "40px" },
+    columns: [
+      {
+        id: "section-title-3-col",
+        blocks: [
+          {
+            id: "section-title-3-title",
+            type: "text",
+            content: `<h2 style="margin:0;${TYPOGRAPHY.h2}color:${PALETTE.textWhite};">A third headline</h2>`,
+            align: "center"
+          },
+          {
+            id: "section-title-3-body",
+            type: "text",
+            content: `<p style="margin:12px 0 0 0;${TYPOGRAPHY.body}color:rgba(255,255,255,0.9);">${PLACEHOLDER.bodyText.destination}</p>`,
+            align: "center"
+          }
+        ]
+      }
+    ]
+  }
+};
+var quoteBlockTemplate = {
+  id: "quote-block",
+  name: "Quote Block",
+  category: "content",
+  description: "Centered quote with attribution",
+  section: {
+    id: "quote-block-section",
+    type: "section",
+    backgroundColor: PALETTE.bgLight,
+    padding: { top: "50px", bottom: "50px", left: "60px", right: "60px" },
+    columns: [
+      {
+        id: "quote-block-col",
+        blocks: [
+          {
+            id: "quote-block-text",
+            type: "text",
+            content: `<p style="margin:0;${TYPOGRAPHY.h3}color:${PALETTE.textDark};">&ldquo;A short quotation goes here. Replace it with something a reader of yours would want to pass on.&rdquo;</p>`,
+            align: "center"
+          },
+          {
+            id: "quote-block-divider",
+            type: "divider",
+            borderColor: PALETTE.divider,
+            borderWidth: "1px",
+            borderStyle: "solid",
+            padding: { top: "24px", bottom: "24px" },
+            width: "80px"
+          },
+          {
+            id: "quote-block-attribution",
+            type: "text",
+            content: `<p style="margin:0;${TYPOGRAPHY.bodySmall}color:${PALETTE.primary};">${PLACEHOLDER.ownerName}</p>`,
+            align: "center"
+          }
+        ]
+      }
+    ]
+  }
+};
+var dividerSectionTemplate = {
+  id: "divider-section",
+  name: "Divider",
+  category: "content",
+  description: "Simple decorative divider",
+  section: {
+    id: "divider-section-section",
+    type: "section",
+    backgroundColor: PALETTE.bgWhite,
+    padding: { top: "20px", bottom: "20px" },
+    columns: [
+      {
+        id: "divider-section-col",
+        blocks: [
+          {
+            id: "divider-section-divider",
+            type: "divider",
+            borderColor: PALETTE.border,
+            borderWidth: "1px",
+            borderStyle: "solid"
+          }
+        ]
+      }
+    ]
+  }
+};
+var spacerSectionTemplate = {
+  id: "spacer-section",
+  name: "Spacer",
+  category: "content",
+  description: "Empty space between sections",
+  section: {
+    id: "spacer-section-section",
+    type: "section",
+    backgroundColor: PALETTE.bgMuted,
+    padding: { top: "0px", bottom: "0px" },
+    columns: [
+      {
+        id: "spacer-section-col",
+        blocks: [
+          {
+            id: "spacer-section-spacer",
+            type: "spacer",
+            height: "40px"
+          }
+        ]
+      }
+    ]
+  }
+};
+var contentTemplates = [
+  textImageRightTemplate,
+  textImageLeftTemplate,
+  sectionTitle1Template,
+  sectionTitle2Template,
+  sectionTitle3Template,
+  quoteBlockTemplate,
+  dividerSectionTemplate,
+  spacerSectionTemplate
+];
+
+// src/prebuilt/feature-templates.ts
+var features2ColTemplate = {
+  id: "features-2col",
+  name: "Features - 2 Columns",
+  category: "content",
+  description: "Two feature boxes with icons side by side",
+  section: {
+    id: "features-2col-section",
+    type: "section",
+    backgroundColor: PALETTE.bgWhite,
+    padding: { top: "50px", bottom: "50px" },
+    noStack: true,
+    columns: [
+      {
+        id: "features-2col-col-1",
+        width: 50,
+        padding: { left: "20px", right: "20px" },
+        backgroundColor: PALETTE.bgLight,
+        blocks: [
+          {
+            id: "features-2col-1-icon",
+            type: "image",
+            src: placeholderImage(60, 60),
+            alt: PLACEHOLDER_ALT,
+            width: "60px",
+            align: "center"
+          },
+          {
+            id: "features-2col-1-title",
+            type: "text",
+            content: `<h3 style="margin:16px 0 8px 0;${TYPOGRAPHY.h4}color:${PALETTE.textDark};">Feature one</h3>`,
+            align: "center"
+          },
+          {
+            id: "features-2col-1-body",
+            type: "text",
+            content: `<p style="margin:0;${TYPOGRAPHY.bodySmall}color:${PALETTE.textBody};">A sentence or two about this feature. Replace it with your own.</p>`,
+            align: "center"
+          }
+        ]
+      },
+      {
+        id: "features-2col-col-2",
+        width: 50,
+        padding: { left: "20px", right: "20px" },
+        backgroundColor: PALETTE.bgLight,
+        blocks: [
+          {
+            id: "features-2col-2-icon",
+            type: "image",
+            src: placeholderImage(60, 60),
+            alt: PLACEHOLDER_ALT,
+            width: "60px",
+            align: "center"
+          },
+          {
+            id: "features-2col-2-title",
+            type: "text",
+            content: `<h3 style="margin:16px 0 8px 0;${TYPOGRAPHY.h4}color:${PALETTE.textDark};">Feature two</h3>`,
+            align: "center"
+          },
+          {
+            id: "features-2col-2-body",
+            type: "text",
+            content: `<p style="margin:0;${TYPOGRAPHY.bodySmall}color:${PALETTE.textBody};">A sentence or two about this feature. Replace it with your own.</p>`,
+            align: "center"
+          }
+        ]
+      }
+    ]
+  }
+};
+var features3ColTemplate = {
+  id: "features-3col",
+  name: "Features - 3 Columns",
+  category: "content",
+  description: "Three feature boxes with icons",
+  section: {
+    id: "features-3col-section",
+    type: "section",
+    backgroundColor: PALETTE.bgMuted,
+    padding: { top: "50px", bottom: "50px" },
+    noStack: true,
+    columns: [
+      {
+        id: "features-3col-col-1",
+        width: 33,
+        padding: { left: "16px", right: "16px" },
+        blocks: [
+          {
+            id: "features-3col-1-icon",
+            type: "image",
+            src: placeholderImage(50, 50),
+            alt: PLACEHOLDER_ALT,
+            width: "50px",
+            align: "center"
+          },
+          {
+            id: "features-3col-1-title",
+            type: "text",
+            content: `<h3 style="margin:14px 0 6px 0;${TYPOGRAPHY.h4}color:${PALETTE.textDark};">Feature one</h3>`,
+            align: "center"
+          },
+          {
+            id: "features-3col-1-body",
+            type: "text",
+            content: `<p style="margin:0;${TYPOGRAPHY.caption}color:${PALETTE.textBody};">A short line about this feature. Replace it with your own.</p>`,
+            align: "center"
+          }
+        ]
+      },
+      {
+        id: "features-3col-col-2",
+        width: 33,
+        padding: { left: "16px", right: "16px" },
+        blocks: [
+          {
+            id: "features-3col-2-icon",
+            type: "image",
+            src: placeholderImage(50, 50),
+            alt: PLACEHOLDER_ALT,
+            width: "50px",
+            align: "center"
+          },
+          {
+            id: "features-3col-2-title",
+            type: "text",
+            content: `<h3 style="margin:14px 0 6px 0;${TYPOGRAPHY.h4}color:${PALETTE.textDark};">Feature two</h3>`,
+            align: "center"
+          },
+          {
+            id: "features-3col-2-body",
+            type: "text",
+            content: `<p style="margin:0;${TYPOGRAPHY.caption}color:${PALETTE.textBody};">A short line about this feature. Replace it with your own.</p>`,
+            align: "center"
+          }
+        ]
+      },
+      {
+        id: "features-3col-col-3",
+        width: 33,
+        padding: { left: "16px", right: "16px" },
+        blocks: [
+          {
+            id: "features-3col-3-icon",
+            type: "image",
+            src: placeholderImage(50, 50),
+            alt: PLACEHOLDER_ALT,
+            width: "50px",
+            align: "center"
+          },
+          {
+            id: "features-3col-3-title",
+            type: "text",
+            content: `<h3 style="margin:14px 0 6px 0;${TYPOGRAPHY.h4}color:${PALETTE.textDark};">Feature three</h3>`,
+            align: "center"
+          },
+          {
+            id: "features-3col-3-body",
+            type: "text",
+            content: `<p style="margin:0;${TYPOGRAPHY.caption}color:${PALETTE.textBody};">A short line about this feature. Replace it with your own.</p>`,
+            align: "center"
+          }
+        ]
+      }
+    ]
+  }
+};
+var features4ColTemplate = {
+  id: "features-4col",
+  name: "Features - 4 Grid",
+  category: "content",
+  description: "Four feature boxes in 2x2 grid",
+  section: {
+    id: "features-4col-section",
+    type: "section",
+    backgroundColor: PALETTE.bgWhite,
+    padding: { top: "40px", bottom: "40px" },
+    noStack: true,
+    columns: [
+      {
+        id: "features-4col-col-1",
+        width: 50,
+        padding: { left: "20px", right: "20px", bottom: "30px" },
+        blocks: [
+          {
+            id: "features-4col-1-icon",
+            type: "image",
+            src: placeholderImage(45, 45),
+            alt: PLACEHOLDER_ALT,
+            width: "45px",
+            align: "center"
+          },
+          {
+            id: "features-4col-1-title",
+            type: "text",
+            content: `<h3 style="margin:12px 0 6px 0;${TYPOGRAPHY.h4}color:${PALETTE.textDark};">Feature one</h3>`,
+            align: "center"
+          },
+          {
+            id: "features-4col-1-body",
+            type: "text",
+            content: `<p style="margin:0;${TYPOGRAPHY.caption}color:${PALETTE.textBody};">A short line about this feature. Replace it with your own.</p>`,
+            align: "center"
+          }
+        ]
+      },
+      {
+        id: "features-4col-col-2",
+        width: 50,
+        padding: { left: "20px", right: "20px", bottom: "30px" },
+        blocks: [
+          {
+            id: "features-4col-2-icon",
+            type: "image",
+            src: placeholderImage(45, 45),
+            alt: PLACEHOLDER_ALT,
+            width: "45px",
+            align: "center"
+          },
+          {
+            id: "features-4col-2-title",
+            type: "text",
+            content: `<h3 style="margin:12px 0 6px 0;${TYPOGRAPHY.h4}color:${PALETTE.textDark};">Feature two</h3>`,
+            align: "center"
+          },
+          {
+            id: "features-4col-2-body",
+            type: "text",
+            content: `<p style="margin:0;${TYPOGRAPHY.caption}color:${PALETTE.textBody};">A short line about this feature. Replace it with your own.</p>`,
+            align: "center"
+          }
+        ]
+      }
+    ]
+  }
+};
+var features4ColRow2Template = {
+  id: "features-4col-row2",
+  name: "Features - 4 Grid (Row 2)",
+  category: "content",
+  description: "Second row of 4-column grid",
+  section: {
+    id: "features-4col-row2-section",
+    type: "section",
+    backgroundColor: PALETTE.bgWhite,
+    padding: { top: "0px", bottom: "40px" },
+    noStack: true,
+    columns: [
+      {
+        id: "features-4col-row2-col-1",
+        width: 50,
+        padding: { left: "20px", right: "20px" },
+        blocks: [
+          {
+            id: "features-4col-row2-1-icon",
+            type: "image",
+            src: placeholderImage(45, 45),
+            alt: PLACEHOLDER_ALT,
+            width: "45px",
+            align: "center"
+          },
+          {
+            id: "features-4col-row2-1-title",
+            type: "text",
+            content: `<h3 style="margin:12px 0 6px 0;${TYPOGRAPHY.h4}color:${PALETTE.textDark};">Feature three</h3>`,
+            align: "center"
+          },
+          {
+            id: "features-4col-row2-1-body",
+            type: "text",
+            content: `<p style="margin:0;${TYPOGRAPHY.caption}color:${PALETTE.textBody};">A short line about this feature. Replace it with your own.</p>`,
+            align: "center"
+          }
+        ]
+      },
+      {
+        id: "features-4col-row2-col-2",
+        width: 50,
+        padding: { left: "20px", right: "20px" },
+        blocks: [
+          {
+            id: "features-4col-row2-2-icon",
+            type: "image",
+            src: placeholderImage(45, 45),
+            alt: PLACEHOLDER_ALT,
+            width: "45px",
+            align: "center"
+          },
+          {
+            id: "features-4col-row2-2-title",
+            type: "text",
+            content: `<h3 style="margin:12px 0 6px 0;${TYPOGRAPHY.h4}color:${PALETTE.textDark};">Feature four</h3>`,
+            align: "center"
+          },
+          {
+            id: "features-4col-row2-2-body",
+            type: "text",
+            content: `<p style="margin:0;${TYPOGRAPHY.caption}color:${PALETTE.textBody};">A short line about this feature. Replace it with your own.</p>`,
+            align: "center"
+          }
+        ]
+      }
+    ]
+  }
+};
+var takeActionTemplate = {
+  id: "take-action",
+  name: "Take Action / CTA",
+  category: "content",
+  description: "Call-to-action section with guidance label",
+  section: {
+    id: "take-action-section",
+    type: "section",
+    backgroundColor: PALETTE.bgWhite,
+    padding: { top: "40px", bottom: "40px", left: "30px", right: "30px" },
+    columns: [
+      {
+        id: "take-action-col",
+        blocks: [
+          {
+            id: "take-action-label",
+            type: "text",
+            content: `<p style="margin:0 0 8px 0;${TYPOGRAPHY.label}color:${PALETTE.primary};">GUIDANCE</p>`,
+            align: "left"
+          },
+          {
+            id: "take-action-title",
+            type: "text",
+            content: `<h2 style="margin:0;${TYPOGRAPHY.h3}color:${PALETTE.textDark};">Your headline here</h2>`,
+            align: "left"
+          },
+          {
+            id: "take-action-body",
+            type: "text",
+            content: `<p style="margin:16px 0 24px 0;${TYPOGRAPHY.body}color:${PALETTE.textBody};">${PLACEHOLDER.bodyText.intro}</p>`,
+            align: "left"
+          },
+          {
+            id: "take-action-button",
+            type: "button",
+            label: PLACEHOLDER.ctaExplore,
+            href: PLACEHOLDER.website,
+            align: "left",
+            backgroundColor: PALETTE.primaryDark,
+            color: PALETTE.textWhite,
+            borderRadius: "4px",
+            padding: { left: "24px", right: "24px", top: "12px", bottom: "12px" }
+          }
+        ]
+      }
+    ]
+  }
+};
+var featureTemplates = [
+  features2ColTemplate,
+  features3ColTemplate,
+  features4ColTemplate,
+  features4ColRow2Template,
+  takeActionTemplate
+];
+
+// src/prebuilt/marketing-templates.ts
+var eventSimpleTemplate = {
+  id: "event-simple",
+  name: "Event - Simple",
+  category: "content",
+  description: "Event with date and time details",
+  section: {
+    id: "event-simple-section",
+    type: "section",
+    backgroundColor: PALETTE.bgWhite,
+    padding: { top: "40px", bottom: "40px", left: "30px", right: "30px" },
+    columns: [
+      {
+        id: "event-simple-col",
+        blocks: [
+          {
+            id: "event-simple-label",
+            type: "text",
+            content: `<p style="margin:0 0 8px 0;${TYPOGRAPHY.label}color:${PALETTE.primary};">CATEGORY</p>`,
+            align: "left"
+          },
+          {
+            id: "event-simple-title",
+            type: "text",
+            content: `<h2 style="margin:0;${TYPOGRAPHY.h3}color:${PALETTE.textDark};">Your event name</h2>`,
+            align: "left"
+          },
+          {
+            id: "event-simple-desc",
+            type: "text",
+            content: `<p style="margin:16px 0;${TYPOGRAPHY.body}color:${PALETTE.textBody};">${PLACEHOLDER.bodyText.intro}</p>`,
+            align: "left"
+          },
+          {
+            id: "event-simple-date",
+            type: "text",
+            content: `<p style="margin:0 0 4px 0;${TYPOGRAPHY.bodySmall}color:${PALETTE.textDark};"><strong>Date:</strong> Your date</p>`,
+            align: "left"
+          },
+          {
+            id: "event-simple-time",
+            type: "text",
+            content: `<p style="margin:0 0 20px 0;${TYPOGRAPHY.bodySmall}color:${PALETTE.textDark};"><strong>Time:</strong> Your time</p>`,
+            align: "left"
+          },
+          {
+            id: "event-simple-button",
+            type: "button",
+            label: "Register Now",
+            href: PLACEHOLDER.website,
+            align: "left",
+            backgroundColor: PALETTE.primary,
+            color: PALETTE.textWhite,
+            borderRadius: "4px",
+            padding: { left: "24px", right: "24px", top: "12px", bottom: "12px" }
+          }
+        ]
+      }
+    ]
+  }
+};
+var eventImageTemplate = {
+  id: "event-image",
+  name: "Event - With Image",
+  category: "content",
+  description: "Event card with image",
+  section: {
+    id: "event-image-section",
+    type: "section",
+    backgroundColor: PALETTE.bgMuted,
+    padding: { top: "40px", bottom: "40px" },
+    noStack: true,
+    columns: [
+      {
+        id: "event-image-text-col",
+        width: 55,
+        padding: { left: "30px", right: "20px" },
+        blocks: [
+          {
+            id: "event-image-label",
+            type: "text",
+            content: `<p style="margin:0 0 8px 0;${TYPOGRAPHY.label}color:${PALETTE.primary};">CATEGORY</p>`,
+            align: "left"
+          },
+          {
+            id: "event-image-title",
+            type: "text",
+            content: `<h2 style="margin:0;${TYPOGRAPHY.h3}color:${PALETTE.textDark};">Your second event name</h2>`,
+            align: "left"
+          },
+          {
+            id: "event-image-desc",
+            type: "text",
+            content: `<p style="margin:12px 0;${TYPOGRAPHY.bodySmall}color:${PALETTE.textBody};">A short line about this event. Replace it with your own.</p>`,
+            align: "left"
+          },
+          {
+            id: "event-image-datetime",
+            type: "text",
+            content: `<p style="margin:0 0 16px 0;${TYPOGRAPHY.caption}color:${PALETTE.textLight};">Your date and time</p>`,
+            align: "left"
+          },
+          {
+            id: "event-image-button",
+            type: "button",
+            label: "Add to Calendar",
+            href: PLACEHOLDER.website,
+            align: "left",
+            backgroundColor: PALETTE.primaryDark,
+            color: PALETTE.textWhite,
+            borderRadius: "4px",
+            padding: { left: "20px", right: "20px", top: "10px", bottom: "10px" }
+          }
+        ]
+      },
+      {
+        id: "event-image-image-col",
+        width: 45,
+        padding: { right: "30px" },
+        blocks: [
+          {
+            id: "event-image-image",
+            type: "image",
+            src: placeholderImage(280, 220),
+            alt: PLACEHOLDER_ALT,
+            width: "100%",
+            align: "center",
+            borderRadius: "8px"
+          }
+        ]
+      }
+    ]
+  }
+};
+var couponDiscountTemplate = {
+  id: "coupon-discount",
+  name: "Coupon - Discount",
+  category: "content",
+  description: "Discount offer with code box",
+  section: {
+    id: "coupon-discount-section",
+    type: "section",
+    backgroundColor: PALETTE.bgWhite,
+    padding: { top: "40px", bottom: "40px" },
+    noStack: true,
+    columns: [
+      {
+        id: "coupon-discount-text-col",
+        width: 60,
+        padding: { left: "30px", right: "20px" },
+        verticalAlign: "middle",
+        blocks: [
+          {
+            id: "coupon-discount-label",
+            type: "text",
+            content: `<p style="margin:0 0 6px 0;${TYPOGRAPHY.label}color:${PALETTE.primary};">SPECIAL OFFER</p>`,
+            align: "left"
+          },
+          {
+            id: "coupon-discount-title",
+            type: "text",
+            content: `<h2 style="margin:0;${TYPOGRAPHY.h3}color:${PALETTE.textDark};">Your offer</h2>`,
+            align: "left"
+          },
+          {
+            id: "coupon-discount-desc",
+            type: "text",
+            content: `<p style="margin:12px 0 0 0;${TYPOGRAPHY.bodySmall}color:${PALETTE.textBody};">A short line about this offer. Replace it with your own.</p>`,
+            align: "left"
+          }
+        ]
+      },
+      {
+        id: "coupon-discount-code-col",
+        width: 40,
+        padding: { right: "30px" },
+        verticalAlign: "middle",
+        blocks: [
+          {
+            id: "coupon-discount-amount",
+            type: "text",
+            content: `<p style="margin:0;font-family:Georgia,'Times New Roman',serif;font-size:48px;font-weight:600;color:${PALETTE.primary};">FREE</p>`,
+            align: "center"
+          },
+          {
+            id: "coupon-discount-codelabel",
+            type: "text",
+            content: `<p style="margin:8px 0 4px 0;${TYPOGRAPHY.caption}color:${PALETTE.textLight};">USE CODE:</p>`,
+            align: "center"
+          },
+          {
+            id: "coupon-discount-code",
+            type: "text",
+            content: `<p style="margin:0;padding:8px 16px;background:${PALETTE.bgMuted};border:2px dashed ${PALETTE.primary};border-radius:4px;${TYPOGRAPHY.label}color:${PALETTE.primary};display:inline-block;">YOUR-CODE</p>`,
+            align: "center"
+          }
+        ]
+      }
+    ]
+  }
+};
+var couponGiftCardTemplate = {
+  id: "coupon-giftcard",
+  name: "Coupon - Gift Card",
+  category: "content",
+  description: "Gift card style layout",
+  section: {
+    id: "coupon-giftcard-section",
+    type: "section",
+    backgroundColor: PALETTE.bgMuted,
+    padding: { top: "50px", bottom: "50px", left: "40px", right: "40px" },
+    columns: [
+      {
+        id: "coupon-giftcard-col",
+        blocks: [
+          {
+            id: "coupon-giftcard-title",
+            type: "text",
+            content: `<h1 style="margin:0;font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:42px;font-weight:600;color:${PALETTE.primary};">Your gift certificate</h1>`,
+            align: "center"
+          },
+          {
+            id: "coupon-giftcard-divider",
+            type: "divider",
+            borderColor: PALETTE.textDark,
+            borderWidth: "1px",
+            borderStyle: "solid",
+            padding: { top: "20px", bottom: "20px" },
+            width: "120px"
+          },
+          {
+            id: "coupon-giftcard-codelabel",
+            type: "text",
+            content: `<p style="margin:0 0 8px 0;${TYPOGRAPHY.label}color:${PALETTE.textLight};">CERTIFICATE CODE:</p>`,
+            align: "center"
+          },
+          {
+            id: "coupon-giftcard-code",
+            type: "text",
+            content: `<p style="margin:0;font-family:Georgia,'Times New Roman',serif;font-size:28px;font-weight:600;color:${PALETTE.primary};letter-spacing:4px;">YOUR-CODE</p>`,
+            align: "center"
+          }
+        ]
+      }
+    ]
+  }
+};
+var couponBannerTemplate = {
+  id: "coupon-banner",
+  name: "Coupon - Banner",
+  category: "content",
+  description: "Simple banner with promotional code",
+  section: {
+    id: "coupon-banner-section",
+    type: "section",
+    backgroundColor: PALETTE.primary,
+    padding: { top: "20px", bottom: "20px" },
+    columns: [
+      {
+        id: "coupon-banner-col",
+        blocks: [
+          {
+            id: "coupon-banner-code",
+            type: "text",
+            content: `<p style="margin:0;${TYPOGRAPHY.label}color:${PALETTE.textWhite};letter-spacing:6px;font-size:18px;">YOUR-CODE</p>`,
+            align: "center"
+          }
+        ]
+      }
+    ]
+  }
+};
+var productRightTemplate = {
+  id: "product-right",
+  name: "Service - Image Right",
+  category: "products",
+  description: "Service offering with image on right",
+  section: {
+    id: "product-right-section",
+    type: "section",
+    backgroundColor: PALETTE.bgWhite,
+    padding: { top: "40px", bottom: "40px" },
+    noStack: true,
+    columns: [
+      {
+        id: "product-right-text-col",
+        width: 55,
+        padding: { left: "30px", right: "20px" },
+        verticalAlign: "middle",
+        blocks: [
+          {
+            id: "product-right-label",
+            type: "text",
+            content: `<p style="margin:0 0 8px 0;${TYPOGRAPHY.label}color:${PALETTE.primary};">CATEGORY</p>`,
+            align: "left"
+          },
+          {
+            id: "product-right-title",
+            type: "text",
+            content: `<h2 style="margin:0;${TYPOGRAPHY.h3}color:${PALETTE.textDark};">Your product name</h2>`,
+            align: "left"
+          },
+          {
+            id: "product-right-desc",
+            type: "text",
+            content: `<p style="margin:12px 0;${TYPOGRAPHY.bodySmall}color:${PALETTE.textBody};">A short line about this product. Replace it with your own.</p>`,
+            align: "left"
+          },
+          {
+            id: "product-right-price",
+            type: "text",
+            content: `<p style="margin:0 0 16px 0;font-family:Georgia,'Times New Roman',serif;font-size:24px;font-weight:600;color:${PALETTE.primary};">$99</p>`,
+            align: "left"
+          },
+          {
+            id: "product-right-button",
+            type: "button",
+            label: "Book Now",
+            href: PLACEHOLDER.website,
+            align: "left",
+            backgroundColor: PALETTE.primaryDark,
+            color: PALETTE.textWhite,
+            borderRadius: "4px",
+            padding: { left: "24px", right: "24px", top: "10px", bottom: "10px" }
+          }
+        ]
+      },
+      {
+        id: "product-right-image-col",
+        width: 45,
+        padding: { right: "30px" },
+        blocks: [
+          {
+            id: "product-right-image",
+            type: "image",
+            src: placeholderImage(300, 300),
+            alt: PLACEHOLDER_ALT,
+            width: "100%",
+            align: "center",
+            borderRadius: "8px"
+          }
+        ]
+      }
+    ]
+  }
+};
+var productLeftTemplate = {
+  id: "product-left",
+  name: "Service - Image Left",
+  category: "products",
+  description: "Service offering with image on left",
+  section: {
+    id: "product-left-section",
+    type: "section",
+    backgroundColor: PALETTE.bgMuted,
+    padding: { top: "40px", bottom: "40px" },
+    noStack: true,
+    columns: [
+      {
+        id: "product-left-image-col",
+        width: 45,
+        padding: { left: "30px" },
+        blocks: [
+          {
+            id: "product-left-image",
+            type: "image",
+            src: placeholderImage(300, 300),
+            alt: PLACEHOLDER_ALT,
+            width: "100%",
+            align: "center",
+            borderRadius: "8px"
+          }
+        ]
+      },
+      {
+        id: "product-left-text-col",
+        width: 55,
+        padding: { left: "20px", right: "30px" },
+        verticalAlign: "middle",
+        blocks: [
+          {
+            id: "product-left-label",
+            type: "text",
+            content: `<p style="margin:0 0 8px 0;${TYPOGRAPHY.label}color:${PALETTE.primary};">PACKAGE</p>`,
+            align: "left"
+          },
+          {
+            id: "product-left-title",
+            type: "text",
+            content: `<h2 style="margin:0;${TYPOGRAPHY.h3}color:${PALETTE.textDark};">Your bundle name</h2>`,
+            align: "left"
+          },
+          {
+            id: "product-left-desc",
+            type: "text",
+            content: `<p style="margin:12px 0;${TYPOGRAPHY.bodySmall}color:${PALETTE.textBody};">A short line about this bundle. Replace it with your own.</p>`,
+            align: "left"
+          },
+          {
+            id: "product-left-price",
+            type: "text",
+            content: `<p style="margin:0;"><span style="${TYPOGRAPHY.caption}color:${PALETTE.textLight};text-decoration:line-through;">$297</span> <span style="font-family:Georgia,'Times New Roman',serif;font-size:24px;font-weight:600;color:${PALETTE.primary};">$249</span></p>`,
+            align: "left"
+          },
+          {
+            id: "product-left-save",
+            type: "text",
+            content: `<p style="margin:4px 0 16px 0;${TYPOGRAPHY.caption}color:${PALETTE.primary};">You save $48</p>`,
+            align: "left"
+          },
+          {
+            id: "product-left-button",
+            type: "button",
+            label: "Learn More",
+            href: PLACEHOLDER.website,
+            align: "left",
+            backgroundColor: PALETTE.primary,
+            color: PALETTE.textWhite,
+            borderRadius: "4px",
+            padding: { left: "24px", right: "24px", top: "10px", bottom: "10px" }
+          }
+        ]
+      }
+    ]
+  }
+};
+var products2ColTemplate = {
+  id: "products-2col",
+  name: "Services - 2 Columns",
+  category: "products",
+  description: "Two service offerings side by side",
+  section: {
+    id: "products-2col-section",
+    type: "section",
+    backgroundColor: PALETTE.bgWhite,
+    padding: { top: "40px", bottom: "40px" },
+    noStack: true,
+    columns: [
+      {
+        id: "products-2col-col-1",
+        width: 50,
+        padding: { left: "20px", right: "15px" },
+        blocks: [
+          {
+            id: "products-2col-1-image",
+            type: "image",
+            src: placeholderImage(260, 200),
+            alt: PLACEHOLDER_ALT,
+            width: "100%",
+            align: "center",
+            borderRadius: "6px"
+          },
+          {
+            id: "products-2col-1-title",
+            type: "text",
+            content: `<h3 style="margin:16px 0 8px 0;${TYPOGRAPHY.h4}color:${PALETTE.textDark};">Your first product</h3>`,
+            align: "left"
+          },
+          {
+            id: "products-2col-1-price",
+            type: "text",
+            content: `<p style="margin:0 0 12px 0;font-family:Georgia,'Times New Roman',serif;font-size:20px;font-weight:600;color:${PALETTE.primary};">$99</p>`,
+            align: "left"
+          },
+          {
+            id: "products-2col-1-button",
+            type: "button",
+            label: "Book Now",
+            href: PLACEHOLDER.website,
+            align: "left",
+            backgroundColor: PALETTE.primaryDark,
+            color: PALETTE.textWhite,
+            borderRadius: "4px",
+            padding: { left: "20px", right: "20px", top: "8px", bottom: "8px" }
+          }
+        ]
+      },
+      {
+        id: "products-2col-col-2",
+        width: 50,
+        padding: { left: "15px", right: "20px" },
+        blocks: [
+          {
+            id: "products-2col-2-image",
+            type: "image",
+            src: placeholderImage(260, 200),
+            alt: PLACEHOLDER_ALT,
+            width: "100%",
+            align: "center",
+            borderRadius: "6px"
+          },
+          {
+            id: "products-2col-2-title",
+            type: "text",
+            content: `<h3 style="margin:16px 0 8px 0;${TYPOGRAPHY.h4}color:${PALETTE.textDark};">Your second product</h3>`,
+            align: "left"
+          },
+          {
+            id: "products-2col-2-price",
+            type: "text",
+            content: `<p style="margin:0 0 12px 0;font-family:Georgia,'Times New Roman',serif;font-size:20px;font-weight:600;color:${PALETTE.primary};">$149</p>`,
+            align: "left"
+          },
+          {
+            id: "products-2col-2-button",
+            type: "button",
+            label: "Book Now",
+            href: PLACEHOLDER.website,
+            align: "left",
+            backgroundColor: PALETTE.primaryDark,
+            color: PALETTE.textWhite,
+            borderRadius: "4px",
+            padding: { left: "20px", right: "20px", top: "8px", bottom: "8px" }
+          }
+        ]
+      }
+    ]
+  }
+};
+var products3ColTemplate = {
+  id: "products-3col",
+  name: "Services - 3 Columns",
+  category: "products",
+  description: "Three service offerings in a row",
+  section: {
+    id: "products-3col-section",
+    type: "section",
+    backgroundColor: PALETTE.bgMuted,
+    padding: { top: "40px", bottom: "40px" },
+    noStack: true,
+    columns: [
+      {
+        id: "products-3col-col-1",
+        width: 33,
+        padding: { left: "15px", right: "10px" },
+        blocks: [
+          {
+            id: "products-3col-1-image",
+            type: "image",
+            src: placeholderImage(180, 140),
+            alt: PLACEHOLDER_ALT,
+            width: "100%",
+            align: "center",
+            borderRadius: "4px"
+          },
+          {
+            id: "products-3col-1-title",
+            type: "text",
+            content: `<h4 style="margin:12px 0 4px 0;${TYPOGRAPHY.bodySmall}color:${PALETTE.textDark};font-weight:600;">Your first tier</h4>`,
+            align: "center"
+          },
+          {
+            id: "products-3col-1-price",
+            type: "text",
+            content: `<p style="margin:0 0 10px 0;font-family:Georgia,'Times New Roman',serif;font-size:18px;color:${PALETTE.primary};">Free</p>`,
+            align: "center"
+          },
+          {
+            id: "products-3col-1-button",
+            type: "button",
+            label: "Schedule",
+            href: PLACEHOLDER.website,
+            align: "center",
+            backgroundColor: PALETTE.primary,
+            color: PALETTE.textWhite,
+            borderRadius: "4px",
+            padding: { left: "16px", right: "16px", top: "6px", bottom: "6px" }
+          }
+        ]
+      },
+      {
+        id: "products-3col-col-2",
+        width: 33,
+        padding: { left: "10px", right: "10px" },
+        blocks: [
+          {
+            id: "products-3col-2-image",
+            type: "image",
+            src: placeholderImage(180, 140),
+            alt: PLACEHOLDER_ALT,
+            width: "100%",
+            align: "center",
+            borderRadius: "4px"
+          },
+          {
+            id: "products-3col-2-title",
+            type: "text",
+            content: `<h4 style="margin:12px 0 4px 0;${TYPOGRAPHY.bodySmall}color:${PALETTE.textDark};font-weight:600;">Your second tier</h4>`,
+            align: "center"
+          },
+          {
+            id: "products-3col-2-price",
+            type: "text",
+            content: `<p style="margin:0 0 10px 0;font-family:Georgia,'Times New Roman',serif;font-size:18px;color:${PALETTE.primary};">$99</p>`,
+            align: "center"
+          },
+          {
+            id: "products-3col-2-button",
+            type: "button",
+            label: "Book",
+            href: PLACEHOLDER.website,
+            align: "center",
+            backgroundColor: PALETTE.primary,
+            color: PALETTE.textWhite,
+            borderRadius: "4px",
+            padding: { left: "16px", right: "16px", top: "6px", bottom: "6px" }
+          }
+        ]
+      },
+      {
+        id: "products-3col-col-3",
+        width: 33,
+        padding: { left: "10px", right: "15px" },
+        blocks: [
+          {
+            id: "products-3col-3-image",
+            type: "image",
+            src: placeholderImage(180, 140),
+            alt: PLACEHOLDER_ALT,
+            width: "100%",
+            align: "center",
+            borderRadius: "4px"
+          },
+          {
+            id: "products-3col-3-title",
+            type: "text",
+            content: `<h4 style="margin:12px 0 4px 0;${TYPOGRAPHY.bodySmall}color:${PALETTE.textDark};font-weight:600;">Your third tier</h4>`,
+            align: "center"
+          },
+          {
+            id: "products-3col-3-price",
+            type: "text",
+            content: `<p style="margin:0 0 10px 0;font-family:Georgia,'Times New Roman',serif;font-size:18px;color:${PALETTE.primary};">$249</p>`,
+            align: "center"
+          },
+          {
+            id: "products-3col-3-button",
+            type: "button",
+            label: "Book",
+            href: PLACEHOLDER.website,
+            align: "center",
+            backgroundColor: PALETTE.primary,
+            color: PALETTE.textWhite,
+            borderRadius: "4px",
+            padding: { left: "16px", right: "16px", top: "6px", bottom: "6px" }
+          }
+        ]
+      }
+    ]
+  }
+};
+var marketingTemplates = [
+  eventSimpleTemplate,
+  eventImageTemplate,
+  couponDiscountTemplate,
+  couponGiftCardTemplate,
+  couponBannerTemplate,
+  productRightTemplate,
+  productLeftTemplate,
+  products2ColTemplate,
+  products3ColTemplate
+];
+
+// src/prebuilt/utility-templates.ts
+var signature1Template = {
+  id: "signature-1",
+  name: "Signature - Simple",
+  category: "footer",
+  description: "Simple name and title signature",
+  section: {
+    id: "signature-1-section",
+    type: "section",
+    backgroundColor: PALETTE.bgWhite,
+    padding: { top: "30px", bottom: "30px", left: "30px", right: "30px" },
+    columns: [
+      {
+        id: "signature-1-col",
+        blocks: [
+          {
+            id: "signature-1-name",
+            type: "text",
+            content: `<p style="margin:0;${TYPOGRAPHY.h4}color:${PALETTE.textDark};font-weight:600;">${PLACEHOLDER.ownerName}</p>`,
+            align: "left"
+          },
+          {
+            id: "signature-1-title",
+            type: "text",
+            content: `<p style="margin:4px 0 0 0;${TYPOGRAPHY.bodySmall}color:${PALETTE.textBody};">${PLACEHOLDER.ownerTitle}</p>`,
+            align: "left"
+          }
+        ]
+      }
+    ]
+  }
+};
+var signature2Template = {
+  id: "signature-2",
+  name: "Signature - Centered",
+  category: "footer",
+  description: "Centered name with cursive signature style",
+  section: {
+    id: "signature-2-section",
+    type: "section",
+    backgroundColor: PALETTE.bgMuted,
+    padding: { top: "40px", bottom: "40px" },
+    columns: [
+      {
+        id: "signature-2-col",
+        blocks: [
+          {
+            id: "signature-2-name",
+            type: "text",
+            content: `<p style="margin:0;${TYPOGRAPHY.h4}color:${PALETTE.textDark};font-weight:600;">${PLACEHOLDER.ownerName}</p>`,
+            align: "center"
+          },
+          {
+            id: "signature-2-title",
+            type: "text",
+            content: `<p style="margin:4px 0 16px 0;${TYPOGRAPHY.caption}color:${PALETTE.textLight};">${PLACEHOLDER.ownerTitle}</p>`,
+            align: "center"
+          },
+          {
+            id: "signature-2-cursive",
+            type: "text",
+            content: `<p style="margin:0;${TYPOGRAPHY.signature}color:${PALETTE.primary};">${PLACEHOLDER.ownerName}</p>`,
+            align: "center"
+          }
+        ]
+      }
+    ]
+  }
+};
+var signature3Template = {
+  id: "signature-3",
+  name: "Signature - With Contact",
+  category: "footer",
+  description: "Name with email and phone contact",
+  section: {
+    id: "signature-3-section",
+    type: "section",
+    backgroundColor: PALETTE.bgWhite,
+    padding: { top: "30px", bottom: "30px", left: "30px", right: "30px" },
+    columns: [
+      {
+        id: "signature-3-col",
+        blocks: [
+          {
+            id: "signature-3-name",
+            type: "text",
+            content: `<p style="margin:0;${TYPOGRAPHY.h4}color:${PALETTE.textDark};font-weight:600;">${PLACEHOLDER.ownerName}</p>`,
+            align: "center"
+          },
+          {
+            id: "signature-3-title",
+            type: "text",
+            content: `<p style="margin:4px 0 12px 0;${TYPOGRAPHY.bodySmall}color:${PALETTE.textBody};">${PLACEHOLDER.ownerTitle}</p>`,
+            align: "center"
+          },
+          {
+            id: "signature-3-contact",
+            type: "text",
+            content: `<p style="margin:0;${TYPOGRAPHY.caption}color:${PALETTE.textLight};">\u2709 ${PLACEHOLDER.ownerContact}</p>`,
+            align: "center"
+          }
+        ]
+      }
+    ]
+  }
+};
+var signature4Template = {
+  id: "signature-4",
+  name: "Signature - Full",
+  category: "footer",
+  description: "Full signature with closing message",
+  section: {
+    id: "signature-4-section",
+    type: "section",
+    backgroundColor: PALETTE.bgWhite,
+    padding: { top: "40px", bottom: "40px", left: "40px", right: "40px" },
+    columns: [
+      {
+        id: "signature-4-col",
+        blocks: [
+          {
+            id: "signature-4-closing",
+            type: "text",
+            content: `<p style="margin:0 0 16px 0;${TYPOGRAPHY.body}color:${PALETTE.textBody};">${PLACEHOLDER.closing.gratitude}</p>`,
+            align: "center"
+          },
+          {
+            id: "signature-4-name",
+            type: "text",
+            content: `<p style="margin:0;${TYPOGRAPHY.h3}color:${PALETTE.primary};">${PLACEHOLDER.ownerName}</p>`,
+            align: "center"
+          },
+          {
+            id: "signature-4-title",
+            type: "text",
+            content: `<p style="margin:8px 0 0 0;font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:16px;color:${PALETTE.textBody};">${PLACEHOLDER.ownerTitle}</p>`,
+            align: "center"
+          }
+        ]
+      }
+    ]
+  }
+};
+var buttonsDualTemplate = {
+  id: "buttons-dual",
+  name: "Buttons - Dual CTA",
+  category: "content",
+  description: "Two side-by-side call-to-action buttons",
+  section: {
+    id: "buttons-dual-section",
+    type: "section",
+    backgroundColor: PALETTE.bgWhite,
+    padding: { top: "30px", bottom: "30px" },
+    noStack: true,
+    columns: [
+      {
+        id: "buttons-dual-col-1",
+        width: 50,
+        padding: { left: "30px", right: "10px" },
+        blocks: [
+          {
+            id: "buttons-dual-primary",
+            type: "button",
+            label: PLACEHOLDER.ctaBookSession,
+            href: PLACEHOLDER.website,
+            align: "right",
+            backgroundColor: PALETTE.primary,
+            color: PALETTE.textWhite,
+            borderRadius: "30px",
+            padding: { left: "28px", right: "28px", top: "14px", bottom: "14px" }
+          }
+        ]
+      },
+      {
+        id: "buttons-dual-col-2",
+        width: 50,
+        padding: { left: "10px", right: "30px" },
+        blocks: [
+          {
+            id: "buttons-dual-secondary",
+            type: "button",
+            label: PLACEHOLDER.ctaLearnMore,
+            href: PLACEHOLDER.website,
+            align: "left",
+            backgroundColor: PALETTE.bgWhite,
+            color: PALETTE.primary,
+            borderRadius: "30px",
+            border: `2px solid ${PALETTE.primary}`,
+            padding: { left: "28px", right: "28px", top: "12px", bottom: "12px" }
+          }
+        ]
+      }
+    ]
+  }
+};
+var appDownloadTemplate = {
+  id: "app-download",
+  name: "App Download",
+  category: "content",
+  description: "App store download badges",
+  section: {
+    id: "app-download-section",
+    type: "section",
+    backgroundColor: PALETTE.bgMuted,
+    padding: { top: "40px", bottom: "40px" },
+    columns: [
+      {
+        id: "app-download-col",
+        blocks: [
+          {
+            id: "app-download-title",
+            type: "text",
+            content: `<p style="margin:0 0 20px 0;${TYPOGRAPHY.bodySmall}color:${PALETTE.textBody};">Download our app:</p>`,
+            align: "center"
+          },
+          {
+            id: "app-download-badges",
+            type: "image",
+            src: placeholderImage(300, 44),
+            alt: PLACEHOLDER_ALT,
+            width: "300px",
+            align: "center",
+            href: PLACEHOLDER.website
+          }
+        ]
+      }
+    ]
+  }
+};
+var footerStandardTemplate = {
+  id: "footer-standard",
+  name: "Footer - Standard",
+  category: "footer",
+  description: "Standard newsletter footer with unsubscribe",
+  section: {
+    id: "footer-standard-section",
+    type: "section",
+    backgroundColor: PALETTE.bgWhite,
+    padding: { top: "40px", bottom: "40px", left: "40px", right: "40px" },
+    columns: [
+      {
+        id: "footer-standard-col",
+        blocks: [
+          {
+            id: "footer-standard-divider",
+            type: "divider",
+            borderColor: PALETTE.border,
+            borderWidth: "1px",
+            borderStyle: "solid",
+            padding: { top: "0px", bottom: "24px" }
+          },
+          {
+            id: "footer-standard-received",
+            type: "text",
+            content: `<p style="margin:0 0 16px 0;${TYPOGRAPHY.bodySmall}color:${PALETTE.textBody};">${PLACEHOLDER.footer.received}</p>`,
+            align: "center"
+          },
+          {
+            id: "footer-standard-unsubscribe",
+            type: "text",
+            content: `<p style="margin:0;${TYPOGRAPHY.bodySmall}color:${PALETTE.textBody};">${PLACEHOLDER.footer.unsubscribe}<br><a href="{{unsubscribe_url}}" style="color:${PALETTE.primary};text-decoration:underline;">${PLACEHOLDER.footer.unsubscribeLink}</a>.</p>`,
+            align: "center"
+          }
+        ]
+      }
+    ]
+  }
+};
+var footerSocialTemplate = {
+  id: "footer-social",
+  name: "Footer - With Social",
+  category: "footer",
+  description: "Footer with social media icons",
+  section: {
+    id: "footer-social-section",
+    type: "section",
+    backgroundColor: PALETTE.bgMuted,
+    padding: { top: "40px", bottom: "40px" },
+    columns: [
+      {
+        id: "footer-social-col",
+        blocks: [
+          {
+            id: "footer-social-icons",
+            type: "social",
+            mode: "horizontal",
+            iconSize: "28px",
+            iconPadding: "8px",
+            links: [
+              { platform: "facebook", url: "https://facebook.com" },
+              { platform: "instagram", url: "https://instagram.com" },
+              { platform: "youtube", url: "https://youtube.com" }
+            ]
+          },
+          {
+            id: "footer-social-divider",
+            type: "divider",
+            borderColor: PALETTE.border,
+            borderWidth: "1px",
+            borderStyle: "solid",
+            padding: { top: "24px", bottom: "24px" }
+          },
+          {
+            id: "footer-social-company",
+            type: "text",
+            content: `<p style="margin:0;${TYPOGRAPHY.caption}color:${PALETTE.textLight};">${PLACEHOLDER.companyName}</p>`,
+            align: "center"
+          },
+          {
+            id: "footer-social-copyright",
+            type: "text",
+            content: `<p style="margin:8px 0 0 0;${TYPOGRAPHY.caption}color:${PALETTE.textLight};">\xA9 ${(/* @__PURE__ */ new Date()).getFullYear()} All rights reserved.</p>`,
+            align: "center"
+          }
+        ]
+      }
+    ]
+  }
+};
+var footerLinksTemplate = {
+  id: "footer-links",
+  name: "Footer - With Links",
+  category: "footer",
+  description: "Footer with navigation and contact info",
+  section: {
+    id: "footer-links-section",
+    type: "section",
+    backgroundColor: PALETTE.primaryDark,
+    padding: { top: "40px", bottom: "40px" },
+    noStack: true,
+    columns: [
+      {
+        id: "footer-links-col-1",
+        width: 50,
+        padding: { left: "30px", right: "20px" },
+        blocks: [
+          {
+            id: "footer-links-phone",
+            type: "text",
+            content: `<p style="margin:0;${TYPOGRAPHY.caption}color:rgba(255,255,255,0.8);">Contact</p>`,
+            align: "left"
+          },
+          {
+            id: "footer-links-email",
+            type: "text",
+            content: `<p style="margin:8px 0 0 0;${TYPOGRAPHY.bodySmall}color:${PALETTE.textWhite};">${PLACEHOLDER.ownerContact}</p>`,
+            align: "left"
+          }
+        ]
+      },
+      {
+        id: "footer-links-col-2",
+        width: 50,
+        padding: { left: "20px", right: "30px" },
+        blocks: [
+          {
+            id: "footer-links-copyright",
+            type: "text",
+            content: `<p style="margin:0;${TYPOGRAPHY.caption}color:rgba(255,255,255,0.6);">\xA9 ${(/* @__PURE__ */ new Date()).getFullYear()} ${PLACEHOLDER.companyName}</p>`,
+            align: "right"
+          },
+          {
+            id: "footer-links-legal",
+            type: "text",
+            content: `<p style="margin:8px 0 0 0;${TYPOGRAPHY.caption}color:rgba(255,255,255,0.8);"><a href="${PLACEHOLDER.website}" style="color:rgba(255,255,255,0.8);">Privacy</a> | <a href="{{unsubscribe_url}}" style="color:rgba(255,255,255,0.8);">Unsubscribe</a></p>`,
+            align: "right"
+          }
+        ]
+      }
+    ]
+  }
+};
+var utilityTemplates = [
+  signature1Template,
+  signature2Template,
+  signature3Template,
+  signature4Template,
+  buttonsDualTemplate,
+  appDownloadTemplate,
+  footerStandardTemplate,
+  footerSocialTemplate,
+  footerLinksTemplate
+];
+
+// src/prebuilt/index.ts
+var allPrebuiltTemplates = [
+  ...heroTemplates,
+  ...contentTemplates,
+  ...featureTemplates,
+  ...marketingTemplates,
+  ...utilityTemplates
+];
+function getTemplatesByCategory(category) {
+  return allPrebuiltTemplates.filter((t) => t.category === category);
+}
+var templateCategories = [
+  { id: "hero", name: "Hero Sections", count: heroTemplates.length },
+  { id: "content", name: "Content Blocks", count: contentTemplates.length + featureTemplates.length },
+  { id: "products", name: "Services & Products", count: marketingTemplates.filter((t) => t.category === "products").length },
+  { id: "footer", name: "Signatures & Footers", count: utilityTemplates.length }
+];
+function createStandardPrebuiltRegistry(options = {}) {
+  const registry = createPrebuiltTemplateRegistry();
+  allPrebuiltTemplates.forEach((template) => {
+    registry.register(withHostedPlaceholders(template, options.placeholderBase));
+  });
+  return registry;
+}
+export {
+  PALETTE,
+  PLACEHOLDER,
+  PLACEHOLDER_ALT,
+  SOCIAL_COLORS,
+  TYPOGRAPHY,
+  accordionBlockDefinition,
+  allPrebuiltTemplates,
+  appDownloadTemplate,
+  buttonBlockDefinition,
+  buttonsDualTemplate,
+  carouselBlockDefinition,
+  contentTemplates,
+  couponBannerTemplate,
+  couponDiscountTemplate,
+  couponGiftCardTemplate,
+  createStandardPrebuiltRegistry as createPrebuiltRegistry,
+  createStandardBlockRegistry,
+  createStandardPrebuiltRegistry,
+  dividerBlockDefinition,
+  dividerSectionTemplate,
+  eventImageTemplate,
+  eventSimpleTemplate,
+  featureTemplates,
+  features2ColTemplate,
+  features3ColTemplate,
+  features4ColRow2Template,
+  features4ColTemplate,
+  footerBlockDefinition,
+  footerLinksTemplate,
+  footerSocialTemplate,
+  footerStandardTemplate,
+  getTemplatesByCategory,
+  headerBlockDefinition,
+  heroBlockDefinition,
+  heroMainTemplate,
+  heroMinimalTemplate,
+  heroNewsletterTemplate,
+  heroSplitTemplate,
+  heroTemplates,
+  hostedPlaceholder,
+  imageBlockDefinition,
+  marketingTemplates,
+  navbarBlockDefinition,
+  placeholderImage,
+  placeholderSize,
+  productLeftTemplate,
+  productRightTemplate,
+  products2ColTemplate,
+  products3ColTemplate,
+  quoteBlockTemplate,
+  rawBlockDefinition,
+  sectionTitle1Template,
+  sectionTitle2Template,
+  sectionTitle3Template,
+  signature1Template,
+  signature2Template,
+  signature3Template,
+  signature4Template,
+  socialBlockDefinition,
+  spacerBlockDefinition,
+  spacerSectionTemplate,
+  styledBody,
+  styledHeading,
+  styledLabel,
+  tableBlockDefinition,
+  takeActionTemplate,
+  templateCategories,
+  textBlockDefinition,
+  textImageLeftTemplate,
+  textImageRightTemplate,
+  utilityTemplates,
+  withHostedPlaceholders
+};