@beyondcorp/beyond-ui 1.3.12 → 1.4.0

package/dist/components/Email/templates/marketing/social/SocialProof.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SocialProof.js","sources":["../../../../../../src/components/Email/templates/marketing/social/SocialProof.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section } from '@react-email/components';\nimport { EmailLayout, EmailButton } from '../../../components';\n\nexport interface Testimonial {\n  quote: string;\n  authorName: string;\n  company: string;\n}\n\nexport interface SocialProofProps {\n  userName?: string;\n  testimonials?: Testimonial[];\n  ctaLink?: string;\n}\n\nexport const SocialProof: React.FC<SocialProofProps> = ({\n  userName = 'Alex',\n  testimonials = [\n    { quote: \"This platform completely changed how our team ships code. We've reduced our time-to-market by 40%.\", authorName: \"Jane Doe\", company: \"TechFlow\" },\n    { quote: \"The best investment we've made this year. The ROI was apparent within the first two weeks of use.\", authorName: \"John Smith\", company: \"Acme Corp\" }\n  ],\n  ctaLink = 'https://example.com/signup'\n}) => {\n  return (\n    <EmailLayout previewText=\"See what others are saying about us\" title=\"Customer Success Stories\">\n      <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4\">Don't just take our word for it.</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n        Hi {userName}, we could talk all day about how much value our platform can bring to your team, but we'd rather let our customers do the talking.\n      </Text>\n      {testimonials.map((testimonial, index) => (\n        <Section key={index} className=\"bg-blue-50 dark:bg-blue-900 p-6 rounded-lg mb-6 border-l-4 border-blue-500 dark:border-blue-400\">\n          <Text className=\"text-blue-900 dark:text-blue-100 italic text-base m-0 mb-4\">\"{testimonial.quote}\"</Text>\n          <Text className=\"text-blue-800 dark:text-blue-200 font-semibold text-sm m-0\">— {testimonial.authorName}, {testimonial.company}</Text>\n        </Section>\n      ))}\n      <Section className=\"text-center mb-6\"><EmailButton href={ctaLink}>Start Your Free Trial</EmailButton></Section>\n    </EmailLayout>\n  );\n};\n\nexport default SocialProof;\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAgBO,MAAM,WAAW,GAA+B,CAAC,EACtD,QAAQ,GAAG,MAAM,EACjB,YAAY,GAAG;IACb,EAAE,KAAK,EAAE,oGAAoG,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE;IAC5J,EAAE,KAAK,EAAE,mGAAmG,EAAE,UAAU,EAAE,YAAY,EAAE,OAAO,EAAE,WAAW;AAC7J,CAAA,EACD,OAAO,GAAG,4BAA4B,EACvC,KAAI;IACH,QACEA,KAAC,WAAW,EAAA,EAAC,WAAW,EAAC,qCAAqC,EAAC,KAAK,EAAC,0BAA0B,EAAA,QAAA,EAAA,CAC7FC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,uDAAuD,EAAA,QAAA,EAAA,kCAAA,EAAA,CAAwC,EAC/GD,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,oBAC3E,QAAQ,EAAA,qIAAA,CAAA,EAAA,CACP,EACN,YAAY,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,KAAK,MACnCA,KAAC,OAAO,EAAA,EAAa,SAAS,EAAC,iGAAiG,EAAA,QAAA,EAAA,CAC9HA,KAAC,IAAI,EAAA,EAAC,SAAS,EAAC,4DAA4D,mBAAG,WAAW,CAAC,KAAK,EAAA,IAAA,CAAA,EAAA,CAAS,EACzGA,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,4DAA4D,EAAA,QAAA,EAAA,CAAA,SAAA,EAAI,WAAW,CAAC,UAAU,EAAA,IAAA,EAAI,WAAW,CAAC,OAAO,IAAQ,CAAA,EAAA,EAFzH,KAAK,CAGT,CACX,CAAC,EACFC,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,kBAAkB,YAACA,GAAA,CAAC,WAAW,IAAC,IAAI,EAAE,OAAO,EAAA,QAAA,EAAA,uBAAA,EAAA,CAAqC,EAAA,CAAU,CAAA,EAAA,CACnG;AAElB;;;;"}

package/dist/components/Email/templates/marketing/social/UserSpotlight.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const UserSpotlight: React.FC<{
+    link?: string;
+}>;
+export default UserSpotlight;

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

@@ -0,0 +1,11 @@
+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 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" }) })] }));
+
+export { UserSpotlight, UserSpotlight as default };
+//# sourceMappingURL=UserSpotlight.js.map

package/dist/components/Email/templates/marketing/social/UserSpotlight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserSpotlight.js","sources":["../../../../../../src/components/Email/templates/marketing/social/UserSpotlight.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section } from '@react-email/components';\nimport { EmailLayout, EmailButton } from '../../../components';\n\nexport const UserSpotlight: React.FC<{ link?: string }> = ({ link = '#' }) => (\n  <EmailLayout previewText=\"Check out this month's featured user\" title=\"User Spotlight\">\n    <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4\">User Spotlight 🌟</Text>\n    <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n      Every month we highlight a user who is doing amazing things. Meet this month's featured creator and learn how they are finding success.\n    </Text>\n    <Section className=\"text-center mb-6\">\n      <EmailButton href={link}>Read Their Story</EmailButton>\n    </Section>\n  </EmailLayout>\n);\nexport default UserSpotlight;"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAIO,MAAM,aAAa,GAAgC,CAAC,EAAE,IAAI,GAAG,GAAG,EAAE,MACvEA,IAAA,CAAC,WAAW,EAAA,EAAC,WAAW,EAAC,sCAAsC,EAAC,KAAK,EAAC,gBAAgB,EAAA,QAAA,EAAA,CACpFC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,uDAAuD,EAAA,QAAA,EAAA,6BAAA,EAAA,CAAyB,EAChGA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,yIAAA,EAAA,CAE1E,EACPA,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,kBAAkB,EAAA,QAAA,EACnCA,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,IAAI,EAAA,QAAA,EAAA,kBAAA,EAAA,CAAgC,EAAA,CAC/C,CAAA,EAAA,CACE;;;;"}

package/dist/components/Email/templates/marketing/social/index.d.ts

@@ -0,0 +1,5 @@
+export * from './SocialProof';
+export * from './NewFollowerWelcome';
+export * from './ShareYourStory';
+export * from './UserSpotlight';
+export * from './CommunityMilestone';

package/dist/components/Email/templates/marketing/surveys/BetaFeedback.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const BetaFeedback: React.FC<{
+    link?: string;
+}>;
+export default BetaFeedback;

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

@@ -0,0 +1,11 @@
+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 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" }) })] }));
+
+export { BetaFeedback, BetaFeedback as default };
+//# sourceMappingURL=BetaFeedback.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BetaFeedback.js","sources":["../../../../../../src/components/Email/templates/marketing/surveys/BetaFeedback.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section } from '@react-email/components';\nimport { EmailLayout, EmailButton } from '../../../components';\n\nexport const BetaFeedback: React.FC<{ link?: string }> = ({ link = '#' }) => (\n  <EmailLayout previewText=\"How is the new feature working for you?\" title=\"Beta Feedback\">\n    <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4\">Beta Tester Feedback</Text>\n    <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n      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.\n    </Text>\n    <Section className=\"text-center mb-6\">\n      <EmailButton href={link}>Report an Issue</EmailButton>\n    </Section>\n  </EmailLayout>\n);\nexport default BetaFeedback;"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAIO,MAAM,YAAY,GAAgC,CAAC,EAAE,IAAI,GAAG,GAAG,EAAE,MACtEA,IAAA,CAAC,WAAW,EAAA,EAAC,WAAW,EAAC,yCAAyC,EAAC,KAAK,EAAC,eAAe,EAAA,QAAA,EAAA,CACtFC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,uDAAuD,EAAA,QAAA,EAAA,sBAAA,EAAA,CAA4B,EACnGA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,+JAAA,EAAA,CAE1E,EACPA,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,kBAAkB,EAAA,QAAA,EACnCA,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,IAAI,EAAA,QAAA,EAAA,iBAAA,EAAA,CAA+B,EAAA,CAC9C,CAAA,EAAA,CACE;;;;"}

package/dist/components/Email/templates/marketing/surveys/CSATSurvey.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const CSATSurvey: React.FC<{
+    link?: string;
+}>;
+export default CSATSurvey;

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

@@ -0,0 +1,11 @@
+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 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" }) })] }));
+
+export { CSATSurvey, CSATSurvey as default };
+//# sourceMappingURL=CSATSurvey.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CSATSurvey.js","sources":["../../../../../../src/components/Email/templates/marketing/surveys/CSATSurvey.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section } from '@react-email/components';\nimport { EmailLayout, EmailButton } from '../../../components';\n\nexport const CSATSurvey: React.FC<{ link?: string }> = ({ link = '#' }) => (\n  <EmailLayout previewText=\"How was your recent support experience?\" title=\"CSAT Survey\">\n    <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4\">Rate Your Experience</Text>\n    <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n      Your support ticket was recently closed. Could you take 10 seconds to let us know how our agent handled your request?\n    </Text>\n    <Section className=\"text-center mb-6\">\n      <EmailButton href={link}>Leave Feedback</EmailButton>\n    </Section>\n  </EmailLayout>\n);\nexport default CSATSurvey;"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAIO,MAAM,UAAU,GAAgC,CAAC,EAAE,IAAI,GAAG,GAAG,EAAE,MACpEA,IAAA,CAAC,WAAW,EAAA,EAAC,WAAW,EAAC,yCAAyC,EAAC,KAAK,EAAC,aAAa,EAAA,QAAA,EAAA,CACpFC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,uDAAuD,EAAA,QAAA,EAAA,sBAAA,EAAA,CAA4B,EACnGA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,uHAAA,EAAA,CAE1E,EACPA,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,kBAAkB,EAAA,QAAA,EACnCA,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,IAAI,EAAA,QAAA,EAAA,gBAAA,EAAA,CAA8B,EAAA,CAC7C,CAAA,EAAA,CACE;;;;"}

package/dist/components/Email/templates/marketing/surveys/ExitSurvey.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface ExitSurveyProps {
+    userName?: string;
+    feedbackLinkBase?: string;
+}
+export declare const ExitSurvey: React.FC<ExitSurveyProps>;
+export default ExitSurvey;

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

@@ -0,0 +1,20 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+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';
+
+const ExitSurvey = ({ userName = 'User', feedbackLinkBase = 'https://example.com/survey/exit?reason=' }) => {
+    const reasons = [
+        { id: 'too-expensive', label: 'It is too expensive' },
+        { id: 'too-complex', label: 'It was too hard to use' },
+        { id: 'missing-features', label: 'It is missing features I need' },
+        { id: 'switched-product', label: 'I am switching to another product' },
+        { id: 'other', label: 'Other reason' }
+    ];
+    return (jsxs(EmailLayout, { previewText: "We're sorry to see you go! Can you tell us why?", title: "Exit Survey", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "We're sorry to see you go!" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["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?"] }), 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: reasons.map((reason) => (jsx(Link, { 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' }, children: reason.label }, reason.id))) })] }));
+};
+
+export { ExitSurvey, ExitSurvey as default };
+//# sourceMappingURL=ExitSurvey.js.map

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

@@ -0,0 +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;;;;"}

package/dist/components/Email/templates/marketing/surveys/NPSSurvey.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface NPSSurveyProps {
+    userName?: string;
+    surveyLinkBase?: string;
+}
+export declare const NPSSurvey: React.FC<NPSSurveyProps>;
+export default NPSSurvey;

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

@@ -0,0 +1,17 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+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';
+
+const NPSSurvey = ({ userName = 'Alex', surveyLinkBase = 'https://example.com/survey/nps?score=' }) => {
+    const scores = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
+    return (jsxs(EmailLayout, { previewText: "How likely are you to recommend us?", title: "How are we doing?", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "How are we doing?" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["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?"] }), jsxs(Section, { className: "bg-gray-50 dark:bg-gray-700 p-4 rounded-lg mb-6 border border-gray-100 dark:border-gray-600", children: [jsx(Text, { className: "text-center text-sm font-semibold text-gray-500 dark:text-gray-400 mb-4", children: "0 = Not likely at all, 10 = Extremely likely" }), jsx(Row, { className: "text-center", children: scores.map((score) => (jsx(Column, { className: "px-0.5", children: jsx(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' }, children: score }) }, score))) })] }), jsx(EmailDivider, {}), jsx(Text, { className: "text-gray-500 dark:text-gray-400 text-sm text-center", children: "It only takes a click, and your feedback means the world to us!" })] }));
+};
+
+export { NPSSurvey, NPSSurvey as default };
+//# sourceMappingURL=NPSSurvey.js.map

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

@@ -0,0 +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;;;;"}

package/dist/components/Email/templates/marketing/surveys/ProductFeedback.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const ProductFeedback: React.FC<{
+    link?: string;
+}>;
+export default ProductFeedback;

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

@@ -0,0 +1,11 @@
+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 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" }) })] }));
+
+export { ProductFeedback, ProductFeedback as default };
+//# sourceMappingURL=ProductFeedback.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProductFeedback.js","sources":["../../../../../../src/components/Email/templates/marketing/surveys/ProductFeedback.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section } from '@react-email/components';\nimport { EmailLayout, EmailButton } from '../../../components';\n\nexport const ProductFeedback: React.FC<{ link?: string }> = ({ link = '#' }) => (\n  <EmailLayout previewText=\"Help us build a better product\" title=\"Product Feedback\">\n    <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4\">Have your say!</Text>\n    <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n      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.\n    </Text>\n    <Section className=\"text-center mb-6\">\n      <EmailButton href={link}>Take the Survey</EmailButton>\n    </Section>\n  </EmailLayout>\n);\nexport default ProductFeedback;"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAIO,MAAM,eAAe,GAAgC,CAAC,EAAE,IAAI,GAAG,GAAG,EAAE,MACzEA,IAAA,CAAC,WAAW,EAAA,EAAC,WAAW,EAAC,gCAAgC,EAAC,KAAK,EAAC,kBAAkB,EAAA,QAAA,EAAA,CAChFC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,uDAAuD,EAAA,QAAA,EAAA,gBAAA,EAAA,CAAsB,EAC7FA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,+IAAA,EAAA,CAE1E,EACPA,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,kBAAkB,EAAA,QAAA,EACnCA,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,IAAI,EAAA,QAAA,EAAA,iBAAA,EAAA,CAA+B,EAAA,CAC9C,CAAA,EAAA,CACE;;;;"}

package/dist/components/Email/templates/marketing/surveys/index.d.ts

@@ -0,0 +1,5 @@
+export * from './NPSSurvey';
+export * from './ExitSurvey';
+export * from './CSATSurvey';
+export * from './ProductFeedback';
+export * from './BetaFeedback';

package/dist/components/Email/templates/sales/ClientReferenceRequest.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface ClientReferenceRequestProps {
+    clientName?: string;
+    senderName?: string;
+    reviewLink?: string;
+}
+export declare const ClientReferenceRequest: React.FC<ClientReferenceRequestProps>;
+export default ClientReferenceRequest;

package/dist/components/Email/templates/sales/ClientReferenceRequest.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 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] })] }));
+};
+
+export { ClientReferenceRequest, ClientReferenceRequest as default };
+//# sourceMappingURL=ClientReferenceRequest.js.map

package/dist/components/Email/templates/sales/ClientReferenceRequest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClientReferenceRequest.js","sources":["../../../../../src/components/Email/templates/sales/ClientReferenceRequest.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section } from '@react-email/components';\nimport { EmailLayout, EmailButton } from '../../components';\n\nexport interface ClientReferenceRequestProps {\n  clientName?: string;\n  senderName?: string;\n  reviewLink?: string;\n}\n\nexport const ClientReferenceRequest: React.FC<ClientReferenceRequestProps> = ({\n  clientName = 'Alex',\n  senderName = 'Jordan',\n  reviewLink = 'https://g2.com/example/review'\n}) => {\n  return (\n    <EmailLayout previewText=\"Would you mind sharing your experience?\" title=\"Review Request\">\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-4\">Hi {clientName},</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n        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.\n      </Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n        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.\n      </Text>\n      <Section className=\"mb-6\"><EmailButton href={reviewLink}>Leave a Review</EmailButton></Section>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed\">Thanks so much for your support!<br />{senderName}</Text>\n    </EmailLayout>\n  );\n};\n\nexport default ClientReferenceRequest;"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAUO,MAAM,sBAAsB,GAA0C,CAAC,EAC5E,UAAU,GAAG,MAAM,EACnB,UAAU,GAAG,QAAQ,EACrB,UAAU,GAAG,+BAA+B,EAC7C,KAAI;AACH,IAAA,QACEA,IAAA,CAAC,WAAW,EAAA,EAAC,WAAW,EAAC,yCAAyC,EAAC,KAAK,EAAC,gBAAgB,EAAA,QAAA,EAAA,CACvFA,KAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,CAAA,KAAA,EAAK,UAAU,EAAA,GAAA,CAAA,EAAA,CAAS,EACzGC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,iJAAA,EAAA,CAE1E,EACPA,IAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,2IAAA,EAAA,CAE1E,EACPA,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,MAAM,EAAA,QAAA,EAACA,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,UAAU,EAAA,QAAA,EAAA,gBAAA,EAAA,CAA8B,EAAA,CAAU,EAC/FD,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,4DAA4D,EAAA,QAAA,EAAA,CAAA,kCAAA,EAAiCC,GAAA,CAAA,IAAA,EAAA,EAAA,CAAM,EAAC,UAAU,CAAA,EAAA,CAAQ,CAAA,EAAA,CAC1H;AAElB;;;;"}

package/dist/components/Email/templates/sales/ClientWinBack.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface ClientWinBackProps {
+    clientName?: string;
+    senderName?: string;
+    companyName?: string;
+    offer?: string;
+    reactivationLink?: string;
+}
+export declare const ClientWinBack: React.FC<ClientWinBackProps>;
+export default ClientWinBack;

package/dist/components/Email/templates/sales/ClientWinBack.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 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" })] })] }));
+};
+
+export { ClientWinBack, ClientWinBack as default };
+//# sourceMappingURL=ClientWinBack.js.map

package/dist/components/Email/templates/sales/ClientWinBack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClientWinBack.js","sources":["../../../../../src/components/Email/templates/sales/ClientWinBack.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section } from '@react-email/components';\nimport { EmailLayout, EmailButton } from '../../components';\n\nexport interface ClientWinBackProps {\n  clientName?: string;\n  senderName?: string;\n  companyName?: string;\n  offer?: string;\n  reactivationLink?: string;\n}\n\nexport const ClientWinBack: React.FC<ClientWinBackProps> = ({\n  clientName = 'Alex',\n  senderName = 'Jordan',\n  companyName = 'Beyond Corp',\n  offer = '20% off your next 6 months',\n  reactivationLink = 'https://example.com/reactivate?promo=COMEBACK'\n}) => {\n  return (\n    <EmailLayout previewText=\"We've missed you!\" title=\"We Miss You\">\n      <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4\">Let's catch up!</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-4\">Hi {clientName},</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n        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.\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 text-center\">\n        <Text className=\"text-blue-800 dark:text-blue-200 font-semibold m-0 mb-4\">If you're open to giving us another try, I'd love to offer you <strong>{offer}</strong>.</Text>\n        <EmailButton href={reactivationLink}>Claim Your Offer</EmailButton>\n      </Section>\n    </EmailLayout>\n  );\n};\n\nexport default ClientWinBack;"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAYO,MAAM,aAAa,GAAiC,CAAC,EAC1D,UAAU,GAAG,MAAM,EACnB,UAAU,GAAG,QAAQ,EACrB,WAAW,GAAG,aAAa,EAC3B,KAAK,GAAG,4BAA4B,EACpC,gBAAgB,GAAG,+CAA+C,EACnE,KAAI;AACH,IAAA,QACEA,IAAA,CAAC,WAAW,EAAA,EAAC,WAAW,EAAC,mBAAmB,EAAC,KAAK,EAAC,aAAa,EAAA,QAAA,EAAA,CAC9DC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,uDAAuD,EAAA,QAAA,EAAA,iBAAA,EAAA,CAAuB,EAC9FD,IAAA,CAAC,IAAI,IAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,CAAA,KAAA,EAAK,UAAU,EAAA,GAAA,CAAA,EAAA,CAAS,EACzGA,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,CAAA,qDAAA,EAC3B,WAAW,EAAA,kGAAA,CAAA,EAAA,CAC1D,EACPA,KAAC,OAAO,EAAA,EAAC,SAAS,EAAC,yGAAyG,EAAA,QAAA,EAAA,CAC1HA,IAAA,CAAC,IAAI,IAAC,SAAS,EAAC,yDAAyD,EAAA,QAAA,EAAA,CAAA,iEAAA,EAAgEC,GAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAS,KAAK,EAAA,CAAU,EAAA,GAAA,CAAA,EAAA,CAAQ,EACzKA,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,gBAAgB,EAAA,QAAA,EAAA,kBAAA,EAAA,CAAgC,CAAA,EAAA,CAC3D,CAAA,EAAA,CACE;AAElB;;;;"}

package/dist/components/Email/templates/sales/ColdOutreach.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface ColdOutreachProps {
+    prospectName?: string;
+    senderName?: string;
+    companyName?: string;
+    painPoint?: string;
+    solutionValue?: string;
+    meetingLink?: string;
+}
+export declare const ColdOutreach: React.FC<ColdOutreachProps>;
+export default ColdOutreach;

package/dist/components/Email/templates/sales/ColdOutreach.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 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] })] }));
+};
+
+export { ColdOutreach, ColdOutreach as default };
+//# sourceMappingURL=ColdOutreach.js.map

package/dist/components/Email/templates/sales/ColdOutreach.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColdOutreach.js","sources":["../../../../../src/components/Email/templates/sales/ColdOutreach.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section } from '@react-email/components';\nimport { EmailLayout, EmailButton } from '../../components';\n\nexport interface ColdOutreachProps {\n  prospectName?: string;\n  senderName?: string;\n  companyName?: string;\n  painPoint?: string;\n  solutionValue?: string;\n  meetingLink?: string;\n}\n\nexport const ColdOutreach: React.FC<ColdOutreachProps> = ({\n  prospectName = 'Alex',\n  senderName = 'Jordan',\n  companyName = 'Beyond Corp',\n  painPoint = 'scaling your component library consistently',\n  solutionValue = 'help teams reduce UI bugs by 40% and ship features twice as fast',\n  meetingLink = 'https://calendly.com/example/15min'\n}) => {\n  return (\n    <EmailLayout previewText={`Quick question about ${painPoint}`} title=\"Let's connect\">\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-4\">Hi {prospectName},</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-4\">\n        I noticed your team has been growing rapidly recently. Usually, engineering leaders tell me that {painPoint} becomes a major bottleneck at this stage.\n      </Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n        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?\n      </Text>\n      <Section className=\"mb-6\"><EmailButton href={meetingLink}>Book a 15-min chat</EmailButton></Section>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed\">Best,<br />{senderName}</Text>\n    </EmailLayout>\n  );\n};\n\nexport default ColdOutreach;"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAaO,MAAM,YAAY,GAAgC,CAAC,EACxD,YAAY,GAAG,MAAM,EACrB,UAAU,GAAG,QAAQ,EACrB,WAAW,GAAG,aAAa,EAC3B,SAAS,GAAG,6CAA6C,EACzD,aAAa,GAAG,kEAAkE,EAClF,WAAW,GAAG,oCAAoC,EACnD,KAAI;AACH,IAAA,QACEA,IAAA,CAAC,WAAW,EAAA,EAAC,WAAW,EAAE,CAAA,qBAAA,EAAwB,SAAS,CAAA,CAAE,EAAE,KAAK,EAAC,eAAe,EAAA,QAAA,EAAA,CAClFA,KAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,CAAA,KAAA,EAAK,YAAY,EAAA,GAAA,CAAA,EAAA,CAAS,EAC3GA,KAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,CAAA,mGAAA,EACmB,SAAS,EAAA,4CAAA,CAAA,EAAA,CACtG,EACPA,KAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,CAAA,KAAA,EAC3E,WAAW,EAAA,OAAA,EAAO,aAAa,uLAC9B,EACPC,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,MAAM,EAAA,QAAA,EAACA,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,WAAW,mCAAkC,EAAA,CAAU,EACpGD,IAAA,CAAC,IAAI,IAAC,SAAS,EAAC,4DAA4D,EAAA,QAAA,EAAA,CAAA,OAAA,EAAMC,aAAM,EAAC,UAAU,CAAA,EAAA,CAAQ,CAAA,EAAA,CAC/F;AAElB;;;;"}

package/dist/components/Email/templates/sales/FollowUpEmail.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface FollowUpEmailProps {
+    prospectName?: string;
+    senderName?: string;
+    lastContactDays?: number;
+    meetingLink?: string;
+}
+export declare const FollowUpEmail: React.FC<FollowUpEmailProps>;
+export default FollowUpEmail;

package/dist/components/Email/templates/sales/FollowUpEmail.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 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] })] }));
+};
+
+export { FollowUpEmail, FollowUpEmail as default };
+//# sourceMappingURL=FollowUpEmail.js.map

