@beyondcorp/beyond-ui 1.3.12 → 1.4.0

package/dist/components/Email/templates/billing/SubscriptionConfirmation.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface SubscriptionConfirmationProps {
+    userName?: string;
+    planName?: string;
+    price?: string;
+    billingCycle?: string;
+    dashboardLink?: string;
+}
+export declare const SubscriptionConfirmation: React.FC<SubscriptionConfirmationProps>;
+export default SubscriptionConfirmation;

package/dist/components/Email/templates/billing/SubscriptionConfirmation.js

@@ -0,0 +1,13 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+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';
+
+const SubscriptionConfirmation = ({ userName = 'User', planName = 'Pro Plan', price = '$29.00', billingCycle = 'per month', dashboardLink = 'https://example.com/dashboard/billing' }) => {
+    return (jsxs(EmailLayout, { previewText: `Your ${planName} subscription is active`, title: "Subscription Confirmed", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "Subscription Confirmed" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["Hi ", userName, ", your account has been successfully upgraded. You now have full access to all the features included in the ", planName, "."] }), jsxs(Section, { className: "bg-gray-50 dark:bg-gray-700 p-6 rounded-lg mb-6 text-center border border-gray-100 dark:border-gray-600", children: [jsx(Text, { className: "text-gray-500 dark:text-gray-400 m-0 mb-2 uppercase tracking-wide text-xs font-bold", children: "Current Plan" }), jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white m-0 mb-1", children: planName }), jsxs(Text, { className: "text-gray-600 dark:text-gray-300 m-0", children: [price, " ", billingCycle] })] }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: dashboardLink, children: "Go to Dashboard" }) }), jsx(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-4", children: "Thank you for choosing us!" })] }));
+};
+
+export { SubscriptionConfirmation, SubscriptionConfirmation as default };
+//# sourceMappingURL=SubscriptionConfirmation.js.map

package/dist/components/Email/templates/billing/SubscriptionConfirmation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubscriptionConfirmation.js","sources":["../../../../../src/components/Email/templates/billing/SubscriptionConfirmation.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section, Row, Column } from '@react-email/components';\nimport { EmailLayout, EmailButton } from '../../components';\n\nexport interface SubscriptionConfirmationProps {\n  userName?: string;\n  planName?: string;\n  price?: string;\n  billingCycle?: string;\n  dashboardLink?: string;\n}\n\nexport const SubscriptionConfirmation: React.FC<SubscriptionConfirmationProps> = ({\n  userName = 'User',\n  planName = 'Pro Plan',\n  price = '$29.00',\n  billingCycle = 'per month',\n  dashboardLink = 'https://example.com/dashboard/billing'\n}) => {\n  return (\n    <EmailLayout previewText={`Your ${planName} subscription is active`} title=\"Subscription Confirmed\">\n      <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4\">Subscription Confirmed</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n        Hi {userName}, your account has been successfully upgraded. You now have full access to all the features included in the {planName}.\n      </Text>\n      <Section className=\"bg-gray-50 dark:bg-gray-700 p-6 rounded-lg mb-6 text-center border border-gray-100 dark:border-gray-600\">\n        <Text className=\"text-gray-500 dark:text-gray-400 m-0 mb-2 uppercase tracking-wide text-xs font-bold\">Current Plan</Text>\n        <Text className=\"text-2xl font-bold text-gray-900 dark:text-white m-0 mb-1\">{planName}</Text>\n        <Text className=\"text-gray-600 dark:text-gray-300 m-0\">{price} {billingCycle}</Text>\n      </Section>\n      <Section className=\"text-center mb-6\">\n        <EmailButton href={dashboardLink}>Go to Dashboard</EmailButton>\n      </Section>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-4\">Thank you for choosing us!</Text>\n    </EmailLayout>\n  );\n};\n\nexport default SubscriptionConfirmation;"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAYO,MAAM,wBAAwB,GAA4C,CAAC,EAChF,QAAQ,GAAG,MAAM,EACjB,QAAQ,GAAG,UAAU,EACrB,KAAK,GAAG,QAAQ,EAChB,YAAY,GAAG,WAAW,EAC1B,aAAa,GAAG,uCAAuC,EACxD,KAAI;IACH,QACEA,KAAC,WAAW,EAAA,EAAC,WAAW,EAAE,CAAA,KAAA,EAAQ,QAAQ,CAAA,uBAAA,CAAyB,EAAE,KAAK,EAAC,wBAAwB,aACjGC,GAAA,CAAC,IAAI,IAAC,SAAS,EAAC,uDAAuD,EAAA,QAAA,EAAA,wBAAA,EAAA,CAA8B,EACrGD,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,CAAA,KAAA,EAC3E,QAAQ,EAAA,8GAAA,EAA8G,QAAQ,SAC7H,EACPA,IAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,yGAAyG,EAAA,QAAA,EAAA,CAC1HC,IAAC,IAAI,EAAA,EAAC,SAAS,EAAC,qFAAqF,EAAA,QAAA,EAAA,cAAA,EAAA,CAAoB,EACzHA,GAAA,CAAC,IAAI,IAAC,SAAS,EAAC,2DAA2D,EAAA,QAAA,EAAE,QAAQ,GAAQ,EAC7FD,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,sCAAsC,EAAA,QAAA,EAAA,CAAE,KAAK,EAAA,GAAA,EAAG,YAAY,CAAA,EAAA,CAAQ,CAAA,EAAA,CAC5E,EACVC,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,kBAAkB,EAAA,QAAA,EACnCA,IAAC,WAAW,EAAA,EAAC,IAAI,EAAE,aAAa,EAAA,QAAA,EAAA,iBAAA,EAAA,CAA+B,GACvD,EACVA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,4BAAA,EAAA,CAAkC,CAAA,EAAA,CACvG;AAElB;;;;"}

package/dist/components/Email/templates/billing/TrialEndingEmail.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface TrialEndingEmailProps {
+    userName?: string;
+    trialEndDate?: string;
+    upgradeLink?: string;
+}
+export declare const TrialEndingEmail: React.FC<TrialEndingEmailProps>;
+export default TrialEndingEmail;

package/dist/components/Email/templates/billing/TrialEndingEmail.js

@@ -0,0 +1,13 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+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';
+
+const TrialEndingEmail = ({ userName = 'User', trialEndDate = 'in 3 days', upgradeLink = 'https://example.com/upgrade' }) => {
+    return (jsxs(EmailLayout, { previewText: "Your trial is ending soon", title: "Trial Ending Soon", children: [jsxs(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: ["Your trial ends ", trialEndDate] }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["Hi ", userName, ", we hope you're enjoying the platform. Your free trial is coming to an end soon. Upgrade your plan today to keep access to all premium features!"] }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: upgradeLink, children: "Upgrade Plan" }) })] }));
+};
+
+export { TrialEndingEmail, TrialEndingEmail as default };
+//# sourceMappingURL=TrialEndingEmail.js.map

