@beyondcorp/beyond-ui 1.4.4 → 1.4.6

package/dist/components/Email/templates/marketing/content/NewGuideEbook.js

@@ -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 NewGuideEbook = ({ guideName = 'The 2026 Industry Report', link = '#' }) => (jsxs(EmailLayout, { previewText: `Download: ${guideName}`, title: "New Guide Available", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "New Resource Available" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["We've just released our newest comprehensive guide: ", jsx("strong", { children: guideName }), ". It's packed with data, insights, and actionable takeaways."] }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: link, children: "Download Free" }) })] }));
 

package/dist/components/Email/templates/marketing/content/PodcastEpisode.js

@@ -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 PodcastEpisode = ({ episodeTitle = 'Ep 42: Scaling React Teams', link = '#' }) => (jsxs(EmailLayout, { previewText: `New Episode: ${episodeTitle}`, title: "New Podcast Episode", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "New Episode Live! \uD83C\uDFA7" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["A brand new episode of our podcast is out: ", jsx("strong", { children: episodeTitle }), ". Tune in wherever you get your podcasts."] }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: link, children: "Listen Now" }) })] }));
 

package/dist/components/Email/templates/marketing/content/ToolTemplateDelivery.js

@@ -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 ToolTemplateDelivery = ({ toolName = 'UI Component Checklist', link = '#' }) => (jsxs(EmailLayout, { previewText: `Access your free tool: ${toolName}`, title: "Your Free Tool", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "Here is your free template!" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["As promised, you can now access the ", jsx("strong", { children: toolName }), ". We hope it saves you time and accelerates your workflow."] }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: link, children: "Access Template" }) })] }));
 

package/dist/components/Email/templates/marketing/content/YouTubeNotification.js

@@ -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 YouTubeNotification = ({ videoTitle = 'Building a Component Library in 10 Minutes', link = '#' }) => (jsxs(EmailLayout, { previewText: `Watch: ${videoTitle}`, title: "New Video Upload", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "New Video Uploaded \uD83D\uDCFA" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["We just uploaded a new tutorial to our channel: ", jsx("strong", { children: videoTitle }), "."] }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: link, children: "Watch on YouTube" }) })] }));
 

package/dist/components/Email/templates/marketing/events/ConferenceSeries.js

@@ -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 ConferenceSeries = ({ link = '#' }) => (jsxs(EmailLayout, { previewText: "Here's what's happening today", title: "Daily Agenda", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "Welcome to Day 2" }), jsx(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: "Welcome back! We have another packed day of keynotes, breakout sessions, and networking. Here is your guide to navigating today's events." }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: link, children: "View Today's Schedule" }) })] }));
 

package/dist/components/Email/templates/marketing/events/EarlyBirdReminder.js

@@ -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 EarlyBirdReminder = ({ link = '#' }) => (jsxs(EmailLayout, { previewText: "Early bird pricing ends soon", title: "Pricing Alert", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "Early Bird Ends Soon" }), jsx(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: "This is your final warning! Our discounted early-bird tickets are disappearing at midnight. Lock in your spot now to save." }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: link, children: "Get Tickets" }) })] }));
 

package/dist/components/Email/templates/marketing/events/EventAnnouncement.js

@@ -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 EventAnnouncement = ({ eventName = 'Beyond UI Developer Summit 2026', date = 'September 15-16, 2026', location = 'San Francisco, CA & Virtual', registerLink = 'https://example.com/events/summit-2026' }) => {
     return (jsxs(EmailLayout, { previewText: `Join us at the ${eventName}!`, title: "Event Announcement", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "You're Invited!" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["We are thrilled to announce the ", jsx("strong", { children: eventName }), ", our biggest gathering of the year. Join industry leaders, networking sessions, and deep-dive technical workshops."] }), jsxs(Section, { className: "bg-blue-50 dark:bg-blue-900 p-6 rounded-lg mb-6 border border-blue-100 dark:border-blue-800 text-center", children: [jsx(Text, { className: "text-blue-800 dark:text-blue-200 font-bold m-0 mb-2", children: date }), jsx(Text, { className: "text-blue-600 dark:text-blue-300 m-0", children: location })] }), jsx(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6 text-center", children: "Early bird tickets are available now at a special discounted rate. Grab yours before they sell out!" }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: registerLink, children: "Get Tickets Now" }) })] }));

package/dist/components/Email/templates/marketing/events/PostEventThankYou.js

@@ -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 PostEventThankYou = ({ link = '#' }) => (jsxs(EmailLayout, { previewText: "Thanks for an amazing event!", title: "Thank You", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "That's a Wrap! \uD83C\uDFAC" }), jsx(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: "Thank you so much for joining us and making the event a massive success. The gallery of photos and session replays are now available online." }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: link, children: "View Gallery" }) })] }));
 

package/dist/components/Email/templates/marketing/events/ScheduleReleased.js

@@ -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 ScheduleReleased = ({ link = '#' }) => (jsxs(EmailLayout, { previewText: "The agenda is live!", title: "Schedule Released", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "The Schedule is Live!" }), jsx(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: "We have officially published the full agenda for our upcoming event. Check out the incredible lineup of speakers and workshops." }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: link, children: "View Agenda" }) })] }));
 

package/dist/components/Email/templates/marketing/events/VIPInvite.js

@@ -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 VIPInvite = ({ link = '#' }) => (jsxs(EmailLayout, { previewText: "You're invited to an exclusive gathering", title: "VIP Invitation", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "You're Invited" }), jsx(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: "As one of our most valued members, we'd like to formally invite you to an exclusive, invite-only VIP gathering." }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: link, children: "RSVP Now" }) })] }));
 

package/dist/components/Email/templates/marketing/lead-nurturing/CaseStudyDelivery.js

@@ -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 CaseStudyDelivery = ({ link = '#' }) => (jsxs(EmailLayout, { previewText: "Read our newest success story", title: "New Case Study", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "See how they did it" }), jsx(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: "We just published a new case study showing exactly how one of our clients doubled their growth using our platform." }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: link, children: "Read the Case Study" }) })] }));
 

package/dist/components/Email/templates/marketing/lead-nurturing/DripCampaignComplete.js

@@ -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 DripCampaignComplete = ({ link = '#' }) => (jsxs(EmailLayout, { previewText: "You made it to the end!", title: "Course Complete", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "Congratulations! \uD83C\uDF89" }), jsx(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: "You've successfully completed the entire email course series. We hope you feel more confident and equipped to tackle your next project!" }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: link, children: "Get Your Certificate" }) })] }));
 

package/dist/components/Email/templates/marketing/lead-nurturing/DripCampaignDay1.js