package/dist/components/Email/templates/sales/FollowUpEmail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FollowUpEmail.js","sources":["../../../../../src/components/Email/templates/sales/FollowUpEmail.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section } from '@react-email/components';\nimport { EmailLayout, EmailButton } from '../../components';\n\nexport interface FollowUpEmailProps {\n  prospectName?: string;\n  senderName?: string;\n  lastContactDays?: number;\n  meetingLink?: string;\n}\n\nexport const FollowUpEmail: React.FC<FollowUpEmailProps> = ({\n  prospectName = 'Alex',\n  senderName = 'Jordan',\n  lastContactDays = 3,\n  meetingLink = 'https://calendly.com/example/15min'\n}) => {\n  return (\n    <EmailLayout previewText=\"Just bubbling this up to the top of your inbox\" title=\"Checking in\">\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-4\">Hi {prospectName},</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n        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?\n      </Text>\n      <Section className=\"mb-6\"><EmailButton href={meetingLink}>Find a time to chat</EmailButton></Section>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed\">Best,<br />{senderName}</Text>\n    </EmailLayout>\n  );\n};\n\nexport default FollowUpEmail;"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;MAWa,aAAa,GAAiC,CAAC,EAC1D,YAAY,GAAG,MAAM,EACrB,UAAU,GAAG,QAAQ,EACrB,eAAe,GAAG,CAAC,EACnB,WAAW,GAAG,oCAAoC,EACnD,KAAI;IACH,QACEA,IAAA,CAAC,WAAW,EAAA,EAAC,WAAW,EAAC,gDAAgD,EAAC,KAAK,EAAC,aAAa,EAAA,QAAA,EAAA,CAC3FA,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,CAAA,KAAA,EAAK,YAAY,EAAA,GAAA,CAAA,EAAA,CAAS,EAC3GC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,mLAAA,EAAA,CAE1E,EACPA,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,MAAM,EAAA,QAAA,EAACA,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,WAAW,EAAA,QAAA,EAAA,qBAAA,EAAA,CAAmC,EAAA,CAAU,EACrGD,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,4DAA4D,EAAA,QAAA,EAAA,CAAA,OAAA,EAAMC,GAAA,CAAA,IAAA,EAAA,EAAA,CAAM,EAAC,UAAU,CAAA,EAAA,CAAQ,CAAA,EAAA,CAC/F;AAElB;;;;"}

package/dist/components/Email/templates/sales/ProjectTermination.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface ProjectTerminationProps {
+    clientName?: string;
+    projectName?: string;
+    effectiveDate?: string;
+    senderName?: string;
+}
+export declare const ProjectTermination: React.FC<ProjectTerminationProps>;
+export default ProjectTermination;

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

@@ -0,0 +1,12 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+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 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] })] }));
+};
+
+export { ProjectTermination, ProjectTermination as default };
+//# sourceMappingURL=ProjectTermination.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectTermination.js","sources":["../../../../../src/components/Email/templates/sales/ProjectTermination.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section } from '@react-email/components';\nimport { EmailLayout, EmailDivider } from '../../components';\n\nexport interface ProjectTerminationProps {\n  clientName?: string;\n  projectName?: string;\n  effectiveDate?: string;\n  senderName?: string;\n}\n\nexport const ProjectTermination: React.FC<ProjectTerminationProps> = ({\n  clientName = 'Alex',\n  projectName = 'Monthly Retainer',\n  effectiveDate = 'December 31st',\n  senderName = 'Jordan'\n}) => {\n  return (\n    <EmailLayout previewText={`Notice regarding ${projectName}`} title=\"Project Termination\">\n      <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4\">Contract Notice</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-4\">Hi {clientName},</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n        I am writing to formally confirm that we will be concluding our work on the <strong>{projectName}</strong>. As per our recent discussion, our final day of service will be <strong>{effectiveDate}</strong>.\n      </Text>\n      <Section className=\"bg-gray-50 dark:bg-gray-700 p-4 rounded-lg mb-6 border border-gray-100 dark:border-gray-600\">\n        <Text className=\"text-gray-700 dark:text-gray-300 m-0\">We will ensure all final deliverables and documentation are securely handed over prior to this date. Final invoicing will be prorated accordingly.</Text>\n      </Section>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mt-4\">Thank you for the opportunity to work together. Best,<br />{senderName}</Text>\n    </EmailLayout>\n  );\n};\n\nexport default ProjectTermination;"],"names":["_jsxs","_jsx"],"mappings":";;;;;;MAWa,kBAAkB,GAAsC,CAAC,EACpE,UAAU,GAAG,MAAM,EACnB,WAAW,GAAG,kBAAkB,EAChC,aAAa,GAAG,eAAe,EAC/B,UAAU,GAAG,QAAQ,EACtB,KAAI;AACH,IAAA,QACEA,IAAA,CAAC,WAAW,EAAA,EAAC,WAAW,EAAE,CAAA,iBAAA,EAAoB,WAAW,CAAA,CAAE,EAAE,KAAK,EAAC,qBAAqB,EAAA,QAAA,EAAA,CACtFC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,uDAAuD,gCAAuB,EAC9FD,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,CAAA,KAAA,EAAK,UAAU,SAAS,EACzGA,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,CAAA,8EAAA,EACHC,GAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAS,WAAW,EAAA,CAAU,EAAA,mEAAA,EAAiEA,GAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAS,aAAa,GAAU,EAAA,GAAA,CAAA,EAAA,CACtM,EACPA,GAAA,CAAC,OAAO,IAAC,SAAS,EAAC,6FAA6F,EAAA,QAAA,EAC9GA,IAAC,IAAI,EAAA,EAAC,SAAS,EAAC,sCAAsC,EAAA,QAAA,EAAA,oJAAA,EAAA,CAA0J,EAAA,CACxM,EACVD,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,sEAAsDC,GAAA,CAAA,IAAA,EAAA,EAAA,CAAM,EAAC,UAAU,CAAA,EAAA,CAAQ,CAAA,EAAA,CACpJ;AAElB;;;;"}

