react-email 4.0.15 → 4.0.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (172) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/cli/index.d.mts +1 -0
  3. package/dist/cli/index.d.ts +1 -0
  4. package/dist/cli/index.js +2785 -0
  5. package/dist/cli/index.mjs +77 -47
  6. package/dist/index.d.mts +20 -0
  7. package/dist/index.d.ts +20 -0
  8. package/dist/index.js +1410 -0
  9. package/dist/index.mjs +21 -0
  10. package/dist/package/index.d.mts +33 -0
  11. package/dist/package/index.d.ts +33 -0
  12. package/dist/package/index.js +62 -0
  13. package/dist/package/index.mjs +7 -0
  14. package/dist/preview/.next/BUILD_ID +1 -1
  15. package/dist/preview/.next/app-build-manifest.json +10 -10
  16. package/dist/preview/.next/app-path-routes-manifest.json +1 -1
  17. package/dist/preview/.next/build-manifest.json +3 -3
  18. package/dist/preview/.next/next-minimal-server.js.nft.json +1 -1
  19. package/dist/preview/.next/next-server.js.nft.json +1 -1
  20. package/dist/preview/.next/prerender-manifest.json +3 -3
  21. package/dist/preview/.next/required-server-files.json +4 -4
  22. package/dist/preview/.next/server/app/_not-found/page.js +1 -1
  23. package/dist/preview/.next/server/app/_not-found/page_client-reference-manifest.js +1 -1
  24. package/dist/preview/.next/server/app/favicon.ico/route.js +1 -1
  25. package/dist/preview/.next/server/app/page.js +1 -1
  26. package/dist/preview/.next/server/app/page.js.nft.json +1 -1
  27. package/dist/preview/.next/server/app/page_client-reference-manifest.js +1 -1
  28. package/dist/preview/.next/server/app/preview/[...slug]/page.js +17 -17
  29. package/dist/preview/.next/server/app/preview/[...slug]/page.js.nft.json +1 -1
  30. package/dist/preview/.next/server/app/preview/[...slug]/page_client-reference-manifest.js +1 -1
  31. package/dist/preview/.next/server/app-paths-manifest.json +1 -1
  32. package/dist/preview/.next/server/chunks/147.js +1 -0
  33. package/dist/preview/.next/server/chunks/235.js +4 -4
  34. package/dist/preview/.next/server/middleware-build-manifest.js +1 -1
  35. package/dist/preview/.next/server/next-font-manifest.js +1 -1
  36. package/dist/preview/.next/server/next-font-manifest.json +1 -1
  37. package/dist/preview/.next/server/pages/500.html +1 -1
  38. package/dist/preview/.next/server/pages-manifest.json +1 -1
  39. package/dist/preview/.next/server/server-reference-manifest.js +1 -1
  40. package/dist/preview/.next/server/server-reference-manifest.json +1 -1
  41. package/dist/preview/.next/static/chunks/484-3d4d9735a701a476.js +1 -0
  42. package/dist/preview/.next/static/chunks/app/layout-95b74654735388bd.js +1 -0
  43. package/dist/preview/.next/static/chunks/app/page-2dbfb5b2dc4b1191.js +1 -0
  44. package/dist/preview/.next/static/chunks/app/preview/[...slug]/page-42afb14d97d633e3.js +1 -0
  45. package/dist/preview/.next/static/chunks/main-app-976577a424e11c75.js +1 -0
  46. package/dist/preview/.next/static/css/{35e8811589f0962b.css → 78c81281aa95270f.css} +1 -1
  47. package/dist/preview/.next/static/media/8e9860b6e62d6359-s.woff2 +0 -0
  48. package/dist/preview/.next/static/media/e4af272ccee01ff0-s.p.woff2 +0 -0
  49. package/dist/preview/.next/trace +27 -27
  50. package/dist/preview/.next/types/app/layout.ts +1 -1
  51. package/dist/preview/.next/types/app/page.ts +1 -1
  52. package/dist/preview/.next/types/app/preview/[...slug]/page.ts +1 -1
  53. package/package.json +4 -3
  54. package/src/app/layout.tsx +2 -2
  55. package/src/app/preview/[...slug]/preview.tsx +1 -1
  56. package/src/commands/testing/out/notifications/yelp-recent-login.html +1 -1
  57. package/src/commands/testing/out/reset-password/twitch-reset-password.html +1 -1
  58. package/src/components/shell.tsx +4 -1
  59. package/src/components/sidebar/file-tree-directory-children.tsx +7 -2
  60. package/src/package/body/dist/index.d.mts +6 -0
  61. package/src/package/body/dist/index.d.ts +6 -0
  62. package/src/package/body/dist/index.js +79 -0
  63. package/src/package/body/dist/index.mjs +45 -0
  64. package/src/package/button/dist/index.d.mts +6 -0
  65. package/src/package/button/dist/index.d.ts +6 -0
  66. package/src/package/button/dist/index.js +252 -0
  67. package/src/package/button/dist/index.mjs +218 -0
  68. package/src/package/code-block/dist/index.d.mts +4906 -0
  69. package/src/package/code-block/dist/index.d.ts +4906 -0
  70. package/src/package/code-block/dist/index.js +18205 -0
  71. package/src/package/code-block/dist/index.mjs +18133 -0
  72. package/src/package/code-inline/dist/index.d.mts +11 -0
  73. package/src/package/code-inline/dist/index.d.ts +11 -0
  74. package/src/package/code-inline/dist/index.js +106 -0
  75. package/src/package/code-inline/dist/index.mjs +72 -0
  76. package/src/package/column/dist/index.d.mts +6 -0
  77. package/src/package/column/dist/index.d.ts +6 -0
  78. package/src/package/column/dist/index.js +79 -0
  79. package/src/package/column/dist/index.mjs +45 -0
  80. package/src/package/components/dist/index.d.mts +20 -0
  81. package/src/package/components/dist/index.d.ts +20 -0
  82. package/src/package/components/dist/index.js +62 -0
  83. package/src/package/components/dist/index.mjs +21 -0
  84. package/src/package/container/dist/index.d.mts +6 -0
  85. package/src/package/container/dist/index.d.ts +6 -0
  86. package/src/package/container/dist/index.js +93 -0
  87. package/src/package/container/dist/index.mjs +59 -0
  88. package/src/package/font/dist/index.d.mts +25 -0
  89. package/src/package/font/dist/index.d.ts +25 -0
  90. package/src/package/font/dist/index.js +55 -0
  91. package/src/package/font/dist/index.mjs +28 -0
  92. package/src/package/head/dist/index.d.mts +6 -0
  93. package/src/package/head/dist/index.d.ts +6 -0
  94. package/src/package/head/dist/index.js +83 -0
  95. package/src/package/head/dist/index.mjs +49 -0
  96. package/src/package/heading/dist/index.d.mts +43 -0
  97. package/src/package/heading/dist/index.d.ts +43 -0
  98. package/src/package/heading/dist/index.js +113 -0
  99. package/src/package/heading/dist/index.mjs +79 -0
  100. package/src/package/hr/dist/index.d.mts +6 -0
  101. package/src/package/hr/dist/index.d.ts +6 -0
  102. package/src/package/hr/dist/index.js +89 -0
  103. package/src/package/hr/dist/index.mjs +55 -0
  104. package/src/package/html/dist/index.d.mts +6 -0
  105. package/src/package/html/dist/index.d.ts +6 -0
  106. package/src/package/html/dist/index.js +79 -0
  107. package/src/package/html/dist/index.mjs +45 -0
  108. package/src/package/img/dist/index.d.mts +6 -0
  109. package/src/package/img/dist/index.d.ts +6 -0
  110. package/src/package/img/dist/index.js +94 -0
  111. package/src/package/img/dist/index.mjs +60 -0
  112. package/src/package/link/dist/index.d.mts +6 -0
  113. package/src/package/link/dist/index.d.ts +6 -0
  114. package/src/package/link/dist/index.js +90 -0
  115. package/src/package/link/dist/index.mjs +56 -0
  116. package/src/package/markdown/dist/index.d.mts +15 -0
  117. package/src/package/markdown/dist/index.d.ts +15 -0
  118. package/src/package/markdown/dist/index.js +92 -0
  119. package/src/package/markdown/dist/index.mjs +58 -0
  120. package/src/package/preview/dist/index.d.mts +12 -0
  121. package/src/package/preview/dist/index.d.ts +12 -0
  122. package/src/package/preview/dist/index.js +108 -0
  123. package/src/package/preview/dist/index.mjs +73 -0
  124. package/src/package/render/dist/browser/index.d.mts +24 -0
  125. package/src/package/render/dist/browser/index.d.ts +24 -0
  126. package/src/package/render/dist/browser/index.js +250 -0
  127. package/src/package/render/dist/browser/index.mjs +214 -0
  128. package/src/package/render/dist/index.d.mts +23 -0
  129. package/src/package/render/dist/index.d.ts +23 -0
  130. package/src/package/render/dist/index.js +768 -0
  131. package/src/package/render/dist/index.mjs +733 -0
  132. package/src/package/render/dist/node/index.d.mts +27 -0
  133. package/src/package/render/dist/node/index.d.ts +27 -0
  134. package/src/package/render/dist/node/index.js +212 -0
  135. package/src/package/render/dist/node/index.mjs +176 -0
  136. package/src/package/row/dist/index.d.mts +10 -0
  137. package/src/package/row/dist/index.d.ts +10 -0
  138. package/src/package/row/dist/index.js +93 -0
  139. package/src/package/row/dist/index.mjs +59 -0
  140. package/src/package/section/dist/index.d.mts +6 -0
  141. package/src/package/section/dist/index.d.ts +6 -0
  142. package/src/package/section/dist/index.js +93 -0
  143. package/src/package/section/dist/index.mjs +59 -0
  144. package/src/package/tailwind/dist/index.d.ts +19 -0
  145. package/src/package/tailwind/dist/index.js +48 -0
  146. package/src/package/tailwind/dist/index.mjs +17167 -0
  147. package/src/package/tailwind/dist/tailwindcss/config.d.ts +376 -0
  148. package/src/package/tailwind/dist/tailwindcss/generated/.gitkeep +0 -0
  149. package/src/package/tailwind/dist/tailwindcss/generated/colors.d.ts +298 -0
  150. package/src/package/tailwind/dist/tailwindcss/generated/corePluginList.d.ts +1 -0
  151. package/src/package/tailwind/dist/tailwindcss/generated/default-theme.d.ts +397 -0
  152. package/src/package/tailwind/dist/tailwindcss/index.d.ts +11 -0
  153. package/src/package/text/dist/index.d.mts +6 -0
  154. package/src/package/text/dist/index.d.ts +6 -0
  155. package/src/package/text/dist/index.js +89 -0
  156. package/src/package/text/dist/index.mjs +55 -0
  157. package/src/utils/__snapshots__/get-email-component.spec.ts.snap +1 -1
  158. package/src/utils/caniemail/get-element-names.ts +9 -3
  159. package/src/utils/contains-email-template.spec.ts +12 -0
  160. package/src/utils/contains-email-template.ts +26 -9
  161. package/src/utils/improve-error-with-sourcemap.ts +0 -1
  162. package/src/utils/types/error-object.ts +1 -1
  163. package/dist/preview/.next/server/chunks/488.js +0 -1
  164. package/dist/preview/.next/static/chunks/484-21e30f98c67e8d58.js +0 -1
  165. package/dist/preview/.next/static/chunks/app/layout-3044a159bf29302b.js +0 -1
  166. package/dist/preview/.next/static/chunks/app/page-ed77f0af99f8ff62.js +0 -1
  167. package/dist/preview/.next/static/chunks/app/preview/[...slug]/page-994a4d501e46f3f8.js +0 -1
  168. package/dist/preview/.next/static/chunks/main-app-5bc2d814f500db60.js +0 -1
  169. package/dist/preview/.next/static/media/6d93bde91c0c2823-s.woff2 +0 -0
  170. package/dist/preview/.next/static/media/a34f9d1faa5f3315-s.p.woff2 +0 -0
  171. /package/dist/preview/.next/static/{0LFN6rP55keVoTJYuP-4s → 9A_Lez8sdD6nDBcSehk5k}/_buildManifest.js +0 -0
  172. /package/dist/preview/.next/static/{0LFN6rP55keVoTJYuP-4s → 9A_Lez8sdD6nDBcSehk5k}/_ssgManifest.js +0 -0