@@ -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 DripCampaignDay1 = ({ userName = 'Alex', courseName = '5 Days to Better UI Design', lessonTitle = 'Day 1: Mastering Whitespace', lessonContent = 'Whitespace (or negative space) is the empty space between and around elements of a design or page layout. It is often overlooked, but it is one of the most powerful tools in your design arsenal.', actionItem = 'Take a look at your current project. Can you identify an area where adding 16px to 32px of margin drastically improves readability?', courseLink = 'https://example.com/course/day-1' }) => {
     return (jsxs(EmailLayout, { previewText: `${courseName} - ${lessonTitle}`, title: lessonTitle, children: [jsx(Text, { className: "text-sm font-bold tracking-widest text-blue-600 dark:text-blue-400 uppercase mb-2", children: courseName }), jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: lessonTitle }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["Hi ", userName, ","] }), jsx(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: lessonContent }), 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: [jsx(Text, { className: "text-gray-900 dark:text-white font-bold m-0 mb-2", children: "Today's Action Item \uD83C\uDFAF" }), jsx(Text, { className: "text-gray-700 dark:text-gray-300 m-0", children: actionItem })] }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: courseLink, children: "Read the Full Lesson" }) })] }));

package/dist/components/Email/templates/marketing/lead-nurturing/LeadMagnetDelivery.js

@@ -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 LeadMagnetDelivery = ({ userName = 'Alex', resourceName = 'The Ultimate Guide to React Email', downloadLink = 'https://example.com/download/guide.pdf', exploreMoreLink = 'https://example.com/blog' }) => {
     return (jsxs(EmailLayout, { previewText: `Your download: ${resourceName}`, title: "Your Requested Resource", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "Here is your requested guide!" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["Hi ", userName, ", thanks for your interest in ", jsx("strong", { children: resourceName }), ". We've packed this resource with actionable insights that you can start using today."] }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: downloadLink, children: "Download Your Copy" }) }), jsx(EmailDivider, {}), jsx(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-4", children: "Looking for more resources? Check out our blog for weekly tips, tutorials, and case studies." })] }));

package/dist/components/Email/templates/marketing/lead-nurturing/WebinarConfirmation.js

@@ -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 WebinarConfirmation = ({ userName = 'Alex', webinarTitle = 'Mastering React Email Components', dateTime = 'Thursday, Nov 12th @ 1:00 PM EST', joinLink = 'https://zoom.us/j/123456789' }) => {
     return (jsxs(EmailLayout, { previewText: `Registration Confirmed: ${webinarTitle}`, title: "Webinar Confirmation", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "You're Registered!" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["Hi ", userName, ", your spot for ", jsx("strong", { children: webinarTitle }), " has been confirmed. We can't wait to see you there!"] }), 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 font-semibold uppercase tracking-wider mb-2 m-0", children: "When" }), jsx(Text, { className: "text-lg font-bold text-gray-900 dark:text-white m-0", children: dateTime })] }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: joinLink, children: "Join Webinar" }) }), jsx(EmailDivider, {}), jsx(Text, { className: "text-gray-500 dark:text-gray-400 text-sm text-center", children: "Pro tip: Add this to your calendar so you don't miss it!" })] }));

package/dist/components/Email/templates/marketing/lead-nurturing/WebinarFollowup.js

@@ -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 WebinarFollowup = ({ link = '#' }) => (jsxs(EmailLayout, { previewText: "Thanks for attending! Here's the recording.", title: "Webinar Followup", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "Thanks for joining us!" }), jsx(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: "It was great having you at our latest live session. In case you missed anything, or if you want to review the slides, we've uploaded the full replay." }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: link, children: "Watch the Replay" }) })] }));
 

package/dist/components/Email/templates/marketing/lead-nurturing/WebinarReminder.js

@@ -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 WebinarReminder = ({ link = '#' }) => (jsxs(EmailLayout, { previewText: "Starting in 1 hour!", title: "Webinar Reminder", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "Starting Soon!" }), jsx(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: "This is a quick reminder that our upcoming webinar is starting in exactly one hour. Grab a coffee, test your connection, and we'll see you inside!" }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: link, children: "Join the Room" }) })] }));
 

package/dist/components/Email/templates/marketing/newsletters/CuratedIndustryNews.js

@@ -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 CuratedIndustryNews = ({ link = '#' }) => (jsxs(EmailLayout, { previewText: "The latest news and trends", title: "Industry Roundup", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "Weekly Industry News" }), jsx(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: "We scoured the web to find the most important news, updates, and trends in the industry so you don't have to. Here's what you need to know this week." }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: link, children: "Read the Roundup" }) })] }));
 

package/dist/components/Email/templates/marketing/newsletters/MonthlyDigest.js

