4d:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"RegistryDependencies"] 4e:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"FilesView"] 4f:T4d67,import { Body, Column, Container, Head as EmailHead, Html, Img, Preview, Row, Section, Text, } from "jsx-email"; import type { CSSProperties, ReactNode } from "react"; import { DefaultFonts } from "@/components/email/font-default"; import { EmailTailwind } from "@/components/email/email-theme"; import type { EmailTheme } from "@/components/email/email-theme"; import { emailAsset } from "@/components/email/email-assets"; import { defaultTheme } from "@/components/email/theme-default"; type BentoCaptionsVariant = | "captions-top" | "captions-top-reverse" | "captions-bottom" | "captions-bottom-reverse"; type BentoDetailsVariant = | BentoCaptionsVariant | "captions-top-alt" | "captions-top-alt-reverse" | "captions-bottom-alt" | "captions-bottom-alt-reverse"; type BentoThreeColumnVariant = | "captions-top" | "captions-bottom" | "captions-top-alt" | "captions-bottom-alt"; const colors = { border: "#d1d5db", canvas: "#f1f5f9", dark: "#030712", light: "#f3f4f6", muted: "#6b7280", mutedDark: "#d1d5db", subtle: "#9ca3af", surface: "#fffffe", surfaceMuted: "#f9fafb", white: "#fffffe", } as const; const textBase: CSSProperties = { fontFamily: "Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, sans-serif", fontSize: "14px", lineHeight: "24px", margin: 0, }; interface BentoEmailShellProps { children: ReactNode; preview: string; theme: EmailTheme; } const BentoEmailShell = ({ children, preview, theme, }: BentoEmailShellProps) => (