@bendyline/squisq 0.1.2 → 1.1.0

package/dist/doc/templates/photoGrid.js

@@ -0,0 +1,172 @@
+/**
+ * Photo Grid Template
+ *
+ * Displays 2-4 images in a tiled layout for visual variety.
+ * Layout adapts based on image count and viewport orientation:
+ *
+ * Landscape:
+ * - 2 images: side-by-side 50/50
+ * - 3 images: one large left (60%) + two stacked right
+ * - 4 images: 2x2 grid
+ *
+ * Portrait (9:16): images stack horizontally (top/bottom) instead of
+ * side-by-side, giving each image full width on narrow screens.
+ *
+ * This is shared code used by both site and efb-app doc renderers.
+ */
+import { scaledFontSize } from '../../schemas/BlockTemplates.js';
+import { cleanCaption } from './captionUtils.js';
+/** Gap between images as percentage */
+const GAP = 0.5;
+export function photoGrid(input, context) {
+    const { images, caption: rawCaption, ambientMotion } = input;
+    // Guard: images array is required
+    if (!images || images.length === 0)
+        return [];
+    const caption = rawCaption ? cleanCaption(rawCaption) : rawCaption;
+    const { theme, layout } = context;
+    const layers = [
+        // Black background (visible in gaps between images)
+        {
+            type: 'shape',
+            id: 'bg',
+            content: { shape: 'rect', fill: '#000000' },
+            position: { x: 0, y: 0, width: '100%', height: '100%' },
+        },
+    ];
+    // Reserve bottom space for caption — more room in landscape for larger text
+    const captionHeight = caption ? (layout.stackColumns ? 18 : 22) : 0;
+    const gridHeight = 100 - captionHeight;
+    // Generate image positions based on count; stack vertically in portrait
+    const positions = getGridPositions(images.length, gridHeight, layout.stackColumns);
+    const altFontSize = scaledFontSize(24, context, false);
+    for (let i = 0; i < Math.min(images.length, 4); i++) {
+        const img = images[i];
+        const pos = positions[i];
+        // Placeholder behind image (visible if image fails to load)
+        layers.push({
+            type: 'shape',
+            id: `grid-placeholder-${i}`,
+            content: { shape: 'rect', fill: theme.colors.background },
+            position: { x: `${pos.x}%`, y: `${pos.y}%`, width: `${pos.w}%`, height: `${pos.h}%` },
+        });
+        // Alt-text label on placeholder
+        if (img.alt) {
+            layers.push({
+                type: 'text',
+                id: `grid-alt-${i}`,
+                content: {
+                    text: img.alt,
+                    style: {
+                        fontSize: altFontSize,
+                        color: theme.colors.textMuted,
+                        textAlign: 'center',
+                    },
+                },
+                position: { x: `${pos.x + pos.w / 2}%`, y: `${pos.y + pos.h / 2}%`, anchor: 'center' },
+            });
+        }
+        // Image layer (covers placeholder when loaded)
+        layers.push({
+            type: 'image',
+            id: `grid-img-${i}`,
+            content: {
+                src: img.src,
+                alt: img.alt,
+                fit: 'cover',
+                credit: img.credit,
+                license: img.license,
+            },
+            position: {
+                x: `${pos.x}%`,
+                y: `${pos.y}%`,
+                width: `${pos.w}%`,
+                height: `${pos.h}%`,
+            },
+            // Apply ambient motion to the first (largest) image only
+            animation: i === 0 && ambientMotion
+                ? { type: ambientMotion, duration: 15 }
+                : { type: 'fadeIn', duration: 1, delay: 0.2 * i },
+        });
+    }
+    // Caption with gradient overlay
+    if (caption) {
+        const captionFontSize = scaledFontSize(layout.stackColumns ? 28 : 40, context, false);
+        layers.push({
+            type: 'shape',
+            id: 'caption-bg',
+            content: {
+                shape: 'rect',
+                fill: 'linear-gradient(transparent, rgba(0,0,0,0.8))',
+            },
+            position: { x: 0, y: `${gridHeight - 4}%`, width: '100%', height: `${captionHeight + 4}%` },
+        });
+        layers.push({
+            type: 'text',
+            id: 'caption',
+            content: {
+                text: caption,
+                style: {
+                    fontSize: captionFontSize,
+                    color: theme.colors.text,
+                    textAlign: 'center',
+                    shadow: true,
+                },
+            },
+            position: {
+                x: '50%',
+                y: `${gridHeight + (layout.stackColumns ? captionHeight / 2 : captionHeight * 0.3)}%`,
+                anchor: 'center',
+                width: '90%',
+            },
+            animation: { type: 'fadeIn', duration: 1, delay: 0.5 },
+        });
+    }
+    return layers;
+}
+function getGridPositions(count, gridHeight, stacked) {
+    const halfW = 50 - GAP / 2;
+    const halfH = gridHeight / 2 - GAP / 2;
+    switch (count) {
+        case 2:
+            if (stacked) {
+                // Portrait: stack top/bottom
+                return [
+                    { x: 0, y: 0, w: 100, h: halfH },
+                    { x: 0, y: gridHeight / 2 + GAP / 2, w: 100, h: halfH },
+                ];
+            }
+            return [
+                { x: 0, y: 0, w: halfW, h: gridHeight },
+                { x: 50 + GAP / 2, y: 0, w: halfW, h: gridHeight },
+            ];
+        case 3: {
+            if (stacked) {
+                // Portrait: stack all three vertically
+                const thirdH = gridHeight / 3 - (GAP * 2) / 3;
+                return [
+                    { x: 0, y: 0, w: 100, h: thirdH },
+                    { x: 0, y: gridHeight / 3 + GAP / 3, w: 100, h: thirdH },
+                    { x: 0, y: (gridHeight * 2) / 3 + (GAP * 2) / 3, w: 100, h: thirdH },
+                ];
+            }
+            const leftW = 60 - GAP / 2;
+            const rightW = 40 - GAP / 2;
+            return [
+                { x: 0, y: 0, w: leftW, h: gridHeight },
+                { x: 60 + GAP / 2, y: 0, w: rightW, h: halfH },
+                { x: 60 + GAP / 2, y: gridHeight / 2 + GAP / 2, w: rightW, h: halfH },
+            ];
+        }
+        case 4:
+        default:
+            // 2x2 grid works well in both orientations
+            return [
+                { x: 0, y: 0, w: halfW, h: halfH },
+                { x: 50 + GAP / 2, y: 0, w: halfW, h: halfH },
+                { x: 0, y: gridHeight / 2 + GAP / 2, w: halfW, h: halfH },
+                { x: 50 + GAP / 2, y: gridHeight / 2 + GAP / 2, w: halfW, h: halfH },
+            ];
+    }
+}
+//# sourceMappingURL=photoGrid.js.map