package/dist/components/Email/templates/billing/TrialEndingEmail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrialEndingEmail.js","sources":["../../../../../src/components/Email/templates/billing/TrialEndingEmail.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section } from '@react-email/components';\nimport { EmailLayout, EmailButton } from '../../components';\n\nexport interface TrialEndingEmailProps {\n  userName?: string;\n  trialEndDate?: string;\n  upgradeLink?: string;\n}\n\nexport const TrialEndingEmail: React.FC<TrialEndingEmailProps> = ({\n  userName = 'User',\n  trialEndDate = 'in 3 days',\n  upgradeLink = 'https://example.com/upgrade'\n}) => {\n  return (\n    <EmailLayout previewText=\"Your trial is ending soon\" title=\"Trial Ending Soon\">\n      <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4\">Your trial ends {trialEndDate}</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n        Hi {userName}, we hope you're enjoying the platform. Your free trial is coming to an end soon. Upgrade your plan today to keep access to all premium features!\n      </Text>\n      <Section className=\"text-center mb-6\">\n        <EmailButton href={upgradeLink}>\n          Upgrade Plan\n        </EmailButton>\n      </Section>\n    </EmailLayout>\n  );\n};\n\nexport default TrialEndingEmail;"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAUO,MAAM,gBAAgB,GAAoC,CAAC,EAChE,QAAQ,GAAG,MAAM,EACjB,YAAY,GAAG,WAAW,EAC1B,WAAW,GAAG,6BAA6B,EAC5C,KAAI;IACH,QACEA,KAAC,WAAW,EAAA,EAAC,WAAW,EAAC,2BAA2B,EAAC,KAAK,EAAC,mBAAmB,aAC5EA,IAAA,CAAC,IAAI,IAAC,SAAS,EAAC,uDAAuD,EAAA,QAAA,EAAA,CAAA,kBAAA,EAAkB,YAAY,CAAA,EAAA,CAAQ,EAC7GA,IAAA,CAAC,IAAI,IAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,CAAA,KAAA,EAC3E,QAAQ,yJACP,EACPC,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,kBAAkB,EAAA,QAAA,EACnCA,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,WAAW,EAAA,QAAA,EAAA,cAAA,EAAA,CAEhB,EAAA,CACN,CAAA,EAAA,CACE;AAElB;;;;"}

package/dist/components/Email/templates/billing/index.d.ts

@@ -0,0 +1,8 @@
+export * from './PaymentFailedEmail';
+export * from './InvoiceEmail';
+export * from './TrialEndingEmail';
+export * from './SubscriptionCancelled';
+export * from './SubscriptionConfirmation';
+export * from './CreditCardExpiring';
+export * from './PaymentReceipt';
+export * from './OverduePaymentNotice';

package/dist/components/Email/templates/engagement/FeatureAnnouncement.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface FeatureAnnouncementProps {
+    userName?: string;
+    featureName?: string;
+    description?: string;
+    ctaLink?: string;
+    imageUrl?: string;
+}
+export declare const FeatureAnnouncement: React.FC<FeatureAnnouncementProps>;
+export default FeatureAnnouncement;

package/dist/components/Email/templates/engagement/FeatureAnnouncement.js

@@ -0,0 +1,15 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { EmailButton } from '../../components/EmailButton.js';
+import { EmailDivider } from '../../components/EmailDivider.js';
+import { EmailLayout } from '../../components/EmailLayout.js';
+import 'react';
+import { Img } from '../../../../node_modules/@react-email/img/dist/index.js';
+import { Text } from '../../../../node_modules/@react-email/text/dist/index.js';
+import { Section } from '../../../../node_modules/@react-email/section/dist/index.js';
+
+const FeatureAnnouncement = ({ userName = 'User', featureName = 'Dark Mode', description = 'You asked, we listened! Dark mode is finally here. You can now toggle dark mode from your account settings to reduce eye strain and save battery life.', ctaLink = 'https://example.com/dashboard/settings', imageUrl = 'https://via.placeholder.com/600x300' }) => {
+    return (jsxs(EmailLayout, { previewText: `Introducing ${featureName}!`, title: "New Feature Announcement", children: [jsx(Img, { src: imageUrl, width: "100%", height: "auto", alt: featureName, className: "rounded-lg mb-6" }), jsxs(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: ["Introducing ", featureName, " \uD83C\uDF89"] }), 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: description }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: ctaLink, children: "Try it now" }) }), jsx(EmailDivider, {}), jsx(Text, { className: "text-gray-500 dark:text-gray-400 text-sm", children: "We're constantly working to improve our platform. Let us know what you think!" })] }));
+};
+
+export { FeatureAnnouncement, FeatureAnnouncement as default };
+//# sourceMappingURL=FeatureAnnouncement.js.map

package/dist/components/Email/templates/engagement/FeatureAnnouncement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureAnnouncement.js","sources":["../../../../../src/components/Email/templates/engagement/FeatureAnnouncement.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section, Img } from '@react-email/components';\nimport { EmailLayout, EmailButton, EmailDivider } from '../../components';\n\nexport interface FeatureAnnouncementProps {\n  userName?: string;\n  featureName?: string;\n  description?: string;\n  ctaLink?: string;\n  imageUrl?: string;\n}\n\nexport const FeatureAnnouncement: React.FC<FeatureAnnouncementProps> = ({\n  userName = 'User',\n  featureName = 'Dark Mode',\n  description = 'You asked, we listened! Dark mode is finally here. You can now toggle dark mode from your account settings to reduce eye strain and save battery life.',\n  ctaLink = 'https://example.com/dashboard/settings',\n  imageUrl = 'https://via.placeholder.com/600x300'\n}) => {\n  return (\n    <EmailLayout previewText={`Introducing ${featureName}!`} title=\"New Feature Announcement\">\n      <Img src={imageUrl} width=\"100%\" height=\"auto\" alt={featureName} className=\"rounded-lg mb-6\" />\n      <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4\">Introducing {featureName} 🎉</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n        Hi {userName},\n      </Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n        {description}\n      </Text>\n      <Section className=\"text-center mb-6\">\n        <EmailButton href={ctaLink}>\n          Try it now\n        </EmailButton>\n      </Section>\n      <EmailDivider />\n      <Text className=\"text-gray-500 dark:text-gray-400 text-sm\">\n        We're constantly working to improve our platform. Let us know what you think!\n      </Text>\n    </EmailLayout>\n  );\n};\n\nexport default FeatureAnnouncement;"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;AAYO,MAAM,mBAAmB,GAAuC,CAAC,EACtE,QAAQ,GAAG,MAAM,EACjB,WAAW,GAAG,WAAW,EACzB,WAAW,GAAG,wJAAwJ,EACtK,OAAO,GAAG,wCAAwC,EAClD,QAAQ,GAAG,qCAAqC,EACjD,KAAI;IACH,QACEA,KAAC,WAAW,EAAA,EAAC,WAAW,EAAE,CAAA,YAAA,EAAe,WAAW,CAAA,CAAA,CAAG,EAAE,KAAK,EAAC,0BAA0B,aACvFC,GAAA,CAAC,GAAG,IAAC,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,GAAG,EAAE,WAAW,EAAE,SAAS,EAAC,iBAAiB,EAAA,CAAG,EAC/FD,KAAC,IAAI,EAAA,EAAC,SAAS,EAAC,uDAAuD,EAAA,QAAA,EAAA,CAAA,cAAA,EAAc,WAAW,EAAA,eAAA,CAAA,EAAA,CAAW,EAC3GA,KAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,oBAC3E,QAAQ,EAAA,GAAA,CAAA,EAAA,CACP,EACPC,GAAA,CAAC,IAAI,IAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAC9E,WAAW,GACP,EACPA,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,kBAAkB,EAAA,QAAA,EACnCA,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,OAAO,EAAA,QAAA,EAAA,YAAA,EAAA,CAEZ,EAAA,CACN,EACVA,GAAA,CAAC,YAAY,KAAG,EAChBA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,0CAA0C,EAAA,QAAA,EAAA,+EAAA,EAAA,CAEnD,CAAA,EAAA,CACK;AAElB;;;;"}

package/dist/components/Email/templates/engagement/FeedbackRequestEmail.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface FeedbackRequestEmailProps {
+    userName?: string;
+    productName?: string;
+    surveyLink?: string;
+}
+export declare const FeedbackRequestEmail: React.FC<FeedbackRequestEmailProps>;
+export default FeedbackRequestEmail;

package/dist/components/Email/templates/engagement/FeedbackRequestEmail.js

@@ -0,0 +1,13 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+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';
+
+const FeedbackRequestEmail = ({ userName = 'User', productName = 'Beyond Corp', surveyLink = 'https://example.com/survey/123' }) => {
+    return (jsxs(EmailLayout, { previewText: `How is your experience with ${productName}?`, title: "We value your feedback", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "We'd love your feedback!" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["Hi ", userName, ", thanks for using ", productName, ". We're always trying to improve, and your feedback is incredibly valuable to us."] }), jsx(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: "Do you have 2 minutes to answer a quick question about your experience so far?" }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: surveyLink, children: "Take the quick survey" }) })] }));
+};
+
+export { FeedbackRequestEmail, FeedbackRequestEmail as default };
+//# sourceMappingURL=FeedbackRequestEmail.js.map

