@contractspec/bundle.marketing 1.12.0 → 1.14.0

package/dist/components/templates/TemplatesPage.d.ts

@@ -1,7 +1,2 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
-//#region src/components/templates/TemplatesPage.d.ts
-declare function TemplatesMarketingPage(): react_jsx_runtime0.JSX.Element;
-//#endregion
-export { TemplatesMarketingPage };
+export declare function TemplatesMarketingPage(): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=TemplatesPage.d.ts.map

package/dist/components/templates/TemplatesPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TemplatesPage.d.ts","names":[],"sources":["../../../src/components/templates/TemplatesPage.tsx"],"mappings":";;;iBA0BgB,sBAAA,CAAA,GAAsB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"TemplatesPage.d.ts","sourceRoot":"","sources":["../../../src/components/templates/TemplatesPage.tsx"],"names":[],"mappings":"AA0BA,wBAAgB,sBAAsB,4CA2FrC"}

package/dist/components/templates/TemplatesPage.js

@@ -1,125 +1,172 @@
-'use client';
+// @bun
+var __require = import.meta.require;
 
-import { HStack, VStack } from "@contractspec/lib.ui-kit-web/ui/stack";
-import { Button, ButtonLink, Input, MarketingCard, MarketingCardContent, MarketingCardDescription, MarketingCardHeader, MarketingCardTitle, MarketingSection } from "@contractspec/lib.design-system";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+// src/components/templates/TemplatesPage.tsx
 import { useMemo, useState } from "react";
+import {
+  Button,
+  ButtonLink,
+  Input,
+  MarketingCard,
+  MarketingCardContent,
+  MarketingCardDescription,
+  MarketingCardHeader,
+  MarketingCardTitle,
+  MarketingSection
+} from "@contractspec/lib.design-system";
+import { HStack, VStack } from "@contractspec/lib.ui-kit-web/ui/stack";
 import { listTemplates } from "@contractspec/module.examples";