package/dist/components/Email/templates/sales/ProposalAccepted.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface ProposalAcceptedProps {
+    clientName?: string;
+    projectName?: string;
+    repName?: string;
+    nextStepsLink?: string;
+}
+export declare const ProposalAccepted: React.FC<ProposalAcceptedProps>;
+export default ProposalAccepted;

package/dist/components/Email/templates/sales/ProposalAccepted.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 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" })] })] }));
+};
+
+export { ProposalAccepted, ProposalAccepted as default };
+//# sourceMappingURL=ProposalAccepted.js.map

package/dist/components/Email/templates/sales/ProposalAccepted.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProposalAccepted.js","sources":["../../../../../src/components/Email/templates/sales/ProposalAccepted.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section } from '@react-email/components';\nimport { EmailLayout, EmailButton, EmailDivider } from '../../components';\n\nexport interface ProposalAcceptedProps {\n  clientName?: string;\n  projectName?: string;\n  repName?: string;\n  nextStepsLink?: string;\n}\n\nexport const ProposalAccepted: React.FC<ProposalAcceptedProps> = ({\n  clientName = 'Alex',\n  projectName = 'Q4 Enterprise Engagement',\n  repName = 'Jordan',\n  nextStepsLink = 'https://example.com/onboarding/start'\n}) => {\n  return (\n    <EmailLayout previewText=\"It's official! Let's get started.\" title=\"Proposal Accepted\">\n      <Text className=\"text-3xl text-center mb-4\">🎉</Text>\n      <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4 text-center\">It's Official!</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n        Hi {clientName}, we received your signed proposal for the <strong>{projectName}</strong>. We are thrilled to officially welcome you aboard and can't wait to start working together!\n      </Text>\n      <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\">\n        <Text className=\"text-gray-900 dark:text-white font-semibold m-0 mb-4\">Ready to kick things off?</Text>\n        <EmailButton href={nextStepsLink}>Start Onboarding</EmailButton>\n      </Section>\n    </EmailLayout>\n  );\n};\n\nexport default ProposalAccepted;"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;MAWa,gBAAgB,GAAoC,CAAC,EAChE,UAAU,GAAG,MAAM,EACnB,WAAW,GAAG,0BAA0B,EACxC,OAAO,GAAG,QAAQ,EAClB,aAAa,GAAG,sCAAsC,EACvD,KAAI;AACH,IAAA,QACEA,IAAA,CAAC,WAAW,EAAA,EAAC,WAAW,EAAC,mCAAmC,EAAC,KAAK,EAAC,mBAAmB,EAAA,QAAA,EAAA,CACpFC,IAAC,IAAI,EAAA,EAAC,SAAS,EAAC,2BAA2B,EAAA,QAAA,EAAA,cAAA,EAAA,CAAU,EACrDA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,mEAAmE,EAAA,QAAA,EAAA,gBAAA,EAAA,CAAsB,EACzGD,IAAA,CAAC,IAAI,IAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,CAAA,KAAA,EAC3E,UAAU,EAAA,6CAAA,EAA4CC,GAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAS,WAAW,GAAU,EAAA,8FAAA,CAAA,EAAA,CACnF,EACPD,IAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,yGAAyG,aAC1HC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,sDAAsD,EAAA,QAAA,EAAA,2BAAA,EAAA,CAAiC,EACvGA,IAAC,WAAW,EAAA,EAAC,IAAI,EAAE,aAAa,EAAA,QAAA,EAAA,kBAAA,EAAA,CAAgC,CAAA,EAAA,CACxD,CAAA,EAAA,CACE;AAElB;;;;"}

package/dist/components/Email/templates/sales/ScheduleDemo.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface ScheduleDemoProps {
+    prospectName?: string;
+    productName?: string;
+    repName?: string;
+    schedulingLink?: string;
+}
+export declare const ScheduleDemo: React.FC<ScheduleDemoProps>;
+export default ScheduleDemo;

package/dist/components/Email/templates/sales/ScheduleDemo.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 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] })] }));
+};
+
+export { ScheduleDemo, ScheduleDemo as default };
+//# sourceMappingURL=ScheduleDemo.js.map

