@beyondcorp/beyond-ui 1.4.4 → 1.4.6

package/dist/components/Email/templates/marketing/social/NewFollowerWelcome.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 NewFollowerWelcome = ({ link = '#' }) => (jsxs(EmailLayout, { previewText: "Thanks for following us!", title: "Welcome to the Community", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "Thanks for following!" }), jsx(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: "We love connecting with our community on social media. Check out some of our most popular posts and feel free to jump into the conversation!" }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: link, children: "Join the Chat" }) })] }));
 

package/dist/components/Email/templates/marketing/social/ShareYourStory.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 ShareYourStory = ({ link = '#' }) => (jsxs(EmailLayout, { previewText: "We want to hear from you!", title: "Share Your Story", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "Tell us your story" }), jsx(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: "How has our platform helped you? Share your experience with us on social media using our hashtag, and you might get featured on our page!" }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: link, children: "Post on Social" }) })] }));
 

package/dist/components/Email/templates/marketing/social/SocialProof.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 SocialProof = ({ userName = 'Alex', testimonials = [
     { quote: "This platform completely changed how our team ships code. We've reduced our time-to-market by 40%.", authorName: "Jane Doe", company: "TechFlow" },

package/dist/components/Email/templates/marketing/social/UserSpotlight.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 UserSpotlight = ({ link = '#' }) => (jsxs(EmailLayout, { previewText: "Check out this month's featured user", title: "User Spotlight", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "User Spotlight \uD83C\uDF1F" }), jsx(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: "Every month we highlight a user who is doing amazing things. Meet this month's featured creator and learn how they are finding success." }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: link, children: "Read Their Story" }) })] }));
 

package/dist/components/Email/templates/marketing/surveys/BetaFeedback.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 BetaFeedback = ({ link = '#' }) => (jsxs(EmailLayout, { previewText: "How is the new feature working for you?", title: "Beta Feedback", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "Beta Tester Feedback" }), jsx(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: "Thank you for being part of our exclusive beta program. Have you run into any bugs or friction? Let our engineers know so we can smooth it out before launch." }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: link, children: "Report an Issue" }) })] }));
 

package/dist/components/Email/templates/marketing/surveys/CSATSurvey.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 CSATSurvey = ({ link = '#' }) => (jsxs(EmailLayout, { previewText: "How was your recent support experience?", title: "CSAT Survey", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "Rate Your Experience" }), jsx(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: "Your support ticket was recently closed. Could you take 10 seconds to let us know how our agent handled your request?" }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: link, children: "Leave Feedback" }) })] }));
 

package/dist/components/Email/templates/marketing/surveys/ExitSurvey.js

@@ -1,9 +1,8 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { Text, Section, Link } from '@react-email/components';
 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 { Link } from '../../../../../node_modules/@react-email/link/dist/index.js';
