@openpresentation/opf 0.1.0 → 0.2.2

package/dist/spec/previews/layouts/index.json

@@ -0,0 +1,357 @@
+{
+  "$schema": "https://openpresentation.org/schema/opf-layout-preview-index/v1",
+  "version": "1",
+  "description": "Catalog of static HTML previews for slide layouts. Each preview is a self-contained Tailwind-styled snippet sized to fill a 16:9 thumbnail. Consumers should provide the standard pptx.gallery CSS variables (--background, --foreground, --card, --muted, --muted-foreground, --accent, --border) on a parent element.",
+  "records": [
+    {
+      "id": "action-plan",
+      "file": "action-plan.html",
+      "bytes": 1940
+    },
+    {
+      "id": "agenda",
+      "file": "agenda.html",
+      "bytes": 1196
+    },
+    {
+      "id": "appendix-index",
+      "file": "appendix-index.html",
+      "bytes": 1678
+    },
+    {
+      "id": "architecture-stack",
+      "file": "architecture-stack.html",
+      "bytes": 1656
+    },
+    {
+      "id": "assumptions-dependencies",
+      "file": "assumptions-dependencies.html",
+      "bytes": 1977
+    },
+    {
+      "id": "before-after",
+      "file": "before-after.html",
+      "bytes": 475
+    },
+    {
+      "id": "benchmark-target-table",
+      "file": "benchmark-target-table.html",
+      "bytes": 1984
+    },
+    {
+      "id": "bullet-list",
+      "file": "bullet-list.html",
+      "bytes": 1028
+    },
+    {
+      "id": "business-model-canvas",
+      "file": "business-model-canvas.html",
+      "bytes": 2734
+    },
+    {
+      "id": "capability-map",
+      "file": "capability-map.html",
+      "bytes": 2343
+    },
+    {
+      "id": "case-study",
+      "file": "case-study.html",
+      "bytes": 1476
+    },
+    {
+      "id": "chapter-recap",
+      "file": "chapter-recap.html",
+      "bytes": 1682
+    },
+    {
+      "id": "circular-lifecycle",
+      "file": "circular-lifecycle.html",
+      "bytes": 1796
+    },
+    {
+      "id": "comparison",
+      "file": "comparison.html",
+      "bytes": 1304
+    },
+    {
+      "id": "competitive-landscape",
+      "file": "competitive-landscape.html",
+      "bytes": 1377
+    },
+    {
+      "id": "customer-journey",
+      "file": "customer-journey.html",
+      "bytes": 2024
+    },
+    {
+      "id": "customer-logos",
+      "file": "customer-logos.html",
+      "bytes": 2222
+    },
+    {
+      "id": "dashboard",
+      "file": "dashboard.html",
+      "bytes": 1582
+    },
+    {
+      "id": "data-visualization",
+      "file": "data-visualization.html",
+      "bytes": 506
+    },
+    {
+      "id": "decision-tree",
+      "file": "decision-tree.html",
+      "bytes": 1869
+    },
+    {
+      "id": "detailed-data-table",
+      "file": "detailed-data-table.html",
+      "bytes": 4158
+    },
+    {
+      "id": "ecosystem-map",
+      "file": "ecosystem-map.html",
+      "bytes": 2026
+    },
+    {
+      "id": "executive-decision",
+      "file": "executive-decision.html",
+      "bytes": 1229
+    },
+    {
+      "id": "executive-summary",
+      "file": "executive-summary.html",
+      "bytes": 1699
+    },
+    {
+      "id": "faq",
+      "file": "faq.html",
+      "bytes": 530
+    },
+    {
+      "id": "feature-comparison-matrix",
+      "file": "feature-comparison-matrix.html",
+      "bytes": 3035
+    },
+    {
+      "id": "forecast-scenario",
+      "file": "forecast-scenario.html",
+      "bytes": 997
+    },
+    {
+      "id": "funnel-pyramid",
+      "file": "funnel-pyramid.html",
+      "bytes": 462
+    },
+    {
+      "id": "gantt-project-plan",
+      "file": "gantt-project-plan.html",
+      "bytes": 1912
+    },
+    {
+      "id": "geographic-map",
+      "file": "geographic-map.html",
+      "bytes": 1388
+    },
+    {
+      "id": "heatmap-cohort",
+      "file": "heatmap-cohort.html",
+      "bytes": 2763
+    },
+    {
+      "id": "hub-and-spoke",
+      "file": "hub-and-spoke.html",
+      "bytes": 2331
+    },
+    {
+      "id": "icon-grid",
+      "file": "icon-grid.html",
+      "bytes": 1125
+    },
+    {
+      "id": "image-focus",
+      "file": "image-focus.html",
+      "bytes": 230
+    },
+    {
+      "id": "key-takeaway",
+      "file": "key-takeaway.html",
+      "bytes": 393
+    },
+    {
+      "id": "kpi-scorecard",
+      "file": "kpi-scorecard.html",
+      "bytes": 1633
+    },
+    {
+      "id": "logic-tree",
+      "file": "logic-tree.html",
+      "bytes": 1531
+    },
+    {
+      "id": "market-size",
+      "file": "market-size.html",
+      "bytes": 1100
+    },
+    {
+      "id": "matrix-quadrant",
+      "file": "matrix-quadrant.html",
+      "bytes": 644
+    },
+    {
+      "id": "network-dependency-map",
+      "file": "network-dependency-map.html",
+      "bytes": 1816
+    },
+    {
+      "id": "one-column-explainer",
+      "file": "one-column-explainer.html",
+      "bytes": 1263
+    },
+    {
+      "id": "org-chart",
+      "file": "org-chart.html",
+      "bytes": 2565
+    },
+    {
+      "id": "persona-grid",
+      "file": "persona-grid.html",
+      "bytes": 1770
+    },
+    {
+      "id": "photo-grid",
+      "file": "photo-grid.html",
+      "bytes": 254
+    },
+    {
+      "id": "pricing-table",
+      "file": "pricing-table.html",
+      "bytes": 2171
+    },
+    {
+      "id": "process-flow",
+      "file": "process-flow.html",
+      "bytes": 1057
+    },
+    {
+      "id": "product-feature",
+      "file": "product-feature.html",
+      "bytes": 405
+    },
+    {
+      "id": "pros-cons",
+      "file": "pros-cons.html",
+      "bytes": 1846
+    },
+    {
+      "id": "qa-discussion",
+      "file": "qa-discussion.html",
+      "bytes": 945
+    },
+    {
+      "id": "quote-highlight",
+      "file": "quote-highlight.html",
+      "bytes": 373
+    },
+    {
+      "id": "raci-matrix",
+      "file": "raci-matrix.html",
+      "bytes": 4854
+    },
+    {
+      "id": "risk-heatmap",
+      "file": "risk-heatmap.html",
+      "bytes": 1264
+    },
+    {
+      "id": "roadmap",
+      "file": "roadmap.html",
+      "bytes": 819
+    },
+    {
+      "id": "screenshot-walkthrough",
+      "file": "screenshot-walkthrough.html",
+      "bytes": 1808
+    },
+    {
+      "id": "section-divider",
+      "file": "section-divider.html",
+      "bytes": 255
+    },
+    {
+      "id": "single-message-statement",
+      "file": "single-message-statement.html",
+      "bytes": 419
+    },
+    {
+      "id": "stats-metrics",
+      "file": "stats-metrics.html",
+      "bytes": 570
+    },
+    {
+      "id": "status-rag",
+      "file": "status-rag.html",
+      "bytes": 1678
+    },
+    {
+      "id": "swimlane-process",
+      "file": "swimlane-process.html",
+      "bytes": 1815
+    },
+    {
+      "id": "swot-analysis",
+      "file": "swot-analysis.html",
+      "bytes": 1112
+    },
+    {
+      "id": "team-bio",
+      "file": "team-bio.html",
+      "bytes": 1527
+    },
+    {
+      "id": "testimonial-grid",
+      "file": "testimonial-grid.html",
+      "bytes": 1374
+    },
+    {
+      "id": "thank-you-cta",
+      "file": "thank-you-cta.html",
+      "bytes": 314
+    },
+    {
+      "id": "three-column",
+      "file": "three-column.html",
+      "bytes": 857
+    },
+    {
+      "id": "timeline",
+      "file": "timeline.html",
+      "bytes": 1189
+    },
+    {
+      "id": "title-slide",
+      "file": "title-slide.html",
+      "bytes": 279
+    },
+    {
+      "id": "two-column",
+      "file": "two-column.html",
+      "bytes": 600
+    },
+    {
+      "id": "venn-overlap",
+      "file": "venn-overlap.html",
+      "bytes": 943
+    },
+    {
+      "id": "waterfall-bridge",
+      "file": "waterfall-bridge.html",
+      "bytes": 1068
+    },
+    {
+      "id": "wheel-radial",
+      "file": "wheel-radial.html",
+      "bytes": 2159
+    }
+  ]
+}

