@react-email/body 0.1.0 → 0.2.0-canary.0

package/dist/index.d.mts

@@ -1,6 +1,8 @@
-import * as React from 'react';
+import * as React from "react";
 
+//#region src/body.d.ts
 type BodyProps = Readonly<React.HtmlHTMLAttributes<HTMLBodyElement>>;
 declare const Body: React.ForwardRefExoticComponent<Readonly<React.HtmlHTMLAttributes<HTMLBodyElement>> & React.RefAttributes<HTMLBodyElement>>;
-
-export { Body, type BodyProps };
+//#endregion
+export { Body, BodyProps };
+//# sourceMappingURL=index.d.mts.map

package/dist/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","names":[],"sources":["../src/body.tsx"],"sourcesContent":[],"mappings":";;;KAGY,SAAA,GAAY,SAAS,KAAA,CAAM,mBAAmB;cAE7C,MAAI,KAAA,CAAA,0BAAA,SAAA,KAAA,CAAA,mBAAA,oBAAA,KAAA,CAAA,cAAA"}

package/dist/index.d.ts

@@ -1,6 +1,8 @@
-import * as React from 'react';
+import * as React from "react";
 
+//#region src/body.d.ts
 type BodyProps = Readonly<React.HtmlHTMLAttributes<HTMLBodyElement>>;
 declare const Body: React.ForwardRefExoticComponent<Readonly<React.HtmlHTMLAttributes<HTMLBodyElement>> & React.RefAttributes<HTMLBodyElement>>;
-
-export { Body, type BodyProps };
+//#endregion
+export { Body, BodyProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../src/body.tsx"],"sourcesContent":[],"mappings":";;;KAGY,SAAA,GAAY,SAAS,KAAA,CAAM,mBAAmB;cAE7C,MAAI,KAAA,CAAA,0BAAA,SAAA,KAAA,CAAA,mBAAA,oBAAA,KAAA,CAAA,cAAA"}

package/dist/index.js

@@ -1,100 +1,73 @@
-"use strict";
+//#region rolldown:runtime
 var __create = Object.create;
 var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-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;
+	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(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+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));
 
-// src/index.ts
-var index_exports = {};
-__export(index_exports, {
-  Body: () => Body
-});
-module.exports = __toCommonJS(index_exports);
+//#endregion
+let react = require("react");
+react = __toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = __toESM(react_jsx_runtime);
 
-// src/body.tsx
-var React = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var Body = React.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { children, style } = _b, props = __objRest(_b, ["children", "style"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "body",
-      __spreadProps(__spreadValues({}, props), {
-        style: {
-          background: style == null ? void 0 : style.background,
-          backgroundColor: style == null ? void 0 : style.backgroundColor
-        },
-        ref,
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "table",
-          {
-            border: 0,
-            width: "100%",
-            cellPadding: "0",
-            cellSpacing: "0",
-            role: "presentation",
-            align: "center",
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tbody", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { style, children }) }) })
-          }
-        )
-      })
-    );
-  }
-);
-Body.displayName = "Body";
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Body
+//#region src/margin-properties.ts
+const marginProperties = [
+	"margin",
+	"marginTop",
+	"marginBottom",
+	"marginRight",
+	"marginLeft",
+	"marginInline",
+	"marginBlock",
+	"marginBlockStart",
+	"marginBlockEnd",
+	"marginInlineStart",
+	"marginInlineEnd"
+];
+
+//#endregion
+//#region src/body.tsx
+const Body = react.forwardRef(({ children, style,...props }, ref) => {
+	const bodyStyle = {
+		background: style?.background,
+		backgroundColor: style?.backgroundColor
+	};
+	if (style) for (const property of marginProperties) bodyStyle[property] = style[property] !== void 0 ? 0 : void 0;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("body", {
+		...props,
+		style: bodyStyle,
+		ref,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("table", {
+			border: 0,
+			width: "100%",
+			cellPadding: "0",
+			cellSpacing: "0",
+			role: "presentation",
+			align: "center",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tbody", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tr", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+				style,
+				children
+			}) }) })
+		})
+	});
 });
+Body.displayName = "Body";
+
+//#endregion
+exports.Body = Body;

package/dist/index.mjs

