@m5kdev/email 0.8.7 → 0.8.8

package/dist/_virtual/_rolldown/runtime.cjs

@@ -0,0 +1,23 @@
+//#region \0rolldown/runtime.js
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+//#endregion
+exports.__toESM = __toESM;

package/dist/src/components/BrandFooter.cjs

@@ -0,0 +1,19 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.cjs");
+require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _react_email_components = require("@react-email/components");
+//#region src/components/BrandFooter.tsx
+function BrandFooter({ brand }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_react_email_components.Section, {
+		className: "py-4",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_react_email_components.Text, {
+			className: "text-center text-sm text-gray-500 m-0",
+			children: `${brand.name} - ${brand.tagline}`
+		})
+	});
+}
+//#endregion
+exports.BrandFooter = BrandFooter;
+
+//# sourceMappingURL=BrandFooter.cjs.map

package/dist/src/components/BrandFooter.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrandFooter.cjs","names":["Section","Text"],"sources":["../../../src/components/BrandFooter.tsx"],"sourcesContent":["import React from \"react\";\r\n\r\n// Ensure React is loaded for the classic JSX runtime used during email rendering.\r\nvoid React;\r\n\r\nimport { Section, Text } from \"@react-email/components\";\r\nimport type { Brand } from \"../types\";\r\n\r\nexport function BrandFooter({ brand }: { brand: Brand }) {\r\n  return (\r\n    <Section className=\"py-4\">\r\n      <Text className=\"text-center text-sm text-gray-500 m-0\">{`${brand.name} - ${brand.tagline}`}</Text>\r\n    </Section>\r\n  );\r\n}\r\n"],"mappings":";;;;;;AAQA,SAAgB,YAAY,EAAE,SAA2B;AACvD,QACE,iBAAA,GAAA,kBAAA,KAACA,wBAAAA,SAAD;EAAS,WAAU;YACjB,iBAAA,GAAA,kBAAA,KAACC,wBAAAA,MAAD;GAAM,WAAU;aAAyC,GAAG,MAAM,KAAK,KAAK,MAAM;GAAiB,CAAA;EAC3F,CAAA"}

package/dist/src/components/BrandFooter.d.cts

@@ -0,0 +1,12 @@
+import { Brand } from "../types.cjs";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/BrandFooter.d.ts
+declare function BrandFooter({
+  brand
+}: {
+  brand: Brand;
+}): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { BrandFooter };
+//# sourceMappingURL=BrandFooter.d.cts.map

package/dist/src/components/BrandHeader.cjs

@@ -0,0 +1,25 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.cjs");
+require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _react_email_components = require("@react-email/components");
+//#region src/components/BrandHeader.tsx
+function BrandHeader({ brand }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_react_email_components.Container, {
+		className: "py-2",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_react_email_components.Row, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_react_email_components.Column, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_react_email_components.Img, {
+			src: brand.logo,
+			alt: `${brand.name} Logo`,
+			width: "80",
+			height: "80",
+			className: "mx-auto"
+		}) }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_react_email_components.Row, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_react_email_components.Column, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_react_email_components.Text, {
+			className: "text-2xl font-bold text-black text-center my-1",
+			children: brand.name
+		}) }) })]
+	});
+}
+//#endregion
+exports.BrandHeader = BrandHeader;
+
+//# sourceMappingURL=BrandHeader.cjs.map

package/dist/src/components/BrandHeader.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrandHeader.cjs","names":["Container","Row","Column","Img","Text"],"sources":["../../../src/components/BrandHeader.tsx"],"sourcesContent":["import React from \"react\";\r\n\r\n// Ensure React is loaded for the classic JSX runtime used during email rendering.\r\nvoid React;\r\n\r\nimport { Column, Container, Img, Row, Text } from \"@react-email/components\";\r\nimport type { Brand } from \"../types\";\r\n\r\nexport function BrandHeader({ brand }: { brand: Brand }) {\r\n  return (\r\n    <Container className=\"py-2\">\r\n      <Row>\r\n        <Column>\r\n          <Img\r\n            src={brand.logo}\r\n            alt={`${brand.name} Logo`}\r\n            width=\"80\"\r\n            height=\"80\"\r\n            className=\"mx-auto\"\r\n          />\r\n        </Column>\r\n      </Row>\r\n      <Row>\r\n        <Column>\r\n          <Text className=\"text-2xl font-bold text-black text-center my-1\">{brand.name}</Text>\r\n        </Column>\r\n      </Row>\r\n    </Container>\r\n  );\r\n}\r\n"],"mappings":";;;;;;AAQA,SAAgB,YAAY,EAAE,SAA2B;AACvD,QACE,iBAAA,GAAA,kBAAA,MAACA,wBAAAA,WAAD;EAAW,WAAU;YAArB,CACE,iBAAA,GAAA,kBAAA,KAACC,wBAAAA,KAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAACC,wBAAAA,QAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAACC,wBAAAA,KAAD;GACE,KAAK,MAAM;GACX,KAAK,GAAG,MAAM,KAAK;GACnB,OAAM;GACN,QAAO;GACP,WAAU;GACV,CAAA,EACK,CAAA,EACL,CAAA,EACN,iBAAA,GAAA,kBAAA,KAACF,wBAAAA,KAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAACC,wBAAAA,QAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAACE,wBAAAA,MAAD;GAAM,WAAU;aAAkD,MAAM;GAAY,CAAA,EAC7E,CAAA,EACL,CAAA,CACI"}