@@ -1,12 +1,9 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { Text, Section, Row, Column, Link } 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 { Link } from '../../../../../node_modules/@react-email/link/dist/index.js';
+import '@react-email/render';
 
 const MonthlyDigest = ({ userName = 'Alex', monthName = 'October', topStories = [
     { title: 'The Future of AI in SaaS', link: 'https://example.com/blog/ai' },

package/dist/components/Email/templates/marketing/newsletters/MonthlyDigest.js.map

@@ -1 +1 @@
-{"version":3,"file":"MonthlyDigest.js","sources":["../../../../../../src/components/Email/templates/marketing/newsletters/MonthlyDigest.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section, Link, Row, Column } from '@react-email/components';\nimport { EmailLayout, EmailButton } from '../../../components';\n\nexport interface MonthlyDigestProps {\n  userName?: string;\n  monthName?: string;\n  topStories?: { title: string; link: string }[];\n  stats?: { label: string; value: string | number }[];\n  dashboardLink?: string;\n}\n\nexport const MonthlyDigest: React.FC<MonthlyDigestProps> = ({\n  userName = 'Alex',\n  monthName = 'October',\n  topStories = [\n    { title: 'The Future of AI in SaaS', link: 'https://example.com/blog/ai' },\n    { title: '10 Tips to Boost Productivity', link: 'https://example.com/blog/productivity' }\n  ],\n  stats = [\n    { label: 'Hours Saved', value: 12 },\n    { label: 'Tasks Completed', value: 45 }\n  ],\n  dashboardLink = 'https://example.com/dashboard'\n}) => {\n  return (\n    <EmailLayout previewText={`Your ${monthName} recap is here!`} title={`${monthName} Digest`}>\n      <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4\">Your {monthName} Recap</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n        Hi {userName}, {monthName} was a busy month! Here is a quick look at what you accomplished and what you might have missed.\n      </Text>\n\n      <Section className=\"bg-gray-50 dark:bg-gray-700 p-6 rounded-lg mb-6 border border-gray-100 dark:border-gray-600\">\n        <Text className=\"text-gray-900 dark:text-white font-bold mb-4 m-0\">Your Impact</Text>\n        {stats.map((stat, index) => (\n          <Row key={index} className=\"mb-2\">\n            <Column><Text className=\"text-gray-600 dark:text-gray-300 m-0\">{stat.label}</Text></Column>\n            <Column className=\"text-right\"><Text className=\"text-blue-600 dark:text-blue-400 font-bold m-0\">{stat.value}</Text></Column>\n          </Row>\n        ))}\n      </Section>\n\n      <Section className=\"mb-6\">\n        <Text className=\"text-gray-900 dark:text-white font-bold mb-4 m-0\">Top Stories</Text>\n        {topStories.map((story, index) => (\n          <Text key={index} className=\"m-0 mb-2\">\n            <Link href={story.link} className=\"text-blue-600 dark:text-blue-400 font-semibold hover:underline\">\n              {story.title}\n            </Link>\n          </Text>\n        ))}\n      </Section>\n\n      <Section className=\"text-center mb-6\">\n        <EmailButton href={dashboardLink}>View Your Dashboard</EmailButton>\n      </Section>\n    </EmailLayout>\n  );\n};\n\nexport default MonthlyDigest;\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;AAYO,MAAM,aAAa,GAAiC,CAAC,EAC1D,QAAQ,GAAG,MAAM,EACjB,SAAS,GAAG,SAAS,EACrB,UAAU,GAAG;AACX,IAAA,EAAE,KAAK,EAAE,0BAA0B,EAAE,IAAI,EAAE,6BAA6B,EAAE;AAC1E,IAAA,EAAE,KAAK,EAAE,+BAA+B,EAAE,IAAI,EAAE,uCAAuC;AACxF,CAAA,EACD,KAAK,GAAG;AACN,IAAA,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,EAAE,EAAE;AACnC,IAAA,EAAE,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,EAAE;AACtC,CAAA,EACD,aAAa,GAAG,+BAA+B,EAChD,KAAI;IACH,QACEA,KAAC,WAAW,EAAA,EAAC,WAAW,EAAE,CAAA,KAAA,EAAQ,SAAS,CAAA,eAAA,CAAiB,EAAE,KAAK,EAAE,CAAA,EAAG,SAAS,CAAA,OAAA,CAAS,EAAA,QAAA,EAAA,CACxFA,KAAC,IAAI,EAAA,EAAC,SAAS,EAAC,uDAAuD,sBAAO,SAAS,EAAA,QAAA,CAAA,EAAA,CAAc,EACrGA,IAAA,CAAC,IAAI,IAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,CAAA,KAAA,EAC3E,QAAQ,QAAI,SAAS,EAAA,kGAAA,CAAA,EAAA,CACpB,EAEPA,IAAA,CAAC,OAAO,IAAC,SAAS,EAAC,6FAA6F,EAAA,QAAA,EAAA,CAC9GC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,kDAAkD,EAAA,QAAA,EAAA,aAAA,EAAA,CAAmB,EACpF,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,MACrBD,IAAA,CAAC,GAAG,IAAa,SAAS,EAAC,MAAM,EAAA,QAAA,EAAA,CAC/BC,GAAA,CAAC,MAAM,EAAA,EAAA,QAAA,EAACA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,sCAAsC,EAAA,QAAA,EAAE,IAAI,CAAC,KAAK,GAAQ,EAAA,CAAS,EAC3FA,IAAC,MAAM,EAAA,EAAC,SAAS,EAAC,YAAY,YAACA,GAAA,CAAC,IAAI,IAAC,SAAS,EAAC,gDAAgD,EAAA,QAAA,EAAE,IAAI,CAAC,KAAK,EAAA,CAAQ,GAAS,CAAA,EAAA,EAFpH,KAAK,CAGT,CACP,CAAC,IACM,EAEVD,IAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,MAAM,EAAA,QAAA,EAAA,CACvBC,IAAC,IAAI,EAAA,EAAC,SAAS,EAAC,kDAAkD,4BAAmB,EACpF,UAAU,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,MAC3BA,GAAA,CAAC,IAAI,EAAA,EAAa,SAAS,EAAC,UAAU,EAAA,QAAA,EACpCA,IAAC,IAAI,EAAA,EAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,SAAS,EAAC,gEAAgE,YAC/F,KAAK,CAAC,KAAK,EAAA,CACP,EAAA,EAHE,KAAK,CAIT,CACR,CAAC,CAAA,EAAA,CACM,EAEVA,IAAC,OAAO,EAAA,EAAC,SAAS,EAAC,kBAAkB,YACnCA,GAAA,CAAC,WAAW,IAAC,IAAI,EAAE,aAAa,EAAA,QAAA,EAAA,qBAAA,EAAA,CAAmC,EAAA,CAC3D,CAAA,EAAA,CACE;AAElB;;;;"}
+{"version":3,"file":"MonthlyDigest.js","sources":["../../../../../../src/components/Email/templates/marketing/newsletters/MonthlyDigest.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section, Link, Row, Column } from '@react-email/components';\nimport { EmailLayout, EmailButton } from '../../../components';\n\nexport interface MonthlyDigestProps {\n  userName?: string;\n  monthName?: string;\n  topStories?: { title: string; link: string }[];\n  stats?: { label: string; value: string | number }[];\n  dashboardLink?: string;\n}\n\nexport const MonthlyDigest: React.FC<MonthlyDigestProps> = ({\n  userName = 'Alex',\n  monthName = 'October',\n  topStories = [\n    { title: 'The Future of AI in SaaS', link: 'https://example.com/blog/ai' },\n    { title: '10 Tips to Boost Productivity', link: 'https://example.com/blog/productivity' }\n  ],\n  stats = [\n    { label: 'Hours Saved', value: 12 },\n    { label: 'Tasks Completed', value: 45 }\n  ],\n  dashboardLink = 'https://example.com/dashboard'\n}) => {\n  return (\n    <EmailLayout previewText={`Your ${monthName} recap is here!`} title={`${monthName} Digest`}>\n      <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4\">Your {monthName} Recap</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n        Hi {userName}, {monthName} was a busy month! Here is a quick look at what you accomplished and what you might have missed.\n      </Text>\n\n      <Section className=\"bg-gray-50 dark:bg-gray-700 p-6 rounded-lg mb-6 border border-gray-100 dark:border-gray-600\">\n        <Text className=\"text-gray-900 dark:text-white font-bold mb-4 m-0\">Your Impact</Text>\n        {stats.map((stat, index) => (\n          <Row key={index} className=\"mb-2\">\n            <Column><Text className=\"text-gray-600 dark:text-gray-300 m-0\">{stat.label}</Text></Column>\n            <Column className=\"text-right\"><Text className=\"text-blue-600 dark:text-blue-400 font-bold m-0\">{stat.value}</Text></Column>\n          </Row>\n        ))}\n      </Section>\n\n      <Section className=\"mb-6\">\n        <Text className=\"text-gray-900 dark:text-white font-bold mb-4 m-0\">Top Stories</Text>\n        {topStories.map((story, index) => (\n          <Text key={index} className=\"m-0 mb-2\">\n            <Link href={story.link} className=\"text-blue-600 dark:text-blue-400 font-semibold hover:underline\">\n              {story.title}\n            </Link>\n          </Text>\n        ))}\n      </Section>\n\n      <Section className=\"text-center mb-6\">\n        <EmailButton href={dashboardLink}>View Your Dashboard</EmailButton>\n      </Section>\n    </EmailLayout>\n  );\n};\n\nexport default MonthlyDigest;\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAYO,MAAM,aAAa,GAAiC,CAAC,EAC1D,QAAQ,GAAG,MAAM,EACjB,SAAS,GAAG,SAAS,EACrB,UAAU,GAAG;AACX,IAAA,EAAE,KAAK,EAAE,0BAA0B,EAAE,IAAI,EAAE,6BAA6B,EAAE;AAC1E,IAAA,EAAE,KAAK,EAAE,+BAA+B,EAAE,IAAI,EAAE,uCAAuC;AACxF,CAAA,EACD,KAAK,GAAG;AACN,IAAA,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,EAAE,EAAE;AACnC,IAAA,EAAE,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,EAAE;AACtC,CAAA,EACD,aAAa,GAAG,+BAA+B,EAChD,KAAI;IACH,QACEA,KAAC,WAAW,EAAA,EAAC,WAAW,EAAE,CAAA,KAAA,EAAQ,SAAS,CAAA,eAAA,CAAiB,EAAE,KAAK,EAAE,CAAA,EAAG,SAAS,CAAA,OAAA,CAAS,EAAA,QAAA,EAAA,CACxFA,KAAC,IAAI,EAAA,EAAC,SAAS,EAAC,uDAAuD,sBAAO,SAAS,EAAA,QAAA,CAAA,EAAA,CAAc,EACrGA,IAAA,CAAC,IAAI,IAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,CAAA,KAAA,EAC3E,QAAQ,QAAI,SAAS,EAAA,kGAAA,CAAA,EAAA,CACpB,EAEPA,IAAA,CAAC,OAAO,IAAC,SAAS,EAAC,6FAA6F,EAAA,QAAA,EAAA,CAC9GC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,kDAAkD,EAAA,QAAA,EAAA,aAAA,EAAA,CAAmB,EACpF,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,MACrBD,IAAA,CAAC,GAAG,IAAa,SAAS,EAAC,MAAM,EAAA,QAAA,EAAA,CAC/BC,GAAA,CAAC,MAAM,EAAA,EAAA,QAAA,EAACA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,sCAAsC,EAAA,QAAA,EAAE,IAAI,CAAC,KAAK,GAAQ,EAAA,CAAS,EAC3FA,IAAC,MAAM,EAAA,EAAC,SAAS,EAAC,YAAY,YAACA,GAAA,CAAC,IAAI,IAAC,SAAS,EAAC,gDAAgD,EAAA,QAAA,EAAE,IAAI,CAAC,KAAK,EAAA,CAAQ,GAAS,CAAA,EAAA,EAFpH,KAAK,CAGT,CACP,CAAC,IACM,EAEVD,IAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,MAAM,EAAA,QAAA,EAAA,CACvBC,IAAC,IAAI,EAAA,EAAC,SAAS,EAAC,kDAAkD,4BAAmB,EACpF,UAAU,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,MAC3BA,GAAA,CAAC,IAAI,EAAA,EAAa,SAAS,EAAC,UAAU,EAAA,QAAA,EACpCA,IAAC,IAAI,EAAA,EAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,SAAS,EAAC,gEAAgE,YAC/F,KAAK,CAAC,KAAK,EAAA,CACP,EAAA,EAHE,KAAK,CAIT,CACR,CAAC,CAAA,EAAA,CACM,EAEVA,IAAC,OAAO,EAAA,EAAC,SAAS,EAAC,kBAAkB,YACnCA,GAAA,CAAC,WAAW,IAAC,IAAI,EAAE,aAAa,EAAA,QAAA,EAAA,qBAAA,EAAA,CAAmC,EAAA,CAC3D,CAAA,EAAA,CACE;AAElB;;;;"}

package/dist/components/Email/templates/marketing/newsletters/WeeklyNewsletter.js

@@ -1,11 +1,9 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { Section, Heading, Text, Link } from '@react-email/components';
 import { EmailButton } from '../../../components/EmailButton.js';
 import { EmailLayout } from '../../../components/EmailLayout.js';
 import 'react';
-import { Heading } from '../../../../../node_modules/@react-email/heading/dist/index.js';
-import { Section } from '../../../../../node_modules/@react-email/section/dist/index.js';
-import { Text } from '../../../../../node_modules/@react-email/text/dist/index.js';
-import { Link } from '../../../../../node_modules/@react-email/link/dist/index.js';
+import '@react-email/render';
 
 const WeeklyNewsletter = ({ username = 'Reader', weekNumber = 42, featuredArticles = [
     {

package/dist/components/Email/templates/marketing/newsletters/WeeklyNewsletter.js.map

@@ -1 +1 @@
-{"version":3,"file":"WeeklyNewsletter.js","sources":["../../../../../../src/components/Email/templates/marketing/newsletters/WeeklyNewsletter.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section, Link, Heading } from '@react-email/components';\nimport { EmailLayout, EmailButton } from '../../../components';\n\nexport interface Article {\n  title: string;\n  excerpt: string;\n  readTime: number;\n  link: string;\n}\n\nexport interface WeeklyNewsletterProps {\n  username?: string;\n  weekNumber?: number;\n  featuredArticles?: Article[];\n  topPickTitle?: string;\n  communityHighlight?: string;\n}\n\nexport const WeeklyNewsletter: React.FC<WeeklyNewsletterProps> = ({\n  username = 'Reader',\n  weekNumber = 42,\n  featuredArticles = [\n    {\n      title: '10 Tips for Better React Components',\n      excerpt: 'Learn how to write more maintainable and scalable React components with these simple tips.',\n      readTime: 5,\n      link: 'https://example.com/blog/react-tips'\n    },\n    {\n      title: 'Understanding Server Actions in Next.js',\n      excerpt: 'A deep dive into how Server Actions work and when to use them in your Next.js applications.',\n      readTime: 8,\n      link: 'https://example.com/blog/server-actions'\n    }\n  ],\n  topPickTitle = 'The Future of Web Development',\n  communityHighlight = 'This week, we want to shout out @johndoe for their amazing contribution to our open-source repository!',\n}) => {\n  const previewText = `Your weekly roundup: ${topPickTitle} and more →`;\n\n  return (\n    <EmailLayout previewText={previewText} title={`Week ${weekNumber} Newsletter`}>\n      <Section className=\"bg-blue-50 dark:bg-blue-900 rounded-lg p-8 mb-6 text-center border-b-4 border-blue-500\">\n        <Heading className=\"text-3xl font-bold text-gray-900 dark:text-white m-0\">\n          Beyond<span className=\"text-blue-600 dark:text-blue-400\">Weekly</span>\n        </Heading>\n        <Text className=\"text-gray-600 dark:text-gray-300 mt-2 m-0\">Week {weekNumber}</Text>\n      </Section>\n\n      <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4\">Hey {username} 👋</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n        Here's what you missed this week. We've curated the best content to help you stay ahead.\n      </Text>\n\n      <Section className=\"mb-6\">\n        <Heading className=\"text-xl font-semibold text-gray-900 dark:text-white border-b-2 border-gray-100 dark:border-gray-700 pb-2 mb-4\">\n          Top Reads This Week\n        </Heading>\n        \n        {featuredArticles.map((article, index) => (\n          <Section key={index} className=\"mb-6\">\n            <Link href={article.link} className=\"text-blue-600 dark:text-blue-400 font-semibold text-lg hover:underline\">\n              {article.title}\n            </Link>\n            <Text className=\"text-gray-700 dark:text-gray-300 text-base mt-1 mb-2\">\n              {article.excerpt}\n            </Text>\n            <Text className=\"text-gray-400 dark:text-gray-500 text-xs font-semibold uppercase tracking-wider m-0\">\n              {article.readTime} min read\n            </Text>\n          </Section>\n        ))}\n      </Section>\n\n      <Section className=\"bg-gray-50 dark:bg-gray-700 p-6 rounded-lg mb-6 border border-gray-100 dark:border-gray-600\">\n        <Text className=\"text-blue-600 dark:text-blue-400 font-bold text-xs uppercase tracking-wider m-0 mb-2\">\n          ⭐ Editor's Top Pick\n        </Text>\n        <Heading className=\"text-xl font-bold text-gray-900 dark:text-white m-0 mb-4\">\n          {topPickTitle}\n        </Heading>\n        <EmailButton href=\"#\">Read Now →</EmailButton>\n      </Section>\n\n      <Section className=\"bg-blue-50 dark:bg-blue-900 p-6 rounded-lg mb-6 border border-blue-100 dark:border-blue-800\">\n        <Heading className=\"text-lg font-semibold text-blue-900 dark:text-blue-100 m-0 mb-2\">\n          🌟 Community Corner\n        </Heading>\n        <Text className=\"text-blue-800 dark:text-blue-200 italic m-0 mb-4\">\n          \"{communityHighlight}\"\n        </Text>\n        <Link href=\"#\" className=\"text-blue-600 dark:text-blue-400 font-semibold text-sm hover:underline\">\n          Share your story →\n        </Link>\n      </Section>\n    </EmailLayout>\n  );\n};\n\nexport default WeeklyNewsletter;\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"WeeklyNewsletter.js","sources":["../../../../../../src/components/Email/templates/marketing/newsletters/WeeklyNewsletter.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section, Link, Heading } from '@react-email/components';\nimport { EmailLayout, EmailButton } from '../../../components';\n\nexport interface Article {\n  title: string;\n  excerpt: string;\n  readTime: number;\n  link: string;\n}\n\nexport interface WeeklyNewsletterProps {\n  username?: string;\n  weekNumber?: number;\n  featuredArticles?: Article[];\n  topPickTitle?: string;\n  communityHighlight?: string;\n}\n\nexport const WeeklyNewsletter: React.FC<WeeklyNewsletterProps> = ({\n  username = 'Reader',\n  weekNumber = 42,\n  featuredArticles = [\n    {\n      title: '10 Tips for Better React Components',\n      excerpt: 'Learn how to write more maintainable and scalable React components with these simple tips.',\n      readTime: 5,\n      link: 'https://example.com/blog/react-tips'\n    },\n    {\n      title: 'Understanding Server Actions in Next.js',\n      excerpt: 'A deep dive into how Server Actions work and when to use them in your Next.js applications.',\n      readTime: 8,\n      link: 'https://example.com/blog/server-actions'\n    }\n  ],\n  topPickTitle = 'The Future of Web Development',\n  communityHighlight = 'This week, we want to shout out @johndoe for their amazing contribution to our open-source repository!',\n}) => {\n  const previewText = `Your weekly roundup: ${topPickTitle} and more →`;\n\n  return (\n    <EmailLayout previewText={previewText} title={`Week ${weekNumber} Newsletter`}>\n      <Section className=\"bg-blue-50 dark:bg-blue-900 rounded-lg p-8 mb-6 text-center border-b-4 border-blue-500\">\n        <Heading className=\"text-3xl font-bold text-gray-900 dark:text-white m-0\">\n          Beyond<span className=\"text-blue-600 dark:text-blue-400\">Weekly</span>\n        </Heading>\n        <Text className=\"text-gray-600 dark:text-gray-300 mt-2 m-0\">Week {weekNumber}</Text>\n      </Section>\n\n      <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4\">Hey {username} 👋</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n        Here's what you missed this week. We've curated the best content to help you stay ahead.\n      </Text>\n\n      <Section className=\"mb-6\">\n        <Heading className=\"text-xl font-semibold text-gray-900 dark:text-white border-b-2 border-gray-100 dark:border-gray-700 pb-2 mb-4\">\n          Top Reads This Week\n        </Heading>\n        \n        {featuredArticles.map((article, index) => (\n          <Section key={index} className=\"mb-6\">\n            <Link href={article.link} className=\"text-blue-600 dark:text-blue-400 font-semibold text-lg hover:underline\">\n              {article.title}\n            </Link>\n            <Text className=\"text-gray-700 dark:text-gray-300 text-base mt-1 mb-2\">\n              {article.excerpt}\n            </Text>\n            <Text className=\"text-gray-400 dark:text-gray-500 text-xs font-semibold uppercase tracking-wider m-0\">\n              {article.readTime} min read\n            </Text>\n          </Section>\n        ))}\n      </Section>\n\n      <Section className=\"bg-gray-50 dark:bg-gray-700 p-6 rounded-lg mb-6 border border-gray-100 dark:border-gray-600\">\n        <Text className=\"text-blue-600 dark:text-blue-400 font-bold text-xs uppercase tracking-wider m-0 mb-2\">\n          ⭐ Editor's Top Pick\n        </Text>\n        <Heading className=\"text-xl font-bold text-gray-900 dark:text-white m-0 mb-4\">\n          {topPickTitle}\n        </Heading>\n        <EmailButton href=\"#\">Read Now →</EmailButton>\n      </Section>\n\n      <Section className=\"bg-blue-50 dark:bg-blue-900 p-6 rounded-lg mb-6 border border-blue-100 dark:border-blue-800\">\n        <Heading className=\"text-lg font-semibold text-blue-900 dark:text-blue-100 m-0 mb-2\">\n          🌟 Community Corner\n        </Heading>\n        <Text className=\"text-blue-800 dark:text-blue-200 italic m-0 mb-4\">\n          \"{communityHighlight}\"\n        </Text>\n        <Link href=\"#\" className=\"text-blue-600 dark:text-blue-400 font-semibold text-sm hover:underline\">\n          Share your story →\n        </Link>\n      </Section>\n    </EmailLayout>\n  );\n};\n\nexport default WeeklyNewsletter;\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/components/Email/templates/marketing/promotional/AbandonedCart.js

@@ -1,13 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { Text, Section, Row, Column, Img } 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 { Row } from '../../../../../node_modules/@react-email/row/dist/index.js';
-import { Column } from '../../../../../node_modules/@react-email/column/dist/index.js';
-import { Img } from '../../../../../node_modules/@react-email/img/dist/index.js';
+import '@react-email/render';
 
 const AbandonedCart = ({ userName = 'Alex', cartItems = [
     { name: 'Premium UI Kit License', price: '$49.00', image: 'https://via.placeholder.com/100' },

package/dist/components/Email/templates/marketing/promotional/AbandonedCart.js.map

@@ -1 +1 @@
-{"version":3,"file":"AbandonedCart.js","sources":["../../../../../../src/components/Email/templates/marketing/promotional/AbandonedCart.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section, Row, Column, Img } from '@react-email/components';\nimport { EmailLayout, EmailButton, EmailDivider } from '../../../components';\n\nexport interface EmailCartItem {\n  name: string;\n  price: string;\n  image: string;\n}\n\nexport interface AbandonedCartProps {\n  userName?: string;\n  cartItems?: EmailCartItem[];\n  totalValue?: string;\n  checkoutLink?: string;\n  discountCode?: string;\n}\n\nexport const AbandonedCart: React.FC<AbandonedCartProps> = ({\n  userName = 'Alex',\n  cartItems = [\n    { name: 'Premium UI Kit License', price: '$49.00', image: 'https://via.placeholder.com/100' },\n    { name: '1 Year Updates & Support', price: '$29.00', image: 'https://via.placeholder.com/100' }\n  ],\n  totalValue = '$78.00',\n  checkoutLink = 'https://example.com/checkout/recover/123',\n  discountCode = 'COMEBACK10'\n}) => {\n  return (\n    <EmailLayout previewText=\"You left something behind...\" title=\"Complete Your Purchase\">\n      <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4\">Did you forget something?</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n        Hi {userName}, we noticed you left some great items in your cart. They are selling out fast, but we've saved them for you for a little while longer!\n      </Text>\n\n      <Section className=\"bg-gray-50 dark:bg-gray-700 p-6 rounded-lg mb-6 border border-gray-100 dark:border-gray-600\">\n        {cartItems.map((item, index) => (\n          <Row key={index} className=\"mb-4\">\n            <Column style={{ width: '60px' }}>\n              <Img src={item.image} width=\"50\" height=\"50\" alt={item.name} className=\"rounded-md border border-gray-200 dark:border-gray-600\" />\n            </Column>\n            <Column>\n              <Text className=\"text-gray-900 dark:text-white font-semibold m-0\">{item.name}</Text>\n              <Text className=\"text-gray-500 dark:text-gray-400 text-sm m-0\">{item.price}</Text>\n            </Column>\n          </Row>\n        ))}\n        <EmailDivider />\n        <Text className=\"text-gray-900 dark:text-white font-bold text-right m-0\">Total: {totalValue}</Text>\n      </Section>\n\n      <Section className=\"bg-blue-50 dark:bg-blue-900 p-4 rounded-lg mb-6 text-center border border-blue-100 dark:border-blue-800\">\n        <Text className=\"text-blue-800 dark:text-blue-200 font-semibold m-0 mb-2\">Ready to checkout? Use this code for 10% off:</Text>\n        <Text className=\"text-2xl font-bold font-mono tracking-widest text-blue-600 dark:text-blue-400 m-0\">{discountCode}</Text>\n      </Section>\n\n      <Section className=\"text-center mb-6\">\n        <EmailButton href={checkoutLink}>Complete Purchase</EmailButton>\n      </Section>\n    </EmailLayout>\n  );\n};\n\nexport default AbandonedCart;\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;AAkBO,MAAM,aAAa,GAAiC,CAAC,EAC1D,QAAQ,GAAG,MAAM,EACjB,SAAS,GAAG;IACV,EAAE,IAAI,EAAE,wBAAwB,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,iCAAiC,EAAE;IAC7F,EAAE,IAAI,EAAE,0BAA0B,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,iCAAiC;AAC9F,CAAA,EACD,UAAU,GAAG,QAAQ,EACrB,YAAY,GAAG,0CAA0C,EACzD,YAAY,GAAG,YAAY,EAC5B,KAAI;AACH,IAAA,QACEA,IAAA,CAAC,WAAW,IAAC,WAAW,EAAC,8BAA8B,EAAC,KAAK,EAAC,wBAAwB,EAAA,QAAA,EAAA,CACpFC,IAAC,IAAI,EAAA,EAAC,SAAS,EAAC,uDAAuD,0CAAiC,EACxGD,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,CAAA,KAAA,EAC3E,QAAQ,EAAA,yIAAA,CAAA,EAAA,CACP,EAEPA,KAAC,OAAO,EAAA,EAAC,SAAS,EAAC,6FAA6F,aAC7G,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,MACzBA,IAAA,CAAC,GAAG,IAAa,SAAS,EAAC,MAAM,EAAA,QAAA,EAAA,CAC/BC,GAAA,CAAC,MAAM,EAAA,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,YAC9BA,GAAA,CAAC,GAAG,IAAC,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,SAAS,EAAC,wDAAwD,GAAG,EAAA,CAC3H,EACTD,KAAC,MAAM,EAAA,EAAA,QAAA,EAAA,CACLC,IAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iDAAiD,YAAE,IAAI,CAAC,IAAI,EAAA,CAAQ,EACpFA,IAAC,IAAI,EAAA,EAAC,SAAS,EAAC,8CAA8C,YAAE,IAAI,CAAC,KAAK,EAAA,CAAQ,CAAA,EAAA,CAC3E,KAPD,KAAK,CAQT,CACP,CAAC,EACFA,IAAC,YAAY,EAAA,EAAA,CAAG,EAChBD,IAAA,CAAC,IAAI,IAAC,SAAS,EAAC,wDAAwD,EAAA,QAAA,EAAA,CAAA,SAAA,EAAS,UAAU,IAAQ,CAAA,EAAA,CAC3F,EAEVA,KAAC,OAAO,EAAA,EAAC,SAAS,EAAC,yGAAyG,aAC1HC,GAAA,CAAC,IAAI,IAAC,SAAS,EAAC,yDAAyD,EAAA,QAAA,EAAA,+CAAA,EAAA,CAAqD,EAC9HA,IAAC,IAAI,EAAA,EAAC,SAAS,EAAC,mFAAmF,YAAE,YAAY,EAAA,CAAQ,IACjH,EAEVA,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,kBAAkB,EAAA,QAAA,EACnCA,IAAC,WAAW,EAAA,EAAC,IAAI,EAAE,YAAY,kCAAiC,EAAA,CACxD,CAAA,EAAA,CACE;AAElB;;;;"}
+{"version":3,"file":"AbandonedCart.js","sources":["../../../../../../src/components/Email/templates/marketing/promotional/AbandonedCart.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section, Row, Column, Img } from '@react-email/components';\nimport { EmailLayout, EmailButton, EmailDivider } from '../../../components';\n\nexport interface EmailCartItem {\n  name: string;\n  price: string;\n  image: string;\n}\n\nexport interface AbandonedCartProps {\n  userName?: string;\n  cartItems?: EmailCartItem[];\n  totalValue?: string;\n  checkoutLink?: string;\n  discountCode?: string;\n}\n\nexport const AbandonedCart: React.FC<AbandonedCartProps> = ({\n  userName = 'Alex',\n  cartItems = [\n    { name: 'Premium UI Kit License', price: '$49.00', image: 'https://via.placeholder.com/100' },\n    { name: '1 Year Updates & Support', price: '$29.00', image: 'https://via.placeholder.com/100' }\n  ],\n  totalValue = '$78.00',\n  checkoutLink = 'https://example.com/checkout/recover/123',\n  discountCode = 'COMEBACK10'\n}) => {\n  return (\n    <EmailLayout previewText=\"You left something behind...\" title=\"Complete Your Purchase\">\n      <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4\">Did you forget something?</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n        Hi {userName}, we noticed you left some great items in your cart. They are selling out fast, but we've saved them for you for a little while longer!\n      </Text>\n\n      <Section className=\"bg-gray-50 dark:bg-gray-700 p-6 rounded-lg mb-6 border border-gray-100 dark:border-gray-600\">\n        {cartItems.map((item, index) => (\n          <Row key={index} className=\"mb-4\">\n            <Column style={{ width: '60px' }}>\n              <Img src={item.image} width=\"50\" height=\"50\" alt={item.name} className=\"rounded-md border border-gray-200 dark:border-gray-600\" />\n            </Column>\n            <Column>\n              <Text className=\"text-gray-900 dark:text-white font-semibold m-0\">{item.name}</Text>\n              <Text className=\"text-gray-500 dark:text-gray-400 text-sm m-0\">{item.price}</Text>\n            </Column>\n          </Row>\n        ))}\n        <EmailDivider />\n        <Text className=\"text-gray-900 dark:text-white font-bold text-right m-0\">Total: {totalValue}</Text>\n      </Section>\n\n      <Section className=\"bg-blue-50 dark:bg-blue-900 p-4 rounded-lg mb-6 text-center border border-blue-100 dark:border-blue-800\">\n        <Text className=\"text-blue-800 dark:text-blue-200 font-semibold m-0 mb-2\">Ready to checkout? Use this code for 10% off:</Text>\n        <Text className=\"text-2xl font-bold font-mono tracking-widest text-blue-600 dark:text-blue-400 m-0\">{discountCode}</Text>\n      </Section>\n\n      <Section className=\"text-center mb-6\">\n        <EmailButton href={checkoutLink}>Complete Purchase</EmailButton>\n      </Section>\n    </EmailLayout>\n  );\n};\n\nexport default AbandonedCart;\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;AAkBO,MAAM,aAAa,GAAiC,CAAC,EAC1D,QAAQ,GAAG,MAAM,EACjB,SAAS,GAAG;IACV,EAAE,IAAI,EAAE,wBAAwB,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,iCAAiC,EAAE;IAC7F,EAAE,IAAI,EAAE,0BAA0B,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,iCAAiC;AAC9F,CAAA,EACD,UAAU,GAAG,QAAQ,EACrB,YAAY,GAAG,0CAA0C,EACzD,YAAY,GAAG,YAAY,EAC5B,KAAI;AACH,IAAA,QACEA,IAAA,CAAC,WAAW,IAAC,WAAW,EAAC,8BAA8B,EAAC,KAAK,EAAC,wBAAwB,EAAA,QAAA,EAAA,CACpFC,IAAC,IAAI,EAAA,EAAC,SAAS,EAAC,uDAAuD,0CAAiC,EACxGD,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,CAAA,KAAA,EAC3E,QAAQ,EAAA,yIAAA,CAAA,EAAA,CACP,EAEPA,KAAC,OAAO,EAAA,EAAC,SAAS,EAAC,6FAA6F,aAC7G,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,MACzBA,IAAA,CAAC,GAAG,IAAa,SAAS,EAAC,MAAM,EAAA,QAAA,EAAA,CAC/BC,GAAA,CAAC,MAAM,EAAA,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,YAC9BA,GAAA,CAAC,GAAG,IAAC,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,SAAS,EAAC,wDAAwD,GAAG,EAAA,CAC3H,EACTD,KAAC,MAAM,EAAA,EAAA,QAAA,EAAA,CACLC,IAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iDAAiD,YAAE,IAAI,CAAC,IAAI,EAAA,CAAQ,EACpFA,IAAC,IAAI,EAAA,EAAC,SAAS,EAAC,8CAA8C,YAAE,IAAI,CAAC,KAAK,EAAA,CAAQ,CAAA,EAAA,CAC3E,KAPD,KAAK,CAQT,CACP,CAAC,EACFA,IAAC,YAAY,EAAA,EAAA,CAAG,EAChBD,IAAA,CAAC,IAAI,IAAC,SAAS,EAAC,wDAAwD,EAAA,QAAA,EAAA,CAAA,SAAA,EAAS,UAAU,IAAQ,CAAA,EAAA,CAC3F,EAEVA,KAAC,OAAO,EAAA,EAAC,SAAS,EAAC,yGAAyG,aAC1HC,GAAA,CAAC,IAAI,IAAC,SAAS,EAAC,yDAAyD,EAAA,QAAA,EAAA,+CAAA,EAAA,CAAqD,EAC9HA,IAAC,IAAI,EAAA,EAAC,SAAS,EAAC,mFAAmF,YAAE,YAAY,EAAA,CAAQ,IACjH,EAEVA,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,kBAAkB,EAAA,QAAA,EACnCA,IAAC,WAAW,EAAA,EAAC,IAAI,EAAE,YAAY,kCAAiC,EAAA,CACxD,CAAA,EAAA,CACE;AAElB;;;;"}

package/dist/components/Email/templates/marketing/promotional/BackInStock.js

@@ -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 BackInStock = ({ link = '#' }) => (jsxs(EmailLayout, { previewText: "It's back!", title: "Back in Stock", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "Back in Stock!" }), jsx(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: "You asked us to notify you when it returned, and it's finally here! Your requested item is back in stock." }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: link, children: "Shop Now" }) })] }));
 

package/dist/components/Email/templates/marketing/promotional/BirthdayOffer.js

@@ -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 BirthdayOffer = ({ link = '#' }) => (jsxs(EmailLayout, { previewText: "We got you a little something...", title: "Happy Birthday", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "Happy Birthday! \uD83C\uDF82" }), jsx(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: "To help you celebrate your special day, we've deposited a special discount code into your account!" }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: link, children: "Claim Your Gift" }) })] }));
 

package/dist/components/Email/templates/marketing/promotional/BrowseAbandonment.js

@@ -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 BrowseAbandonment = ({ link = '#' }) => (jsxs(EmailLayout, { previewText: "Still thinking about it?", title: "Items you viewed", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "Did something catch your eye?" }), jsx(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: "We noticed you were browsing some of our top-rated products. If you have any questions or need help deciding, our team is here for you!" }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: link, children: "Take another look" }) })] }));
 