-
-//#region src/components/templates/TemplatesPage.tsx
+import { jsxDEV, Fragment } from "react/jsx-dev-runtime";
+"use client";
 function matchesQuery(t, query) {
-	const q = query.trim().toLowerCase();
-	if (!q) return true;
-	return `${t.id} ${t.name} ${t.description} ${t.tags.join(" ")}`.toLowerCase().includes(q);
+  const q = query.trim().toLowerCase();
+  if (!q)
+    return true;
+  const hay = `${t.id} ${t.name} ${t.description} ${t.tags.join(" ")}`.toLowerCase();
+  return hay.includes(q);
 }
 function TemplatesMarketingPage() {
-	const [query, setQuery] = useState("");
-	const templates = useMemo(() => listTemplates(), []);
-	const filtered = useMemo(() => templates.filter((t) => matchesQuery(t, query)), [templates, query]);
-	return /* @__PURE__ */ jsxs(Fragment, { children: [
-		/* @__PURE__ */ jsx(MarketingSection, {
-			tone: "default",
-			children: /* @__PURE__ */ jsxs(VStack, {
-				as: "header",
-				gap: "lg",
-				align: "center",
-				children: [/* @__PURE__ */ jsxs(VStack, {
-					gap: "sm",
-					align: "center",
-					children: [/* @__PURE__ */ jsx(ButtonLink, {
-						href: "/docs",
-						variant: "ghost",
-						children: "Docs"
-					}), /* @__PURE__ */ jsx(ButtonLink, {
-						href: "/sandbox",
-						variant: "ghost",
-						children: "Open Sandbox"
-					})]
-				}), /* @__PURE__ */ jsx(VStack, {
-					gap: "sm",
-					align: "center",
-					children: /* @__PURE__ */ jsx(ButtonLink, {
-						href: "/templates",
-						variant: "default",
-						children: "Templates"
-					})
-				})]
-			})
-		}),
-		/* @__PURE__ */ jsx(MarketingSection, {
-			tone: "muted",
-			children: /* @__PURE__ */ jsxs(VStack, {
-				gap: "lg",
-				children: [/* @__PURE__ */ jsx(VStack, {
-					gap: "sm",
-					children: /* @__PURE__ */ jsx(ButtonLink, {
-						href: "/templates",
-						variant: "ghost",
-						children: "Browse all examples"
-					})
-				}), /* @__PURE__ */ jsx(HStack, {
-					gap: "md",
-					align: "center",
-					justify: "between",
-					wrap: "wrap",
-					children: /* @__PURE__ */ jsx(Input, {
-						"aria-label": "Search templates and examples",
-						placeholder: "Search templates and examples…",
-						value: query,
-						onChange: (e) => setQuery(e.target.value)
-					})
-				})]
-			})
-		}),
-		/* @__PURE__ */ jsx(MarketingSection, {
-			tone: "default",
-			children: /* @__PURE__ */ jsx(VStack, {
-				gap: "lg",
-				children: /* @__PURE__ */ jsx(HStack, {
-					gap: "md",
-					wrap: "wrap",
-					children: filtered.map((t) => /* @__PURE__ */ jsxs(MarketingCard, {
-						className: "w-full md:w-[calc(50%-0.75rem)] lg:w-[calc(33.333%-1rem)]",
-						children: [/* @__PURE__ */ jsxs(MarketingCardHeader, { children: [/* @__PURE__ */ jsxs(MarketingCardTitle, { children: [
-							t.icon,
-							" ",
-							t.name
-						] }), /* @__PURE__ */ jsx(MarketingCardDescription, { children: t.description })] }), /* @__PURE__ */ jsx(MarketingCardContent, { children: /* @__PURE__ */ jsxs(VStack, {
-							gap: "md",
-							children: [/* @__PURE__ */ jsx(HStack, {
-								gap: "sm",
-								wrap: "wrap",
-								children: t.tags.slice(0, 6).map((tag) => /* @__PURE__ */ jsx(ButtonLink, {
-									href: `/templates?tag=${encodeURIComponent(tag)}`,
-									variant: "ghost",
-									children: tag
-								}, `${t.id}-${tag}`))
-							}), /* @__PURE__ */ jsxs(HStack, {
-								gap: "sm",
-								justify: "between",
-								wrap: "wrap",
-								children: [/* @__PURE__ */ jsx(ButtonLinkToSandbox, { templateId: t.id }), /* @__PURE__ */ jsx(Button, {
-									variant: "outline",
-									onClick: () => void 0,
-									disabled: true,
-									children: "Install to Studio (soon)"
-								})]
-							})]
-						}) })]
-					}, t.id))
-				})
-			})
-		})
-	] });
+  const [query, setQuery] = useState("");
+  const templates = useMemo(() => listTemplates(), []);
+  const filtered = useMemo(() => templates.filter((t) => matchesQuery(t, query)), [templates, query]);
+  return /* @__PURE__ */ jsxDEV(Fragment, {
+    children: [
+      /* @__PURE__ */ jsxDEV(MarketingSection, {
+        tone: "default",
+        children: /* @__PURE__ */ jsxDEV(VStack, {
+          as: "header",
+          gap: "lg",
+          align: "center",
+          children: [
+            /* @__PURE__ */ jsxDEV(VStack, {
+              gap: "sm",
+              align: "center",
+              children: [
+                /* @__PURE__ */ jsxDEV(ButtonLink, {
+                  href: "/docs",
+                  variant: "ghost",
+                  children: "Docs"
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV(ButtonLink, {
+                  href: "/sandbox",
+                  variant: "ghost",
+                  children: "Open Sandbox"
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this),
+            /* @__PURE__ */ jsxDEV(VStack, {
+              gap: "sm",
+              align: "center",
+              children: /* @__PURE__ */ jsxDEV(ButtonLink, {
+                href: "/templates",
+                variant: "default",
+                children: "Templates"
+              }, undefined, false, undefined, this)
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV(MarketingSection, {
+        tone: "muted",
+        children: /* @__PURE__ */ jsxDEV(VStack, {
+          gap: "lg",
+          children: [
+            /* @__PURE__ */ jsxDEV(VStack, {
+              gap: "sm",
+              children: /* @__PURE__ */ jsxDEV(ButtonLink, {
+                href: "/templates",
+                variant: "ghost",
+                children: "Browse all examples"
+              }, undefined, false, undefined, this)
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV(HStack, {
+              gap: "md",
+              align: "center",
+              justify: "between",
+              wrap: "wrap",
+              children: /* @__PURE__ */ jsxDEV(Input, {
+                "aria-label": "Search templates and examples",
+                placeholder: "Search templates and examples\u2026",
+                value: query,
+                onChange: (e) => setQuery(e.target.value)
+              }, undefined, false, undefined, this)
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV(MarketingSection, {
+        tone: "default",
+        children: /* @__PURE__ */ jsxDEV(VStack, {
+          gap: "lg",
+          children: /* @__PURE__ */ jsxDEV(HStack, {
+            gap: "md",
+            wrap: "wrap",
+            children: filtered.map((t) => /* @__PURE__ */ jsxDEV(MarketingCard, {
+              className: "w-full md:w-[calc(50%-0.75rem)] lg:w-[calc(33.333%-1rem)]",
+              children: [
+                /* @__PURE__ */ jsxDEV(MarketingCardHeader, {
+                  children: [
+                    /* @__PURE__ */ jsxDEV(MarketingCardTitle, {
+                      children: [
+                        t.icon,
+                        " ",
+                        t.name
+                      ]
+                    }, undefined, true, undefined, this),
+                    /* @__PURE__ */ jsxDEV(MarketingCardDescription, {
+                      children: t.description
+                    }, undefined, false, undefined, this)
+                  ]
+                }, undefined, true, undefined, this),
+                /* @__PURE__ */ jsxDEV(MarketingCardContent, {
+                  children: /* @__PURE__ */ jsxDEV(VStack, {
+                    gap: "md",
+                    children: [
+                      /* @__PURE__ */ jsxDEV(HStack, {
+                        gap: "sm",
+                        wrap: "wrap",
+                        children: t.tags.slice(0, 6).map((tag) => /* @__PURE__ */ jsxDEV(ButtonLink, {
+                          href: `/templates?tag=${encodeURIComponent(tag)}`,
+                          variant: "ghost",
+                          children: tag
+                        }, `${t.id}-${tag}`, false, undefined, this))
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV(HStack, {
+                        gap: "sm",
+                        justify: "between",
+                        wrap: "wrap",
+                        children: [
+                          /* @__PURE__ */ jsxDEV(ButtonLinkToSandbox, {
+                            templateId: t.id
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsxDEV(Button, {
+                            variant: "outline",
+                            onClick: () => {
+                              return;
+                            },
+                            disabled: true,
+                            children: "Install to Studio (soon)"
+                          }, undefined, false, undefined, this)
+                        ]
+                      }, undefined, true, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this)
+                }, undefined, false, undefined, this)
+              ]
+            }, t.id, true, undefined, this))
+          }, undefined, false, undefined, this)
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
 }
 function ButtonLinkToSandbox({ templateId }) {
-	return /* @__PURE__ */ jsx(ButtonLink, {
-		href: `/sandbox?template=${encodeURIComponent(templateId)}`,
-		variant: "default",
-		children: "Preview"
-	});
+  return /* @__PURE__ */ jsxDEV(ButtonLink, {
+    href: `/sandbox?template=${encodeURIComponent(templateId)}`,
+    variant: "default",
+    children: "Preview"
+  }, undefined, false, undefined, this);
 }
-
-//#endregion
-export { TemplatesMarketingPage };
-//# sourceMappingURL=TemplatesPage.js.map
+export {
+  TemplatesMarketingPage
+};

package/dist/components/templates/TemplatesPreviewModal.d.ts

@@ -1,15 +1,8 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { TemplateId } from "@contractspec/lib.example-shared-ui";
-
-//#region src/components/templates/TemplatesPreviewModal.d.ts
+import type { TemplateId } from '@contractspec/lib.example-shared-ui';
 interface TemplatePreviewModalProps {
-  templateId: TemplateId | null;
-  onClose: () => void;
+    templateId: TemplateId | null;
+    onClose: () => void;
 }
-declare const TemplatePreviewModal: ({
-  templateId,
-  onClose
-}: TemplatePreviewModalProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-export { TemplatePreviewModal };
+export declare const TemplatePreviewModal: ({ templateId, onClose, }: TemplatePreviewModalProps) => import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=TemplatesPreviewModal.d.ts.map

package/dist/components/templates/TemplatesPreviewModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TemplatesPreviewModal.d.ts","names":[],"sources":["../../../src/components/templates/TemplatesPreviewModal.tsx"],"mappings":";;;;UAmGU,yBAAA;EACR,UAAA,EAAY,UAAA;EACZ,OAAA;AAAA;AAAA,cAmBW,oBAAA;EAAwB,UAAA;EAAA;AAAA,GAGlC,yBAAA,KAAyB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"TemplatesPreviewModal.d.ts","sourceRoot":"","sources":["../../../src/components/templates/TemplatesPreviewModal.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AA2FtE,UAAU,yBAAyB;IACjC,UAAU,EAAE,UAAU,GAAG,IAAI,CAAC;IAC9B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAkBD,eAAO,MAAM,oBAAoB,GAAI,0BAGlC,yBAAyB,4CAwI3B,CAAC"}

package/dist/components/templates/TemplatesPreviewModal.js

@@ -1,137 +1,119 @@
-'use client';
+// @bun
+var __require = import.meta.require;
 
-import { jsx } from "react/jsx-runtime";
+// src/components/templates/TemplatesPreviewModal.tsx
 import { useMemo } from "react";
-import { Dialog, DialogContent } from "@contractspec/lib.ui-kit-web/ui/dialog";
 import dynamic from "next/dynamic";
+import { Dialog, DialogContent } from "@contractspec/lib.ui-kit-web/ui/dialog";
 import { ScrollArea } from "@contractspec/lib.ui-kit-web/ui/scroll-area";
 import { LoadingSpinner } from "@contractspec/lib.ui-kit-web/ui/atoms/LoadingSpinner";
-
-//#region src/components/templates/TemplatesPreviewModal.tsx
-const TemplateShell = dynamic(() => import("@contractspec/lib.example-shared-ui").then((mod) => mod.TemplateShell), {
-	ssr: false,
-	loading: () => /* @__PURE__ */ jsx(LoadingSpinner, {})
-});
-const TodosTaskList = dynamic(() => import("@contractspec/bundle.library/components/templates/todos/TaskList").then((mod) => mod.TaskList), {
-	ssr: false,
-	loading: () => /* @__PURE__ */ jsx(LoadingSpinner, {})
-});
-const MessagingWorkspace = dynamic(() => import("@contractspec/bundle.library/components/templates/messaging/MessagingWorkspace").then((mod) => mod.MessagingWorkspace), {
-	ssr: false,
-	loading: () => /* @__PURE__ */ jsx(LoadingSpinner, {})
-});
-const RecipesExperience = dynamic(() => import("@contractspec/bundle.library/components/templates/recipes/RecipeList").then((mod) => mod.RecipeList), {
-	ssr: false,
-	loading: () => /* @__PURE__ */ jsx(LoadingSpinner, {})
-});
-const SaasDashboard = dynamic(() => import("@contractspec/example.saas-boilerplate").then((mod) => mod.SaasDashboard), {
-	ssr: false,
-	loading: () => /* @__PURE__ */ jsx(LoadingSpinner, {})
-});
-const CrmDashboard = dynamic(() => import("@contractspec/example.crm-pipeline").then((mod) => mod.CrmDashboard), {
-	ssr: false,
-	loading: () => /* @__PURE__ */ jsx(LoadingSpinner, {})
-});
-const AgentDashboard = dynamic(() => import("@contractspec/example.agent-console/ui").then((mod) => mod.AgentDashboard), {
-	ssr: false,
-	loading: () => /* @__PURE__ */ jsx(LoadingSpinner, {})
-});
-const WorkflowDashboard = dynamic(() => import("@contractspec/example.workflow-system/ui").then((mod) => mod.WorkflowDashboard), {
-	ssr: false,
-	loading: () => /* @__PURE__ */ jsx(LoadingSpinner, {})
-});
-const MarketplaceDashboard = dynamic(() => import("@contractspec/example.marketplace/ui").then((mod) => mod.MarketplaceDashboard), {
-	ssr: false,
-	loading: () => /* @__PURE__ */ jsx(LoadingSpinner, {})
-});
-const IntegrationDashboard = dynamic(() => import("@contractspec/example.integration-hub/ui").then((mod) => mod.IntegrationDashboard), {
-	ssr: false,
-	loading: () => /* @__PURE__ */ jsx(LoadingSpinner, {})
-});
-const AnalyticsDashboard = dynamic(() => import("@contractspec/example.analytics-dashboard").then((mod) => mod.AnalyticsDashboard), {
-	ssr: false,
-	loading: () => /* @__PURE__ */ jsx(LoadingSpinner, {})
-});
-const TemplatePreviewModal = ({ templateId, onClose }) => {
-	const previewComponent = useMemo(() => {
-		switch (templateId) {
-			case "todos-app": return /* @__PURE__ */ jsx(TemplateShell, {
-				title: "Starter tasks",
-				description: "Track work items with filters, priorities, and per-tenant data isolation.",
-				showSaveAction: false,
-				children: /* @__PURE__ */ jsx(TodosTaskList, {})
-			});
-			case "messaging-app": return /* @__PURE__ */ jsx(TemplateShell, {
-				title: "Messaging workspace",
-				description: "Realtime-ready messaging surface with optimistic delivery.",
-				showSaveAction: false,
-				children: /* @__PURE__ */ jsx(MessagingWorkspace, {})
-			});
-			case "recipe-app-i18n": return /* @__PURE__ */ jsx(TemplateShell, {
-				title: "Ceremony recipes",
-				description: "Switch locales and preview how rituals translate across teams.",
-				showSaveAction: false,
-				children: /* @__PURE__ */ jsx(RecipesExperience, {})
-			});
-			case "saas-boilerplate": return /* @__PURE__ */ jsx(TemplateShell, {
-				title: "SaaS Boilerplate",
-				description: "Multi-tenant organizations, projects, settings, and billing usage tracking.",
-				showSaveAction: false,
-				children: /* @__PURE__ */ jsx(SaasDashboard, {})
-			});
-			case "crm-pipeline": return /* @__PURE__ */ jsx(TemplateShell, {
-				title: "CRM Pipeline",
-				description: "Sales CRM with contacts, companies, deals, and pipeline stages.",
-				showSaveAction: false,
-				children: /* @__PURE__ */ jsx(CrmDashboard, {})
-			});
-			case "agent-console": return /* @__PURE__ */ jsx(TemplateShell, {
-				title: "AI Agent Console",
-				description: "AI agent orchestration with tools, agents, runs, and execution logs.",
-				showSaveAction: false,
-				children: /* @__PURE__ */ jsx(AgentDashboard, {})
-			});
-			case "workflow-system": return /* @__PURE__ */ jsx(TemplateShell, {
-				title: "Workflow System",
-				description: "Multi-step workflows with role-based approvals.",
-				showSaveAction: false,
-				children: /* @__PURE__ */ jsx(WorkflowDashboard, {})
-			});
-			case "marketplace": return /* @__PURE__ */ jsx(TemplateShell, {
-				title: "Marketplace",
-				description: "Two-sided marketplace with stores, products, and orders.",
-				showSaveAction: false,
-				children: /* @__PURE__ */ jsx(MarketplaceDashboard, {})
-			});
-			case "integration-hub": return /* @__PURE__ */ jsx(TemplateShell, {
-				title: "Integration Hub",
-				description: "Third-party integrations with sync and field mapping.",
-				showSaveAction: false,
-				children: /* @__PURE__ */ jsx(IntegrationDashboard, {})
-			});
-			case "analytics-dashboard": return /* @__PURE__ */ jsx(TemplateShell, {
-				title: "Analytics Dashboard",
-				description: "Custom dashboards with widgets and queries.",
-				showSaveAction: false,
-				children: /* @__PURE__ */ jsx(AnalyticsDashboard, {})
-			});
-			case null: return null;
-			default: return null;
-		}
-	}, [templateId]);
-	return /* @__PURE__ */ jsx(Dialog, {
-		open: !!previewComponent,
-		onOpenChange: onClose,
-		children: /* @__PURE__ */ jsx(DialogContent, {
-			className: "mb-8 flex h-[calc(100vh-2rem)] min-w-[calc(100vw-2rem)] flex-col justify-between gap-0 p-0",
-			children: /* @__PURE__ */ jsx(ScrollArea, {
-				className: "flex flex-col justify-between overflow-hidden",
-				children: previewComponent
-			})
-		})
-	});
+import { jsxDEV } from "react/jsx-dev-runtime";
+"use client";
+var TemplateShell = dynamic(() => import("@contractspec/lib.example-shared-ui").then((mod) => mod.TemplateShell), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV(LoadingSpinner, {}, undefined, false, undefined, this) });
+var TodosTaskList = dynamic(() => import("@contractspec/bundle.library/components/templates/todos/TaskList").then((mod) => mod.TaskList), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV(LoadingSpinner, {}, undefined, false, undefined, this) });
+var MessagingWorkspace = dynamic(() => import("@contractspec/bundle.library/components/templates/messaging/MessagingWorkspace").then((mod) => mod.MessagingWorkspace), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV(LoadingSpinner, {}, undefined, false, undefined, this) });
+var RecipesExperience = dynamic(() => import("@contractspec/bundle.library/components/templates/recipes/RecipeList").then((mod) => mod.RecipeList), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV(LoadingSpinner, {}, undefined, false, undefined, this) });
+var SaasDashboard = dynamic(() => import("@contractspec/example.saas-boilerplate").then((mod) => mod.SaasDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV(LoadingSpinner, {}, undefined, false, undefined, this) });
+var CrmDashboard = dynamic(() => import("@contractspec/example.crm-pipeline").then((mod) => mod.CrmDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV(LoadingSpinner, {}, undefined, false, undefined, this) });
+var AgentDashboard = dynamic(() => import("@contractspec/example.agent-console/ui").then((mod) => mod.AgentDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV(LoadingSpinner, {}, undefined, false, undefined, this) });
+var WorkflowDashboard = dynamic(() => import("@contractspec/example.workflow-system/ui").then((mod) => mod.WorkflowDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV(LoadingSpinner, {}, undefined, false, undefined, this) });
+var MarketplaceDashboard = dynamic(() => import("@contractspec/example.marketplace/ui").then((mod) => mod.MarketplaceDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV(LoadingSpinner, {}, undefined, false, undefined, this) });
+var IntegrationDashboard = dynamic(() => import("@contractspec/example.integration-hub/ui").then((mod) => mod.IntegrationDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV(LoadingSpinner, {}, undefined, false, undefined, this) });
+var AnalyticsDashboard = dynamic(() => import("@contractspec/example.analytics-dashboard").then((mod) => mod.AnalyticsDashboard), { ssr: false, loading: () => /* @__PURE__ */ jsxDEV(LoadingSpinner, {}, undefined, false, undefined, this) });
+var TemplatePreviewModal = ({
+  templateId,
+  onClose
+}) => {
+  const previewComponent = useMemo(() => {
+    switch (templateId) {
+      case "todos-app":
+        return /* @__PURE__ */ jsxDEV(TemplateShell, {
+          title: "Starter tasks",
+          description: "Track work items with filters, priorities, and per-tenant data isolation.",
+          showSaveAction: false,
+          children: /* @__PURE__ */ jsxDEV(TodosTaskList, {}, undefined, false, undefined, this)
+        }, undefined, false, undefined, this);
+      case "messaging-app":
+        return /* @__PURE__ */ jsxDEV(TemplateShell, {
+          title: "Messaging workspace",
+          description: "Realtime-ready messaging surface with optimistic delivery.",
+          showSaveAction: false,
+          children: /* @__PURE__ */ jsxDEV(MessagingWorkspace, {}, undefined, false, undefined, this)
+        }, undefined, false, undefined, this);
+      case "recipe-app-i18n":
+        return /* @__PURE__ */ jsxDEV(TemplateShell, {
+          title: "Ceremony recipes",
+          description: "Switch locales and preview how rituals translate across teams.",
+          showSaveAction: false,
+          children: /* @__PURE__ */ jsxDEV(RecipesExperience, {}, undefined, false, undefined, this)
+        }, undefined, false, undefined, this);
+      case "saas-boilerplate":
+        return /* @__PURE__ */ jsxDEV(TemplateShell, {
+          title: "SaaS Boilerplate",
+          description: "Multi-tenant organizations, projects, settings, and billing usage tracking.",
+          showSaveAction: false,
+          children: /* @__PURE__ */ jsxDEV(SaasDashboard, {}, undefined, false, undefined, this)
+        }, undefined, false, undefined, this);
+      case "crm-pipeline":
+        return /* @__PURE__ */ jsxDEV(TemplateShell, {
+          title: "CRM Pipeline",
+          description: "Sales CRM with contacts, companies, deals, and pipeline stages.",
+          showSaveAction: false,
+          children: /* @__PURE__ */ jsxDEV(CrmDashboard, {}, undefined, false, undefined, this)
+        }, undefined, false, undefined, this);
+      case "agent-console":
+        return /* @__PURE__ */ jsxDEV(TemplateShell, {
+          title: "AI Agent Console",
+          description: "AI agent orchestration with tools, agents, runs, and execution logs.",
+          showSaveAction: false,
+          children: /* @__PURE__ */ jsxDEV(AgentDashboard, {}, undefined, false, undefined, this)
+        }, undefined, false, undefined, this);
+      case "workflow-system":
+        return /* @__PURE__ */ jsxDEV(TemplateShell, {
+          title: "Workflow System",
+          description: "Multi-step workflows with role-based approvals.",
+          showSaveAction: false,
+          children: /* @__PURE__ */ jsxDEV(WorkflowDashboard, {}, undefined, false, undefined, this)
+        }, undefined, false, undefined, this);
+      case "marketplace":
+        return /* @__PURE__ */ jsxDEV(TemplateShell, {
+          title: "Marketplace",
+          description: "Two-sided marketplace with stores, products, and orders.",
+          showSaveAction: false,
+          children: /* @__PURE__ */ jsxDEV(MarketplaceDashboard, {}, undefined, false, undefined, this)
+        }, undefined, false, undefined, this);
+      case "integration-hub":
+        return /* @__PURE__ */ jsxDEV(TemplateShell, {
+          title: "Integration Hub",
+          description: "Third-party integrations with sync and field mapping.",
+          showSaveAction: false,
+          children: /* @__PURE__ */ jsxDEV(IntegrationDashboard, {}, undefined, false, undefined, this)
+        }, undefined, false, undefined, this);
+      case "analytics-dashboard":
+        return /* @__PURE__ */ jsxDEV(TemplateShell, {
+          title: "Analytics Dashboard",
+          description: "Custom dashboards with widgets and queries.",
+          showSaveAction: false,
+          children: /* @__PURE__ */ jsxDEV(AnalyticsDashboard, {}, undefined, false, undefined, this)
+        }, undefined, false, undefined, this);
+      case null:
+        return null;
+      default:
+        return null;
+    }
+  }, [templateId]);
+  return /* @__PURE__ */ jsxDEV(Dialog, {
+    open: !!previewComponent,
+    onOpenChange: onClose,
+    children: /* @__PURE__ */ jsxDEV(DialogContent, {
+      className: "mb-8 flex h-[calc(100vh-2rem)] min-w-[calc(100vw-2rem)] flex-col justify-between gap-0 p-0",
+      children: /* @__PURE__ */ jsxDEV(ScrollArea, {
+        className: "flex flex-col justify-between overflow-hidden",
+        children: previewComponent
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+};
+export {
+  TemplatePreviewModal
 };
-
-//#endregion
-export { TemplatePreviewModal };
-//# sourceMappingURL=TemplatesPreviewModal.js.map

package/dist/components/templates/index.d.ts

@@ -1,4 +1,4 @@
-import { TemplatesPage } from "./TemplatesClientPage.js";
-import { TemplatesMarketingPage } from "./TemplatesPage.js";
-import { TemplatePreviewModal } from "./TemplatesPreviewModal.js";
-export { TemplatePreviewModal, TemplatesMarketingPage, TemplatesPage };
+export * from './TemplatesClientPage';
+export * from './TemplatesPage';
+export * from './TemplatesPreviewModal';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/templates/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/templates/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC"}