package/dist/doc/templates/photoGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"photoGrid.js","sourceRoot":"","sources":["../../../src/doc/templates/photoGrid.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAIH,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,uCAAuC;AACvC,MAAM,GAAG,GAAG,GAAG,CAAC;AAEhB,MAAM,UAAU,SAAS,CAAC,KAAqB,EAAE,OAAwB;IACvE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;IAE7D,kCAAkC;IAClC,IAAI,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,EAAE,CAAC;IAE9C,MAAM,OAAO,GAAG,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC;IACnE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC;IAElC,MAAM,MAAM,GAAY;QACtB,oDAAoD;QACpD;YACE,IAAI,EAAE,OAAO;YACb,EAAE,EAAE,IAAI;YACR,OAAO,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE;YAC3C,QAAQ,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE;SACxD;KACF,CAAC;IAEF,4EAA4E;IAC5E,MAAM,aAAa,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACpE,MAAM,UAAU,GAAG,GAAG,GAAG,aAAa,CAAC;IAEvC,wEAAwE;IACxE,MAAM,SAAS,GAAG,gBAAgB,CAAC,MAAM,CAAC,MAAM,EAAE,UAAU,EAAE,MAAM,CAAC,YAAY,CAAC,CAAC;IAEnF,MAAM,WAAW,GAAG,cAAc,CAAC,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;IAEvD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;QACpD,MAAM,GAAG,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;QACtB,MAAM,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;QAEzB,4DAA4D;QAC5D,MAAM,CAAC,IAAI,CAAC;YACV,IAAI,EAAE,OAAO;YACb,EAAE,EAAE,oBAAoB,CAAC,EAAE;YAC3B,OAAO,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,EAAE;YACzD,QAAQ,EAAE,EAAE,CAAC,EAAE,GAAG,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,GAAG,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,GAAG,GAAG,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,GAAG,CAAC,CAAC,GAAG,EAAE;SACtF,CAAC,CAAC;QAEH,gCAAgC;QAChC,IAAI,GAAG,CAAC,GAAG,EAAE,CAAC;YACZ,MAAM,CAAC,IAAI,CAAC;gBACV,IAAI,EAAE,MAAM;gBACZ,EAAE,EAAE,YAAY,CAAC,EAAE;gBACnB,OAAO,EAAE;oBACP,IAAI,EAAE,GAAG,CAAC,GAAG;oBACb,KAAK,EAAE;wBACL,QAAQ,EAAE,WAAW;wBACrB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS;wBAC7B,SAAS,EAAE,QAAiB;qBAC7B;iBACF;gBACD,QAAQ,EAAE,EAAE,CAAC,EAAE,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,EAAE,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE;aACvF,CAAC,CAAC;QACL,CAAC;QAED,+CAA+C;QAC/C,MAAM,CAAC,IAAI,CAAC;YACV,IAAI,EAAE,OAAO;YACb,EAAE,EAAE,YAAY,CAAC,EAAE;YACnB,OAAO,EAAE;gBACP,GAAG,EAAE,GAAG,CAAC,GAAG;gBACZ,GAAG,EAAE,GAAG,CAAC,GAAG;gBACZ,GAAG,EAAE,OAAO;gBACZ,MAAM,EAAE,GAAG,CAAC,MAAM;gBAClB,OAAO,EAAE,GAAG,CAAC,OAAO;aACrB;YACD,QAAQ,EAAE;gBACR,CAAC,EAAE,GAAG,GAAG,CAAC,CAAC,GAAG;gBACd,CAAC,EAAE,GAAG,GAAG,CAAC,CAAC,GAAG;gBACd,KAAK,EAAE,GAAG,GAAG,CAAC,CAAC,GAAG;gBAClB,MAAM,EAAE,GAAG,GAAG,CAAC,CAAC,GAAG;aACpB;YACD,yDAAyD;YACzD,SAAS,EACP,CAAC,KAAK,CAAC,IAAI,aAAa;gBACtB,CAAC,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAE,EAAE;gBACvC,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,GAAG,CAAC,EAAE;SACtD,CAAC,CAAC;IACL,CAAC;IAED,gCAAgC;IAChC,IAAI,OAAO,EAAE,CAAC;QACZ,MAAM,eAAe,GAAG,cAAc,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;QAEtF,MAAM,CAAC,IAAI,CAAC;YACV,IAAI,EAAE,OAAO;YACb,EAAE,EAAE,YAAY;YAChB,OAAO,EAAE;gBACP,KAAK,EAAE,MAAM;gBACb,IAAI,EAAE,+CAA+C;aACtD;YACD,QAAQ,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,UAAU,GAAG,CAAC,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,aAAa,GAAG,CAAC,GAAG,EAAE;SAC5F,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC;YACV,IAAI,EAAE,MAAM;YACZ,EAAE,EAAE,SAAS;YACb,OAAO,EAAE;gBACP,IAAI,EAAE,OAAO;gBACb,KAAK,EAAE;oBACL,QAAQ,EAAE,eAAe;oBACzB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI;oBACxB,SAAS,EAAE,QAAQ;oBACnB,MAAM,EAAE,IAAI;iBACb;aACF;YACD,QAAQ,EAAE;gBACR,CAAC,EAAE,KAAK;gBACR,CAAC,EAAE,GAAG,UAAU,GAAG,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC,CAAC,aAAa,GAAG,GAAG,CAAC,GAAG;gBACrF,MAAM,EAAE,QAAQ;gBAChB,KAAK,EAAE,KAAK;aACb;YACD,SAAS,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE;SACvD,CAAC,CAAC;IACL,CAAC;IAED,OAAO,MAAM,CAAC;AAChB,CAAC;AASD,SAAS,gBAAgB,CAAC,KAAa,EAAE,UAAkB,EAAE,OAAgB;IAC3E,MAAM,KAAK,GAAG,EAAE,GAAG,GAAG,GAAG,CAAC,CAAC;IAC3B,MAAM,KAAK,GAAG,UAAU,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC;IAEvC,QAAQ,KAAK,EAAE,CAAC;QACd,KAAK,CAAC;YACJ,IAAI,OAAO,EAAE,CAAC;gBACZ,6BAA6B;gBAC7B,OAAO;oBACL,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE;oBAChC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,UAAU,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE;iBACxD,CAAC;YACJ,CAAC;YACD,OAAO;gBACL,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,UAAU,EAAE;gBACvC,EAAE,CAAC,EAAE,EAAE,GAAG,GAAG,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,UAAU,EAAE;aACnD,CAAC;QACJ,KAAK,CAAC,CAAC,CAAC,CAAC;YACP,IAAI,OAAO,EAAE,CAAC;gBACZ,uCAAuC;gBACvC,MAAM,MAAM,GAAG,UAAU,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;gBAC9C,OAAO;oBACL,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE;oBACjC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,UAAU,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE;oBACxD,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,UAAU,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE;iBACrE,CAAC;YACJ,CAAC;YACD,MAAM,KAAK,GAAG,EAAE,GAAG,GAAG,GAAG,CAAC,CAAC;YAC3B,MAAM,MAAM,GAAG,EAAE,GAAG,GAAG,GAAG,CAAC,CAAC;YAC5B,OAAO;gBACL,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,UAAU,EAAE;gBACvC,EAAE,CAAC,EAAE,EAAE,GAAG,GAAG,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE;gBAC9C,EAAE,CAAC,EAAE,EAAE,GAAG,GAAG,GAAG,CAAC,EAAE,CAAC,EAAE,UAAU,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE;aACtE,CAAC;QACJ,CAAC;QACD,KAAK,CAAC,CAAC;QACP;YACE,2CAA2C;YAC3C,OAAO;gBACL,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE;gBAClC,EAAE,CAAC,EAAE,EAAE,GAAG,GAAG,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE;gBAC7C,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,UAAU,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE;gBACzD,EAAE,CAAC,EAAE,EAAE,GAAG,GAAG,GAAG,CAAC,EAAE,CAAC,EAAE,UAAU,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE;aACrE,CAAC;IACN,CAAC;AACH,CAAC"}