package/dist/components/Email/templates/marketing/promotional/FlashSale.js

@@ -1,10 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { Section, Text } 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 { Section } from '../../../../../node_modules/@react-email/section/dist/index.js';
-import { Text } from '../../../../../node_modules/@react-email/text/dist/index.js';
+import '@react-email/render';
 
 const FlashSale = ({ discountAmount = '40%', saleName = 'Summer Flash Sale', endTime = 'Midnight Tonight', shopLink = 'https://example.com/sale' }) => {
     return (jsxs(EmailLayout, { previewText: `${discountAmount} OFF ends ${endTime}!`, title: saleName, children: [jsxs(Section, { className: "bg-red-600 dark:bg-red-700 p-8 rounded-lg mb-6 text-center", children: [jsx(Text, { className: "text-white font-bold tracking-widest text-xs uppercase m-0 mb-2", children: saleName }), jsxs(Text, { className: "text-6xl font-bold text-white m-0 mb-4", children: [discountAmount, " OFF"] }), jsx(Text, { className: "text-red-100 text-base m-0", children: "Everything sitewide. No code needed." })] }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6 text-center", children: ["Our biggest sale of the season is here, but it won't last long. Grab your favorite items before the prices go back up at ", jsx("strong", { children: endTime }), "."] }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: shopLink, children: "Shop The Sale Now" }) }), jsx(EmailDivider, {}), jsx(Text, { className: "text-gray-500 dark:text-gray-400 text-sm text-center", children: "Discount applies automatically at checkout. Excludes enterprise plans." })] }));

package/dist/components/Email/templates/marketing/promotional/MilestoneDiscount.js

@@ -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 MilestoneDiscount = ({ link = '#' }) => (jsxs(EmailLayout, { previewText: "Thanks for being loyal!", title: "Milestone Reached", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "You hit a milestone! \uD83C\uDF1F" }), jsx(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: "Thanks for your ongoing loyalty. You've reached a new tier in our rewards program, unlocking exclusive discounts and perks." }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: link, children: "View Your Perks" }) })] }));
 