package/dist/components/Email/templates/engagement/FeedbackRequestEmail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeedbackRequestEmail.js","sources":["../../../../../src/components/Email/templates/engagement/FeedbackRequestEmail.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section } from '@react-email/components';\nimport { EmailLayout, EmailButton } from '../../components';\n\nexport interface FeedbackRequestEmailProps {\n  userName?: string;\n  productName?: string;\n  surveyLink?: string;\n}\n\nexport const FeedbackRequestEmail: React.FC<FeedbackRequestEmailProps> = ({\n  userName = 'User',\n  productName = 'Beyond Corp',\n  surveyLink = 'https://example.com/survey/123'\n}) => {\n  return (\n    <EmailLayout previewText={`How is your experience with ${productName}?`} title=\"We value your feedback\">\n      <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4\">We'd love your feedback!</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n        Hi {userName}, thanks for using {productName}. We're always trying to improve, and your feedback is incredibly valuable to us.\n      </Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n        Do you have 2 minutes to answer a quick question about your experience so far?\n      </Text>\n      <Section className=\"text-center mb-6\">\n        <EmailButton href={surveyLink}>\n          Take the quick survey\n        </EmailButton>\n      </Section>\n    </EmailLayout>\n  );\n};\n\nexport default FeedbackRequestEmail;"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAUO,MAAM,oBAAoB,GAAwC,CAAC,EACxE,QAAQ,GAAG,MAAM,EACjB,WAAW,GAAG,aAAa,EAC3B,UAAU,GAAG,gCAAgC,EAC9C,KAAI;IACH,QACEA,IAAA,CAAC,WAAW,EAAA,EAAC,WAAW,EAAE,CAAA,4BAAA,EAA+B,WAAW,CAAA,CAAA,CAAG,EAAE,KAAK,EAAC,wBAAwB,EAAA,QAAA,EAAA,CACrGC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,uDAAuD,EAAA,QAAA,EAAA,0BAAA,EAAA,CAAgC,EACvGD,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,CAAA,KAAA,EAC3E,QAAQ,EAAA,qBAAA,EAAqB,WAAW,EAAA,mFAAA,CAAA,EAAA,CACvC,EACPC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,gFAAA,EAAA,CAE1E,EACPA,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,kBAAkB,EAAA,QAAA,EACnCA,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,UAAU,EAAA,QAAA,EAAA,uBAAA,EAAA,CAEf,EAAA,CACN,CAAA,EAAA,CACE;AAElB;;;;"}

package/dist/components/Email/templates/engagement/InactivityWarning.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface InactivityWarningProps {
+    userName?: string;
+    daysInactive?: number;
+    ctaLink?: string;
+    featureHighlights?: string;
+}
+export declare const InactivityWarning: React.FC<InactivityWarningProps>;
+export default InactivityWarning;

package/dist/components/Email/templates/engagement/InactivityWarning.js

@@ -0,0 +1,14 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+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';
+
+const InactivityWarning = ({ userName = 'User', daysInactive = 14, ctaLink = 'https://example.com/dashboard', featureHighlights = 'Did you know we recently launched Dark Mode? Log in to check it out!' }) => {
+    return (jsxs(EmailLayout, { previewText: `We miss you, ${userName}!`, 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 been active in ", daysInactive, " days. We'd love to see you back on the platform."] }), jsx(Section, { className: "bg-blue-50 dark:bg-blue-900 border border-blue-100 dark:border-blue-800 p-4 rounded-lg mb-6", children: jsxs(Text, { className: "text-blue-800 dark:text-blue-200 m-0", children: [jsx("strong", { children: "What's new:" }), " ", featureHighlights] }) }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: ctaLink, children: "Log In Now" }) }), jsx(EmailDivider, {}), jsx(Text, { className: "text-gray-500 dark:text-gray-400 text-sm", children: "If you're having trouble getting started or need help, just reply to this email!" })] }));
+};
+
+export { InactivityWarning, InactivityWarning as default };
+//# sourceMappingURL=InactivityWarning.js.map

package/dist/components/Email/templates/engagement/InactivityWarning.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InactivityWarning.js","sources":["../../../../../src/components/Email/templates/engagement/InactivityWarning.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section } from '@react-email/components';\nimport { EmailLayout, EmailButton, EmailDivider } from '../../components';\n\nexport interface InactivityWarningProps {\n  userName?: string;\n  daysInactive?: number;\n  ctaLink?: string;\n  featureHighlights?: string;\n}\n\nexport const InactivityWarning: React.FC<InactivityWarningProps> = ({\n  userName = 'User',\n  daysInactive = 14,\n  ctaLink = 'https://example.com/dashboard',\n  featureHighlights = 'Did you know we recently launched Dark Mode? Log in to check it out!'\n}) => {\n  return (\n    <EmailLayout previewText={`We miss you, ${userName}!`} title=\"We Miss You\">\n      <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4\">It's been a while!</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n        Hi {userName}, we noticed you haven't been active in {daysInactive} days. We'd love to see you back on the platform.\n      </Text>\n      <Section className=\"bg-blue-50 dark:bg-blue-900 border border-blue-100 dark:border-blue-800 p-4 rounded-lg mb-6\">\n        <Text className=\"text-blue-800 dark:text-blue-200 m-0\"><strong>What's new:</strong> {featureHighlights}</Text>\n      </Section>\n      <Section className=\"text-center mb-6\"><EmailButton href={ctaLink}>Log In Now</EmailButton></Section>\n      <EmailDivider />\n      <Text className=\"text-gray-500 dark:text-gray-400 text-sm\">If you're having trouble getting started or need help, just reply to this email!</Text>\n    </EmailLayout>\n  );\n};\n\nexport default InactivityWarning;"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;MAWa,iBAAiB,GAAqC,CAAC,EAClE,QAAQ,GAAG,MAAM,EACjB,YAAY,GAAG,EAAE,EACjB,OAAO,GAAG,+BAA+B,EACzC,iBAAiB,GAAG,sEAAsE,EAC3F,KAAI;AACH,IAAA,QACEA,IAAA,CAAC,WAAW,EAAA,EAAC,WAAW,EAAE,CAAA,aAAA,EAAgB,QAAQ,CAAA,CAAA,CAAG,EAAE,KAAK,EAAC,aAAa,aACxEC,GAAA,CAAC,IAAI,IAAC,SAAS,EAAC,uDAAuD,EAAA,QAAA,EAAA,oBAAA,EAAA,CAA0B,EACjGD,IAAA,CAAC,IAAI,IAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,CAAA,KAAA,EAC3E,QAAQ,EAAA,0CAAA,EAA0C,YAAY,yDAC7D,EACPC,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,6FAA6F,EAAA,QAAA,EAC9GD,IAAA,CAAC,IAAI,IAAC,SAAS,EAAC,sCAAsC,EAAA,QAAA,EAAA,CAACC,GAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA,aAAA,EAAA,CAA4B,OAAE,iBAAiB,CAAA,EAAA,CAAQ,EAAA,CACtG,EACVA,IAAC,OAAO,EAAA,EAAC,SAAS,EAAC,kBAAkB,YAACA,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,OAAO,EAAA,QAAA,EAAA,YAAA,EAAA,CAA0B,GAAU,EACpGA,GAAA,CAAC,YAAY,EAAA,EAAA,CAAG,EAChBA,GAAA,CAAC,IAAI,IAAC,SAAS,EAAC,0CAA0C,EAAA,QAAA,EAAA,kFAAA,EAAA,CAAwF,CAAA,EAAA,CACtI;AAElB;;;;"}

package/dist/components/Email/templates/engagement/MilestoneEmail.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface MilestoneEmailProps {
+    userName?: string;
+    milestoneName?: string;
+    achievementValue?: string;
+    shareLink?: string;
+}
+export declare const MilestoneEmail: React.FC<MilestoneEmailProps>;
+export default MilestoneEmail;

package/dist/components/Email/templates/engagement/MilestoneEmail.js

@@ -0,0 +1,14 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+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';
+
+const MilestoneEmail = ({ userName = 'User', milestoneName = 'Tasks Completed', achievementValue = '100', shareLink = 'https://example.com/share/milestone/123' }) => {
+    return (jsxs(EmailLayout, { previewText: "You just hit a new milestone! \uD83C\uDF89", title: "Milestone Unlocked", children: [jsx(Text, { className: "text-3xl text-center mb-2", children: "\uD83C\uDFC6" }), jsxs(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4 text-center", children: ["Incredible work, ", userName, "!"] }), jsx(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6 text-center", children: "You just hit a major milestone on our platform. We are thrilled to celebrate this achievement with you." }), jsxs(Section, { className: "bg-yellow-50 dark:bg-yellow-900 border border-yellow-100 dark:border-yellow-800 p-6 rounded-lg mb-6 text-center", children: [jsx(Text, { className: "text-gray-500 dark:text-gray-400 font-semibold uppercase tracking-wider text-xs m-0 mb-2", children: milestoneName }), jsx(Text, { className: "text-4xl font-bold text-yellow-600 dark:text-yellow-500 m-0", children: achievementValue })] }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: shareLink, children: "Share Your Achievement" }) }), jsx(EmailDivider, {}), jsx(Text, { className: "text-gray-500 dark:text-gray-400 text-sm text-center", children: "Keep up the great work! We can't wait to see what you do next." })] }));
+};
+
+export { MilestoneEmail, MilestoneEmail as default };
+//# sourceMappingURL=MilestoneEmail.js.map

package/dist/components/Email/templates/engagement/MilestoneEmail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MilestoneEmail.js","sources":["../../../../../src/components/Email/templates/engagement/MilestoneEmail.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section } from '@react-email/components';\nimport { EmailLayout, EmailButton, EmailDivider } from '../../components';\n\nexport interface MilestoneEmailProps {\n  userName?: string;\n  milestoneName?: string;\n  achievementValue?: string;\n  shareLink?: string;\n}\n\nexport const MilestoneEmail: React.FC<MilestoneEmailProps> = ({\n  userName = 'User',\n  milestoneName = 'Tasks Completed',\n  achievementValue = '100',\n  shareLink = 'https://example.com/share/milestone/123'\n}) => {\n  return (\n    <EmailLayout previewText=\"You just hit a new milestone! 🎉\" title=\"Milestone Unlocked\">\n      <Text className=\"text-3xl text-center mb-2\">🏆</Text>\n      <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4 text-center\">Incredible work, {userName}!</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6 text-center\">\n        You just hit a major milestone on our platform. We are thrilled to celebrate this achievement with you.\n      </Text>\n      <Section className=\"bg-yellow-50 dark:bg-yellow-900 border border-yellow-100 dark:border-yellow-800 p-6 rounded-lg mb-6 text-center\">\n        <Text className=\"text-gray-500 dark:text-gray-400 font-semibold uppercase tracking-wider text-xs m-0 mb-2\">{milestoneName}</Text>\n        <Text className=\"text-4xl font-bold text-yellow-600 dark:text-yellow-500 m-0\">{achievementValue}</Text>\n      </Section>\n      <Section className=\"text-center mb-6\">\n        <EmailButton href={shareLink}>\n          Share Your Achievement\n        </EmailButton>\n      </Section>\n      <EmailDivider />\n      <Text className=\"text-gray-500 dark:text-gray-400 text-sm text-center\">Keep up the great work! We can't wait to see what you do next.</Text>\n    </EmailLayout>\n  );\n};\n\nexport default MilestoneEmail;"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;MAWa,cAAc,GAAkC,CAAC,EAC5D,QAAQ,GAAG,MAAM,EACjB,aAAa,GAAG,iBAAiB,EACjC,gBAAgB,GAAG,KAAK,EACxB,SAAS,GAAG,yCAAyC,EACtD,KAAI;IACH,QACEA,KAAC,WAAW,EAAA,EAAC,WAAW,EAAC,4CAAkC,EAAC,KAAK,EAAC,oBAAoB,EAAA,QAAA,EAAA,CACpFC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,2BAA2B,EAAA,QAAA,EAAA,cAAA,EAAA,CAAU,EACrDD,IAAA,CAAC,IAAI,IAAC,SAAS,EAAC,mEAAmE,EAAA,QAAA,EAAA,CAAA,mBAAA,EAAmB,QAAQ,SAAS,EACvHC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,6EAA6E,EAAA,QAAA,EAAA,yGAAA,EAAA,CAEtF,EACPD,IAAA,CAAC,OAAO,IAAC,SAAS,EAAC,iHAAiH,EAAA,QAAA,EAAA,CAClIC,GAAA,CAAC,IAAI,IAAC,SAAS,EAAC,0FAA0F,EAAA,QAAA,EAAE,aAAa,GAAQ,EACjIA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,6DAA6D,EAAA,QAAA,EAAE,gBAAgB,EAAA,CAAQ,CAAA,EAAA,CAC/F,EACVA,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,kBAAkB,YACnCA,GAAA,CAAC,WAAW,IAAC,IAAI,EAAE,SAAS,EAAA,QAAA,EAAA,wBAAA,EAAA,CAEd,EAAA,CACN,EACVA,GAAA,CAAC,YAAY,KAAG,EAChBA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,sDAAsD,EAAA,QAAA,EAAA,gEAAA,EAAA,CAAsE,CAAA,EAAA,CAChI;AAElB;;;;"}

package/dist/components/Email/templates/engagement/ProductChangelog.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface ProductChangelogProps {
+    version?: string;
+    updates?: string[];
+    fixes?: string[];
+    releaseLink?: string;
+}
+export declare const ProductChangelog: React.FC<ProductChangelogProps>;
+export default ProductChangelog;

package/dist/components/Email/templates/engagement/ProductChangelog.js

@@ -0,0 +1,13 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+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';
+
+const ProductChangelog = ({ version = 'v2.4.0', updates = ['Added multi-user collaborative editing', 'New integration with Slack for real-time notifications', 'Redesigned the dashboard settings panel'], fixes = ['Fixed an issue where exports would occasionally timeout', 'Resolved timezone display bugs in the calendar view'], releaseLink = 'https://example.com/changelog' }) => {
+    return (jsxs(EmailLayout, { previewText: `See what's new in ${version}`, title: "Product Changelog", children: [jsxs(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: ["Latest Updates: ", version] }), jsx(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: "We've been hard at work making the platform better for you. Here is a quick summary of what's new." }), jsxs(Section, { className: "mb-6", children: [jsx(Text, { className: "text-lg font-bold text-blue-600 dark:text-blue-400 mb-2 m-0", children: "\uD83D\uDE80 New Features & Improvements" }), updates.map((item, idx) => (jsxs(Text, { className: "text-gray-700 dark:text-gray-300 m-0 mb-2 flex", children: ["\u2022 ", item] }, idx)))] }), jsxs(Section, { className: "mb-6", children: [jsx(Text, { className: "text-lg font-bold text-green-600 dark:text-green-400 mb-2 m-0", children: "\uD83D\uDEE0 Bug Fixes" }), fixes.map((item, idx) => (jsxs(Text, { className: "text-gray-700 dark:text-gray-300 m-0 mb-2 flex", children: ["\u2022 ", item] }, idx)))] }), jsx(Section, { className: "text-center", children: jsx(EmailButton, { href: releaseLink, children: "Read the full notes" }) })] }));
+};
+
+export { ProductChangelog, ProductChangelog as default };
+//# sourceMappingURL=ProductChangelog.js.map

package/dist/components/Email/templates/engagement/ProductChangelog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductChangelog.js","sources":["../../../../../src/components/Email/templates/engagement/ProductChangelog.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section } from '@react-email/components';\nimport { EmailLayout, EmailButton } from '../../components';\n\nexport interface ProductChangelogProps {\n  version?: string;\n  updates?: string[];\n  fixes?: string[];\n  releaseLink?: string;\n}\n\nexport const ProductChangelog: React.FC<ProductChangelogProps> = ({\n  version = 'v2.4.0',\n  updates = ['Added multi-user collaborative editing', 'New integration with Slack for real-time notifications', 'Redesigned the dashboard settings panel'],\n  fixes = ['Fixed an issue where exports would occasionally timeout', 'Resolved timezone display bugs in the calendar view'],\n  releaseLink = 'https://example.com/changelog'\n}) => {\n  return (\n    <EmailLayout previewText={`See what's new in ${version}`} title=\"Product Changelog\">\n      <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4\">Latest Updates: {version}</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">We've been hard at work making the platform better for you. Here is a quick summary of what's new.</Text>\n      \n      <Section className=\"mb-6\">\n        <Text className=\"text-lg font-bold text-blue-600 dark:text-blue-400 mb-2 m-0\">🚀 New Features & Improvements</Text>\n        {updates.map((item, idx) => (\n          <Text key={idx} className=\"text-gray-700 dark:text-gray-300 m-0 mb-2 flex\">• {item}</Text>\n        ))}\n      </Section>\n      \n      <Section className=\"mb-6\">\n        <Text className=\"text-lg font-bold text-green-600 dark:text-green-400 mb-2 m-0\">🛠 Bug Fixes</Text>\n        {fixes.map((item, idx) => (\n          <Text key={idx} className=\"text-gray-700 dark:text-gray-300 m-0 mb-2 flex\">• {item}</Text>\n        ))}\n      </Section>\n      <Section className=\"text-center\"><EmailButton href={releaseLink}>Read the full notes</EmailButton></Section>\n    </EmailLayout>\n  );\n};\n\nexport default ProductChangelog;"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAWO,MAAM,gBAAgB,GAAoC,CAAC,EAChE,OAAO,GAAG,QAAQ,EAClB,OAAO,GAAG,CAAC,wCAAwC,EAAE,wDAAwD,EAAE,yCAAyC,CAAC,EACzJ,KAAK,GAAG,CAAC,yDAAyD,EAAE,qDAAqD,CAAC,EAC1H,WAAW,GAAG,+BAA+B,EAC9C,KAAI;AACH,IAAA,QACEA,IAAA,CAAC,WAAW,EAAA,EAAC,WAAW,EAAE,CAAA,kBAAA,EAAqB,OAAO,CAAA,CAAE,EAAE,KAAK,EAAC,mBAAmB,EAAA,QAAA,EAAA,CACjFA,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,uDAAuD,EAAA,QAAA,EAAA,CAAA,kBAAA,EAAkB,OAAO,CAAA,EAAA,CAAQ,EACxGC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,oGAAA,EAAA,CAA0G,EAE3LD,IAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,MAAM,EAAA,QAAA,EAAA,CACvBC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,6DAA6D,EAAA,QAAA,EAAA,0CAAA,EAAA,CAAsC,EAClH,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,MACrBD,IAAA,CAAC,IAAI,EAAA,EAAW,SAAS,EAAC,gDAAgD,EAAA,QAAA,EAAA,CAAA,SAAA,EAAI,IAAI,CAAA,EAAA,EAAvE,GAAG,CAA4E,CAC3F,CAAC,CAAA,EAAA,CACM,EAEVA,IAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,MAAM,aACvBC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,+DAA+D,EAAA,QAAA,EAAA,wBAAA,EAAA,CAAoB,EAClG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,MACnBD,IAAA,CAAC,IAAI,EAAA,EAAW,SAAS,EAAC,gDAAgD,EAAA,QAAA,EAAA,CAAA,SAAA,EAAI,IAAI,CAAA,EAAA,EAAvE,GAAG,CAA4E,CAC3F,CAAC,IACM,EACVC,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,aAAa,EAAA,QAAA,EAACA,IAAC,WAAW,EAAA,EAAC,IAAI,EAAE,WAAW,EAAA,QAAA,EAAA,qBAAA,EAAA,CAAmC,EAAA,CAAU,CAAA,EAAA,CAChG;AAElB;;;;"}

package/dist/components/Email/templates/engagement/TeamInviteEmail.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface TeamInviteEmailProps {
+    inviterName?: string;
+    teamName?: string;
+    role?: string;
+    inviteLink?: string;
+}
+export declare const TeamInviteEmail: React.FC<TeamInviteEmailProps>;
+export default TeamInviteEmail;

package/dist/components/Email/templates/engagement/TeamInviteEmail.js

@@ -0,0 +1,14 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+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';
+
+const TeamInviteEmail = ({ inviterName = 'Alex', teamName = 'Acme Corp', role = 'Editor', inviteLink = 'https://example.com/team/invite/123' }) => {
+    return (jsxs(EmailLayout, { previewText: `You've been invited to join ${teamName}`, title: "Team Invitation", children: [jsxs(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: ["Join ", teamName] }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["Hi there, ", jsx("strong", { children: inviterName }), " has invited you to join the ", jsx("strong", { children: teamName }), " team as an ", jsx("strong", { children: role }), "."] }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: inviteLink, children: "Accept Invitation" }) }), jsx(EmailDivider, {}), jsx(Text, { className: "text-gray-500 dark:text-gray-400 text-sm", children: "If you don't recognize this invitation, you can safely ignore this email." })] }));
+};
+
+export { TeamInviteEmail, TeamInviteEmail as default };
+//# sourceMappingURL=TeamInviteEmail.js.map

