npm - @beyondcorp/beyond-ui - Versions diffs - 1.4.4 → 1.4.6 - Mend

@beyondcorp/beyond-ui 1.4.4 → 1.4.6

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 (142) hide show

package/dist/components/Email/templates/engagement/WeeklyDigest.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WeeklyDigest.js","sources":["../../../../../src/components/Email/templates/engagement/WeeklyDigest.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section, Row, Column } from '@react-email/components';\nimport { EmailLayout, EmailButton, EmailDivider } from '../../components';\n\nexport interface WeeklyDigestProps {\n userName?: string;\n stats?: Array<{ label: string; value: string \| number }>;\n dashboardLink?: string;\n}\n\nexport const WeeklyDigest: React.FC<WeeklyDigestProps> = ({\n userName = 'User',\n stats = [\n { label: 'Tasks Completed', value: 42 },\n { label: 'Hours Saved', value: '5.2h' },\n { label: 'New Connections', value: 12 }\n ],\n dashboardLink = 'https://example.com/dashboard'\n}) => {\n return (\n <EmailLayout previewText=\"Your weekly activity summary\" title=\"Weekly Activity Digest\">\n <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4\">Your Weekly Summary</Text>\n <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n Hi {userName}, here's a quick look at your activity and achievements from the past week.\n </Text>\n \n <Section className=\"mb-6\">\n {stats.map((stat, index) => (\n <Row key={index} className=\"bg-gray-50 dark:bg-gray-700 p-4 mb-2 rounded-lg border border-gray-100 dark:border-gray-600\">\n <Column>\n <Text className=\"text-gray-600 dark:text-gray-300 m-0 font-medium\">{stat.label}</Text>\n </Column>\n <Column className=\"text-right\">\n <Text className=\"text-blue-600 dark:text-blue-400 font-bold m-0 text-xl\">{stat.value}</Text>\n </Column>\n </Row>\n ))}\n </Section>\n\n <Section className=\"text-center mb-6\">\n <EmailButton href={dashboardLink}>View Full Report</EmailButton>\n </Section>\n <EmailDivider />\n </EmailLayout>\n );\n};\n\nexport default WeeklyDigest;"],"names":["_jsxs","_jsx"],"mappings":"~~;;;;;;;;;;~~AAUO,MAAM,YAAY,GAAgC,CAAC,EACxD,QAAQ,GAAG,MAAM,EACjB,KAAK,GAAG;AACN,IAAA,EAAE,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,EAAE,EAAE;AACvC,IAAA,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,EAAE;AACvC,IAAA,EAAE,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,EAAE;AACtC,CAAA,EACD,aAAa,GAAG,+BAA+B,EAChD,KAAI;IACH,QACEA,IAAA,CAAC,WAAW,EAAA,EAAC,WAAW,EAAC,8BAA8B,EAAC,KAAK,EAAC,wBAAwB,EAAA,QAAA,EAAA,CACpFC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,uDAAuD,EAAA,QAAA,EAAA,qBAAA,EAAA,CAA2B,EAClGD,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,CAAA,KAAA,EAC3E,QAAQ,mFACP,EAEPC,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,MAAM,EAAA,QAAA,EACtB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,MACrBD,IAAA,CAAC,GAAG,EAAA,EAAa,SAAS,EAAC,6FAA6F,EAAA,QAAA,EAAA,CACtHC,GAAA,CAAC,MAAM,EAAA,EAAA,QAAA,EACLA,IAAC,IAAI,EAAA,EAAC,SAAS,EAAC,kDAAkD,EAAA,QAAA,EAAE,IAAI,CAAC,KAAK,EAAA,CAAQ,EAAA,CAC/E,EACTA,GAAA,CAAC,MAAM,EAAA,EAAC,SAAS,EAAC,YAAY,EAAA,QAAA,EAC5BA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,wDAAwD,EAAA,QAAA,EAAE,IAAI,CAAC,KAAK,EAAA,CAAQ,GACrF,CAAA,EAAA,EAND,KAAK,CAOT,CACP,CAAC,EAAA,CACM,EAEVA,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,kBAAkB,EAAA,QAAA,EACnCA,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,aAAa,EAAA,QAAA,EAAA,kBAAA,EAAA,CAAgC,EAAA,CACxD,EACVA,GAAA,CAAC,YAAY,EAAA,EAAA,CAAG,CAAA,EAAA,CACJ;AAElB;;;;"}
1	+ {"version":3,"file":"WeeklyDigest.js","sources":["../../../../../src/components/Email/templates/engagement/WeeklyDigest.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section, Row, Column } from '@react-email/components';\nimport { EmailLayout, EmailButton, EmailDivider } from '../../components';\n\nexport interface WeeklyDigestProps {\n userName?: string;\n stats?: Array<{ label: string; value: string \| number }>;\n dashboardLink?: string;\n}\n\nexport const WeeklyDigest: React.FC<WeeklyDigestProps> = ({\n userName = 'User',\n stats = [\n { label: 'Tasks Completed', value: 42 },\n { label: 'Hours Saved', value: '5.2h' },\n { label: 'New Connections', value: 12 }\n ],\n dashboardLink = 'https://example.com/dashboard'\n}) => {\n return (\n <EmailLayout previewText=\"Your weekly activity summary\" title=\"Weekly Activity Digest\">\n <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4\">Your Weekly Summary</Text>\n <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n Hi {userName}, here's a quick look at your activity and achievements from the past week.\n </Text>\n \n <Section className=\"mb-6\">\n {stats.map((stat, index) => (\n <Row key={index} className=\"bg-gray-50 dark:bg-gray-700 p-4 mb-2 rounded-lg border border-gray-100 dark:border-gray-600\">\n <Column>\n <Text className=\"text-gray-600 dark:text-gray-300 m-0 font-medium\">{stat.label}</Text>\n </Column>\n <Column className=\"text-right\">\n <Text className=\"text-blue-600 dark:text-blue-400 font-bold m-0 text-xl\">{stat.value}</Text>\n </Column>\n </Row>\n ))}\n </Section>\n\n <Section className=\"text-center mb-6\">\n <EmailButton href={dashboardLink}>View Full Report</EmailButton>\n </Section>\n <EmailDivider />\n </EmailLayout>\n );\n};\n\nexport default WeeklyDigest;"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;AAUO,MAAM,YAAY,GAAgC,CAAC,EACxD,QAAQ,GAAG,MAAM,EACjB,KAAK,GAAG;AACN,IAAA,EAAE,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,EAAE,EAAE;AACvC,IAAA,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,EAAE;AACvC,IAAA,EAAE,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,EAAE;AACtC,CAAA,EACD,aAAa,GAAG,+BAA+B,EAChD,KAAI;IACH,QACEA,IAAA,CAAC,WAAW,EAAA,EAAC,WAAW,EAAC,8BAA8B,EAAC,KAAK,EAAC,wBAAwB,EAAA,QAAA,EAAA,CACpFC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,uDAAuD,EAAA,QAAA,EAAA,qBAAA,EAAA,CAA2B,EAClGD,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,CAAA,KAAA,EAC3E,QAAQ,mFACP,EAEPC,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,MAAM,EAAA,QAAA,EACtB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,MACrBD,IAAA,CAAC,GAAG,EAAA,EAAa,SAAS,EAAC,6FAA6F,EAAA,QAAA,EAAA,CACtHC,GAAA,CAAC,MAAM,EAAA,EAAA,QAAA,EACLA,IAAC,IAAI,EAAA,EAAC,SAAS,EAAC,kDAAkD,EAAA,QAAA,EAAE,IAAI,CAAC,KAAK,EAAA,CAAQ,EAAA,CAC/E,EACTA,GAAA,CAAC,MAAM,EAAA,EAAC,SAAS,EAAC,YAAY,EAAA,QAAA,EAC5BA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,wDAAwD,EAAA,QAAA,EAAE,IAAI,CAAC,KAAK,EAAA,CAAQ,GACrF,CAAA,EAAA,EAND,KAAK,CAOT,CACP,CAAC,EAAA,CACM,EAEVA,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,kBAAkB,EAAA,QAAA,EACnCA,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,aAAa,EAAA,QAAA,EAAA,kBAAA,EAAA,CAAgC,EAAA,CACxD,EACVA,GAAA,CAAC,YAAY,EAAA,EAAA,CAAG,CAAA,EAAA,CACJ;AAElB;;;;"}

package/dist/components/Email/templates/growth/ReferralConverted.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { Text, Section } from '@react-email/components';
 import { EmailButton } from '../../components/EmailButton.js';
 import { EmailLayout } from '../../components/EmailLayout.js';
 import 'react';
-import { Text } from '../../../../node_modules/@react-email/text/dist/index.js';
-import { Section } from '../../../../node_modules/@react-email/section/dist/index.js';
+import '@react-email/render';
 const ReferralConverted = ({ userName = 'User', friendName = 'Alex', rewardAmount = '$15 Credit', dashboardLink = 'https://example.com/rewards' }) => {
     return (jsxs(EmailLayout, { previewText: `Your friend ${friendName} just signed up!`, title: "Successful Referral", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "Your friend joined!" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["Great news, ", userName, "! ", jsx("strong", { children: friendName }), " just used your referral link to sign up and start their subscription."] }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["As a thank you, we have added ", jsx("strong", { children: rewardAmount }), " to your account balance."] }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: dashboardLink, children: "View Your Rewards" }) })] }));

package/dist/components/Email/templates/growth/ReferralInvite.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { Text, Section } from '@react-email/components';
 import { EmailButton } from '../../components/EmailButton.js';
 import { EmailLayout } from '../../components/EmailLayout.js';
 import 'react';
