react-email 4.0.16 → 4.1.0-canary.10

package/src/hooks/use-rendering-metadata.ts

@@ -1,36 +0,0 @@
-import { useEffect } from 'react';
-import type {
-  EmailRenderingResult,
-  RenderedEmailMetadata,
-} from '../actions/render-email-by-path';
-
-const lastRenderingMetadataPerEmailPath = {} as Record<
-  string,
-  RenderedEmailMetadata
->;
-
-/**
- * Returns the rendering metadata if the given `renderingResult`
- * does not error. If it does error it returns the last value it had for the hook.
- */
-export const useRenderingMetadata = (
-  emailPath: string,
-  renderingResult: EmailRenderingResult,
-  serverRenderingMetadata: EmailRenderingResult,
-): RenderedEmailMetadata | undefined => {
-  useEffect(() => {
-    if ('markup' in renderingResult) {
-      lastRenderingMetadataPerEmailPath[emailPath] = renderingResult;
-    } else if (
-      typeof serverRenderingMetadata !== 'undefined' &&
-      'markup' in serverRenderingMetadata &&
-      typeof lastRenderingMetadataPerEmailPath[emailPath] === 'undefined'
-    ) {
-      lastRenderingMetadataPerEmailPath[emailPath] = serverRenderingMetadata;
-    }
-  }, [renderingResult, emailPath, serverRenderingMetadata]);
-
-  return 'error' in renderingResult
-    ? lastRenderingMetadataPerEmailPath[emailPath]
-    : renderingResult;
-};

package/src/package/body/dist/index.d.mts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-
-type BodyProps = Readonly<React.HtmlHTMLAttributes<HTMLBodyElement>>;
-declare const Body: React.ForwardRefExoticComponent<Readonly<React.HtmlHTMLAttributes<HTMLBodyElement>> & React.RefAttributes<HTMLBodyElement>>;
-
-export { Body, type BodyProps };

package/src/package/body/dist/index.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-
-type BodyProps = Readonly<React.HtmlHTMLAttributes<HTMLBodyElement>>;
-declare const Body: React.ForwardRefExoticComponent<Readonly<React.HtmlHTMLAttributes<HTMLBodyElement>> & React.RefAttributes<HTMLBodyElement>>;
-
-export { Body, type BodyProps };

package/src/package/body/dist/index.js

@@ -1,79 +0,0 @@
-"use strict";
-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;
-};
-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);
-
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  Body: () => Body
-});
-module.exports = __toCommonJS(src_exports);
-
-// 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), { ref, style, children }));
-  }
-);
-Body.displayName = "Body";
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Body
-});

package/src/package/body/dist/index.mjs

@@ -1,45 +0,0 @@
-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), { ref, style, children }));
-  }
-);
-Body.displayName = "Body";
-export {
-  Body
-};

package/src/package/button/dist/index.d.mts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-
-type ButtonProps = Readonly<React.ComponentPropsWithoutRef<"a">>;
-declare const Button: React.ForwardRefExoticComponent<Readonly<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref">> & React.RefAttributes<HTMLAnchorElement>>;
-
-export { Button, type ButtonProps };

package/src/package/button/dist/index.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-
-type ButtonProps = Readonly<React.ComponentPropsWithoutRef<"a">>;
-declare const Button: React.ForwardRefExoticComponent<Readonly<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref">> & React.RefAttributes<HTMLAnchorElement>>;
-
-export { Button, type ButtonProps };

package/src/package/button/dist/index.js

