@json-render/react-email 0.8.0

package/dist/catalog.d.ts

@@ -0,0 +1,216 @@
+import { z } from 'zod';
+
+/**
+ * Standard component definitions for React Email catalogs.
+ *
+ * These define the available email components with their Zod prop schemas.
+ * All components render using @react-email/components primitives.
+ */
+declare const standardComponentDefinitions: {
+    Html: {
+        props: z.ZodObject<{
+            lang: z.ZodNullable<z.ZodString>;
+            dir: z.ZodNullable<z.ZodEnum<{
+                ltr: "ltr";
+                rtl: "rtl";
+            }>>;
+        }, z.core.$strip>;
+        slots: string[];
+        description: string;
+        example: {
+            lang: string;
+            dir: string;
+        };
+    };
+    Head: {
+        props: z.ZodObject<{}, z.core.$strip>;
+        slots: string[];
+        description: string;
+        example: {};
+    };
+    Body: {
+        props: z.ZodObject<{
+            style: z.ZodNullable<z.ZodRecord<z.ZodString, z.ZodAny>>;
+        }, z.core.$strip>;
+        slots: string[];
+        description: string;
+        example: {
+            style: {
+                backgroundColor: string;
+            };
+        };
+    };
+    Container: {
+        props: z.ZodObject<{
+            style: z.ZodNullable<z.ZodRecord<z.ZodString, z.ZodAny>>;
+        }, z.core.$strip>;
+        slots: string[];
+        description: string;
+        example: {
+            style: {
+                maxWidth: string;
+                margin: string;
+                padding: string;
+            };
+        };
+    };
+    Section: {
+        props: z.ZodObject<{
+            style: z.ZodNullable<z.ZodRecord<z.ZodString, z.ZodAny>>;
+        }, z.core.$strip>;
+        slots: string[];
+        description: string;
+        example: {
+            style: {
+                padding: string;
+                backgroundColor: string;
+            };
+        };
+    };
+    Row: {
+        props: z.ZodObject<{
+            style: z.ZodNullable<z.ZodRecord<z.ZodString, z.ZodAny>>;
+        }, z.core.$strip>;
+        slots: string[];
+        description: string;
+        example: {
+            style: {};
+        };
+    };
+    Column: {
+        props: z.ZodObject<{
+            style: z.ZodNullable<z.ZodRecord<z.ZodString, z.ZodAny>>;
+        }, z.core.$strip>;
+        slots: string[];
+        description: string;
+        example: {
+            style: {
+                width: string;
+            };
+        };
+    };
+    Heading: {
+        props: z.ZodObject<{
+            text: z.ZodString;
+            as: z.ZodNullable<z.ZodEnum<{
+                h1: "h1";
+                h2: "h2";
+                h3: "h3";
+                h4: "h4";
+                h5: "h5";
+                h6: "h6";
+            }>>;
+            style: z.ZodNullable<z.ZodRecord<z.ZodString, z.ZodAny>>;
+        }, z.core.$strip>;
+        slots: never[];
+        description: string;
+        example: {
+            text: string;
+            as: string;
+        };
+    };
+    Text: {
+        props: z.ZodObject<{
+            text: z.ZodString;
+            style: z.ZodNullable<z.ZodRecord<z.ZodString, z.ZodAny>>;
+        }, z.core.$strip>;
+        slots: never[];
+        description: string;
+        example: {
+            text: string;
+        };
+    };
+    Link: {
+        props: z.ZodObject<{
+            text: z.ZodString;
+            href: z.ZodString;
+            style: z.ZodNullable<z.ZodRecord<z.ZodString, z.ZodAny>>;
+        }, z.core.$strip>;
+        slots: never[];
+        description: string;
+        example: {
+            text: string;
+            href: string;
+            style: {
+                color: string;
+            };
+        };
+    };
+    Button: {
+        props: z.ZodObject<{
+            text: z.ZodString;
+            href: z.ZodString;
+            style: z.ZodNullable<z.ZodRecord<z.ZodString, z.ZodAny>>;
+        }, z.core.$strip>;
+        slots: never[];
+        description: string;
+        example: {
+            text: string;
+            href: string;
+            style: {
+                backgroundColor: string;
+                borderRadius: string;
+                color: string;
+                padding: string;
+            };
+        };
+    };
+    Image: {
+        props: z.ZodObject<{
+            src: z.ZodString;
+            alt: z.ZodNullable<z.ZodString>;
+            width: z.ZodNullable<z.ZodNumber>;
+            height: z.ZodNullable<z.ZodNumber>;
+            style: z.ZodNullable<z.ZodRecord<z.ZodString, z.ZodAny>>;
+        }, z.core.$strip>;
+        slots: never[];
+        description: string;
+        example: {
+            src: string;
+            alt: string;
+            width: number;
+            height: number;
+        };
+    };
+    Hr: {
+        props: z.ZodObject<{
+            style: z.ZodNullable<z.ZodRecord<z.ZodString, z.ZodAny>>;
+        }, z.core.$strip>;
+        slots: never[];
+        description: string;
+        example: {
+            style: {
+                borderColor: string;
+                margin: string;
+            };
+        };
+    };
+    Preview: {
+        props: z.ZodObject<{
+            text: z.ZodString;
+        }, z.core.$strip>;
+        slots: never[];
+        description: string;
+        example: {
+            text: string;
+        };
+    };
+    Markdown: {
+        props: z.ZodObject<{
+            content: z.ZodString;
+            markdownContainerStyles: z.ZodNullable<z.ZodRecord<z.ZodString, z.ZodAny>>;
+            markdownCustomStyles: z.ZodNullable<z.ZodRecord<z.ZodString, z.ZodAny>>;
+        }, z.core.$strip>;
+        slots: never[];
+        description: string;
+        example: {
+            content: string;
+        };
+    };
+};
+type StandardComponentDefinitions = typeof standardComponentDefinitions;
+type StandardComponentProps<K extends keyof StandardComponentDefinitions> = StandardComponentDefinitions[K]["props"] extends {
+    _output: infer O;
+} ? O : z.output<StandardComponentDefinitions[K]["props"]>;
+
+export { type StandardComponentDefinitions, type StandardComponentProps, standardComponentDefinitions };