+import '@react-email/render';
 
 const ExitSurvey = ({ userName = 'User', feedbackLinkBase = 'https://example.com/survey/exit?reason=' }) => {
     const reasons = [

package/dist/components/Email/templates/marketing/surveys/ExitSurvey.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExitSurvey.js","sources":["../../../../../../src/components/Email/templates/marketing/surveys/ExitSurvey.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section, Row, Column, Link } from '@react-email/components';\nimport { EmailLayout, EmailDivider } from '../../../components';\n\nexport interface ExitSurveyProps {\n  userName?: string;\n  feedbackLinkBase?: string;\n}\n\nexport const ExitSurvey: React.FC<ExitSurveyProps> = ({\n  userName = 'User',\n  feedbackLinkBase = 'https://example.com/survey/exit?reason='\n}) => {\n  const reasons = [\n    { id: 'too-expensive', label: 'It is too expensive' },\n    { id: 'too-complex', label: 'It was too hard to use' },\n    { id: 'missing-features', label: 'It is missing features I need' },\n    { id: 'switched-product', label: 'I am switching to another product' },\n    { id: 'other', label: 'Other reason' }\n  ];\n\n  return (\n    <EmailLayout previewText=\"We're sorry to see you go! Can you tell us why?\" title=\"Exit Survey\">\n      <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4\">We're sorry to see you go!</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n        Hi {userName}, your subscription has been cancelled. As a growing company, your feedback is the absolute best way for us to improve. Could you click the option below that best describes why you are leaving?\n      </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        {reasons.map((reason) => (\n          <Link key={reason.id} href={`${feedbackLinkBase}${reason.id}`} className=\"block w-full bg-white dark:bg-gray-800 text-gray-700 dark:text-gray-300 border border-gray-200 dark:border-gray-600 rounded-md p-3 mb-2 text-center text-sm font-semibold hover:bg-gray-50 dark:hover:bg-gray-700\" style={{ textDecoration: 'none' }}>\n            {reason.label}\n          </Link>\n        ))}\n      </Section>\n    </EmailLayout>\n  );\n};\n\nexport default ExitSurvey;\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AASO,MAAM,UAAU,GAA8B,CAAC,EACpD,QAAQ,GAAG,MAAM,EACjB,gBAAgB,GAAG,yCAAyC,EAC7D,KAAI;AACH,IAAA,MAAM,OAAO,GAAG;AACd,QAAA,EAAE,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,qBAAqB,EAAE;AACrD,QAAA,EAAE,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,wBAAwB,EAAE;AACtD,QAAA,EAAE,EAAE,EAAE,kBAAkB,EAAE,KAAK,EAAE,+BAA+B,EAAE;AAClE,QAAA,EAAE,EAAE,EAAE,kBAAkB,EAAE,KAAK,EAAE,mCAAmC,EAAE;AACtE,QAAA,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,cAAc;KACrC;AAED,IAAA,QACEA,IAAA,CAAC,WAAW,IAAC,WAAW,EAAC,iDAAiD,EAAC,KAAK,EAAC,aAAa,aAC5FC,GAAA,CAAC,IAAI,IAAC,SAAS,EAAC,uDAAuD,EAAA,QAAA,EAAA,4BAAA,EAAA,CAAkC,EACzGD,IAAA,CAAC,IAAI,IAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,CAAA,KAAA,EAC3E,QAAQ,yMACP,EAEPC,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,6FAA6F,YAC7G,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,MAClBA,IAAC,IAAI,EAAA,EAAiB,IAAI,EAAE,CAAA,EAAG,gBAAgB,CAAA,EAAG,MAAM,CAAC,EAAE,EAAE,EAAE,SAAS,EAAC,mNAAmN,EAAC,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,EAAE,EAAA,QAAA,EAC3T,MAAM,CAAC,KAAK,IADJ,MAAM,CAAC,EAAE,CAEb,CACR,CAAC,EAAA,CACM,CAAA,EAAA,CACE;AAElB;;;;"}
+{"version":3,"file":"ExitSurvey.js","sources":["../../../../../../src/components/Email/templates/marketing/surveys/ExitSurvey.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section, Row, Column, Link } from '@react-email/components';\nimport { EmailLayout, EmailDivider } from '../../../components';\n\nexport interface ExitSurveyProps {\n  userName?: string;\n  feedbackLinkBase?: string;\n}\n\nexport const ExitSurvey: React.FC<ExitSurveyProps> = ({\n  userName = 'User',\n  feedbackLinkBase = 'https://example.com/survey/exit?reason='\n}) => {\n  const reasons = [\n    { id: 'too-expensive', label: 'It is too expensive' },\n    { id: 'too-complex', label: 'It was too hard to use' },\n    { id: 'missing-features', label: 'It is missing features I need' },\n    { id: 'switched-product', label: 'I am switching to another product' },\n    { id: 'other', label: 'Other reason' }\n  ];\n\n  return (\n    <EmailLayout previewText=\"We're sorry to see you go! Can you tell us why?\" title=\"Exit Survey\">\n      <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4\">We're sorry to see you go!</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n        Hi {userName}, your subscription has been cancelled. As a growing company, your feedback is the absolute best way for us to improve. Could you click the option below that best describes why you are leaving?\n      </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        {reasons.map((reason) => (\n          <Link key={reason.id} href={`${feedbackLinkBase}${reason.id}`} className=\"block w-full bg-white dark:bg-gray-800 text-gray-700 dark:text-gray-300 border border-gray-200 dark:border-gray-600 rounded-md p-3 mb-2 text-center text-sm font-semibold hover:bg-gray-50 dark:hover:bg-gray-700\" style={{ textDecoration: 'none' }}>\n            {reason.label}\n          </Link>\n        ))}\n      </Section>\n    </EmailLayout>\n  );\n};\n\nexport default ExitSurvey;\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;AASO,MAAM,UAAU,GAA8B,CAAC,EACpD,QAAQ,GAAG,MAAM,EACjB,gBAAgB,GAAG,yCAAyC,EAC7D,KAAI;AACH,IAAA,MAAM,OAAO,GAAG;AACd,QAAA,EAAE,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,qBAAqB,EAAE;AACrD,QAAA,EAAE,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,wBAAwB,EAAE;AACtD,QAAA,EAAE,EAAE,EAAE,kBAAkB,EAAE,KAAK,EAAE,+BAA+B,EAAE;AAClE,QAAA,EAAE,EAAE,EAAE,kBAAkB,EAAE,KAAK,EAAE,mCAAmC,EAAE;AACtE,QAAA,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,cAAc;KACrC;AAED,IAAA,QACEA,IAAA,CAAC,WAAW,IAAC,WAAW,EAAC,iDAAiD,EAAC,KAAK,EAAC,aAAa,aAC5FC,GAAA,CAAC,IAAI,IAAC,SAAS,EAAC,uDAAuD,EAAA,QAAA,EAAA,4BAAA,EAAA,CAAkC,EACzGD,IAAA,CAAC,IAAI,IAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,CAAA,KAAA,EAC3E,QAAQ,yMACP,EAEPC,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,6FAA6F,YAC7G,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,MAClBA,IAAC,IAAI,EAAA,EAAiB,IAAI,EAAE,CAAA,EAAG,gBAAgB,CAAA,EAAG,MAAM,CAAC,EAAE,EAAE,EAAE,SAAS,EAAC,mNAAmN,EAAC,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,EAAE,EAAA,QAAA,EAC3T,MAAM,CAAC,KAAK,IADJ,MAAM,CAAC,EAAE,CAEb,CACR,CAAC,EAAA,CACM,CAAA,EAAA,CACE;AAElB;;;;"}

package/dist/components/Email/templates/marketing/surveys/NPSSurvey.js

@@ -1,12 +1,9 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { Text, Section, Row, Column, Link } 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 { 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 NPSSurvey = ({ userName = 'Alex', surveyLinkBase = 'https://example.com/survey/nps?score=' }) => {
     const scores = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

package/dist/components/Email/templates/marketing/surveys/NPSSurvey.js.map

@@ -1 +1 @@
-{"version":3,"file":"NPSSurvey.js","sources":["../../../../../../src/components/Email/templates/marketing/surveys/NPSSurvey.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section, Row, Column, Link } from '@react-email/components';\nimport { EmailLayout, EmailDivider } from '../../../components';\n\nexport interface NPSSurveyProps {\n  userName?: string;\n  surveyLinkBase?: string;\n}\n\nexport const NPSSurvey: React.FC<NPSSurveyProps> = ({\n  userName = 'Alex',\n  surveyLinkBase = 'https://example.com/survey/nps?score='\n}) => {\n  const scores = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];\n\n  return (\n    <EmailLayout previewText=\"How likely are you to recommend us?\" title=\"How are we doing?\">\n      <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4\">How are we doing?</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n        Hi {userName}, we are always looking for ways to improve our platform. Based on your recent experience, how likely are you to recommend us to a friend or colleague?\n      </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-center text-sm font-semibold text-gray-500 dark:text-gray-400 mb-4\">\n          0 = Not likely at all, 10 = Extremely likely\n        </Text>\n        <Row className=\"text-center\">\n          {scores.map((score) => (\n            <Column key={score} className=\"px-0.5\">\n              <Link href={`${surveyLinkBase}${score}`} className=\"inline-block w-full py-2 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-600 rounded text-blue-600 dark:text-blue-400 font-bold hover:bg-blue-50 dark:hover:bg-blue-900/50\" style={{ textDecoration: 'none' }}>\n                {score}\n              </Link>\n            </Column>\n          ))}\n        </Row>\n      </Section>\n      <EmailDivider />\n      <Text className=\"text-gray-500 dark:text-gray-400 text-sm text-center\">It only takes a click, and your feedback means the world to us!</Text>\n    </EmailLayout>\n  );\n};\n\nexport default NPSSurvey;\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;AASO,MAAM,SAAS,GAA6B,CAAC,EAClD,QAAQ,GAAG,MAAM,EACjB,cAAc,GAAG,uCAAuC,EACzD,KAAI;IACH,MAAM,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;IAEjD,QACEA,IAAA,CAAC,WAAW,EAAA,EAAC,WAAW,EAAC,qCAAqC,EAAC,KAAK,EAAC,mBAAmB,EAAA,QAAA,EAAA,CACtFC,IAAC,IAAI,EAAA,EAAC,SAAS,EAAC,uDAAuD,EAAA,QAAA,EAAA,mBAAA,EAAA,CAAyB,EAChGD,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,CAAA,KAAA,EAC3E,QAAQ,EAAA,yJAAA,CAAA,EAAA,CACP,EAEPA,IAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,6FAA6F,EAAA,QAAA,EAAA,CAC9GC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,yEAAyE,EAAA,QAAA,EAAA,8CAAA,EAAA,CAElF,EACPA,GAAA,CAAC,GAAG,EAAA,EAAC,SAAS,EAAC,aAAa,EAAA,QAAA,EACzB,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,MAChBA,GAAA,CAAC,MAAM,EAAA,EAAa,SAAS,EAAC,QAAQ,EAAA,QAAA,EACpCA,GAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,CAAA,EAAG,cAAc,CAAA,EAAG,KAAK,CAAA,CAAE,EAAE,SAAS,EAAC,8LAA8L,EAAC,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,EAAE,EAAA,QAAA,EAChR,KAAK,EAAA,CACD,EAAA,EAHI,KAAK,CAIT,CACV,CAAC,EAAA,CACE,CAAA,EAAA,CACE,EACVA,IAAC,YAAY,EAAA,EAAA,CAAG,EAChBA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,sDAAsD,EAAA,QAAA,EAAA,iEAAA,EAAA,CAAuE,CAAA,EAAA,CACjI;AAElB;;;;"}
+{"version":3,"file":"NPSSurvey.js","sources":["../../../../../../src/components/Email/templates/marketing/surveys/NPSSurvey.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section, Row, Column, Link } from '@react-email/components';\nimport { EmailLayout, EmailDivider } from '../../../components';\n\nexport interface NPSSurveyProps {\n  userName?: string;\n  surveyLinkBase?: string;\n}\n\nexport const NPSSurvey: React.FC<NPSSurveyProps> = ({\n  userName = 'Alex',\n  surveyLinkBase = 'https://example.com/survey/nps?score='\n}) => {\n  const scores = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];\n\n  return (\n    <EmailLayout previewText=\"How likely are you to recommend us?\" title=\"How are we doing?\">\n      <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4\">How are we doing?</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n        Hi {userName}, we are always looking for ways to improve our platform. Based on your recent experience, how likely are you to recommend us to a friend or colleague?\n      </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-center text-sm font-semibold text-gray-500 dark:text-gray-400 mb-4\">\n          0 = Not likely at all, 10 = Extremely likely\n        </Text>\n        <Row className=\"text-center\">\n          {scores.map((score) => (\n            <Column key={score} className=\"px-0.5\">\n              <Link href={`${surveyLinkBase}${score}`} className=\"inline-block w-full py-2 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-600 rounded text-blue-600 dark:text-blue-400 font-bold hover:bg-blue-50 dark:hover:bg-blue-900/50\" style={{ textDecoration: 'none' }}>\n                {score}\n              </Link>\n            </Column>\n          ))}\n        </Row>\n      </Section>\n      <EmailDivider />\n      <Text className=\"text-gray-500 dark:text-gray-400 text-sm text-center\">It only takes a click, and your feedback means the world to us!</Text>\n    </EmailLayout>\n  );\n};\n\nexport default NPSSurvey;\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AASO,MAAM,SAAS,GAA6B,CAAC,EAClD,QAAQ,GAAG,MAAM,EACjB,cAAc,GAAG,uCAAuC,EACzD,KAAI;IACH,MAAM,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;IAEjD,QACEA,IAAA,CAAC,WAAW,EAAA,EAAC,WAAW,EAAC,qCAAqC,EAAC,KAAK,EAAC,mBAAmB,EAAA,QAAA,EAAA,CACtFC,IAAC,IAAI,EAAA,EAAC,SAAS,EAAC,uDAAuD,EAAA,QAAA,EAAA,mBAAA,EAAA,CAAyB,EAChGD,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,CAAA,KAAA,EAC3E,QAAQ,EAAA,yJAAA,CAAA,EAAA,CACP,EAEPA,IAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,6FAA6F,EAAA,QAAA,EAAA,CAC9GC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,yEAAyE,EAAA,QAAA,EAAA,8CAAA,EAAA,CAElF,EACPA,GAAA,CAAC,GAAG,EAAA,EAAC,SAAS,EAAC,aAAa,EAAA,QAAA,EACzB,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,MAChBA,GAAA,CAAC,MAAM,EAAA,EAAa,SAAS,EAAC,QAAQ,EAAA,QAAA,EACpCA,GAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,CAAA,EAAG,cAAc,CAAA,EAAG,KAAK,CAAA,CAAE,EAAE,SAAS,EAAC,8LAA8L,EAAC,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,EAAE,EAAA,QAAA,EAChR,KAAK,EAAA,CACD,EAAA,EAHI,KAAK,CAIT,CACV,CAAC,EAAA,CACE,CAAA,EAAA,CACE,EACVA,IAAC,YAAY,EAAA,EAAA,CAAG,EAChBA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,sDAAsD,EAAA,QAAA,EAAA,iEAAA,EAAA,CAAuE,CAAA,EAAA,CACjI;AAElB;;;;"}

package/dist/components/Email/templates/marketing/surveys/ProductFeedback.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 ProductFeedback = ({ link = '#' }) => (jsxs(EmailLayout, { previewText: "Help us build a better product", title: "Product Feedback", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "Have your say!" }), jsx(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: "We are planning our roadmap for the next quarter, and we want your input! Take our quick survey to vote on the features you want to see most." }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: link, children: "Take the Survey" }) })] }));
 