package/dist/components/Email/templates/sales/ScheduleDemo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScheduleDemo.js","sources":["../../../../../src/components/Email/templates/sales/ScheduleDemo.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section } from '@react-email/components';\nimport { EmailLayout, EmailButton } from '../../components';\n\nexport interface ScheduleDemoProps {\n  prospectName?: string;\n  productName?: string;\n  repName?: string;\n  schedulingLink?: string;\n}\n\nexport const ScheduleDemo: React.FC<ScheduleDemoProps> = ({\n  prospectName = 'Alex',\n  productName = 'Beyond UI',\n  repName = 'Jordan',\n  schedulingLink = 'https://calendly.com/example/demo'\n}) => {\n  return (\n    <EmailLayout previewText={`Schedule your customized ${productName} demo`} title=\"Schedule a Demo\">\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-4\">Hi {prospectName},</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-4\">\n        Thanks for requesting a demo of {productName}! I'm excited to show you how our platform can fit into your workflow.\n      </Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n        Please grab a time on my calendar below that works best for you and your team.\n      </Text>\n      <Section className=\"mb-6\"><EmailButton href={schedulingLink}>Choose a time</EmailButton></Section>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed\">Talk soon,<br />{repName}</Text>\n    </EmailLayout>\n  );\n};\n\nexport default ScheduleDemo;"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;MAWa,YAAY,GAAgC,CAAC,EACxD,YAAY,GAAG,MAAM,EACrB,WAAW,GAAG,WAAW,EACzB,OAAO,GAAG,QAAQ,EAClB,cAAc,GAAG,mCAAmC,EACrD,KAAI;AACH,IAAA,QACEA,IAAA,CAAC,WAAW,EAAA,EAAC,WAAW,EAAE,CAAA,yBAAA,EAA4B,WAAW,CAAA,KAAA,CAAO,EAAE,KAAK,EAAC,iBAAiB,aAC/FA,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,CAAA,KAAA,EAAK,YAAY,SAAS,EAC3GA,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,CAAA,kCAAA,EAC9C,WAAW,8EACvC,EACPC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,gFAAA,EAAA,CAE1E,EACPA,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,MAAM,EAAA,QAAA,EAACA,GAAA,CAAC,WAAW,IAAC,IAAI,EAAE,cAAc,EAAA,QAAA,EAAA,eAAA,EAAA,CAA6B,EAAA,CAAU,EAClGD,IAAA,CAAC,IAAI,IAAC,SAAS,EAAC,4DAA4D,EAAA,QAAA,EAAA,CAAA,YAAA,EAAWC,aAAM,EAAC,OAAO,CAAA,EAAA,CAAQ,CAAA,EAAA,CACjG;AAElB;;;;"}

package/dist/components/Email/templates/sales/SendProposal.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface SendProposalProps {
+    clientName?: string;
+    projectName?: string;
+    senderName?: string;
+    proposalLink?: string;
+}
+export declare const SendProposal: React.FC<SendProposalProps>;
+export default SendProposal;

package/dist/components/Email/templates/sales/SendProposal.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 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] })] }));
+};
+
+export { SendProposal, SendProposal as default };
+//# sourceMappingURL=SendProposal.js.map