-import { Text } from '../../../../node_modules/@react-email/text/dist/index.js';
-import { Section } from '../../../../node_modules/@react-email/section/dist/index.js';
+import '@react-email/render';
 const ReferralInvite = ({ referrerName = 'Alex', rewardAmount = '$10', referralLink = 'https://example.com/signup?ref=alex123' }) => {
     return (jsxs(EmailLayout, { previewText: `${referrerName} invited you!`, title: "You've been invited", children: [jsxs(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: ["You've been invited by ", referrerName] }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["Hi there, ", referrerName, " thinks you'd love our platform! Sign up using their invite link and you'll both get ", rewardAmount, " in credit to use on your first purchase."] }), jsxs(Section, { className: "bg-blue-50 dark:bg-blue-900 border border-blue-100 dark:border-blue-800 p-6 rounded-lg mb-6 text-center", children: [jsxs(Text, { className: "text-blue-600 dark:text-blue-400 font-bold text-lg m-0 mb-4", children: ["Claim your ", rewardAmount, " credit"] }), jsx(EmailButton, { href: referralLink, children: "Accept Invite" })] })] }));

package/dist/components/Email/templates/growth/ReferralReward.js CHANGED Viewed

@@ -1,10 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { Text, Section } from '@react-email/components';
 import { EmailButton } from '../../components/EmailButton.js';
 import { EmailDivider } from '../../components/EmailDivider.js';
 import { EmailLayout } from '../../components/EmailLayout.js';
 import 'react';
-import { Text } from '../../../../node_modules/@react-email/text/dist/index.js';
-import { Section } from '../../../../node_modules/@react-email/section/dist/index.js';
+import '@react-email/render';
 const ReferralReward = ({ userName = 'User', rewardType = 'Account Credit', rewardValue = '$25', referralCount = 1, redeemLink = 'https://example.com/rewards' }) => {
     return (jsxs(EmailLayout, { previewText: `You earned a ${rewardValue} reward!`, title: "Referral Reward Earned", children: [jsx(Text, { className: "text-3xl text-center mb-2", children: "\uD83C\uDF81" }), jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4 text-center", children: "You earned a reward!" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6 text-center", children: ["Hi ", userName, ", thanks for spreading the word! A friend you referred just joined, and to say thanks, we've added a reward to your account."] }), jsxs(Section, { className: "bg-green-50 dark:bg-green-900 border border-green-100 dark:border-green-800 p-6 rounded-lg mb-6 text-center", children: [jsx(Text, { className: "text-gray-500 dark:text-gray-400 font-semibold uppercase tracking-wider text-xs m-0 mb-2", children: rewardType }), jsx(Text, { className: "text-4xl font-bold text-green-600 dark:text-green-400 m-0", children: rewardValue })] }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: redeemLink, children: "Redeem Reward" }) }), jsx(EmailDivider, {}), jsxs(Text, { className: "text-gray-500 dark:text-gray-400 text-sm text-center", children: ["You've successfully referred ", referralCount, " friends so far. Keep sharing your link to earn more!"] })] }));

package/dist/components/Email/templates/growth/SocialSharePrompt.js CHANGED Viewed

@@ -1,11 +1,9 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { Text, Section, Row, Column } from '@react-email/components';
 import { EmailButton } from '../../components/EmailButton.js';
 import { EmailLayout } from '../../components/EmailLayout.js';
 import 'react';
-import { Text } from '../../../../node_modules/@react-email/text/dist/index.js';
-import { Section } from '../../../../node_modules/@react-email/section/dist/index.js';
-import { Row } from '../../../../node_modules/@react-email/row/dist/index.js';
-import { Column } from '../../../../node_modules/@react-email/column/dist/index.js';
+import '@react-email/render';
 const SocialSharePrompt = ({ userName = 'User', twitterLink = 'https://twitter.com/intent/tweet?text=I%20love%20using%20Beyond%20Corp!', linkedinLink = 'https://www.linkedin.com/sharing/share-offsite/?url=https://example.com' }) => {
     return (jsxs(EmailLayout, { previewText: "Tell the world what you think!", title: "Share your experience", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "Enjoying the platform?" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["Hi ", userName, ", we noticed you've been getting a lot of value out of our product recently. We rely heavily on word-of-mouth to grow, and it would mean the world to us if you shared your experience on social media!"] }), jsx(Section, { className: "mb-6", children: jsxs(Row, { children: [jsx(Column, { className: "pr-2", children: jsx(EmailButton, { href: twitterLink, children: "Share on X" }) }), jsx(Column, { className: "pl-2", children: jsx(EmailButton, { href: linkedinLink, children: "Share on LinkedIn" }) })] }) })] }));

package/dist/components/Email/templates/growth/SocialSharePrompt.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SocialSharePrompt.js","sources":["../../../../../src/components/Email/templates/growth/SocialSharePrompt.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section, Row, Column } from '@react-email/components';\nimport { EmailLayout, EmailButton } from '../../components';\n\nexport interface SocialSharePromptProps {\n userName?: string;\n twitterLink?: string;\n linkedinLink?: string;\n}\n\nexport const SocialSharePrompt: React.FC<SocialSharePromptProps> = ({\n userName = 'User',\n twitterLink = 'https://twitter.com/intent/tweet?text=I%20love%20using%20Beyond%20Corp!',\n linkedinLink = 'https://www.linkedin.com/sharing/share-offsite/?url=https://example.com'\n}) => {\n return (\n <EmailLayout previewText=\"Tell the world what you think!\" title=\"Share your experience\">\n <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4\">Enjoying the platform?</Text>\n <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n Hi {userName}, we noticed you've been getting a lot of value out of our product recently. We rely heavily on word-of-mouth to grow, and it would mean the world to us if you shared your experience on social media!\n </Text>\n <Section className=\"mb-6\">\n <Row>\n <Column className=\"pr-2\"><EmailButton href={twitterLink}>Share on X</EmailButton></Column>\n <Column className=\"pl-2\"><EmailButton href={linkedinLink}>Share on LinkedIn</EmailButton></Column>\n </Row>\n </Section>\n </EmailLayout>\n );\n};\n\nexport default SocialSharePrompt;"],"names":["_jsxs","_jsx"],"mappings":"~~;;;;;;;;;~~AAUO,MAAM,iBAAiB,GAAqC,CAAC,EAClE,QAAQ,GAAG,MAAM,EACjB,WAAW,GAAG,yEAAyE,EACvF,YAAY,GAAG,yEAAyE,EACzF,KAAI;AACH,IAAA,QACEA,IAAA,CAAC,WAAW,EAAA,EAAC,WAAW,EAAC,gCAAgC,EAAC,KAAK,EAAC,uBAAuB,EAAA,QAAA,EAAA,CACrFC,GAAA,CAAC,IAAI,IAAC,SAAS,EAAC,uDAAuD,EAAA,QAAA,EAAA,wBAAA,EAAA,CAA8B,EACrGD,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,CAAA,KAAA,EAC3E,QAAQ,EAAA,yMAAA,CAAA,EAAA,CACP,EACPC,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,MAAM,EAAA,QAAA,EACvBD,IAAA,CAAC,GAAG,eACFC,GAAA,CAAC,MAAM,EAAA,EAAC,SAAS,EAAC,MAAM,EAAA,QAAA,EAACA,GAAA,CAAC,WAAW,IAAC,IAAI,EAAE,WAAW,EAAA,QAAA,EAAA,YAAA,EAAA,CAA0B,GAAS,EAC1FA,GAAA,CAAC,MAAM,EAAA,EAAC,SAAS,EAAC,MAAM,EAAA,QAAA,EAACA,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,YAAY,kCAAiC,EAAA,CAAS,CAAA,EAAA,CAC9F,EAAA,CACE,CAAA,EAAA,CACE;AAElB;;;;"}
1	+ {"version":3,"file":"SocialSharePrompt.js","sources":["../../../../../src/components/Email/templates/growth/SocialSharePrompt.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section, Row, Column } from '@react-email/components';\nimport { EmailLayout, EmailButton } from '../../components';\n\nexport interface SocialSharePromptProps {\n userName?: string;\n twitterLink?: string;\n linkedinLink?: string;\n}\n\nexport const SocialSharePrompt: React.FC<SocialSharePromptProps> = ({\n userName = 'User',\n twitterLink = 'https://twitter.com/intent/tweet?text=I%20love%20using%20Beyond%20Corp!',\n linkedinLink = 'https://www.linkedin.com/sharing/share-offsite/?url=https://example.com'\n}) => {\n return (\n <EmailLayout previewText=\"Tell the world what you think!\" title=\"Share your experience\">\n <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4\">Enjoying the platform?</Text>\n <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n Hi {userName}, we noticed you've been getting a lot of value out of our product recently. We rely heavily on word-of-mouth to grow, and it would mean the world to us if you shared your experience on social media!\n </Text>\n <Section className=\"mb-6\">\n <Row>\n <Column className=\"pr-2\"><EmailButton href={twitterLink}>Share on X</EmailButton></Column>\n <Column className=\"pl-2\"><EmailButton href={linkedinLink}>Share on LinkedIn</EmailButton></Column>\n </Row>\n </Section>\n </EmailLayout>\n );\n};\n\nexport default SocialSharePrompt;"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAUO,MAAM,iBAAiB,GAAqC,CAAC,EAClE,QAAQ,GAAG,MAAM,EACjB,WAAW,GAAG,yEAAyE,EACvF,YAAY,GAAG,yEAAyE,EACzF,KAAI;AACH,IAAA,QACEA,IAAA,CAAC,WAAW,EAAA,EAAC,WAAW,EAAC,gCAAgC,EAAC,KAAK,EAAC,uBAAuB,EAAA,QAAA,EAAA,CACrFC,GAAA,CAAC,IAAI,IAAC,SAAS,EAAC,uDAAuD,EAAA,QAAA,EAAA,wBAAA,EAAA,CAA8B,EACrGD,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,CAAA,KAAA,EAC3E,QAAQ,EAAA,yMAAA,CAAA,EAAA,CACP,EACPC,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,MAAM,EAAA,QAAA,EACvBD,IAAA,CAAC,GAAG,eACFC,GAAA,CAAC,MAAM,EAAA,EAAC,SAAS,EAAC,MAAM,EAAA,QAAA,EAACA,GAAA,CAAC,WAAW,IAAC,IAAI,EAAE,WAAW,EAAA,QAAA,EAAA,YAAA,EAAA,CAA0B,GAAS,EAC1FA,GAAA,CAAC,MAAM,EAAA,EAAC,SAAS,EAAC,MAAM,EAAA,QAAA,EAACA,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,YAAY,kCAAiC,EAAA,CAAS,CAAA,EAAA,CAC9F,EAAA,CACE,CAAA,EAAA,CACE;AAElB;;;;"}

package/dist/components/Email/templates/growth/WaitlistWelcome.js CHANGED Viewed

@@ -1,10 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { Text, Section } from '@react-email/components';
 import { EmailButton } from '../../components/EmailButton.js';
 import { EmailDivider } from '../../components/EmailDivider.js';
 import { EmailLayout } from '../../components/EmailLayout.js';
 import 'react';
-import { Text } from '../../../../node_modules/@react-email/text/dist/index.js';
-import { Section } from '../../../../node_modules/@react-email/section/dist/index.js';
+import '@react-email/render';
 const WaitlistWelcome = ({ userName = 'User', position = 1492, estimatedInviteDate = 'Next month', referralLink = 'https://example.com/waitlist?ref=user123' }) => {
     return (jsxs(EmailLayout, { previewText: "You're on the waitlist!", title: "Welcome to the waitlist", children: [jsxs(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: ["You're on the list, ", userName, "!"] }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["Thanks for joining the waitlist. We're rolling out access in batches, and you are currently in position ", jsxs("strong", { children: ["#", position.toLocaleString()] }), ". We estimate your invite will arrive ", jsx("strong", { children: estimatedInviteDate }), "."] }), jsx(EmailDivider, {}), jsx(Text, { className: "text-lg font-bold text-gray-900 dark:text-white mb-2", children: "Want to skip the line?" }), jsx(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: "Share your unique referral link with friends. For every friend who joins the waitlist, you'll jump 100 spots ahead!" }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: referralLink, children: "Copy Referral Link" }) })] }));

