@blockslides/ai-context 0.1.6 → 0.3.0

package/dist/index.cjs

@@ -20,11 +20,10 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
-  bundlesV1: () => v1_exports4,
+  bundlesV1: () => v1_exports3,
   contextsV1: () => v1_exports,
-  examplesV1: () => v1_exports2,
-  recipesV1: () => v1_exports5,
-  schemasV1: () => v1_exports3
+  schemasV1: () => v1_exports2,
+  templatesV1: () => v1_exports4
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -35,6 +34,7 @@ __export(v1_exports, {
   bulletList: () => bulletList,
   codeBlock: () => codeBlock,
   column: () => column,
+  columnGroup: () => columnGroup,
   core: () => core,
   editingRules: () => editingRules,
   fullDocument: () => fullDocument,
@@ -44,7 +44,6 @@ __export(v1_exports, {
   image: () => image,
   imageBlock: () => imageBlock,
   paragraph: () => paragraph,
-  row: () => row,
   sizing: () => sizing,
   slide: () => slide,
   style: () => style,
@@ -58,15 +57,35 @@ You are given a BlockSlides document to CREATE or EDIT.
 
 Document shape:
 - doc: { type: "doc", content: slide[] }
-- slide: { type: "slide", attrs?, content: row[] }
-- row: { type: "row", attrs?, content: column[] | block[] }
-- column: { type: "column", attrs?, content: (block | row)[] }
-- block: includes nodes like paragraph, heading, imageBlock, etc.
+- slide: { type: "slide", attrs?, content: block[] }
+- block: includes heading, paragraph, column, imageBlock, bulletList, codeBlock, blockquote, horizontalRule, youtube, etc.
+- column: { type: "column", attrs?, content: block[] }
+
+Key changes:
+- Slides can contain columns, columnGroups, or any block-level content
+- Use column directly in slide for full-width blocks
+- Use columnGroup to place multiple columns side-by-side
+- All block types inherit common attributes from BaseBlockAttributes
+
+BaseBlockAttributes (available on all blocks):
+- align: "left" | "center" | "right" | "stretch"
+- justify: "start" | "center" | "end" | "space-between" (for containers)
+- padding: "none" | "sm" | "md" | "lg"
+- margin: "none" | "sm" | "md" | "lg"
+- gap: "none" | "sm" | "md" | "lg"
+- backgroundColor: string (CSS color)
+- backgroundImage: string (URL)
+- borderRadius: "none" | "sm" | "md" | "lg"
+- border: string (CSS border)
+- fill: boolean (fill available space)
+- width: string (CSS width)
+- height: string (CSS height)
 
 Rules:
 - Use only known node types and valid attrs. Do not invent attributes.
 - Prefer stable references: preserve slide.attrs.id if present.
 - Slides and flyers share the same JSON; flyers are slides sized via attrs and theme.
+- Use semantic spacing tokens (sm/md/lg) instead of raw pixel values
 </core>
 `.trim();
 
@@ -81,79 +100,129 @@ Output contract:
 // src/contexts/v1/imageBlock.ts
 var imageBlock = `
 <imageBlock>
-Node: imageBlock
-Attrs:
-- src (required): string (URL)
-- alt (optional): string
-- caption (optional): string
-- credit (optional): string
-- layout (optional): "cover" | "contain" | "fill" | "focus" | "pattern"
-- align (optional): "left" | "center" | "right" | "stretch" (default "center")
-- width (optional): number (px) or string ("%"/"px")
-- height (optional): number (px) or string ("%"/"px")
-- fullBleed (optional): boolean (removes radius; stretches width)
-- assetId (optional): string
-- focalX, focalY (optional): 0\u2013100; spotlight position (when relevant)
-
-Behavior:
-- Numbers for width/height are interpreted as pixels.
-- layout:
-  - cover: Fill container; crop edges as needed.
-  - contain: Fit entirely; may letterbox.
-  - fill: Stretch to container (may distort).
-  - focus: Cover + radial spotlight at focalX/focalY.
-  - pattern: Hide <img>; use tiled background (from src).
-- Do not set unknown attributes. Preserve existing valid attrs.
-</imageBlock>
-`.trim();
-
-// src/contexts/v1/row.ts
-var row = `
-<row>
-Node: row
-Attrs:
-- layout (optional): "", "1", "1-1", "2-1", "1-2", "1-1-1", "2-1-1", "1-2-1", "1-1-2", "1-1-1-1"
-- className (optional): string (CSS classes)
-- backgroundMode (optional): "none" | "color" | "image" | "imageOverlay"
-- backgroundColor (optional): string (CSS color for row background)
-- backgroundImage (optional): string (URL for row-level background image)
-- backgroundOverlayColor (optional): string (overlay color when using imageOverlay)
-- backgroundOverlayOpacity (optional): number (0\u20131, overlay opacity)
+Node: imageBlock (block group)
+Attrs (required):
+- src (required): string (image URL)
+
+Attrs (optional - image-specific):
+- alt (optional): string - alt text for accessibility
+- caption (optional): string - image caption
+- credit (optional): string - image credit/attribution
+- assetId (optional): string - asset reference
+- size (optional): "fill" | "fit" | "natural" - how image fills container
+  - fill: Cover entire container (width:100%, height:100%, object-fit:cover)
+  - fit: Fit inside container with letterboxing (object-fit:contain)
+  - natural: Use image's natural dimensions
+- crop (optional): "center" | "top" | "bottom" | "left" | "right" | "top-left" | "top-right" | "bottom-left" | "bottom-right"
+  - Focal point for fill/fit modes (default: "center")
+
+Attrs (inherited from BaseBlockAttributes):
+- align (optional): "left" | "center" | "right" | "stretch" - block alignment
+- padding (optional): "none" | "sm" | "md" | "lg" - internal padding
+- margin (optional): "none" | "sm" | "md" | "lg" - external margin
+- backgroundColor (optional): string - background color
+- borderRadius (optional): "none" | "sm" | "md" | "lg" - corner rounding
+- width (optional): string - explicit width override (CSS value)
+- height (optional): string - explicit height override (CSS value)
+
+Deprecated attributes (kept for backwards compatibility, do not use):
+- layout, fullBleed, focalX, focalY
 
-Semantics:
-- Fractions determine relative column flex:
-  - 1-1: two equal columns
-  - 2-1: first column is double width
-  - 1-2: second column is double width
-  - 1-1-1: three equal columns
-  - 1-1-1-1: four equal columns
-- Empty layout ("", "1") acts as a single full-width column.
-- Use row backgrounds for horizontal bands (e.g., header strip) instead of attaching everything to the slide.
-</row>
+Notes:
+- Default size is "fill" if not specified
+- Use crop to control which part of the image is visible when cropped
+- width/height overrides apply on top of size mode
+</imageBlock>
 `.trim();
 
 // src/contexts/v1/column.ts
 var column = `
 <column>
-Node: column
-Attrs:
-- className (optional): string
-- contentMode (optional): "default" (future-friendly)
-- verticalAlign (optional): "top" | "center" | "bottom" (default "top")
-- horizontalAlign (optional): "left" | "center" | "right" | "stretch" (default "left")
-- padding (optional): "none" (future-friendly)
-- backgroundMode (optional): "none" | "color" | "image" | "imageOverlay"
-- backgroundColor (optional): string (CSS color for the column background)
-- backgroundImage (optional): string (URL for column-level background image)
-- backgroundOverlayColor (optional): string (overlay color when using imageOverlay)
-- backgroundOverlayOpacity (optional): number (0\u20131, overlay opacity)
+Node: column (block group)
+Attrs (inherits from BaseBlockAttributes):
+- align (optional): "left" | "center" | "right" | "stretch" - horizontal alignment
+- justify (optional): "start" | "center" | "end" | "space-between" - vertical distribution of children
+- padding (optional): "none" | "sm" | "md" | "lg" - internal spacing (semantic tokens)
+- margin (optional): "none" | "sm" | "md" | "lg" - external spacing
+- gap (optional): "none" | "sm" | "md" | "lg" - space between child blocks
+- backgroundColor (optional): string - CSS color
+- backgroundImage (optional): string - background image URL
+- borderRadius (optional): "none" | "sm" | "md" | "lg" - corner rounding
+- border (optional): string - CSS border value
+- fill (optional): boolean - whether to fill available space
+- width (optional): string - explicit width (CSS value)
+- height (optional): string - explicit height (CSS value)
+
+Content:
+- Contains one or more blocks (heading, paragraph, imageBlock, bulletList, etc.)
+- Columns cannot nest other columns
+
+Spacing tokens:
+- none: 0
+- sm: 8px
+- md: 16px
+- lg: 32px
+
+Border radius tokens:
+- none: 0
+- sm: 4px
+- md: 8px
+- lg: 16px
 
 Notes:
-- Use className for spacing, colors, typography (e.g., Tailwind).
-- Keep nesting shallow; columns can contain rows or blocks as needed.
+- Use column directly in slide for full-width content
+- Wrap columns in columnGroup to place them side-by-side
+- Use justify to control vertical distribution of child blocks
+- Use gap for spacing between children instead of margins
 </column>
 `.trim();
 
+// src/contexts/v1/columnGroup.ts
+var columnGroup = `
+<columnGroup>
+Node: columnGroup (horizontal container)
+Purpose: Groups multiple columns side-by-side horizontally
+
+Attrs:
+- layout (optional): string - Layout ratio for columns (e.g., "1-1" for equal width, "2-1" for 2:1 ratio, "1-2-1" for three columns)
+- fill (optional): boolean - Whether the columnGroup fills available vertical space
+- className (optional): string - CSS classes
+- backgroundMode (optional): "none" | "color" | "image" | "imageOverlay"
+- backgroundColor (optional): string - CSS color for background
+- backgroundImage (optional): string - URL for background image
+- backgroundOverlayColor (optional): string - Color for overlay when using imageOverlay
+- backgroundOverlayOpacity (optional): number (0-1) - Opacity for overlay
+
+Content:
+- Contains one or more column nodes
+- Columns within a columnGroup are displayed side-by-side horizontally
+- Each column shares the horizontal space (equal width by default, or based on layout attribute)
+
+Usage:
+- Use columnGroup when you want columns to appear next to each other horizontally
+- For full-width content, use column directly in the slide (without columnGroup)
+- You can have multiple columnGroups in a slide to create different rows of columns
+
+Examples:
+1. Two equal columns side-by-side:
+   columnGroup { content: [column, column] }
+
+2. Three columns with 2:1:1 ratio:
+   columnGroup { attrs: { layout: "2-1-1" }, content: [column, column, column] }
+
+3. Full-width content above and below a two-column section:
+   slide {
+     content: [
+       column { ... },              // full-width
+       columnGroup {                // side-by-side
+         content: [column, column]
+       },
+       column { ... }               // full-width
+     ]
+   }
+</columnGroup>
+`.trim();
+
 // src/contexts/v1/slide.ts
 var slide = `
 <slide>
@@ -169,12 +238,16 @@ Attrs:
 - backgroundOverlayOpacity (optional): number (0\u20131, opacity for the overlay)
 
 Content:
-- slide contains one or more rows.
+- slide can contain columns, columnGroups, or any block-level content (heading, paragraph, imageBlock, bulletList, codeBlock, etc.)
+- Use column directly for full-width content
+- Use columnGroup to place multiple columns side-by-side
+- You can mix columns, columnGroups, and other blocks in any order
 
 Notes:
 - Flyers are slides sized for paper (e.g., size: "a4-portrait").
 - Set size to control canvas dimensions; theme applies the exact width/height.
 - For background images, prefer backgroundMode/backgroundImage over Tailwind bg-[url(...)]; the extension will inject the correct CSS.
+- To create multi-column layouts, wrap columns in a columnGroup
 </slide>
 `.trim();
 
@@ -194,7 +267,7 @@ var editingRules = `
 - Preserve existing ids and valid attributes. Do not remove or rename known attrs.
 - Use only allowed enum values. Do not invent new enum values.
 - Avoid introducing new attributes that are not documented. If styling is needed, prefer className.
-- Keep the document valid: slide > row > column > blocks.
+- Keep the document valid: slide > (column | columnGroup > column) > blocks.
 </General editing rules>
 
 <Centering content in a column>
@@ -208,17 +281,17 @@ var editingRules = `
   - After:  column.attrs = { verticalAlign: "center", horizontalAlign: "center", padding: "none" }
 </Centering content in a column>
 
-<Backgrounds (slides, rows, columns)>
+<Backgrounds (slides, columnGroups, columns)>
 - Use structured background attrs instead of raw Tailwind bg-[url(...)] when setting background images.
 - If you use bg-[...], the image will not work because the tailwind classes we need have been tree shaken off - instead use the attributes.
 - For slide-level backgrounds (hero/flyer):
   - Use slide.attrs.backgroundMode = "color" | "image" | "imageOverlay".
   - For images, set slide.attrs.backgroundImage to the image URL.
   - For overlays, set slide.attrs.backgroundOverlayColor (e.g., "rgba(0,0,0,0.8)") and slide.attrs.backgroundOverlayOpacity (0\u20131).
-- For horizontal bands, use row-level backgrounds (row.attrs.background*).
+- For horizontal bands, use columnGroup-level backgrounds (columnGroup.attrs.background*).
 - For panel-style sections, use column-level backgrounds (column.attrs.background*).
-- Do not mix multiple background images on the same node; prefer one backgroundMode per slide/row/column and layer additional visuals as imageBlock nodes.
-</Backgrounds (slides, rows, columns)>
+- Do not mix multiple background images on the same node; prefer one backgroundMode per slide/columnGroup/column and layer additional visuals as imageBlock nodes.
+</Backgrounds (slides, columnGroups, columns)>
 
 <Text editing (headings and paragraphs)>
 - Preserve semantic types: do not turn headings into paragraphs or vice versa unless explicitly asked.
@@ -253,42 +326,60 @@ Sizing
 // src/contexts/v1/blockquote.ts
 var blockquote = `
 <blockquote>
-Node: blockquote
-Attrs:
-- HTML-only; no required JSON attrs beyond optional styling such as className.
+Node: blockquote (block group)
+Attrs (inherited from BaseBlockAttributes):
+- align: "left" | "center" | "right"
+- padding: "none" | "sm" | "md" | "lg"
+- margin: "none" | "sm" | "md" | "lg"
+- backgroundColor: string (CSS color)
+- borderRadius: "none" | "sm" | "md" | "lg"
+- (and other base attributes)
 
 Content:
 - One or more block nodes (typically paragraphs, headings, lists).
 
 Semantics:
-- Use for quoted text or callouts inside a column or row.
-- Styling should be applied via className on the surrounding column/slide, not by inventing new attrs here.
+- Use for quoted text or callouts inside a column or slide.
+- BaseBlockAttributes provide consistent styling capabilities.
 </blockquote>
 `.trim();
 
 // src/contexts/v1/bulletList.ts
 var bulletList = `
 <bulletList>
-Node: bulletList
-Attrs:
-- HTML-only; no required JSON attrs beyond optional styling such as className.
+Node: bulletList (block group)
+Attrs (inherited from BaseBlockAttributes):
+- align: "left" | "center" | "right"
+- padding: "none" | "sm" | "md" | "lg"
+- margin: "none" | "sm" | "md" | "lg"
+- backgroundColor: string (CSS color)
+- borderRadius: "none" | "sm" | "md" | "lg"
+- (and other base attributes)
 
 Content:
 - One or more list item nodes (listItem) that contain paragraphs or inline content.
 
 Semantics:
 - Represents an unordered list rendered as <ul>.
-- Use when you need bullet points inside a column or blockquote.
-- Do not use bulletList as a top-level child of doc; it belongs inside a column/row structure.
+- Use when you need bullet points inside a column or slide.
+- Can be placed directly in slides or within columns.
 </bulletList>
 `.trim();
 
 // src/contexts/v1/codeBlock.ts
 var codeBlock = `
 <codeBlock>
-Node: codeBlock
-Attrs:
-- language (optional): string | null (e.g., "js", "ts", "python").
+Node: codeBlock (block group)
+Attrs (codeBlock-specific):
+- language (optional): string | null (e.g., "js", "ts", "python")
+
+Attrs (inherited from BaseBlockAttributes):
+- align: "left" | "center" | "right"
+- padding: "none" | "sm" | "md" | "lg"
+- margin: "none" | "sm" | "md" | "lg"
+- backgroundColor: string (CSS color)
+- borderRadius: "none" | "sm" | "md" | "lg"
+- (and other base attributes)
 
 Content:
 - Plain text only (no child nodes); used for preformatted code samples.
@@ -319,16 +410,21 @@ Semantics:
 // src/contexts/v1/horizontalRule.ts
 var horizontalRule = `
 <horizontalRule>
-Node: horizontalRule
-Attrs:
-- HTML-only; no JSON attrs beyond optional styling via surrounding layout.
+Node: horizontalRule (block group)
+Attrs (inherited from BaseBlockAttributes):
+- align: "left" | "center" | "right" | "stretch"
+- padding: "none" | "sm" | "md" | "lg"
+- margin: "none" | "sm" | "md" | "lg"
+- backgroundColor: string (CSS color)
+- (and other base attributes)
 
 Content:
 - No children; this is a self-contained separator.
 
 Semantics:
 - Renders as <hr>.
-- Use to visually separate sections within a slide (for example, between rows of text).
+- Use to visually separate sections within a slide.
+- Can control spacing around the rule with padding/margin.
 </horizontalRule>
 `.trim();
 
@@ -354,9 +450,17 @@ Semantics:
 // src/contexts/v1/heading.ts
 var heading = `
 <heading>
-Node: heading
-Attrs:
-- level (required): 1 | 2 | 3 | 4 | 5 | 6.
+Node: heading (block group)
+Attrs (heading-specific):
+- level (required): 1 | 2 | 3 | 4 | 5 | 6
+
+Attrs (inherited from BaseBlockAttributes):
+- align: "left" | "center" | "right"
+- padding: "none" | "sm" | "md" | "lg"
+- margin: "none" | "sm" | "md" | "lg"
+- backgroundColor: string (CSS color)
+- borderRadius: "none" | "sm" | "md" | "lg"
+- (and other base attributes)
 
 Content:
 - Inline content (text, marks, inline nodes).
@@ -364,117 +468,61 @@ Content:
 Semantics:
 - Renders as <h1>\u2026<h6> depending on level.
 - Use level 1\u20132 for main slide titles, 3\u20134 for section headings, 5\u20136 for subtle labels.
-- Do not invent other attrs; typography/styling should come from className on columns/slides.
 </heading>
 `.trim();
 
 // src/contexts/v1/paragraph.ts
 var paragraph = `
 <paragraph>
-Node: paragraph
-Attrs:
-- HTML-only; no structured JSON attrs beyond optional styling such as className.
+Node: paragraph (block group)
+Attrs (inherited from BaseBlockAttributes):
+- align: "left" | "center" | "right"
+- padding: "none" | "sm" | "md" | "lg"
+- margin: "none" | "sm" | "md" | "lg"
+- backgroundColor: string (CSS color)
+- borderRadius: "none" | "sm" | "md" | "lg"
+- (and other base attributes)
 
 Content:
 - Inline content (text with marks, inline nodes such as image or hardBreak).
 
 Semantics:
-- Default text block inside columns and rows.
-- Multiple paragraphs can be stacked within the same column to create vertical rhythm.
+- Default text block inside columns and slides.
+- Multiple paragraphs can be stacked to create vertical rhythm.
+- Use gap on parent column instead of margin on individual paragraphs for consistent spacing.
 </paragraph>
 `.trim();
 
 // src/contexts/v1/youtube.ts
 var youtube = `
 <youtube>
-Node: youtube
-Attrs:
-- src (required): string (public YouTube URL).
-- start (optional): number (start time in seconds).
-- width (optional): number (frame width in px).
-- height (optional): number (frame height in px).
+Node: youtube (block group)
+Attrs (youtube-specific):
+- src (required): string (public YouTube URL)
+- start (optional): number (start time in seconds)
+- width (optional): number (frame width in px)
+- height (optional): number (frame height in px)
+
+Attrs (inherited from BaseBlockAttributes):
+- align: "left" | "center" | "right" | "stretch"
+- padding: "none" | "sm" | "md" | "lg"
+- margin: "none" | "sm" | "md" | "lg"
+- borderRadius: "none" | "sm" | "md" | "lg"
+- (and other base attributes)
 
 Content:
 - No children; this is an atomic embed node.
 
 Semantics:
 - Renders as an embedded YouTube iframe wrapped in a container <div>.
-- Use for video embeds inside a column or row; keep other text in separate paragraphs/columns.
+- Use for video embeds inside a column or slide.
 - Do not embed raw <iframe> HTML directly; always use the youtube node with attrs.
 </youtube>
 `.trim();
 
-// src/examples/v1/index.ts
-var v1_exports2 = {};
-__export(v1_exports2, {
-  flyers: () => flyers,
-  slides: () => slides
-});
-
-// src/examples/v1/slides.ts
-var slides = `
-Examples: Slides (full-document output)
-
-{
-  "type": "doc",
-  "content": [
-    {
-      "type": "slide",
-      "attrs": { "id": "intro", "size": "16x9" },
-      "content": [
-        {
-          "type": "row",
-          "attrs": { "layout": "1-1" },
-          "content": [
-            { "type": "column", "content": [
-              { "type": "heading", "attrs": { "level": 2 }, "content": [{ "type": "text", "text": "Welcome" }] }
-            ]},
-            { "type": "column", "content": [
-              { "type": "imageBlock", "attrs": { "src": "https://picsum.photos/seed/welcome/1200/800", "layout": "cover", "align": "center" } }
-            ]}
-          ]
-        }
-      ]
-    }
-  ]
-}
-
-/* more-slide-examples to be added here */
-`.trim();
-
-// src/examples/v1/flyers.ts
-var flyers = `
-Examples: Flyers (A4 slides; full-document output)
-
-{
-  "type": "doc",
-  "content": [
-    {
-      "type": "slide",
-      "attrs": { "id": "a4-flyer", "size": "a4-portrait", "className": "bg-white text-slate-900" },
-      "content": [
-        {
-          "type": "row",
-          "attrs": { "layout": "1" },
-          "content": [
-            { "type": "column", "content": [
-              { "type": "heading", "attrs": { "level": 2 }, "content": [{ "type": "text", "text": "Event Title" }] },
-              { "type": "paragraph", "content": [{ "type": "text", "text": "Date \xB7 Location" }] },
-              { "type": "imageBlock", "attrs": { "src": "https://picsum.photos/seed/a4/1600/1000", "layout": "contain", "align": "center", "height": 320 } }
-            ]}
-          ]
-        }
-      ]
-    }
-  ]
-}
-
-/* more-flyer-examples to be added here */
-`.trim();
-
 // src/bundles/v1/index.ts
-var v1_exports4 = {};
-__export(v1_exports4, {
+var v1_exports3 = {};
+__export(v1_exports3, {
   all: () => all,
   allContexts: () => allContexts,
   allSchemas: () => allSchemas,
@@ -483,7 +531,7 @@ __export(v1_exports4, {
 });
 
 // src/bundles/v1/minimalCreate.ts
-var minimalCreate = [core, fullDocument, slide, row, column, style].join("\n\n");
+var minimalCreate = [core, fullDocument, slide, column, style].join("\n\n");
 
 // src/bundles/v1/imageEditing.ts
 var imageEditing = [core, fullDocument, imageBlock, editingRules].join("\n\n");
@@ -493,7 +541,6 @@ var all = [
   core,
   fullDocument,
   slide,
-  row,
   column,
   style,
   sizing,
@@ -511,19 +558,19 @@ var all = [
 ].join("\n\n");
 
 // src/schemas/v1/index.ts
-var v1_exports3 = {};
-__export(v1_exports3, {
+var v1_exports2 = {};
+__export(v1_exports2, {
   blockquote: () => blockquote_schema_default,
   bulletList: () => bulletList_schema_default,
   codeBlock: () => codeBlock_schema_default,
   column: () => column_schema_default,
+  columnGroup: () => columnGroup_schema_default,
   hardBreak: () => hardBreak_schema_default,
   heading: () => heading_schema_default,
   horizontalRule: () => horizontalRule_schema_default,
   image: () => image_schema_default,
   imageBlock: () => imageBlock_schema_default,
   paragraph: () => paragraph_schema_default,
-  row: () => row_schema_default,
   slide: () => slide_schema_default,
   youtube: () => youtube_schema_default
 });
@@ -532,77 +579,101 @@ __export(v1_exports3, {
 var imageBlock_schema_default = {
   $schema: "https://json-schema.org/draft/2020-12/schema",
   title: "imageBlock",
+  description: "An image block with simplified size and crop controls. Also inherits common block attributes.",
   type: "object",
   properties: {
     type: { const: "imageBlock" },
     attrs: {
       type: "object",
       properties: {
-        src: { type: "string", minLength: 1 },
-        alt: { type: "string" },
-        caption: { type: "string" },
-        credit: { type: "string" },
-        layout: { enum: ["cover", "contain", "fill", "focus", "pattern", null] },
-        align: { enum: ["left", "center", "right", "stretch", null] },
-        width: { type: ["number", "string", "null"] },
-        height: { type: ["number", "string", "null"] },
-        fullBleed: { type: "boolean" },
-        assetId: { type: ["string", "null"] },
-        focalX: { type: ["number", "null"], minimum: 0, maximum: 100 },
-        focalY: { type: ["number", "null"], minimum: 0, maximum: 100 }
+        src: { type: "string", minLength: 1, description: "Image URL (required)" },
+        alt: { type: "string", description: "Alt text for accessibility" },
+        caption: { type: "string", description: "Image caption" },
+        credit: { type: "string", description: "Image credit/attribution" },
+        size: {
+          enum: ["fill", "fit", "natural", null],
+          description: "How the image fills its container: fill (cover), fit (contain), or natural (original size)"
+        },
+        crop: {
+          enum: ["center", "top", "bottom", "left", "right", "top-left", "top-right", "bottom-left", "bottom-right", null],
+          description: "Crop/focus position for fill/fit modes"
+        },
+        align: { enum: ["left", "center", "right", "stretch", null], description: "Block alignment within parent" },
+        padding: { enum: ["none", "sm", "md", "lg", null], description: "Internal padding" },
+        backgroundColor: { type: ["string", "null"], description: "Background color" },
+        borderRadius: { enum: ["none", "sm", "md", "lg", null], description: "Corner rounding" },
+        width: { type: ["string", "null"], description: "Explicit width override" },
+        height: { type: ["string", "null"], description: "Explicit height override" },
+        assetId: { type: ["string", "null"], description: "Asset ID reference" },
+        layout: { enum: ["cover", "contain", "fill", "focus", "pattern", null], description: "DEPRECATED: Use size instead" },
+        fullBleed: { type: "boolean", description: "DEPRECATED: Use size='fill' instead" },
+        focalX: { type: ["number", "null"], minimum: 0, maximum: 100, description: "DEPRECATED: Use crop instead" },
+        focalY: { type: ["number", "null"], minimum: 0, maximum: 100, description: "DEPRECATED: Use crop instead" }
       },
       required: ["src"],
-      additionalProperties: false
+      additionalProperties: true
     }
   },
   required: ["type"],
   additionalProperties: false
 };
 
-// src/schemas/v1/row.schema.json
-var row_schema_default = {
+// src/schemas/v1/column.schema.json
+var column_schema_default = {
   $schema: "https://json-schema.org/draft/2020-12/schema",
-  title: "row",
+  title: "column",
+  description: "A container block that holds other blocks. Common attributes (align, padding, gap, backgroundColor, etc.) are shared with all block types.",
   type: "object",
   properties: {
-    type: { const: "row" },
+    type: { const: "column" },
     attrs: {
       type: "object",
       properties: {
-        layout: {
-          enum: ["", "1", "1-1", "2-1", "1-2", "1-1-1", "2-1-1", "1-2-1", "1-1-2", "1-1-1-1", null]
-        },
-        className: { type: ["string", "null"] },
-        backgroundMode: {
-          enum: ["none", "color", "image", "imageOverlay", null]
-        },
-        backgroundColor: { type: ["string", "null"] },
-        backgroundImage: { type: ["string", "null"] },
-        backgroundOverlayColor: { type: ["string", "null"] },
-        backgroundOverlayOpacity: { type: ["number", "null"] }
+        align: { enum: ["left", "center", "right", "stretch", null], description: "Horizontal alignment of content" },
+        justify: { enum: ["start", "center", "end", "space-between", null], description: "Vertical distribution of children" },
+        padding: { enum: ["none", "sm", "md", "lg", null], description: "Internal padding" },
+        margin: { enum: ["none", "sm", "md", "lg", null], description: "External margin" },
+        gap: { enum: ["none", "sm", "md", "lg", null], description: "Gap between child blocks" },
+        backgroundColor: { type: ["string", "null"], description: "Background color" },
+        backgroundImage: { type: ["string", "null"], description: "Background image URL" },
+        borderRadius: { enum: ["none", "sm", "md", "lg", null], description: "Corner rounding" },
+        border: { type: ["string", "null"], description: "CSS border value" },
+        fill: { type: ["boolean", "null"], description: "Whether to fill available space" },
+        width: { type: ["string", "null"], description: "Explicit width" },
+        height: { type: ["string", "null"], description: "Explicit height" }
       },
       additionalProperties: true
+    },
+    content: {
+      type: "array",
+      items: { type: "object" },
+      description: "Child blocks"
     }
   },
   required: ["type"],
   additionalProperties: false
 };
 
-// src/schemas/v1/column.schema.json
-var column_schema_default = {
+// src/schemas/v1/columnGroup.schema.json
+var columnGroup_schema_default = {
   $schema: "https://json-schema.org/draft/2020-12/schema",
-  title: "column",
+  title: "columnGroup",
+  description: "A horizontal container that groups multiple columns side-by-side. Use columnGroup when you want columns to be placed next to each other horizontally. For full-width content, use column directly in the slide.",
   type: "object",
   properties: {
-    type: { const: "column" },
+    type: { const: "columnGroup" },
     attrs: {
       type: "object",
       properties: {
+        layout: {
+          type: ["string", "null"],
+          description: "Layout ratio for columns (e.g., '1-1' for equal, '2-1' for 2:1 ratio)"
+        },
+        fill: {
+          type: ["boolean", "null"],
+          description: "Whether the columnGroup should fill available vertical space"
+        },
         className: { type: ["string", "null"] },
-        contentMode: { enum: ["default", null] },
-        verticalAlign: { enum: ["top", "center", "bottom", null] },
-        horizontalAlign: { enum: ["left", "center", "right", "stretch", null] },
-        padding: { enum: ["none", null] },
         backgroundMode: {
           enum: ["none", "color", "image", "imageOverlay", null]
         },
@@ -612,9 +683,21 @@ var column_schema_default = {
         backgroundOverlayOpacity: { type: ["number", "null"] }
       },
       additionalProperties: true
+    },
+    content: {
+      type: "array",
+      items: {
+        type: "object",
+        properties: {
+          type: { const: "column" }
+        },
+        required: ["type"]
+      },
+      minItems: 1,
+      description: "Array of column nodes"
     }
   },
-  required: ["type"],
+  required: ["type", "content"],
   additionalProperties: false
 };
 
@@ -622,6 +705,7 @@ var column_schema_default = {
 var slide_schema_default = {
   $schema: "https://json-schema.org/draft/2020-12/schema",
   title: "slide",
+  description: "A slide containing blocks directly. Blocks can be any block-level node (heading, paragraph, column, imageBlock, etc.). Adjacent columns automatically form horizontal layouts.",
   type: "object",
   properties: {
     type: { const: "slide" },
@@ -651,6 +735,11 @@ var slide_schema_default = {
         backgroundOverlayOpacity: { type: ["number", "null"] }
       },
       additionalProperties: true
+    },
+    content: {
+      type: "array",
+      items: { type: "object" },
+      description: "Block-level content (heading, paragraph, column, imageBlock, etc.)"
     }
   },
   required: ["type"],
@@ -661,12 +750,25 @@ var slide_schema_default = {
 var blockquote_schema_default = {
   $schema: "https://json-schema.org/draft/2020-12/schema",
   title: "blockquote",
+  description: "A blockquote. Inherits common block attributes.",
   type: "object",
   properties: {
     type: { const: "blockquote" },
     attrs: {
       type: "object",
+      properties: {
+        align: { enum: ["left", "center", "right", null], description: "Text alignment" },
+        padding: { enum: ["none", "sm", "md", "lg", null], description: "Internal padding" },
+        margin: { enum: ["none", "sm", "md", "lg", null], description: "External margin" },
+        backgroundColor: { type: ["string", "null"], description: "Background color" },
+        borderRadius: { enum: ["none", "sm", "md", "lg", null], description: "Corner rounding" }
+      },
       additionalProperties: true
+    },
+    content: {
+      type: "array",
+      items: { type: "object" },
+      description: "Block content"
     }
   },
   required: ["type"],
@@ -677,12 +779,25 @@ var blockquote_schema_default = {
 var bulletList_schema_default = {
   $schema: "https://json-schema.org/draft/2020-12/schema",
   title: "bulletList",
+  description: "A bullet list block. Inherits common block attributes.",
   type: "object",
   properties: {
     type: { const: "bulletList" },
     attrs: {
       type: "object",
+      properties: {
+        align: { enum: ["left", "center", "right", null], description: "Text alignment" },
+        padding: { enum: ["none", "sm", "md", "lg", null], description: "Internal padding" },
+        margin: { enum: ["none", "sm", "md", "lg", null], description: "External margin" },
+        backgroundColor: { type: ["string", "null"], description: "Background color" },
+        borderRadius: { enum: ["none", "sm", "md", "lg", null], description: "Corner rounding" }
+      },
       additionalProperties: true
+    },
+    content: {
+      type: "array",
+      items: { type: "object" },
+      description: "List items"
     }
   },
   required: ["type"],
@@ -693,15 +808,26 @@ var bulletList_schema_default = {
 var codeBlock_schema_default = {
   $schema: "https://json-schema.org/draft/2020-12/schema",
   title: "codeBlock",
+  description: "A code block. Inherits common block attributes.",
   type: "object",
   properties: {
     type: { const: "codeBlock" },
     attrs: {
       type: "object",
       properties: {
-        language: { type: ["string", "null"] }
+        language: { type: ["string", "null"], description: "Programming language for syntax highlighting" },
+        align: { enum: ["left", "center", "right", null], description: "Block alignment" },
+        padding: { enum: ["none", "sm", "md", "lg", null], description: "Internal padding" },
+        margin: { enum: ["none", "sm", "md", "lg", null], description: "External margin" },
+        backgroundColor: { type: ["string", "null"], description: "Background color" },
+        borderRadius: { enum: ["none", "sm", "md", "lg", null], description: "Corner rounding" }
       },
       additionalProperties: true
+    },
+    content: {
+      type: "array",
+      items: { type: "object" },
+      description: "Code text content"
     }
   },
   required: ["type"],
@@ -728,11 +854,18 @@ var hardBreak_schema_default = {
 var horizontalRule_schema_default = {
   $schema: "https://json-schema.org/draft/2020-12/schema",
   title: "horizontalRule",
+  description: "A horizontal rule/divider. Inherits common block attributes.",
   type: "object",
   properties: {
     type: { const: "horizontalRule" },
     attrs: {
       type: "object",
+      properties: {
+        align: { enum: ["left", "center", "right", "stretch", null], description: "Alignment" },
+        padding: { enum: ["none", "sm", "md", "lg", null], description: "Padding around rule" },
+        margin: { enum: ["none", "sm", "md", "lg", null], description: "Margin around rule" },
+        backgroundColor: { type: ["string", "null"], description: "Background color" }
+      },
       additionalProperties: true
     }
   },
@@ -767,19 +900,26 @@ var image_schema_default = {
 var heading_schema_default = {
   $schema: "https://json-schema.org/draft/2020-12/schema",
   title: "heading",
+  description: "A heading block (h1-h6). Inherits common block attributes.",
   type: "object",
   properties: {
     type: { const: "heading" },
     attrs: {
       type: "object",
       properties: {
-        level: {
-          type: "integer",
-          minimum: 1,
-          maximum: 6
-        }
+        level: { type: "integer", minimum: 1, maximum: 6, description: "Heading level (1-6)" },
+        align: { enum: ["left", "center", "right", null], description: "Text alignment" },
+        padding: { enum: ["none", "sm", "md", "lg", null], description: "Internal padding" },
+        margin: { enum: ["none", "sm", "md", "lg", null], description: "External margin" },
+        backgroundColor: { type: ["string", "null"], description: "Background color" },
+        borderRadius: { enum: ["none", "sm", "md", "lg", null], description: "Corner rounding" }
       },
       additionalProperties: true
+    },
+    content: {
+      type: "array",
+      items: { type: "object" },
+      description: "Inline content (text, marks)"
     }
   },
   required: ["type"],
@@ -790,12 +930,25 @@ var heading_schema_default = {
 var paragraph_schema_default = {
   $schema: "https://json-schema.org/draft/2020-12/schema",
   title: "paragraph",
+  description: "A paragraph block. Inherits common block attributes.",
   type: "object",
   properties: {
     type: { const: "paragraph" },
     attrs: {
       type: "object",
+      properties: {
+        align: { enum: ["left", "center", "right", null], description: "Text alignment" },
+        padding: { enum: ["none", "sm", "md", "lg", null], description: "Internal padding" },
+        margin: { enum: ["none", "sm", "md", "lg", null], description: "External margin" },
+        backgroundColor: { type: ["string", "null"], description: "Background color" },
+        borderRadius: { enum: ["none", "sm", "md", "lg", null], description: "Corner rounding" }
+      },
       additionalProperties: true
+    },
+    content: {
+      type: "array",
+      items: { type: "object" },
+      description: "Inline content (text, marks)"
     }
   },
   required: ["type"],
@@ -806,16 +959,21 @@ var paragraph_schema_default = {
 var youtube_schema_default = {
   $schema: "https://json-schema.org/draft/2020-12/schema",
   title: "youtube",
+  description: "A YouTube video embed. Inherits common block attributes.",
   type: "object",
   properties: {
     type: { const: "youtube" },
     attrs: {
       type: "object",
       properties: {
-        src: { type: ["string", "null"] },
-        start: { type: "number" },
-        width: { type: "number" },
-        height: { type: "number" }
+        src: { type: ["string", "null"], description: "YouTube video URL or ID" },
+        start: { type: "number", description: "Start time in seconds" },
+        width: { type: "number", description: "Video width" },
+        height: { type: "number", description: "Video height" },
+        align: { enum: ["left", "center", "right", "stretch", null], description: "Block alignment" },
+        padding: { enum: ["none", "sm", "md", "lg", null], description: "Padding" },
+        margin: { enum: ["none", "sm", "md", "lg", null], description: "Margin" },
+        borderRadius: { enum: ["none", "sm", "md", "lg", null], description: "Corner rounding" }
       },
       additionalProperties: true
     }
@@ -827,7 +985,7 @@ var youtube_schema_default = {
 // src/bundles/v1/allSchemas.ts
 var allSchemas = `
 <Schemas>
-${Object.entries(v1_exports3).map(
+${Object.entries(v1_exports2).map(
   ([name, schema]) => `<${name}Schema>
 ` + JSON.stringify(schema, null, 2) + `
 </${name}Schema>`
@@ -842,8 +1000,8 @@ ${[
   core,
   fullDocument,
   slide,
-  row,
   column,
+  columnGroup,
   style,
   sizing,
   imageBlock,
@@ -861,68 +1019,1076 @@ ${[
 </Context>
 `.trim();
 
-// src/recipes/v1/index.ts
-var v1_exports5 = {};
-__export(v1_exports5, {
-  addTwoColumns: () => addTwoColumns,
-  createSlide: () => createSlide,
-  editImageToCover: () => editImageToCover
+// src/templates/v1/index.ts
+var v1_exports4 = {};
+__export(v1_exports4, {
+  a: () => a,
+  blocks: () => blocks,
+  buildPresetTemplate: () => buildPresetTemplate,
+  createTemplate: () => createTemplate,
+  listPresetTemplates: () => listPresetTemplates,
+  listTemplates: () => listTemplates,
+  slide: () => slide2,
+  templatesV1Context: () => templatesV1Context
 });
 
-// src/recipes/v1/createSlide.ts
-var createSlide = [
-  core,
-  fullDocument,
-  slide,
-  row,
-  column,
-  `
-Return a single JSON document that creates one 16x9 slide with a 1-1 row:
-{
-  "type": "doc",
-  "content": [
-    {
-      "type": "slide",
-      "attrs": { "size": "16x9" },
-      "content": [
-        { "type": "row", "attrs": { "layout": "1-1" }, "content": [
-          { "type": "column", "content": [{ "type": "paragraph", "content": [{ "type": "text", "text": "Left" }] }] },
-          { "type": "column", "content": [{ "type": "paragraph", "content": [{ "type": "text", "text": "Right" }] }] }
-        ] }
+// 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 : ""
+    };
+  },
+  column: (attrs) => ({
+    ...attrs
+  })
+};
+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
+  }),
+  column: (content, attrs) => ({
+    type: "column",
+    attrs: attrs != null ? attrs : {},
+    content
+  }),
+  columnGroup: (columns, attrs) => ({
+    type: "columnGroup",
+    attrs: attrs != null ? attrs : {},
+    content: columns
+  })
+};
+var slide2 = Object.assign(
+  /**
+   * Create a slide with direct block content (no column wrapper).
+   */
+  (opts = {}) => {
+    var _a;
+    return {
+      type: "slide",
+      attrs: defaults.slide(opts.slideAttrs),
+      content: (_a = opts.content) != null ? _a : []
+    };
+  },
+  {
+    /**
+     * Single column layout - wraps content in one column block.
+     */
+    singleCol: (opts = {}) => {
+      var _a;
+      return {
+        type: "slide",
+        attrs: defaults.slide(opts.slideAttrs),
+        content: [
+          {
+            type: "column",
+            attrs: defaults.column(opts.columnAttrs),
+            content: (_a = opts.content) != null ? _a : []
+          }
+        ]
+      };
+    },
+    /**
+     * Two column layout - columns grouped side-by-side via columnGroup.
+     * Pass two column objects created with blocks.column().
+     */
+    twoCol: (col1, col2, slideAttrs) => ({
+      type: "slide",
+      attrs: defaults.slide(slideAttrs),
+      content: [
+        {
+          type: "columnGroup",
+          attrs: { fill: true },
+          content: [col1, col2]
+        }
+      ]
+    }),
+    /**
+     * Three column layout - columns grouped side-by-side via columnGroup.
+     * Pass three column objects created with blocks.column().
+     */
+    threeCol: (col1, col2, col3, slideAttrs) => ({
+      type: "slide",
+      attrs: defaults.slide(slideAttrs),
+      content: [
+        {
+          type: "columnGroup",
+          attrs: { fill: true },
+          content: [col1, col2, col3]
+        }
       ]
+    }),
+    /**
+     * Four column layout - columns grouped side-by-side via columnGroup.
+     * Pass four column objects created with blocks.column().
+     */
+    fourCol: (col1, col2, col3, col4, slideAttrs) => ({
+      type: "slide",
+      attrs: defaults.slide(slideAttrs),
+      content: [
+        {
+          type: "columnGroup",
+          attrs: { fill: true },
+          content: [col1, col2, col3, col4]
+        }
+      ]
+    })
+  }
+);
+var column2 = (attrs, content = []) => ({
+  type: "column",
+  attrs: defaults.column(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, __, _$;
+  switch (input.preset) {
+    case "slide.empty":
+      return slide2({
+        slideAttrs: input.slideAttrs,
+        content: []
+      });
+    case "slide.singleCol":
+      return slide2.singleCol({
+        slideAttrs: input.slideAttrs,
+        columnAttrs: input.columnAttrs,
+        content: (_a = input.content) != null ? _a : []
+      });
+    case "slide.twoCol":
+      return slide2.twoCol(
+        blocks.column((_b = input.left) != null ? _b : [], input.leftColumnAttrs),
+        blocks.column((_c = input.right) != null ? _c : [], input.rightColumnAttrs),
+        input.slideAttrs
+      );
+    case "slide.hero": {
+      const opts = (_d = input.heroOpts) != null ? _d : {};
+      return {
+        type: "slide",
+        attrs: defaults.slide({ ...opts.slideAttrs, backgroundColor: (_f = (_e = opts.slideAttrs) == null ? void 0 : _e.backgroundColor) != null ? _f : "#020617" }),
+        content: [
+          column2(
+            { justify: "center", align: "center", padding: "lg", fill: true, ...opts.columnAttrs },
+            (_g = opts.content) != null ? _g : [
+              blocks.heading("Your headline", 1),
+              blocks.paragraph("Subhead goes here."),
+              blocks.paragraph("Add supporting details here.")
+            ]
+          )
+        ]
+      };
     }
-  ]
-}
-`.trim()
-].join("\n\n");
+    case "slide.imageCover": {
+      const opts = (_h = input.imageCoverOpts) != null ? _h : {};
+      const image2 = (_i = opts.image) != null ? _i : {
+        src: "https://placehold.co/1600x900/png",
+        size: "fill"
+      };
+      const overlay = (_j = opts.overlay) != null ? _j : [blocks.heading("Overlay title", 1)];
+      return {
+        type: "slide",
+        attrs: defaults.slide({ ...opts.slideAttrs, backgroundColor: (_l = (_k = opts.slideAttrs) == null ? void 0 : _k.backgroundColor) != null ? _l : "#000000" }),
+        content: [
+          column2(
+            { fill: true, padding: "none", ...opts.columnAttrs },
+            [
+              blocks.imageBlock(image2),
+              ...overlay
+            ]
+          )
+        ]
+      };
+    }
+    case "slide.quote": {
+      const opts = (_m = input.quoteOpts) != null ? _m : {};
+      return {
+        type: "slide",
+        attrs: defaults.slide({ ...opts.slideAttrs, backgroundColor: (_o = (_n = opts.slideAttrs) == null ? void 0 : _n.backgroundColor) != null ? _o : "#ffffff" }),
+        content: [
+          column2(
+            { justify: "center", align: "center", padding: "lg", gap: "md", fill: true, ...opts.columnAttrs },
+            [
+              blocks.blockquote(
+                (_p = opts.quote) != null ? _p : [
+                  blocks.paragraph("Add your quote here."),
+                  blocks.paragraph("\u2014 Author")
+                ]
+              )
+            ]
+          )
+        ]
+      };
+    }
+    case "slide.agenda": {
+      const opts = (_q = input.agendaOpts) != null ? _q : {};
+      return {
+        type: "slide",
+        attrs: defaults.slide({ ...opts.slideAttrs, backgroundColor: (_s = (_r = opts.slideAttrs) == null ? void 0 : _r.backgroundColor) != null ? _s : "#ffffff" }),
+        content: [
+          column2(
+            { padding: "lg", gap: "lg", ...opts.columnAttrs },
+            [
+              blocks.heading("Agenda", 1),
+              blocks.bulletList((_t = opts.items) != null ? _t : ["Topic 1", "Topic 2", "Topic 3"])
+            ]
+          )
+        ]
+      };
+    }
+    case "slide.grid3": {
+      const opts = (_u = input.multiColOpts) != null ? _u : { 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({ ...opts.slideAttrs, backgroundColor: (_w = (_v = opts.slideAttrs) == null ? void 0 : _v.backgroundColor) != null ? _w : "#ffffff" }),
+        content: cols.map((c) => {
+          var _a2;
+          return column2({ padding: "md", gap: "sm", fill: true, ...c.attrs }, (_a2 = c.content) != null ? _a2 : []);
+        })
+      };
+    }
+    case "slide.grid4": {
+      const opts = (_x = input.multiColOpts) != null ? _x : { 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({ ...opts.slideAttrs, backgroundColor: (_z = (_y = opts.slideAttrs) == null ? void 0 : _y.backgroundColor) != null ? _z : "#ffffff" }),
+        content: cols.map((c) => {
+          var _a2;
+          return column2({ padding: "md", gap: "sm", fill: true, ...c.attrs }, (_a2 = c.content) != null ? _a2 : []);
+        })
+      };
+    }
+    case "slide.oneTwo": {
+      const opts = (_A = input.mediaTextOpts) != null ? _A : {};
+      return {
+        type: "slide",
+        attrs: defaults.slide({ ...opts.slideAttrs, backgroundColor: (_C = (_B = opts.slideAttrs) == null ? void 0 : _B.backgroundColor) != null ? _C : "#ffffff" }),
+        content: [
+          column2({ padding: "md", gap: "sm", width: "33%", ...opts.textColumnAttrs }, (_D = opts.text) != null ? _D : []),
+          column2({ padding: "md", gap: "sm", fill: true, ...opts.mediaColumnAttrs }, (_E = opts.media) != null ? _E : [])
+        ]
+      };
+    }
+    case "slide.twoOne": {
+      const opts = (_F = input.mediaTextOpts) != null ? _F : {};
+      return {
+        type: "slide",
+        attrs: defaults.slide({ ...opts.slideAttrs, backgroundColor: (_H = (_G = opts.slideAttrs) == null ? void 0 : _G.backgroundColor) != null ? _H : "#ffffff" }),
+        content: [
+          column2({ padding: "md", gap: "sm", fill: true, ...opts.mediaColumnAttrs }, (_I = opts.media) != null ? _I : []),
+          column2({ padding: "md", gap: "sm", width: "33%", ...opts.textColumnAttrs }, (_J = opts.text) != null ? _J : [])
+        ]
+      };
+    }
+    case "slide.oneTwoOne": {
+      const opts = (_K = input.multiColOpts) != null ? _K : { 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({ ...opts.slideAttrs, backgroundColor: (_M = (_L = opts.slideAttrs) == null ? void 0 : _L.backgroundColor) != null ? _M : "#ffffff" }),
+        content: cols.map((c, i) => {
+          var _a2;
+          return column2({ padding: "md", gap: "sm", width: i === 1 ? "50%" : "25%", ...c.attrs }, (_a2 = c.content) != null ? _a2 : []);
+        })
+      };
+    }
+    case "slide.textMedia": {
+      const opts = (_N = input.mediaTextOpts) != null ? _N : {};
+      return {
+        type: "slide",
+        attrs: defaults.slide({ ...opts.slideAttrs, backgroundColor: (_P = (_O = opts.slideAttrs) == null ? void 0 : _O.backgroundColor) != null ? _P : "#ffffff" }),
+        content: [
+          column2({ padding: "lg", gap: "sm", fill: true, ...opts.textColumnAttrs }, (_Q = opts.text) != null ? _Q : []),
+          column2({ padding: "lg", gap: "sm", fill: true, backgroundColor: "#f8fafc", ...opts.mediaColumnAttrs }, (_R = opts.media) != null ? _R : [])
+        ]
+      };
+    }
+    case "slide.mediaText": {
+      const opts = (_S = input.mediaTextOpts) != null ? _S : {};
+      return {
+        type: "slide",
+        attrs: defaults.slide({ ...opts.slideAttrs, backgroundColor: (_U = (_T = opts.slideAttrs) == null ? void 0 : _T.backgroundColor) != null ? _U : "#ffffff" }),
+        content: [
+          column2({ padding: "lg", gap: "sm", fill: true, backgroundColor: "#f8fafc", ...opts.mediaColumnAttrs }, (_V = opts.media) != null ? _V : []),
+          column2({ padding: "lg", gap: "sm", fill: true, ...opts.textColumnAttrs }, (_W = opts.text) != null ? _W : [])
+        ]
+      };
+    }
+    case "slide.stack2": {
+      const opts = (_X = input.stack2Opts) != null ? _X : {};
+      const top = (_Y = opts.topColumns) != null ? _Y : [{ content: [blocks.heading("Title", 1), blocks.paragraph("Subhead")] }];
+      const bottom = (_Z = opts.bottomColumns) != null ? _Z : [
+        { content: [blocks.paragraph("Left detail")] },
+        { content: [blocks.paragraph("Right detail")] }
+      ];
+      return {
+        type: "slide",
+        attrs: defaults.slide({ ...opts.slideAttrs, backgroundColor: (_$ = (__ = opts.slideAttrs) == null ? void 0 : __.backgroundColor) != null ? _$ : "#ffffff" }),
+        content: [
+          ...top.map((c) => {
+            var _a2;
+            return column2({ padding: "md", gap: "sm", ...c.attrs }, (_a2 = c.content) != null ? _a2 : []);
+          }),
+          ...bottom.map((c) => {
+            var _a2;
+            return column2({ padding: "md", gap: "sm", ...c.attrs }, (_a2 = c.content) != null ? _a2 : []);
+          })
+        ]
+      };
+    }
+    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)
+
+Document Hierarchy:
+doc \u2192 slide+ \u2192 block+
+Slides contain blocks directly - no mandatory row wrapper.
+Adjacent columns automatically form horizontal layouts via CSS.
+
+Presets:
+- slide({ content?, slideAttrs? }): slide with direct block content
+- slide.singleCol({ content?, slideAttrs?, columnAttrs? }): single column layout
+- slide.twoCol(column1, column2, slideAttrs?): two columns side by side
+- slide.threeCol(col1, col2, col3, slideAttrs?): three columns side by side
+- slide.fourCol(col1, col2, col3, col4, slideAttrs?): four columns side by side
+- slide.hero({ heroOpts }): centered content on dark background
+- slide.imageCover({ imageCoverOpts }): full-bleed image with overlay
+- slide.quote({ quoteOpts }): centered blockquote
+- slide.agenda({ agendaOpts }): title with bullet list
+- slide.grid3/grid4({ multiColOpts }): equal-width column grids
+- slide.oneTwo/twoOne({ mediaTextOpts }): asymmetric layouts
+- slide.textMedia/mediaText({ mediaTextOpts }): text and media columns
+- slide.stack2({ stack2Opts }): stacked column sections
+
+Base Block Attributes (available on ALL blocks):
+- align: "left" | "center" | "right" | "stretch" - horizontal alignment
+- justify: "start" | "center" | "end" | "space-between" - vertical distribution
+- padding: "none" | "sm" | "md" | "lg" - internal spacing (8px/16px/32px)
+- margin: "none" | "sm" | "md" | "lg" - external spacing
+- gap: "none" | "sm" | "md" | "lg" - space between children
+- backgroundColor: CSS color
+- backgroundImage: URL
+- borderRadius: "none" | "sm" | "md" | "lg" (4px/8px/16px)
+- border: CSS border
+- fill: boolean - fill available space
+- width: CSS width
+- height: CSS height
+
+Block Helpers:
+- blocks.text(text, marks?)
+- blocks.heading(text, level?) - level 1-6
+- blocks.paragraph(text?)
+- blocks.bulletList([string | Block][])
+- blocks.codeBlock(code, language?)
+- blocks.horizontalRule()
+- blocks.hardBreak()
+- blocks.imageBlock({ src, size?, crop?, alt?, caption?, credit? })
+  - size: "fill" | "fit" | "natural" - how image fills container
+  - crop: "center" | "top" | "bottom" | "left" | "right" | corner positions
+- blocks.blockquote(content?)
+- blocks.listItem(content?)
+- blocks.youtube({ src?, start?, width?, height? })
+
+Agent/tool usage:
+- Use blocks.column(content, attrs) to create columns
+- Use blocks.columnGroup(columns) to group columns horizontally
+- Call createTemplate({ preset: "slide.twoCol", left: [...], right: [...] })
+- Wrap returned slides in { type: "doc", content: [/* slides here */] }
 
-// src/recipes/v1/addTwoColumns.ts
-var addTwoColumns = [
-  core,
-  fullDocument,
-  row,
-  column,
-  `
-Return a full document where the first slide contains a row with layout "1-1" and two columns with simple text paragraphs.
-`.trim()
-].join("\n\n");
+Notes:
+- Size defaults to 16x9; override via slideAttrs.size
+- Use fill: true on columns to distribute space evenly
+- Use semantic spacing tokens (sm/md/lg) instead of raw pixel values
+`.trim();
 
-// src/recipes/v1/editImageToCover.ts
-var editImageToCover = [
-  core,
-  fullDocument,
-  imageBlock,
-  editingRules,
-  `
-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/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({
+    columnAttrs: {
+      justify: "center",
+      align: "center",
+      gap: "md",
+      padding: "lg",
+      fill: true,
+      backgroundColor: "#ffffff"
+    },
+    content: [
+      blocks.heading("Lorem ipsum dolor sit amet", 1),
+      blocks.paragraph("Consectetur adipiscing elit. Sed do eiusmod tempor incididunt.")
+    ]
+  })
+};
+var a = titleAndSubheader;
+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(
+    blocks.column(
+      [
+        blocks.imageBlock({
+          src: "https://placehold.co/640x480/png",
+          size: "fit"
+        })
+      ],
+      {}
+    ),
+    blocks.column(
+      [
+        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.")
+      ],
+      {
+        padding: "lg",
+        gap: "sm",
+        fill: true
+      }
+    )
+  )
+};
+var textAndImage = {
+  key: "tpl.textAndImage",
+  label: "Text & Image",
+  description: "Text on left, image on right",
+  icon: textImageIcon,
+  build: () => slide2.twoCol(
+    blocks.column(
+      [
+        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.")
+      ],
+      {
+        justify: "center",
+        padding: "lg",
+        gap: "sm",
+        fill: true
+      }
+    ),
+    blocks.column(
+      [
+        blocks.imageBlock({
+          src: "https://placehold.co/640x480/png",
+          size: "fit"
+        })
+      ],
+      {
+        align: "center",
+        justify: "center",
+        padding: "lg",
+        fill: true
+      }
+    )
+  )
+};
+var twoColumns = {
+  key: "tpl.twoColumns",
+  label: "Two Columns",
+  description: "Header above two balanced text columns",
+  icon: twoColumnsIcon,
+  build: () => ({
+    type: "slide",
+    attrs: { id: "slide-1", size: "16x9" },
+    content: [
+      blocks.heading("Section heading", 2),
+      blocks.columnGroup([
+        blocks.column(
+          [
+            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.")
+          ],
+          { padding: "md", gap: "sm", fill: true }
+        ),
+        blocks.column(
+          [
+            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.")
+          ],
+          { padding: "md", gap: "sm", fill: true }
+        )
+      ])
+    ]
+  })
+};
+var twoColumnsWithHeader = {
+  key: "tpl.twoColumnsWithHeader",
+  label: "Two Columns + Header",
+  description: "Header plus two columns, each with its own heading",
+  icon: twoColumnsHeaderIcon,
+  build: () => ({
+    type: "slide",
+    attrs: { id: "slide-1", size: "16x9" },
+    content: [
+      blocks.heading("Section heading", 2),
+      blocks.columnGroup([
+        blocks.column(
+          [
+            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.")
+          ],
+          { padding: "md", gap: "sm", fill: true }
+        ),
+        blocks.column(
+          [
+            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.")
+          ],
+          { padding: "md", gap: "sm", fill: true }
+        )
+      ])
+    ]
+  })
+};
+var threeColumns = {
+  key: "tpl.threeColumns",
+  label: "Three Columns",
+  description: "Balanced three-column text",
+  icon: threeColumnsIcon,
+  build: () => ({
+    type: "slide",
+    attrs: { id: "slide-1", size: "16x9" },
+    content: [
+      blocks.columnGroup([
+        blocks.column(
+          [
+            blocks.paragraph("Lorem ipsum dolor sit amet."),
+            blocks.paragraph("Consectetur adipiscing elit. Sed do eiusmod tempor incididunt.")
+          ],
+          { padding: "sm", gap: "sm", fill: true }
+        ),
+        blocks.column(
+          [
+            blocks.paragraph("Ut enim ad minim veniam."),
+            blocks.paragraph("Quis nostrud exercitation ullamco laboris.")
+          ],
+          { padding: "sm", gap: "sm", fill: true }
+        ),
+        blocks.column(
+          [
+            blocks.paragraph("Nisi ut aliquip ex ea commodo consequat."),
+            blocks.paragraph("Duis aute irure dolor in reprehenderit.")
+          ],
+          { padding: "sm", gap: "sm", fill: true }
+        )
+      ])
+    ]
+  })
+};
+var threeColumnsWithHeader = {
+  key: "tpl.threeColumnsWithHeader",
+  label: "Three Columns + Header",
+  description: "Header plus three columns",
+  icon: threeColumnsHeaderIcon,
+  build: () => ({
+    type: "slide",
+    attrs: { id: "slide-1", size: "16x9" },
+    content: [
+      blocks.heading("Section heading", 2),
+      blocks.columnGroup([
+        blocks.column(
+          [
+            blocks.heading("Column heading", 4),
+            blocks.paragraph("Lorem ipsum dolor sit amet."),
+            blocks.paragraph("Consectetur adipiscing elit. Sed do eiusmod tempor incididunt.")
+          ],
+          { padding: "sm", gap: "sm", fill: true }
+        ),
+        blocks.column(
+          [
+            blocks.heading("Column heading", 4),
+            blocks.paragraph("Ut enim ad minim veniam."),
+            blocks.paragraph("Quis nostrud exercitation ullamco laboris.")
+          ],
+          { padding: "sm", gap: "sm", fill: true }
+        ),
+        blocks.column(
+          [
+            blocks.heading("Column heading", 4),
+            blocks.paragraph("Nisi ut aliquip ex ea commodo consequat."),
+            blocks.paragraph("Duis aute irure dolor in reprehenderit.")
+          ],
+          { padding: "sm", gap: "sm", fill: true }
+        )
+      ])
+    ]
+  })
+};
+var fourColumnsWithHeader = {
+  key: "tpl.fourColumnsWithHeader",
+  label: "Four Columns + Header",
+  description: "Header plus four columns",
+  icon: fourColumnsHeaderIcon,
+  build: () => ({
+    type: "slide",
+    attrs: { id: "slide-1", size: "16x9" },
+    content: [
+      blocks.heading("Section heading", 2),
+      blocks.columnGroup([
+        blocks.column(
+          [
+            blocks.heading("Column heading", 4),
+            blocks.paragraph("Lorem ipsum dolor sit amet."),
+            blocks.paragraph("Consectetur adipiscing elit.")
+          ],
+          { padding: "sm", gap: "sm", fill: true }
+        ),
+        blocks.column(
+          [
+            blocks.heading("Column heading", 4),
+            blocks.paragraph("Ut enim ad minim veniam."),
+            blocks.paragraph("Quis nostrud exercitation ullamco laboris.")
+          ],
+          { padding: "sm", gap: "sm", fill: true }
+        ),
+        blocks.column(
+          [
+            blocks.heading("Column heading", 4),
+            blocks.paragraph("Nisi ut aliquip ex ea commodo consequat."),
+            blocks.paragraph("Duis aute irure dolor in reprehenderit.")
+          ],
+          { padding: "sm", gap: "sm", fill: true }
+        ),
+        blocks.column(
+          [
+            blocks.heading("Column heading", 4),
+            blocks.paragraph("Excepteur sint occaecat cupidatat."),
+            blocks.paragraph("Sunt in culpa qui officia.")
+          ],
+          { padding: "sm", gap: "sm", fill: true }
+        )
+      ])
+    ]
+  })
+};
+var fullImage = {
+  key: "tpl.fullImage",
+  label: "Full Image",
+  description: "Edge-to-edge image filling the slide",
+  icon: fullImageIcon,
+  build: () => slide2.singleCol({
+    columnAttrs: { padding: "none", fill: true, align: "stretch" },
+    content: [
+      blocks.imageBlock({
+        src: "https://placehold.co/1920x1080/png",
+        size: "fill",
+        crop: "center"
+      })
+    ]
+  })
+};
+var fourColumns = {
+  key: "tpl.fourColumns",
+  label: "Four Columns",
+  description: "Balanced four-column text",
+  icon: fourColumnsIcon,
+  build: () => ({
+    type: "slide",
+    attrs: { id: "slide-1", size: "16x9" },
+    content: [
+      blocks.columnGroup(
+        Array.from({ length: 4 }).map(
+          () => blocks.column(
+            [
+              blocks.paragraph("Lorem ipsum dolor sit amet."),
+              blocks.paragraph("Consectetur adipiscing elit.")
+            ],
+            { padding: "sm", gap: "sm", fill: true }
+          )
+        )
+      )
+    ]
+  })
+};
+var titleWithBullets = {
+  key: "tpl.titleWithBullets",
+  label: "Title with Bullets",
+  description: "Header and a bullet list",
+  icon: titleBulletsIcon,
+  build: () => slide2.singleCol({
+    columnAttrs: { padding: "md", gap: "md" },
+    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(
+    blocks.column(
+      [
+        blocks.heading("Lorem ipsum dolor sit amet", 2),
+        blocks.bulletList([
+          "Consectetur adipiscing elit.",
+          "Sed do eiusmod tempor incididunt.",
+          "Ut enim ad minim veniam."
+        ])
+      ],
+      { padding: "md", gap: "sm", fill: true }
+    ),
+    blocks.column(
+      [
+        blocks.imageBlock({
+          src: "https://placehold.co/480x360/png",
+          size: "fit"
+        })
+      ],
+      {
+        align: "center",
+        justify: "center",
+        padding: "md",
+        fill: true
+      }
+    )
+  )
+};
+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(
+    blocks.column(
+      [
+        blocks.imageBlock({
+          src: "https://placehold.co/320x240/png",
+          size: "fill",
+          crop: "center"
+        })
+      ],
+      {
+        backgroundColor: "#f1f5f9",
+        padding: "none",
+        fill: true,
+        align: "stretch"
+      }
+    ),
+    blocks.column(
+      [
+        blocks.heading("Accent left", 3),
+        blocks.paragraph("Short supporting copy goes here."),
+        blocks.paragraph("Add one more line if needed.")
+      ],
+      { padding: "md", gap: "sm", fill: true, justify: "center" }
+    )
+  )
+};
+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(
+    blocks.column(
+      [
+        blocks.heading("Accent right", 3),
+        blocks.paragraph("Short supporting copy goes here."),
+        blocks.paragraph("Add one more line if needed.")
+      ],
+      { padding: "md", gap: "sm", fill: true, justify: "center" }
+    ),
+    blocks.column(
+      [
+        blocks.imageBlock({
+          src: "https://placehold.co/320x240/png",
+          size: "fill",
+          crop: "center"
+        })
+      ],
+      {
+        backgroundColor: "#f1f5f9",
+        padding: "none",
+        fill: true,
+        align: "stretch"
+      }
+    )
+  )
+};
+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" },
+    content: [
+      {
+        type: "column",
+        attrs: { backgroundColor: "#f1f5f9", padding: "none", height: "200px", align: "stretch" },
+        content: [
+          blocks.imageBlock({
+            src: "https://placehold.co/1200x400/png",
+            size: "fill",
+            crop: "center"
+          })
+        ]
+      },
+      {
+        type: "column",
+        attrs: { padding: "md", gap: "sm", fill: true, 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(
+    blocks.column(
+      [
+        blocks.heading("Accent right (fit)", 3),
+        blocks.paragraph("Short supporting copy goes here."),
+        blocks.paragraph("Add one more line if needed.")
+      ],
+      { padding: "md", gap: "sm", fill: true, justify: "center" }
+    ),
+    blocks.column(
+      [
+        blocks.column(
+          [
+            blocks.imageBlock({
+              src: "https://placehold.co/240x200/png",
+              size: "fit"
+            })
+          ],
+          { backgroundColor: "#f1f5f9", padding: "md", gap: "sm", borderRadius: "lg", align: "center" }
+        )
+      ],
+      {
+        padding: "md",
+        fill: true,
+        justify: "center",
+        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(
+    blocks.column(
+      [
+        blocks.column(
+          [
+            blocks.imageBlock({
+              src: "https://placehold.co/240x200/png",
+              size: "fit"
+            })
+          ],
+          { backgroundColor: "#f1f5f9", padding: "md", gap: "sm", borderRadius: "lg", align: "center" }
+        )
+      ],
+      {
+        padding: "md",
+        fill: true,
+        justify: "center",
+        align: "center"
+      }
+    ),
+    blocks.column(
+      [
+        blocks.heading("Accent left (fit)", 3),
+        blocks.paragraph("Short supporting copy goes here."),
+        blocks.paragraph("Add one more line if needed.")
+      ],
+      { padding: "md", gap: "sm", fill: true, justify: "center" }
+    )
+  )
+};
+var twoImageColumns = {
+  key: "tpl.twoImageColumns",
+  label: "2 image columns",
+  description: "Header with two image cards",
+  icon: twoImageColumnsIcon,
+  build: () => ({
+    type: "slide",
+    attrs: { id: "slide-1", size: "16x9" },
+    content: [
+      blocks.heading("Images", 2),
+      blocks.columnGroup([
+        blocks.column(
+          [
+            blocks.imageBlock({
+              src: "https://placehold.co/640x360/png",
+              size: "fit"
+            }),
+            blocks.heading("Image title", 4),
+            blocks.paragraph("Short supporting copy goes here.")
+          ],
+          { padding: "md", gap: "sm", fill: true }
+        ),
+        blocks.column(
+          [
+            blocks.imageBlock({
+              src: "https://placehold.co/640x360/png",
+              size: "fit"
+            }),
+            blocks.heading("Image title", 4),
+            blocks.paragraph("Short supporting copy goes here.")
+          ],
+          { padding: "md", gap: "sm", fill: true }
+        )
+      ])
+    ]
+  })
+};
+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();
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   bundlesV1,
   contextsV1,
-  examplesV1,
-  recipesV1,
-  schemasV1
+  schemasV1,
+  templatesV1
 });
 //# sourceMappingURL=index.cjs.map