package/dist/preview/.next/types/app/layout.ts CHANGED
@@ -1,4 +1,4 @@
1
- // File: /home/gabriel/Projects/Resend/react-email/packages/react-email/src/app/layout.tsx
1
+ // File: /home/gabriel/Projects/resend/react-email/packages/react-email/src/app/layout.tsx
2
2
  import * as entry from '../../../src/app/layout.js'
3
3
  import type { ResolvingMetadata, ResolvingViewport } from 'next/dist/lib/metadata/types/metadata-interface.js'
4
4
 
package/dist/preview/.next/types/app/page.ts CHANGED
@@ -1,4 +1,4 @@
1
- // File: /home/gabriel/Projects/Resend/react-email/packages/react-email/src/app/page.tsx
1
+ // File: /home/gabriel/Projects/resend/react-email/packages/react-email/src/app/page.tsx
2
2
  import * as entry from '../../../src/app/page.js'
3
3
  import type { ResolvingMetadata, ResolvingViewport } from 'next/dist/lib/metadata/types/metadata-interface.js'
4
4
 
package/dist/preview/.next/types/app/preview/[...slug]/page.ts CHANGED
@@ -1,4 +1,4 @@
1
- // File: /home/gabriel/Projects/Resend/react-email/packages/react-email/src/app/preview/[...slug]/page.tsx
1
+ // File: /home/gabriel/Projects/resend/react-email/packages/react-email/src/app/preview/[...slug]/page.tsx
2
2
  import * as entry from '../../../../../src/app/preview/[...slug]/page.js'
