@react-email/button 0.0.6 → 0.0.8

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-declare type RootProps = React.ComponentPropsWithoutRef<'a'>;
+declare type RootProps = React.ComponentPropsWithoutRef<"a">;
 interface ButtonProps extends RootProps {
     pX?: number;
     pY?: number;

package/dist/index.js

@@ -5,9 +5,6 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __commonJS = (cb, mod) => function __require() {
-  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
-};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -26,269 +23,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// ../utils/dist/as.js
-var require_as = __commonJS({
-  "../utils/dist/as.js"(exports) {
-    "use strict";
-    exports.__esModule = true;
-  }
-});
-
-// ../utils/dist/copy-text-to-clipboard.js
-var require_copy_text_to_clipboard = __commonJS({
-  "../utils/dist/copy-text-to-clipboard.js"(exports) {
-    "use strict";
-    var __awaiter = exports && exports.__awaiter || function(thisArg, _arguments, P, generator) {
-      function adopt(value) {
-        return value instanceof P ? value : new P(function(resolve) {
-          resolve(value);
-        });
-      }
-      return new (P || (P = Promise))(function(resolve, reject) {
-        function fulfilled(value) {
-          try {
-            step(generator.next(value));
-          } catch (e) {
-            reject(e);
-          }
-        }
-        function rejected(value) {
-          try {
-            step(generator["throw"](value));
-          } catch (e) {
-            reject(e);
-          }
-        }
-        function step(result) {
-          result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
-        }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-      });
-    };
-    var __generator = exports && exports.__generator || function(thisArg, body) {
-      var _ = { label: 0, sent: function() {
-        if (t[0] & 1)
-          throw t[1];
-        return t[1];
-      }, trys: [], ops: [] }, f, y, t, g;
-      return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
-        return this;
-      }), g;
-      function verb(n) {
-        return function(v) {
-          return step([n, v]);
-        };
-      }
-      function step(op) {
-        if (f)
-          throw new TypeError("Generator is already executing.");
-        while (_)
-          try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
-              return t;
-            if (y = 0, t)
-              op = [op[0] & 2, t.value];
-            switch (op[0]) {
-              case 0:
-              case 1:
-                t = op;
-                break;
-              case 4:
-                _.label++;
-                return { value: op[1], done: false };
-              case 5:
-                _.label++;
-                y = op[1];
-                op = [0];
-                continue;
-              case 7:
-                op = _.ops.pop();
-                _.trys.pop();
-                continue;
-              default:
-                if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
-                  _ = 0;
-                  continue;
-                }
-                if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
-                  _.label = op[1];
-                  break;
-                }
-                if (op[0] === 6 && _.label < t[1]) {
-                  _.label = t[1];
-                  t = op;
-                  break;
-                }
-                if (t && _.label < t[2]) {
-                  _.label = t[2];
-                  _.ops.push(op);
-                  break;
-                }
-                if (t[2])
-                  _.ops.pop();
-                _.trys.pop();
-                continue;
-            }
-            op = body.call(thisArg, _);
-          } catch (e) {
-            op = [6, e];
-            y = 0;
-          } finally {
-            f = t = 0;
-          }
-        if (op[0] & 5)
-          throw op[1];
-        return { value: op[0] ? op[1] : void 0, done: true };
-      }
-    };
-    exports.__esModule = true;
-    exports.copyTextToClipboard = void 0;
-    var copyTextToClipboard = function(text) {
-      return __awaiter(void 0, void 0, void 0, function() {
-        var _a;
-        return __generator(this, function(_b) {
-          switch (_b.label) {
-            case 0:
-              _b.trys.push([0, 2, , 3]);
-              return [4, navigator.clipboard.writeText(text)];
-            case 1:
-              _b.sent();
-              return [3, 3];
-            case 2:
-              _a = _b.sent();
-              throw new Error("Not able to copy");
-            case 3:
-              return [2];
-          }
-        });
-      });
-    };
-    exports.copyTextToClipboard = copyTextToClipboard;
-  }
-});
-
-// ../utils/dist/px-to-pt.js
-var require_px_to_pt = __commonJS({
-  "../utils/dist/px-to-pt.js"(exports) {
-    "use strict";
-    exports.__esModule = true;
-    exports.pxToPt = void 0;
-    var pxToPt2 = function(px) {
-      return isNaN(Number(px)) ? null : parseInt(px, 10) * 3 / 4;
-    };
-    exports.pxToPt = pxToPt2;
-  }
-});
-
-// ../utils/dist/spaces.js
-var require_spaces = __commonJS({
-  "../utils/dist/spaces.js"(exports) {
-    "use strict";
-    var __assign = exports && exports.__assign || function() {
-      __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-          s = arguments[i];
-          for (var p in s)
-            if (Object.prototype.hasOwnProperty.call(s, p))
-              t[p] = s[p];
-        }
-        return t;
-      };
-      return __assign.apply(this, arguments);
-    };
-    exports.__esModule = true;
-    exports.withMargin = void 0;
-    var withMargin = function(props) {
-      return [
-        withSpace(props.m, ["margin"]),
-        withSpace(props.mx, ["marginLeft", "marginRight"]),
-        withSpace(props.my, ["marginTop", "marginBottom"]),
-        withSpace(props.mt, ["marginTop"]),
-        withSpace(props.mr, ["marginRight"]),
-        withSpace(props.mb, ["marginBottom"]),
-        withSpace(props.ml, ["marginLeft"])
-      ].filter(function(s) {
-        return Object.keys(s).length;
-      })[0];
-    };
-    exports.withMargin = withMargin;
-    var withSpace = function(value, properties) {
-      return properties.reduce(function(styles, property) {
-        var _a;
-        if (value) {
-          return __assign(__assign({}, styles), (_a = {}, _a[property] = "".concat(value, "px"), _a));
-        }
-        return styles;
-      }, {});
-    };
-  }
-});
-
-// ../utils/dist/style-to-string.js
-var require_style_to_string = __commonJS({
-  "../utils/dist/style-to-string.js"(exports) {
-    "use strict";
-    exports.__esModule = true;
-    exports.styleToString = void 0;
-    var styleToString = function(style) {
-      return Object.keys(style).reduce(function(acc, key) {
-        return acc + key.split(/(?=[A-Z])/).join("-").toLowerCase() + ":" + style[key] + ";";
-      }, "");
-    };
-    exports.styleToString = styleToString;
-  }
-});
-
-// ../utils/dist/unreachable.js
-var require_unreachable = __commonJS({
-  "../utils/dist/unreachable.js"(exports) {
-    "use strict";
-    exports.__esModule = true;
-    exports.unreachable = void 0;
-    var unreachable = function(condition, message) {
-      if (message === void 0) {
-        message = "Entered unreachable code. Received '".concat(condition, "'.");
-      }
-      throw new TypeError(message);
-    };
-    exports.unreachable = unreachable;
-  }
-});
-
-// ../utils/dist/index.js
-var require_dist = __commonJS({
-  "../utils/dist/index.js"(exports) {
-    "use strict";
-    var __createBinding = exports && exports.__createBinding || (Object.create ? function(o, m, k, k2) {
-      if (k2 === void 0)
-        k2 = k;
-      var desc = Object.getOwnPropertyDescriptor(m, k);
-      if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-        desc = { enumerable: true, get: function() {
-          return m[k];
-        } };
-      }
-      Object.defineProperty(o, k2, desc);
-    } : function(o, m, k, k2) {
-      if (k2 === void 0)
-        k2 = k;
-      o[k2] = m[k];
-    });
-    var __exportStar = exports && exports.__exportStar || function(m, exports2) {
-      for (var p in m)
-        if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports2, p))
-          __createBinding(exports2, m, p);
-    };
-    exports.__esModule = true;
-    __exportStar(require_as(), exports);
-    __exportStar(require_copy_text_to_clipboard(), exports);
-    __exportStar(require_px_to_pt(), exports);
-    __exportStar(require_spaces(), exports);
-    __exportStar(require_style_to_string(), exports);
-    __exportStar(require_unreachable(), exports);
-  }
-});
-
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
@@ -298,17 +32,22 @@ module.exports = __toCommonJS(src_exports);
 
 // src/button.tsx
 var React = __toESM(require("react"));