package/dist/spec/previews/layouts/key-takeaway.html

@@ -0,0 +1 @@
+<div class="flex h-full w-full items-center justify-center bg-card p-8"><div class="w-full max-w-[210px] space-y-3 text-center"><div class="mx-auto h-1 w-12 rounded bg-accent"></div><div class="mx-auto h-4 w-full rounded bg-foreground/85"></div><div class="mx-auto h-4 w-4/5 rounded bg-foreground/85"></div><div class="mx-auto mt-4 h-1.5 w-24 rounded bg-muted-foreground/30"></div></div></div>

package/dist/spec/previews/layouts/kpi-scorecard.html

@@ -0,0 +1 @@
+<div class="flex h-full w-full flex-col bg-card p-4"><div class="mb-2 grid grid-cols-[1.2fr_0.8fr_0.8fr_0.5fr] gap-2"><div class="h-2 rounded bg-foreground/45"></div><div class="h-2 rounded bg-foreground/45"></div><div class="h-2 rounded bg-foreground/45"></div><div class="h-2 rounded bg-foreground/45"></div></div><div class="grid flex-1 grid-rows-4 gap-1.5"><div class="grid grid-cols-[1.2fr_0.8fr_0.8fr_0.5fr] items-center gap-2 rounded bg-background/70 px-2"><div class="h-2 rounded bg-muted-foreground/35"></div><div class="h-2 rounded bg-foreground/45"></div><div class="h-2 rounded bg-muted-foreground/25"></div><div class="h-4 rounded-full bg-accent/70"></div></div><div class="grid grid-cols-[1.2fr_0.8fr_0.8fr_0.5fr] items-center gap-2 rounded bg-background/70 px-2"><div class="h-2 rounded bg-muted-foreground/35"></div><div class="h-2 rounded bg-foreground/45"></div><div class="h-2 rounded bg-muted-foreground/25"></div><div class="h-4 rounded-full bg-foreground/25"></div></div><div class="grid grid-cols-[1.2fr_0.8fr_0.8fr_0.5fr] items-center gap-2 rounded bg-background/70 px-2"><div class="h-2 rounded bg-muted-foreground/35"></div><div class="h-2 rounded bg-foreground/45"></div><div class="h-2 rounded bg-muted-foreground/25"></div><div class="h-4 rounded-full bg-accent/70"></div></div><div class="grid grid-cols-[1.2fr_0.8fr_0.8fr_0.5fr] items-center gap-2 rounded bg-background/70 px-2"><div class="h-2 rounded bg-muted-foreground/35"></div><div class="h-2 rounded bg-foreground/45"></div><div class="h-2 rounded bg-muted-foreground/25"></div><div class="h-4 rounded-full bg-accent/35"></div></div></div></div>

package/dist/spec/previews/layouts/logic-tree.html

@@ -0,0 +1 @@
+<div class="relative h-full w-full overflow-hidden bg-card p-4"><svg class="absolute inset-0 h-full w-full" viewBox="0 0 240 135" aria-hidden="true"><path d="M120 28 V48 H56 V72 M120 48 H120 V72 M120 48 H184 V72" fill="none" stroke="hsl(var(--foreground) / 0.2)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M56 92 V108 M120 92 V108 M184 92 V108" fill="none" stroke="hsl(var(--foreground) / 0.16)" stroke-width="2" stroke-linecap="round"></path></svg><div class="absolute left-1/2 top-[12%] h-8 w-28 -translate-x-1/2 rounded-md bg-accent/25 ring-1 ring-accent/35"><div class="mx-auto mt-3 h-2 w-16 rounded bg-accent"></div></div><div class="absolute top-[52%] h-8 w-20 -translate-x-1/2 rounded-md border border-border bg-background" style="left:25%"><div class="mx-auto mt-3 h-1.5 w-10 rounded bg-foreground/45"></div><div class="absolute left-1/2 top-11 h-5 w-12 -translate-x-1/2 rounded bg-muted "></div></div><div class="absolute top-[52%] h-8 w-20 -translate-x-1/2 rounded-md border border-border bg-background" style="left:50%"><div class="mx-auto mt-3 h-1.5 w-10 rounded bg-foreground/45"></div><div class="absolute left-1/2 top-11 h-5 w-12 -translate-x-1/2 rounded bg-muted bg-accent/15"></div></div><div class="absolute top-[52%] h-8 w-20 -translate-x-1/2 rounded-md border border-border bg-background" style="left:75%"><div class="mx-auto mt-3 h-1.5 w-10 rounded bg-foreground/45"></div><div class="absolute left-1/2 top-11 h-5 w-12 -translate-x-1/2 rounded bg-muted "></div></div></div>

package/dist/spec/previews/layouts/market-size.html

@@ -0,0 +1 @@
+<div class="relative h-full w-full overflow-hidden bg-card p-5"><div class="absolute left-6 top-5 space-y-1.5"><div class="h-2.5 w-24 rounded bg-foreground/75"></div><div class="h-1.5 w-16 rounded bg-muted-foreground/30"></div></div><div class="absolute right-8 top-1/2 h-24 w-24 -translate-y-1/2 rounded-full border border-accent/35 bg-accent/10"></div><div class="absolute right-12 top-1/2 h-16 w-16 -translate-y-1/2 rounded-full border border-accent/55 bg-accent/20"></div><div class="absolute right-16 top-1/2 h-8 w-8 -translate-y-1/2 rounded-full bg-accent/70"></div><div class="absolute bottom-5 left-6 space-y-2"><div class="flex items-center gap-2"><div class="h-2 w-2 rounded-full bg-accent/35"></div><div class="h-1.5 w-16 rounded bg-muted-foreground/30"></div></div><div class="flex items-center gap-2"><div class="h-2 w-2 rounded-full bg-accent/35"></div><div class="h-1.5 w-16 rounded bg-muted-foreground/30"></div></div><div class="flex items-center gap-2"><div class="h-2 w-2 rounded-full bg-accent"></div><div class="h-1.5 w-16 rounded bg-muted-foreground/30"></div></div></div></div>

package/dist/spec/previews/layouts/matrix-quadrant.html

@@ -0,0 +1 @@
+<div class="w-full h-full p-6 bg-card flex items-center justify-center"><div class="relative w-full h-full max-w-[140px] max-h-[100px]"><div class="absolute bottom-0 left-0 right-0 h-px bg-foreground/40"></div><div class="absolute top-0 bottom-0 left-1/2 w-px bg-foreground/40"></div><div class="absolute w-3 h-3 rounded-full bg-accent/70" style="top:20%;left:65%"></div><div class="absolute w-3 h-3 rounded-full bg-accent/70" style="top:60%;left:25%"></div><div class="absolute w-3 h-3 rounded-full bg-accent/70" style="top:35%;left:80%"></div><div class="absolute w-3 h-3 rounded-full bg-accent/70" style="top:70%;left:45%"></div></div></div>

package/dist/spec/previews/layouts/network-dependency-map.html