package/dist/catalog.js

@@ -0,0 +1,203 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/catalog.ts
+var catalog_exports = {};
+__export(catalog_exports, {
+  standardComponentDefinitions: () => standardComponentDefinitions
+});
+module.exports = __toCommonJS(catalog_exports);
+var import_zod = require("zod");
+var styleSchema = import_zod.z.record(import_zod.z.string(), import_zod.z.any()).nullable();
+var standardComponentDefinitions = {
+  // ==========================================================================
+  // Document Structure
+  // ==========================================================================
+  Html: {
+    props: import_zod.z.object({
+      lang: import_zod.z.string().nullable(),
+      dir: import_zod.z.enum(["ltr", "rtl"]).nullable()
+    }),
+    slots: ["default"],
+    description: "Top-level HTML email wrapper. Must be the root element. Children should include Head and Body.",
+    example: { lang: "en", dir: "ltr" }
+  },
+  Head: {
+    props: import_zod.z.object({}),
+    slots: ["default"],
+    description: "Email head section. Place inside Html. Can contain metadata but typically left empty.",
+    example: {}
+  },
+  Body: {
+    props: import_zod.z.object({
+      style: styleSchema
+    }),
+    slots: ["default"],
+    description: "Email body wrapper. Place inside Html after Head. Contains all visible email content.",
+    example: { style: { backgroundColor: "#f6f9fc" } }
+  },
+  Container: {
+    props: import_zod.z.object({
+      style: styleSchema
+    }),
+    slots: ["default"],
+    description: "Constrains content width for email clients. Place inside Body. Typically max-width 600px.",
+    example: {
+      style: {
+        maxWidth: "600px",
+        margin: "0 auto",
+        padding: "20px 0 48px"
+      }
+    }
+  },
+  Section: {
+    props: import_zod.z.object({
+      style: styleSchema
+    }),
+    slots: ["default"],
+    description: "Groups related content. Renders as a table-based section for email compatibility.",
+    example: { style: { padding: "24px", backgroundColor: "#ffffff" } }
+  },
+  Row: {
+    props: import_zod.z.object({
+      style: styleSchema
+    }),
+    slots: ["default"],
+    description: "Horizontal layout row. Use inside Section for multi-column layouts.",
+    example: { style: {} }
+  },
+  Column: {
+    props: import_zod.z.object({
+      style: styleSchema
+    }),
+    slots: ["default"],
+    description: "Column within a Row. Set width via style for proportional layouts.",
+    example: { style: { width: "50%" } }
+  },
+  // ==========================================================================
+  // Content Components
+  // ==========================================================================
+  Heading: {
+    props: import_zod.z.object({
+      text: import_zod.z.string(),
+      as: import_zod.z.enum(["h1", "h2", "h3", "h4", "h5", "h6"]).nullable(),
+      style: styleSchema
+    }),
+    slots: [],
+    description: "Heading text at various levels. h1 is largest, h6 is smallest.",
+    example: { text: "Welcome!", as: "h1" }
+  },
+  Text: {
+    props: import_zod.z.object({
+      text: import_zod.z.string(),
+      style: styleSchema
+    }),
+    slots: [],
+    description: "Body text paragraph. Use style for font size, color, weight, and alignment.",
+    example: { text: "Thank you for signing up." }
+  },
+  Link: {
+    props: import_zod.z.object({
+      text: import_zod.z.string(),
+      href: import_zod.z.string(),
+      style: styleSchema
+    }),
+    slots: [],
+    description: "Hyperlink with visible text and a URL.",
+    example: {
+      text: "Visit our website",
+      href: "https://example.com",
+      style: { color: "#2563eb" }
+    }
+  },
+  Button: {
+    props: import_zod.z.object({
+      text: import_zod.z.string(),
+      href: import_zod.z.string(),
+      style: styleSchema
+    }),
+    slots: [],
+    description: "Call-to-action button rendered as a link styled as a button. Provide text and href.",
+    example: {
+      text: "Get Started",
+      href: "https://example.com",
+      style: {
+        backgroundColor: "#5F51E8",
+        borderRadius: "3px",
+        color: "#fff",
+        padding: "12px 20px"
+      }
+    }
+  },
+  Image: {
+    props: import_zod.z.object({
+      src: import_zod.z.string(),
+      alt: import_zod.z.string().nullable(),
+      width: import_zod.z.number().nullable(),
+      height: import_zod.z.number().nullable(),
+      style: styleSchema
+    }),
+    slots: [],
+    description: "Image from a URL. src must be a fully qualified URL. Specify width and height for consistent rendering.",
+    example: {
+      src: "https://picsum.photos/400/200?random=1",
+      alt: "Hero image",
+      width: 400,
+      height: 200
+    }
+  },
+  Hr: {
+    props: import_zod.z.object({
+      style: styleSchema
+    }),
+    slots: [],
+    description: "Horizontal rule separator between content sections.",
+    example: {
+      style: { borderColor: "#e6ebf1", margin: "20px 0" }
+    }
+  },
+  // ==========================================================================
+  // Utility Components
+  // ==========================================================================
+  Preview: {
+    props: import_zod.z.object({
+      text: import_zod.z.string()
+    }),
+    slots: [],
+    description: "Preview text shown in email client inboxes before the email is opened. Place inside Html.",
+    example: { text: "You have a new message from Acme Corp" }
+  },
+  Markdown: {
+    props: import_zod.z.object({
+      content: import_zod.z.string(),
+      markdownContainerStyles: styleSchema,
+      markdownCustomStyles: import_zod.z.record(import_zod.z.string(), import_zod.z.any()).nullable()
+    }),
+    slots: [],
+    description: "Renders markdown content as email-safe HTML. Supports headings, paragraphs, lists, links, bold, italic, and code.",
+    example: {
+      content: "# Hello\n\nThis is **bold** and *italic* text."
+    }
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  standardComponentDefinitions
+});
+//# sourceMappingURL=catalog.js.map