package/dist/components/Email/templates/sales/ClientReferenceRequest.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 ClientReferenceRequest = ({ clientName = 'Alex', senderName = 'Jordan', reviewLink = 'https://g2.com/example/review' }) => {
     return (jsxs(EmailLayout, { previewText: "Would you mind sharing your experience?", title: "Review Request", children: [jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-4", children: ["Hi ", clientName, ","] }), jsx(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: "I hope you're having a great week! I'm reaching out because you've been one of our most successful clients, and we truly value our partnership." }), jsx(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: "Would you be open to writing a quick review of your experience working with us? It only takes a couple of minutes and helps us immensely." }), jsx(Section, { className: "mb-6", children: jsx(EmailButton, { href: reviewLink, children: "Leave a Review" }) }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed", children: ["Thanks so much for your support!", jsx("br", {}), senderName] })] }));

package/dist/components/Email/templates/sales/ClientWinBack.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 ClientWinBack = ({ clientName = 'Alex', senderName = 'Jordan', companyName = 'Beyond Corp', offer = '20% off your next 6 months', reactivationLink = 'https://example.com/reactivate?promo=COMEBACK' }) => {
     return (jsxs(EmailLayout, { previewText: "We've missed you!", title: "We Miss You", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "Let's catch up!" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-4", children: ["Hi ", clientName, ","] }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["It's been a while since we last worked together at ", companyName, ". We've launched a ton of new features that I think would be a great fit for your current goals."] }), jsxs(Section, { className: "bg-blue-50 dark:bg-blue-900 border border-blue-100 dark:border-blue-800 p-4 rounded-lg mb-6 text-center", children: [jsxs(Text, { className: "text-blue-800 dark:text-blue-200 font-semibold m-0 mb-4", children: ["If you're open to giving us another try, I'd love to offer you ", jsx("strong", { children: offer }), "."] }), jsx(EmailButton, { href: reactivationLink, children: "Claim Your Offer" })] })] }));

package/dist/components/Email/templates/sales/ColdOutreach.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 ColdOutreach = ({ prospectName = 'Alex', senderName = 'Jordan', companyName = 'Beyond Corp', painPoint = 'scaling your component library consistently', solutionValue = 'help teams reduce UI bugs by 40% and ship features twice as fast', meetingLink = 'https://calendly.com/example/15min' }) => {
     return (jsxs(EmailLayout, { previewText: `Quick question about ${painPoint}`, title: "Let's connect", children: [jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-4", children: ["Hi ", prospectName, ","] }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-4", children: ["I noticed your team has been growing rapidly recently. Usually, engineering leaders tell me that ", painPoint, " becomes a major bottleneck at this stage."] }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["At ", companyName, ", we ", solutionValue, ". I thought this might be top of mind for you right now, and I'd love to share how we helped similar teams overcome this. Do you have 15 minutes next Tuesday for a quick chat?"] }), jsx(Section, { className: "mb-6", children: jsx(EmailButton, { href: meetingLink, children: "Book a 15-min chat" }) }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed", children: ["Best,", jsx("br", {}), senderName] })] }));

package/dist/components/Email/templates/sales/FollowUpEmail.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 FollowUpEmail = ({ prospectName = 'Alex', senderName = 'Jordan', lastContactDays = 3, meetingLink = 'https://calendly.com/example/15min' }) => {
     return (jsxs(EmailLayout, { previewText: "Just bubbling this up to the top of your inbox", title: "Checking in", children: [jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-4", children: ["Hi ", prospectName, ","] }), jsx(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: "I know things can get busy, so I just wanted to bubble my last note up to the top of your inbox. Are you still open to exploring how we can help your team streamline operations?" }), jsx(Section, { className: "mb-6", children: jsx(EmailButton, { href: meetingLink, children: "Find a time to chat" }) }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed", children: ["Best,", jsx("br", {}), senderName] })] }));

package/dist/components/Email/templates/sales/ProjectTermination.js

@@ -1,8 +1,8 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { Text, Section } from '@react-email/components';
 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 ProjectTermination = ({ clientName = 'Alex', projectName = 'Monthly Retainer', effectiveDate = 'December 31st', senderName = 'Jordan' }) => {
     return (jsxs(EmailLayout, { previewText: `Notice regarding ${projectName}`, title: "Project Termination", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "Contract Notice" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-4", children: ["Hi ", clientName, ","] }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["I am writing to formally confirm that we will be concluding our work on the ", jsx("strong", { children: projectName }), ". As per our recent discussion, our final day of service will be ", jsx("strong", { children: effectiveDate }), "."] }), 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: jsx(Text, { className: "text-gray-700 dark:text-gray-300 m-0", children: "We will ensure all final deliverables and documentation are securely handed over prior to this date. Final invoicing will be prorated accordingly." }) }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mt-4", children: ["Thank you for the opportunity to work together. Best,", jsx("br", {}), senderName] })] }));

package/dist/components/Email/templates/sales/ProposalAccepted.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 ProposalAccepted = ({ clientName = 'Alex', projectName = 'Q4 Enterprise Engagement', repName = 'Jordan', nextStepsLink = 'https://example.com/onboarding/start' }) => {
     return (jsxs(EmailLayout, { previewText: "It's official! Let's get started.", title: "Proposal Accepted", children: [jsx(Text, { className: "text-3xl text-center mb-4", children: "\uD83C\uDF89" }), jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4 text-center", children: "It's Official!" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["Hi ", clientName, ", we received your signed proposal for the ", jsx("strong", { children: projectName }), ". We are thrilled to officially welcome you aboard and can't wait to start working together!"] }), 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-900 dark:text-white font-semibold m-0 mb-4", children: "Ready to kick things off?" }), jsx(EmailButton, { href: nextStepsLink, children: "Start Onboarding" })] })] }));

package/dist/components/Email/templates/sales/ScheduleDemo.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 ScheduleDemo = ({ prospectName = 'Alex', productName = 'Beyond UI', repName = 'Jordan', schedulingLink = 'https://calendly.com/example/demo' }) => {
     return (jsxs(EmailLayout, { previewText: `Schedule your customized ${productName} demo`, title: "Schedule a Demo", children: [jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-4", children: ["Hi ", prospectName, ","] }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-4", children: ["Thanks for requesting a demo of ", productName, "! I'm excited to show you how our platform can fit into your workflow."] }), jsx(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: "Please grab a time on my calendar below that works best for you and your team." }), jsx(Section, { className: "mb-6", children: jsx(EmailButton, { href: schedulingLink, children: "Choose a time" }) }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed", children: ["Talk soon,", jsx("br", {}), repName] })] }));

package/dist/components/Email/templates/sales/SendProposal.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 SendProposal = ({ clientName = 'Alex', projectName = 'Q4 Enterprise Engagement', senderName = 'Jordan', proposalLink = 'https://example.com/proposals/123' }) => {
     return (jsxs(EmailLayout, { previewText: `Your proposal for ${projectName} is ready`, title: "Proposal Attached", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "Your Proposal is Ready" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-4", children: ["Hi ", clientName, ","] }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["It was great speaking with you recently! I have put together a formal proposal and statement of work for the ", jsx("strong", { children: projectName }), " based on our discussion."] }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: proposalLink, children: "Review Proposal" }) }), jsx(EmailDivider, {}), jsx(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed", children: "Please take a look when you have a moment. Let me know if you have any questions or if you'd like to schedule a quick call to go over the details." }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mt-4", children: ["Best,", jsx("br", {}), senderName] })] }));

package/dist/components/Email/templates/security/AccountDeletedConfirmation.js

@@ -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 AccountDeletedConfirmation = ({ userName = 'User', deletionDate = 'May 8, 2026', reactivationDeadline = 'June 7, 2026' }) => {
     return (jsxs(EmailLayout, { previewText: "Your account has been deleted", title: "Account Deleted", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "Account Deletion Confirmed" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["Hi ", userName, ", your account was successfully deleted on ", deletionDate, "."] }), jsx(Section, { className: "bg-red-50 dark:bg-red-900 p-4 rounded-lg mb-6 border border-red-100 dark:border-red-800", children: jsxs(Text, { className: "text-red-800 dark:text-red-200 m-0 leading-relaxed", children: ["Your personal data has been queued for permanent deletion. If you change your mind, you can recover your account by logging in before ", jsx("strong", { children: reactivationDeadline }), ". After this date, all data will be permanently erased and cannot be recovered."] }) }), jsx(EmailDivider, {}), jsx(Text, { className: "text-gray-500 dark:text-gray-400 text-sm", children: "We're sorry to see you go! If you ever decide to come back, you're always welcome." })] }));

package/dist/components/Email/templates/security/ApiKeyCreated.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 ApiKeyCreated = ({ userName = 'User', keyName = 'Production Server Key', creationTime = 'May 8, 2026, 14:00 UTC', settingsLink = 'https://example.com/dashboard/developers/api-keys' }) => {
     return (jsxs(EmailLayout, { previewText: "A new API key was generated for your account", title: "Security Alert: API Key Created", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "New API Key Created" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["Hi ", userName, ", a new API key (", jsx("strong", { children: keyName }), ") was successfully generated for your workspace on ", creationTime, "."] }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: settingsLink, children: "Manage API Keys" }) }), jsx(EmailDivider, {}), jsx(Text, { className: "text-red-600 dark:text-red-400 text-sm font-semibold", children: "If you did not request this key, please revoke it immediately and reset your password to secure your account." })] }));

package/dist/components/Email/templates/security/DataExportReady.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 DataExportReady = ({ userName = 'User', downloadLink = 'https://example.com/account/export/download?token=123', expiryDays = 7 }) => {
     return (jsxs(EmailLayout, { previewText: "Your account data export is ready", title: "Data Export Ready", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "Your data export is ready" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["Hi ", userName, ", the account data you recently requested is now available for download."] }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: downloadLink, children: "Download Data Archive" }) }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["For security reasons, this link will expire in ", expiryDays, " days. If you need a new export after that time, you can request another one from your account settings."] })] }));