@@ -1,252 +0,0 @@
-"use strict";
-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;
-};
-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);
-
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  Button: () => Button
-});
-module.exports = __toCommonJS(src_exports);
-
-// src/button.tsx
-var React = __toESM(require("react"));
-
-// src/utils/parse-padding.ts
-function convertToPx(value) {
-  let px = 0;
-  if (!value) {
-    return px;
-  }
-  if (typeof value === "number") {
-    return value;
-  }
-  const matches = /^([\d.]+)(px|em|rem|%)$/.exec(value);
-  if (matches && matches.length === 3) {
-    const numValue = parseFloat(matches[1]);
-    const unit = matches[2];
-    switch (unit) {
-      case "px":
-        return numValue;
-      case "em":
-      case "rem":
-        px = numValue * 16;
-        return px;
-      case "%":
-        px = numValue / 100 * 600;
-        return px;
-      default:
-        return numValue;
-    }
-  } else {
-    return 0;
-  }
-}
-function parsePadding({
-  padding = "",
-  paddingTop,
-  paddingRight,
-  paddingBottom,
-  paddingLeft
-}) {
-  let pt = 0;
-  let pr = 0;
-  let pb = 0;
-  let pl = 0;
-  if (typeof padding === "number") {
-    pt = padding;
-    pr = padding;
-    pb = padding;
-    pl = padding;
-  } else {
-    const values = padding.split(/\s+/);
-    switch (values.length) {
-      case 1:
-        pt = convertToPx(values[0]);
-        pr = convertToPx(values[0]);
-        pb = convertToPx(values[0]);
-        pl = convertToPx(values[0]);
-        break;
-      case 2:
-        pt = convertToPx(values[0]);
-        pb = convertToPx(values[0]);
-        pr = convertToPx(values[1]);
-        pl = convertToPx(values[1]);
-        break;
-      case 3:
-        pt = convertToPx(values[0]);
-        pr = convertToPx(values[1]);
-        pl = convertToPx(values[1]);
-        pb = convertToPx(values[2]);
-        break;
-      case 4:
-        pt = convertToPx(values[0]);
-        pr = convertToPx(values[1]);
-        pb = convertToPx(values[2]);
-        pl = convertToPx(values[3]);
-        break;
-      default:
-        break;
-    }
-  }
-  return {
-    pt: paddingTop ? convertToPx(paddingTop) : pt,
-    pr: paddingRight ? convertToPx(paddingRight) : pr,
-    pb: paddingBottom ? convertToPx(paddingBottom) : pb,
-    pl: paddingLeft ? convertToPx(paddingLeft) : pl
-  };
-}
-
-// src/utils/px-to-pt.ts
-var pxToPt = (px) => typeof px === "number" && !isNaN(Number(px)) ? px * 3 / 4 : null;
-
-// src/button.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var maxFontWidth = 5;
-function computeFontWidthAndSpaceCount(expectedWidth) {
-  if (expectedWidth === 0) return [0, 0];
-  let smallestSpaceCount = 0;
-  const computeRequiredFontWidth = () => {
-    if (smallestSpaceCount > 0) {
-      return expectedWidth / smallestSpaceCount / 2;
-    }
-    return Infinity;
-  };
-  while (computeRequiredFontWidth() > maxFontWidth) {
-    smallestSpaceCount++;
-  }
-  return [computeRequiredFontWidth(), smallestSpaceCount];
-}
-var Button = React.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { children, style, target = "_blank" } = _b, props = __objRest(_b, ["children", "style", "target"]);
-    var _a2, _b2, _c, _d;
-    const { pt, pr, pb, pl } = parsePadding({
-      padding: style == null ? void 0 : style.padding,
-      paddingLeft: (_a2 = style == null ? void 0 : style.paddingLeft) != null ? _a2 : style == null ? void 0 : style.paddingInline,
-      paddingRight: (_b2 = style == null ? void 0 : style.paddingRight) != null ? _b2 : style == null ? void 0 : style.paddingInline,
-      paddingTop: (_c = style == null ? void 0 : style.paddingTop) != null ? _c : style == null ? void 0 : style.paddingBlock,
-      paddingBottom: (_d = style == null ? void 0 : style.paddingBottom) != null ? _d : style == null ? void 0 : style.paddingBlock
-    });
-    const y = pt + pb;
-    const textRaise = pxToPt(y);
-    const [plFontWidth, plSpaceCount] = computeFontWidthAndSpaceCount(pl);
-    const [prFontWidth, prSpaceCount] = computeFontWidthAndSpaceCount(pr);
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-      "a",
-      __spreadProps(__spreadValues({}, props), {
-        ref,
-        style: buttonStyle(__spreadProps(__spreadValues({}, style), { pt, pr, pb, pl })),
-        target,
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            "span",
-            {
-              dangerouslySetInnerHTML: {
-                // The `&#8202;` is as close to `1px` of an empty character as we can get, then, we use the `mso-font-width`
-                // to scale it according to what padding the developer wants. `mso-font-width` also does not allow for percentages
-                // >= 500% so we need to add extra spaces accordingly.
-                //
-                // See https://github.com/resend/react-email/issues/1512 for why we do not use letter-spacing instead.
-                __html: `<!--[if mso]><i style="mso-font-width:${plFontWidth * 100}%;mso-text-raise:${textRaise}" hidden>${"&#8202;".repeat(
-                  plSpaceCount
-                )}</i><![endif]-->`
-              }
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: buttonTextStyle(pb), children }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            "span",
-            {
-              dangerouslySetInnerHTML: {
-                __html: `<!--[if mso]><i style="mso-font-width:${prFontWidth * 100}%" hidden>${"&#8202;".repeat(
-                  prSpaceCount
-                )}&#8203;</i><![endif]-->`
-              }
-            }
-          )
-        ]
-      })
-    );
-  }
-);
-Button.displayName = "Button";
-var buttonStyle = (style) => {
-  const _a = style || {}, { pt, pr, pb, pl } = _a, rest = __objRest(_a, ["pt", "pr", "pb", "pl"]);
-  return __spreadProps(__spreadValues({
-    lineHeight: "100%",
-    textDecoration: "none",
-    display: "inline-block",
-    maxWidth: "100%",
-    msoPaddingAlt: "0px"
-  }, rest), {
-    padding: `${pt}px ${pr}px ${pb}px ${pl}px`
-  });
-};
-var buttonTextStyle = (pb) => {
-  return {
-    maxWidth: "100%",
-    display: "inline-block",
-    lineHeight: "120%",
-    msoPaddingAlt: "0px",
-    msoTextRaise: pxToPt(pb || 0)
-  };
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Button
-});