@@ -0,0 +1 @@
+<div class="relative h-full w-full overflow-hidden bg-card p-5"><svg class="absolute inset-0 h-full w-full" viewBox="0 0 240 135" aria-hidden="true"><path d="M48 38 L102 58 L132 32 L192 48 L168 92 L104 104 L48 38" fill="none" stroke="hsl(var(--foreground) / 0.16)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M102 58 L168 92 L192 48" fill="none" stroke="hsl(var(--foreground) / 0.16)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M48 38 L102 58 L168 92" fill="none" stroke="hsl(var(--accent))" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path></svg><div class="absolute -translate-x-1/2 rounded-full border h-8 w-10 bg-accent/30 border-accent/35" style="top:22%;left:20%"><div class="mx-auto mt-3 h-1.5 w-4 rounded bg-foreground/40"></div></div><div class="absolute -translate-x-1/2 rounded-full border h-9 w-11 bg-accent/20 border-accent/30" style="top:37%;left:43%"><div class="mx-auto mt-3 h-1.5 w-4 rounded bg-foreground/40"></div></div><div class="absolute -translate-x-1/2 rounded-full border h-7 w-9 bg-background border-border" style="top:17%;left:55%"><div class="mx-auto mt-3 h-1.5 w-4 rounded bg-foreground/40"></div></div><div class="absolute -translate-x-1/2 rounded-full border h-8 w-10 bg-background border-border" style="top:30%;left:80%"><div class="mx-auto mt-3 h-1.5 w-4 rounded bg-foreground/40"></div></div><div class="absolute -translate-x-1/2 rounded-full border h-9 w-11 bg-accent/45 border-accent/40" style="top:66%;left:70%"><div class="mx-auto mt-3 h-1.5 w-4 rounded bg-foreground/40"></div></div><div class="absolute -translate-x-1/2 rounded-full border h-7 w-9 bg-background border-border" style="top:76%;left:44%"><div class="mx-auto mt-3 h-1.5 w-4 rounded bg-foreground/40"></div></div></div>

package/dist/spec/previews/layouts/one-column-explainer.html

@@ -0,0 +1 @@
+<div class="flex h-full w-full gap-5 bg-card p-6"><div class="flex min-w-0 flex-1 flex-col justify-center"><div class="mb-4 h-3 w-36 rounded bg-foreground/80"></div><div class="space-y-2"><div class="space-y-1.5"><div class="h-1.5 w-full rounded bg-muted-foreground/35"></div><div class="h-1.5 w-11/12 rounded bg-muted-foreground/25"></div><div class="h-1.5 w-4/5 rounded bg-muted-foreground/20"></div></div><div class="space-y-1.5"><div class="h-1.5 w-full rounded bg-muted-foreground/35"></div><div class="h-1.5 w-11/12 rounded bg-muted-foreground/25"></div><div class="h-1.5 w-4/5 rounded bg-muted-foreground/20"></div></div><div class="space-y-1.5"><div class="h-1.5 w-full rounded bg-muted-foreground/35"></div><div class="h-1.5 w-11/12 rounded bg-muted-foreground/25"></div></div><div class="space-y-1.5"><div class="h-1.5 w-full rounded bg-muted-foreground/35"></div><div class="h-1.5 w-11/12 rounded bg-muted-foreground/25"></div></div></div></div><div class="my-auto w-20 rounded-md border-l-2 border-accent bg-accent/10 p-3"><div class="mb-2 h-2 w-full rounded bg-foreground/50"></div><div class="space-y-1.5"><div class="h-1.5 w-full rounded bg-muted-foreground/25"></div><div class="h-1.5 w-2/3 rounded bg-muted-foreground/20"></div></div></div></div>

package/dist/spec/previews/layouts/org-chart.html

@@ -0,0 +1 @@
+<div class="relative h-full w-full overflow-hidden bg-card p-5"><svg class="absolute inset-0 h-full w-full" viewBox="0 0 240 135" aria-hidden="true"><path d="M120 38 V54 M61 54 H179 M61 54 V70 M120 54 V70 M179 54 V70" fill="none" stroke="hsl(var(--foreground) / 0.2)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M61 94 V104 M120 94 V104 M179 94 V104 M34 104 H88 M93 104 H147 M152 104 H206" fill="none" stroke="hsl(var(--foreground) / 0.16)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg><div class="absolute left-1/2 top-5 h-9 w-20 -translate-x-1/2 rounded-md border border-accent/35 bg-accent/20"><div class="mx-auto mt-2.5 h-2 w-10 rounded bg-accent"></div><div class="mx-auto mt-1.5 h-1.5 w-7 rounded bg-foreground/35"></div></div><div class="absolute h-7 w-14 -translate-x-1/2 rounded-md border border-border bg-background" style="top:52%;left:25%"><div class="mx-auto mt-2 h-1.5 w-7 rounded bg-foreground/45"></div></div><div class="absolute h-7 w-14 -translate-x-1/2 rounded-md border border-border bg-background" style="top:52%;left:50%"><div class="mx-auto mt-2 h-1.5 w-7 rounded bg-foreground/45"></div></div><div class="absolute h-7 w-14 -translate-x-1/2 rounded-md border border-border bg-background" style="top:52%;left:75%"><div class="mx-auto mt-2 h-1.5 w-7 rounded bg-foreground/45"></div></div><div class="absolute top-[78%] h-5 w-8 -translate-x-1/2 rounded border border-border bg-background/80" style="left:14%"><div class="mx-auto mt-2 h-1 w-4 rounded bg-muted-foreground/35"></div></div><div class="absolute top-[78%] h-5 w-8 -translate-x-1/2 rounded border border-border bg-background/80" style="left:26%"><div class="mx-auto mt-2 h-1 w-4 rounded bg-muted-foreground/35"></div></div><div class="absolute top-[78%] h-5 w-8 -translate-x-1/2 rounded border border-border bg-background/80" style="left:39%"><div class="mx-auto mt-2 h-1 w-4 rounded bg-muted-foreground/35"></div></div><div class="absolute top-[78%] h-5 w-8 -translate-x-1/2 rounded border border-border bg-background/80" style="left:51%"><div class="mx-auto mt-2 h-1 w-4 rounded bg-muted-foreground/35"></div></div><div class="absolute top-[78%] h-5 w-8 -translate-x-1/2 rounded border border-border bg-background/80" style="left:64%"><div class="mx-auto mt-2 h-1 w-4 rounded bg-muted-foreground/35"></div></div><div class="absolute top-[78%] h-5 w-8 -translate-x-1/2 rounded border border-border bg-background/80" style="left:76%"><div class="mx-auto mt-2 h-1 w-4 rounded bg-muted-foreground/35"></div></div></div>

package/dist/spec/previews/layouts/persona-grid.html

@@ -0,0 +1 @@
+<div class="grid h-full w-full grid-cols-3 gap-3 bg-card p-5"><div class="min-w-0 rounded-md border border-border bg-background/70 p-3"><div class="mx-auto mb-2 h-8 w-8 rounded-full bg-muted"><div class="mx-auto pt-2"><div class="mx-auto h-2 w-2 rounded-full bg-foreground/35"></div><div class="mx-auto mt-1 h-2 w-4 rounded-t-full bg-foreground/25"></div></div></div><div class="mx-auto mb-2 h-2 w-12 rounded bg-foreground/55"></div><div class="space-y-1.5"><div class="h-1.5 rounded bg-accent/55"></div><div class="h-1.5 rounded bg-muted-foreground/25"></div><div class="h-1.5 rounded bg-muted-foreground/25"></div></div></div><div class="min-w-0 rounded-md border border-border bg-background/70 p-3"><div class="mx-auto mb-2 h-8 w-8 rounded-full bg-accent/35"><div class="mx-auto pt-2"><div class="mx-auto h-2 w-2 rounded-full bg-foreground/35"></div><div class="mx-auto mt-1 h-2 w-4 rounded-t-full bg-foreground/25"></div></div></div><div class="mx-auto mb-2 h-2 w-12 rounded bg-foreground/55"></div><div class="space-y-1.5"><div class="h-1.5 rounded bg-muted-foreground/25"></div><div class="h-1.5 rounded bg-accent/55"></div><div class="h-1.5 rounded bg-muted-foreground/25"></div></div></div><div class="min-w-0 rounded-md border border-border bg-background/70 p-3"><div class="mx-auto mb-2 h-8 w-8 rounded-full bg-muted"><div class="mx-auto pt-2"><div class="mx-auto h-2 w-2 rounded-full bg-foreground/35"></div><div class="mx-auto mt-1 h-2 w-4 rounded-t-full bg-foreground/25"></div></div></div><div class="mx-auto mb-2 h-2 w-12 rounded bg-foreground/55"></div><div class="space-y-1.5"><div class="h-1.5 rounded bg-muted-foreground/25"></div><div class="h-1.5 rounded bg-muted-foreground/25"></div><div class="h-1.5 rounded bg-accent/55"></div></div></div></div>