-var import_utils = __toESM(require_dist());
+
+// src/utils/px-to-pt.ts
+var pxToPt = (px) => isNaN(Number(px)) ? null : parseInt(px, 10) * 3 / 4;
+
+// src/button.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 var Button = React.forwardRef(
   ({ children, style, pX, pY, target = "_blank", ...props }, forwardedRef) => {
     const y = (pY || 0) * 2;
-    const textRaise = (0, import_utils.pxToPt)(y.toString());
+    const textRaise = pxToPt(y.toString());
     return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       "a",
       {
         ...props,
         ref: forwardedRef,
+        "data-id": "react-email-button",
         target,
         style: buttonStyle({ ...style, pX, pY }),
         children: [
@@ -320,7 +59,7 @@ var Button = React.forwardRef(
               }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: buttonTextStyle({ ...style, pX, pY }), children }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: buttonTextStyle(pY), children }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
             "span",
             {
@@ -336,28 +75,24 @@ var Button = React.forwardRef(
 );
 Button.displayName = "Button";
 var buttonStyle = (style) => {
-  const paddingY = (style == null ? void 0 : style.pY) || 0;
-  const paddingX = (style == null ? void 0 : style.pX) || 0;
+  const { pY, pX, ...rest } = style || {};
   return {
-    ...style,
+    ...rest,
     lineHeight: "100%",
     textDecoration: "none",
     display: "inline-block",
     maxWidth: "100%",
-    padding: `${paddingY}px ${paddingX}px`
+    padding: `${pY}px ${pX}px`
   };
 };
-var buttonTextStyle = (style) => {
-  const paddingY = (style == null ? void 0 : style.pY) || 0;
+var buttonTextStyle = (pY) => {
+  const paddingY = pY || 0;
   return {
-    ...style,
     maxWidth: "100%",
     display: "inline-block",
     lineHeight: "120%",
-    textDecoration: "none",
-    textTransform: "none",
     msoPaddingAlt: "0px",
-    msoTextRaise: (0, import_utils.pxToPt)(paddingY.toString())
+    msoTextRaise: pxToPt(paddingY.toString())
   };
 };
 // Annotate the CommonJS export names for ESM import in node:

package/dist/index.mjs

@@ -1,301 +1,21 @@
-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 __commonJS = (cb, mod) => function __require() {
-  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
-};
-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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-
-// ../utils/dist/as.js
-var require_as = __commonJS({
-  "../utils/dist/as.js"(exports) {
-    "use strict";
-    exports.__esModule = true;
-  }
-});
-
-// ../utils/dist/copy-text-to-clipboard.js
-var require_copy_text_to_clipboard = __commonJS({
-  "../utils/dist/copy-text-to-clipboard.js"(exports) {
-    "use strict";
-    var __awaiter = exports && exports.__awaiter || function(thisArg, _arguments, P, generator) {
-      function adopt(value) {
-        return value instanceof P ? value : new P(function(resolve) {
-          resolve(value);
-        });
-      }
-      return new (P || (P = Promise))(function(resolve, reject) {
-        function fulfilled(value) {
-          try {
-            step(generator.next(value));
-          } catch (e) {
-            reject(e);
-          }
-        }
-        function rejected(value) {
-          try {
-            step(generator["throw"](value));
-          } catch (e) {
-            reject(e);
-          }
-        }
-        function step(result) {
-          result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
-        }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-      });
-    };
-    var __generator = exports && exports.__generator || function(thisArg, body) {
-      var _ = { label: 0, sent: function() {
-        if (t[0] & 1)
-          throw t[1];
-        return t[1];
-      }, trys: [], ops: [] }, f, y, t, g;
-      return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
-        return this;
-      }), g;
-      function verb(n) {
-        return function(v) {
-          return step([n, v]);
-        };
-      }
-      function step(op) {
-        if (f)
-          throw new TypeError("Generator is already executing.");
-        while (_)
-          try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
-              return t;
-            if (y = 0, t)
-              op = [op[0] & 2, t.value];
-            switch (op[0]) {
-              case 0:
-              case 1:
-                t = op;
-                break;
-              case 4:
-                _.label++;
-                return { value: op[1], done: false };
-              case 5:
-                _.label++;
-                y = op[1];
-                op = [0];
-                continue;
-              case 7:
-                op = _.ops.pop();
-                _.trys.pop();
-                continue;
-              default:
-                if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
-                  _ = 0;
-                  continue;
-                }
-                if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
-                  _.label = op[1];
-                  break;
-                }
-                if (op[0] === 6 && _.label < t[1]) {
-                  _.label = t[1];
-                  t = op;
-                  break;
-                }
-                if (t && _.label < t[2]) {
-                  _.label = t[2];
-                  _.ops.push(op);
-                  break;
-                }
-                if (t[2])
-                  _.ops.pop();
-                _.trys.pop();
-                continue;
-            }
-            op = body.call(thisArg, _);
-          } catch (e) {
-            op = [6, e];
-            y = 0;
-          } finally {
-            f = t = 0;
-          }
-        if (op[0] & 5)
-          throw op[1];
-        return { value: op[0] ? op[1] : void 0, done: true };
-      }
-    };
-    exports.__esModule = true;
-    exports.copyTextToClipboard = void 0;
-    var copyTextToClipboard = function(text) {
-      return __awaiter(void 0, void 0, void 0, function() {
-        var _a;
-        return __generator(this, function(_b) {
-          switch (_b.label) {
-            case 0:
-              _b.trys.push([0, 2, , 3]);
-              return [4, navigator.clipboard.writeText(text)];
-            case 1:
-              _b.sent();
-              return [3, 3];
-            case 2:
-              _a = _b.sent();
-              throw new Error("Not able to copy");
-            case 3:
-              return [2];
-          }
-        });
-      });
-    };
-    exports.copyTextToClipboard = copyTextToClipboard;
-  }
-});
-
-// ../utils/dist/px-to-pt.js
-var require_px_to_pt = __commonJS({
-  "../utils/dist/px-to-pt.js"(exports) {
-    "use strict";
-    exports.__esModule = true;
-    exports.pxToPt = void 0;
-    var pxToPt2 = function(px) {
-      return isNaN(Number(px)) ? null : parseInt(px, 10) * 3 / 4;
-    };
-    exports.pxToPt = pxToPt2;
-  }
-});
-
-// ../utils/dist/spaces.js
-var require_spaces = __commonJS({
-  "../utils/dist/spaces.js"(exports) {
-    "use strict";
-    var __assign = exports && exports.__assign || function() {
-      __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-          s = arguments[i];
-          for (var p in s)
-            if (Object.prototype.hasOwnProperty.call(s, p))
-              t[p] = s[p];
-        }
-        return t;
-      };
-      return __assign.apply(this, arguments);
-    };
-    exports.__esModule = true;
-    exports.withMargin = void 0;
-    var withMargin = function(props) {
-      return [
-        withSpace(props.m, ["margin"]),
-        withSpace(props.mx, ["marginLeft", "marginRight"]),
-        withSpace(props.my, ["marginTop", "marginBottom"]),
-        withSpace(props.mt, ["marginTop"]),
-        withSpace(props.mr, ["marginRight"]),
-        withSpace(props.mb, ["marginBottom"]),
-        withSpace(props.ml, ["marginLeft"])
-      ].filter(function(s) {
-        return Object.keys(s).length;
-      })[0];
-    };
-    exports.withMargin = withMargin;
-    var withSpace = function(value, properties) {
-      return properties.reduce(function(styles, property) {
-        var _a;
-        if (value) {
-          return __assign(__assign({}, styles), (_a = {}, _a[property] = "".concat(value, "px"), _a));
-        }
-        return styles;
-      }, {});
-    };
-  }
-});
-
-// ../utils/dist/style-to-string.js
-var require_style_to_string = __commonJS({
-  "../utils/dist/style-to-string.js"(exports) {
-    "use strict";
-    exports.__esModule = true;
-    exports.styleToString = void 0;
-    var styleToString = function(style) {
-      return Object.keys(style).reduce(function(acc, key) {
-        return acc + key.split(/(?=[A-Z])/).join("-").toLowerCase() + ":" + style[key] + ";";
-      }, "");
-    };
-    exports.styleToString = styleToString;
-  }
-});
-
-// ../utils/dist/unreachable.js
-var require_unreachable = __commonJS({
-  "../utils/dist/unreachable.js"(exports) {
-    "use strict";
-    exports.__esModule = true;
-    exports.unreachable = void 0;
-    var unreachable = function(condition, message) {
-      if (message === void 0) {
-        message = "Entered unreachable code. Received '".concat(condition, "'.");
-      }
-      throw new TypeError(message);
-    };
-    exports.unreachable = unreachable;
-  }
-});
+// src/button.tsx
+import * as React from "react";
 