package/dist/catalog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/catalog.ts"],"sourcesContent":["import { z } from \"zod\";\n\nconst styleSchema = z.record(z.string(), z.any()).nullable();\n\n/**\n * Standard component definitions for React Email catalogs.\n *\n * These define the available email components with their Zod prop schemas.\n * All components render using @react-email/components primitives.\n */\nexport const standardComponentDefinitions = {\n  // ==========================================================================\n  // Document Structure\n  // ==========================================================================\n\n  Html: {\n    props: z.object({\n      lang: z.string().nullable(),\n      dir: z.enum([\"ltr\", \"rtl\"]).nullable(),\n    }),\n    slots: [\"default\"],\n    description:\n      \"Top-level HTML email wrapper. Must be the root element. Children should include Head and Body.\",\n    example: { lang: \"en\", dir: \"ltr\" },\n  },\n\n  Head: {\n    props: z.object({}),\n    slots: [\"default\"],\n    description:\n      \"Email head section. Place inside Html. Can contain metadata but typically left empty.\",\n    example: {},\n  },\n\n  Body: {\n    props: z.object({\n      style: styleSchema,\n    }),\n    slots: [\"default\"],\n    description:\n      \"Email body wrapper. Place inside Html after Head. Contains all visible email content.\",\n    example: { style: { backgroundColor: \"#f6f9fc\" } },\n  },\n\n  Container: {\n    props: z.object({\n      style: styleSchema,\n    }),\n    slots: [\"default\"],\n    description:\n      \"Constrains content width for email clients. Place inside Body. Typically max-width 600px.\",\n    example: {\n      style: {\n        maxWidth: \"600px\",\n        margin: \"0 auto\",\n        padding: \"20px 0 48px\",\n      },\n    },\n  },\n\n  Section: {\n    props: z.object({\n      style: styleSchema,\n    }),\n    slots: [\"default\"],\n    description:\n      \"Groups related content. Renders as a table-based section for email compatibility.\",\n    example: { style: { padding: \"24px\", backgroundColor: \"#ffffff\" } },\n  },\n\n  Row: {\n    props: z.object({\n      style: styleSchema,\n    }),\n    slots: [\"default\"],\n    description:\n      \"Horizontal layout row. Use inside Section for multi-column layouts.\",\n    example: { style: {} },\n  },\n\n  Column: {\n    props: z.object({\n      style: styleSchema,\n    }),\n    slots: [\"default\"],\n    description:\n      \"Column within a Row. Set width via style for proportional layouts.\",\n    example: { style: { width: \"50%\" } },\n  },\n\n  // ==========================================================================\n  // Content Components\n  // ==========================================================================\n\n  Heading: {\n    props: z.object({\n      text: z.string(),\n      as: z.enum([\"h1\", \"h2\", \"h3\", \"h4\", \"h5\", \"h6\"]).nullable(),\n      style: styleSchema,\n    }),\n    slots: [],\n    description:\n      \"Heading text at various levels. h1 is largest, h6 is smallest.\",\n    example: { text: \"Welcome!\", as: \"h1\" },\n  },\n\n  Text: {\n    props: z.object({\n      text: z.string(),\n      style: styleSchema,\n    }),\n    slots: [],\n    description:\n      \"Body text paragraph. Use style for font size, color, weight, and alignment.\",\n    example: { text: \"Thank you for signing up.\" },\n  },\n\n  Link: {\n    props: z.object({\n      text: z.string(),\n      href: z.string(),\n      style: styleSchema,\n    }),\n    slots: [],\n    description: \"Hyperlink with visible text and a URL.\",\n    example: {\n      text: \"Visit our website\",\n      href: \"https://example.com\",\n      style: { color: \"#2563eb\" },\n    },\n  },\n\n  Button: {\n    props: z.object({\n      text: z.string(),\n      href: z.string(),\n      style: styleSchema,\n    }),\n    slots: [],\n    description:\n      \"Call-to-action button rendered as a link styled as a button. Provide text and href.\",\n    example: {\n      text: \"Get Started\",\n      href: \"https://example.com\",\n      style: {\n        backgroundColor: \"#5F51E8\",\n        borderRadius: \"3px\",\n        color: \"#fff\",\n        padding: \"12px 20px\",\n      },\n    },\n  },\n\n  Image: {\n    props: z.object({\n      src: z.string(),\n      alt: z.string().nullable(),\n      width: z.number().nullable(),\n      height: z.number().nullable(),\n      style: styleSchema,\n    }),\n    slots: [],\n    description:\n      \"Image from a URL. src must be a fully qualified URL. Specify width and height for consistent rendering.\",\n    example: {\n      src: \"https://picsum.photos/400/200?random=1\",\n      alt: \"Hero image\",\n      width: 400,\n      height: 200,\n    },\n  },\n\n  Hr: {\n    props: z.object({\n      style: styleSchema,\n    }),\n    slots: [],\n    description: \"Horizontal rule separator between content sections.\",\n    example: {\n      style: { borderColor: \"#e6ebf1\", margin: \"20px 0\" },\n    },\n  },\n\n  // ==========================================================================\n  // Utility Components\n  // ==========================================================================\n\n  Preview: {\n    props: z.object({\n      text: z.string(),\n    }),\n    slots: [],\n    description:\n      \"Preview text shown in email client inboxes before the email is opened. Place inside Html.\",\n    example: { text: \"You have a new message from Acme Corp\" },\n  },\n\n  Markdown: {\n    props: z.object({\n      content: z.string(),\n      markdownContainerStyles: styleSchema,\n      markdownCustomStyles: z.record(z.string(), z.any()).nullable(),\n    }),\n    slots: [],\n    description:\n      \"Renders markdown content as email-safe HTML. Supports headings, paragraphs, lists, links, bold, italic, and code.\",\n    example: {\n      content: \"# Hello\\n\\nThis is **bold** and *italic* text.\",\n    },\n  },\n};\n\nexport type StandardComponentDefinitions = typeof standardComponentDefinitions;\n\nexport type StandardComponentProps<\n  K extends keyof StandardComponentDefinitions,\n> = StandardComponentDefinitions[K][\"props\"] extends { _output: infer O }\n  ? O\n  : z.output<StandardComponentDefinitions[K][\"props\"]>;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAkB;AAElB,IAAM,cAAc,aAAE,OAAO,aAAE,OAAO,GAAG,aAAE,IAAI,CAAC,EAAE,SAAS;AAQpD,IAAM,+BAA+B;AAAA;AAAA;AAAA;AAAA,EAK1C,MAAM;AAAA,IACJ,OAAO,aAAE,OAAO;AAAA,MACd,MAAM,aAAE,OAAO,EAAE,SAAS;AAAA,MAC1B,KAAK,aAAE,KAAK,CAAC,OAAO,KAAK,CAAC,EAAE,SAAS;AAAA,IACvC,CAAC;AAAA,IACD,OAAO,CAAC,SAAS;AAAA,IACjB,aACE;AAAA,IACF,SAAS,EAAE,MAAM,MAAM,KAAK,MAAM;AAAA,EACpC;AAAA,EAEA,MAAM;AAAA,IACJ,OAAO,aAAE,OAAO,CAAC,CAAC;AAAA,IAClB,OAAO,CAAC,SAAS;AAAA,IACjB,aACE;AAAA,IACF,SAAS,CAAC;AAAA,EACZ;AAAA,EAEA,MAAM;AAAA,IACJ,OAAO,aAAE,OAAO;AAAA,MACd,OAAO;AAAA,IACT,CAAC;AAAA,IACD,OAAO,CAAC,SAAS;AAAA,IACjB,aACE;AAAA,IACF,SAAS,EAAE,OAAO,EAAE,iBAAiB,UAAU,EAAE;AAAA,EACnD;AAAA,EAEA,WAAW;AAAA,IACT,OAAO,aAAE,OAAO;AAAA,MACd,OAAO;AAAA,IACT,CAAC;AAAA,IACD,OAAO,CAAC,SAAS;AAAA,IACjB,aACE;AAAA,IACF,SAAS;AAAA,MACP,OAAO;AAAA,QACL,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAAA,EAEA,SAAS;AAAA,IACP,OAAO,aAAE,OAAO;AAAA,MACd,OAAO;AAAA,IACT,CAAC;AAAA,IACD,OAAO,CAAC,SAAS;AAAA,IACjB,aACE;AAAA,IACF,SAAS,EAAE,OAAO,EAAE,SAAS,QAAQ,iBAAiB,UAAU,EAAE;AAAA,EACpE;AAAA,EAEA,KAAK;AAAA,IACH,OAAO,aAAE,OAAO;AAAA,MACd,OAAO;AAAA,IACT,CAAC;AAAA,IACD,OAAO,CAAC,SAAS;AAAA,IACjB,aACE;AAAA,IACF,SAAS,EAAE,OAAO,CAAC,EAAE;AAAA,EACvB;AAAA,EAEA,QAAQ;AAAA,IACN,OAAO,aAAE,OAAO;AAAA,MACd,OAAO;AAAA,IACT,CAAC;AAAA,IACD,OAAO,CAAC,SAAS;AAAA,IACjB,aACE;AAAA,IACF,SAAS,EAAE,OAAO,EAAE,OAAO,MAAM,EAAE;AAAA,EACrC;AAAA;AAAA;AAAA;AAAA,EAMA,SAAS;AAAA,IACP,OAAO,aAAE,OAAO;AAAA,MACd,MAAM,aAAE,OAAO;AAAA,MACf,IAAI,aAAE,KAAK,CAAC,MAAM,MAAM,MAAM,MAAM,MAAM,IAAI,CAAC,EAAE,SAAS;AAAA,MAC1D,OAAO;AAAA,IACT,CAAC;AAAA,IACD,OAAO,CAAC;AAAA,IACR,aACE;AAAA,IACF,SAAS,EAAE,MAAM,YAAY,IAAI,KAAK;AAAA,EACxC;AAAA,EAEA,MAAM;AAAA,IACJ,OAAO,aAAE,OAAO;AAAA,MACd,MAAM,aAAE,OAAO;AAAA,MACf,OAAO;AAAA,IACT,CAAC;AAAA,IACD,OAAO,CAAC;AAAA,IACR,aACE;AAAA,IACF,SAAS,EAAE,MAAM,4BAA4B;AAAA,EAC/C;AAAA,EAEA,MAAM;AAAA,IACJ,OAAO,aAAE,OAAO;AAAA,MACd,MAAM,aAAE,OAAO;AAAA,MACf,MAAM,aAAE,OAAO;AAAA,MACf,OAAO;AAAA,IACT,CAAC;AAAA,IACD,OAAO,CAAC;AAAA,IACR,aAAa;AAAA,IACb,SAAS;AAAA,MACP,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO,EAAE,OAAO,UAAU;AAAA,IAC5B;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN,OAAO,aAAE,OAAO;AAAA,MACd,MAAM,aAAE,OAAO;AAAA,MACf,MAAM,aAAE,OAAO;AAAA,MACf,OAAO;AAAA,IACT,CAAC;AAAA,IACD,OAAO,CAAC;AAAA,IACR,aACE;AAAA,IACF,SAAS;AAAA,MACP,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,cAAc;AAAA,QACd,OAAO;AAAA,QACP,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL,OAAO,aAAE,OAAO;AAAA,MACd,KAAK,aAAE,OAAO;AAAA,MACd,KAAK,aAAE,OAAO,EAAE,SAAS;AAAA,MACzB,OAAO,aAAE,OAAO,EAAE,SAAS;AAAA,MAC3B,QAAQ,aAAE,OAAO,EAAE,SAAS;AAAA,MAC5B,OAAO;AAAA,IACT,CAAC;AAAA,IACD,OAAO,CAAC;AAAA,IACR,aACE;AAAA,IACF,SAAS;AAAA,MACP,KAAK;AAAA,MACL,KAAK;AAAA,MACL,OAAO;AAAA,MACP,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EAEA,IAAI;AAAA,IACF,OAAO,aAAE,OAAO;AAAA,MACd,OAAO;AAAA,IACT,CAAC;AAAA,IACD,OAAO,CAAC;AAAA,IACR,aAAa;AAAA,IACb,SAAS;AAAA,MACP,OAAO,EAAE,aAAa,WAAW,QAAQ,SAAS;AAAA,IACpD;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAMA,SAAS;AAAA,IACP,OAAO,aAAE,OAAO;AAAA,MACd,MAAM,aAAE,OAAO;AAAA,IACjB,CAAC;AAAA,IACD,OAAO,CAAC;AAAA,IACR,aACE;AAAA,IACF,SAAS,EAAE,MAAM,wCAAwC;AAAA,EAC3D;AAAA,EAEA,UAAU;AAAA,IACR,OAAO,aAAE,OAAO;AAAA,MACd,SAAS,aAAE,OAAO;AAAA,MAClB,yBAAyB;AAAA,MACzB,sBAAsB,aAAE,OAAO,aAAE,OAAO,GAAG,aAAE,IAAI,CAAC,EAAE,SAAS;AAAA,IAC/D,CAAC;AAAA,IACD,OAAO,CAAC;AAAA,IACR,aACE;AAAA,IACF,SAAS;AAAA,MACP,SAAS;AAAA,IACX;AAAA,EACF;AACF;","names":[]}