package/dist/spec/previews/layouts/photo-grid.html

@@ -0,0 +1 @@
+<div class="w-full h-full p-4 bg-card"><div class="grid grid-cols-2 gap-2 h-full"><div class="bg-accent/20 rounded"></div><div class="bg-accent/20 rounded"></div><div class="bg-accent/20 rounded"></div><div class="bg-accent/20 rounded"></div></div></div>

package/dist/spec/previews/layouts/pricing-table.html

@@ -0,0 +1 @@
+<div class="w-full h-full flex p-4 gap-2 bg-card"><div class="flex-1 rounded border border-border p-2 space-y-1.5"><div class="w-full h-2.5 bg-foreground/60 rounded"></div><div class="w-3/4 h-3 bg-foreground/80 rounded"></div><div class="w-px h-px my-1"></div><div class="flex items-center gap-1"><div class="w-2 h-2 rounded-sm bg-muted-foreground/30"></div><div class="flex-1 h-1 bg-muted-foreground/20 rounded"></div></div><div class="flex items-center gap-1"><div class="w-2 h-2 rounded-sm bg-muted-foreground/30"></div><div class="flex-1 h-1 bg-muted-foreground/20 rounded"></div></div><div class="flex items-center gap-1"><div class="w-2 h-2 rounded-sm bg-muted-foreground/30"></div><div class="flex-1 h-1 bg-muted-foreground/20 rounded"></div></div></div><div class="flex-1 rounded border border-accent bg-accent/5 p-2 space-y-1.5"><div class="w-full h-2.5 bg-foreground/60 rounded"></div><div class="w-3/4 h-3 bg-foreground/80 rounded"></div><div class="w-px h-px my-1"></div><div class="flex items-center gap-1"><div class="w-2 h-2 rounded-sm bg-accent/60"></div><div class="flex-1 h-1 bg-muted-foreground/20 rounded"></div></div><div class="flex items-center gap-1"><div class="w-2 h-2 rounded-sm bg-accent/60"></div><div class="flex-1 h-1 bg-muted-foreground/20 rounded"></div></div><div class="flex items-center gap-1"><div class="w-2 h-2 rounded-sm bg-accent/60"></div><div class="flex-1 h-1 bg-muted-foreground/20 rounded"></div></div></div><div class="flex-1 rounded border border-border p-2 space-y-1.5"><div class="w-full h-2.5 bg-foreground/60 rounded"></div><div class="w-3/4 h-3 bg-foreground/80 rounded"></div><div class="w-px h-px my-1"></div><div class="flex items-center gap-1"><div class="w-2 h-2 rounded-sm bg-muted-foreground/30"></div><div class="flex-1 h-1 bg-muted-foreground/20 rounded"></div></div><div class="flex items-center gap-1"><div class="w-2 h-2 rounded-sm bg-muted-foreground/30"></div><div class="flex-1 h-1 bg-muted-foreground/20 rounded"></div></div><div class="flex items-center gap-1"><div class="w-2 h-2 rounded-sm bg-muted-foreground/30"></div><div class="flex-1 h-1 bg-muted-foreground/20 rounded"></div></div></div></div>

package/dist/spec/previews/layouts/process-flow.html

@@ -0,0 +1 @@
+<div class="w-full h-full p-6 bg-card flex items-center justify-center gap-1"><div class="flex items-center gap-1"><div class="w-10 h-8 rounded border border-border bg-muted flex items-center justify-center"><div class="w-5 h-1.5 bg-muted-foreground/40 rounded"></div></div><div class="text-muted-foreground/50 text-xs">›</div></div><div class="flex items-center gap-1"><div class="w-10 h-8 rounded border border-border bg-muted flex items-center justify-center"><div class="w-5 h-1.5 bg-muted-foreground/40 rounded"></div></div><div class="text-muted-foreground/50 text-xs">›</div></div><div class="flex items-center gap-1"><div class="w-10 h-8 rounded border border-border bg-muted flex items-center justify-center"><div class="w-5 h-1.5 bg-muted-foreground/40 rounded"></div></div><div class="text-muted-foreground/50 text-xs">›</div></div><div class="flex items-center gap-1"><div class="w-10 h-8 rounded border border-border bg-muted flex items-center justify-center"><div class="w-5 h-1.5 bg-muted-foreground/40 rounded"></div></div></div></div>

package/dist/spec/previews/layouts/product-feature.html

@@ -0,0 +1 @@
+<div class="w-full h-full flex bg-card p-5 gap-5"><div class="flex-[2] bg-muted rounded"></div><div class="flex-1 flex flex-col justify-center gap-2"><div class="w-full h-3 bg-foreground/70 rounded"></div><div class="w-full h-1.5 bg-muted-foreground/30 rounded"></div><div class="w-3/4 h-1.5 bg-muted-foreground/30 rounded"></div><div class="w-full h-1.5 bg-muted-foreground/30 rounded"></div></div></div>

package/dist/spec/previews/layouts/pros-cons.html

@@ -0,0 +1 @@
+<div class="flex h-full w-full gap-4 bg-card p-5"><div class="flex-1 rounded-md border p-3 border-accent/45 bg-accent/10"><div class="mb-3 flex items-center gap-2"><div class="h-5 w-5 rounded-full bg-accent"></div><div class="h-2.5 rounded bg-foreground/70 w-12"></div></div><div class="space-y-2"><div class="flex items-center gap-2"><div class="h-2 w-2 rounded-sm bg-accent"></div><div class="h-1.5 flex-1 rounded bg-muted-foreground/30"></div></div><div class="flex items-center gap-2"><div class="h-2 w-2 rounded-sm bg-accent"></div><div class="h-1.5 flex-1 rounded bg-muted-foreground/30"></div></div><div class="flex items-center gap-2"><div class="h-2 w-2 rounded-sm bg-accent"></div><div class="h-1.5 flex-1 rounded bg-muted-foreground/30"></div></div><div class="flex items-center gap-2"><div class="h-2 w-2 rounded-sm bg-accent"></div><div class="h-1.5 flex-1 rounded bg-muted-foreground/30"></div></div></div></div><div class="flex-1 rounded-md border p-3 border-foreground/15 bg-muted/60"><div class="mb-3 flex items-center gap-2"><div class="h-5 w-5 rounded-full bg-foreground/45"></div><div class="h-2.5 rounded bg-foreground/70 w-14"></div></div><div class="space-y-2"><div class="flex items-center gap-2"><div class="h-2 w-2 rounded-sm bg-foreground/45"></div><div class="h-1.5 flex-1 rounded bg-muted-foreground/30"></div></div><div class="flex items-center gap-2"><div class="h-2 w-2 rounded-sm bg-foreground/45"></div><div class="h-1.5 flex-1 rounded bg-muted-foreground/30"></div></div><div class="flex items-center gap-2"><div class="h-2 w-2 rounded-sm bg-foreground/45"></div><div class="h-1.5 flex-1 rounded bg-muted-foreground/30"></div></div><div class="flex items-center gap-2"><div class="h-2 w-2 rounded-sm bg-foreground/45"></div><div class="h-1.5 flex-1 rounded bg-muted-foreground/30"></div></div></div></div></div>

package/dist/spec/previews/layouts/qa-discussion.html