package/dist/doc/templates/pullQuote.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Pull Quote Template
+ *
+ * Quote text over a full-bleed background image with dark overlay.
+ * Cinematic alternative to quoteBlock when a high-quality image is available.
+ * Combines the visual impact of imageWithCaption with the text focus of quoteBlock.
+ *
+ * This is shared code used by both site and efb-app doc renderers.
+ */
+import type { Layer } from '../../schemas/Doc.js';
+import type { PullQuoteInput, TemplateContext } from '../../schemas/BlockTemplates.js';
+export declare function pullQuote(input: PullQuoteInput, context: TemplateContext): Layer[];
+//# sourceMappingURL=pullQuote.d.ts.map

package/dist/doc/templates/pullQuote.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pullQuote.d.ts","sourceRoot":"","sources":["../../../src/doc/templates/pullQuote.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAGvF,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,EAAE,OAAO,EAAE,eAAe,GAAG,KAAK,EAAE,CAwGlF"}

package/dist/doc/templates/pullQuote.js

@@ -0,0 +1,109 @@
+/**
+ * Pull Quote Template
+ *
+ * Quote text over a full-bleed background image with dark overlay.
+ * Cinematic alternative to quoteBlock when a high-quality image is available.
+ * Combines the visual impact of imageWithCaption with the text focus of quoteBlock.
+ *
+ * This is shared code used by both site and efb-app doc renderers.
+ */
+import { scaledFontSize } from '../../schemas/BlockTemplates.js';
+export function pullQuote(input, context) {
+    const { text, attribution, backgroundImage, ambientMotion } = input;
+    // Guard: backgroundImage is required
+    if (!backgroundImage?.src)
+        return [];
+    const quoteFontSize = scaledFontSize(52, context, true);
+    const attrFontSize = scaledFontSize(24, context, false);
+    const decoFontSize = scaledFontSize(200, context, true);
+    const layers = [
+        // Full-bleed background image
+        {
+            type: 'image',
+            id: 'bg-image',
+            content: {
+                src: backgroundImage.src,
+                alt: backgroundImage.alt,
+                fit: 'cover',
+                credit: backgroundImage.credit,
+                license: backgroundImage.license,
+            },
+            position: { x: 0, y: 0, width: '100%', height: '100%' },
+            animation: ambientMotion ? { type: ambientMotion, duration: 15 } : undefined,
+        },
+        // Dark overlay for text readability
+        {
+            type: 'shape',
+            id: 'overlay',
+            content: {
+                shape: 'rect',
+                fill: 'rgba(0, 0, 0, 0.55)',
+            },
+            position: { x: 0, y: 0, width: '100%', height: '100%' },
+        },
+        // Decorative quotation mark
+        {
+            type: 'text',
+            id: 'deco-quote',
+            content: {
+                text: '\u201C',
+                style: {
+                    fontSize: decoFontSize,
+                    color: 'rgba(255, 255, 255, 0.08)',
+                    textAlign: 'center',
+                },
+            },
+            position: {
+                x: '50%',
+                y: '20%',
+                anchor: 'center',
+            },
+        },
+        // Quote text
+        {
+            type: 'text',
+            id: 'quote-text',
+            content: {
+                text,
+                style: {
+                    fontSize: quoteFontSize,
+                    color: '#ffffff',
+                    textAlign: 'center',
+                    lineHeight: 1.5,
+                    shadow: true,
+                },
+            },
+            position: {
+                x: '50%',
+                y: attribution ? '45%' : '50%',
+                anchor: 'center',
+                width: '80%',
+            },
+            animation: { type: 'fadeIn', duration: 2 },
+        },
+    ];
+    // Attribution
+    if (attribution) {
+        layers.push({
+            type: 'text',
+            id: 'attribution',
+            content: {
+                text: `\u2014 ${attribution}`,
+                style: {
+                    fontSize: attrFontSize,
+                    color: 'rgba(255, 255, 255, 0.7)',
+                    textAlign: 'center',
+                    shadow: true,
+                },
+            },
+            position: {
+                x: '50%',
+                y: '72%',
+                anchor: 'center',
+            },
+            animation: { type: 'fadeIn', duration: 1, delay: 1.5 },
+        });
+    }
+    return layers;
+}
+//# sourceMappingURL=pullQuote.js.map