package/dist/components/Email/templates/security/NewLoginAlert.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 NewLoginAlert = ({ userName = 'User', deviceInfo = 'Chrome on MacOS', location = 'San Francisco, CA', time = 'May 8, 2026, 2:00 PM UTC', isThisYouLink = 'https://example.com/security' }) => {
     return (jsxs(EmailLayout, { previewText: "New login to your account", title: "New Login Alert", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "New login detected" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-4", children: ["Hi ", userName, ", we noticed a new login to your account from an unrecognized device."] }), 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: [jsxs(Text, { className: "text-gray-700 dark:text-gray-300 m-0 mb-2", children: [jsx("strong", { children: "Device:" }), " ", deviceInfo] }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 m-0 mb-2", children: [jsx("strong", { children: "Location:" }), " ", location] }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 m-0", children: [jsx("strong", { children: "Time:" }), " ", time] })] }), jsx(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: "If this was you, you can safely ignore this email. If you don't recognize this activity, please secure your account immediately." }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: isThisYouLink, children: "Secure My Account" }) })] }));

package/dist/components/Email/templates/security/PolicyUpdateEmail.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 PolicyUpdateEmail = ({ userName = 'User', effectiveDate = 'June 1, 2026', whatChanged = 'We have updated our data retention guidelines and added new provisions for third-party integrations to comply with recent regulations.', policyLink = 'https://example.com/legal/privacy-policy' }) => {
     return (jsxs(EmailLayout, { previewText: "Updates to our Privacy Policy", title: "Policy Update Notice", 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-4", children: ["Hi ", userName, ","] }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["We are writing to let you know that we have published an updated Privacy Policy, which will take effect on ", 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: "font-semibold text-gray-900 dark:text-white m-0 mb-2", children: "What changed?" }), jsx(Text, { className: "text-gray-700 dark:text-gray-300 m-0", children: whatChanged })] }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["By continuing to use our services on or after ", effectiveDate, ", you agree to the updated policy."] }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: policyLink, children: "Read the Full Policy" }) })] }));

package/dist/components/Email/templates/security/TwoFactorCode.js

@@ -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 TwoFactorCode = ({ userName = 'User', authCode = '592 481', expiryMinutes = 10 }) => {
     return (jsxs(EmailLayout, { previewText: `Your authentication code is ${authCode}`, title: "Authentication Code", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "Authentication Code" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["Hi ", userName, ", please use the verification code below to complete your sign in."] }), jsx(Section, { className: "bg-gray-50 dark:bg-gray-700 border border-gray-200 dark:border-gray-600 rounded-lg p-6 mb-6 text-center", children: jsx(Text, { className: "text-4xl font-mono font-bold tracking-[0.25em] text-gray-900 dark:text-white m-0", children: authCode }) }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["This code will expire in ", expiryMinutes, " minutes."] }), jsx(EmailDivider, {}), jsx(Text, { className: "text-gray-500 dark:text-gray-400 text-sm", children: "If you didn't request this code, please reset your password immediately." })] }));

package/dist/components/Email/templates/support/SupportFeedbackRequest.js

@@ -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 SupportFeedbackRequest = ({ userName = 'User', ticketId = '#12345', goodFeedbackLink = 'https://example.com/support/feedback?rating=good', badFeedbackLink = 'https://example.com/support/feedback?rating=bad' }) => {
     return (jsxs(EmailLayout, { previewText: `How was your support experience for ${ticketId}?`, title: "How did we do?", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "How did we do?" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["Hi ", userName, ", your support request (", ticketId, ") has been closed. We'd love to know how your experience was to help us improve our support."] }), jsx(Section, { className: "mb-6", children: jsxs(Row, { children: [jsx(Column, { className: "pr-2", children: jsx(EmailButton, { href: goodFeedbackLink, children: "\uD83D\uDC4D Great" }) }), jsx(Column, { className: "pl-2", children: jsx(EmailButton, { href: badFeedbackLink, children: "\uD83D\uDC4E Needs Work" }) })] }) })] }));

package/dist/components/Email/templates/support/SupportFeedbackRequest.js.map

@@ -1 +1 @@
-{"version":3,"file":"SupportFeedbackRequest.js","sources":["../../../../../src/components/Email/templates/support/SupportFeedbackRequest.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section, Row, Column } from '@react-email/components';\nimport { EmailLayout, EmailButton } from '../../components';\n\nexport interface SupportFeedbackRequestProps {\n  userName?: string;\n  ticketId?: string;\n  goodFeedbackLink?: string;\n  badFeedbackLink?: string;\n}\n\nexport const SupportFeedbackRequest: React.FC<SupportFeedbackRequestProps> = ({\n  userName = 'User',\n  ticketId = '#12345',\n  goodFeedbackLink = 'https://example.com/support/feedback?rating=good',\n  badFeedbackLink = 'https://example.com/support/feedback?rating=bad'\n}) => {\n  return (\n    <EmailLayout previewText={`How was your support experience for ${ticketId}?`} title=\"How did we do?\">\n      <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4\">How did we do?</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n        Hi {userName}, your support request ({ticketId}) has been closed. We'd love to know how your experience was to help us improve our support.\n      </Text>\n      <Section className=\"mb-6\">\n        <Row>\n          <Column className=\"pr-2\">\n            <EmailButton href={goodFeedbackLink}>👍 Great</EmailButton>\n          </Column>\n          <Column className=\"pl-2\">\n            <EmailButton href={badFeedbackLink}>👎 Needs Work</EmailButton>\n          </Column>\n        </Row>\n      </Section>\n    </EmailLayout>\n  );\n};\n\nexport default SupportFeedbackRequest;"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;MAWa,sBAAsB,GAA0C,CAAC,EAC5E,QAAQ,GAAG,MAAM,EACjB,QAAQ,GAAG,QAAQ,EACnB,gBAAgB,GAAG,kDAAkD,EACrE,eAAe,GAAG,iDAAiD,EACpE,KAAI;AACH,IAAA,QACEA,IAAA,CAAC,WAAW,EAAA,EAAC,WAAW,EAAE,CAAA,oCAAA,EAAuC,QAAQ,CAAA,CAAA,CAAG,EAAE,KAAK,EAAC,gBAAgB,EAAA,QAAA,EAAA,CAClGC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,uDAAuD,+BAAsB,EAC7FD,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,CAAA,KAAA,EAC3E,QAAQ,8BAA0B,QAAQ,EAAA,8FAAA,CAAA,EAAA,CACzC,EACPC,GAAA,CAAC,OAAO,IAAC,SAAS,EAAC,MAAM,EAAA,QAAA,EACvBD,KAAC,GAAG,EAAA,EAAA,QAAA,EAAA,CACFC,GAAA,CAAC,MAAM,IAAC,SAAS,EAAC,MAAM,EAAA,QAAA,EACtBA,IAAC,WAAW,EAAA,EAAC,IAAI,EAAE,gBAAgB,mCAAwB,EAAA,CACpD,EACTA,GAAA,CAAC,MAAM,IAAC,SAAS,EAAC,MAAM,EAAA,QAAA,EACtBA,IAAC,WAAW,EAAA,EAAC,IAAI,EAAE,eAAe,EAAA,QAAA,EAAA,yBAAA,EAAA,CAA6B,EAAA,CACxD,IACL,EAAA,CACE,CAAA,EAAA,CACE;AAElB;;;;"}
+{"version":3,"file":"SupportFeedbackRequest.js","sources":["../../../../../src/components/Email/templates/support/SupportFeedbackRequest.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section, Row, Column } from '@react-email/components';\nimport { EmailLayout, EmailButton } from '../../components';\n\nexport interface SupportFeedbackRequestProps {\n  userName?: string;\n  ticketId?: string;\n  goodFeedbackLink?: string;\n  badFeedbackLink?: string;\n}\n\nexport const SupportFeedbackRequest: React.FC<SupportFeedbackRequestProps> = ({\n  userName = 'User',\n  ticketId = '#12345',\n  goodFeedbackLink = 'https://example.com/support/feedback?rating=good',\n  badFeedbackLink = 'https://example.com/support/feedback?rating=bad'\n}) => {\n  return (\n    <EmailLayout previewText={`How was your support experience for ${ticketId}?`} title=\"How did we do?\">\n      <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4\">How did we do?</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n        Hi {userName}, your support request ({ticketId}) has been closed. We'd love to know how your experience was to help us improve our support.\n      </Text>\n      <Section className=\"mb-6\">\n        <Row>\n          <Column className=\"pr-2\">\n            <EmailButton href={goodFeedbackLink}>👍 Great</EmailButton>\n          </Column>\n          <Column className=\"pl-2\">\n            <EmailButton href={badFeedbackLink}>👎 Needs Work</EmailButton>\n          </Column>\n        </Row>\n      </Section>\n    </EmailLayout>\n  );\n};\n\nexport default SupportFeedbackRequest;"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;MAWa,sBAAsB,GAA0C,CAAC,EAC5E,QAAQ,GAAG,MAAM,EACjB,QAAQ,GAAG,QAAQ,EACnB,gBAAgB,GAAG,kDAAkD,EACrE,eAAe,GAAG,iDAAiD,EACpE,KAAI;AACH,IAAA,QACEA,IAAA,CAAC,WAAW,EAAA,EAAC,WAAW,EAAE,CAAA,oCAAA,EAAuC,QAAQ,CAAA,CAAA,CAAG,EAAE,KAAK,EAAC,gBAAgB,EAAA,QAAA,EAAA,CAClGC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,uDAAuD,+BAAsB,EAC7FD,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,CAAA,KAAA,EAC3E,QAAQ,8BAA0B,QAAQ,EAAA,8FAAA,CAAA,EAAA,CACzC,EACPC,GAAA,CAAC,OAAO,IAAC,SAAS,EAAC,MAAM,EAAA,QAAA,EACvBD,KAAC,GAAG,EAAA,EAAA,QAAA,EAAA,CACFC,GAAA,CAAC,MAAM,IAAC,SAAS,EAAC,MAAM,EAAA,QAAA,EACtBA,IAAC,WAAW,EAAA,EAAC,IAAI,EAAE,gBAAgB,mCAAwB,EAAA,CACpD,EACTA,GAAA,CAAC,MAAM,IAAC,SAAS,EAAC,MAAM,EAAA,QAAA,EACtBA,IAAC,WAAW,EAAA,EAAC,IAAI,EAAE,eAAe,EAAA,QAAA,EAAA,yBAAA,EAAA,CAA6B,EAAA,CACxD,IACL,EAAA,CACE,CAAA,EAAA,CACE;AAElB;;;;"}

package/dist/components/Email/templates/support/TicketCreatedEmail.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 TicketCreatedEmail = ({ userName = 'User', ticketId = '#12345', subject = 'Issue with login', portalLink = 'https://example.com/support/12345' }) => {
     return (jsxs(EmailLayout, { previewText: `Ticket Received: ${ticketId}`, title: "Ticket Created", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "We've received your request" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["Hi ", userName, ", thanks for reaching out. We have created a support ticket for your request (", ticketId, "). Our team will get back to you as soon as possible."] }), 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: "font-semibold text-gray-900 dark:text-white m-0", children: "Subject:" }), jsx(Text, { className: "text-gray-700 dark:text-gray-300 m-0 mt-1", children: subject })] }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: portalLink, children: "View Ticket Status" }) })] }));