package/dist/components/Email/templates/engagement/TeamInviteEmail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TeamInviteEmail.js","sources":["../../../../../src/components/Email/templates/engagement/TeamInviteEmail.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section } from '@react-email/components';\nimport { EmailLayout, EmailButton, EmailDivider } from '../../components';\n\nexport interface TeamInviteEmailProps {\n  inviterName?: string;\n  teamName?: string;\n  role?: string;\n  inviteLink?: string;\n}\n\nexport const TeamInviteEmail: React.FC<TeamInviteEmailProps> = ({\n  inviterName = 'Alex',\n  teamName = 'Acme Corp',\n  role = 'Editor',\n  inviteLink = 'https://example.com/team/invite/123'\n}) => {\n  return (\n    <EmailLayout previewText={`You've been invited to join ${teamName}`} title=\"Team Invitation\">\n      <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4\">Join {teamName}</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n        Hi there, <strong>{inviterName}</strong> has invited you to join the <strong>{teamName}</strong> team as an <strong>{role}</strong>.\n      </Text>\n      <Section className=\"text-center mb-6\">\n        <EmailButton href={inviteLink}>\n          Accept Invitation\n        </EmailButton>\n      </Section>\n      <EmailDivider />\n      <Text className=\"text-gray-500 dark:text-gray-400 text-sm\">\n        If you don't recognize this invitation, you can safely ignore this email.\n      </Text>\n    </EmailLayout>\n  );\n};\n\nexport default TeamInviteEmail;"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;MAWa,eAAe,GAAmC,CAAC,EAC9D,WAAW,GAAG,MAAM,EACpB,QAAQ,GAAG,WAAW,EACtB,IAAI,GAAG,QAAQ,EACf,UAAU,GAAG,qCAAqC,EACnD,KAAI;AACH,IAAA,QACEA,IAAA,CAAC,WAAW,EAAA,EAAC,WAAW,EAAE,CAAA,4BAAA,EAA+B,QAAQ,CAAA,CAAE,EAAE,KAAK,EAAC,iBAAiB,EAAA,QAAA,EAAA,CAC1FA,KAAC,IAAI,EAAA,EAAC,SAAS,EAAC,uDAAuD,EAAA,QAAA,EAAA,CAAA,OAAA,EAAO,QAAQ,CAAA,EAAA,CAAQ,EAC9FA,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,CAAA,YAAA,EACrEC,GAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAS,WAAW,GAAU,EAAA,+BAAA,EAA6BA,GAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAS,QAAQ,EAAA,CAAU,EAAA,cAAA,EAAYA,GAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAS,IAAI,EAAA,CAAU,SAC9H,EACPA,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,kBAAkB,EAAA,QAAA,EACnCA,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,UAAU,kCAEf,EAAA,CACN,EACVA,GAAA,CAAC,YAAY,KAAG,EAChBA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,0CAA0C,EAAA,QAAA,EAAA,2EAAA,EAAA,CAEnD,CAAA,EAAA,CACK;AAElB;;;;"}

package/dist/components/Email/templates/engagement/TipOfWeek.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface TipOfWeekProps {
+    userName?: string;
+    tipTitle?: string;
+    tipContent?: string;
+    learnMoreLink?: string;
+}
+export declare const TipOfWeek: React.FC<TipOfWeekProps>;
+export default TipOfWeek;

package/dist/components/Email/templates/engagement/TipOfWeek.js

@@ -0,0 +1,13 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+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';
+
+const TipOfWeek = ({ userName = 'User', tipTitle = 'Keyboard Shortcuts', tipContent = 'Save time by using keyboard shortcuts! Press Cmd+K (or Ctrl+K on Windows) to open the quick search menu from anywhere in the app.', learnMoreLink = 'https://example.com/help/shortcuts' }) => {
+    return (jsxs(EmailLayout, { previewText: `Tip of the Week: ${tipTitle}`, title: "Tip of the Week", children: [jsx(Text, { className: "text-gray-500 dark:text-gray-400 font-bold tracking-widest text-xs uppercase mb-2", children: "Tip of the Week" }), jsxs(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: [tipTitle, " \uD83D\uDCA1"] }), 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: tipContent }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: learnMoreLink, children: "Read Full Guide" }) })] }));
+};
+
+export { TipOfWeek, TipOfWeek as default };
+//# sourceMappingURL=TipOfWeek.js.map