package/dist/doc/templates/pullQuote.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pullQuote.js","sourceRoot":"","sources":["../../../src/doc/templates/pullQuote.ts"],"names":[],"mappings":"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"}

package/dist/doc/templates/quoteBlock.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Quote Block Template
+ *
+ * Large centered quote with optional attribution.
+ * Good for impactful statements or descriptions.
+ * Adapts font sizes and positioning for different viewports.
+ *
+ * Supports optional accent images that appear as tasteful side/bottom strips.
+ *
+ * This is shared code used by both site and efb-app doc renderers.
+ */
+import type { Layer } from '../../schemas/Doc.js';
+import type { QuoteBlockInput, TemplateContext } from '../../schemas/BlockTemplates.js';
+export declare function quoteBlock(input: QuoteBlockInput, context: TemplateContext): Layer[];
+//# sourceMappingURL=quoteBlock.d.ts.map

package/dist/doc/templates/quoteBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"quoteBlock.d.ts","sourceRoot":"","sources":["../../../src/doc/templates/quoteBlock.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAKxF,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,EAAE,OAAO,EAAE,eAAe,GAAG,KAAK,EAAE,CA6FpF"}

package/dist/doc/templates/quoteBlock.js

@@ -0,0 +1,97 @@
+/**
+ * Quote Block Template
+ *
+ * Large centered quote with optional attribution.
+ * Good for impactful statements or descriptions.
+ * Adapts font sizes and positioning for different viewports.
+ *
+ * Supports optional accent images that appear as tasteful side/bottom strips.
+ *
+ * This is shared code used by both site and efb-app doc renderers.
+ */
+import { scaledFontSize } from '../../schemas/BlockTemplates.js';
+import { createAccentLayers, getAccentLayout, adjustY, DEFAULT_LAYOUT } from './accentImage.js';
+import { createBackgroundLayer } from './captionUtils.js';
+export function quoteBlock(input, context) {
+    const { quote, attribution, accentImage } = input;
+    const { theme, layout } = context;
+    // Get layout adjustments if accent image is present
+    const accentLayout = accentImage ? getAccentLayout(accentImage.position) : DEFAULT_LAYOUT;
+    // Scale font sizes for viewport
+    const quoteFontSize = scaledFontSize(48, context, true);
+    const attrFontSize = scaledFontSize(24, context, false);
+    // Decorative quotation mark font size
+    const decorativeQuoteFontSize = scaledFontSize(280, context, true);
+    const layers = [
+        createBackgroundLayer('bg', `linear-gradient(160deg, ${theme.colors.backgroundLight} 0%, #1e2636 100%)`),
+    ];
+    // Add accent image layers (behind text, after background)
+    if (accentImage) {
+        layers.push(...createAccentLayers(accentImage, input.id));
+    }
+    // Decorative opening quotation mark — oversized, low-opacity behind quote
+    layers.push({
+        type: 'text',
+        id: 'deco-quote',
+        content: {
+            text: '\u201C',
+            style: {
+                fontSize: decorativeQuoteFontSize,
+                color: 'rgba(255, 255, 255, 0.06)',
+                textAlign: 'center',
+            },
+        },
+        position: {
+            x: accentLayout.textCenterX,
+            y: adjustY('18%', accentLayout),
+            anchor: 'center',
+        },
+    });
+    // Quote text - positioned based on accent layout
+    const quoteY = attribution ? layout.primaryY : '50%';
+    layers.push({
+        type: 'text',
+        id: 'quote',
+        content: {
+            text: quote,
+            style: {
+                fontSize: quoteFontSize,
+                color: theme.colors.text,
+                textAlign: 'center',
+                lineHeight: 1.6,
+                shadow: true,
+            },
+        },
+        position: {
+            x: accentLayout.textCenterX,
+            y: adjustY(quoteY, accentLayout),
+            anchor: 'center',
+            width: accentLayout.textWidth,
+        },
+        animation: { type: 'fadeIn', duration: 2 },
+    });
+    // Add attribution if provided
+    if (attribution) {
+        layers.push({
+            type: 'text',
+            id: 'attribution',
+            content: {
+                text: `— ${attribution}`,
+                style: {
+                    fontSize: attrFontSize,
+                    color: theme.colors.textMuted,
+                    textAlign: 'center',
+                    shadow: !!accentImage,
+                },
+            },
+            position: {
+                x: accentLayout.textCenterX,
+                y: adjustY(layout.captionY, accentLayout),
+                anchor: 'center',
+            },
+            animation: { type: 'fadeIn', duration: 1, delay: 1.5 },
+        });
+    }
+    return layers;
+}
+//# sourceMappingURL=quoteBlock.js.map