package/dist/components/Email/templates/internal/comms/CompanyEventsCalendar.js CHANGED Viewed

@@ -1,11 +1,9 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { Text, Section, Row, Column } from '@react-email/components';
 import { EmailButton } from '../../../components/EmailButton.js';
 import { EmailLayout } from '../../../components/EmailLayout.js';
 import 'react';
-import { Text } from '../../../../../node_modules/@react-email/text/dist/index.js';
-import { Section } from '../../../../../node_modules/@react-email/section/dist/index.js';
-import { Row } from '../../../../../node_modules/@react-email/row/dist/index.js';
-import { Column } from '../../../../../node_modules/@react-email/column/dist/index.js';
+import '@react-email/render';
 const CompanyEventsCalendar = ({ month = 'November 2026', events = [
     { date: 'Nov 4', name: 'Town Hall Meeting', time: '10:00 AM' },

package/dist/components/Email/templates/internal/comms/CompanyEventsCalendar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CompanyEventsCalendar.js","sources":["../../../../../../src/components/Email/templates/internal/comms/CompanyEventsCalendar.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section, Row, Column } from '@react-email/components';\nimport { EmailLayout, EmailButton } from '../../../components';\n\nexport interface EventItem {\n date: string;\n name: string;\n time?: string;\n}\n\nexport interface CompanyEventsCalendarProps {\n month?: string;\n events?: EventItem[];\n calendarLink?: string;\n}\n\nexport const CompanyEventsCalendar: React.FC<CompanyEventsCalendarProps> = ({\n month = 'November 2026',\n events = [\n { date: 'Nov 4', name: 'Town Hall Meeting', time: '10:00 AM' },\n { date: 'Nov 11', name: 'Veterans Day (Office Closed)' },\n { date: 'Nov 26', name: 'Thanksgiving Potluck', time: '12:00 PM' }\n ],\n calendarLink = 'https://calendar.example.com'\n}) => {\n return (\n <EmailLayout previewText={`Upcoming events for ${month}`} title=\"Company Events\">\n <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-6\">Upcoming Events: {month}</Text>\n <Section className=\"mb-6\">\n {events.map((event, index) => (\n <Row key={index} className=\"bg-gray-50 dark:bg-gray-700 p-4 mb-2 rounded-lg border border-gray-100 dark:border-gray-600\">\n <Column style={{ width: '80px' }}><Text className=\"text-blue-600 dark:text-blue-400 font-bold m-0\">{event.date}</Text></Column>\n <Column><Text className=\"text-gray-900 dark:text-white font-semibold m-0\">{event.name}</Text>{event.time && <Text className=\"text-gray-500 dark:text-gray-400 text-sm m-0 mt-1\">{event.time}</Text>}</Column>\n </Row>\n ))}\n </Section>\n <Section className=\"text-center mb-6\"><EmailButton href={calendarLink}>View Full Calendar</EmailButton></Section>\n </EmailLayout>\n );\n};\n\nexport default CompanyEventsCalendar;"],"names":["_jsxs","_jsx"],"mappings":"~~;;;;;;;;;~~AAgBO,MAAM,qBAAqB,GAAyC,CAAC,EAC1E,KAAK,GAAG,eAAe,EACvB,MAAM,GAAG;IACP,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,mBAAmB,EAAE,IAAI,EAAE,UAAU,EAAE;AAC9D,IAAA,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,8BAA8B,EAAE;IACxD,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,sBAAsB,EAAE,IAAI,EAAE,UAAU;AACjE,CAAA,EACD,YAAY,GAAG,8BAA8B,EAC9C,KAAI;AACH,IAAA,QACEA,IAAA,CAAC,WAAW,EAAA,EAAC,WAAW,EAAE,CAAA,oBAAA,EAAuB,KAAK,CAAA,CAAE,EAAE,KAAK,EAAC,gBAAgB,EAAA,QAAA,EAAA,CAC9EA,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,uDAAuD,EAAA,QAAA,EAAA,CAAA,mBAAA,EAAmB,KAAK,CAAA,EAAA,CAAQ,EACvGC,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,MAAM,EAAA,QAAA,EACtB,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,MACvBD,IAAA,CAAC,GAAG,EAAA,EAAa,SAAS,EAAC,6FAA6F,EAAA,QAAA,EAAA,CACtHC,GAAA,CAAC,MAAM,EAAA,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAA,QAAA,EAAEA,IAAC,IAAI,EAAA,EAAC,SAAS,EAAC,gDAAgD,EAAA,QAAA,EAAE,KAAK,CAAC,IAAI,EAAA,CAAQ,EAAA,CAAS,EAC/HD,IAAA,CAAC,MAAM,EAAA,EAAA,QAAA,EAAA,CAACC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iDAAiD,EAAA,QAAA,EAAE,KAAK,CAAC,IAAI,EAAA,CAAQ,EAAC,KAAK,CAAC,IAAI,IAAIA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,mDAAmD,EAAA,QAAA,EAAE,KAAK,CAAC,IAAI,EAAA,CAAQ,CAAA,EAAA,CAAU,CAAA,EAAA,EAFrM,KAAK,CAGT,CACP,CAAC,EAAA,CACM,EACVA,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,kBAAkB,EAAA,QAAA,EAACA,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,YAAY,EAAA,QAAA,EAAA,oBAAA,EAAA,CAAkC,EAAA,CAAU,CAAA,EAAA,CACrG;AAElB;;;;"}
1	+ {"version":3,"file":"CompanyEventsCalendar.js","sources":["../../../../../../src/components/Email/templates/internal/comms/CompanyEventsCalendar.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section, Row, Column } from '@react-email/components';\nimport { EmailLayout, EmailButton } from '../../../components';\n\nexport interface EventItem {\n date: string;\n name: string;\n time?: string;\n}\n\nexport interface CompanyEventsCalendarProps {\n month?: string;\n events?: EventItem[];\n calendarLink?: string;\n}\n\nexport const CompanyEventsCalendar: React.FC<CompanyEventsCalendarProps> = ({\n month = 'November 2026',\n events = [\n { date: 'Nov 4', name: 'Town Hall Meeting', time: '10:00 AM' },\n { date: 'Nov 11', name: 'Veterans Day (Office Closed)' },\n { date: 'Nov 26', name: 'Thanksgiving Potluck', time: '12:00 PM' }\n ],\n calendarLink = 'https://calendar.example.com'\n}) => {\n return (\n <EmailLayout previewText={`Upcoming events for ${month}`} title=\"Company Events\">\n <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-6\">Upcoming Events: {month}</Text>\n <Section className=\"mb-6\">\n {events.map((event, index) => (\n <Row key={index} className=\"bg-gray-50 dark:bg-gray-700 p-4 mb-2 rounded-lg border border-gray-100 dark:border-gray-600\">\n <Column style={{ width: '80px' }}><Text className=\"text-blue-600 dark:text-blue-400 font-bold m-0\">{event.date}</Text></Column>\n <Column><Text className=\"text-gray-900 dark:text-white font-semibold m-0\">{event.name}</Text>{event.time && <Text className=\"text-gray-500 dark:text-gray-400 text-sm m-0 mt-1\">{event.time}</Text>}</Column>\n </Row>\n ))}\n </Section>\n <Section className=\"text-center mb-6\"><EmailButton href={calendarLink}>View Full Calendar</EmailButton></Section>\n </EmailLayout>\n );\n};\n\nexport default CompanyEventsCalendar;"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAgBO,MAAM,qBAAqB,GAAyC,CAAC,EAC1E,KAAK,GAAG,eAAe,EACvB,MAAM,GAAG;IACP,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,mBAAmB,EAAE,IAAI,EAAE,UAAU,EAAE;AAC9D,IAAA,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,8BAA8B,EAAE;IACxD,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,sBAAsB,EAAE,IAAI,EAAE,UAAU;AACjE,CAAA,EACD,YAAY,GAAG,8BAA8B,EAC9C,KAAI;AACH,IAAA,QACEA,IAAA,CAAC,WAAW,EAAA,EAAC,WAAW,EAAE,CAAA,oBAAA,EAAuB,KAAK,CAAA,CAAE,EAAE,KAAK,EAAC,gBAAgB,EAAA,QAAA,EAAA,CAC9EA,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,uDAAuD,EAAA,QAAA,EAAA,CAAA,mBAAA,EAAmB,KAAK,CAAA,EAAA,CAAQ,EACvGC,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,MAAM,EAAA,QAAA,EACtB,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,MACvBD,IAAA,CAAC,GAAG,EAAA,EAAa,SAAS,EAAC,6FAA6F,EAAA,QAAA,EAAA,CACtHC,GAAA,CAAC,MAAM,EAAA,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAA,QAAA,EAAEA,IAAC,IAAI,EAAA,EAAC,SAAS,EAAC,gDAAgD,EAAA,QAAA,EAAE,KAAK,CAAC,IAAI,EAAA,CAAQ,EAAA,CAAS,EAC/HD,IAAA,CAAC,MAAM,EAAA,EAAA,QAAA,EAAA,CAACC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iDAAiD,EAAA,QAAA,EAAE,KAAK,CAAC,IAAI,EAAA,CAAQ,EAAC,KAAK,CAAC,IAAI,IAAIA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,mDAAmD,EAAA,QAAA,EAAE,KAAK,CAAC,IAAI,EAAA,CAAQ,CAAA,EAAA,CAAU,CAAA,EAAA,EAFrM,KAAK,CAGT,CACP,CAAC,EAAA,CACM,EACVA,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,kBAAkB,EAAA,QAAA,EAACA,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,YAAY,EAAA,QAAA,EAAA,oBAAA,EAAA,CAAkC,EAAA,CAAU,CAAA,EAAA,CACrG;AAElB;;;;"}

package/dist/components/Email/templates/internal/comms/LeadershipUpdate.js CHANGED Viewed

@@ -1,8 +1,9 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { Text } from '@react-email/components';
 import { EmailDivider } from '../../../components/EmailDivider.js';
 import { EmailLayout } from '../../../components/EmailLayout.js';
 import 'react';
-import { Text } from '../../../../../node_modules/@react-email/text/dist/index.js';
+import '@react-email/render';
 const LeadershipUpdate = ({ senderName = 'Jane Doe', senderTitle = 'CEO', subject = 'Q3 Company Update', messageBlocks = [
     'I want to take a moment to reflect on our outstanding performance this past quarter. Thanks to your hard work, we hit all of our primary OKRs.',

package/dist/components/Email/templates/internal/comms/LeadershipUpdate.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LeadershipUpdate.js","sources":["../../../../../../src/components/Email/templates/internal/comms/LeadershipUpdate.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from '@react-email/components';\nimport { EmailLayout, EmailDivider } from '../../../components';\n\nexport interface LeadershipUpdateProps {\n senderName?: string;\n senderTitle?: string;\n subject?: string;\n messageBlocks?: string[];\n}\n\nexport const LeadershipUpdate: React.FC<LeadershipUpdateProps> = ({\n senderName = 'Jane Doe',\n senderTitle = 'CEO',\n subject = 'Q3 Company Update',\n messageBlocks = [\n 'I want to take a moment to reflect on our outstanding performance this past quarter. Thanks to your hard work, we hit all of our primary OKRs.',\n 'As we move into Q4, our focus will shift towards expanding our enterprise offerings and finalizing the upcoming product launch.',\n 'Thank you all for your continued dedication.'\n ]\n}) => {\n return (\n <EmailLayout previewText={subject} title={subject}>\n <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-6\">{subject}</Text>\n {messageBlocks.map((block, index) => (\n <Text key={index} className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-4\">\n {block}\n </Text>\n ))}\n <EmailDivider />\n <Text className=\"text-gray-900 dark:text-white font-semibold text-base m-0\">{senderName}</Text>\n <Text className=\"text-gray-500 dark:text-gray-400 text-sm m-0\">{senderTitle}</Text>\n </EmailLayout>\n );\n};\n\nexport default LeadershipUpdate;"],"names":["_jsxs","_jsx"],"mappings":"~~;;;;;;~~AAWO,MAAM,gBAAgB,GAAoC,CAAC,EAChE,UAAU,GAAG,UAAU,EACvB,WAAW,GAAG,KAAK,EACnB,OAAO,GAAG,mBAAmB,EAC7B,aAAa,GAAG;IACd,gJAAgJ;IAChJ,iIAAiI;IACjI;AACD,CAAA,EACF,KAAI;AACH,IAAA,QACEA,IAAA,CAAC,WAAW,EAAA,EAAC,WAAW,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAA,QAAA,EAAA,CAC/CC,GAAA,CAAC,IAAI,IAAC,SAAS,EAAC,uDAAuD,EAAA,QAAA,EAAE,OAAO,EAAA,CAAQ,EACvF,aAAa,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,MAC9BA,GAAA,CAAC,IAAI,EAAA,EAAa,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAC1F,KAAK,IADG,KAAK,CAET,CACR,CAAC,EACFA,GAAA,CAAC,YAAY,EAAA,EAAA,CAAG,EAChBA,IAAC,IAAI,EAAA,EAAC,SAAS,EAAC,2DAA2D,EAAA,QAAA,EAAE,UAAU,EAAA,CAAQ,EAC/FA,IAAC,IAAI,EAAA,EAAC,SAAS,EAAC,8CAA8C,EAAA,QAAA,EAAE,WAAW,EAAA,CAAQ,CAAA,EAAA,CACvE;AAElB;;;;"}
1	+ {"version":3,"file":"LeadershipUpdate.js","sources":["../../../../../../src/components/Email/templates/internal/comms/LeadershipUpdate.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from '@react-email/components';\nimport { EmailLayout, EmailDivider } from '../../../components';\n\nexport interface LeadershipUpdateProps {\n senderName?: string;\n senderTitle?: string;\n subject?: string;\n messageBlocks?: string[];\n}\n\nexport const LeadershipUpdate: React.FC<LeadershipUpdateProps> = ({\n senderName = 'Jane Doe',\n senderTitle = 'CEO',\n subject = 'Q3 Company Update',\n messageBlocks = [\n 'I want to take a moment to reflect on our outstanding performance this past quarter. Thanks to your hard work, we hit all of our primary OKRs.',\n 'As we move into Q4, our focus will shift towards expanding our enterprise offerings and finalizing the upcoming product launch.',\n 'Thank you all for your continued dedication.'\n ]\n}) => {\n return (\n <EmailLayout previewText={subject} title={subject}>\n <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-6\">{subject}</Text>\n {messageBlocks.map((block, index) => (\n <Text key={index} className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-4\">\n {block}\n </Text>\n ))}\n <EmailDivider />\n <Text className=\"text-gray-900 dark:text-white font-semibold text-base m-0\">{senderName}</Text>\n <Text className=\"text-gray-500 dark:text-gray-400 text-sm m-0\">{senderTitle}</Text>\n </EmailLayout>\n );\n};\n\nexport default LeadershipUpdate;"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAWO,MAAM,gBAAgB,GAAoC,CAAC,EAChE,UAAU,GAAG,UAAU,EACvB,WAAW,GAAG,KAAK,EACnB,OAAO,GAAG,mBAAmB,EAC7B,aAAa,GAAG;IACd,gJAAgJ;IAChJ,iIAAiI;IACjI;AACD,CAAA,EACF,KAAI;AACH,IAAA,QACEA,IAAA,CAAC,WAAW,EAAA,EAAC,WAAW,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAA,QAAA,EAAA,CAC/CC,GAAA,CAAC,IAAI,IAAC,SAAS,EAAC,uDAAuD,EAAA,QAAA,EAAE,OAAO,EAAA,CAAQ,EACvF,aAAa,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,MAC9BA,GAAA,CAAC,IAAI,EAAA,EAAa,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAC1F,KAAK,IADG,KAAK,CAET,CACR,CAAC,EACFA,GAAA,CAAC,YAAY,EAAA,EAAA,CAAG,EAChBA,IAAC,IAAI,EAAA,EAAC,SAAS,EAAC,2DAA2D,EAAA,QAAA,EAAE,UAAU,EAAA,CAAQ,EAC/FA,IAAC,IAAI,EAAA,EAAC,SAAS,EAAC,8CAA8C,EAAA,QAAA,EAAE,WAAW,EAAA,CAAQ,CAAA,EAAA,CACvE;AAElB;;;;"}

package/dist/components/Email/templates/internal/comms/MeetingRecap.js CHANGED Viewed

@@ -1,11 +1,9 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { Text, Section, Row, Column } from '@react-email/components';
 import { EmailButton } from '../../../components/EmailButton.js';
 import { EmailLayout } from '../../../components/EmailLayout.js';
 import 'react';
-import { Text } from '../../../../../node_modules/@react-email/text/dist/index.js';
-import { Section } from '../../../../../node_modules/@react-email/section/dist/index.js';
-import { Row } from '../../../../../node_modules/@react-email/row/dist/index.js';
-import { Column } from '../../../../../node_modules/@react-email/column/dist/index.js';
+import '@react-email/render';
 const MeetingRecap = ({ meetingTitle = 'Weekly Engineering Sync', date = 'May 8, 2026', summary = 'We discussed the upcoming deployment schedule and identified potential bottlenecks in the CI/CD pipeline.', actionItems = [
     'Alex: Review the staging server logs',

package/dist/components/Email/templates/internal/comms/MeetingRecap.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MeetingRecap.js","sources":["../../../../../../src/components/Email/templates/internal/comms/MeetingRecap.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section, Row, Column } from '@react-email/components';\nimport { EmailLayout, EmailButton } from '../../../components';\n\nexport interface MeetingRecapProps {\n meetingTitle?: string;\n date?: string;\n summary?: string;\n actionItems?: string[];\n notesLink?: string;\n}\n\nexport const MeetingRecap: React.FC<MeetingRecapProps> = ({\n meetingTitle = 'Weekly Engineering Sync',\n date = 'May 8, 2026',\n summary = 'We discussed the upcoming deployment schedule and identified potential bottlenecks in the CI/CD pipeline.',\n actionItems = [\n 'Alex: Review the staging server logs',\n 'Jordan: Draft the deployment runbook',\n 'Sam: Update the frontend dependencies'\n ],\n notesLink = 'https://docs.example.com/meetings/123'\n}) => {\n return (\n <EmailLayout previewText={`Notes from ${meetingTitle}`} title=\"Meeting Recap\">\n <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-2\">{meetingTitle}</Text>\n <Text className=\"text-gray-500 dark:text-gray-400 text-sm mb-6\">{date}</Text>\n \n <Section className=\"bg-gray-50 dark:bg-gray-700 p-4 rounded-lg mb-6 border border-gray-100 dark:border-gray-600\">\n <Text className=\"text-gray-900 dark:text-white font-semibold m-0 mb-2\">Summary:</Text>\n <Text className=\"text-gray-700 dark:text-gray-300 m-0\">{summary}</Text>\n </Section>\n\n <Text className=\"text-lg font-bold text-gray-900 dark:text-white mb-4\">Action Items</Text>\n <Section className=\"mb-6\">\n {actionItems.map((item, index) => (\n <Row key={index} className=\"mb-2\">\n <Column style={{ width: '24px' }}><Text className=\"m-0 text-gray-400\">☐</Text></Column>\n <Column><Text className=\"m-0 text-gray-700 dark:text-gray-300\">{item}</Text></Column>\n </Row>\n ))}\n </Section>\n <Section className=\"text-center\"><EmailButton href={notesLink}>View Full Notes</EmailButton></Section>\n </EmailLayout>\n );\n};\n\nexport default MeetingRecap;"],"names":["_jsxs","_jsx"],"mappings":"~~;;;;;;;;;~~AAYO,MAAM,YAAY,GAAgC,CAAC,EACxD,YAAY,GAAG,yBAAyB,EACxC,IAAI,GAAG,aAAa,EACpB,OAAO,GAAG,2GAA2G,EACrH,WAAW,GAAG;IACZ,sCAAsC;IACtC,sCAAsC;IACtC;AACD,CAAA,EACD,SAAS,GAAG,uCAAuC,EACpD,KAAI;AACH,IAAA,QACEA,IAAA,CAAC,WAAW,EAAA,EAAC,WAAW,EAAE,CAAA,WAAA,EAAc,YAAY,CAAA,CAAE,EAAE,KAAK,EAAC,eAAe,EAAA,QAAA,EAAA,CAC3EC,IAAC,IAAI,EAAA,EAAC,SAAS,EAAC,uDAAuD,EAAA,QAAA,EAAE,YAAY,EAAA,CAAQ,EAC7FA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,+CAA+C,EAAA,QAAA,EAAE,IAAI,EAAA,CAAQ,EAE7ED,IAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,6FAA6F,EAAA,QAAA,EAAA,CAC9GC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,sDAAsD,yBAAgB,EACtFA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,sCAAsC,EAAA,QAAA,EAAE,OAAO,GAAQ,CAAA,EAAA,CAC/D,EAEVA,GAAA,CAAC,IAAI,IAAC,SAAS,EAAC,sDAAsD,EAAA,QAAA,EAAA,cAAA,EAAA,CAAoB,EAC1FA,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,MAAM,EAAA,QAAA,EACtB,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,MAC3BD,IAAA,CAAC,GAAG,EAAA,EAAa,SAAS,EAAC,MAAM,EAAA,QAAA,EAAA,CAC/BC,GAAA,CAAC,MAAM,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAA,QAAA,EAAEA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,mBAAmB,uBAAS,EAAA,CAAS,EACvFA,GAAA,CAAC,MAAM,EAAA,EAAA,QAAA,EAACA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,sCAAsC,EAAA,QAAA,EAAE,IAAI,GAAQ,EAAA,CAAS,CAAA,EAAA,EAF7E,KAAK,CAGT,CACP,CAAC,EAAA,CACM,EACVA,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,aAAa,YAACA,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,SAAS,EAAA,QAAA,EAAA,iBAAA,EAAA,CAA+B,EAAA,CAAU,CAAA,EAAA,CAC1F;AAElB;;;;"}
1	+ {"version":3,"file":"MeetingRecap.js","sources":["../../../../../../src/components/Email/templates/internal/comms/MeetingRecap.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section, Row, Column } from '@react-email/components';\nimport { EmailLayout, EmailButton } from '../../../components';\n\nexport interface MeetingRecapProps {\n meetingTitle?: string;\n date?: string;\n summary?: string;\n actionItems?: string[];\n notesLink?: string;\n}\n\nexport const MeetingRecap: React.FC<MeetingRecapProps> = ({\n meetingTitle = 'Weekly Engineering Sync',\n date = 'May 8, 2026',\n summary = 'We discussed the upcoming deployment schedule and identified potential bottlenecks in the CI/CD pipeline.',\n actionItems = [\n 'Alex: Review the staging server logs',\n 'Jordan: Draft the deployment runbook',\n 'Sam: Update the frontend dependencies'\n ],\n notesLink = 'https://docs.example.com/meetings/123'\n}) => {\n return (\n <EmailLayout previewText={`Notes from ${meetingTitle}`} title=\"Meeting Recap\">\n <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-2\">{meetingTitle}</Text>\n <Text className=\"text-gray-500 dark:text-gray-400 text-sm mb-6\">{date}</Text>\n \n <Section className=\"bg-gray-50 dark:bg-gray-700 p-4 rounded-lg mb-6 border border-gray-100 dark:border-gray-600\">\n <Text className=\"text-gray-900 dark:text-white font-semibold m-0 mb-2\">Summary:</Text>\n <Text className=\"text-gray-700 dark:text-gray-300 m-0\">{summary}</Text>\n </Section>\n\n <Text className=\"text-lg font-bold text-gray-900 dark:text-white mb-4\">Action Items</Text>\n <Section className=\"mb-6\">\n {actionItems.map((item, index) => (\n <Row key={index} className=\"mb-2\">\n <Column style={{ width: '24px' }}><Text className=\"m-0 text-gray-400\">☐</Text></Column>\n <Column><Text className=\"m-0 text-gray-700 dark:text-gray-300\">{item}</Text></Column>\n </Row>\n ))}\n </Section>\n <Section className=\"text-center\"><EmailButton href={notesLink}>View Full Notes</EmailButton></Section>\n </EmailLayout>\n );\n};\n\nexport default MeetingRecap;"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAYO,MAAM,YAAY,GAAgC,CAAC,EACxD,YAAY,GAAG,yBAAyB,EACxC,IAAI,GAAG,aAAa,EACpB,OAAO,GAAG,2GAA2G,EACrH,WAAW,GAAG;IACZ,sCAAsC;IACtC,sCAAsC;IACtC;AACD,CAAA,EACD,SAAS,GAAG,uCAAuC,EACpD,KAAI;AACH,IAAA,QACEA,IAAA,CAAC,WAAW,EAAA,EAAC,WAAW,EAAE,CAAA,WAAA,EAAc,YAAY,CAAA,CAAE,EAAE,KAAK,EAAC,eAAe,EAAA,QAAA,EAAA,CAC3EC,IAAC,IAAI,EAAA,EAAC,SAAS,EAAC,uDAAuD,EAAA,QAAA,EAAE,YAAY,EAAA,CAAQ,EAC7FA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,+CAA+C,EAAA,QAAA,EAAE,IAAI,EAAA,CAAQ,EAE7ED,IAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,6FAA6F,EAAA,QAAA,EAAA,CAC9GC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,sDAAsD,yBAAgB,EACtFA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,sCAAsC,EAAA,QAAA,EAAE,OAAO,GAAQ,CAAA,EAAA,CAC/D,EAEVA,GAAA,CAAC,IAAI,IAAC,SAAS,EAAC,sDAAsD,EAAA,QAAA,EAAA,cAAA,EAAA,CAAoB,EAC1FA,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,MAAM,EAAA,QAAA,EACtB,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,MAC3BD,IAAA,CAAC,GAAG,EAAA,EAAa,SAAS,EAAC,MAAM,EAAA,QAAA,EAAA,CAC/BC,GAAA,CAAC,MAAM,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAA,QAAA,EAAEA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,mBAAmB,uBAAS,EAAA,CAAS,EACvFA,GAAA,CAAC,MAAM,EAAA,EAAA,QAAA,EAACA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,sCAAsC,EAAA,QAAA,EAAE,IAAI,GAAQ,EAAA,CAAS,CAAA,EAAA,EAF7E,KAAK,CAGT,CACP,CAAC,EAAA,CACM,EACVA,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,aAAa,YAACA,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,SAAS,EAAA,QAAA,EAAA,iBAAA,EAAA,CAA+B,EAAA,CAAU,CAAA,EAAA,CAC1F;AAElB;;;;"}

package/dist/components/Email/templates/internal/hr/BirthdayAnniversary.js CHANGED Viewed

@@ -1,7 +1,8 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { Text } from '@react-email/components';
 import { EmailLayout } from '../../../components/EmailLayout.js';
 import 'react';
-import { Text } from '../../../../../node_modules/@react-email/text/dist/index.js';
+import '@react-email/render';
 const BirthdayAnniversary = ({ employeeName = 'Alex', type = 'Work Anniversary', years = 3 }) => {
     const isBirthday = type === 'Birthday';

package/dist/components/Email/templates/internal/hr/BirthdayAnniversary.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BirthdayAnniversary.js","sources":["../../../../../../src/components/Email/templates/internal/hr/BirthdayAnniversary.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from '@react-email/components';\nimport { EmailLayout } from '../../../components';\n\nexport interface BirthdayAnniversaryProps {\n employeeName?: string;\n type?: 'Birthday' \| 'Work Anniversary';\n years?: number;\n}\n\nexport const BirthdayAnniversary: React.FC<BirthdayAnniversaryProps> = ({\n employeeName = 'Alex',\n type = 'Work Anniversary',\n years = 3\n}) => {\n const isBirthday = type === 'Birthday';\n return (\n <EmailLayout previewText={`Happy ${type}, ${employeeName}!`} title={`Happy ${type}!`}>\n <Text className=\"text-4xl text-center mb-4\">{isBirthday ? '🎂' : '🏆'}</Text>\n <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4 text-center\">\n Happy {type}, {employeeName}!\n </Text>\n <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6 text-center\">\n {isBirthday \n ? 'Wishing you a fantastic birthday and a great year ahead! We hope you take some time to celebrate and enjoy your special day.' \n : `Thank you for being an amazing part of our team for ${years} ${years === 1 ? 'year' : 'years'}! We deeply appreciate your hard work and dedication.`}\n </Text>\n </EmailLayout>\n );\n};\n\nexport default BirthdayAnniversary;"],"names":["_jsxs","_jsx"],"mappings":"~~;;;;;~~AAUO,MAAM,mBAAmB,GAAuC,CAAC,EACtE,YAAY,GAAG,MAAM,EACrB,IAAI,GAAG,kBAAkB,EACzB,KAAK,GAAG,CAAC,EACV,KAAI;AACH,IAAA,MAAM,UAAU,GAAG,IAAI,KAAK,UAAU;IACtC,QACEA,IAAA,CAAC,WAAW,EAAA,EAAC,WAAW,EAAE,CAAA,MAAA,EAAS,IAAI,CAAA,EAAA,EAAK,YAAY,CAAA,CAAA,CAAG,EAAE,KAAK,EAAE,CAAA,MAAA,EAAS,IAAI,CAAA,CAAA,CAAG,EAAA,QAAA,EAAA,CAClFC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,2BAA2B,EAAA,QAAA,EAAE,UAAU,GAAG,IAAI,GAAG,IAAI,EAAA,CAAQ,EAC7ED,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,mEAAmE,uBAC1E,IAAI,EAAA,IAAA,EAAI,YAAY,EAAA,GAAA,CAAA,EAAA,CACtB,EACPC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,6EAA6E,EAAA,QAAA,EAC1F;AACC,sBAAE;AACF,sBAAE,CAAA,oDAAA,EAAuD,KAAK,IAAI,KAAK,KAAK,CAAC,GAAG,MAAM,GAAG,OAAO,uDAAuD,EAAA,CACpJ,CAAA,EAAA,CACK;AAElB;;;;"}
1	+ {"version":3,"file":"BirthdayAnniversary.js","sources":["../../../../../../src/components/Email/templates/internal/hr/BirthdayAnniversary.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from '@react-email/components';\nimport { EmailLayout } from '../../../components';\n\nexport interface BirthdayAnniversaryProps {\n employeeName?: string;\n type?: 'Birthday' \| 'Work Anniversary';\n years?: number;\n}\n\nexport const BirthdayAnniversary: React.FC<BirthdayAnniversaryProps> = ({\n employeeName = 'Alex',\n type = 'Work Anniversary',\n years = 3\n}) => {\n const isBirthday = type === 'Birthday';\n return (\n <EmailLayout previewText={`Happy ${type}, ${employeeName}!`} title={`Happy ${type}!`}>\n <Text className=\"text-4xl text-center mb-4\">{isBirthday ? '🎂' : '🏆'}</Text>\n <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4 text-center\">\n Happy {type}, {employeeName}!\n </Text>\n <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6 text-center\">\n {isBirthday \n ? 'Wishing you a fantastic birthday and a great year ahead! We hope you take some time to celebrate and enjoy your special day.' \n : `Thank you for being an amazing part of our team for ${years} ${years === 1 ? 'year' : 'years'}! We deeply appreciate your hard work and dedication.`}\n </Text>\n </EmailLayout>\n );\n};\n\nexport default BirthdayAnniversary;"],"names":["_jsxs","_jsx"],"mappings":";;;;;;AAUO,MAAM,mBAAmB,GAAuC,CAAC,EACtE,YAAY,GAAG,MAAM,EACrB,IAAI,GAAG,kBAAkB,EACzB,KAAK,GAAG,CAAC,EACV,KAAI;AACH,IAAA,MAAM,UAAU,GAAG,IAAI,KAAK,UAAU;IACtC,QACEA,IAAA,CAAC,WAAW,EAAA,EAAC,WAAW,EAAE,CAAA,MAAA,EAAS,IAAI,CAAA,EAAA,EAAK,YAAY,CAAA,CAAA,CAAG,EAAE,KAAK,EAAE,CAAA,MAAA,EAAS,IAAI,CAAA,CAAA,CAAG,EAAA,QAAA,EAAA,CAClFC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,2BAA2B,EAAA,QAAA,EAAE,UAAU,GAAG,IAAI,GAAG,IAAI,EAAA,CAAQ,EAC7ED,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,mEAAmE,uBAC1E,IAAI,EAAA,IAAA,EAAI,YAAY,EAAA,GAAA,CAAA,EAAA,CACtB,EACPC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,6EAA6E,EAAA,QAAA,EAC1F;AACC,sBAAE;AACF,sBAAE,CAAA,oDAAA,EAAuD,KAAK,IAAI,KAAK,KAAK,CAAC,GAAG,MAAM,GAAG,OAAO,uDAAuD,EAAA,CACpJ,CAAA,EAAA,CACK;AAElB;;;;"}

package/dist/components/Email/templates/internal/hr/EmployeeFarewell.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { Text, Section } from '@react-email/components';
 import { EmailDivider } from '../../../components/EmailDivider.js';
 import { EmailLayout } from '../../../components/EmailLayout.js';
 import 'react';
-import { Text } from '../../../../../node_modules/@react-email/text/dist/index.js';
-import { Section } from '../../../../../node_modules/@react-email/section/dist/index.js';
+import '@react-email/render';
 const EmployeeFarewell = ({ employeeName = 'Jordan Smith', role = 'Product Manager', lastDay = 'Friday, October 20th', farewellMessage = 'Jordan is moving on to a new adventure. We are incredibly grateful for their contributions over the past few years.' }) => {
     return (jsxs(EmailLayout, { previewText: `Farewell to ${employeeName}`, title: `Farewell ${employeeName}`, children: [jsxs(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: ["Farewell, ", employeeName] }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["Team, we want to share that ", jsx("strong", { children: employeeName }), ", our ", jsx("strong", { children: role }), ", will be leaving the company. Their last day will be ", jsx("strong", { children: lastDay }), "."] }), jsx(Section, { className: "bg-gray-50 dark:bg-gray-700 p-4 rounded-lg mb-6 border border-gray-100 dark:border-gray-600", children: jsxs(Text, { className: "text-gray-700 dark:text-gray-300 m-0 italic", children: ["\"", farewellMessage, "\""] }) }), jsx(EmailDivider, {}), jsx(Text, { className: "text-gray-500 dark:text-gray-400 text-sm", children: "Please take a moment to reach out and wish them the best in their next chapter!" })] }));

package/dist/components/Email/templates/internal/hr/ExitInterviewRequest.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { Text, Section } from '@react-email/components';
 import { EmailButton } from '../../../components/EmailButton.js';
 import { EmailLayout } from '../../../components/EmailLayout.js';
 import 'react';
-import { Text } from '../../../../../node_modules/@react-email/text/dist/index.js';
-import { Section } from '../../../../../node_modules/@react-email/section/dist/index.js';
+import '@react-email/render';
 const ExitInterviewRequest = ({ employeeName = 'Alex', hrContact = 'the HR Team', schedulingLink = 'https://calendly.com/hr/exit-interview' }) => {
     return (jsxs(EmailLayout, { previewText: "Please schedule your exit interview", title: "Exit Interview Request", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "Exit Interview Request" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["Hi ", employeeName, ", as your final day approaches, we'd love to sit down with you for a brief exit interview. Your candid feedback is vital for helping us improve the employee experience."] }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: schedulingLink, children: "Schedule Interview" }) }), jsxs(Text, { className: "text-gray-500 dark:text-gray-400 text-sm text-center", children: ["Thank you from ", hrContact, "."] })] }));

package/dist/components/Email/templates/internal/hr/NewHireAnnouncement.js CHANGED Viewed

@@ -1,10 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { Text, Section } from '@react-email/components';
 import { EmailButton } from '../../../components/EmailButton.js';
 import { EmailDivider } from '../../../components/EmailDivider.js';
 import { EmailLayout } from '../../../components/EmailLayout.js';
 import 'react';
-import { Text } from '../../../../../node_modules/@react-email/text/dist/index.js';
-import { Section } from '../../../../../node_modules/@react-email/section/dist/index.js';
+import '@react-email/render';
 const NewHireAnnouncement = ({ newHireName = 'Sarah Jenkins', role = 'Senior Frontend Engineer', department = 'Engineering', managerName = 'Alex', funFact = 'She once hiked the entire Pacific Crest Trail!', contactEmail = 'sarah@example.com' }) => {
     return (jsxs(EmailLayout, { previewText: `Welcome ${newHireName} to the team! 🎉`, title: `Welcome ${newHireName}!`, children: [jsx(Text, { className: "text-4xl text-center mb-4", children: "\uD83C\uDF89" }), jsxs(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4 text-center", children: ["Welcome to the team, ", newHireName, "!"] }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6 text-center", children: ["Hi team, please join us in welcoming ", jsx("strong", { children: newHireName }), " as our new ", jsx("strong", { children: role }), " in the ", jsx("strong", { children: department }), " department! ", newHireName, " will be reporting to ", managerName, "."] }), jsxs(Section, { className: "bg-gray-50 dark:bg-gray-700 p-6 rounded-lg mb-6 border border-gray-100 dark:border-gray-600", children: [jsxs(Text, { className: "text-gray-900 dark:text-white font-semibold m-0 mb-2", children: ["A little about ", newHireName, ":"] }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 m-0 italic", children: ["\"", funFact, "\""] })] }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: `mailto:${contactEmail}`, children: "Say Hello \uD83D\uDC4B" }) }), jsx(EmailDivider, {}), jsx(Text, { className: "text-gray-500 dark:text-gray-400 text-sm text-center", children: "They start today, so feel free to drop a message on Slack to welcome them aboard!" })] }));

package/dist/components/Email/templates/internal/hr/PolicyUpdate.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { Text, Section } from '@react-email/components';
 import { EmailButton } from '../../../components/EmailButton.js';
 import { EmailLayout } from '../../../components/EmailLayout.js';
 import 'react';
-import { Text } from '../../../../../node_modules/@react-email/text/dist/index.js';
-import { Section } from '../../../../../node_modules/@react-email/section/dist/index.js';
+import '@react-email/render';
 const PolicyUpdate = ({ policyName = 'Remote Work Guidelines', effectiveDate = 'November 1, 2026', summary = 'We have updated our remote work policies to include more flexible hours and new stipend allowances for home office equipment.', documentLink = 'https://intranet.example.com/policies/remote-work' }) => {
     return (jsxs(EmailLayout, { previewText: `Update to: ${policyName}`, title: "Internal Policy Update", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "Policy Update Notice" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["Please be advised that the ", jsx("strong", { children: policyName }), " has been updated, effective ", jsx("strong", { children: effectiveDate }), "."] }), jsxs(Section, { className: "bg-gray-50 dark:bg-gray-700 p-4 rounded-lg mb-6 border border-gray-100 dark:border-gray-600", children: [jsx(Text, { className: "text-gray-900 dark:text-white font-semibold m-0 mb-2", children: "Key Changes:" }), jsx(Text, { className: "text-gray-700 dark:text-gray-300 m-0", children: summary })] }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: documentLink, children: "Read Full Policy" }) }), jsx(Text, { className: "text-gray-500 dark:text-gray-400 text-sm text-center", children: "It is required that all employees review the updated policy." })] }));