package/dist/catalog.mjs

@@ -0,0 +1,7 @@
+import {
+  standardComponentDefinitions
+} from "./chunk-GXJW4OIL.mjs";
+export {
+  standardComponentDefinitions
+};
+//# sourceMappingURL=catalog.mjs.map

package/dist/catalog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-3YN5NZJ7.mjs

@@ -0,0 +1,44 @@
+// src/schema.ts
+import { defineSchema } from "@json-render/core";
+var schema = defineSchema(
+  (s) => ({
+    spec: s.object({
+      root: s.string(),
+      elements: s.record(
+        s.object({
+          type: s.ref("catalog.components"),
+          props: s.propsOf("catalog.components"),
+          children: s.array(s.string()),
+          visible: s.any()
+        })
+      )
+    }),
+    catalog: s.object({
+      components: s.map({
+        props: s.zod(),
+        slots: s.array(s.string()),
+        description: s.string(),
+        example: s.any()
+      })
+    })
+  }),
+  {
+    defaultRules: [
+      "The root element MUST be an Html component. Its children MUST include Head and Body components.",
+      "Body should contain a Container component to constrain width (typically 600px max for email clients).",
+      "All styles MUST be inline. Email clients strip <style> tags, so every component that accepts a style prop should use it for visual customization.",
+      "Image src must be a fully qualified URL (absolute, not relative). For placeholder images use https://picsum.photos/{width}/{height}?random={n}.",
+      "Emails are static documents. There are no interactive actions or form inputs.",
+      "Use Section, Row, and Column for layout. These map to table-based email structures for maximum compatibility.",
+      "Use Preview to set the preview text shown in email client inboxes before opening.",
+      "Use Heading (h1-h6) and Text for all text content. Raw strings are not supported.",
+      "Button renders as a link styled as a button. Always provide both text and href.",
+      "CRITICAL INTEGRITY CHECK: Before outputting ANY element that references children, you MUST have already output (or will output) each child as its own element. If an element has children: ['a', 'b'], then elements 'a' and 'b' MUST exist."
+    ]
+  }
+);
+
+export {
+  schema
+};
+//# sourceMappingURL=chunk-3YN5NZJ7.mjs.map