package/dist/components/Email/templates/support/TicketReplyEmail.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 TicketReplyEmail = ({ userName = 'User', ticketId = '#12345', replyPreview = "Hello! I've taken a look at your account and I believe I found the issue. We've applied a fix on our end...", portalLink = 'https://example.com/support/12345' }) => {
     return (jsxs(EmailLayout, { previewText: `New reply on ticket ${ticketId}`, title: "New Ticket Reply", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "Update on your request" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["Hi ", userName, ", a support agent has replied to your ticket (", jsx("strong", { children: ticketId }), ")."] }), jsx(Section, { className: "bg-gray-50 dark:bg-gray-700 p-4 rounded-lg mb-6 border-l-4 border-blue-500 dark:border-blue-400", children: jsxs(Text, { className: "text-gray-700 dark:text-gray-300 m-0 italic", children: ["\"", replyPreview, "\""] }) }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: portalLink, children: "View Full Reply" }) }), jsx(EmailDivider, {}), jsx(Text, { className: "text-gray-500 dark:text-gray-400 text-sm", children: "You can also reply directly to this email to update your ticket." })] }));

package/dist/components/Email/templates/support/TicketResolvedEmail.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 TicketResolvedEmail = ({ userName = 'User', ticketId = '#12345', resolutionSummary = 'We have successfully fixed the login issue on your account. You should now be able to access the dashboard normally.', feedbackLink = 'https://example.com/support/feedback/12345' }) => {
     return (jsxs(EmailLayout, { previewText: `Ticket ${ticketId} has been resolved`, title: "Ticket Resolved", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "Your ticket has been resolved" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["Hi ", userName, ", your support request (", ticketId, ") has been marked as resolved by our team."] }), 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: "font-semibold text-gray-900 dark:text-white m-0 mb-2", children: "Resolution Note:" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 m-0 italic", children: ["\"", resolutionSummary, "\""] })] }), jsx(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: "How did we do? We'd love to hear your feedback on how we handled your request." }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: feedbackLink, children: "Leave Feedback" }) }), jsx(EmailDivider, {}), jsx(Text, { className: "text-gray-500 dark:text-gray-400 text-sm", children: "If your issue is still not resolved, you can reply directly to this email to reopen the ticket." })] }));