package/dist/components/Email/templates/marketing/promotional/PriceDropAlert.js

@@ -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 PriceDropAlert = ({ link = '#' }) => (jsxs(EmailLayout, { previewText: "Great news! The price just dropped.", title: "Price Drop Alert", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "Price Drop Alert \uD83D\uDCC9" }), jsx(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: "Great news! An item you've been keeping your eye on recently dropped in price. Grab it now before it's gone." }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: link, children: "Shop the Item" }) })] }));
 

package/dist/components/Email/templates/marketing/promotional/SeasonalCampaign.js

@@ -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 SeasonalCampaign = ({ link = '#' }) => (jsxs(EmailLayout, { previewText: "Celebrate the season with us!", title: "Holiday Special", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "Happy Holidays! \uD83C\uDF81" }), jsx(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: "To celebrate the season, we are offering exclusive bundles and discounts. Treat yourself or find the perfect gift." }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: link, children: "View Offers" }) })] }));
 

package/dist/components/Email/templates/marketing/reengagement/ComeBack60Day.js

@@ -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 ComeBack60Day = ({ link = '#' }) => (jsxs(EmailLayout, { previewText: "You've been missed!", title: "Come Back", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "It's been a while!" }), jsx(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: "It's been two months since we last saw you. Our platform has evolved a lot since then, and we'd love to show you around." }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: link, children: "Log In to See What's New" }) })] }));
 

