@blockslides/ai-context 0.1.6 → 0.2.0

package/dist/index.js

@@ -893,11 +893,1185 @@ var editImageToCover = [
 Update an existing imageBlock on the first slide so it uses layout "cover" and align "center". Preserve all other attributes.
 `.trim()
 ].join("\n\n");
+
+// src/templates/v1/index.ts
+var v1_exports6 = {};
+__export(v1_exports6, {
+  blocks: () => blocks,
+  buildPresetTemplate: () => buildPresetTemplate,
+  createTemplate: () => createTemplate,
+  listPresetTemplates: () => listPresetTemplates,
+  listTemplates: () => listTemplates,
+  slide: () => slide2,
+  templatesV1Context: () => templatesV1Context
+});
+
+// src/templates/v1/schemaBuilder.ts
+var defaults = {
+  slide: (attrs) => {
+    var _a, _b, _c;
+    return {
+      id: (_a = attrs == null ? void 0 : attrs.id) != null ? _a : "slide-1",
+      size: (_b = attrs == null ? void 0 : attrs.size) != null ? _b : "16x9",
+      className: (_c = attrs == null ? void 0 : attrs.className) != null ? _c : ""
+    };
+  },
+  row: (attrs) => {
+    var _a, _b;
+    return {
+      layout: (_a = attrs == null ? void 0 : attrs.layout) != null ? _a : "1",
+      className: (_b = attrs == null ? void 0 : attrs.className) != null ? _b : ""
+    };
+  },
+  column: (attrs) => {
+    var _a, _b;
+    return {
+      className: (_a = attrs == null ? void 0 : attrs.className) != null ? _a : "",
+      contentMode: (_b = attrs == null ? void 0 : attrs.contentMode) != null ? _b : "default",
+      verticalAlign: attrs == null ? void 0 : attrs.verticalAlign,
+      horizontalAlign: attrs == null ? void 0 : attrs.horizontalAlign,
+      padding: attrs == null ? void 0 : attrs.padding
+    };
+  }
+};
+var textNode = (text) => ({
+  type: "text",
+  text
+});
+var blocks = {
+  text: (text, marks) => marks && marks.length > 0 ? { type: "text", text, marks } : textNode(text),
+  paragraph: (text) => ({
+    type: "paragraph",
+    content: text ? [textNode(text)] : []
+  }),
+  heading: (text, level = 2) => ({
+    type: "heading",
+    attrs: { level },
+    content: [textNode(text)]
+  }),
+  bulletList: (items) => ({
+    type: "bulletList",
+    content: items.map(
+      (item) => typeof item === "string" ? {
+        type: "listItem",
+        content: [{ type: "paragraph", content: [textNode(item)] }]
+      } : { type: "listItem", content: [item] }
+    )
+  }),
+  horizontalRule: () => ({ type: "horizontalRule" }),
+  hardBreak: () => ({ type: "hardBreak" }),
+  codeBlock: (code, language) => ({
+    type: "codeBlock",
+    attrs: language ? { language } : void 0,
+    content: code ? [textNode(code)] : []
+  }),
+  imageBlock: (attrs) => ({
+    type: "imageBlock",
+    attrs
+  }),
+  // Additional nodes to mirror extensions/schemas
+  blockquote: (content = []) => ({
+    type: "blockquote",
+    content
+  }),
+  listItem: (content = []) => ({
+    type: "listItem",
+    content
+  }),
+  image: (attrs) => ({
+    type: "image",
+    attrs
+  }),
+  youtube: (attrs) => ({
+    type: "youtube",
+    attrs
+  })
+};
+var slide2 = Object.assign(
+  (opts = {}) => ({
+    type: "slide",
+    attrs: defaults.slide(opts.slideAttrs),
+    content: [
+      {
+        type: "row",
+        attrs: defaults.row(opts.rowAttrs),
+        content: [
+          {
+            type: "column",
+            attrs: defaults.column(opts.columnAttrs),
+            content: []
+          }
+        ]
+      }
+    ]
+  }),
+  {
+    singleCol: (opts = {}) => {
+      var _a;
+      return {
+        type: "slide",
+        attrs: defaults.slide(opts.slideAttrs),
+        content: [
+          {
+            type: "row",
+            attrs: defaults.row(opts.rowAttrs),
+            content: [
+              {
+                type: "column",
+                attrs: defaults.column(opts.columnAttrs),
+                content: (_a = opts.content) != null ? _a : []
+              }
+            ]
+          }
+        ]
+      };
+    },
+    twoCol: (opts = {}) => {
+      var _a, _b, _c, _d;
+      return {
+        type: "slide",
+        attrs: defaults.slide(opts.slideAttrs),
+        content: [
+          {
+            type: "row",
+            attrs: defaults.row({
+              layout: (_b = (_a = opts.rowAttrs) == null ? void 0 : _a.layout) != null ? _b : "1-1",
+              ...opts.rowAttrs
+            }),
+            content: [
+              {
+                type: "column",
+                attrs: defaults.column(opts.leftColumnAttrs),
+                content: (_c = opts.left) != null ? _c : []
+              },
+              {
+                type: "column",
+                attrs: defaults.column(opts.rightColumnAttrs),
+                content: (_d = opts.right) != null ? _d : []
+              }
+            ]
+          }
+        ]
+      };
+    }
+  }
+);
+var column2 = (attrs, content = []) => ({
+  type: "column",
+  attrs: defaults.column(attrs),
+  content
+});
+var row2 = (layout, content, attrs) => ({
+  type: "row",
+  attrs: defaults.row({ layout, ...attrs }),
+  content
+});
+var createTemplate = (input) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R, _S, _T, _U, _V, _W, _X, _Y, _Z, __, _$, _aa, _ba, _ca, _da, _ea, _fa, _ga, _ha, _ia, _ja, _ka, _la, _ma;
+  switch (input.preset) {
+    case "slide.empty":
+      return slide2({
+        slideAttrs: input.slideAttrs,
+        rowAttrs: input.rowAttrs,
+        columnAttrs: input.columnAttrs
+      });
+    case "slide.singleCol":
+      return slide2.singleCol({
+        slideAttrs: input.slideAttrs,
+        rowAttrs: input.rowAttrs,
+        columnAttrs: input.columnAttrs,
+        content: (_a = input.content) != null ? _a : []
+      });
+    case "slide.twoCol":
+      return slide2.twoCol({
+        slideAttrs: input.slideAttrs,
+        rowAttrs: input.rowAttrs,
+        leftColumnAttrs: input.leftColumnAttrs,
+        rightColumnAttrs: input.rightColumnAttrs,
+        left: (_b = input.left) != null ? _b : [],
+        right: (_c = input.right) != null ? _c : []
+      });
+    case "slide.hero": {
+      const opts = (_d = input.heroOpts) != null ? _d : {};
+      return {
+        type: "slide",
+        attrs: defaults.slide({ className: "bg-slate-950 text-white", ...opts.slideAttrs }),
+        content: [
+          row2(
+            (_f = (_e = opts.rowAttrs) == null ? void 0 : _e.layout) != null ? _f : "1",
+            [
+              column2(
+                (_g = opts.columnAttrs) != null ? _g : { className: "max-w-4xl gap-6 p-12" },
+                (_h = opts.content) != null ? _h : [
+                  blocks.heading("Your headline", 1),
+                  blocks.paragraph("Subhead goes here."),
+                  blocks.paragraph("Add supporting details here.")
+                ]
+              )
+            ],
+            { className: "min-h-[720px] items-center justify-center p-12", ...opts.rowAttrs }
+          )
+        ]
+      };
+    }
+    case "slide.imageCover": {
+      const opts = (_i = input.imageCoverOpts) != null ? _i : {};
+      const image2 = (_j = opts.image) != null ? _j : {
+        src: "https://placehold.co/1600x900/png",
+        layout: "cover",
+        fullBleed: true,
+        align: "center"
+      };
+      const overlay = (_k = opts.overlay) != null ? _k : [blocks.heading("Overlay title", 1)];
+      return {
+        type: "slide",
+        attrs: defaults.slide({ className: "bg-black text-white", ...opts.slideAttrs }),
+        content: [
+          row2(
+            (_m = (_l = opts.rowAttrs) == null ? void 0 : _l.layout) != null ? _m : "1",
+            [
+              {
+                type: "column",
+                attrs: defaults.column({ className: "relative w-full h-full", ...opts.columnAttrs }),
+                content: [
+                  blocks.imageBlock(image2),
+                  ...overlay.map((node) => {
+                    var _a2, _b2;
+                    return {
+                      ...node,
+                      attrs: {
+                        ...node.attrs,
+                        className: `${(_b2 = (_a2 = node.attrs) == null ? void 0 : _a2.className) != null ? _b2 : ""} absolute bottom-12 left-12 drop-shadow-lg`.trim()
+                      }
+                    };
+                  })
+                ]
+              }
+            ],
+            { className: "min-h-[720px]", ...opts.rowAttrs }
+          )
+        ]
+      };
+    }
+    case "slide.quote": {
+      const opts = (_n = input.quoteOpts) != null ? _n : {};
+      return {
+        type: "slide",
+        attrs: defaults.slide({ className: "bg-white text-slate-900", ...opts.slideAttrs }),
+        content: [
+          row2(
+            (_p = (_o = opts.rowAttrs) == null ? void 0 : _o.layout) != null ? _p : "1",
+            [
+              column2(
+                (_q = opts.columnAttrs) != null ? _q : { className: "max-w-3xl mx-auto gap-4 p-12" },
+                [
+                  blocks.blockquote(
+                    (_r = opts.quote) != null ? _r : [
+                      blocks.paragraph("\u201CAdd your quote here.\u201D"),
+                      blocks.paragraph("\u2014 Author")
+                    ]
+                  )
+                ]
+              )
+            ],
+            { className: "min-h-[640px] items-center justify-center", ...opts.rowAttrs }
+          )
+        ]
+      };
+    }
+    case "slide.agenda": {
+      const opts = (_s = input.agendaOpts) != null ? _s : {};
+      return {
+        type: "slide",
+        attrs: defaults.slide({ className: "bg-white text-slate-900", ...opts.slideAttrs }),
+        content: [
+          row2(
+            (_u = (_t = opts.rowAttrs) == null ? void 0 : _t.layout) != null ? _u : "1",
+            [
+              column2(
+                (_v = opts.columnAttrs) != null ? _v : { className: "p-12 gap-6" },
+                [
+                  blocks.heading("Agenda", 1),
+                  blocks.bulletList((_w = opts.items) != null ? _w : ["Topic 1", "Topic 2", "Topic 3"])
+                ]
+              )
+            ],
+            { className: "min-h-[640px]", ...opts.rowAttrs }
+          )
+        ]
+      };
+    }
+    case "slide.grid3": {
+      const opts = (_x = input.multiColOpts) != null ? _x : { columns: [] };
+      const cols = opts.columns.length > 0 ? opts.columns : [
+        { content: [blocks.heading("One", 3), blocks.paragraph("Details.")] },
+        { content: [blocks.heading("Two", 3), blocks.paragraph("Details.")] },
+        { content: [blocks.heading("Three", 3), blocks.paragraph("Details.")] }
+      ];
+      return {
+        type: "slide",
+        attrs: defaults.slide({ className: "bg-white text-slate-900", ...opts.slideAttrs }),
+        content: [
+          row2(
+            (_z = (_y = opts.rowAttrs) == null ? void 0 : _y.layout) != null ? _z : "1-1-1",
+            cols.map((c) => {
+              var _a2;
+              return column2(c.attrs, (_a2 = c.content) != null ? _a2 : []);
+            }),
+            { className: "p-8 gap-4", ...opts.rowAttrs }
+          )
+        ]
+      };
+    }
+    case "slide.grid4": {
+      const opts = (_A = input.multiColOpts) != null ? _A : { columns: [] };
+      const cols = opts.columns.length > 0 ? opts.columns : [
+        { content: [blocks.heading("One", 4)] },
+        { content: [blocks.heading("Two", 4)] },
+        { content: [blocks.heading("Three", 4)] },
+        { content: [blocks.heading("Four", 4)] }
+      ];
+      return {
+        type: "slide",
+        attrs: defaults.slide({ className: "bg-white text-slate-900", ...opts.slideAttrs }),
+        content: [
+          row2(
+            (_C = (_B = opts.rowAttrs) == null ? void 0 : _B.layout) != null ? _C : "1-1-1-1",
+            cols.map((c) => {
+              var _a2;
+              return column2(c.attrs, (_a2 = c.content) != null ? _a2 : []);
+            }),
+            { className: "p-8 gap-4", ...opts.rowAttrs }
+          )
+        ]
+      };
+    }
+    case "slide.oneTwo": {
+      const opts = (_D = input.mediaTextOpts) != null ? _D : {};
+      return {
+        type: "slide",
+        attrs: defaults.slide({ className: "bg-white text-slate-900", ...opts.slideAttrs }),
+        content: [
+          row2(
+            (_F = (_E = opts.rowAttrs) == null ? void 0 : _E.layout) != null ? _F : "1-2",
+            [
+              column2((_G = opts.textColumnAttrs) != null ? _G : { className: "p-8 gap-4" }, (_H = opts.text) != null ? _H : []),
+              column2((_I = opts.mediaColumnAttrs) != null ? _I : { className: "p-8 gap-4" }, (_J = opts.media) != null ? _J : [])
+            ],
+            { className: "min-h-[640px]", ...opts.rowAttrs }
+          )
+        ]
+      };
+    }
+    case "slide.twoOne": {
+      const opts = (_K = input.mediaTextOpts) != null ? _K : {};
+      return {
+        type: "slide",
+        attrs: defaults.slide({ className: "bg-white text-slate-900", ...opts.slideAttrs }),
+        content: [
+          row2(
+            (_M = (_L = opts.rowAttrs) == null ? void 0 : _L.layout) != null ? _M : "2-1",
+            [
+              column2((_N = opts.mediaColumnAttrs) != null ? _N : { className: "p-8 gap-4" }, (_O = opts.media) != null ? _O : []),
+              column2((_P = opts.textColumnAttrs) != null ? _P : { className: "p-8 gap-4" }, (_Q = opts.text) != null ? _Q : [])
+            ],
+            { className: "min-h-[640px]", ...opts.rowAttrs }
+          )
+        ]
+      };
+    }
+    case "slide.oneTwoOne": {
+      const opts = (_R = input.multiColOpts) != null ? _R : { columns: [] };
+      const cols = opts.columns.length > 0 ? opts.columns : [
+        { content: [blocks.paragraph("Left")] },
+        { content: [blocks.paragraph("Center")] },
+        { content: [blocks.paragraph("Right")] }
+      ];
+      return {
+        type: "slide",
+        attrs: defaults.slide({ className: "bg-white text-slate-900", ...opts.slideAttrs }),
+        content: [
+          row2(
+            (_T = (_S = opts.rowAttrs) == null ? void 0 : _S.layout) != null ? _T : "1-2-1",
+            cols.map((c) => {
+              var _a2;
+              return column2(c.attrs, (_a2 = c.content) != null ? _a2 : []);
+            }),
+            { className: "p-8 gap-4", ...opts.rowAttrs }
+          )
+        ]
+      };
+    }
+    case "slide.textMedia": {
+      const opts = (_U = input.mediaTextOpts) != null ? _U : {};
+      return {
+        type: "slide",
+        attrs: defaults.slide({ className: "bg-white text-slate-900", ...opts.slideAttrs }),
+        content: [
+          row2(
+            (_W = (_V = opts.rowAttrs) == null ? void 0 : _V.layout) != null ? _W : "1-1",
+            [
+              column2((_X = opts.textColumnAttrs) != null ? _X : { className: "p-10 gap-4" }, (_Y = opts.text) != null ? _Y : []),
+              column2((_Z = opts.mediaColumnAttrs) != null ? _Z : { className: "p-10 gap-4 bg-slate-50" }, (__ = opts.media) != null ? __ : [])
+            ],
+            { className: "min-h-[640px]", ...opts.rowAttrs }
+          )
+        ]
+      };
+    }
+    case "slide.mediaText": {
+      const opts = (_$ = input.mediaTextOpts) != null ? _$ : {};
+      return {
+        type: "slide",
+        attrs: defaults.slide({ className: "bg-white text-slate-900", ...opts.slideAttrs }),
+        content: [
+          row2(
+            (_ba = (_aa = opts.rowAttrs) == null ? void 0 : _aa.layout) != null ? _ba : "1-1",
+            [
+              column2((_ca = opts.mediaColumnAttrs) != null ? _ca : { className: "p-10 gap-4 bg-slate-50" }, (_da = opts.media) != null ? _da : []),
+              column2((_ea = opts.textColumnAttrs) != null ? _ea : { className: "p-10 gap-4" }, (_fa = opts.text) != null ? _fa : [])
+            ],
+            { className: "min-h-[640px]", ...opts.rowAttrs }
+          )
+        ]
+      };
+    }
+    case "slide.stack2": {
+      const opts = (_ga = input.stack2Opts) != null ? _ga : {};
+      const top = (_ha = opts.topRow) != null ? _ha : {
+        rowAttrs: { layout: "1" },
+        columns: [{ content: [blocks.heading("Title", 1), blocks.paragraph("Subhead")] }]
+      };
+      const bottom = (_ia = opts.bottomRow) != null ? _ia : {
+        rowAttrs: { layout: "1-1" },
+        columns: [
+          { content: [blocks.paragraph("Left detail")] },
+          { content: [blocks.paragraph("Right detail")] }
+        ]
+      };
+      return {
+        type: "slide",
+        attrs: defaults.slide({ className: "bg-white text-slate-900", ...opts.slideAttrs }),
+        content: [
+          row2(
+            (_ka = (_ja = top.rowAttrs) == null ? void 0 : _ja.layout) != null ? _ka : "1",
+            top.columns.map((c) => {
+              var _a2;
+              return column2(c.attrs, (_a2 = c.content) != null ? _a2 : []);
+            }),
+            { className: "p-8 gap-4", ...top.rowAttrs }
+          ),
+          row2(
+            (_ma = (_la = bottom.rowAttrs) == null ? void 0 : _la.layout) != null ? _ma : "1-1",
+            bottom.columns.map((c) => {
+              var _a2;
+              return column2(c.attrs, (_a2 = c.content) != null ? _a2 : []);
+            }),
+            { className: "p-8 gap-4", ...bottom.rowAttrs }
+          )
+        ]
+      };
+    }
+    default:
+      return slide2();
+  }
+};
+var listTemplates = () => [
+  "slide.empty",
+  "slide.singleCol",
+  "slide.twoCol",
+  "slide.hero",
+  "slide.imageCover",
+  "slide.quote",
+  "slide.agenda",
+  "slide.grid3",
+  "slide.grid4",
+  "slide.oneTwo",
+  "slide.twoOne",
+  "slide.oneTwoOne",
+  "slide.textMedia",
+  "slide.mediaText",
+  "slide.stack2"
+];
+var templatesV1Context = `
+BlockSlides templates API (v1)
+
+Presets:
+- slide.empty(): slide with one empty column.
+- slide.singleCol({ content?, slideAttrs?, rowAttrs?, columnAttrs? })
+- slide.twoCol({ left?, right?, slideAttrs?, rowAttrs?, leftColumnAttrs?, rightColumnAttrs? })
+- slide.hero({ content?, slideAttrs?, rowAttrs?, columnAttrs? })
+- slide.imageCover({ image?, overlay?, slideAttrs?, rowAttrs?, columnAttrs? })
+- slide.quote({ quote?, slideAttrs?, rowAttrs?, columnAttrs? })
+- slide.agenda({ items?, slideAttrs?, rowAttrs?, columnAttrs? })
+- slide.grid3/grid4({ columns?, slideAttrs?, rowAttrs? })
+- slide.oneTwo/twoOne/oneTwoOne({ columns?, slideAttrs?, rowAttrs? })
+- slide.textMedia/mediaText({ text?, media?, slideAttrs?, rowAttrs? })
+- slide.stack2({ topRow?, bottomRow?, slideAttrs? })
+
+Blocks:
+- blocks.text(text, marks?)
+- blocks.heading(text, level?)
+- blocks.paragraph(text?)
+- blocks.bulletList([string | Block][])
+- blocks.codeBlock(code, language?)
+- blocks.horizontalRule()
+- blocks.hardBreak()
+- blocks.imageBlock({ src, alt?, layout?, fullBleed?, align?, ...ImageBlockAttrs })
+- blocks.blockquote(content?)
+- blocks.listItem(content?)
+- blocks.image({ src, alt?, title?, width?, height? })
+- blocks.youtube({ src?, start?, width?, height? })
+
+Agent/tool usage:
+- Call createTemplate({ preset: "slide.twoCol", left: [blocks.paragraph("Left")], right: [blocks.imageBlock({ src })] })
+- Wrap returned slides in { type: "doc", content: [/* slides here */] } before sending to the editor.
+
+Notes:
+- Size defaults to 16x9; override via slideAttrs.size.
+- Layout defaults: singleCol uses "1"; twoCol uses "1-1" unless rowAttrs.layout overrides.
+`.trim();
+
+// src/templates/v1/presetTemplateBuilder.ts
+var titleAndSubheaderIcon = '<svg width="96" height="72" viewBox="0 0 96 72" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="6" y="6" width="84" height="60" rx="4" stroke="#D4D4D8" stroke-width="2" fill="#F9FAFB"/><rect x="18" y="22" width="60" height="12" rx="2" fill="#D4D4D8"/><rect x="26" y="38" width="44" height="8" rx="2" fill="#E5E7EB"/></svg>';
+var titleAndSubheader = {
+  key: "tpl.titleAndSubheader",
+  label: "Title & Subheader",
+  description: "Centered title and subtitle for a new presentation",
+  icon: titleAndSubheaderIcon,
+  build: () => slide2.singleCol({
+    rowAttrs: { className: "min-h-[720px] items-center justify-center" },
+    columnAttrs: {
+      verticalAlign: "center",
+      horizontalAlign: "center",
+      className: "gap-6 p-12 text-center bg-white"
+    },
+    content: [
+      blocks.heading("Lorem ipsum dolor sit amet", 1),
+      blocks.paragraph("Consectetur adipiscing elit. Sed do eiusmod tempor incididunt.")
+    ]
+  })
+};
+var imageTextIcon = '<svg width="96" height="72" viewBox="0 0 96 72" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="6" y="6" width="84" height="60" rx="4" stroke="#D4D4D8" stroke-width="2" fill="#F9FAFB"/><rect x="16" y="26" width="24" height="16" rx="2" fill="#E5E7EB"/><rect x="21" y="31" width="14" height="6" rx="1" fill="#D4D4D8"/><rect x="46" y="24" width="34" height="6" rx="1.5" fill="#D4D4D8"/><rect x="46" y="33" width="34" height="5" rx="1.5" fill="#E5E7EB"/><rect x="46" y="41" width="28" height="5" rx="1.5" fill="#E5E7EB"/></svg>';
+var textImageIcon = '<svg width="96" height="72" viewBox="0 0 96 72" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="6" y="6" width="84" height="60" rx="4" stroke="#D4D4D8" stroke-width="2" fill="#F9FAFB"/><rect x="18" y="24" width="34" height="6" rx="1.5" fill="#D4D4D8"/><rect x="18" y="33" width="34" height="5" rx="1.5" fill="#E5E7EB"/><rect x="18" y="41" width="28" height="5" rx="1.5" fill="#E5E7EB"/><rect x="56" y="26" width="24" height="16" rx="2" fill="#E5E7EB"/><rect x="61" y="31" width="14" height="6" rx="1" fill="#D4D4D8"/></svg>';
+var twoColumnsIcon = '<svg width="96" height="72" viewBox="0 0 96 72" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="6" y="6" width="84" height="60" rx="4" stroke="#D4D4D8" stroke-width="2" fill="#F9FAFB"/><rect x="18" y="22" width="26" height="6" rx="1.5" fill="#D4D4D8"/><rect x="18" y="31" width="26" height="5" rx="1.5" fill="#E5E7EB"/><rect x="18" y="39" width="22" height="5" rx="1.5" fill="#E5E7EB"/><rect x="52" y="22" width="26" height="6" rx="1.5" fill="#D4D4D8"/><rect x="52" y="31" width="26" height="5" rx="1.5" fill="#E5E7EB"/><rect x="52" y="39" width="22" height="5" rx="1.5" fill="#E5E7EB"/></svg>';
+var twoColumnsHeaderIcon = '<svg width="96" height="72" viewBox="0 0 96 72" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="6" y="6" width="84" height="60" rx="4" stroke="#D4D4D8" stroke-width="2" fill="#F9FAFB"/><rect x="18" y="18" width="60" height="6" rx="1.5" fill="#D4D4D8"/><rect x="18" y="28" width="26" height="6" rx="1.5" fill="#D4D4D8"/><rect x="18" y="37" width="26" height="5" rx="1.5" fill="#E5E7EB"/><rect x="18" y="45" width="22" height="5" rx="1.5" fill="#E5E7EB"/><rect x="52" y="28" width="26" height="6" rx="1.5" fill="#D4D4D8"/><rect x="52" y="37" width="26" height="5" rx="1.5" fill="#E5E7EB"/><rect x="52" y="45" width="22" height="5" rx="1.5" fill="#E5E7EB"/></svg>';
+var threeColumnsIcon = '<svg width="96" height="72" viewBox="0 0 96 72" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="6" y="6" width="84" height="60" rx="4" stroke="#D4D4D8" stroke-width="2" fill="#F9FAFB"/><rect x="14" y="22" width="20" height="6" rx="1.5" fill="#D4D4D8"/><rect x="14" y="31" width="20" height="5" rx="1.5" fill="#E5E7EB"/><rect x="14" y="39" width="18" height="5" rx="1.5" fill="#E5E7EB"/><rect x="38" y="22" width="20" height="6" rx="1.5" fill="#D4D4D8"/><rect x="38" y="31" width="20" height="5" rx="1.5" fill="#E5E7EB"/><rect x="38" y="39" width="18" height="5" rx="1.5" fill="#E5E7EB"/><rect x="62" y="22" width="20" height="6" rx="1.5" fill="#D4D4D8"/><rect x="62" y="31" width="20" height="5" rx="1.5" fill="#E5E7EB"/><rect x="62" y="39" width="18" height="5" rx="1.5" fill="#E5E7EB"/></svg>';
+var threeColumnsHeaderIcon = '<svg width="96" height="72" viewBox="0 0 96 72" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="6" y="6" width="84" height="60" rx="4" stroke="#D4D4D8" stroke-width="2" fill="#F9FAFB"/><rect x="16" y="16" width="60" height="6" rx="1.5" fill="#D4D4D8"/><rect x="14" y="28" width="20" height="6" rx="1.5" fill="#D4D4D8"/><rect x="14" y="37" width="20" height="5" rx="1.5" fill="#E5E7EB"/><rect x="14" y="45" width="18" height="5" rx="1.5" fill="#E5E7EB"/><rect x="38" y="28" width="20" height="6" rx="1.5" fill="#D4D4D8"/><rect x="38" y="37" width="20" height="5" rx="1.5" fill="#E5E7EB"/><rect x="38" y="45" width="18" height="5" rx="1.5" fill="#E5E7EB"/><rect x="62" y="28" width="20" height="6" rx="1.5" fill="#D4D4D8"/><rect x="62" y="37" width="20" height="5" rx="1.5" fill="#E5E7EB"/><rect x="62" y="45" width="18" height="5" rx="1.5" fill="#E5E7EB"/></svg>';
+var fourColumnsHeaderIcon = '<svg width="96" height="72" viewBox="0 0 96 72" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="6" y="6" width="84" height="60" rx="4" stroke="#D4D4D8" stroke-width="2" fill="#F9FAFB"/><rect x="16" y="16" width="60" height="6" rx="1.5" fill="#D4D4D8"/><rect x="12" y="28" width="16" height="6" rx="1.5" fill="#D4D4D8"/><rect x="12" y="37" width="16" height="5" rx="1.5" fill="#E5E7EB"/><rect x="12" y="45" width="14" height="5" rx="1.5" fill="#E5E7EB"/><rect x="32" y="28" width="16" height="6" rx="1.5" fill="#D4D4D8"/><rect x="32" y="37" width="16" height="5" rx="1.5" fill="#E5E7EB"/><rect x="32" y="45" width="14" height="5" rx="1.5" fill="#E5E7EB"/><rect x="52" y="28" width="16" height="6" rx="1.5" fill="#D4D4D8"/><rect x="52" y="37" width="16" height="5" rx="1.5" fill="#E5E7EB"/><rect x="52" y="45" width="14" height="5" rx="1.5" fill="#E5E7EB"/><rect x="72" y="28" width="16" height="6" rx="1.5" fill="#D4D4D8"/><rect x="72" y="37" width="16" height="5" rx="1.5" fill="#E5E7EB"/><rect x="72" y="45" width="14" height="5" rx="1.5" fill="#E5E7EB"/></svg>';
+var fourColumnsIcon = '<svg width="96" height="72" viewBox="0 0 96 72" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="6" y="6" width="84" height="60" rx="4" stroke="#D4D4D8" stroke-width="2" fill="#F9FAFB"/><rect x="12" y="22" width="16" height="6" rx="1.5" fill="#D4D4D8"/><rect x="12" y="31" width="16" height="5" rx="1.5" fill="#E5E7EB"/><rect x="12" y="39" width="16" height="5" rx="1.5" fill="#E5E7EB"/><rect x="32" y="22" width="16" height="6" rx="1.5" fill="#D4D4D8"/><rect x="32" y="31" width="16" height="5" rx="1.5" fill="#E5E7EB"/><rect x="32" y="39" width="16" height="5" rx="1.5" fill="#E5E7EB"/><rect x="52" y="22" width="16" height="6" rx="1.5" fill="#D4D4D8"/><rect x="52" y="31" width="16" height="5" rx="1.5" fill="#E5E7EB"/><rect x="52" y="39" width="16" height="5" rx="1.5" fill="#E5E7EB"/><rect x="72" y="22" width="16" height="6" rx="1.5" fill="#D4D4D8"/><rect x="72" y="31" width="16" height="5" rx="1.5" fill="#E5E7EB"/><rect x="72" y="39" width="16" height="5" rx="1.5" fill="#E5E7EB"/></svg>';
+var fullImageIcon = '<svg width="96" height="72" viewBox="0 0 96 72" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="6" y="6" width="84" height="60" rx="4" stroke="#D4D4D8" stroke-width="2" fill="#F9FAFB"/><rect x="14" y="14" width="68" height="44" rx="3" fill="#E5E7EB"/><path d="M18 50 34 32l12 14 8-10 16 14H18Z" fill="#D4D4D8"/><circle cx="32" cy="26" r="4" fill="#D4D4D8"/></svg>';
+var twoImageColumnsIcon = '<svg width="96" height="72" viewBox="0 0 96 72" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="6" y="6" width="84" height="60" rx="4" stroke="#D4D4D8" stroke-width="2" fill="#F9FAFB"/><rect x="16" y="18" width="64" height="6" rx="1.5" fill="#D4D4D8"/><rect x="16" y="28" width="28" height="14" rx="2" fill="#E5E7EB"/><rect x="52" y="28" width="28" height="14" rx="2" fill="#E5E7EB"/><rect x="16" y="46" width="20" height="4" rx="1" fill="#D4D4D8"/><rect x="52" y="46" width="20" height="4" rx="1" fill="#D4D4D8"/></svg>';
+var accentLeftIcon = '<svg width="96" height="72" viewBox="0 0 96 72" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="6" y="6" width="84" height="60" rx="4" stroke="#D4D4D8" stroke-width="2" fill="#F9FAFB"/><rect x="12" y="18" width="20" height="36" rx="2" fill="#EFEFEF"/><rect x="18" y="30" width="8" height="8" rx="1" fill="#CCCCCC"/><rect x="36" y="26" width="42" height="6" rx="1.5" fill="#D4D4D8"/><rect x="36" y="36" width="38" height="5" rx="1.5" fill="#E5E7EB"/><rect x="36" y="44" width="32" height="5" rx="1.5" fill="#E5E7EB"/></svg>';
+var accentRightIcon = '<svg width="96" height="72" viewBox="0 0 96 72" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="6" y="6" width="84" height="60" rx="4" stroke="#D4D4D8" stroke-width="2" fill="#F9FAFB"/><rect x="64" y="18" width="20" height="36" rx="2" fill="#EFEFEF"/><rect x="70" y="30" width="8" height="8" rx="1" fill="#CCCCCC"/><rect x="16" y="26" width="42" height="6" rx="1.5" fill="#D4D4D8"/><rect x="16" y="36" width="38" height="5" rx="1.5" fill="#E5E7EB"/><rect x="16" y="44" width="32" height="5" rx="1.5" fill="#E5E7EB"/></svg>';
+var accentTopIcon = '<svg width="96" height="72" viewBox="0 0 96 72" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="6" y="6" width="84" height="60" rx="4" stroke="#D4D4D8" stroke-width="2" fill="#F9FAFB"/><rect x="14" y="14" width="68" height="16" rx="2" fill="#EFEFEF"/><rect x="44" y="18" width="8" height="8" rx="1" fill="#CCCCCC"/><rect x="18" y="36" width="60" height="6" rx="1.5" fill="#D4D4D8"/><rect x="18" y="46" width="56" height="5" rx="1.5" fill="#E5E7EB"/><rect x="18" y="54" width="48" height="5" rx="1.5" fill="#E5E7EB"/></svg>';
+var accentRightFitIcon = '<svg width="96" height="72" viewBox="0 0 96 72" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="6" y="6" width="84" height="60" rx="4" stroke="#D4D4D8" stroke-width="2" fill="#F9FAFB"/><rect x="64" y="24" width="16" height="20" rx="2" fill="#E5E7EB"/><rect x="68" y="28" width="8" height="8" rx="1" fill="#CCCCCC"/><rect x="14" y="28" width="44" height="6" rx="1.5" fill="#D4D4D8"/><rect x="14" y="38" width="40" height="5" rx="1.5" fill="#E5E7EB"/><rect x="14" y="46" width="32" height="5" rx="1.5" fill="#E5E7EB"/></svg>';
+var accentLeftFitIcon = '<svg width="96" height="72" viewBox="0 0 96 72" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="6" y="6" width="84" height="60" rx="4" stroke="#D4D4D8" stroke-width="2" fill="#F9FAFB"/><rect x="16" y="24" width="16" height="20" rx="2" fill="#E5E7EB"/><rect x="20" y="28" width="8" height="8" rx="1" fill="#CCCCCC"/><rect x="36" y="28" width="44" height="6" rx="1.5" fill="#D4D4D8"/><rect x="36" y="38" width="40" height="5" rx="1.5" fill="#E5E7EB"/><rect x="36" y="46" width="32" height="5" rx="1.5" fill="#E5E7EB"/></svg>';
+var titleBulletsIcon = '<svg width="96" height="72" viewBox="0 0 96 72" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="6" y="6" width="84" height="60" rx="4" stroke="#D4D4D8" stroke-width="2" fill="#F9FAFB"/><rect x="18" y="20" width="60" height="6" rx="1.5" fill="#D4D4D8"/><circle cx="22" cy="32" r="2" fill="#D4D4D8"/><rect x="28" y="30" width="44" height="4" rx="1" fill="#E5E7EB"/><circle cx="22" cy="39" r="2" fill="#D4D4D8"/><rect x="28" y="37" width="44" height="4" rx="1" fill="#E5E7EB"/><circle cx="22" cy="46" r="2" fill="#D4D4D8"/><rect x="28" y="44" width="36" height="4" rx="1" fill="#E5E7EB"/></svg>';
+var titleBulletsImageIcon = '<svg width="96" height="72" viewBox="0 0 96 72" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="6" y="6" width="84" height="60" rx="4" stroke="#D4D4D8" stroke-width="2" fill="#F9FAFB"/><rect x="16" y="18" width="64" height="6" rx="1.5" fill="#D4D4D8"/><circle cx="20" cy="31" r="2" fill="#D4D4D8"/><rect x="26" y="29" width="24" height="4" rx="1" fill="#E5E7EB"/><circle cx="20" cy="38" r="2" fill="#D4D4D8"/><rect x="26" y="36" width="24" height="4" rx="1" fill="#E5E7EB"/><circle cx="20" cy="45" r="2" fill="#D4D4D8"/><rect x="26" y="43" width="20" height="4" rx="1" fill="#E5E7EB"/><rect x="56" y="31" width="24" height="16" rx="2" fill="#E5E7EB"/><rect x="61" y="36" width="14" height="6" rx="1" fill="#D4D4D8"/></svg>';
+var imageAndText = {
+  key: "tpl.imageAndText",
+  label: "Image & Text",
+  description: "Image on left, text on right",
+  icon: imageTextIcon,
+  build: () => slide2.twoCol({
+    rowAttrs: { className: "items-center" },
+    leftColumnAttrs: {
+      horizontalAlign: "center",
+      verticalAlign: "center",
+      className: "p-8"
+    },
+    rightColumnAttrs: {
+      verticalAlign: "center",
+      className: "p-8 gap-3"
+    },
+    left: [
+      blocks.imageBlock({
+        src: "https://placehold.co/640x480/png",
+        layout: "contain",
+        fullBleed: false
+      })
+    ],
+    right: [
+      blocks.heading("Lorem ipsum dolor sit amet", 2),
+      blocks.paragraph("Consectetur adipiscing elit. Sed do eiusmod tempor incididunt."),
+      blocks.paragraph("Ut enim ad minim veniam, quis nostrud exercitation.")
+    ]
+  })
+};
+var textAndImage = {
+  key: "tpl.textAndImage",
+  label: "Text & Image",
+  description: "Text on left, image on right",
+  icon: textImageIcon,
+  build: () => slide2.twoCol({
+    rowAttrs: { className: "items-center" },
+    leftColumnAttrs: {
+      verticalAlign: "center",
+      className: "p-8 gap-3"
+    },
+    rightColumnAttrs: {
+      horizontalAlign: "center",
+      verticalAlign: "center",
+      className: "p-8"
+    },
+    left: [
+      blocks.heading("Lorem ipsum dolor sit amet", 2),
+      blocks.paragraph("Consectetur adipiscing elit. Sed do eiusmod tempor incididunt."),
+      blocks.paragraph("Ut enim ad minim veniam, quis nostrud exercitation.")
+    ],
+    right: [
+      blocks.imageBlock({
+        src: "https://placehold.co/640x480/png",
+        layout: "contain",
+        fullBleed: false
+      })
+    ]
+  })
+};
+var twoColumns = {
+  key: "tpl.twoColumns",
+  label: "Two Columns",
+  description: "Header above two balanced text columns",
+  icon: twoColumnsIcon,
+  build: () => slide2.singleCol({
+    columnAttrs: { className: "w-full p-6 gap-4", horizontalAlign: "stretch" },
+    content: [
+      blocks.heading("Section heading", 2),
+      {
+        type: "row",
+        attrs: { layout: "1-1", className: "items-start w-full gap-4" },
+        content: [
+          {
+            type: "column",
+            attrs: { className: "p-4 gap-3 w-full box-border" },
+            content: [
+              blocks.paragraph("Lorem ipsum dolor sit amet."),
+              blocks.paragraph("Consectetur adipiscing elit. Sed do eiusmod tempor incididunt."),
+              blocks.paragraph("Ut enim ad minim veniam, quis nostrud exercitation.")
+            ]
+          },
+          {
+            type: "column",
+            attrs: { className: "p-4 gap-3 w-full box-border" },
+            content: [
+              blocks.paragraph("Lorem ipsum dolor sit amet."),
+              blocks.paragraph("Consectetur adipiscing elit. Sed do eiusmod tempor incididunt."),
+              blocks.paragraph("Ut enim ad minim veniam, quis nostrud exercitation.")
+            ]
+          }
+        ]
+      }
+    ]
+  })
+};
+var twoColumnsWithHeader = {
+  key: "tpl.twoColumnsWithHeader",
+  label: "Two Columns + Header",
+  description: "Header plus two columns, each with its own heading",
+  icon: twoColumnsHeaderIcon,
+  build: () => slide2.singleCol({
+    columnAttrs: { className: "w-full p-6 gap-4", horizontalAlign: "stretch" },
+    content: [
+      blocks.heading("Section heading", 2),
+      {
+        type: "row",
+        attrs: { layout: "1-1", className: "items-start w-full gap-4" },
+        content: [
+          {
+            type: "column",
+            attrs: { className: "p-4 gap-3 w-full box-border" },
+            content: [
+              blocks.heading("Column heading", 4),
+              blocks.paragraph("Consectetur adipiscing elit. Sed do eiusmod tempor incididunt."),
+              blocks.paragraph("Ut enim ad minim veniam, quis nostrud exercitation.")
+            ]
+          },
+          {
+            type: "column",
+            attrs: { className: "p-4 gap-3 w-full box-border" },
+            content: [
+              blocks.heading("Column heading", 4),
+              blocks.paragraph("Consectetur adipiscing elit. Sed do eiusmod tempor incididunt."),
+              blocks.paragraph("Ut enim ad minim veniam, quis nostrud exercitation.")
+            ]
+          }
+        ]
+      }
+    ]
+  })
+};
+var threeColumns = {
+  key: "tpl.threeColumns",
+  label: "Three Columns",
+  description: "Balanced three-column text",
+  icon: threeColumnsIcon,
+  build: () => slide2.singleCol({
+    columnAttrs: { className: "w-full p-6 gap-4", horizontalAlign: "stretch" },
+    content: [
+      {
+        type: "row",
+        attrs: { layout: "1-1-1", className: "items-start w-full gap-4" },
+        content: [
+          {
+            type: "column",
+            attrs: { className: "p-3 gap-3 w-full box-border" },
+            content: [
+              blocks.paragraph("Lorem ipsum dolor sit amet."),
+              blocks.paragraph("Consectetur adipiscing elit. Sed do eiusmod tempor incididunt.")
+            ]
+          },
+          {
+            type: "column",
+            attrs: { className: "p-3 gap-3 w-full box-border" },
+            content: [
+              blocks.paragraph("Ut enim ad minim veniam."),
+              blocks.paragraph("Quis nostrud exercitation ullamco laboris.")
+            ]
+          },
+          {
+            type: "column",
+            attrs: { className: "p-3 gap-3 w-full box-border" },
+            content: [
+              blocks.paragraph("Nisi ut aliquip ex ea commodo consequat."),
+              blocks.paragraph("Duis aute irure dolor in reprehenderit.")
+            ]
+          }
+        ]
+      }
+    ]
+  })
+};
+var threeColumnsWithHeader = {
+  key: "tpl.threeColumnsWithHeader",
+  label: "Three Columns + Header",
+  description: "Header plus three columns",
+  icon: threeColumnsHeaderIcon,
+  build: () => slide2.singleCol({
+    columnAttrs: { className: "w-full p-6 gap-4", horizontalAlign: "stretch" },
+    content: [
+      blocks.heading("Section heading", 2),
+      {
+        type: "row",
+        attrs: { layout: "1-1-1", className: "items-start w-full gap-4" },
+        content: [
+          {
+            type: "column",
+            attrs: { className: "p-3 gap-3 w-full box-border" },
+            content: [
+              blocks.heading("Column heading", 4),
+              blocks.paragraph("Lorem ipsum dolor sit amet."),
+              blocks.paragraph("Consectetur adipiscing elit. Sed do eiusmod tempor incididunt.")
+            ]
+          },
+          {
+            type: "column",
+            attrs: { className: "p-3 gap-3 w-full box-border" },
+            content: [
+              blocks.heading("Column heading", 4),
+              blocks.paragraph("Ut enim ad minim veniam."),
+              blocks.paragraph("Quis nostrud exercitation ullamco laboris.")
+            ]
+          },
+          {
+            type: "column",
+            attrs: { className: "p-3 gap-3 w-full box-border" },
+            content: [
+              blocks.heading("Column heading", 4),
+              blocks.paragraph("Nisi ut aliquip ex ea commodo consequat."),
+              blocks.paragraph("Duis aute irure dolor in reprehenderit.")
+            ]
+          }
+        ]
+      }
+    ]
+  })
+};
+var fourColumnsWithHeader = {
+  key: "tpl.fourColumnsWithHeader",
+  label: "Four Columns + Header",
+  description: "Header plus four columns",
+  icon: fourColumnsHeaderIcon,
+  build: () => slide2.singleCol({
+    columnAttrs: { className: "w-full p-6 gap-4", horizontalAlign: "stretch" },
+    content: [
+      blocks.heading("Section heading", 2),
+      {
+        type: "row",
+        attrs: { layout: "1-1-1-1", className: "items-start w-full gap-3" },
+        content: [
+          {
+            type: "column",
+            attrs: { className: "p-3 gap-3 w-full box-border" },
+            content: [
+              blocks.heading("Column heading", 4),
+              blocks.paragraph("Lorem ipsum dolor sit amet."),
+              blocks.paragraph("Consectetur adipiscing elit.")
+            ]
+          },
+          {
+            type: "column",
+            attrs: { className: "p-3 gap-3 w-full box-border" },
+            content: [
+              blocks.heading("Column heading", 4),
+              blocks.paragraph("Ut enim ad minim veniam."),
+              blocks.paragraph("Quis nostrud exercitation ullamco laboris.")
+            ]
+          },
+          {
+            type: "column",
+            attrs: { className: "p-3 gap-3 w-full box-border" },
+            content: [
+              blocks.heading("Column heading", 4),
+              blocks.paragraph("Nisi ut aliquip ex ea commodo consequat."),
+              blocks.paragraph("Duis aute irure dolor in reprehenderit.")
+            ]
+          },
+          {
+            type: "column",
+            attrs: { className: "p-3 gap-3 w-full box-border" },
+            content: [
+              blocks.heading("Column heading", 4),
+              blocks.paragraph("Excepteur sint occaecat cupidatat."),
+              blocks.paragraph("Sunt in culpa qui officia.")
+            ]
+          }
+        ]
+      }
+    ]
+  })
+};
+var fullImage = {
+  key: "tpl.fullImage",
+  label: "Full Image",
+  description: "Edge-to-edge image filling the slide",
+  icon: fullImageIcon,
+  build: () => slide2.singleCol({
+    rowAttrs: { className: "min-h-[720px]" },
+    columnAttrs: { className: "p-0 w-full h-full", horizontalAlign: "stretch" },
+    content: [
+      blocks.imageBlock({
+        src: "https://placehold.co/1920x1080/png",
+        layout: "cover",
+        fullBleed: true,
+        align: "center"
+      })
+    ]
+  })
+};
+var fourColumns = {
+  key: "tpl.fourColumns",
+  label: "Four Columns",
+  description: "Balanced four-column text",
+  icon: fourColumnsIcon,
+  build: () => slide2.singleCol({
+    columnAttrs: { className: "w-full p-4 gap-4", horizontalAlign: "stretch" },
+    content: [
+      {
+        type: "row",
+        attrs: { layout: "1-1-1-1", className: "items-start w-full gap-3" },
+        content: Array.from({ length: 4 }).map(() => ({
+          type: "column",
+          attrs: { className: "p-2.5 gap-2 w-full box-border" },
+          content: [
+            blocks.paragraph("Lorem ipsum dolor sit amet."),
+            blocks.paragraph("Consectetur adipiscing elit.")
+          ]
+        }))
+      }
+    ]
+  })
+};
+var titleWithBullets = {
+  key: "tpl.titleWithBullets",
+  label: "Title with Bullets",
+  description: "Header and a bullet list",
+  icon: titleBulletsIcon,
+  build: () => slide2.singleCol({
+    columnAttrs: { className: "p-6 gap-4" },
+    content: [
+      blocks.heading("Lorem ipsum dolor sit amet", 2),
+      blocks.bulletList([
+        "Consectetur adipiscing elit.",
+        "Sed do eiusmod tempor incididunt.",
+        "Ut enim ad minim veniam."
+      ])
+    ]
+  })
+};
+var titleBulletsAndImage = {
+  key: "tpl.titleBulletsAndImage",
+  label: "Title, Bullets & Image",
+  description: "Title with bullets and an image",
+  icon: titleBulletsImageIcon,
+  build: () => slide2.twoCol({
+    rowAttrs: { className: "items-start w-full" },
+    leftColumnAttrs: { className: "p-6 gap-3 w-full" },
+    rightColumnAttrs: {
+      horizontalAlign: "center",
+      verticalAlign: "center",
+      className: "p-6 w-full"
+    },
+    left: [
+      blocks.heading("Lorem ipsum dolor sit amet", 2),
+      blocks.bulletList([
+        "Consectetur adipiscing elit.",
+        "Sed do eiusmod tempor incididunt.",
+        "Ut enim ad minim veniam."
+      ])
+    ],
+    right: [
+      blocks.imageBlock({
+        src: "https://placehold.co/480x360/png",
+        layout: "contain",
+        fullBleed: false
+      })
+    ]
+  })
+};
+var accentLeft = {
+  key: "tpl.accentLeft",
+  label: "Accent left",
+  description: "Accent band with image on the left, text on the right",
+  icon: accentLeftIcon,
+  build: () => slide2.twoCol({
+    rowAttrs: { layout: "1-2", className: "items-stretch w-full gap-0 min-h-[360px]" },
+    leftColumnAttrs: {
+      className: "bg-slate-100 p-0 w-full h-full",
+      horizontalAlign: "stretch",
+      verticalAlign: "top"
+    },
+    rightColumnAttrs: { className: "p-6 gap-3 w-full", verticalAlign: "center" },
+    left: [
+      blocks.imageBlock({
+        src: "https://placehold.co/320x240/png",
+        layout: "cover",
+        fullBleed: true,
+        align: "center"
+      })
+    ],
+    right: [
+      blocks.heading("Accent left", 3),
+      blocks.paragraph("Short supporting copy goes here."),
+      blocks.paragraph("Add one more line if needed.")
+    ]
+  })
+};
+var accentRight = {
+  key: "tpl.accentRight",
+  label: "Accent right",
+  description: "Accent band with image on the right, text on the left",
+  icon: accentRightIcon,
+  build: () => slide2.twoCol({
+    rowAttrs: { layout: "2-1", className: "items-stretch w-full gap-0 min-h-[360px]" },
+    leftColumnAttrs: { className: "p-6 gap-3 w-full", verticalAlign: "center" },
+    rightColumnAttrs: {
+      className: "bg-slate-100 p-0 w-full h-full",
+      horizontalAlign: "stretch",
+      verticalAlign: "top"
+    },
+    left: [
+      blocks.heading("Accent right", 3),
+      blocks.paragraph("Short supporting copy goes here."),
+      blocks.paragraph("Add one more line if needed.")
+    ],
+    right: [
+      blocks.imageBlock({
+        src: "https://placehold.co/320x240/png",
+        layout: "cover",
+        fullBleed: true,
+        align: "center"
+      })
+    ]
+  })
+};
+var accentTop = {
+  key: "tpl.accentTop",
+  label: "Accent top",
+  description: "Accent band on top with image, text below",
+  icon: accentTopIcon,
+  build: () => ({
+    type: "slide",
+    attrs: { id: "slide-1", size: "16x9", className: "" },
+    content: [
+      {
+        type: "row",
+        attrs: { layout: "1", className: "w-full items-stretch h-[20vh] min-h-[140px]" },
+        content: [
+          {
+            type: "column",
+            attrs: { className: "bg-slate-100 p-0 w-full h-full box-border" },
+            content: [
+              blocks.imageBlock({
+                src: "https://placehold.co/1200x400/png",
+                layout: "cover",
+                fullBleed: true,
+                align: "center"
+              })
+            ]
+          }
+        ]
+      },
+      {
+        type: "row",
+        attrs: { layout: "1", className: "w-full flex-1" },
+        content: [
+          {
+            type: "column",
+            attrs: { className: "p-6 gap-3 w-full box-border justify-end" },
+            content: [
+              blocks.heading("Accent top", 3),
+              blocks.paragraph("Short supporting copy goes here."),
+              blocks.paragraph("Add one more line if needed.")
+            ]
+          }
+        ]
+      }
+    ]
+  })
+};
+var accentRightFit = {
+  key: "tpl.accentRightFit",
+  label: "Accent right (fit)",
+  description: "Text with a tighter image card on the right",
+  icon: accentRightFitIcon,
+  build: () => slide2.twoCol({
+    rowAttrs: { layout: "2-1", className: "items-center w-full gap-4" },
+    leftColumnAttrs: { className: "p-6 gap-3 w-full", verticalAlign: "center" },
+    rightColumnAttrs: {
+      className: "p-6 w-full items-center",
+      verticalAlign: "center",
+      horizontalAlign: "center"
+    },
+    left: [
+      blocks.heading("Accent right (fit)", 3),
+      blocks.paragraph("Short supporting copy goes here."),
+      blocks.paragraph("Add one more line if needed.")
+    ],
+    right: [
+      {
+        type: "column",
+        attrs: { className: "bg-slate-100 p-4 gap-3 rounded-lg w-full items-center" },
+        content: [
+          blocks.imageBlock({
+            src: "https://placehold.co/240x200/png",
+            layout: "contain",
+            fullBleed: false,
+            align: "center"
+          })
+        ]
+      }
+    ]
+  })
+};
+var accentLeftFit = {
+  key: "tpl.accentLeftFit",
+  label: "Accent left (fit)",
+  description: "Compact image card on the left, text on the right",
+  icon: accentLeftFitIcon,
+  build: () => slide2.twoCol({
+    rowAttrs: { layout: "1-2", className: "items-center w-full gap-4" },
+    leftColumnAttrs: {
+      className: "p-6 w-full items-center",
+      verticalAlign: "center",
+      horizontalAlign: "center"
+    },
+    rightColumnAttrs: { className: "p-6 gap-3 w-full", verticalAlign: "center" },
+    left: [
+      {
+        type: "column",
+        attrs: { className: "bg-slate-100 p-4 gap-3 rounded-lg w-full items-center" },
+        content: [
+          blocks.imageBlock({
+            src: "https://placehold.co/240x200/png",
+            layout: "contain",
+            fullBleed: false,
+            align: "center"
+          })
+        ]
+      }
+    ],
+    right: [
+      blocks.heading("Accent left (fit)", 3),
+      blocks.paragraph("Short supporting copy goes here."),
+      blocks.paragraph("Add one more line if needed.")
+    ]
+  })
+};
+var twoImageColumns = {
+  key: "tpl.twoImageColumns",
+  label: "2 image columns",
+  description: "Header with two image cards",
+  icon: twoImageColumnsIcon,
+  build: () => slide2.singleCol({
+    columnAttrs: { className: "w-full p-6 gap-4", horizontalAlign: "stretch" },
+    content: [
+      blocks.heading("Images", 2),
+      {
+        type: "row",
+        attrs: { layout: "1-1", className: "items-start w-full gap-4" },
+        content: [
+          {
+            type: "column",
+            attrs: { className: "p-4 gap-3 w-full box-border" },
+            content: [
+              blocks.imageBlock({
+                src: "https://placehold.co/640x360/png",
+                layout: "contain",
+                fullBleed: false,
+                align: "center"
+              }),
+              blocks.heading("Image title", 4),
+              blocks.paragraph("Short supporting copy goes here.")
+            ]
+          },
+          {
+            type: "column",
+            attrs: { className: "p-4 gap-3 w-full box-border" },
+            content: [
+              blocks.imageBlock({
+                src: "https://placehold.co/640x360/png",
+                layout: "contain",
+                fullBleed: false,
+                align: "center"
+              }),
+              blocks.heading("Image title", 4),
+              blocks.paragraph("Short supporting copy goes here.")
+            ]
+          }
+        ]
+      }
+    ]
+  })
+};
+var registry = {
+  "tpl.titleAndSubheader": titleAndSubheader,
+  "tpl.imageAndText": imageAndText,
+  "tpl.textAndImage": textAndImage,
+  "tpl.twoColumns": twoColumns,
+  "tpl.twoColumnsWithHeader": twoColumnsWithHeader,
+  "tpl.threeColumns": threeColumns,
+  "tpl.threeColumnsWithHeader": threeColumnsWithHeader,
+  "tpl.fourColumns": fourColumns,
+  "tpl.fourColumnsWithHeader": fourColumnsWithHeader,
+  "tpl.titleWithBullets": titleWithBullets,
+  "tpl.titleBulletsAndImage": titleBulletsAndImage,
+  "tpl.fullImage": fullImage,
+  "tpl.accentLeft": accentLeft,
+  "tpl.accentRight": accentRight,
+  "tpl.accentTop": accentTop,
+  "tpl.accentRightFit": accentRightFit,
+  "tpl.accentLeftFit": accentLeftFit,
+  "tpl.twoImageColumns": twoImageColumns
+};
+var listPresetTemplates = () => Object.values(registry);
+var buildPresetTemplate = (key) => registry[key].build();
 export {
   v1_exports4 as bundlesV1,
   v1_exports as contextsV1,
   v1_exports2 as examplesV1,
   v1_exports5 as recipesV1,
-  v1_exports3 as schemasV1
+  v1_exports3 as schemasV1,
+  v1_exports6 as templatesV1
 };
 //# sourceMappingURL=index.js.map