package/dist/components/Email/templates/internal/it/AppAccessGranted.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { Text, Section } from '@react-email/components';
 import { EmailButton } from '../../../components/EmailButton.js';
 import { EmailLayout } from '../../../components/EmailLayout.js';
 import 'react';
-import { Text } from '../../../../../node_modules/@react-email/text/dist/index.js';
-import { Section } from '../../../../../node_modules/@react-email/section/dist/index.js';
+import '@react-email/render';
 const AppAccessGranted = ({ userName = 'Alex', appName = 'Salesforce', role = 'Standard User', appUrl = 'https://example.com/login' }) => {
     return (jsxs(EmailLayout, { previewText: `You now have access to ${appName}`, title: "Application Access Granted", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "Access Granted" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["Hi ", userName, ", IT has provisioned your account for ", jsx("strong", { children: appName }), "."] }), jsxs(Section, { className: "bg-gray-50 dark:bg-gray-700 p-4 rounded-lg mb-6 border border-gray-100 dark:border-gray-600 text-center", children: [jsx(Text, { className: "text-gray-500 dark:text-gray-400 text-sm m-0 mb-1", children: "Provisioned Role" }), jsx(Text, { className: "text-lg font-bold text-gray-900 dark:text-white m-0", children: role })] }), jsx(Section, { className: "text-center mb-6", children: jsxs(EmailButton, { href: appUrl, children: ["Log In to ", appName] }) })] }));