package/dist/components/Email/templates/marketing/reengagement/LastChance90Day.js

@@ -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 LastChance90Day = ({ link = '#' }) => (jsxs(EmailLayout, { previewText: "Final Notice regarding your account", title: "Account Inactive", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "Do you still want to hear from us?" }), jsx(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: "We notice you haven't opened any of our emails recently. If we don't hear from you, we'll remove you from our mailing list soon to keep your inbox clean." }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: link, children: "Keep Me Subscribed" }) })] }));
 

package/dist/components/Email/templates/marketing/reengagement/ProductUpdateReengagement.js

@@ -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 ProductUpdateReengagement = ({ link = '#' }) => (jsxs(EmailLayout, { previewText: "We built the feature you wanted!", title: "Major Update", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "You asked, we listened." }), jsx(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: "We just rolled out a massive update that completely changes the way you can use our platform. Come back and take it for a spin!" }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: link, children: "Try the New Feature" }) })] }));
 

package/dist/components/Email/templates/marketing/reengagement/WeMissYou30Day.js

@@ -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 WeMissYou30Day = ({ userName = 'Alex', daysInactive = 30, returnLink = 'https://example.com/dashboard' }) => {
     return (jsxs(EmailLayout, { previewText: `We miss you, ${userName}! Come see what's new.`, title: "We Miss You", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "It's been a while!" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["Hi ", userName, ", we noticed you haven't logged in for the last ", daysInactive, " days. We've missed you!"] }), jsx(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: "Since you last visited, we've added some exciting new features that we think you'll love. Jump back in to explore what's changed and pick up right where you left off." }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: returnLink, children: "Log In to Your Account" }) })] }));

package/dist/components/Email/templates/marketing/social/CommunityMilestone.js

@@ -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 CommunityMilestone = ({ link = '#' }) => (jsxs(EmailLayout, { previewText: "We hit a massive milestone!", title: "Community Celebration", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "We did it! \uD83C\uDF89" }), jsx(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: "Our community just crossed a massive milestone, and we couldn't have done it without you. To say thanks, we're doing a massive giveaway on our social channels!" }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: link, children: "Enter the Giveaway" }) })] }));