package/dist/src/components/BrandHeader.d.cts

@@ -0,0 +1,12 @@
+import { Brand } from "../types.cjs";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/BrandHeader.d.ts
+declare function BrandHeader({
+  brand
+}: {
+  brand: Brand;
+}): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { BrandHeader };
+//# sourceMappingURL=BrandHeader.d.cts.map

package/dist/src/components/CtaButton.cjs

@@ -0,0 +1,19 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.cjs");
+require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _react_email_components = require("@react-email/components");
+//#region src/components/CtaButton.tsx
+function CtaButton({ href, children }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_react_email_components.Button, {
+		href,
+		className: "bg-black text-white px-6 py-3 rounded-md font-medium",
+		target: "_blank",
+		rel: "noopener noreferrer",
+		children
+	});
+}
+//#endregion
+exports.CtaButton = CtaButton;
+
+//# sourceMappingURL=CtaButton.cjs.map

package/dist/src/components/CtaButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CtaButton.cjs","names":["Button"],"sources":["../../../src/components/CtaButton.tsx"],"sourcesContent":["import React from \"react\";\r\n\r\n// Ensure React is loaded for the classic JSX runtime used during email rendering.\r\nvoid React;\r\n\r\nimport { Button } from \"@react-email/components\";\r\n\r\ninterface CtaButtonProps {\r\n  readonly href: string;\r\n  readonly children: React.ReactNode;\r\n}\r\n\r\nexport function CtaButton({ href, children }: CtaButtonProps) {\r\n  return (\r\n    <Button\r\n      href={href}\r\n      className=\"bg-black text-white px-6 py-3 rounded-md font-medium\"\r\n      target=\"_blank\"\r\n      rel=\"noopener noreferrer\"\r\n    >\r\n      {children}\r\n    </Button>\r\n  );\r\n}\r\n"],"mappings":";;;;;;AAYA,SAAgB,UAAU,EAAE,MAAM,YAA4B;AAC5D,QACE,iBAAA,GAAA,kBAAA,KAACA,wBAAAA,QAAD;EACQ;EACN,WAAU;EACV,QAAO;EACP,KAAI;EAEH;EACM,CAAA"}

package/dist/src/components/CtaButton.d.cts

@@ -0,0 +1,15 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import React from "react";
+
+//#region src/components/CtaButton.d.ts
+interface CtaButtonProps {
+  readonly href: string;
+  readonly children: React.ReactNode;
+}
+declare function CtaButton({
+  href,
+  children
+}: CtaButtonProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { CtaButton };
+//# sourceMappingURL=CtaButton.d.cts.map

package/dist/src/components/EmailLayout.cjs

@@ -0,0 +1,41 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_src_components_BrandFooter = require("./BrandFooter.cjs");
+const require_src_components_BrandHeader = require("./BrandHeader.cjs");
+require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _react_email_components = require("@react-email/components");
+//#region src/components/EmailLayout.tsx
+function EmailLayout({ previewText, brand, children }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_react_email_components.Html, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_react_email_components.Head, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_react_email_components.Tailwind, {
+		config: {
+			presets: [_react_email_components.pixelBasedPreset],
+			theme: { extend: {
+				colors: {
+					brand: "#2250f4",
+					offwhite: "#fafbfb"
+				},
+				spacing: {
+					0: "0px",
+					20: "20px",
+					45: "45px"
+				}
+			} }
+		},
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_react_email_components.Preview, { children: previewText }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_react_email_components.Body, {
+			className: "bg-offwhite font-sans text-base",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_BrandHeader.BrandHeader, { brand }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_react_email_components.Container, {
+					className: "rounded-lg border border-gray-200 bg-white p-8",
+					children
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_BrandFooter.BrandFooter, { brand })
+			]
+		})]
+	})] });
+}
+//#endregion
+exports.EmailLayout = EmailLayout;
+
+//# sourceMappingURL=EmailLayout.cjs.map