@@ -0,0 +1 @@
+<div class="flex h-full w-full bg-card p-6"><div class="flex flex-1 flex-col justify-center"><div class="font-serif text-6xl leading-none text-accent">?</div><div class="mt-2 h-3 w-28 rounded bg-foreground/80"></div><div class="mt-2 h-2 w-36 rounded bg-muted-foreground/30"></div></div><div class="flex w-28 flex-col justify-center gap-2"><div class="rounded-md border border-border bg-background/75 p-2"><div class="mb-1.5 h-1.5 w-full rounded bg-foreground/45"></div><div class="h-1.5 w-2/3 rounded bg-muted-foreground/25"></div></div><div class="rounded-md border border-border bg-background/75 p-2"><div class="mb-1.5 h-1.5 w-full rounded bg-foreground/45"></div><div class="h-1.5 w-2/3 rounded bg-muted-foreground/25"></div></div><div class="rounded-md border border-border bg-background/75 p-2"><div class="mb-1.5 h-1.5 w-full rounded bg-foreground/45"></div><div class="h-1.5 w-2/3 rounded bg-muted-foreground/25"></div></div></div></div>

package/dist/spec/previews/layouts/quote-highlight.html

@@ -0,0 +1 @@
+<div class="w-full h-full flex items-center justify-center p-8 bg-muted"><div class="text-center space-y-3"><div class="text-4xl text-accent font-serif">&quot;</div><div class="w-48 h-2 bg-foreground/60 rounded mx-auto"></div><div class="w-40 h-2 bg-foreground/60 rounded mx-auto"></div><div class="w-20 h-1.5 bg-muted-foreground/50 rounded mx-auto mt-4"></div></div></div>

package/dist/spec/previews/layouts/raci-matrix.html

@@ -0,0 +1 @@
+<div class="h-full w-full bg-card p-4"><div class="grid h-full grid-cols-[1.5fr_repeat(4,1fr)] grid-rows-[1rem_repeat(5,1fr)] overflow-hidden rounded-md border border-border bg-background/70"><div class="border-b border-r border-border bg-muted/50"></div><div class="flex items-center justify-center border-b border-r border-border text-[9px] font-semibold text-muted-foreground last:border-r-0">R</div><div class="flex items-center justify-center border-b border-r border-border text-[9px] font-semibold text-muted-foreground last:border-r-0">A</div><div class="flex items-center justify-center border-b border-r border-border text-[9px] font-semibold text-muted-foreground last:border-r-0">C</div><div class="flex items-center justify-center border-b border-r border-border text-[9px] font-semibold text-muted-foreground last:border-r-0">I</div><div class="contents"><div class="border-b border-r border-border p-1.5 last:border-b-0"><div class="h-1.5 rounded bg-muted-foreground/30"></div></div><div class="flex items-center justify-center border-b border-r border-border last:border-r-0"><div class="h-3 w-3 rounded-full bg-muted-foreground/20"></div></div><div class="flex items-center justify-center border-b border-r border-border last:border-r-0"><div class="h-3 w-3 rounded-full bg-accent/70"></div></div><div class="flex items-center justify-center border-b border-r border-border last:border-r-0"><div class="h-3 w-3 rounded-full bg-muted-foreground/20"></div></div><div class="flex items-center justify-center border-b border-r border-border last:border-r-0"><div class="h-3 w-3 rounded-full bg-muted-foreground/20"></div></div></div><div class="contents"><div class="border-b border-r border-border p-1.5 last:border-b-0"><div class="h-1.5 rounded bg-muted-foreground/30"></div></div><div class="flex items-center justify-center border-b border-r border-border last:border-r-0"><div class="h-3 w-3 rounded-full bg-muted-foreground/20"></div></div><div class="flex items-center justify-center border-b border-r border-border last:border-r-0"><div class="h-3 w-3 rounded-full bg-muted-foreground/20"></div></div><div class="flex items-center justify-center border-b border-r border-border last:border-r-0"><div class="h-3 w-3 rounded-full bg-accent/70"></div></div><div class="flex items-center justify-center border-b border-r border-border last:border-r-0"><div class="h-3 w-3 rounded-full bg-muted-foreground/20"></div></div></div><div class="contents"><div class="border-b border-r border-border p-1.5 last:border-b-0"><div class="h-1.5 rounded bg-muted-foreground/30"></div></div><div class="flex items-center justify-center border-b border-r border-border last:border-r-0"><div class="h-3 w-3 rounded-full bg-muted-foreground/20"></div></div><div class="flex items-center justify-center border-b border-r border-border last:border-r-0"><div class="h-3 w-3 rounded-full bg-muted-foreground/20"></div></div><div class="flex items-center justify-center border-b border-r border-border last:border-r-0"><div class="h-3 w-3 rounded-full bg-muted-foreground/20"></div></div><div class="flex items-center justify-center border-b border-r border-border last:border-r-0"><div class="h-3 w-3 rounded-full bg-accent/70"></div></div></div><div class="contents"><div class="border-b border-r border-border p-1.5 last:border-b-0"><div class="h-1.5 rounded bg-muted-foreground/30"></div></div><div class="flex items-center justify-center border-b border-r border-border last:border-r-0"><div class="h-3 w-3 rounded-full bg-accent/70"></div></div><div class="flex items-center justify-center border-b border-r border-border last:border-r-0"><div class="h-3 w-3 rounded-full bg-muted-foreground/20"></div></div><div class="flex items-center justify-center border-b border-r border-border last:border-r-0"><div class="h-3 w-3 rounded-full bg-muted-foreground/20"></div></div><div class="flex items-center justify-center border-b border-r border-border last:border-r-0"><div class="h-3 w-3 rounded-full bg-muted-foreground/20"></div></div></div><div class="contents"><div class="border-b border-r border-border p-1.5 last:border-b-0"><div class="h-1.5 rounded bg-muted-foreground/30"></div></div><div class="flex items-center justify-center border-b border-r border-border last:border-r-0"><div class="h-3 w-3 rounded-full bg-muted-foreground/20"></div></div><div class="flex items-center justify-center border-b border-r border-border last:border-r-0"><div class="h-3 w-3 rounded-full bg-accent/70"></div></div><div class="flex items-center justify-center border-b border-r border-border last:border-r-0"><div class="h-3 w-3 rounded-full bg-muted-foreground/20"></div></div><div class="flex items-center justify-center border-b border-r border-border last:border-r-0"><div class="h-3 w-3 rounded-full bg-muted-foreground/20"></div></div></div></div></div>

package/dist/spec/previews/layouts/risk-heatmap.html

@@ -0,0 +1 @@
+<div class="relative h-full w-full bg-card p-5"><div class="grid h-full w-full grid-cols-3 grid-rows-3 gap-1"><div class="rounded-sm border border-background bg-accent/10"></div><div class="rounded-sm border border-background bg-accent/20"></div><div class="rounded-sm border border-background bg-accent/30"></div><div class="rounded-sm border border-background bg-muted/80"></div><div class="rounded-sm border border-background bg-accent/10"></div><div class="rounded-sm border border-background bg-accent/25"></div><div class="rounded-sm border border-background bg-background/70"></div><div class="rounded-sm border border-background bg-muted/70"></div><div class="rounded-sm border border-background bg-accent/20"></div></div><div class="absolute -translate-x-1/2 rounded-full bg-foreground/70 ring-2 ring-background h-3 w-3" style="top:22%;left:73%"></div><div class="absolute -translate-x-1/2 rounded-full bg-foreground/70 ring-2 ring-background h-4 w-4" style="top:42%;left:55%"></div><div class="absolute -translate-x-1/2 rounded-full bg-foreground/70 ring-2 ring-background h-3 w-3" style="top:68%;left:33%"></div><div class="absolute -translate-x-1/2 rounded-full bg-foreground/70 ring-2 ring-background h-2.5 w-2.5" style="top:28%;left:37%"></div></div>

package/dist/spec/previews/layouts/roadmap.html