@@ -1,66 +1,49 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-
-// src/body.tsx
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-var Body = React.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { children, style } = _b, props = __objRest(_b, ["children", "style"]);
-    return /* @__PURE__ */ jsx(
-      "body",
-      __spreadProps(__spreadValues({}, props), {
-        style: {
-          background: style == null ? void 0 : style.background,
-          backgroundColor: style == null ? void 0 : style.backgroundColor
-        },
-        ref,
-        children: /* @__PURE__ */ jsx(
-          "table",
-          {
-            border: 0,
-            width: "100%",
-            cellPadding: "0",
-            cellSpacing: "0",
-            role: "presentation",
-            align: "center",
-            children: /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { style, children }) }) })
-          }
-        )
-      })
-    );
-  }
-);
+
+//#region src/margin-properties.ts
+const marginProperties = [
+	"margin",
+	"marginTop",
+	"marginBottom",
+	"marginRight",
+	"marginLeft",
+	"marginInline",
+	"marginBlock",
+	"marginBlockStart",
+	"marginBlockEnd",
+	"marginInlineStart",
+	"marginInlineEnd"
+];
+
+//#endregion
+//#region src/body.tsx
+const Body = React.forwardRef(({ children, style,...props }, ref) => {
+	const bodyStyle = {
+		background: style?.background,
+		backgroundColor: style?.backgroundColor
+	};
+	if (style) for (const property of marginProperties) bodyStyle[property] = style[property] !== void 0 ? 0 : void 0;
+	return /* @__PURE__ */ jsx("body", {
+		...props,
+		style: bodyStyle,
+		ref,
+		children: /* @__PURE__ */ jsx("table", {
+			border: 0,
+			width: "100%",
+			cellPadding: "0",
+			cellSpacing: "0",
+			role: "presentation",
+			align: "center",
+			children: /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", {
+				style,
+				children
+			}) }) })
+		})
+	});
+});
 Body.displayName = "Body";
-export {
-  Body
-};
+
+//#endregion
+export { Body };
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["marginProperties: (keyof React.CSSProperties)[]","bodyStyle: Record<string, string | number | undefined>"],"sources":["../src/margin-properties.ts","../src/body.tsx"],"sourcesContent":["export const marginProperties: (keyof React.CSSProperties)[] = [\n  'margin',\n  'marginTop',\n  'marginBottom',\n  'marginRight',\n  'marginLeft',\n  'marginInline',\n  'marginBlock',\n  'marginBlockStart',\n  'marginBlockEnd',\n  'marginInlineStart',\n  'marginInlineEnd',\n];\n","import * as React from 'react';\nimport { marginProperties } from './margin-properties';\n\nexport type BodyProps = Readonly<React.HtmlHTMLAttributes<HTMLBodyElement>>;\n\nexport const Body = React.forwardRef<HTMLBodyElement, BodyProps>(\n  ({ children, style, ...props }, ref) => {\n    const bodyStyle: Record<string, string | number | undefined> = {\n      background: style?.background,\n      backgroundColor: style?.backgroundColor,\n    };\n    if (style) {\n      for (const property of marginProperties) {\n        // We reset the margin if the user sets it, this mimics the\n        // same behavior that would happen if this was only using the body.\n        // This avoids the incoming margin summing up with the margin\n        // defined by the email client on the body, or by the browser itself\n        bodyStyle[property] = style[property] !== undefined ? 0 : undefined;\n      }\n    }\n    return (\n      <body {...props} style={bodyStyle} ref={ref}>\n        <table\n          border={0}\n          width=\"100%\"\n          cellPadding=\"0\"\n          cellSpacing=\"0\"\n          role=\"presentation\"\n          align=\"center\"\n        >\n          <tbody>\n            <tr>\n              {/*\n                Yahoo and AOL remove all styles of the body element while converting it to a div,\n                so we need to apply them to to an inner cell.\n\n                See https://github.com/resend/react-email/issues/662.\n              */}\n              <td style={style}>{children}</td>\n            </tr>\n          </tbody>\n        </table>\n      </body>\n    );\n  },\n);\n\nBody.displayName = 'Body';\n"],"mappings":";;;;AAAA,MAAaA,mBAAkD;CAC7D;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;;;;ACPD,MAAa,OAAO,MAAM,YACvB,EAAE,UAAU,MAAO,GAAG,SAAS,QAAQ;CACtC,MAAMC,YAAyD;EAC7D,YAAY,OAAO;EACnB,iBAAiB,OAAO;EACzB;AACD,KAAI,MACF,MAAK,MAAM,YAAY,iBAKrB,WAAU,YAAY,MAAM,cAAc,SAAY,IAAI;AAG9D,QACE,oBAAC;EAAK,GAAI;EAAO,OAAO;EAAgB;YACtC,oBAAC;GACC,QAAQ;GACR,OAAM;GACN,aAAY;GACZ,aAAY;GACZ,MAAK;GACL,OAAM;aAEN,oBAAC,qBACC,oBAAC,kBAOC,oBAAC;IAAU;IAAQ;KAAc,GAC9B,GACC;IACF;GACH;EAGZ;AAED,KAAK,cAAc"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-email/body",
-  "version": "0.1.0",
+  "version": "0.2.0-canary.0",
   "description": "A React body component to wrap emails",
   "sideEffects": false,
   "main": "./dist/index.js",
@@ -27,15 +27,15 @@
   },
   "devDependencies": {
     "typescript": "5.8.3",
-    "@react-email/render": "1.1.4",
+    "@react-email/render": "2.0.0-canary.1",
     "tsconfig": "0.0.0"
   },
   "publishConfig": {
     "access": "public"
   },
   "scripts": {
-    "build": "tsup src/index.ts --format esm,cjs --dts --external react",
-    "build:watch": "tsup src/index.ts --format esm,cjs --dts --external react --watch",
+    "build": "tsdown src/index.ts --format esm,cjs --dts --external react",
+    "build:watch": "tsdown src/index.ts --format esm,cjs --dts --external react --watch",
     "clean": "rm -rf dist",
     "test": "vitest run",
     "test:watch": "vitest"