-// ../utils/dist/index.js
-var require_dist = __commonJS({
-  "../utils/dist/index.js"(exports) {
-    "use strict";
-    var __createBinding = exports && exports.__createBinding || (Object.create ? function(o, m, k, k2) {
-      if (k2 === void 0)
-        k2 = k;
-      var desc = Object.getOwnPropertyDescriptor(m, k);
-      if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-        desc = { enumerable: true, get: function() {
-          return m[k];
-        } };
-      }
-      Object.defineProperty(o, k2, desc);
-    } : function(o, m, k, k2) {
-      if (k2 === void 0)
-        k2 = k;
-      o[k2] = m[k];
-    });
-    var __exportStar = exports && exports.__exportStar || function(m, exports2) {
-      for (var p in m)
-        if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports2, p))
-          __createBinding(exports2, m, p);
-    };
-    exports.__esModule = true;
-    __exportStar(require_as(), exports);
-    __exportStar(require_copy_text_to_clipboard(), exports);
-    __exportStar(require_px_to_pt(), exports);
-    __exportStar(require_spaces(), exports);
-    __exportStar(require_style_to_string(), exports);
-    __exportStar(require_unreachable(), exports);
-  }
-});
+// src/utils/px-to-pt.ts
+var pxToPt = (px) => isNaN(Number(px)) ? null : parseInt(px, 10) * 3 / 4;
 
 // src/button.tsx