@@ -0,0 +1 @@
+<div class="w-full h-full p-5 bg-card flex flex-col justify-center gap-3"><div class="w-20 h-2.5 bg-foreground/80 rounded"></div><div class="flex items-center gap-2"><div class="w-8 h-1.5 bg-muted-foreground/40 rounded"></div><div class="flex-1 h-5 bg-accent/25 rounded flex items-center px-2"><div class="w-16 h-1.5 bg-accent/60 rounded"></div></div></div><div class="flex items-center gap-2"><div class="w-8 h-1.5 bg-muted-foreground/40 rounded"></div><div class="flex-1 h-5 bg-accent/25 rounded flex items-center px-2"><div class="w-16 h-1.5 bg-accent/60 rounded"></div></div></div><div class="flex items-center gap-2"><div class="w-8 h-1.5 bg-muted-foreground/40 rounded"></div><div class="flex-1 h-5 bg-accent/25 rounded flex items-center px-2"><div class="w-16 h-1.5 bg-accent/60 rounded"></div></div></div></div>

package/dist/spec/previews/layouts/screenshot-walkthrough.html

@@ -0,0 +1 @@
+<div class="relative h-full w-full overflow-hidden bg-card p-4"><div class="h-full rounded-md border border-border bg-background shadow-sm"><div class="flex h-5 items-center gap-1.5 border-b border-border px-2"><div class="h-1.5 w-1.5 rounded-full bg-muted-foreground/30"></div><div class="h-1.5 w-1.5 rounded-full bg-muted-foreground/30"></div><div class="h-1.5 w-1.5 rounded-full bg-muted-foreground/30"></div><div class="ml-2 h-1.5 w-20 rounded bg-muted-foreground/20"></div></div><div class="grid h-[calc(100%-1.25rem)] grid-cols-[2.2rem_1fr]"><div class="border-r border-border bg-muted/50 p-2"><div class="mb-2 h-1.5 rounded bg-muted-foreground/25"></div><div class="mb-2 h-1.5 rounded bg-muted-foreground/25"></div><div class="mb-2 h-1.5 rounded bg-muted-foreground/25"></div><div class="mb-2 h-1.5 rounded bg-muted-foreground/25"></div></div><div class="p-3"><div class="mb-3 h-3 w-24 rounded bg-foreground/65"></div><div class="grid grid-cols-2 gap-2"><div class="h-12 rounded bg-accent/15"></div><div class="h-12 rounded bg-muted"></div><div class="col-span-2 h-5 rounded bg-foreground/10"></div></div></div></div></div><div class="absolute flex h-5 w-5 -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-full bg-accent text-[10px] font-semibold leading-none text-background ring-2 ring-card" style="top:27%;left:63%">1</div><div class="absolute flex h-5 w-5 -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-full bg-accent text-[10px] font-semibold leading-none text-background ring-2 ring-card" style="top:58%;left:47%">2</div><div class="absolute flex h-5 w-5 -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-full bg-accent text-[10px] font-semibold leading-none text-background ring-2 ring-card" style="top:71%;left:78%">3</div></div>

package/dist/spec/previews/layouts/section-divider.html

@@ -0,0 +1 @@
+<div class="w-full h-full flex items-center justify-center bg-foreground"><div class="text-center"><div class="w-8 h-8 rounded-full border-2 border-background/40 mx-auto mb-3"></div><div class="w-24 h-2 bg-background/80 rounded mx-auto"></div></div></div>

package/dist/spec/previews/layouts/single-message-statement.html

@@ -0,0 +1 @@
+<div class="flex h-full w-full items-center justify-center bg-muted p-8"><div class="relative w-full max-w-[220px] py-5 text-center"><div class="absolute left-1/2 top-0 h-px w-16 -translate-x-1/2 bg-accent"></div><div class="mx-auto mb-3 h-4 w-full rounded bg-foreground/85"></div><div class="mx-auto h-4 w-5/6 rounded bg-foreground/85"></div><div class="mx-auto mt-5 h-1.5 w-12 rounded bg-accent/70"></div></div></div>

package/dist/spec/previews/layouts/stats-metrics.html

@@ -0,0 +1 @@
+<div class="w-full h-full p-6 bg-card flex items-center justify-around"><div class="text-center"><div class="w-12 h-8 bg-accent/70 rounded mb-1.5 mx-auto"></div><div class="w-10 h-1.5 bg-muted-foreground/30 rounded mx-auto"></div></div><div class="text-center"><div class="w-12 h-8 bg-accent/70 rounded mb-1.5 mx-auto"></div><div class="w-10 h-1.5 bg-muted-foreground/30 rounded mx-auto"></div></div><div class="text-center"><div class="w-12 h-8 bg-accent/70 rounded mb-1.5 mx-auto"></div><div class="w-10 h-1.5 bg-muted-foreground/30 rounded mx-auto"></div></div></div>

package/dist/spec/previews/layouts/status-rag.html

@@ -0,0 +1 @@
+<div class="flex h-full w-full flex-col bg-card p-3"><div class="mb-2 grid grid-cols-[0.5fr_1.4fr_0.7fr_0.9fr] gap-2 rounded bg-foreground/10 p-2"><div class="h-2 rounded bg-foreground/45"></div><div class="h-2 rounded bg-foreground/45"></div><div class="h-2 rounded bg-foreground/45"></div><div class="h-2 rounded bg-foreground/45"></div></div><div class="grid flex-1 grid-rows-4 gap-1.5"><div class="grid grid-cols-[0.5fr_1.4fr_0.7fr_0.9fr] items-center gap-2 rounded bg-background/70 px-2"><div class="h-4 w-4 rounded-full bg-accent/75"></div><div class="h-2 rounded bg-muted-foreground/35"></div><div class="h-2 rounded bg-foreground/35"></div><div class="h-2 rounded bg-muted-foreground/25"></div></div><div class="grid grid-cols-[0.5fr_1.4fr_0.7fr_0.9fr] items-center gap-2 rounded bg-background/70 px-2"><div class="h-4 w-4 rounded-full bg-foreground/25"></div><div class="h-2 rounded bg-muted-foreground/35"></div><div class="h-2 rounded bg-foreground/35"></div><div class="h-2 rounded bg-muted-foreground/25"></div></div><div class="grid grid-cols-[0.5fr_1.4fr_0.7fr_0.9fr] items-center gap-2 rounded bg-background/70 px-2"><div class="h-4 w-4 rounded-full bg-accent/75"></div><div class="h-2 rounded bg-muted-foreground/35"></div><div class="h-2 rounded bg-foreground/35"></div><div class="h-2 rounded bg-muted-foreground/25"></div></div><div class="grid grid-cols-[0.5fr_1.4fr_0.7fr_0.9fr] items-center gap-2 rounded bg-background/70 px-2"><div class="h-4 w-4 rounded-full bg-accent/35"></div><div class="h-2 rounded bg-muted-foreground/35"></div><div class="h-2 rounded bg-foreground/35"></div><div class="h-2 rounded bg-muted-foreground/25"></div></div></div></div>

package/dist/spec/previews/layouts/swimlane-process.html