package/dist/components/Email/templates/internal/it/ITOutageReport.js CHANGED Viewed

@@ -1,10 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { Text, Section } from '@react-email/components';
 import { EmailButton } from '../../../components/EmailButton.js';
 import { EmailDivider } from '../../../components/EmailDivider.js';
 import { EmailLayout } from '../../../components/EmailLayout.js';
 import 'react';
-import { Text } from '../../../../../node_modules/@react-email/text/dist/index.js';
-import { Section } from '../../../../../node_modules/@react-email/section/dist/index.js';
+import '@react-email/render';
 const ITOutageReport = ({ systemName = 'Internal VPN', status = 'Investigating', description = 'Some employees are currently unable to connect to the internal VPN. IT is actively investigating the issue.', statusPageLink = 'https://it-status.example.com' }) => {
     const isResolved = status === 'Resolved';

package/dist/components/Email/templates/internal/it/PasswordRotationReminder.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { Text, Section } from '@react-email/components';
 import { EmailButton } from '../../../components/EmailButton.js';
 import { EmailLayout } from '../../../components/EmailLayout.js';
 import 'react';
-import { Text } from '../../../../../node_modules/@react-email/text/dist/index.js';
-import { Section } from '../../../../../node_modules/@react-email/section/dist/index.js';
+import '@react-email/render';
 const PasswordRotationReminder = ({ userName = 'User', daysRemaining = 3, rotationLink = 'https://identity.example.com/rotate' }) => {
     return (jsxs(EmailLayout, { previewText: `Action Required: Password expires in ${daysRemaining} days`, title: "Password Rotation Required", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "Password Expiration Notice" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["Hi ", userName, ", for security purposes, our company policy requires passwords to be rotated regularly. Your current password will expire in ", jsxs("strong", { children: [daysRemaining, " days"] }), "."] }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: rotationLink, children: "Change Password Now" }) }), jsx(Text, { className: "text-gray-500 dark:text-gray-400 text-sm text-center", children: "If your password expires, you will lose access to internal systems until IT resets your account." })] }));