package/dist/components/Email/templates/engagement/TipOfWeek.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TipOfWeek.js","sources":["../../../../../src/components/Email/templates/engagement/TipOfWeek.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section } from '@react-email/components';\nimport { EmailLayout, EmailButton } from '../../components';\n\nexport interface TipOfWeekProps {\n  userName?: string;\n  tipTitle?: string;\n  tipContent?: string;\n  learnMoreLink?: string;\n}\n\nexport const TipOfWeek: React.FC<TipOfWeekProps> = ({\n  userName = 'User',\n  tipTitle = 'Keyboard Shortcuts',\n  tipContent = 'Save time by using keyboard shortcuts! Press Cmd+K (or Ctrl+K on Windows) to open the quick search menu from anywhere in the app.',\n  learnMoreLink = 'https://example.com/help/shortcuts'\n}) => {\n  return (\n    <EmailLayout previewText={`Tip of the Week: ${tipTitle}`} title=\"Tip of the Week\">\n      <Text className=\"text-gray-500 dark:text-gray-400 font-bold tracking-widest text-xs uppercase mb-2\">Tip of the Week</Text>\n      <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4\">{tipTitle} 💡</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">Hi {userName},</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">{tipContent}</Text>\n      <Section className=\"text-center mb-6\"><EmailButton href={learnMoreLink}>Read Full Guide</EmailButton></Section>\n    </EmailLayout>\n  );\n};\n\nexport default TipOfWeek;"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;MAWa,SAAS,GAA6B,CAAC,EAClD,QAAQ,GAAG,MAAM,EACjB,QAAQ,GAAG,oBAAoB,EAC/B,UAAU,GAAG,mIAAmI,EAChJ,aAAa,GAAG,oCAAoC,EACrD,KAAI;AACH,IAAA,QACEA,IAAA,CAAC,WAAW,EAAA,EAAC,WAAW,EAAE,CAAA,iBAAA,EAAoB,QAAQ,CAAA,CAAE,EAAE,KAAK,EAAC,iBAAiB,aAC/EC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,mFAAmF,EAAA,QAAA,EAAA,iBAAA,EAAA,CAAuB,EAC1HD,KAAC,IAAI,EAAA,EAAC,SAAS,EAAC,uDAAuD,EAAA,QAAA,EAAA,CAAE,QAAQ,EAAA,eAAA,CAAA,EAAA,CAAW,EAC5FA,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,CAAA,KAAA,EAAK,QAAQ,SAAS,EACvGC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAE,UAAU,EAAA,CAAQ,EACrGA,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,kBAAkB,YAACA,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,aAAa,EAAA,QAAA,EAAA,iBAAA,EAAA,CAA+B,EAAA,CAAU,CAAA,EAAA,CACnG;AAElB;;;;"}

package/dist/components/Email/templates/engagement/WeeklyDigest.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface WeeklyDigestProps {
+    userName?: string;
+    stats?: Array<{
+        label: string;
+        value: string | number;
+    }>;
+    dashboardLink?: string;
+}
+export declare const WeeklyDigest: React.FC<WeeklyDigestProps>;
+export default WeeklyDigest;

package/dist/components/Email/templates/engagement/WeeklyDigest.js

@@ -0,0 +1,20 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+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';
+
+const WeeklyDigest = ({ userName = 'User', stats = [
+    { label: 'Tasks Completed', value: 42 },
+    { label: 'Hours Saved', value: '5.2h' },
+    { label: 'New Connections', value: 12 }
+], dashboardLink = 'https://example.com/dashboard' }) => {
+    return (jsxs(EmailLayout, { previewText: "Your weekly activity summary", title: "Weekly Activity Digest", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "Your Weekly Summary" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["Hi ", userName, ", here's a quick look at your activity and achievements from the past week."] }), jsx(Section, { className: "mb-6", children: stats.map((stat, index) => (jsxs(Row, { className: "bg-gray-50 dark:bg-gray-700 p-4 mb-2 rounded-lg border border-gray-100 dark:border-gray-600", children: [jsx(Column, { children: jsx(Text, { className: "text-gray-600 dark:text-gray-300 m-0 font-medium", children: stat.label }) }), jsx(Column, { className: "text-right", children: jsx(Text, { className: "text-blue-600 dark:text-blue-400 font-bold m-0 text-xl", children: stat.value }) })] }, index))) }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: dashboardLink, children: "View Full Report" }) }), jsx(EmailDivider, {})] }));
+};
+
+export { WeeklyDigest, WeeklyDigest as default };
+//# sourceMappingURL=WeeklyDigest.js.map

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

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