package/dist/src/components/EmailLayout.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmailLayout.cjs","names":["Html","Head","Tailwind","pixelBasedPreset","Preview","Body","BrandHeader","Container","BrandFooter"],"sources":["../../../src/components/EmailLayout.tsx"],"sourcesContent":["import React from \"react\";\r\n\r\n// Ensure React is loaded for the classic JSX runtime used during email rendering.\r\nvoid React;\r\n\r\nimport {\r\n  Body,\r\n  Container,\r\n  Head,\r\n  Html,\r\n  Preview,\r\n  pixelBasedPreset,\r\n  Tailwind,\r\n} from \"@react-email/components\";\r\nimport type { Brand } from \"../types\";\r\nimport { BrandFooter } from \"./BrandFooter\";\r\nimport { BrandHeader } from \"./BrandHeader\";\r\n\r\ninterface EmailLayoutProps {\r\n  readonly previewText: string;\r\n  readonly brand: Brand;\r\n  readonly children: React.ReactNode;\r\n}\r\n\r\nexport function EmailLayout({ previewText, brand, children }: EmailLayoutProps) {\r\n  return (\r\n    <Html>\r\n      <Head />\r\n      <Tailwind\r\n        config={{\r\n          presets: [pixelBasedPreset],\r\n          theme: {\r\n            extend: {\r\n              colors: {\r\n                brand: \"#2250f4\",\r\n                offwhite: \"#fafbfb\",\r\n              },\r\n              spacing: {\r\n                0: \"0px\",\r\n                20: \"20px\",\r\n                45: \"45px\",\r\n              },\r\n            },\r\n          },\r\n        }}\r\n      >\r\n        <Preview>{previewText}</Preview>\r\n        <Body className=\"bg-offwhite font-sans text-base\">\r\n          <BrandHeader brand={brand} />\r\n          <Container className=\"rounded-lg border border-gray-200 bg-white p-8\">\r\n            {children}\r\n          </Container>\r\n          <BrandFooter brand={brand} />\r\n        </Body>\r\n      </Tailwind>\r\n    </Html>\r\n  );\r\n}\r\n"],"mappings":";;;;;;;;AAwBA,SAAgB,YAAY,EAAE,aAAa,OAAO,YAA8B;AAC9E,QACE,iBAAA,GAAA,kBAAA,MAACA,wBAAAA,MAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAACC,wBAAAA,MAAD,EAAQ,CAAA,EACR,iBAAA,GAAA,kBAAA,MAACC,wBAAAA,UAAD;EACE,QAAQ;GACN,SAAS,CAACC,wBAAAA,iBAAiB;GAC3B,OAAO,EACL,QAAQ;IACN,QAAQ;KACN,OAAO;KACP,UAAU;KACX;IACD,SAAS;KACP,GAAG;KACH,IAAI;KACJ,IAAI;KACL;IACF,EACF;GACF;YAhBH,CAkBE,iBAAA,GAAA,kBAAA,KAACC,wBAAAA,SAAD,EAAA,UAAU,aAAsB,CAAA,EAChC,iBAAA,GAAA,kBAAA,MAACC,wBAAAA,MAAD;GAAM,WAAU;aAAhB;IACE,iBAAA,GAAA,kBAAA,KAACC,mCAAAA,aAAD,EAAoB,OAAS,CAAA;IAC7B,iBAAA,GAAA,kBAAA,KAACC,wBAAAA,WAAD;KAAW,WAAU;KAClB;KACS,CAAA;IACZ,iBAAA,GAAA,kBAAA,KAACC,mCAAAA,aAAD,EAAoB,OAAS,CAAA;IACxB;KACE;IACN,EAAA,CAAA"}

package/dist/src/components/EmailLayout.d.cts

@@ -0,0 +1,18 @@
+import { Brand } from "../types.cjs";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import React from "react";
+
+//#region src/components/EmailLayout.d.ts
+interface EmailLayoutProps {
+  readonly previewText: string;
+  readonly brand: Brand;
+  readonly children: React.ReactNode;
+}
+declare function EmailLayout({
+  previewText,
+  brand,
+  children
+}: EmailLayoutProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { EmailLayout };
+//# sourceMappingURL=EmailLayout.d.cts.map

package/dist/src/types.d.cts

@@ -0,0 +1,9 @@
+//#region src/types.d.ts
+type Brand = {
+  name: string;
+  logo: string;
+  tagline: string;
+};
+//#endregion
+export { Brand };
+//# sourceMappingURL=types.d.cts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m5kdev/email",
-  "version": "0.8.7",
+  "version": "0.8.8",
   "license": "GPL-3.0-only",
   "repository": {
     "type": "git",
@@ -19,7 +19,7 @@
     "tsx": "4.19.2",
     "tsdown": "0.21.7",
     "typescript": "5.9.2",
-    "@m5kdev/config": "0.8.7"
+    "@m5kdev/config": "0.8.8"
   },
   "dependencies": {
     "@react-email/components": "1.0.1",
@@ -28,12 +28,24 @@
   },
   "exports": {
     "./components/*": {
-      "types": "./dist/src/components/*.d.mts",
-      "default": "./dist/src/components/*.mjs"
+      "import": {
+        "types": "./dist/src/components/*.d.mts",
+        "default": "./dist/src/components/*.mjs"
+      },
+      "require": {
+        "types": "./dist/src/components/*.d.cts",
+        "default": "./dist/src/components/*.cjs"
+      }
     },
     "./types": {
-      "types": "./dist/src/types.d.mts",
-      "default": "./dist/src/types.mjs"
+      "import": {
+        "types": "./dist/src/types.d.mts",
+        "default": "./dist/src/types.mjs"
+      },
+      "require": {
+        "types": "./dist/src/types.d.cts",
+        "default": "./dist/src/types.cjs"
+      }
     }
   },
   "scripts": {