package/dist/components/Email/templates/legal/DMCANotice.js CHANGED Viewed

@@ -1,10 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { Text, Section } from '@react-email/components';
 import { EmailButton } from '../../components/EmailButton.js';
 import { EmailDivider } from '../../components/EmailDivider.js';
 import { EmailLayout } from '../../components/EmailLayout.js';
 import 'react';
-import { Text } from '../../../../node_modules/@react-email/text/dist/index.js';
-import { Section } from '../../../../node_modules/@react-email/section/dist/index.js';
+import '@react-email/render';
 const DMCANotice = ({ userName = 'User', contentTitle = 'Uploaded File: Project_Alpha.zip', removalDate = 'May 8, 2026', disputeLink = 'https://example.com/support/dmca-dispute' }) => {
     return (jsxs(EmailLayout, { previewText: "Notice of Content Takedown (DMCA)", title: "Content Takedown Notice", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "Notice of Content Takedown" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["Hi ", userName, ", we have received a formal takedown request under the Digital Millennium Copyright Act (DMCA) regarding content on your account."] }), jsxs(Section, { className: "bg-red-50 dark:bg-red-900/30 p-4 rounded-lg mb-6 border border-red-200 dark:border-red-800", children: [jsx(Text, { className: "text-red-800 dark:text-red-200 font-semibold m-0 mb-2", children: "Affected Content:" }), jsx(Text, { className: "text-red-700 dark:text-red-300 m-0 mb-4", children: contentTitle }), jsxs(Text, { className: "text-red-800 dark:text-red-200 m-0 text-sm", children: ["This content was disabled/removed on ", removalDate, " to comply with legal requirements."] })] }), jsx(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: "If you believe this takedown was a mistake and you have the right to distribute this material, you may file a counter-notice." }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: disputeLink, children: "File a Counter-Notice" }) }), jsx(EmailDivider, {})] }));