package/src/package/button/dist/index.mjs

@@ -1,218 +0,0 @@
-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/button.tsx
-import * as React from "react";
-
-// src/utils/parse-padding.ts
-function convertToPx(value) {
-  let px = 0;
-  if (!value) {
-    return px;
-  }
-  if (typeof value === "number") {
-    return value;
-  }
-  const matches = /^([\d.]+)(px|em|rem|%)$/.exec(value);
-  if (matches && matches.length === 3) {
-    const numValue = parseFloat(matches[1]);
-    const unit = matches[2];
-    switch (unit) {
-      case "px":
-        return numValue;
-      case "em":
-      case "rem":
-        px = numValue * 16;
-        return px;
-      case "%":
-        px = numValue / 100 * 600;
-        return px;
-      default:
-        return numValue;
-    }
-  } else {
-    return 0;
-  }
-}
-function parsePadding({
-  padding = "",
-  paddingTop,
-  paddingRight,
-  paddingBottom,
-  paddingLeft
-}) {
-  let pt = 0;
-  let pr = 0;
-  let pb = 0;
-  let pl = 0;
-  if (typeof padding === "number") {
-    pt = padding;
-    pr = padding;
-    pb = padding;
-    pl = padding;
-  } else {
-    const values = padding.split(/\s+/);
-    switch (values.length) {
-      case 1:
-        pt = convertToPx(values[0]);
-        pr = convertToPx(values[0]);
-        pb = convertToPx(values[0]);
-        pl = convertToPx(values[0]);
-        break;
-      case 2:
-        pt = convertToPx(values[0]);
-        pb = convertToPx(values[0]);
-        pr = convertToPx(values[1]);
-        pl = convertToPx(values[1]);
-        break;
-      case 3:
-        pt = convertToPx(values[0]);
-        pr = convertToPx(values[1]);
-        pl = convertToPx(values[1]);
-        pb = convertToPx(values[2]);
-        break;
-      case 4:
-        pt = convertToPx(values[0]);
-        pr = convertToPx(values[1]);
-        pb = convertToPx(values[2]);
-        pl = convertToPx(values[3]);
-        break;
-      default:
-        break;
-    }
-  }
-  return {
-    pt: paddingTop ? convertToPx(paddingTop) : pt,
-    pr: paddingRight ? convertToPx(paddingRight) : pr,
-    pb: paddingBottom ? convertToPx(paddingBottom) : pb,
-    pl: paddingLeft ? convertToPx(paddingLeft) : pl
-  };
-}
-
-// src/utils/px-to-pt.ts
-var pxToPt = (px) => typeof px === "number" && !isNaN(Number(px)) ? px * 3 / 4 : null;
-
-// src/button.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var maxFontWidth = 5;
-function computeFontWidthAndSpaceCount(expectedWidth) {
-  if (expectedWidth === 0) return [0, 0];
-  let smallestSpaceCount = 0;
-  const computeRequiredFontWidth = () => {
-    if (smallestSpaceCount > 0) {
-      return expectedWidth / smallestSpaceCount / 2;
-    }
-    return Infinity;
-  };
-  while (computeRequiredFontWidth() > maxFontWidth) {
-    smallestSpaceCount++;
-  }
-  return [computeRequiredFontWidth(), smallestSpaceCount];
-}
-var Button = React.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { children, style, target = "_blank" } = _b, props = __objRest(_b, ["children", "style", "target"]);
-    var _a2, _b2, _c, _d;
-    const { pt, pr, pb, pl } = parsePadding({
-      padding: style == null ? void 0 : style.padding,
-      paddingLeft: (_a2 = style == null ? void 0 : style.paddingLeft) != null ? _a2 : style == null ? void 0 : style.paddingInline,
-      paddingRight: (_b2 = style == null ? void 0 : style.paddingRight) != null ? _b2 : style == null ? void 0 : style.paddingInline,
-      paddingTop: (_c = style == null ? void 0 : style.paddingTop) != null ? _c : style == null ? void 0 : style.paddingBlock,
-      paddingBottom: (_d = style == null ? void 0 : style.paddingBottom) != null ? _d : style == null ? void 0 : style.paddingBlock
-    });
-    const y = pt + pb;
-    const textRaise = pxToPt(y);
-    const [plFontWidth, plSpaceCount] = computeFontWidthAndSpaceCount(pl);
-    const [prFontWidth, prSpaceCount] = computeFontWidthAndSpaceCount(pr);
-    return /* @__PURE__ */ jsxs(
-      "a",
-      __spreadProps(__spreadValues({}, props), {
-        ref,
-        style: buttonStyle(__spreadProps(__spreadValues({}, style), { pt, pr, pb, pl })),
-        target,
-        children: [
-          /* @__PURE__ */ jsx(
-            "span",
-            {
-              dangerouslySetInnerHTML: {
-                // The `&#8202;` is as close to `1px` of an empty character as we can get, then, we use the `mso-font-width`
-                // to scale it according to what padding the developer wants. `mso-font-width` also does not allow for percentages
-                // >= 500% so we need to add extra spaces accordingly.
-                //
-                // See https://github.com/resend/react-email/issues/1512 for why we do not use letter-spacing instead.
-                __html: `<!--[if mso]><i style="mso-font-width:${plFontWidth * 100}%;mso-text-raise:${textRaise}" hidden>${"&#8202;".repeat(
-                  plSpaceCount
-                )}</i><![endif]-->`
-              }
-            }
-          ),
-          /* @__PURE__ */ jsx("span", { style: buttonTextStyle(pb), children }),
-          /* @__PURE__ */ jsx(
-            "span",
-            {
-              dangerouslySetInnerHTML: {
-                __html: `<!--[if mso]><i style="mso-font-width:${prFontWidth * 100}%" hidden>${"&#8202;".repeat(
-                  prSpaceCount
-                )}&#8203;</i><![endif]-->`
-              }
-            }
-          )
-        ]
-      })
-    );
-  }
-);
-Button.displayName = "Button";
-var buttonStyle = (style) => {
-  const _a = style || {}, { pt, pr, pb, pl } = _a, rest = __objRest(_a, ["pt", "pr", "pb", "pl"]);
-  return __spreadProps(__spreadValues({
-    lineHeight: "100%",
-    textDecoration: "none",
-    display: "inline-block",
-    maxWidth: "100%",
-    msoPaddingAlt: "0px"
-  }, rest), {
-    padding: `${pt}px ${pr}px ${pb}px ${pl}px`
-  });
-};
-var buttonTextStyle = (pb) => {
-  return {
-    maxWidth: "100%",
-    display: "inline-block",
-    lineHeight: "120%",
-    msoPaddingAlt: "0px",
-    msoTextRaise: pxToPt(pb || 0)
-  };
-};
-export {
-  Button
-};