@@ -0,0 +1 @@
+<div class="relative h-full w-full overflow-hidden bg-card p-4"><div class="grid h-full grid-rows-3 gap-2"><div class="rounded-md bg-background/70"></div><div class="rounded-md bg-background/70"></div><div class="rounded-md bg-background/70"></div></div><svg class="absolute inset-0 h-full w-full" viewBox="0 0 240 135" aria-hidden="true"><path d="M42 32 H92 V68 H142 V104 H196" fill="none" stroke="hsl(var(--foreground) / 0.3)" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M190 99 L198 104 L190 109" fill="none" stroke="hsl(var(--foreground) / 0.3)" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path></svg><div class="absolute h-7 w-12 -translate-x-1/2 rounded border bg-accent/35 border-accent/35" style="top:17%;left:12%"><div class="mx-auto mt-2 h-1.5 w-7 rounded bg-foreground/45"></div></div><div class="absolute h-7 w-12 -translate-x-1/2 rounded border bg-background border-border" style="top:17%;left:34%"><div class="mx-auto mt-2 h-1.5 w-7 rounded bg-foreground/45"></div></div><div class="absolute h-7 w-12 -translate-x-1/2 rounded border bg-accent/15 border-accent/30" style="top:44%;left:34%"><div class="mx-auto mt-2 h-1.5 w-7 rounded bg-foreground/45"></div></div><div class="absolute h-7 w-12 -translate-x-1/2 rounded border bg-background border-border" style="top:44%;left:56%"><div class="mx-auto mt-2 h-1.5 w-7 rounded bg-foreground/45"></div></div><div class="absolute h-7 w-12 -translate-x-1/2 rounded border bg-accent/15 border-accent/30" style="top:70%;left:56%"><div class="mx-auto mt-2 h-1.5 w-7 rounded bg-foreground/45"></div></div><div class="absolute h-7 w-12 -translate-x-1/2 rounded border bg-accent/55 border-accent/50" style="top:70%;left:78%"><div class="mx-auto mt-2 h-1.5 w-7 rounded bg-foreground/45"></div></div></div>

package/dist/spec/previews/layouts/swot-analysis.html

@@ -0,0 +1 @@
+<div class="w-full h-full p-4 bg-card"><div class="w-24 h-2.5 bg-foreground/80 rounded mb-3"></div><div class="grid grid-cols-2 gap-2 flex-1"><div class="bg-green-500/30 rounded p-2 space-y-1"><div class="w-4 h-2 bg-foreground/50 rounded text-xs font-bold"></div><div class="w-full h-1.5 bg-foreground/20 rounded"></div><div class="w-3/4 h-1.5 bg-foreground/20 rounded"></div></div><div class="bg-red-500/30 rounded p-2 space-y-1"><div class="w-4 h-2 bg-foreground/50 rounded text-xs font-bold"></div><div class="w-full h-1.5 bg-foreground/20 rounded"></div><div class="w-3/4 h-1.5 bg-foreground/20 rounded"></div></div><div class="bg-blue-500/30 rounded p-2 space-y-1"><div class="w-4 h-2 bg-foreground/50 rounded text-xs font-bold"></div><div class="w-full h-1.5 bg-foreground/20 rounded"></div><div class="w-3/4 h-1.5 bg-foreground/20 rounded"></div></div><div class="bg-yellow-500/30 rounded p-2 space-y-1"><div class="w-4 h-2 bg-foreground/50 rounded text-xs font-bold"></div><div class="w-full h-1.5 bg-foreground/20 rounded"></div><div class="w-3/4 h-1.5 bg-foreground/20 rounded"></div></div></div></div>

package/dist/spec/previews/layouts/team-bio.html

@@ -0,0 +1 @@
+<div class="w-full h-full p-5 bg-card"><div class="w-20 h-2.5 bg-foreground/80 rounded mb-4"></div><div class="grid grid-cols-3 gap-3"><div class="flex flex-col items-center gap-1.5"><div class="w-8 h-8 rounded-full bg-muted-foreground/20"></div><div class="w-10 h-1.5 bg-foreground/40 rounded"></div><div class="w-8 h-1 bg-muted-foreground/25 rounded"></div></div><div class="flex flex-col items-center gap-1.5"><div class="w-8 h-8 rounded-full bg-muted-foreground/20"></div><div class="w-10 h-1.5 bg-foreground/40 rounded"></div><div class="w-8 h-1 bg-muted-foreground/25 rounded"></div></div><div class="flex flex-col items-center gap-1.5"><div class="w-8 h-8 rounded-full bg-muted-foreground/20"></div><div class="w-10 h-1.5 bg-foreground/40 rounded"></div><div class="w-8 h-1 bg-muted-foreground/25 rounded"></div></div><div class="flex flex-col items-center gap-1.5"><div class="w-8 h-8 rounded-full bg-muted-foreground/20"></div><div class="w-10 h-1.5 bg-foreground/40 rounded"></div><div class="w-8 h-1 bg-muted-foreground/25 rounded"></div></div><div class="flex flex-col items-center gap-1.5"><div class="w-8 h-8 rounded-full bg-muted-foreground/20"></div><div class="w-10 h-1.5 bg-foreground/40 rounded"></div><div class="w-8 h-1 bg-muted-foreground/25 rounded"></div></div><div class="flex flex-col items-center gap-1.5"><div class="w-8 h-8 rounded-full bg-muted-foreground/20"></div><div class="w-10 h-1.5 bg-foreground/40 rounded"></div><div class="w-8 h-1 bg-muted-foreground/25 rounded"></div></div></div></div>

package/dist/spec/previews/layouts/testimonial-grid.html

@@ -0,0 +1 @@
+<div class="w-full h-full p-4 bg-card"><div class="grid grid-cols-2 gap-2 h-full"><div class="bg-muted rounded p-2 space-y-1"><div class="w-full h-1.5 bg-foreground/30 rounded"></div><div class="w-3/4 h-1.5 bg-foreground/20 rounded"></div><div class="flex items-center gap-1 mt-1"><div class="w-3 h-3 rounded-full bg-foreground/20"></div><div class="w-8 h-1 bg-foreground/15 rounded"></div></div></div><div class="bg-muted rounded p-2 space-y-1"><div class="w-full h-1.5 bg-foreground/30 rounded"></div><div class="w-3/4 h-1.5 bg-foreground/20 rounded"></div><div class="flex items-center gap-1 mt-1"><div class="w-3 h-3 rounded-full bg-foreground/20"></div><div class="w-8 h-1 bg-foreground/15 rounded"></div></div></div><div class="bg-muted rounded p-2 space-y-1"><div class="w-full h-1.5 bg-foreground/30 rounded"></div><div class="w-3/4 h-1.5 bg-foreground/20 rounded"></div><div class="flex items-center gap-1 mt-1"><div class="w-3 h-3 rounded-full bg-foreground/20"></div><div class="w-8 h-1 bg-foreground/15 rounded"></div></div></div><div class="bg-muted rounded p-2 space-y-1"><div class="w-full h-1.5 bg-foreground/30 rounded"></div><div class="w-3/4 h-1.5 bg-foreground/20 rounded"></div><div class="flex items-center gap-1 mt-1"><div class="w-3 h-3 rounded-full bg-foreground/20"></div><div class="w-8 h-1 bg-foreground/15 rounded"></div></div></div></div></div>

package/dist/spec/previews/layouts/thank-you-cta.html

@@ -0,0 +1 @@
+<div class="w-full h-full flex flex-col items-center justify-center gap-4 bg-gradient-to-br from-foreground to-foreground/80 p-8"><div class="w-36 h-4 bg-background/90 rounded mx-auto"></div><div class="w-48 h-2 bg-background/40 rounded mx-auto"></div><div class="w-28 h-7 bg-accent rounded-full mt-2"></div></div>

package/dist/spec/previews/layouts/three-column.html

@@ -0,0 +1 @@
+<div class="w-full h-full flex p-5 gap-3 bg-card"><div class="flex-1 space-y-2"><div class="w-6 h-6 rounded bg-accent/40 mb-2"></div><div class="w-full h-2.5 bg-foreground/80 rounded"></div><div class="w-3/4 h-2 bg-muted-foreground/30 rounded"></div><div class="w-full h-2 bg-muted-foreground/30 rounded"></div></div><div class="flex-1 space-y-2"><div class="w-6 h-6 rounded bg-accent/40 mb-2"></div><div class="w-full h-2.5 bg-foreground/80 rounded"></div><div class="w-3/4 h-2 bg-muted-foreground/30 rounded"></div><div class="w-full h-2 bg-muted-foreground/30 rounded"></div></div><div class="flex-1 space-y-2"><div class="w-6 h-6 rounded bg-accent/40 mb-2"></div><div class="w-full h-2.5 bg-foreground/80 rounded"></div><div class="w-3/4 h-2 bg-muted-foreground/30 rounded"></div><div class="w-full h-2 bg-muted-foreground/30 rounded"></div></div></div>