package/dist/doc/templates/quoteBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"quoteBlock.js","sourceRoot":"","sources":["../../../src/doc/templates/quoteBlock.ts"],"names":[],"mappings":"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"}

package/dist/doc/templates/sectionHeader.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Section Header Template
+ *
+ * Section title card with optional background image.
+ * Used to introduce new sections of a story.
+ * When an image is provided, displays like a title slide with the image as background.
+ * Without an image, falls back to a colored background.
+ *
+ * This is shared code used by both site and efb-app doc renderers.
+ */
+import type { Layer } from '../../schemas/Doc.js';
+import type { SectionHeaderInput, TemplateContext } from '../../schemas/BlockTemplates.js';
+export declare function sectionHeader(input: SectionHeaderInput, context: TemplateContext): Layer[];
+//# sourceMappingURL=sectionHeader.d.ts.map

package/dist/doc/templates/sectionHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sectionHeader.d.ts","sourceRoot":"","sources":["../../../src/doc/templates/sectionHeader.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAiB,MAAM,sBAAsB,CAAC;AACjE,OAAO,KAAK,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAI3F,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,EAAE,OAAO,EAAE,eAAe,GAAG,KAAK,EAAE,CAwF1F"}

package/dist/doc/templates/sectionHeader.js

@@ -0,0 +1,96 @@
+/**
+ * Section Header Template
+ *
+ * Section title card with optional background image.
+ * Used to introduce new sections of a story.
+ * When an image is provided, displays like a title slide with the image as background.
+ * Without an image, falls back to a colored background.
+ *
+ * This is shared code used by both site and efb-app doc renderers.
+ */
+import { scaledFontSize } from '../../schemas/BlockTemplates.js';
+import { resolveColorScheme } from '../utils/themeUtils.js';
+export function sectionHeader(input, context) {
+    const { title, colorScheme = 'blue', imageSrc, imageAlt, ambientMotion } = input;
+    const { layout } = context;
+    const colors = resolveColorScheme(context, colorScheme);
+    // Scale font sizes for viewport
+    const titleFontSize = scaledFontSize(72, context, true);
+    const layers = [];
+    // Background - either image or solid color
+    if (imageSrc) {
+        // Image background with Ken Burns effect
+        layers.push({
+            type: 'image',
+            id: 'bg-image',
+            content: {
+                src: imageSrc,
+                alt: imageAlt || title,
+                fit: 'cover',
+            },
+            position: { x: 0, y: 0, width: '100%', height: '100%' },
+            animation: ambientMotion
+                ? { type: ambientMotion, duration: 8 }
+                : { type: 'slowZoom', duration: 8, direction: 'in' },
+        });
+        // Dark overlay for text readability
+        layers.push({
+            type: 'shape',
+            id: 'overlay',
+            content: {
+                shape: 'rect',
+                fill: 'rgba(0, 0, 0, 0.5)',
+            },
+            position: { x: 0, y: 0, width: '100%', height: '100%' },
+        });
+    }
+    else {
+        // Solid color background
+        layers.push({
+            type: 'shape',
+            id: 'bg',
+            content: {
+                shape: 'rect',
+                fill: colors.bg,
+            },
+            position: { x: 0, y: 0, width: '100%', height: '100%' },
+        });
+        // Decorative lines above and below title
+        layers.push({
+            type: 'shape',
+            id: 'line-top',
+            content: { shape: 'rect', fill: `${colors.text}33` },
+            position: { x: '50%', y: '40%', width: '20%', height: '2px', anchor: 'center' },
+        });
+        layers.push({
+            type: 'shape',
+            id: 'line-bottom',
+            content: { shape: 'rect', fill: `${colors.text}33` },
+            position: { x: '50%', y: '60%', width: '20%', height: '2px', anchor: 'center' },
+        });
+    }
+    // Section title - white text with shadow for readability over images
+    layers.push({
+        type: 'text',
+        id: 'title',
+        content: {
+            text: title,
+            style: {
+                fontSize: titleFontSize,
+                fontWeight: 'bold',
+                color: imageSrc ? '#ffffff' : colors.text,
+                textAlign: 'center',
+                shadow: true,
+            },
+        },
+        position: {
+            x: '50%',
+            y: '50%',
+            anchor: 'center',
+            width: layout.maxTextWidth,
+        },
+        animation: { type: 'fadeIn', duration: 1.5 },
+    });
+    return layers;
+}
+//# sourceMappingURL=sectionHeader.js.map

package/dist/doc/templates/sectionHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sectionHeader.js","sourceRoot":"","sources":["../../../src/doc/templates/sectionHeader.ts"],"names":[],"mappings":"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"}

package/dist/doc/templates/statHighlight.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Stat Highlight Template
+ *
+ * Large statistic/number with description and optional detail.
+ * Great for emphasizing key data points.
+ * Adapts font sizes and positioning for different viewports.
+ *
+ * Supports optional accent images that appear as tasteful side/bottom strips.
+ *
+ * This is shared code used by both site and efb-app doc renderers.
+ */
+import type { Layer } from '../../schemas/Doc.js';
+import type { StatHighlightInput, TemplateContext } from '../../schemas/BlockTemplates.js';
+export declare function statHighlight(input: StatHighlightInput, context: TemplateContext): Layer[];
+//# sourceMappingURL=statHighlight.d.ts.map

package/dist/doc/templates/statHighlight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"statHighlight.d.ts","sourceRoot":"","sources":["../../../src/doc/templates/statHighlight.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAM3F,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,EAAE,OAAO,EAAE,eAAe,GAAG,KAAK,EAAE,CA6F1F"}