package/dist/components/Email/templates/system/IncidentReport.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 IncidentReport = ({ incidentSummary = 'Database connectivity issues causing intermittent downtime.', duration = '45 minutes (14:00 UTC - 14:45 UTC)', rootCause = 'A misconfigured network route caused a spike in latency between our application layer and the primary database cluster.', fixApplied = 'We have reverted the network routing change and implemented new automated tests to prevent this specific configuration error from being deployed again.', statusPageLink = 'https://status.example.com/incidents/123' }) => {
     return (jsxs(EmailLayout, { previewText: "Incident Report & Post-Mortem", title: "Incident Report", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "Post-Incident Report" }), jsx(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: "We recently experienced a service disruption. We know you rely on our platform, and we sincerely apologize for the inconvenience. Here is a summary of what happened and how we fixed it." }), 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-700 dark:text-gray-300 m-0 mb-4", children: [jsx("strong", { children: "Incident:" }), jsx("br", {}), incidentSummary] }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 m-0 mb-4", children: [jsx("strong", { children: "Duration:" }), jsx("br", {}), duration] }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 m-0 mb-4", children: [jsx("strong", { children: "Root Cause:" }), jsx("br", {}), rootCause] }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 m-0", children: [jsx("strong", { children: "Resolution & Prevention:" }), jsx("br", {}), fixApplied] })] }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: statusPageLink, children: "View Full Status Report" }) }), jsx(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed", children: "Thank you for your patience and understanding while we resolved this issue." })] }));

package/dist/components/Email/templates/system/MaintenanceNotice.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 MaintenanceNotice = ({ userName = 'User', maintenanceStart = 'Saturday, May 16, 02:00 AM UTC', maintenanceEnd = 'Saturday, May 16, 04:00 AM UTC', statusPageLink = 'https://status.example.com' }) => {
     return (jsxs(EmailLayout, { previewText: "Scheduled Maintenance Notice", title: "Scheduled Maintenance", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "Scheduled Maintenance Notice" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["Hi ", userName, ", we will be performing scheduled maintenance to upgrade our infrastructure and improve performance."] }), 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: [jsxs(Text, { className: "text-gray-700 dark:text-gray-300 m-0 mb-2", children: [jsx("strong", { children: "Start Time:" }), " ", maintenanceStart] }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 m-0", children: [jsx("strong", { children: "End Time:" }), " ", maintenanceEnd] })] }), jsx(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: "During this window, the platform may be temporarily unavailable. We apologize for any inconvenience." }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: statusPageLink, children: "Check Status Page" }) })] }));

package/dist/components/Email/templates/system/NotificationEmail.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 NotificationEmail = ({ userName = 'User', title = 'Important Update', message = 'We have an important update regarding your account. Please review the details by logging into your dashboard.', ctaText = 'View Update', ctaLink = 'https://example.com/dashboard' }) => {
     return (jsxs(EmailLayout, { previewText: title, title: title, children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: title }), 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: message }), ctaLink && ctaText && (jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: ctaLink, children: ctaText }) })), jsx(EmailDivider, {}), jsx(Text, { className: "text-gray-500 dark:text-gray-400 text-sm", children: "This is an automated notification from the system." })] }));