package/dist/chunk-3YN5NZJ7.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/schema.ts"],"sourcesContent":["import { defineSchema } from \"@json-render/core\";\n\n/**\n * The schema for @json-render/react-email\n *\n * Defines:\n * - Spec: A flat tree of elements with keys, types, props, and children references\n * - Catalog: Components with props schemas\n *\n * Reuses the same { root, elements } spec format as the React and React Native renderers.\n */\nexport const schema = defineSchema(\n  (s) => ({\n    spec: s.object({\n      root: s.string(),\n      elements: s.record(\n        s.object({\n          type: s.ref(\"catalog.components\"),\n          props: s.propsOf(\"catalog.components\"),\n          children: s.array(s.string()),\n          visible: s.any(),\n        }),\n      ),\n    }),\n\n    catalog: s.object({\n      components: s.map({\n        props: s.zod(),\n        slots: s.array(s.string()),\n        description: s.string(),\n        example: s.any(),\n      }),\n    }),\n  }),\n  {\n    defaultRules: [\n      \"The root element MUST be an Html component. Its children MUST include Head and Body components.\",\n      \"Body should contain a Container component to constrain width (typically 600px max for email clients).\",\n      \"All styles MUST be inline. Email clients strip <style> tags, so every component that accepts a style prop should use it for visual customization.\",\n      \"Image src must be a fully qualified URL (absolute, not relative). For placeholder images use https://picsum.photos/{width}/{height}?random={n}.\",\n      \"Emails are static documents. There are no interactive actions or form inputs.\",\n      \"Use Section, Row, and Column for layout. These map to table-based email structures for maximum compatibility.\",\n      \"Use Preview to set the preview text shown in email client inboxes before opening.\",\n      \"Use Heading (h1-h6) and Text for all text content. Raw strings are not supported.\",\n      \"Button renders as a link styled as a button. Always provide both text and href.\",\n      \"CRITICAL INTEGRITY CHECK: Before outputting ANY element that references children, you MUST have already output (or will output) each child as its own element. If an element has children: ['a', 'b'], then elements 'a' and 'b' MUST exist.\",\n    ],\n  },\n);\n\nexport type ReactEmailSchema = typeof schema;\n\nexport type ReactEmailSpec<TCatalog> = typeof schema extends {\n  createCatalog: (catalog: TCatalog) => { _specType: infer S };\n}\n  ? S\n  : never;\n"],"mappings":";AAAA,SAAS,oBAAoB;AAWtB,IAAM,SAAS;AAAA,EACpB,CAAC,OAAO;AAAA,IACN,MAAM,EAAE,OAAO;AAAA,MACb,MAAM,EAAE,OAAO;AAAA,MACf,UAAU,EAAE;AAAA,QACV,EAAE,OAAO;AAAA,UACP,MAAM,EAAE,IAAI,oBAAoB;AAAA,UAChC,OAAO,EAAE,QAAQ,oBAAoB;AAAA,UACrC,UAAU,EAAE,MAAM,EAAE,OAAO,CAAC;AAAA,UAC5B,SAAS,EAAE,IAAI;AAAA,QACjB,CAAC;AAAA,MACH;AAAA,IACF,CAAC;AAAA,IAED,SAAS,EAAE,OAAO;AAAA,MAChB,YAAY,EAAE,IAAI;AAAA,QAChB,OAAO,EAAE,IAAI;AAAA,QACb,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC;AAAA,QACzB,aAAa,EAAE,OAAO;AAAA,QACtB,SAAS,EAAE,IAAI;AAAA,MACjB,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AAAA,EACA;AAAA,IACE,cAAc;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

