feat: release design system engine, studio and component contracts

packages/email-renderer/test/survey-brand.test.ts

@@ -5,10 +5,40 @@ import { renderEmail } from "../src/index.ts";
 const compile = createRequire(import.meta.url)("mjml");
 
 test("survey MJML button inherits brand color and preserves safe text fallback", async () => {
-  const document: BlockDocument = { schemaVersion: 1, kind: "email", meta: { subject: "Survey" }, theme: { tokens: {} }, root: { id: "root", type: "layout.email-document", version: 1, props: { width: "600", linkColor: "#a12345" }, styles: {}, slots: { content: [{ id: "survey", type: "content.survey", version: 1, props: { question: "How was your visit?", buttonLabel: "Answer & share", href: "https://example.com/survey" }, styles: {}, slots: {} }] } } };
+  const document: BlockDocument = {
+    schemaVersion: 1,
+    kind: "email",
+    meta: { subject: "Survey" },
+    theme: { tokens: {} },
+    root: {
+      id: "root",
+      type: "layout.email-document",
+      version: 1,
+      props: { width: "600", linkColor: "#a12345" },
+      styles: {},
+      slots: {
+        content: [
+          {
+            id: "survey",
+            type: "content.survey",
+            version: 1,
+            props: {
+              question: "How was your visit?",
+              buttonLabel: "Answer & share",
+              href: "https://example.com/survey",
+            },
+            styles: {},
+            slots: {},
+          },
+        ],
+      },
+    },
+  };
   const result = await renderEmail(document, { mjml: true });
   if (!result.ok) throw new Error("Render failed");
-  expect(result.value.parts.text.content).toContain("How was your visit?\nAnswer & share: https://example.com/survey");
+  expect(result.value.parts.text.content).toContain(
+    "How was your visit?\nAnswer & share: https://example.com/survey",
+  );
   const compiled = await compile(result.value.exports!.mjml!, { validationLevel: "strict" });
   expect(compiled.errors).toEqual([]);
   expect(compiled.html).toContain("background:#a12345");