3
3
  import type { ResolvingMetadata, ResolvingViewport } from 'next/dist/lib/metadata/types/metadata-interface.js'
4
4
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-email",
3
- "version": "4.0.15",
3
+ "version": "4.0.17",
4
4
  "description": "A live preview of your emails right in your browser.",
5
5
  "bin": {
6
6
  "email": "./dist/cli/index.mjs"
@@ -32,7 +32,8 @@
32
32
  "next": "^15.3.1",
33
33
  "normalize-path": "^3.0.0",
34
34
  "ora": "^8.0.0",
35
- "socket.io": "^4.8.1"
35
+ "socket.io": "^4.8.1",
36
+ "tsconfig-paths": "4.2.0"
36
37
  },
37
38
  "devDependencies": {
38
39
  "@babel/core": "7.26.10",
@@ -80,7 +81,7 @@
80
81
  "typescript": "5.8.3",
81
82
  "use-debounce": "10.0.4",
82
83
  "zod": "3.24.3",
83
- "@react-email/components": "0.0.41"
84
+ "@react-email/components": "0.1.1"
84
85
  },
85
86
  "scripts": {
86
87
  "build": "tsup-node && node ./scripts/build-preview-server.mjs && pnpm install --frozen-lockfile",
package/src/app/layout.tsx CHANGED
@@ -27,8 +27,8 @@ const RootLayout = async ({ children }: { children: React.ReactNode }) => {
27
27
  className={`${inter.variable} ${sfMono.variable} font-sans`}
28
28
  lang="en"
29
29
  >
30
- <body className="relative flex h-screen flex-col bg-black text-slate-11 leading-loose selection:bg-cyan-5 selection:text-cyan-12">
31
- <div className="bg-gradient-to-t from-slate-3 flex">
30
+ <body className="relative h-screen bg-black text-slate-11 leading-loose selection:bg-cyan-5 selection:text-cyan-12">
31
+ <div className="bg-gradient-to-t from-slate-3 flex flex-col">
32
32
  <EmailsProvider
33
33
  initialEmailsDirectoryMetadata={emailsDirectoryMetadata}
34
34
  >
package/src/app/preview/[...slug]/preview.tsx CHANGED
@@ -162,7 +162,7 @@ const Preview = ({ emailTitle, className, ...props }: PreviewProps) => {
162
162
  width={width}
163
163
  >
164
164
  <iframe
165
- className="solid max-h-full rounded-lg bg-white"
165
+ className="max-h-full rounded-lg bg-white [color-scheme:auto]"
166
166
  ref={(iframe) => {
167
167
  if (iframe) {
168
168
  return makeIframeDocumentBubbleEvents(iframe);
package/src/commands/testing/out/notifications/yelp-recent-login.html CHANGED
@@ -98,7 +98,7 @@
98
98
  </h2>
99
99
  <p
100
100
  style="font-size:16px;line-height:24px;margin-top:16px;margin-bottom:16px">
101
- <b>Time: </b>May 12, 2025 at 3:19 PM
101
+ <b>Time: </b>June 3, 2025 at 12:15 PM
102
102
  </p>
103
103
  <p
104
104
  style="font-size:16px;line-height:24px;margin-top:-5px;margin-bottom:16px">
package/src/commands/testing/out/reset-password/twitch-reset-password.html CHANGED
@@ -104,7 +104,7 @@
104
104
  <p
105
105
  style="font-size:14px;line-height:1.5;margin-top:16px;margin-bottom:16px">
106
106
  You updated the password for your Twitch account on<!-- -->
107
- <!-- -->May 12, 2025, 3:19:58 PM<!-- -->. If this was you,
107
+ <!-- -->Jun 3, 2025, 12:15:27 PM<!-- -->. If this was you,
108
108
  then no further action is required.
109
109
  </p>
110
110
  <p
package/src/components/shell.tsx CHANGED
@@ -81,7 +81,10 @@ export const Shell = ({ children, currentEmailOpenSlug }: ShellProps) => {
81
81
  'inline-block relative overflow-hidden will-change-[width]',
82
82
  'w-full h-full',
83
83
  '[transition:width_0.2s_ease-in-out,_transform_0.2s_ease-in-out]',
84
- sidebarToggled && 'lg:w-[calc(100%-16rem)]',
84
+ {
85
+ 'lg:w-[calc(100%-16rem)]': sidebarToggled,
86
+ 'opacity-0 lg:opacity-100': !sidebarToggled,
87
+ },
85
88
  )}
86
89
  >
87
90
  {children}
package/src/components/sidebar/file-tree-directory-children.tsx CHANGED
@@ -1,7 +1,7 @@
1
1
  import * as Collapsible from '@radix-ui/react-collapsible';
2
2
  import { AnimatePresence, LayoutGroup, motion } from 'framer-motion';
3
3
  import Link from 'next/link';
4
- import { useSearchParams } from 'next/navigation';
4
+ import { useRouter, useSearchParams } from 'next/navigation';
5
5
  import { cn } from '../../utils';
6
6
  import type { EmailsDirectory } from '../../utils/get-emails-directory-metadata';
7
7
  import { IconFile } from '../icons/icon-file';
@@ -14,6 +14,7 @@ export const FileTreeDirectoryChildren = (props: {
14
14
  isRoot?: boolean;
15
15
  }) => {
16
16
  const searchParams = useSearchParams();
17
+ const router = useRouter();
17
18
 
18
19
  return (
19
20
  <AnimatePresence initial={false}>
@@ -71,7 +72,11 @@ export const FileTreeDirectoryChildren = (props: {
71
72
  pathname: `/preview/${emailSlug}`,
72
73
  search: searchParams.toString(),
73
74
  }}
74
- prefetch
75
+ onMouseOver={() => {
76
+ router.prefetch(
77
+ `/preview/${emailSlug}?${searchParams.toString()}`,
78
+ );
79
+ }}
75
80
  key={emailSlug}
76
81
  >
77
82
  <motion.span
package/src/package/body/dist/index.d.mts ADDED
@@ -0,0 +1,6 @@
1
+ import * as React from 'react';
2
+
3
+ type BodyProps = Readonly<React.HtmlHTMLAttributes<HTMLBodyElement>>;
4
+ declare const Body: React.ForwardRefExoticComponent<Readonly<React.HtmlHTMLAttributes<HTMLBodyElement>> & React.RefAttributes<HTMLBodyElement>>;
5
+
6
+ export { Body, type BodyProps };
package/src/package/body/dist/index.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ import * as React from 'react';
2
+
3
+ type BodyProps = Readonly<React.HtmlHTMLAttributes<HTMLBodyElement>>;
4
+ declare const Body: React.ForwardRefExoticComponent<Readonly<React.HtmlHTMLAttributes<HTMLBodyElement>> & React.RefAttributes<HTMLBodyElement>>;
5
+
6
+ export { Body, type BodyProps };
package/src/package/body/dist/index.js ADDED
@@ -0,0 +1,79 @@
1
+ "use strict";
2
+ var __create = Object.create;
3
+ var __defProp = Object.defineProperty;
4
+ var __defProps = Object.defineProperties;
5
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
6
+ var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
7
+ var __getOwnPropNames = Object.getOwnPropertyNames;
8
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
9
+ var __getProtoOf = Object.getPrototypeOf;
10
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
11
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
12
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
13
+ var __spreadValues = (a, b) => {
14
+ for (var prop in b || (b = {}))
15
+ if (__hasOwnProp.call(b, prop))
16
+ __defNormalProp(a, prop, b[prop]);
17
+ if (__getOwnPropSymbols)
18
+ for (var prop of __getOwnPropSymbols(b)) {
19
+ if (__propIsEnum.call(b, prop))
20
+ __defNormalProp(a, prop, b[prop]);
21
+ }
22
+ return a;
23
+ };
24
+ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
25
+ var __objRest = (source, exclude) => {
26
+ var target = {};
27
+ for (var prop in source)
28
+ if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
29
+ target[prop] = source[prop];
30
+ if (source != null && __getOwnPropSymbols)
31
+ for (var prop of __getOwnPropSymbols(source)) {
32
+ if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
33
+ target[prop] = source[prop];
34
+ }
35
+ return target;
36
+ };
37
+ var __export = (target, all) => {
38
+ for (var name in all)
39
+ __defProp(target, name, { get: all[name], enumerable: true });
40
+ };
41
+ var __copyProps = (to, from, except, desc) => {
42
+ if (from && typeof from === "object" || typeof from === "function") {
43
+ for (let key of __getOwnPropNames(from))
44
+ if (!__hasOwnProp.call(to, key) && key !== except)
45
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
46
+ }
47
+ return to;
48
+ };
49
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
50
+ // If the importer is in node compatibility mode or this is not an ESM
51
+ // file that has been converted to a CommonJS file using a Babel-
52
+ // compatible transform (i.e. "__esModule" has not been set), then set
53
+ // "default" to the CommonJS "module.exports" for node compatibility.
54
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
55
+ mod
56
+ ));
57
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
58
+
59
+ // src/index.ts
60
+ var src_exports = {};
61
+ __export(src_exports, {
62
+ Body: () => Body
63
+ });
64
+ module.exports = __toCommonJS(src_exports);
65
+
66
+ // src/body.tsx
67
+ var React = __toESM(require("react"));
68
+ var import_jsx_runtime = require("react/jsx-runtime");
69
+ var Body = React.forwardRef(
70
+ (_a, ref) => {
71
+ var _b = _a, { children, style } = _b, props = __objRest(_b, ["children", "style"]);
72
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("body", __spreadProps(__spreadValues({}, props), { ref, style, children }));
73
+ }
74
+ );
75
+ Body.displayName = "Body";
76
+ // Annotate the CommonJS export names for ESM import in node:
77
+ 0 && (module.exports = {
78
+ Body
79
+ });
package/src/package/body/dist/index.mjs ADDED
@@ -0,0 +1,45 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __defProps = Object.defineProperties;
3
+ var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
4
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
5
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
6
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
7
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
8
+ var __spreadValues = (a, b) => {
9
+ for (var prop in b || (b = {}))
10
+ if (__hasOwnProp.call(b, prop))
11
+ __defNormalProp(a, prop, b[prop]);
12
+ if (__getOwnPropSymbols)
13
+ for (var prop of __getOwnPropSymbols(b)) {
14
+ if (__propIsEnum.call(b, prop))
15
+ __defNormalProp(a, prop, b[prop]);
16
+ }
17
+ return a;
18
+ };
19
+ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
20
+ var __objRest = (source, exclude) => {
21
+ var target = {};
22
+ for (var prop in source)
23
+ if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
24
+ target[prop] = source[prop];
25
+ if (source != null && __getOwnPropSymbols)
26
+ for (var prop of __getOwnPropSymbols(source)) {
27
+ if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
28
+ target[prop] = source[prop];
29
+ }
30
+ return target;
31
+ };
32
+
33
+ // src/body.tsx
34
+ import * as React from "react";
35
+ import { jsx } from "react/jsx-runtime";
36
+ var Body = React.forwardRef(
37
+ (_a, ref) => {
38
+ var _b = _a, { children, style } = _b, props = __objRest(_b, ["children", "style"]);
39
+ return /* @__PURE__ */ jsx("body", __spreadProps(__spreadValues({}, props), { ref, style, children }));
40
+ }
41
+ );
42
+ Body.displayName = "Body";
43
+ export {
44
+ Body
45
+ };
package/src/package/button/dist/index.d.mts ADDED
@@ -0,0 +1,6 @@
1
+ import * as React from 'react';
2
+
3
+ type ButtonProps = Readonly<React.ComponentPropsWithoutRef<"a">>;
4
+ declare const Button: React.ForwardRefExoticComponent<Readonly<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref">> & React.RefAttributes<HTMLAnchorElement>>;
5
+
6
+ export { Button, type ButtonProps };
package/src/package/button/dist/index.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ import * as React from 'react';
2
+
3
+ type ButtonProps = Readonly<React.ComponentPropsWithoutRef<"a">>;
4
+ declare const Button: React.ForwardRefExoticComponent<Readonly<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref">> & React.RefAttributes<HTMLAnchorElement>>;
5
+
6
+ export { Button, type ButtonProps };
package/src/package/button/dist/index.js ADDED
@@ -0,0 +1,252 @@
1
+ "use strict";
2
+ var __create = Object.create;
3
+ var __defProp = Object.defineProperty;
4
+ var __defProps = Object.defineProperties;
5
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
6
+ var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
7
+ var __getOwnPropNames = Object.getOwnPropertyNames;
8
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
9
+ var __getProtoOf = Object.getPrototypeOf;
10
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
11
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
12
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
13
+ var __spreadValues = (a, b) => {
14
+ for (var prop in b || (b = {}))
15
+ if (__hasOwnProp.call(b, prop))
16
+ __defNormalProp(a, prop, b[prop]);
17
+ if (__getOwnPropSymbols)
18
+ for (var prop of __getOwnPropSymbols(b)) {
19
+ if (__propIsEnum.call(b, prop))
20
+ __defNormalProp(a, prop, b[prop]);
21
+ }
22
+ return a;
23
+ };
24
+ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
25
+ var __objRest = (source, exclude) => {
26
+ var target = {};
27
+ for (var prop in source)
28
+ if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
29
+ target[prop] = source[prop];
30
+ if (source != null && __getOwnPropSymbols)
31
+ for (var prop of __getOwnPropSymbols(source)) {
32
+ if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
33
+ target[prop] = source[prop];
34
+ }
35
+ return target;
36
+ };
37
+ var __export = (target, all) => {
38
+ for (var name in all)
39
+ __defProp(target, name, { get: all[name], enumerable: true });
40
+ };
41
+ var __copyProps = (to, from, except, desc) => {
42
+ if (from && typeof from === "object" || typeof from === "function") {
43
+ for (let key of __getOwnPropNames(from))
44
+ if (!__hasOwnProp.call(to, key) && key !== except)
45
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
46
+ }
47
+ return to;
48
+ };
49
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
50
+ // If the importer is in node compatibility mode or this is not an ESM
51
+ // file that has been converted to a CommonJS file using a Babel-
52
+ // compatible transform (i.e. "__esModule" has not been set), then set
53
+ // "default" to the CommonJS "module.exports" for node compatibility.
54
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
55
+ mod
56
+ ));
57
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
58
+
59
+ // src/index.ts
60
+ var src_exports = {};
61
+ __export(src_exports, {
62
+ Button: () => Button
63
+ });
64
+ module.exports = __toCommonJS(src_exports);
65
+
66
+ // src/button.tsx
67
+ var React = __toESM(require("react"));
68
+
69
+ // src/utils/parse-padding.ts
70
+ function convertToPx(value) {
71
+ let px = 0;
72
+ if (!value) {
73
+ return px;
74
+ }
75
+ if (typeof value === "number") {
76
+ return value;
77
+ }
78
+ const matches = /^([\d.]+)(px|em|rem|%)$/.exec(value);
79
+ if (matches && matches.length === 3) {
80
+ const numValue = parseFloat(matches[1]);
81
+ const unit = matches[2];
82
+ switch (unit) {
83
+ case "px":
84
+ return numValue;
85
+ case "em":
86
+ case "rem":
87
+ px = numValue * 16;
88
+ return px;
89
+ case "%":
90
+ px = numValue / 100 * 600;
91
+ return px;
92
+ default:
93
+ return numValue;
94
+ }
95
+ } else {
96
+ return 0;
97
+ }
98
+ }
99
+ function parsePadding({
100
+ padding = "",
101
+ paddingTop,
102
+ paddingRight,
103
+ paddingBottom,
104
+ paddingLeft
105
+ }) {
106
+ let pt = 0;
107
+ let pr = 0;
108
+ let pb = 0;
109
+ let pl = 0;
110
+ if (typeof padding === "number") {
111
+ pt = padding;
112
+ pr = padding;
113
+ pb = padding;
114
+ pl = padding;
115
+ } else {
116
+ const values = padding.split(/\s+/);
117
+ switch (values.length) {
118
+ case 1:
119
+ pt = convertToPx(values[0]);
120
+ pr = convertToPx(values[0]);
121
+ pb = convertToPx(values[0]);
122
+ pl = convertToPx(values[0]);
123
+ break;
124
+ case 2:
125
+ pt = convertToPx(values[0]);
126
+ pb = convertToPx(values[0]);
127
+ pr = convertToPx(values[1]);
128
+ pl = convertToPx(values[1]);
129
+ break;
130
+ case 3:
131
+ pt = convertToPx(values[0]);
132
+ pr = convertToPx(values[1]);
133
+ pl = convertToPx(values[1]);
134
+ pb = convertToPx(values[2]);
135
+ break;
136
+ case 4:
137
+ pt = convertToPx(values[0]);
138
+ pr = convertToPx(values[1]);
139
+ pb = convertToPx(values[2]);
140
+ pl = convertToPx(values[3]);
141
+ break;
142
+ default:
143
+ break;
144
+ }
145
+ }
146
+ return {
147
+ pt: paddingTop ? convertToPx(paddingTop) : pt,
148
+ pr: paddingRight ? convertToPx(paddingRight) : pr,
149
+ pb: paddingBottom ? convertToPx(paddingBottom) : pb,
150
+ pl: paddingLeft ? convertToPx(paddingLeft) : pl
151
+ };
152
+ }
153
+
154
+ // src/utils/px-to-pt.ts
155
+ var pxToPt = (px) => typeof px === "number" && !isNaN(Number(px)) ? px * 3 / 4 : null;
156
+
157
+ // src/button.tsx
158
+ var import_jsx_runtime = require("react/jsx-runtime");
159
+ var maxFontWidth = 5;
160
+ function computeFontWidthAndSpaceCount(expectedWidth) {
161
+ if (expectedWidth === 0) return [0, 0];
162
+ let smallestSpaceCount = 0;
163
+ const computeRequiredFontWidth = () => {
164
+ if (smallestSpaceCount > 0) {
165
+ return expectedWidth / smallestSpaceCount / 2;
166
+ }
167
+ return Infinity;
168
+ };
169
+ while (computeRequiredFontWidth() > maxFontWidth) {
170
+ smallestSpaceCount++;
171
+ }
172
+ return [computeRequiredFontWidth(), smallestSpaceCount];
173
+ }
174
+ var Button = React.forwardRef(
175
+ (_a, ref) => {
176
+ var _b = _a, { children, style, target = "_blank" } = _b, props = __objRest(_b, ["children", "style", "target"]);
177
+ var _a2, _b2, _c, _d;
178
+ const { pt, pr, pb, pl } = parsePadding({
179
+ padding: style == null ? void 0 : style.padding,
180
+ paddingLeft: (_a2 = style == null ? void 0 : style.paddingLeft) != null ? _a2 : style == null ? void 0 : style.paddingInline,
181
+ paddingRight: (_b2 = style == null ? void 0 : style.paddingRight) != null ? _b2 : style == null ? void 0 : style.paddingInline,
182
+ paddingTop: (_c = style == null ? void 0 : style.paddingTop) != null ? _c : style == null ? void 0 : style.paddingBlock,
183
+ paddingBottom: (_d = style == null ? void 0 : style.paddingBottom) != null ? _d : style == null ? void 0 : style.paddingBlock
184
+ });
185
+ const y = pt + pb;
186
+ const textRaise = pxToPt(y);
187
+ const [plFontWidth, plSpaceCount] = computeFontWidthAndSpaceCount(pl);
188
+ const [prFontWidth, prSpaceCount] = computeFontWidthAndSpaceCount(pr);
189
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
190
+ "a",
191
+ __spreadProps(__spreadValues({}, props), {
192
+ ref,
193
+ style: buttonStyle(__spreadProps(__spreadValues({}, style), { pt, pr, pb, pl })),
194
+ target,
195
+ children: [
196
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
197
+ "span",
198
+ {
199
+ dangerouslySetInnerHTML: {
200
+ // The `&#8202;` is as close to `1px` of an empty character as we can get, then, we use the `mso-font-width`
201
+ // to scale it according to what padding the developer wants. `mso-font-width` also does not allow for percentages
202
+ // >= 500% so we need to add extra spaces accordingly.
203
+ //
204
+ // See https://github.com/resend/react-email/issues/1512 for why we do not use letter-spacing instead.
205
+ __html: `<!--[if mso]><i style="mso-font-width:${plFontWidth * 100}%;mso-text-raise:${textRaise}" hidden>${"&#8202;".repeat(
206
+ plSpaceCount
207
+ )}</i><![endif]-->`
208
+ }
209
+ }
210
+ ),
211
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: buttonTextStyle(pb), children }),
212
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
213
+ "span",
214
+ {
215
+ dangerouslySetInnerHTML: {
216
+ __html: `<!--[if mso]><i style="mso-font-width:${prFontWidth * 100}%" hidden>${"&#8202;".repeat(
217
+ prSpaceCount
218
+ )}&#8203;</i><![endif]-->`
219
+ }
220
+ }
221
+ )
222
+ ]
223
+ })
224
+ );
225
+ }
226
+ );
227
+ Button.displayName = "Button";
228
+ var buttonStyle = (style) => {
229
+ const _a = style || {}, { pt, pr, pb, pl } = _a, rest = __objRest(_a, ["pt", "pr", "pb", "pl"]);
230
+ return __spreadProps(__spreadValues({
231
+ lineHeight: "100%",
232
+ textDecoration: "none",
233
+ display: "inline-block",
234
+ maxWidth: "100%",
235
+ msoPaddingAlt: "0px"
236
+ }, rest), {
237
+ padding: `${pt}px ${pr}px ${pb}px ${pl}px`
238
+ });
239
+ };
240
+ var buttonTextStyle = (pb) => {
241
+ return {
242
+ maxWidth: "100%",
243
+ display: "inline-block",
244
+ lineHeight: "120%",
245
+ msoPaddingAlt: "0px",
246
+ msoTextRaise: pxToPt(pb || 0)
247
+ };
248
+ };
249
+ // Annotate the CommonJS export names for ESM import in node:
250
+ 0 && (module.exports = {
251
+ Button
252
+ });