package/dist/chunk-GXJW4OIL.mjs

@@ -0,0 +1,179 @@
+// src/catalog.ts
+import { z } from "zod";
+var styleSchema = z.record(z.string(), z.any()).nullable();
+var standardComponentDefinitions = {
+  // ==========================================================================
+  // Document Structure
+  // ==========================================================================
+  Html: {
+    props: z.object({
+      lang: z.string().nullable(),
+      dir: z.enum(["ltr", "rtl"]).nullable()
+    }),
+    slots: ["default"],
+    description: "Top-level HTML email wrapper. Must be the root element. Children should include Head and Body.",
+    example: { lang: "en", dir: "ltr" }
+  },
+  Head: {
+    props: z.object({}),
+    slots: ["default"],
+    description: "Email head section. Place inside Html. Can contain metadata but typically left empty.",
+    example: {}
+  },
+  Body: {
+    props: z.object({
+      style: styleSchema
+    }),
+    slots: ["default"],
+    description: "Email body wrapper. Place inside Html after Head. Contains all visible email content.",
+    example: { style: { backgroundColor: "#f6f9fc" } }
+  },
+  Container: {
+    props: z.object({
+      style: styleSchema
+    }),
+    slots: ["default"],
+    description: "Constrains content width for email clients. Place inside Body. Typically max-width 600px.",
+    example: {
+      style: {
+        maxWidth: "600px",
+        margin: "0 auto",
+        padding: "20px 0 48px"
+      }
+    }
+  },
+  Section: {
+    props: z.object({
+      style: styleSchema
+    }),
+    slots: ["default"],
+    description: "Groups related content. Renders as a table-based section for email compatibility.",
+    example: { style: { padding: "24px", backgroundColor: "#ffffff" } }
+  },
+  Row: {
+    props: z.object({
+      style: styleSchema
+    }),
+    slots: ["default"],
+    description: "Horizontal layout row. Use inside Section for multi-column layouts.",
+    example: { style: {} }
+  },
+  Column: {
+    props: z.object({
+      style: styleSchema
+    }),
+    slots: ["default"],
+    description: "Column within a Row. Set width via style for proportional layouts.",
+    example: { style: { width: "50%" } }
+  },
+  // ==========================================================================
+  // Content Components
+  // ==========================================================================
+  Heading: {
+    props: z.object({
+      text: z.string(),
+      as: z.enum(["h1", "h2", "h3", "h4", "h5", "h6"]).nullable(),
+      style: styleSchema
+    }),
+    slots: [],
+    description: "Heading text at various levels. h1 is largest, h6 is smallest.",
+    example: { text: "Welcome!", as: "h1" }
+  },
+  Text: {
+    props: z.object({
+      text: z.string(),
+      style: styleSchema
+    }),
+    slots: [],
+    description: "Body text paragraph. Use style for font size, color, weight, and alignment.",
+    example: { text: "Thank you for signing up." }
+  },
+  Link: {
+    props: z.object({
+      text: z.string(),
+      href: z.string(),
+      style: styleSchema
+    }),
+    slots: [],
+    description: "Hyperlink with visible text and a URL.",
+    example: {
+      text: "Visit our website",
+      href: "https://example.com",
+      style: { color: "#2563eb" }
+    }
+  },
+  Button: {
+    props: z.object({
+      text: z.string(),
+      href: z.string(),
+      style: styleSchema
+    }),
+    slots: [],
+    description: "Call-to-action button rendered as a link styled as a button. Provide text and href.",
+    example: {
+      text: "Get Started",
+      href: "https://example.com",
+      style: {
+        backgroundColor: "#5F51E8",
+        borderRadius: "3px",
+        color: "#fff",
+        padding: "12px 20px"
+      }
+    }
+  },
+  Image: {
+    props: z.object({
+      src: z.string(),
+      alt: z.string().nullable(),
+      width: z.number().nullable(),
+      height: z.number().nullable(),
+      style: styleSchema
+    }),
+    slots: [],
+    description: "Image from a URL. src must be a fully qualified URL. Specify width and height for consistent rendering.",
+    example: {
+      src: "https://picsum.photos/400/200?random=1",
+      alt: "Hero image",
+      width: 400,
+      height: 200
+    }
+  },
+  Hr: {
+    props: z.object({
+      style: styleSchema
+    }),
+    slots: [],
+    description: "Horizontal rule separator between content sections.",
+    example: {
+      style: { borderColor: "#e6ebf1", margin: "20px 0" }
+    }
+  },
+  // ==========================================================================
+  // Utility Components
+  // ==========================================================================
+  Preview: {
+    props: z.object({
+      text: z.string()
+    }),
+    slots: [],
+    description: "Preview text shown in email client inboxes before the email is opened. Place inside Html.",
+    example: { text: "You have a new message from Acme Corp" }
+  },
+  Markdown: {
+    props: z.object({
+      content: z.string(),
+      markdownContainerStyles: styleSchema,
+      markdownCustomStyles: z.record(z.string(), z.any()).nullable()
+    }),
+    slots: [],
+    description: "Renders markdown content as email-safe HTML. Supports headings, paragraphs, lists, links, bold, italic, and code.",
+    example: {
+      content: "# Hello\n\nThis is **bold** and *italic* text."
+    }
+  }
+};
+
+export {
+  standardComponentDefinitions
+};
+//# sourceMappingURL=chunk-GXJW4OIL.mjs.map