-var import_utils = __toESM(require_dist());
-import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var Button = React.forwardRef(
   ({ children, style, pX, pY, target = "_blank", ...props }, forwardedRef) => {
     const y = (pY || 0) * 2;
-    const textRaise = (0, import_utils.pxToPt)(y.toString());
+    const textRaise = pxToPt(y.toString());
     return /* @__PURE__ */ jsxs(
       "a",
       {
         ...props,
         ref: forwardedRef,
+        "data-id": "react-email-button",
         target,
         style: buttonStyle({ ...style, pX, pY }),
         children: [
@@ -307,7 +27,7 @@ var Button = React.forwardRef(
               }
             }
           ),
-          /* @__PURE__ */ jsx("span", { style: buttonTextStyle({ ...style, pX, pY }), children }),
+          /* @__PURE__ */ jsx("span", { style: buttonTextStyle(pY), children }),
           /* @__PURE__ */ jsx(
             "span",
             {
@@ -323,28 +43,24 @@ var Button = React.forwardRef(
 );
 Button.displayName = "Button";
 var buttonStyle = (style) => {
-  const paddingY = (style == null ? void 0 : style.pY) || 0;
-  const paddingX = (style == null ? void 0 : style.pX) || 0;
+  const { pY, pX, ...rest } = style || {};
   return {
-    ...style,
+    ...rest,
     lineHeight: "100%",
     textDecoration: "none",
     display: "inline-block",
     maxWidth: "100%",
-    padding: `${paddingY}px ${paddingX}px`
+    padding: `${pY}px ${pX}px`
   };
 };
-var buttonTextStyle = (style) => {
-  const paddingY = (style == null ? void 0 : style.pY) || 0;
+var buttonTextStyle = (pY) => {
+  const paddingY = pY || 0;
   return {
-    ...style,
     maxWidth: "100%",
     display: "inline-block",
     lineHeight: "120%",
-    textDecoration: "none",
-    textTransform: "none",
     msoPaddingAlt: "0px",
-    msoTextRaise: (0, import_utils.pxToPt)(paddingY.toString())
+    msoTextRaise: pxToPt(paddingY.toString())
   };
 };
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-email/button",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "description": "A link that is styled to look like a button",
   "sideEffects": false,
   "main": "./dist/index.js",
@@ -17,8 +17,8 @@
     "clean": "rm -rf dist",
     "test": "jest",
     "test:watch": "jest --watch",
-    "format:check": "prettier --ignore-path ./../../.prettierignore --check \"**/*.{ts,tsx,md}\"",
-    "format": "prettier --ignore-path ./../../.prettierignore --write \"**/*.{ts,tsx,md}\""
+    "format:check": "prettier --check \"**/*.{ts,tsx,md}\"",
+    "format": "prettier --write \"**/*.{ts,tsx,md}\""
   },
   "repository": {
     "type": "git",
@@ -37,15 +37,15 @@
   },
   "devDependencies": {
     "@babel/preset-react": "7.18.6",
-    "@react-email/render": "*",
+    "@react-email/render": "0.0.6",
+    "@types/jest": "29.5.0",
     "@types/react": "18.0.20",
     "@types/react-dom": "18.0.6",
     "babel-jest": "28.1.3",
     "eslint": "8.23.1",
-    "eslint-config-custom": "*",
     "jest": "28.1.3",
+    "prettier": "2.8.4",
     "ts-jest": "28.0.8",
-    "tsconfig": "*",
     "tsup": "6.2.3",
     "typescript": "4.8.3"
   },

package/readme.md

@@ -32,11 +32,11 @@ npm install @react-email/button -E
 Add the component to your email template. Include styles where needed.
 
 ```jsx
-import { Button } from '@react-email/button';
+import { Button } from "@react-email/button";
 
 const Email = () => {
   return (
-    <Button href="https://example.com" style={{ color: '#61dafb' }}>
+    <Button href="https://example.com" style={{ color: "#61dafb" }}>
       Click me
     </Button>
   );