package/dist/components/Email/templates/system/StatusPageUpdate.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 StatusPageUpdate = ({ incidentName = 'API Latency Issues', currentStatus = 'Investigating', updateMessage = 'We are currently experiencing elevated latency across our primary API endpoints. Our engineering team is actively investigating the root cause.', timestamp = 'May 8, 2026 - 15:30 UTC', statusPageLink = 'https://status.example.com' }) => {
     return (jsxs(EmailLayout, { previewText: `Incident Update: ${incidentName}`, title: "Status Update", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "Status Update" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["There has been an update regarding the incident: ", jsx("strong", { children: incidentName }), "."] }), 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-sm font-semibold text-gray-500 dark:text-gray-400 mb-1 m-0", children: ["Status: ", jsx("span", { className: "text-gray-900 dark:text-white", children: currentStatus })] }), jsx(Text, { className: "text-xs text-gray-400 dark:text-gray-500 mb-4 m-0", children: timestamp }), jsx(Text, { className: "text-gray-800 dark:text-gray-200 leading-relaxed m-0", children: updateMessage })] }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: statusPageLink, children: "View Status Page" }) })] }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@beyondcorp/beyond-ui",
-  "version": "1.4.4",
+  "version": "1.4.6",
   "description": "A comprehensive React UI component library built with TypeScript, TailwindCSS, and CVA",
   "type": "module",
   "main": "dist/index.js",