package/dist/components/Email/templates/sales/SendProposal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SendProposal.js","sources":["../../../../../src/components/Email/templates/sales/SendProposal.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section } from '@react-email/components';\nimport { EmailLayout, EmailButton, EmailDivider } from '../../components';\n\nexport interface SendProposalProps {\n  clientName?: string;\n  projectName?: string;\n  senderName?: string;\n  proposalLink?: string;\n}\n\nexport const SendProposal: React.FC<SendProposalProps> = ({\n  clientName = 'Alex',\n  projectName = 'Q4 Enterprise Engagement',\n  senderName = 'Jordan',\n  proposalLink = 'https://example.com/proposals/123'\n}) => {\n  return (\n    <EmailLayout previewText={`Your proposal for ${projectName} is ready`} title=\"Proposal Attached\">\n      <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4\">Your Proposal is Ready</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-4\">Hi {clientName},</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n        It was great speaking with you recently! I have put together a formal proposal and statement of work for the <strong>{projectName}</strong> based on our discussion.\n      </Text>\n      <Section className=\"text-center mb-6\"><EmailButton href={proposalLink}>Review Proposal</EmailButton></Section>\n      <EmailDivider />\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed\">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.</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mt-4\">Best,<br />{senderName}</Text>\n    </EmailLayout>\n  );\n};\n\nexport default SendProposal;"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;MAWa,YAAY,GAAgC,CAAC,EACxD,UAAU,GAAG,MAAM,EACnB,WAAW,GAAG,0BAA0B,EACxC,UAAU,GAAG,QAAQ,EACrB,YAAY,GAAG,mCAAmC,EACnD,KAAI;AACH,IAAA,QACEA,IAAA,CAAC,WAAW,IAAC,WAAW,EAAE,qBAAqB,WAAW,CAAA,SAAA,CAAW,EAAE,KAAK,EAAC,mBAAmB,EAAA,QAAA,EAAA,CAC9FC,IAAC,IAAI,EAAA,EAAC,SAAS,EAAC,uDAAuD,EAAA,QAAA,EAAA,wBAAA,EAAA,CAA8B,EACrGD,KAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,oBAAK,UAAU,EAAA,GAAA,CAAA,EAAA,CAAS,EACzGA,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,CAAA,+GAAA,EAC8BC,0BAAS,WAAW,EAAA,CAAU,EAAA,2BAAA,CAAA,EAAA,CACtI,EACPA,IAAC,OAAO,EAAA,EAAC,SAAS,EAAC,kBAAkB,YAACA,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,YAAY,EAAA,QAAA,EAAA,iBAAA,EAAA,CAA+B,GAAU,EAC9GA,GAAA,CAAC,YAAY,EAAA,EAAA,CAAG,EAChBA,GAAA,CAAC,IAAI,IAAC,SAAS,EAAC,4DAA4D,EAAA,QAAA,EAAA,oJAAA,EAAA,CAA0J,EACtOD,KAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,sBAAMC,GAAA,CAAA,IAAA,EAAA,EAAA,CAAM,EAAC,UAAU,CAAA,EAAA,CAAQ,CAAA,EAAA,CACpG;AAElB;;;;"}

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

@@ -0,0 +1,8 @@
+export * from './ColdOutreach';
+export * from './FollowUpEmail';
+export * from './ScheduleDemo';
+export * from './SendProposal';
+export * from './ProposalAccepted';
+export * from './ProjectTermination';
+export * from './ClientWinBack';
+export * from './ClientReferenceRequest';

package/dist/components/Email/templates/security/AccountDeletedConfirmation.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface AccountDeletedConfirmationProps {
+    userName?: string;
+    deletionDate?: string;
+    reactivationDeadline?: string;
+}
+export declare const AccountDeletedConfirmation: React.FC<AccountDeletedConfirmationProps>;
+export default AccountDeletedConfirmation;

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

@@ -0,0 +1,13 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+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 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." })] }));
+};
+
+export { AccountDeletedConfirmation, AccountDeletedConfirmation as default };
+//# sourceMappingURL=AccountDeletedConfirmation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AccountDeletedConfirmation.js","sources":["../../../../../src/components/Email/templates/security/AccountDeletedConfirmation.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section } from '@react-email/components';\nimport { EmailLayout, EmailDivider } from '../../components';\n\nexport interface AccountDeletedConfirmationProps {\n  userName?: string;\n  deletionDate?: string;\n  reactivationDeadline?: string;\n}\n\nexport const AccountDeletedConfirmation: React.FC<AccountDeletedConfirmationProps> = ({\n  userName = 'User',\n  deletionDate = 'May 8, 2026',\n  reactivationDeadline = 'June 7, 2026'\n}) => {\n  return (\n    <EmailLayout previewText=\"Your account has been deleted\" title=\"Account Deleted\">\n      <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4\">Account Deletion Confirmed</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n        Hi {userName}, your account was successfully deleted on {deletionDate}.\n      </Text>\n      <Section className=\"bg-red-50 dark:bg-red-900 p-4 rounded-lg mb-6 border border-red-100 dark:border-red-800\">\n        <Text className=\"text-red-800 dark:text-red-200 m-0 leading-relaxed\">\n          Your personal data has been queued for permanent deletion. If you change your mind, you can recover your account by logging in before <strong>{reactivationDeadline}</strong>. After this date, all data will be permanently erased and cannot be recovered.\n        </Text>\n      </Section>\n      <EmailDivider />\n      <Text className=\"text-gray-500 dark:text-gray-400 text-sm\">We're sorry to see you go! If you ever decide to come back, you're always welcome.</Text>\n    </EmailLayout>\n  );\n};\n\nexport default AccountDeletedConfirmation;"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAUO,MAAM,0BAA0B,GAA8C,CAAC,EACpF,QAAQ,GAAG,MAAM,EACjB,YAAY,GAAG,aAAa,EAC5B,oBAAoB,GAAG,cAAc,EACtC,KAAI;AACH,IAAA,QACEA,IAAA,CAAC,WAAW,EAAA,EAAC,WAAW,EAAC,+BAA+B,EAAC,KAAK,EAAC,iBAAiB,EAAA,QAAA,EAAA,CAC9EC,IAAC,IAAI,EAAA,EAAC,SAAS,EAAC,uDAAuD,EAAA,QAAA,EAAA,4BAAA,EAAA,CAAkC,EACzGD,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,CAAA,KAAA,EAC3E,QAAQ,EAAA,6CAAA,EAA6C,YAAY,EAAA,GAAA,CAAA,EAAA,CAChE,EACPC,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,yFAAyF,EAAA,QAAA,EAC1GD,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,oDAAoD,EAAA,QAAA,EAAA,CAAA,wIAAA,EACoEC,0BAAS,oBAAoB,EAAA,CAAU,EAAA,iFAAA,CAAA,EAAA,CACxK,EAAA,CACC,EACVA,GAAA,CAAC,YAAY,EAAA,EAAA,CAAG,EAChBA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,0CAA0C,EAAA,QAAA,EAAA,oFAAA,EAAA,CAA0F,CAAA,EAAA,CACxI;AAElB;;;;"}

package/dist/components/Email/templates/security/ApiKeyCreated.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface ApiKeyCreatedProps {
+    userName?: string;
+    keyName?: string;
+    creationTime?: string;
+    settingsLink?: string;
+}
+export declare const ApiKeyCreated: React.FC<ApiKeyCreatedProps>;
+export default ApiKeyCreated;