package/dist/spec/previews/layouts/timeline.html

@@ -0,0 +1 @@
+<div class="w-full h-full p-6 bg-card flex items-center"><div class="relative w-full"><div class="absolute top-1/2 left-0 right-0 h-px bg-foreground/30"></div><div class="flex justify-between relative"><div class="flex flex-col items-center gap-2"><div class="w-3 h-3 rounded-full border-2 bg-background border-foreground/40"></div><div class="w-8 h-1.5 bg-muted-foreground/30 rounded"></div></div><div class="flex flex-col items-center gap-2"><div class="w-3 h-3 rounded-full border-2 bg-background border-foreground/40"></div><div class="w-8 h-1.5 bg-muted-foreground/30 rounded"></div></div><div class="flex flex-col items-center gap-2"><div class="w-3 h-3 rounded-full border-2 bg-accent border-accent"></div><div class="w-8 h-1.5 bg-muted-foreground/30 rounded"></div></div><div class="flex flex-col items-center gap-2"><div class="w-3 h-3 rounded-full border-2 bg-background border-foreground/40"></div><div class="w-8 h-1.5 bg-muted-foreground/30 rounded"></div></div><div class="flex flex-col items-center gap-2"><div class="w-3 h-3 rounded-full border-2 bg-background border-foreground/40"></div><div class="w-8 h-1.5 bg-muted-foreground/30 rounded"></div></div></div></div></div>

package/dist/spec/previews/layouts/title-slide.html

@@ -0,0 +1 @@
+<div class="w-full h-full flex items-center justify-center p-8 bg-gradient-to-br from-foreground to-foreground/80"><div class="text-center"><div class="w-48 h-3 bg-background/90 rounded mx-auto mb-3"></div><div class="w-32 h-2 bg-background/50 rounded mx-auto"></div></div></div>

package/dist/spec/previews/layouts/two-column.html

@@ -0,0 +1 @@
+<div class="w-full h-full flex p-6 gap-4 bg-card"><div class="flex-1 space-y-2"><div class="w-full h-3 bg-foreground/80 rounded"></div><div class="w-3/4 h-2 bg-muted-foreground/30 rounded"></div><div class="w-full h-2 bg-muted-foreground/30 rounded"></div><div class="w-2/3 h-2 bg-muted-foreground/30 rounded"></div></div><div class="flex-1 space-y-2"><div class="w-full h-3 bg-foreground/80 rounded"></div><div class="w-3/4 h-2 bg-muted-foreground/30 rounded"></div><div class="w-full h-2 bg-muted-foreground/30 rounded"></div><div class="w-2/3 h-2 bg-muted-foreground/30 rounded"></div></div></div>

package/dist/spec/previews/layouts/venn-overlap.html

@@ -0,0 +1 @@
+<div class="relative h-full w-full overflow-hidden bg-card p-5"><div class="absolute left-[18%] top-[22%] h-24 w-24 rounded-full border border-accent/50 bg-accent/20"></div><div class="absolute left-[35%] top-[22%] h-24 w-24 rounded-full border border-foreground/20 bg-foreground/10"></div><div class="absolute left-[27%] top-[42%] h-24 w-24 rounded-full border border-accent/35 bg-accent/15"></div><div class="absolute left-1/2 top-1/2 h-10 w-24 -translate-x-1/2 -translate-y-1/2 rounded-full bg-background/90 ring-1 ring-accent/35"><div class="mx-auto mt-4 h-1.5 w-14 rounded bg-accent"></div></div><div class="absolute h-1.5 -translate-x-1/2 rounded bg-muted-foreground/35 w-12" style="top:20%;left:24%"></div><div class="absolute h-1.5 -translate-x-1/2 rounded bg-muted-foreground/35 w-14" style="top:20%;left:61%"></div><div class="absolute h-1.5 -translate-x-1/2 rounded bg-muted-foreground/35 w-16" style="top:72%;left:44%"></div></div>

package/dist/spec/previews/layouts/waterfall-bridge.html

@@ -0,0 +1 @@
+<div class="flex h-full w-full flex-col bg-card p-5"><div class="mb-4 h-2.5 w-28 rounded bg-foreground/75"></div><div class="relative flex flex-1 items-end gap-2 px-2 pb-3"><div class="absolute inset-x-2 bottom-3 h-px bg-foreground/20"></div><div class="relative h-full flex-1"><div class="absolute inset-x-0 rounded-sm bg-foreground/50" style="bottom:0%;height:58%"></div></div><div class="relative h-full flex-1"><div class="absolute inset-x-0 rounded-sm bg-accent/65" style="bottom:58%;height:28%"></div></div><div class="relative h-full flex-1"><div class="absolute inset-x-0 rounded-sm bg-accent/35" style="bottom:66%;height:20%"></div></div><div class="relative h-full flex-1"><div class="absolute inset-x-0 rounded-sm bg-foreground/25" style="bottom:44%;height:22%"></div></div><div class="relative h-full flex-1"><div class="absolute inset-x-0 rounded-sm bg-accent/55" style="bottom:44%;height:18%"></div></div><div class="relative h-full flex-1"><div class="absolute inset-x-0 rounded-sm bg-foreground/65" style="bottom:0%;height:62%"></div></div></div></div>

package/dist/spec/previews/layouts/wheel-radial.html

@@ -0,0 +1 @@
+<div class="relative h-full w-full overflow-hidden bg-card p-5"><div class="absolute left-1/2 top-1/2 h-24 w-24 -translate-x-1/2 -translate-y-1/2 rounded-full border border-foreground/15" style="background:conic-gradient(hsl(var(--accent) / 0.52) 0deg 60deg, hsl(var(--accent) / 0.22) 60deg 120deg, hsl(var(--foreground) / 0.08) 120deg 180deg, hsl(var(--accent) / 0.38) 180deg 240deg, hsl(var(--foreground) / 0.12) 240deg 300deg, hsl(var(--accent) / 0.28) 300deg 360deg)"></div><svg class="absolute inset-0 h-full w-full" viewBox="0 0 240 135" aria-hidden="true"><line x1="120" y1="68" x2="120" y2="20" stroke="hsl(var(--card))" stroke-width="2" transform="rotate(0 120 68)"></line><line x1="120" y1="68" x2="120" y2="20" stroke="hsl(var(--card))" stroke-width="2" transform="rotate(60 120 68)"></line><line x1="120" y1="68" x2="120" y2="20" stroke="hsl(var(--card))" stroke-width="2" transform="rotate(120 120 68)"></line><line x1="120" y1="68" x2="120" y2="20" stroke="hsl(var(--card))" stroke-width="2" transform="rotate(180 120 68)"></line><line x1="120" y1="68" x2="120" y2="20" stroke="hsl(var(--card))" stroke-width="2" transform="rotate(240 120 68)"></line><line x1="120" y1="68" x2="120" y2="20" stroke="hsl(var(--card))" stroke-width="2" transform="rotate(300 120 68)"></line></svg><div class="absolute left-1/2 top-1/2 h-10 w-10 -translate-x-1/2 -translate-y-1/2 rounded-full bg-background ring-1 ring-border"><div class="mx-auto mt-4 h-1.5 w-5 rounded bg-accent"></div></div><div class="absolute h-1.5 w-8 -translate-x-1/2 rounded bg-muted-foreground/30" style="top:14%;left:50%"></div><div class="absolute h-1.5 w-8 -translate-x-1/2 rounded bg-muted-foreground/30" style="top:35%;left:78%"></div><div class="absolute h-1.5 w-8 -translate-x-1/2 rounded bg-muted-foreground/30" style="top:70%;left:73%"></div><div class="absolute h-1.5 w-8 -translate-x-1/2 rounded bg-muted-foreground/30" style="top:77%;left:50%"></div><div class="absolute h-1.5 w-8 -translate-x-1/2 rounded bg-muted-foreground/30" style="top:70%;left:27%"></div><div class="absolute h-1.5 w-8 -translate-x-1/2 rounded bg-muted-foreground/30" style="top:35%;left:22%"></div></div>