package/dist/components/Email/templates/legal/DPANotice.js CHANGED Viewed

@@ -1,10 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { Text, Section } from '@react-email/components';
 import { EmailButton } from '../../components/EmailButton.js';
 import { EmailDivider } from '../../components/EmailDivider.js';
 import { EmailLayout } from '../../components/EmailLayout.js';
 import 'react';
-import { Text } from '../../../../node_modules/@react-email/text/dist/index.js';
-import { Section } from '../../../../node_modules/@react-email/section/dist/index.js';
+import '@react-email/render';
 const DPANotice = ({ userName = 'User', companyName = 'Beyond Corp', effectiveDate = 'July 1, 2026', dpaLink = 'https://example.com/legal/dpa' }) => {
     return (jsxs(EmailLayout, { previewText: `Updated Data Processing Agreement for ${companyName}`, title: "Legal Notice: DPA Update", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "Data Processing Agreement Update" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["Hi ", userName, ", to ensure compliance with recent global data privacy regulations, we have updated our Data Processing Agreement (DPA)."] }), jsx(Section, { className: "bg-gray-50 dark:bg-gray-700 p-4 rounded-lg mb-6 border border-gray-100 dark:border-gray-600", children: jsxs(Text, { className: "text-gray-700 dark:text-gray-300 m-0 leading-relaxed", children: ["These updates strengthen our commitment to your data security and clearly outline our sub-processors and data handling protocols. The new terms will automatically take effect on ", jsx("strong", { children: effectiveDate }), "."] }) }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: dpaLink, children: "Review the Updated DPA" }) }), jsx(EmailDivider, {}), jsx(Text, { className: "text-gray-500 dark:text-gray-400 text-sm", children: "If you have any questions regarding these changes, please reply to this email or contact our legal team." })] }));

package/dist/components/Email/templates/legal/GDPRCompliance.js CHANGED Viewed

@@ -1,10 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { Text, Section } from '@react-email/components';
 import { EmailButton } from '../../components/EmailButton.js';
 import { EmailDivider } from '../../components/EmailDivider.js';
 import { EmailLayout } from '../../components/EmailLayout.js';
 import 'react';
-import { Text } from '../../../../node_modules/@react-email/text/dist/index.js';
-import { Section } from '../../../../node_modules/@react-email/section/dist/index.js';
+import '@react-email/render';
 const GDPRCompliance = ({ userName = 'User', companyName = 'Beyond Corp', settingsLink = 'https://example.com/settings/privacy' }) => {
     return (jsxs(EmailLayout, { previewText: "Manage your data and privacy preferences", title: "Privacy Settings Notice", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "Your Data, Your Control" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["Hi ", userName, ", at ", companyName, ", we believe in empowering you with control over your personal data."] }), jsx(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: "In accordance with the General Data Protection Regulation (GDPR) and our ongoing commitment to your privacy, we want to remind you that you can manage your data, opt out of specific communications, or request a complete export of your account history at any time." }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: settingsLink, children: "Manage Privacy Settings" }) }), jsx(EmailDivider, {})] }));

package/dist/components/Email/templates/legal/PrivacyPolicyUpdate.js CHANGED Viewed