package/dist/components/Email/templates/engagement/index.d.ts

@@ -0,0 +1,8 @@
+export * from './FeatureAnnouncement';
+export * from './WeeklyDigest';
+export * from './MilestoneEmail';
+export * from './InactivityWarning';
+export * from './TipOfWeek';
+export * from './FeedbackRequestEmail';
+export * from './TeamInviteEmail';
+export * from './ProductChangelog';

package/dist/components/Email/templates/growth/ReferralConverted.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface ReferralConvertedProps {
+    userName?: string;
+    friendName?: string;
+    rewardAmount?: string;
+    dashboardLink?: string;
+}
+export declare const ReferralConverted: React.FC<ReferralConvertedProps>;
+export default ReferralConverted;

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

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

package/dist/components/Email/templates/growth/ReferralConverted.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReferralConverted.js","sources":["../../../../../src/components/Email/templates/growth/ReferralConverted.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section } from '@react-email/components';\nimport { EmailLayout, EmailButton } from '../../components';\n\nexport interface ReferralConvertedProps {\n  userName?: string;\n  friendName?: string;\n  rewardAmount?: string;\n  dashboardLink?: string;\n}\n\nexport const ReferralConverted: React.FC<ReferralConvertedProps> = ({\n  userName = 'User',\n  friendName = 'Alex',\n  rewardAmount = '$15 Credit',\n  dashboardLink = 'https://example.com/rewards'\n}) => {\n  return (\n    <EmailLayout previewText={`Your friend ${friendName} just signed up!`} title=\"Successful Referral\">\n      <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4\">Your friend joined!</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n        Great news, {userName}! <strong>{friendName}</strong> just used your referral link to sign up and start their subscription.\n      </Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">As a thank you, we have added <strong>{rewardAmount}</strong> to your account balance.</Text>\n      <Section className=\"text-center mb-6\"><EmailButton href={dashboardLink}>View Your Rewards</EmailButton></Section>\n    </EmailLayout>\n  );\n};\n\nexport default ReferralConverted;"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;MAWa,iBAAiB,GAAqC,CAAC,EAClE,QAAQ,GAAG,MAAM,EACjB,UAAU,GAAG,MAAM,EACnB,YAAY,GAAG,YAAY,EAC3B,aAAa,GAAG,6BAA6B,EAC9C,KAAI;AACH,IAAA,QACEA,IAAA,CAAC,WAAW,EAAA,EAAC,WAAW,EAAE,CAAA,YAAA,EAAe,UAAU,CAAA,gBAAA,CAAkB,EAAE,KAAK,EAAC,qBAAqB,EAAA,QAAA,EAAA,CAChGC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,uDAAuD,EAAA,QAAA,EAAA,qBAAA,EAAA,CAA2B,EAClGD,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,CAAA,cAAA,EAClE,QAAQ,EAAA,IAAA,EAAGC,GAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAS,UAAU,EAAA,CAAU,EAAA,wEAAA,CAAA,EAAA,CAChD,EACPD,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,CAAA,gCAAA,EAA+BC,GAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAS,YAAY,EAAA,CAAU,iCAAgC,EAC/KA,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,kBAAkB,EAAA,QAAA,EAACA,IAAC,WAAW,EAAA,EAAC,IAAI,EAAE,aAAa,EAAA,QAAA,EAAA,mBAAA,EAAA,CAAiC,EAAA,CAAU,CAAA,EAAA,CACrG;AAElB;;;;"}

package/dist/components/Email/templates/growth/ReferralInvite.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface ReferralInviteProps {
+    referrerName?: string;
+    rewardAmount?: string;
+    referralLink?: string;
+}
+export declare const ReferralInvite: React.FC<ReferralInviteProps>;
+export default ReferralInvite;

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

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

package/dist/components/Email/templates/growth/ReferralInvite.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReferralInvite.js","sources":["../../../../../src/components/Email/templates/growth/ReferralInvite.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section } from '@react-email/components';\nimport { EmailLayout, EmailButton } from '../../components';\n\nexport interface ReferralInviteProps {\n  referrerName?: string;\n  rewardAmount?: string;\n  referralLink?: string;\n}\n\nexport const ReferralInvite: React.FC<ReferralInviteProps> = ({\n  referrerName = 'Alex',\n  rewardAmount = '$10',\n  referralLink = 'https://example.com/signup?ref=alex123'\n}) => {\n  return (\n    <EmailLayout previewText={`${referrerName} invited you!`} title=\"You've been invited\">\n      <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4\">You've been invited by {referrerName}</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n        Hi there, {referrerName} thinks you'd love our platform! Sign up using their invite link and you'll both get {rewardAmount} in credit to use on your first purchase.\n      </Text>\n      <Section className=\"bg-blue-50 dark:bg-blue-900 border border-blue-100 dark:border-blue-800 p-6 rounded-lg mb-6 text-center\">\n        <Text className=\"text-blue-600 dark:text-blue-400 font-bold text-lg m-0 mb-4\">Claim your {rewardAmount} credit</Text>\n        <EmailButton href={referralLink}>\n          Accept Invite\n        </EmailButton>\n      </Section>\n    </EmailLayout>\n  );\n};\n\nexport default ReferralInvite;"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAUO,MAAM,cAAc,GAAkC,CAAC,EAC5D,YAAY,GAAG,MAAM,EACrB,YAAY,GAAG,KAAK,EACpB,YAAY,GAAG,wCAAwC,EACxD,KAAI;AACH,IAAA,QACEA,IAAA,CAAC,WAAW,EAAA,EAAC,WAAW,EAAE,CAAA,EAAG,YAAY,CAAA,aAAA,CAAe,EAAE,KAAK,EAAC,qBAAqB,EAAA,QAAA,EAAA,CACnFA,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,uDAAuD,EAAA,QAAA,EAAA,CAAA,yBAAA,EAAyB,YAAY,CAAA,EAAA,CAAQ,EACpHA,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,CAAA,YAAA,EACpE,YAAY,EAAA,uFAAA,EAAuF,YAAY,EAAA,2CAAA,CAAA,EAAA,CACrH,EACPA,IAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,yGAAyG,EAAA,QAAA,EAAA,CAC1HA,IAAA,CAAC,IAAI,IAAC,SAAS,EAAC,6DAA6D,EAAA,QAAA,EAAA,CAAA,aAAA,EAAa,YAAY,EAAA,SAAA,CAAA,EAAA,CAAe,EACrHC,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,YAAY,EAAA,QAAA,EAAA,eAAA,EAAA,CAEjB,CAAA,EAAA,CACN,CAAA,EAAA,CACE;AAElB;;;;"}

package/dist/components/Email/templates/growth/ReferralReward.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface ReferralRewardProps {
+    userName?: string;
+    rewardType?: string;
+    rewardValue?: string;
+    referralCount?: number;
+    redeemLink?: string;
+}
+export declare const ReferralReward: React.FC<ReferralRewardProps>;
+export default ReferralReward;

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

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

package/dist/components/Email/templates/growth/ReferralReward.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReferralReward.js","sources":["../../../../../src/components/Email/templates/growth/ReferralReward.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section } from '@react-email/components';\nimport { EmailLayout, EmailButton, EmailDivider } from '../../components';\n\nexport interface ReferralRewardProps {\n  userName?: string;\n  rewardType?: string;\n  rewardValue?: string;\n  referralCount?: number;\n  redeemLink?: string;\n}\n\nexport const ReferralReward: React.FC<ReferralRewardProps> = ({\n  userName = 'User',\n  rewardType = 'Account Credit',\n  rewardValue = '$25',\n  referralCount = 1,\n  redeemLink = 'https://example.com/rewards'\n}) => {\n  return (\n    <EmailLayout previewText={`You earned a ${rewardValue} reward!`} title=\"Referral Reward Earned\">\n      <Text className=\"text-3xl text-center mb-2\">🎁</Text>\n      <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4 text-center\">You earned a reward!</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6 text-center\">\n        Hi {userName}, thanks for spreading the word! A friend you referred just joined, and to say thanks, we've added a reward to your account.\n      </Text>\n      <Section className=\"bg-green-50 dark:bg-green-900 border border-green-100 dark:border-green-800 p-6 rounded-lg mb-6 text-center\">\n        <Text className=\"text-gray-500 dark:text-gray-400 font-semibold uppercase tracking-wider text-xs m-0 mb-2\">{rewardType}</Text>\n        <Text className=\"text-4xl font-bold text-green-600 dark:text-green-400 m-0\">{rewardValue}</Text>\n      </Section>\n      <Section className=\"text-center mb-6\"><EmailButton href={redeemLink}>Redeem Reward</EmailButton></Section>\n      <EmailDivider />\n      <Text className=\"text-gray-500 dark:text-gray-400 text-sm text-center\">You've successfully referred {referralCount} friends so far. Keep sharing your link to earn more!</Text>\n    </EmailLayout>\n  );\n};\n\nexport default ReferralReward;"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;AAYO,MAAM,cAAc,GAAkC,CAAC,EAC5D,QAAQ,GAAG,MAAM,EACjB,UAAU,GAAG,gBAAgB,EAC7B,WAAW,GAAG,KAAK,EACnB,aAAa,GAAG,CAAC,EACjB,UAAU,GAAG,6BAA6B,EAC3C,KAAI;IACH,QACEA,KAAC,WAAW,EAAA,EAAC,WAAW,EAAE,CAAA,aAAA,EAAgB,WAAW,CAAA,QAAA,CAAU,EAAE,KAAK,EAAC,wBAAwB,aAC7FC,GAAA,CAAC,IAAI,IAAC,SAAS,EAAC,2BAA2B,EAAA,QAAA,EAAA,cAAA,EAAA,CAAU,EACrDA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,mEAAmE,EAAA,QAAA,EAAA,sBAAA,EAAA,CAA4B,EAC/GD,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,6EAA6E,oBACvF,QAAQ,EAAA,8HAAA,CAAA,EAAA,CACP,EACPA,IAAA,CAAC,OAAO,IAAC,SAAS,EAAC,6GAA6G,EAAA,QAAA,EAAA,CAC9HC,GAAA,CAAC,IAAI,IAAC,SAAS,EAAC,0FAA0F,EAAA,QAAA,EAAE,UAAU,GAAQ,EAC9HA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,2DAA2D,EAAA,QAAA,EAAE,WAAW,GAAQ,CAAA,EAAA,CACxF,EACVA,IAAC,OAAO,EAAA,EAAC,SAAS,EAAC,kBAAkB,EAAA,QAAA,EAACA,IAAC,WAAW,EAAA,EAAC,IAAI,EAAE,UAAU,8BAA6B,EAAA,CAAU,EAC1GA,GAAA,CAAC,YAAY,EAAA,EAAA,CAAG,EAChBD,KAAC,IAAI,EAAA,EAAC,SAAS,EAAC,sDAAsD,8CAA+B,aAAa,EAAA,uDAAA,CAAA,EAAA,CAA6D,CAAA,EAAA,CACnK;AAElB;;;;"}

package/dist/components/Email/templates/growth/SocialSharePrompt.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface SocialSharePromptProps {
+    userName?: string;
+    twitterLink?: string;
+    linkedinLink?: string;
+}
+export declare const SocialSharePrompt: React.FC<SocialSharePromptProps>;
+export default SocialSharePrompt;

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

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

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

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

package/dist/components/Email/templates/growth/WaitlistWelcome.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface WaitlistWelcomeProps {
+    userName?: string;
+    position?: number;
+    estimatedInviteDate?: string;
+    referralLink?: string;
+}
+export declare const WaitlistWelcome: React.FC<WaitlistWelcomeProps>;
+export default WaitlistWelcome;

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

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