@@ -1,10 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { Text, Section } from '@react-email/components';
 import { EmailButton } from '../../components/EmailButton.js';
 import { EmailDivider } from '../../components/EmailDivider.js';
 import { EmailLayout } from '../../components/EmailLayout.js';
 import 'react';
-import { Text } from '../../../../node_modules/@react-email/text/dist/index.js';
-import { Section } from '../../../../node_modules/@react-email/section/dist/index.js';
+import '@react-email/render';
 const PrivacyPolicyUpdate = ({ userName = 'User', effectiveDate = 'June 1, 2026', policyLink = 'https://example.com/legal/privacy' }) => {
     return (jsxs(EmailLayout, { previewText: "We've updated our Privacy Policy", title: "Privacy Policy Update", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "Updates to our Privacy Policy" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["Hi ", userName, ", to provide more transparency about how we collect and use your data, we have published an updated Privacy Policy."] }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["These updates will take effect on ", jsx("strong", { children: effectiveDate }), ". By continuing to use our services on or after this date, you acknowledge and agree to the updated policy."] }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: policyLink, children: "Read the Privacy Policy" }) }), jsx(EmailDivider, {})] }));

package/dist/components/Email/templates/legal/TermsOfServiceUpdate.js CHANGED Viewed

@@ -1,10 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { Text, Section } from '@react-email/components';
 import { EmailButton } from '../../components/EmailButton.js';
 import { EmailDivider } from '../../components/EmailDivider.js';
 import { EmailLayout } from '../../components/EmailLayout.js';
 import 'react';
-import { Text } from '../../../../node_modules/@react-email/text/dist/index.js';
-import { Section } from '../../../../node_modules/@react-email/section/dist/index.js';
+import '@react-email/render';
 const TermsOfServiceUpdate = ({ userName = 'User', effectiveDate = 'July 1, 2026', termsLink = 'https://example.com/legal/terms' }) => {
     return (jsxs(EmailLayout, { previewText: "We've updated our Terms of Service", title: "Terms of Service Update", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "Updates to our Terms of Service" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["Hi ", userName, ", we have recently updated our Terms of Service to reflect new features and to better clarify our user guidelines."] }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["These changes go into effect on ", jsx("strong", { children: effectiveDate }), ". We encourage you to review the full text to understand your rights and responsibilities."] }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: termsLink, children: "Read the Terms of Service" }) }), jsx(EmailDivider, {})] }));

package/dist/components/Email/templates/marketing/affiliate/AffiliateInvite.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { Text, Section } from '@react-email/components';
 import { EmailButton } from '../../../components/EmailButton.js';
 import { EmailLayout } from '../../../components/EmailLayout.js';
 import 'react';
-import { Text } from '../../../../../node_modules/@react-email/text/dist/index.js';
-import { Section } from '../../../../../node_modules/@react-email/section/dist/index.js';
+import '@react-email/render';
 const AffiliateInvite = ({ commissionRate = '20%', link = '#' }) => (jsxs(EmailLayout, { previewText: "Join our Affiliate Program!", title: "Become a Partner", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "Partner With Us" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["You already love our product, why not get paid to share it? Join our affiliate program and earn a ", jsx("strong", { children: commissionRate }), " recurring commission."] }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: link, children: "Apply Now" }) })] }));

package/dist/components/Email/templates/marketing/affiliate/AffiliatePayout.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { Text, Section } from '@react-email/components';
 import { EmailButton } from '../../../components/EmailButton.js';
 import { EmailLayout } from '../../../components/EmailLayout.js';
 import 'react';
-import { Text } from '../../../../../node_modules/@react-email/text/dist/index.js';
-import { Section } from '../../../../../node_modules/@react-email/section/dist/index.js';
+import '@react-email/render';
 const AffiliatePayout = ({ amount = '$150.00', link = '#' }) => (jsxs(EmailLayout, { previewText: `Your payout of ${amount} is on the way!`, title: "Payout Processed", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "You've Got Paid!" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["Great job! We have just processed your affiliate payout for ", jsx("strong", { children: amount }), ". It should arrive in your account shortly."] }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: link, children: "View Statement" }) })] }));

package/dist/components/Email/templates/marketing/affiliate/AffiliateTopPerformer.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { Text, Section } from '@react-email/components';
 import { EmailButton } from '../../../components/EmailButton.js';
 import { EmailLayout } from '../../../components/EmailLayout.js';
 import 'react';
-import { Text } from '../../../../../node_modules/@react-email/text/dist/index.js';
-import { Section } from '../../../../../node_modules/@react-email/section/dist/index.js';
+import '@react-email/render';
 const AffiliateTopPerformer = ({ link = '#' }) => (jsxs(EmailLayout, { previewText: "Congratulations on an amazing month!", title: "Top Performer", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "You're a Top Performer \uD83C\uDFC6" }), jsx(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: "Congratulations! You were one of our top-performing partners this past month. Keep up the incredible work!" }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: link, children: "Claim Your Bonus" }) })] }));

package/dist/components/Email/templates/marketing/affiliate/AffiliateWelcome.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { Text, Section } from '@react-email/components';
 import { EmailButton } from '../../../components/EmailButton.js';
 import { EmailLayout } from '../../../components/EmailLayout.js';
 import 'react';
-import { Text } from '../../../../../node_modules/@react-email/text/dist/index.js';
-import { Section } from '../../../../../node_modules/@react-email/section/dist/index.js';
+import '@react-email/render';
 const AffiliateWelcome = ({ link = '#' }) => (jsxs(EmailLayout, { previewText: "Welcome to the Affiliate Program!", title: "Welcome Aboard", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "You're Approved!" }), jsx(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: "Welcome to the partner program. Your application has been approved. You can now log into your dashboard to get your unique tracking links and promotional assets." }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: link, children: "Access Dashboard" }) })] }));

package/dist/components/Email/templates/marketing/affiliate/PartnerComarketing.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { Text, Section } from '@react-email/components';
 import { EmailButton } from '../../../components/EmailButton.js';
 import { EmailLayout } from '../../../components/EmailLayout.js';
 import 'react';
-import { Text } from '../../../../../node_modules/@react-email/text/dist/index.js';
-import { Section } from '../../../../../node_modules/@react-email/section/dist/index.js';
+import '@react-email/render';
 const PartnerComarketing = ({ partnerName = 'Acme Corp', link = '#' }) => (jsxs(EmailLayout, { previewText: `We're teaming up with ${partnerName}!`, title: "New Partnership", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "We've Partnered Up!" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["We are incredibly excited to announce a brand new integration and co-marketing campaign with ", jsx("strong", { children: partnerName }), "."] }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: link, children: "Learn More" }) })] }));

package/dist/components/Email/templates/marketing/blog/BestOfRoundup.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { Text, Section } from '@react-email/components';
 import { EmailButton } from '../../../components/EmailButton.js';
 import { EmailLayout } from '../../../components/EmailLayout.js';
 import 'react';
-import { Text } from '../../../../../node_modules/@react-email/text/dist/index.js';
-import { Section } from '../../../../../node_modules/@react-email/section/dist/index.js';
+import '@react-email/render';
 const BestOfRoundup = ({ period = 'this month', link = '#' }) => (jsxs(EmailLayout, { previewText: `Our best content from ${period}`, title: "Best of Roundup", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "Best of the Blog" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["Missed some updates ", period, "? We've compiled our most popular and impactful articles all in one place."] }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: link, children: "View the Roundup" }) })] }));

package/dist/components/Email/templates/marketing/blog/BlogSeries.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { Text, Section } from '@react-email/components';
 import { EmailButton } from '../../../components/EmailButton.js';
 import { EmailLayout } from '../../../components/EmailLayout.js';
 import 'react';
-import { Text } from '../../../../../node_modules/@react-email/text/dist/index.js';
-import { Section } from '../../../../../node_modules/@react-email/section/dist/index.js';
+import '@react-email/render';
 const BlogSeries = ({ seriesName = 'React Server Components', partNumber = 2, link = '#' }) => (jsxs(EmailLayout, { previewText: `Part ${partNumber} of ${seriesName} is live!`, title: `${seriesName} - Part ${partNumber}`, children: [jsxs(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: [seriesName, ": Part ", partNumber] }), jsx(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: "The next installment of our deep-dive series is now available. Dive in to continue learning." }), jsx(Section, { className: "text-center mb-6", children: jsxs(EmailButton, { href: link, children: ["Read Part ", partNumber] }) })] }));

package/dist/components/Email/templates/marketing/blog/NewBlogPost.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { Text, Section } from '@react-email/components';
 import { EmailButton } from '../../../components/EmailButton.js';
 import { EmailLayout } from '../../../components/EmailLayout.js';
 import 'react';
-import { Text } from '../../../../../node_modules/@react-email/text/dist/index.js';
-import { Section } from '../../../../../node_modules/@react-email/section/dist/index.js';
+import '@react-email/render';
 const NewBlogPost = ({ title = '10 Tips for React Developers', author = 'Jane Doe', link = '#' }) => (jsxs(EmailLayout, { previewText: `New post: ${title}`, title: "New Blog Post", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "New on the blog!" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["We just published a new article by ", author, ": ", jsx("strong", { children: title }), ". Check it out now to learn more."] }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: link, children: "Read Article" }) })] }));

package/dist/components/Email/templates/marketing/content/InfographicEmail.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { Text, Section } from '@react-email/components';
 import { EmailButton } from '../../../components/EmailButton.js';
 import { EmailLayout } from '../../../components/EmailLayout.js';
 import 'react';
-import { Text } from '../../../../../node_modules/@react-email/text/dist/index.js';
-import { Section } from '../../../../../node_modules/@react-email/section/dist/index.js';
+import '@react-email/render';
 const InfographicEmail = ({ link = '#' }) => (jsxs(EmailLayout, { previewText: "See the data visually", title: "New Infographic", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "By the Numbers" }), jsx(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: "We parsed through thousands of data points to bring you our latest infographic. Check it out to see the surprising trends we discovered." }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: link, children: "View Infographic" }) })] }));