react-email 4.0.0-alpha.6 → 4.0.0-alpha.8

package/dist/preview/.next/static/chunks/app/preview/[...slug]/page-4a5b026ab543e27f.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[719],{1668:(e,t,r)=>{Promise.resolve().then(r.t.bind(r,9811,23)),Promise.resolve().then(r.t.bind(r,1412,23)),Promise.resolve().then(r.bind(r,3700)),Promise.resolve().then(r.bind(r,8277)),Promise.resolve().then(r.bind(r,6987)),Promise.resolve().then(r.bind(r,382)),Promise.resolve().then(r.bind(r,4181)),Promise.resolve().then(r.bind(r,4914)),Promise.resolve().then(r.bind(r,2739)),Promise.resolve().then(r.bind(r,4106))},4106:(e,t,r)=>{"use strict";r.d(t,{o:()=>x,PreviewProvider:()=>p});var a=r(9842),s=r(8804),n=r(730),l=r(7352),o=r(326);let i=(0,o.createServerReference)("7f6f5354c018120ec501a1efdb1fbe905540f7f08e",o.callServer,void 0,o.findSourceMapURL,"getEmailPathFromSlug"),c=(0,o.createServerReference)("7f6be10b8485889f5d9271fa93d146a75daf4627dc",o.callServer,void 0,o.findSourceMapURL,"renderEmailByPath");var d=r(2009);let u=(e,t)=>{let[r,a]=(0,n.useState)(t);return l.Hf||(0,d.a)(async t=>{for await(let r of t){let t=r.filename,s=await i(t),n=await c(s,!0);s===e&&a(n)}}),r},h={},m=(e,t,r)=>((0,n.useEffect)(()=>{"markup"in t?h[e]=t:void 0!==r&&"markup"in r&&void 0===h[e]&&(h[e]=r)},[t,e,r]),"error"in t?h[e]:t),x=(0,n.createContext)(void 0),p=e=>{let{emailSlug:t,emailPath:r,serverRenderingResult:n,children:o}=e,i=(0,s.useRouter)(),c=u(r,n),h=m(r,c,n);return l.Hf||(0,d.a)(e=>{let r=e.find(e=>e.filename.includes(t));void 0!==r&&"unlink"===r.event&&i.push("/")}),(0,a.jsx)(x.Provider,{value:{emailPath:r,emailSlug:t,renderedEmailMetadata:h,renderingResult:c},children:o})}},4914:(e,t,r)=>{"use strict";r.d(t,{Toolbar:()=>V});var a=r(9842),s=r(5936),n=r(3029),l=r(8804),o=r(730),i=r(7352),c=r(4106),d=r(75),u=r(2855);let h=e=>(0,a.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:(0,a.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.52 6C10.52 3.73168 8.75221 1.48 6.00006 1.48C3.77741 1.48 2.67886 3.1251 2.21074 3.99999H3.60005C3.82096 3.99999 4.00005 4.17908 4.00005 4.39999C4.00005 4.6209 3.82096 4.79999 3.60005 4.79999H1.20005C0.979137 4.79999 0.800049 4.6209 0.800049 4.39999V1.99999C0.800049 1.77908 0.979137 1.59999 1.20005 1.59999C1.42096 1.59999 1.60005 1.77908 1.60005 1.99999V3.45056C2.16367 2.45702 3.4673 0.679993 6.00006 0.679993C9.25029 0.679993 11.32 3.34831 11.32 6C11.32 8.65169 9.25029 11.32 6.00006 11.32C4.44499 11.32 3.15027 10.7047 2.22843 9.76673C1.73486 9.26449 1.34939 8.67121 1.08658 8.03257C1.0025 7.8283 1.09995 7.59453 1.30424 7.51046C1.50853 7.42638 1.7423 7.52384 1.82637 7.72812C2.05104 8.27401 2.38001 8.77961 2.79901 9.20593C3.57646 9.99705 4.66802 10.52 6.00006 10.52C8.75221 10.52 10.52 8.26833 10.52 6Z",fill:"currentColor"})}),m=e=>(0,a.jsx)("svg",{width:"13",height:"12",viewBox:"0 0 13 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:(0,a.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.5 1.5C1.22386 1.5 1 1.72386 1 2V8C1 8.27614 1.22386 8.5 1.5 8.5H11.5C11.7761 8.5 12 8.27614 12 8V2C12 1.72386 11.7761 1.5 11.5 1.5H1.5ZM0 8C0 8.6531 0.4174 9.2087 1 9.4146V10C1 10.8284 1.67157 11.5 2.5 11.5H10.5C11.3284 11.5 12 10.8284 12 10V9.4146C12.5826 9.2087 13 8.6531 13 8V2C13 1.17157 12.3284 0.5 11.5 0.5H1.5C0.67157 0.5 0 1.17157 0 2V8ZM11 10V9.5H2V10C2 10.2761 2.22386 10.5 2.5 10.5H10.5C10.7761 10.5 11 10.2761 11 10ZM4.5 4.5C4.22386 4.5 4 4.72386 4 5C4 5.27614 4.22386 5.5 4.5 5.5H8.5C8.77614 5.5 9 5.27614 9 5C9 4.72386 8.77614 4.5 8.5 4.5H4.5Z",fill:"currentColor"})}),x=e=>(0,a.jsx)("svg",{width:"12",height:"10",viewBox:"0 0 12 10",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:(0,a.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0.760039 2.58762C0.760039 3.27246 1.31521 3.82762 2.00004 3.82762C2.68487 3.82762 3.24004 3.27246 3.24004 2.58762C3.24004 1.90278 2.68487 1.34762 2.00004 1.34762C1.31521 1.34762 0.760039 1.90278 0.760039 2.58762ZM2.00004 4.54762C0.917561 4.54762 0.0400391 3.6701 0.0400391 2.58762C0.0400391 1.50514 0.917561 0.627625 2.00004 0.627625C3.08252 0.627625 3.96004 1.50514 3.96004 2.58762C3.96004 2.84649 3.90986 3.09364 3.81868 3.31986L4.58929 3.83529C4.58359 3.85323 4.5782 3.8713 4.57313 3.88949L4.45035 4.32947L4.16809 4.51817L3.37248 3.98691C3.0189 4.33374 2.53445 4.54762 2.00004 4.54762ZM0.760042 7.39998C0.760042 6.71514 1.31521 6.15997 2.00004 6.15997C2.68487 6.15997 3.24004 6.71514 3.24004 7.39998C3.24004 8.08478 2.68487 8.63999 2.00004 8.63999C1.31521 8.63999 0.760042 8.08478 0.760042 7.39998ZM2.00004 5.43997C0.917561 5.43997 0.0400415 6.31749 0.0400415 7.39998C0.0400415 8.48246 0.917561 9.35998 2.00004 9.35998C3.08252 9.35998 3.96004 8.48246 3.96004 7.39998C3.96004 7.14422 3.91106 6.89996 3.82199 6.67598L12 1.20588L11.2389 1.28588C10.1662 1.39862 9.12733 1.72714 8.18485 2.25167L5.72522 3.6205C5.5385 3.72441 5.40112 3.8987 5.34369 4.10451L5.14127 4.82988L3.37954 6.00764C3.02538 5.65671 2.53802 5.43997 2.00004 5.43997ZM5.71553 6.3719L5.72522 6.37739L8.18485 7.74622C9.12733 8.27071 10.1662 8.59927 11.2389 8.71199L12 8.79198L7.04863 5.48022L5.71553 6.3719Z",fill:"currentColor"})});var p=r(8295);let g={family:{gmail:"Gmail",outlook:"Outlook",yahoo:"Yahoo! Mail","apple-mail":"Apple Mail",aol:"AOL",thunderbird:"Mozilla Thunderbird",microsoft:"Microsoft","samsung-email":"Samsung Email",sfr:"SFR",orange:"Orange",protonmail:"ProtonMail",hey:"HEY","mail-ru":"Mail.ru",fastmail:"Fastmail",laposte:"LaPoste.net","t-online-de":"T-online.de","free-fr":"Free.fr",gmx:"GMX","web-de":"WEB.DE","ionos-1and1":"1&1",rainloop:"RainLoop","wp-pl":"WP.pl"}};var f=r(326);let v=(0,f.createServerReference)("7ff7cbf079981d6da914c47609f61f4dd892541012",f.callServer,void 0,f.findSourceMapURL,"checkCompatibility"),b=(0,f.createServerReference)("7f4f469e63c7b002aa6df5fe0f33a658ef72c07c8d",f.callServer,void 0,f.findSourceMapURL,"checkImages"),j=(0,f.createServerReference)("7f3d1c67f0ee13b6f321982360f6f82e4f11bae59e",f.callServer,void 0,f.findSourceMapURL,"checkLinks");async function*w(e){for await(let t of e){let e=(await t.getStream()).getReader();try{for(;;){let{value:r,done:a}=await e.read();if(a)break;let s=t.mapValue(r);s&&(yield s)}}finally{e.releaseLock()}}}let C=e=>(0,a.jsxs)("svg",{width:"13",height:"12",viewBox:"0 0 13 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:[(0,a.jsx)("path",{d:"M10.8777 8.99999L6.87766 1.99999C6.79044 1.84609 6.66396 1.71808 6.51112 1.62902C6.35828 1.53997 6.18455 1.49304 6.00766 1.49304C5.83077 1.49304 5.65704 1.53997 5.5042 1.62902C5.35136 1.71808 5.22488 1.84609 5.13766 1.99999L1.13766 8.99999C1.0495 9.15267 1.00327 9.32594 1.00366 9.50224C1.00405 9.67855 1.05105 9.85161 1.13988 10.0039C1.22872 10.1562 1.35623 10.2823 1.50951 10.3694C1.66278 10.4565 1.83636 10.5016 2.01266 10.5H10.0127C10.1881 10.4998 10.3604 10.4535 10.5123 10.3656C10.6642 10.2778 10.7903 10.1515 10.8779 9.99955C10.9656 9.84756 11.0117 9.67518 11.0116 9.49973C11.0116 9.32428 10.9654 9.15193 10.8777 8.99999Z",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}),(0,a.jsx)("path",{d:"M6.0127 4.5V6.5",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}),(0,a.jsx)("path",{d:"M6.0127 8.5H6.01853",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"})]});C.displayName="IconCircleWarning";let y=e=>{let{children:t,className:r,...s}=e;return(0,a.jsx)("table",{className:(0,d.cn)("group relative w-full border-collapse text-left text-slate-10 text-xs",r),children:(0,a.jsx)("tbody",{children:t})})};y.Row=e=>{let{children:t,className:r,...s}=e;return(0,a.jsx)("tr",{className:(0,d.cn)("border-collapse align-bottom border-slate-6 border-b",r),...s,children:t})},y.Column=e=>{let{children:t,className:r,...s}=e;return(0,a.jsx)("td",{className:(0,d.cn)("py-1 align-bottom font-medium",r),...s,children:t})};let k=e=>{let{markup:t,reactMarkup:a,emailPath:s,initialRows:n}=e,[l,i]=(0,o.useState)(n),c=function(e,t,r,a){return[{getStream:()=>b(e,a),mapValue(e){if(e&&"success"!==e.status)return{result:e,source:"image"}}},{getStream:()=>j(e),mapValue(e){if(e&&"success"!==e.status)return{result:e,source:"link"}}},{getStream:()=>v(t,r),mapValue(e){if(e&&"success"!==e.status)return{result:e,source:"compatibility"}}}]}(t,a,s,"location"in r.g?"".concat(r.g.location.protocol,"//").concat(r.g.location.host):""),[d,u]=(0,o.useState)(!1),h=(0,o.useRef)(!1);return[l,{loading:d,load:async()=>{if(!h.current){h.current=!0,u(!0),i([]);try{let e=[];for await(let t of w(c))i(r=>{if(!r)return[t];let a=[...r,t];return a.sort((e,t)=>"error"===e.result.status&&"warning"===t.result.status?-1:+("warning"===e.result.status&&"error"===t.result.status)),e=a,a});return e}finally{u(!1),h.current=!1}}}}]},N=e=>{let{rows:t}=e;return void 0===t?null:(0,a.jsx)(y,{children:t.map((e,t)=>{if("link"===e.source){let r=e.result.checks.find(e=>!1===e.passed);return(0,a.jsxs)(S,{status:e.result.status,children:[(0,a.jsx)(S.Name,{children:r.type}),(0,a.jsxs)(S.Description,{children:["security"===r.type?"Insecure URL, use HTTPS insted of HTTP":null,"fetch_attempt"===r.type&&r.metadata.fetchStatusCode&&r.metadata.fetchStatusCode>=300&&r.metadata.fetchStatusCode<400?"There was a redirect, the content may have been moved":null,"fetch_attempt"===r.type&&r.metadata.fetchStatusCode&&r.metadata.fetchStatusCode>=400?"The link is broken":null,"syntax"===r.type?"The link is broken due to invalid syntax":null,(0,a.jsx)("span",{className:"font-mono float-right text-ellipsis overflow-hidden text-nowrap max-w-[30ch]",children:e.result.link})]}),(0,a.jsx)(S.Metadata,{children:"fetch_attempt"===r.type?r.metadata.fetchStatusCode:""})]},t)}if("compatibility"===e.source){let r=Object.entries(e.result.statsPerEmailClient).filter(e=>{let[,t]=e;return"error"===t.status}),s=Object.entries(e.result.statsPerEmailClient).filter(e=>{let[,t]=e;return"warning"===t.status}),n=r.map(e=>{let[t]=e;return g.family[t]}).join(", "),l=s.map(e=>{let[t]=e;return g.family[t]}).join(", ");return(0,a.jsxs)(S,{status:e.result.status,children:[(0,a.jsx)(S.Name,{children:e.result.entry.title}),(0,a.jsxs)(S.Description,{children:[r.length>0?"Not supported in ".concat(n):null,s.length>0&&r.length>0?". ":null,s.length>0?"Partially supported in ".concat(l):null]}),(0,a.jsxs)(S.Metadata,{children:[e.result.location.start.line.toString().padStart(2,"0"),":",e.result.location.start.column.toString().padStart(2,"0"),(0,a.jsx)("a",{href:e.result.entry.url,className:"underline ml-2",rel:"noreferrer",target:"_blank",children:"See more info"})]})]},t)}if("image"===e.source){let r=e.result.checks.find(e=>!1===e.passed);return(0,a.jsxs)(S,{status:e.result.status,children:[(0,a.jsx)(S.Name,{children:r.type}),(0,a.jsxs)(S.Description,{children:["security"===r.type?"Insecure URL, use HTTPS insted of HTTP":null,"fetch_attempt"===r.type&&r.metadata.fetchStatusCode&&r.metadata.fetchStatusCode>=300&&r.metadata.fetchStatusCode<400?"There was a redirect, the image may have been moved":null,"fetch_attempt"===r.type&&r.metadata.fetchStatusCode&&r.metadata.fetchStatusCode>=400?"The image is broken":null,"syntax"===r.type?"The image is broken due to an invalid source":null,"accessibility"===r.type?"Missing alt text":null,"image_size"===r.type&&r.metadata.byteCount?"This image is too large, keep it under 1mb":null,(0,a.jsx)("span",{className:"font-mono float-right text-ellipsis overflow-hidden text-nowrap max-w-[30ch]",children:e.result.source})]}),(0,a.jsx)(S.Metadata,{children:e.result.checks.map(e=>"fetch_attempt"===e.type&&e.metadata.fetchStatusCode?e.metadata.fetchStatusCode:"image_size"===e.type&&e.metadata.byteCount?(0,p.A)(e.metadata.byteCount):void 0).filter(Boolean).join("—")})]},t)}})})},S=e=>{let{children:t,className:r,status:s,...n}=e;return(0,a.jsx)(y.Row,{"data-status":s,...n,className:(0,d.cn)("group/result",r),children:t})};S.Name=e=>{let{children:t,...r}=e;return(0,a.jsx)(y.Column,{...r,children:(0,a.jsxs)("span",{className:"flex uppercase gap-1 items-center group-data-[status=error]/result:text-red-400 group-data-[status=warning]/result:text-orange-300",children:[(0,a.jsx)(C,{}),t]})})},S.Description=e=>{let{children:t,className:r,...s}=e;return(0,a.jsx)(y.Column,{...s,children:t})},S.Metadata=e=>{let{children:t,className:r,...s}=e;return(0,a.jsx)(y.Column,{align:"right",...s,className:(0,d.cn)("font-mono text-slate-11",r),children:t})};var L=r(4180);let M=e=>{let{markup:t,plainText:r,initialResult:a}=e,[s,n]=(0,o.useState)(a),[l,i]=(0,o.useState)(!1),c=(0,o.useRef)(!1);return[s,{loading:l,load:async()=>{if(!c.current){c.current=!0,i(!0);try{let e=await fetch("https://react.email/api/check-spam",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({html:t,plainText:r})}),a=await e.json();if(!("error"in a))return n(a),a;L.oR.error(a.error)}catch(e){console.error(e),L.oR.error(JSON.stringify(e))}finally{i(!1),c.current=!1}}}}]},R=e=>{let{result:t}=e;return(0,a.jsx)(a.Fragment,{children:t?(0,a.jsxs)(y,{children:[(0,a.jsxs)(y.Row,{className:"sticky border-b-2 top-0 bg-black",children:[(0,a.jsx)(y.Column,{className:"uppercase",children:(0,a.jsxs)("span",{className:"flex gap-1 items-center",children:[(0,a.jsx)(C,{className:(0,d.cn)(t.points>1.5?"text-yellow-200":null,t.points>3?"text-orange-300":null,t.points>=5?"text-red-400":null)}),"Score"]})}),(0,a.jsx)(y.Column,{children:"Lower scores are better"}),(0,a.jsx)(y.Column,{className:(0,d.cn)("text-right text-2xl tracking-tighter font-mono",t.points>1.5?"text-yellow-200":null,t.points>3?"text-orange-300":null,t.points>=5?"text-red-400":null),children:t.points.toFixed(1)})]}),(function(e,t){let r=[...e];return r.sort(t),r})(t.checks,(e,t)=>t.points-e.points).map(e=>(0,a.jsxs)(y.Row,{children:[(0,a.jsx)(y.Column,{className:"uppercase",children:(0,a.jsxs)("span",{className:"flex gap-1 items-center",children:[(0,a.jsx)(C,{className:(0,d.cn)(e.points>1?"text-yellow-200":null,e.points>2?"text-orange-300":null,e.points>3?"text-red-400":null)}),e.name]})}),(0,a.jsx)(y.Column,{children:e.description}),(0,a.jsx)(y.Column,{className:(0,d.cn)("text-right font-mono tracking-tighter",e.points>1?"text-yellow-200":null,e.points>2?"text-orange-300":null,e.points>3?"text-red-400":null),children:e.points.toFixed(1)})]},e.name))]}):null})};var P=r(3468),H=r(699);let E=e=>{let{children:t,className:r,active:s,tooltip:n,...l}=e;return(0,a.jsx)(H.m.Provider,{children:(0,a.jsxs)(H.m,{children:[(0,a.jsx)(H.m.Trigger,{asChild:!0,children:(0,a.jsxs)("button",{type:"button",...l,className:(0,d.cn)("h-full w-fit font-medium flex text-sm text-slate-10 items-center align-middle justify-center px-1 py-2 gap-1 relative","hover:text-slate-12 transition-colors",s&&"data-[state=active]:text-cyan-11",r),children:[t,s?(0,a.jsx)(P.P.span,{className:"-bottom-px absolute rounded-sm left-0 w-full bg-cyan-11 h-px",layoutId:"active-toolbar-button",transition:{type:"spring",bounce:.2,duration:.6}}):null]})}),n?(0,a.jsx)(H.m.Content,{children:n}):null]})})},T=e=>{let t;if("localStorage"in r.g){let a=r.g.localStorage.getItem(e);if(null!==a)try{t=JSON.parse(a)}catch(r){console.warn("Failed to load stored value for",e,"with value",t)}}return[(0,o.useSyncExternalStore)(()=>()=>{},()=>t,()=>void 0),function(t){"localStorage"in r.g&&r.g.localStorage.setItem(e,JSON.stringify(t))}]},I=e=>{var t;let{serverLintingRows:r,serverSpamCheckingResult:c,markup:p,reactMarkup:g,plainText:f,emailPath:v,emailSlug:b}=e,j=(0,l.usePathname)(),w=(0,l.useSearchParams)(),C=(0,l.useRouter)(),y=null!==(t=w.get("toolbar-panel"))&&void 0!==t?t:void 0,S=e=>{let t=new URLSearchParams(w);void 0===e?t.delete("toolbar-panel"):t.set("toolbar-panel",e),C.push("".concat(j,"?").concat(t.toString()))},[L,P]=T("spam-assassin-".concat(b.replaceAll("/","-"))),[H,{load:I}]=M({markup:p,plainText:f,initialResult:null!=c?c:L}),[V,D]=T("linter-".concat(b.replaceAll("/","-"))),[z,{load:F}]=k({reactMarkup:g,emailPath:v,markup:p,initialRows:null!=r?r:V});return i.Hf||(0,o.useEffect)(()=>{(async()=>{D(await F()),P(await I())})()},[]),(0,a.jsx)("div",{"data-toggled":void 0!==y,className:(0,d.cn)("bg-black group/toolbar text-xs text-slate-11 h-48 transition-all","data-[toggled=false]:h-8"),children:(0,a.jsx)(s.bL,{value:y,onValueChange:e=>{S(e)},asChild:!0,children:(0,a.jsxs)("div",{className:"flex flex-col h-full",children:[(0,a.jsxs)(s.B8,{className:"flex gap-4 px-2 border-b border-solid border-slate-6 h-7 w-full",children:[(0,a.jsxs)(n.o,{id:"toolbar",children:[(0,a.jsx)(s.l9,{asChild:!0,value:"spam-assassin",children:(0,a.jsxs)(E,{active:"spam-assassin"===y,children:[(0,a.jsx)(x,{}),"Spam Assassin"]})}),(0,a.jsx)(s.l9,{asChild:!0,value:"linter",children:(0,a.jsxs)(E,{active:"linter"===y,children:[(0,a.jsx)(m,{}),"Linter"]})})]}),(0,a.jsxs)("div",{className:"flex gap-1 ml-auto",children:[i.Hf?null:(0,a.jsx)(E,{tooltip:"Reload",onClick:async()=>{void 0===y&&S("linter"),"spam-assassin"===y?await I():await F()},children:(0,a.jsx)(h,{})}),(0,a.jsx)(E,{tooltip:"Toggle toolbar",onClick:()=>{void 0===y?S("linter"):S(void 0)},children:(0,a.jsx)(u.R,{className:"transition-transform group-data-[toggled=false]/toolbar:rotate-180"})})]})]}),(0,a.jsxs)("div",{className:"flex-grow transition-opacity opacity-100 group-data-[toggled=false]/toolbar:opacity-0 overflow-y-auto px-2",children:[(0,a.jsx)(s.UC,{value:"linter",children:(0,a.jsx)(N,{rows:z})}),(0,a.jsx)(s.UC,{value:"spam-assassin",children:(0,a.jsx)(R,{result:H})})]})]})})})},V=e=>{let{serverLintingRows:t,serverSpamCheckingResult:r}=e,{emailPath:s,emailSlug:n,renderedEmailMetadata:l}=(0,o.use)(c.o);if(void 0===l)return null;let{markup:i,plainText:d,reactMarkup:u}=l;return(0,a.jsx)(I,{emailPath:s,emailSlug:n,markup:i,reactMarkup:u,plainText:d,serverLintingRows:t,serverSpamCheckingResult:r})}},8277:(e,t,r)=>{"use strict";r.d(t,{default:()=>$});var a=r(9842),s=r(8804),n=r(730),l=r(3063),o=r(4180),i=r(7537),c=r(6987),d=r(3591),u=r(75);let h={plain:{color:"#EDEDEF",fontSize:13,fontFamily:"MonoLisa, Menlo, monospace"},styles:[{types:["comment"],style:{color:"#706F78"}},{types:["atrule","keyword","attr-name","selector"],style:{color:"#7E7D86"}},{types:["punctuation","operator"],style:{color:"#706F78"}},{types:["class-name","function","tag","key-white"],style:{color:"#EDEDEF"}}]},m=e=>{let{children:t,language:r="html"}=e,s=t.trim();return(0,a.jsx)(d.f4,{code:s,language:r,theme:h,children:e=>{let{tokens:t,getLineProps:s,getTokenProps:l}=e;return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:"absolute right-0 top-0 h-px w-[200px]",style:{background:"linear-gradient(90deg, rgba(56, 189, 248, 0) 0%, rgba(56, 189, 248, 0) 0%, rgba(232, 232, 232, 0.2) 33.02%, rgba(143, 143, 143, 0.6719) 64.41%, rgba(236, 72, 153, 0) 98.93%)"}}),(0,a.jsx)("pre",{className:"h-[650px] overflow-auto p-4",children:t.map((e,o)=>{let i=s({line:e,key:o});return(0,n.createElement)("div",{...i,className:(0,u.cn)("whitespace-pre",{"before:mr-2 before:text-slate-11 before:content-['$']":"bash"===r&&1===t.length}),key:o},e.map((t,r)=>{var s;let o=l({token:t}),i="from"===t.content&&(null===(s=e[r+1])||void 0===s?void 0:s.content)===":"?[...t.types,"key-white"]:t.types;return t.types=i,(0,a.jsx)(n.Fragment,{children:(0,a.jsx)("span",{...o})},r)}))})}),(0,a.jsx)("div",{className:"absolute bottom-0 left-0 h-px w-[200px]",style:{background:"linear-gradient(90deg, rgba(56, 189, 248, 0) 0%, rgba(56, 189, 248, 0) 0%, rgba(232, 232, 232, 0.2) 33.02%, rgba(143, 143, 143, 0.6719) 64.41%, rgba(236, 72, 153, 0) 98.93%)"}})]})}})};r(8846),r(1221),r(745);var x=r(768);let p=n.forwardRef((e,t)=>{let{as:r="span",size:s="2",color:n="gray",transform:l,weight:o="normal",className:i,children:c,...d}=e;return(0,a.jsx)(x.DX,{className:(0,u.cn)(i,l,g(s),f(n),v(o)),ref:t,...d,children:(0,a.jsx)(r,{children:c})})}),g=e=>{switch(e){case"1":return"text-xs";case void 0:case"2":return"text-sm";case"3":return"text-base";case"4":return"text-lg";case"5":return["text-17px","md:text-xl tracking-[-0.16px]"];case"6":return"text-2xl tracking-[-0.288px]";case"7":return"text-[28px] leading-[34px] tracking-[-0.416px]";case"8":return"text-[35px] leading-[42px] tracking-[-0.64px]";case"9":return"text-6xl leading-[73px] tracking-[-0.896px]";default:return(0,u.H)(e)}},f=e=>{switch(e){case"white":return"text-slate-12";case void 0:case"gray":return"text-slate-11";default:return(0,u.H)(e)}},v=e=>{switch(e){case void 0:case"normal":return"font-normal";case"medium":return"font-medium";default:return(0,u.H)(e)}};p.displayName="Text";var b=r(2739),j=r(3029),w=r(3468);let C={type:"spring",stiffness:2e3,damping:80,mass:1};var y=r(9086);let k=n.forwardRef((e,t)=>{let{children:r,className:s,...n}=e;return(0,a.jsx)("button",{type:"button",...n,className:(0,u.cn)("focus:ring-gray-8 rounded text-slate-11 transition duration-200 ease-in-out hover:text-slate-12 focus:text-slate-12 focus:outline-none focus:ring-2",s),ref:t,children:r})});k.displayName="IconButton";var N=r(3428);let S=n.forwardRef((e,t)=>{let{...r}=e;return(0,a.jsx)(N.z,{ref:t,...r,children:(0,a.jsx)("path",{d:"M16.25 8.75L10.406 15.25L7.75 12.75",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5"})})});S.displayName="IconCheck";let L=n.forwardRef((e,t)=>{let{...r}=e;return(0,a.jsxs)(N.z,{ref:t,...r,children:[(0,a.jsx)("path",{d:"M9 6.75H7.75C6.64543 6.75 5.75 7.64543 5.75 8.75V17.25C5.75 18.3546 6.64543 19.25 7.75 19.25H16.25C17.3546 19.25 18.25 18.3546 18.25 17.25V8.75C18.25 7.64543 17.3546 6.75 16.25 6.75H15",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5"}),(0,a.jsx)("path",{d:"M14 8.25H10C9.44772 8.25 9 7.80228 9 7.25V5.75C9 5.19772 9.44772 4.75 10 4.75H14C14.5523 4.75 15 5.19772 15 5.75V7.25C15 7.80228 14.5523 8.25 14 8.25Z",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5"}),(0,a.jsx)("path",{d:"M9.75 12.25H14.25",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5"}),(0,a.jsx)("path",{d:"M9.75 15.25H14.25",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5"})]})});L.displayName="IconClipboard";let M=n.forwardRef((e,t)=>{let{...r}=e;return(0,a.jsx)(N.z,{ref:t,...r,children:(0,a.jsx)("path",{d:"M4.75 14.75v1.5a3 3 0 0 0 3 3h8.5a3 3 0 0 0 3-3v-1.5M12 14.25v-9.5M8.75 10.75l3.25 3.5 3.25-3.5",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5})})});M.displayName="IconDownload";var R=r(699);let P=e=>{let{markups:t,activeLang:r,setActiveLang:s}=e,[l,o]=n.useState(!1);return n.useEffect(()=>{o(!1)},[r]),(0,a.jsxs)("div",{className:"relative w-full items-center whitespace-pre rounded-md border border-slate-6 text-sm backdrop-blur-md",style:{lineHeight:"130%",background:"linear-gradient(145.37deg, rgba(255, 255, 255, 0.09) -8.75%, rgba(255, 255, 255, 0.027) 83.95%)",boxShadow:"rgb(0 0 0 / 10%) 0px 5px 30px -5px"},children:[(0,a.jsxs)("div",{className:"h-9 border-b border-slate-6",children:[(0,a.jsx)("div",{className:"flex",children:(0,a.jsx)(j.o,{id:"code",children:t.map(e=>{let{language:t}=e,n=r===t;return(0,a.jsxs)(w.P.button,{className:"relative px-4 py-[8px] font-sans text-sm font-medium transition duration-200 ease-in-out hover:text-slate-12 ".concat(r!==t?"text-slate-11":"text-slate-12"),onClick:()=>{s(t)},children:[n?(0,a.jsx)(w.P.span,{animate:{opacity:1},className:"absolute bottom-0 left-0 right-0 top-0 bg-slate-4",exit:{opacity:0},initial:{opacity:0},layoutId:"code",transition:C}):null,y.A[t]]},t)})})}),(0,a.jsxs)(R.m,{children:[(0,a.jsx)(R.m.Trigger,{asChild:!0,className:"absolute right-2 top-2 hidden md:block",children:(()=>{let e=async()=>{let e=t.filter(e=>{let{language:t}=e;return r===t});o(!0),await (0,u.e)(e[0].content),setTimeout(()=>{o(!1)},3e3)};return(0,a.jsx)(k,{onClick:()=>void e(),children:l?(0,a.jsx)(S,{}):(0,a.jsx)(L,{})})})()}),(0,a.jsx)(R.m.Content,{children:"Copy to Clipboard"})]}),(0,a.jsxs)(R.m,{children:[(0,a.jsx)(R.m.Trigger,{asChild:!0,className:"text-gray-11 absolute right-8 top-2 hidden md:block",children:(()=>{let e=t.filter(e=>e.language===r);if(void 0===e[0])return;let s=new File([e[0].content],"email.".concat(e[0].language)),n=URL.createObjectURL(s);return(0,a.jsx)("a",{className:"text-slate-11 transition duration-200 ease-in-out hover:text-slate-12",download:s.name,href:n,children:(0,a.jsx)(M,{})})})()}),(0,a.jsx)(R.m.Content,{children:"Download"})]})]}),t.map(e=>{let{language:t,content:s}=e;return(0,a.jsx)("div",{className:"".concat(r!==t&&"hidden"),children:(0,a.jsx)(m,{language:t,children:s})},t)})]})},H=e=>{var t,r;let a=t=>{let r=e.getBoundingClientRect();document.dispatchEvent(new MouseEvent("mousemove",{...t,clientX:t.clientX+r.x,clientY:t.clientY+r.y}))},s=e=>{document.dispatchEvent(new MouseEvent("mouseup",e))};return null===(t=e.contentDocument)||void 0===t||t.addEventListener("mousemove",a),null===(r=e.contentDocument)||void 0===r||r.addEventListener("mouseup",s),()=>{var t,r;null===(t=e.contentDocument)||void 0===t||t.removeEventListener("mousemove",a),null===(r=e.contentDocument)||void 0===r||r.removeEventListener("mouseup",s)}},E=e=>{let{width:t,height:r,onResize:s,onResizeEnd:l,children:o,maxHeight:i,maxWidth:c,minHeight:d,minWidth:h,...m}=e,p=(0,n.useRef)(null),g=(0,n.useRef)(null),f=(0,n.useCallback)(()=>{g.current&&document.removeEventListener("mousemove",g.current),document.removeEventListener("mouseup",f),null==l||l()},[]),v=e=>{g.current=t=>{if(0===t.button&&p.current){let r="east"===e||"west"===e,a=r?t.clientX:t.clientY,n=p.current.getBoundingClientRect();s(2*Math.abs(a-(r?n.x+n.width/2:n.y+n.height/2)),e)}else f()},document.addEventListener("mouseup",f),document.addEventListener("mousemove",g.current)};return(0,n.useEffect)(()=>{if(window.document)return()=>{f()}},[]),(0,a.jsxs)("div",{...m,className:(0,u.cn)("relative mx-auto my-auto box-content px-4 py-2",m.className),children:[(0,a.jsx)("div",{"aria-label":"resize-west","aria-valuenow":t,"aria-valuemin":h,"aria-valuemax":c,className:"-translate-x-1/2 -translate-y-1/2 absolute top-1/2 left-2 cursor-w-resize p-2 [user-drag:none]",onDragStart:e=>e.preventDefault(),draggable:"false",onMouseDown:()=>{v("west")},role:"slider",tabIndex:0,children:(0,a.jsx)("div",{className:"h-8 w-1 rounded-md bg-black/30"})}),(0,a.jsx)("div",{"aria-label":"resize-east","aria-valuenow":t,"aria-valuemin":h,"aria-valuemax":c,onDragStart:e=>e.preventDefault(),className:"-translate-x-full -translate-y-1/2 absolute top-1/2 left-full cursor-e-resize p-2 [user-drag:none]",draggable:"false",onMouseDown:()=>{v("east")},role:"slider",tabIndex:0,children:(0,a.jsx)("div",{className:"h-8 w-1 rounded-md bg-black/30"})}),(0,a.jsx)("div",{"aria-label":"resize-north","aria-valuenow":r,"aria-valuemin":d,"aria-valuemax":i,onDragStart:e=>e.preventDefault(),className:"-translate-x-1/2 -translate-y-1/2 absolute top-0 left-1/2 cursor-n-resize p-2 [user-drag:none]",draggable:"false",onMouseDown:()=>{v("north")},role:"slider",tabIndex:0,children:(0,a.jsx)("div",{className:"h-1 w-8 rounded-md bg-black/30"})}),(0,a.jsx)("div",{"aria-label":"resize-south","aria-valuenow":r,"aria-valuemin":d,"aria-valuemax":i,onDragStart:e=>e.preventDefault(),className:"-translate-x-1/2 -translate-y-1/2 absolute top-full left-1/2 cursor-s-resize p-2 [user-drag:none]",draggable:"false",onMouseDown:()=>{v("south")},role:"slider",tabIndex:0,children:(0,a.jsx)("div",{className:"h-1 w-8 rounded-md bg-black/30"})}),(0,a.jsx)(x.DX,{ref:p,children:o})]})};var T=r(4260);let I=e=>{let{markup:t}=e,[r,s]=n.useState(""),[l,i]=n.useState("Testing React Email"),[d,u]=n.useState(!1),[h,m]=n.useState(!1),x=async e=>{try{e.preventDefault(),u(!0);let a=await fetch("https://react.email/api/send/test",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({to:r,subject:l,html:t})});if(429===a.status){let{error:e}=await a.json();o.oR.error(e)}o.oR.success("Email sent! Check your inbox.")}catch(e){o.oR.error("Something went wrong. Please try again.")}finally{u(!1)}};return(0,a.jsxs)(T.bL,{onOpenChange:()=>{h?(document.body.classList.remove("popup-open"),m(!1)):(document.body.classList.add("popup-open"),m(!0))},open:h,children:[(0,a.jsx)(T.l9,{asChild:!0,children:(0,a.jsx)("button",{className:"box-border flex h-5 w-20 items-center justify-center self-center rounded-lg border border-slate-6 bg-slate-2 px-4 py-4 text-center font-sans text-sm text-slate-11 outline-none transition duration-300 ease-in-out hover:border-slate-10 hover:text-slate-12",type:"submit",children:"Send"})}),(0,a.jsx)(T.Mz,{}),(0,a.jsx)(T.ZL,{children:(0,a.jsx)(T.UC,{align:"end",className:"-mt-10 w-80 rounded-lg border border-slate-6 bg-black/70 p-3 font-sans text-slate-11 shadow-md backdrop-blur-lg font-sans",sideOffset:48,children:(0,a.jsxs)("form",{className:"mt-1",onSubmit:e=>void x(e),children:[(0,a.jsx)("label",{className:"mb-2 block text-xs uppercase text-slate-10",htmlFor:"to",children:"Recipient"}),(0,a.jsx)("input",{autoFocus:!0,className:"mb-3 w-full appearance-none rounded-lg border border-slate-6 bg-slate-3 px-2 py-1 text-sm text-slate-12 placeholder-slate-10 outline-none transition duration-300 ease-in-out focus:ring-1 focus:ring-slate-10",defaultValue:r,id:"to",onChange:e=>{s(e.target.value)},placeholder:"you@example.com",required:!0,type:"email"}),(0,a.jsx)("label",{className:"mb-2 mt-1 block text-xs uppercase text-slate-10",htmlFor:"subject",children:"Subject"}),(0,a.jsx)("input",{className:"mb-3 w-full appearance-none rounded-lg border border-slate-6 bg-slate-3 px-2 py-1 text-sm text-slate-12 placeholder-slate-10 outline-none transition duration-300 ease-in-out focus:ring-1 focus:ring-slate-10",defaultValue:l,id:"subject",onChange:e=>{i(e.target.value)},placeholder:"My Email",required:!0,type:"text"}),(0,a.jsx)("input",{className:"appearance-none checked:bg-blue-500",type:"checkbox"}),(0,a.jsxs)("div",{className:"mt-3 flex items-center justify-between",children:[(0,a.jsxs)(p,{className:"inline-block",size:"1",children:["Powered by"," ",(0,a.jsx)("a",{className:"text-white/85 transition duration-300 ease-in-out hover:text-slate-12",href:"https://resend.com",rel:"noreferrer",target:"_blank",children:"Resend"})]}),(0,a.jsx)(c.Button,{className:"disabled:border-transparent disabled:bg-slate-11",disabled:0===l.length||0===r.length||d,type:"submit",children:"Send"})]})]})})})]})};var V=r(382),D=r(6452);let z=n.forwardRef((e,t)=>{let{...r}=e;return(0,a.jsx)(N.z,{ref:t,...r,children:(0,a.jsx)("path",{d:"M9.75 15.25H17.25C18.3546 15.25 19.25 14.3546 19.25 13.25V6.75C19.25 5.64543 18.3546 4.75 17.25 4.75H6.75C5.64543 4.75 4.75 5.64543 4.75 6.75V13.25C4.75 14.3546 5.64543 15.25 6.75 15.25H9.75ZM9.75 15.25C9.75 15.25 10 18.25 8 19.25H16C14 18.25 14.25 15.25 14.25 15.25",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5"})})});z.displayName="IconMonitor";let F=n.forwardRef((e,t)=>{let{...r}=e;return(0,a.jsx)(N.z,{ref:t,...r,children:(0,a.jsx)("path",{d:"M17.4 15L21 11.5L17.4 8M6.6 8L3 11.5L6.6 15M14.25 4.5L9.75 18.5",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5"})})});F.displayName="IconSource";let O=e=>{let{activeView:t,setActiveView:r}=e;return(0,a.jsxs)(D.bL,{"aria-label":"View mode",className:"inline-block items-center bg-slate-2 border border-slate-6 rounded-md overflow-hidden h-[36px]",onValueChange:e=>{e&&r(e)},type:"single",value:t,children:[(0,a.jsx)(D.q7,{value:"preview",children:(0,a.jsxs)(R.m,{children:[(0,a.jsx)(R.m.Trigger,{asChild:!0,children:(0,a.jsxs)("div",{className:(0,u.cn)("px-3 py-2 transition ease-in-out duration-200 relative hover:text-slate-12",{"text-slate-11":"desktop"!==t,"text-slate-12":"desktop"===t}),children:["preview"===t&&(0,a.jsx)(w.P.span,{animate:{opacity:1},className:"absolute left-0 right-0 top-0 bottom-0 bg-slate-4",exit:{opacity:0},initial:{opacity:0},layoutId:"topbar-tabs",transition:C}),(0,a.jsx)(z,{})]})}),(0,a.jsx)(R.m.Content,{children:"Preview"})]})}),(0,a.jsx)(D.q7,{value:"source",children:(0,a.jsxs)(R.m,{children:[(0,a.jsx)(R.m.Trigger,{asChild:!0,children:(0,a.jsxs)("div",{className:(0,u.cn)("px-3 py-2 transition ease-in-out duration-200 relative hover:text-slate-12",{"text-slate-11":"source"!==t,"text-slate-12":"source"===t}),children:["source"===t&&(0,a.jsx)(w.P.span,{animate:{opacity:1},className:"absolute left-0 right-0 top-0 bottom-0 bg-slate-4",exit:{opacity:0},initial:{opacity:0},layoutId:"topbar-tabs",transition:C}),(0,a.jsx)(F,{})]})}),(0,a.jsx)(R.m.Content,{children:"Code"})]})})]})};var B=r(3197),W=r(2855);let _=[{name:"Desktop",dimensions:{width:600,height:1024}},{name:"Mobile",dimensions:{width:375,height:812}}],U={active:{width:"3.5rem",padding:"0 0 0 0.5rem"},inactive:{width:"0"}},Z=e=>{let{icon:t,isActive:r,label:s,onBlur:l,onChange:o,setIsActive:i,value:c,hasBorder:d}=e,h=n.useRef(null);return n.useEffect(()=>{r&&h.current&&h.current.focus()},[r]),(0,a.jsx)(R.m.Provider,{children:(0,a.jsxs)(R.m,{children:[(0,a.jsx)(R.m.Trigger,{asChild:!0,children:(0,a.jsxs)(w.P.button,{onClick:()=>{r?i(!1):i(!0)},className:(0,u.cn)("relative flex items-center justify-center p-2",{"border-slate-6 border-r":d}),children:[t,(0,a.jsx)(w.P.input,{ref:h,initial:!1,animate:r?"active":"inactive",className:"arrow-hide relative flex h-8 items-center justify-center bg-black text-sm outline-none",onChange:e=>o(Number.parseInt(e.currentTarget.value)),onBlur:l,type:"number",value:c,variants:U})]})}),(0,a.jsxs)(R.m.Content,{children:[(0,a.jsxs)("span",{children:[s,": "]}),(0,a.jsxs)("span",{className:"font-mono",children:[c,"px"]})]})]})})},A=e=>{let{name:t,dimensions:r,onSelect:s}=e;return(0,a.jsxs)(B.q7,{className:"group flex w-full cursor-pointer select-none items-center justify-between rounded-md py-1.5 pr-1 pl-2 text-sm outline-none transition-colors data-[highlighted]:bg-slate-5",onClick:()=>s(r),children:[t,(0,a.jsxs)("span",{className:"flex h-fit items-center rounded-full bg-slate-6 px-1.5 py-0.5 font-bold text-white text-xs",children:[r.width,"x",r.height]})]})},Y=e=>{let{viewWidth:t,viewHeight:r,setViewWidth:s,setViewHeight:l}=e,[o,i]=n.useState(!1),[c,d]=n.useState(null),h=e=>{s(e.width),l(e.height)},m=()=>{d(null)};return(0,a.jsxs)("div",{className:"relative flex h-9 w-fit overflow-hidden rounded-lg border border-slate-6 text-sm transition-colors duration-300 ease-in-out focus-within:border-slate-8 hover:border-slate-8",children:[(0,a.jsx)(Z,{icon:(0,a.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,a.jsx)("path",{d:"M21 8V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v3"}),(0,a.jsx)("path",{d:"M21 16v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-3"}),(0,a.jsx)("path",{d:"M4 12H2"}),(0,a.jsx)("path",{d:"M10 12H8"}),(0,a.jsx)("path",{d:"M16 12h-2"}),(0,a.jsx)("path",{d:"M22 12h-2"})]}),value:t,onChange:s,isActive:"width"===c,setIsActive:e=>d(e?"width":null),onBlur:m,label:"Width",hasBorder:!0}),(0,a.jsx)(Z,{icon:(0,a.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,a.jsx)("path",{d:"M8 3H5a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2h3"}),(0,a.jsx)("path",{d:"M16 3h3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-3"}),(0,a.jsx)("path",{d:"M12 20v2"}),(0,a.jsx)("path",{d:"M12 14v2"}),(0,a.jsx)("path",{d:"M12 8v2"}),(0,a.jsx)("path",{d:"M12 2v2"})]}),value:r,onChange:l,isActive:"height"===c,setIsActive:e=>d(e?"height":null),onBlur:m,label:"Height"}),(0,a.jsxs)(B.bL,{open:o,onOpenChange:i,children:[(0,a.jsx)(B.l9,{asChild:!0,children:(0,a.jsxs)("button",{type:"button",className:"relative flex items-center justify-center overflow-hidden bg-slate-5 p-2 text-slate-11 text-sm leading-none outline-none transition-colors ease-linear focus-within:text-slate-12 hover:text-slate-12 focus:text-slate-12",children:[(0,a.jsx)("span",{className:"sr-only",children:"View presets"}),(0,a.jsx)(W.R,{className:(0,u.cn)("transform transition-transform duration-200 ease-[cubic-bezier(.36,.66,.6,1)]",{"-rotate-180":o})})]})}),(0,a.jsx)(B.ZL,{children:(0,a.jsx)(B.UC,{align:"end",className:"flex min-w-[12rem] flex-col gap-2 rounded-md border border-slate-8 border-solid bg-black px-2 py-2 text-white",sideOffset:5,children:_.map(e=>(0,a.jsx)(A,{name:e.name,dimensions:e.dimensions,onSelect:h},e.name))})})]})]})};var X=r(4106);let q=(e,t,r)=>Math.min(Math.max(e,t),r),J=(e,t,r)=>{let[a,s]=(0,n.useState)(e);return[q(a,t,r),e=>{"function"==typeof e?s(a=>{let s=q(a,t,r);return q(e(s),t,r)}):s(q(e,t,r))}]},G=e=>(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:"absolute inset-0 z-50 bg-black/80"}),(0,a.jsx)("div",{className:"absolute left-[50%] top-[50%] z-50 grid min-h-[50vh] w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 rounded-t-sm border border-t-4 bg-white p-6 text-black shadow-lg duration-200 sm:rounded-lg md:max-w-[568px] lg:max-w-[968px]",children:(0,a.jsxs)("div",{className:"flex min-w-0 max-w-full flex-col space-y-1.5",children:[(0,a.jsxs)("h2",{className:"flex flex-shrink items-center gap-4 pb-2 text-lg font-semibold leading-none tracking-tight",children:[(0,a.jsxs)("svg",{className:"h-6 w-6 font-extrabold text-red-600",fill:"none",height:"24",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",viewBox:"0 0 24 24",width:"24",xmlns:"http://www.w3.org/2000/svg",children:[(0,a.jsx)("path",{d:"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z"}),(0,a.jsx)("path",{d:"M12 9v4"}),(0,a.jsx)("path",{d:"M12 17h.01"})]}),e.error.name,": ",e.error.message]}),e.error.stack?(0,a.jsx)("div",{className:"flex-grow scroll-px-4 overflow-x-auto rounded-lg bg-red-500 p-2 text-sm text-gray-100",children:(0,a.jsx)("pre",{className:"w-full min-w-0 font-mono leading-7",children:e.error.stack})}):void 0]})})]}),$=e=>{var t,r;let{emailTitle:c}=e,{renderingResult:d,renderedEmailMetadata:u}=(0,n.use)(X.o),h=(0,s.useRouter)(),m=(0,s.usePathname)(),x=(0,s.useSearchParams)(),p=null!==(t=x.get("view"))&&void 0!==t?t:"preview",g=null!==(r=x.get("lang"))&&void 0!==r?r:"jsx",f=void 0!==u,v="error"in d,[j,w]=(0,n.useState)(Number.POSITIVE_INFINITY),[C,y]=(0,n.useState)(Number.POSITIVE_INFINITY),k=x.get("width"),N=x.get("height"),[S,L]=J(k?Number.parseInt(k):600,350,j),[M,T]=J(N?Number.parseInt(N):1024,600,C),D=(0,i.YQ)(()=>{let e=new URLSearchParams(x);e.set("width",S.toString()),e.set("height",M.toString()),h.push("".concat(m,"?").concat(e.toString()))},300);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(b.Topbar,{emailTitle:c,children:[(0,a.jsx)(Y,{setViewHeight:e=>{T(e),(0,l.flushSync)(()=>{D()})},setViewWidth:e=>{L(e),(0,l.flushSync)(()=>{D()})},viewHeight:M,viewWidth:S}),(0,a.jsx)(O,{activeView:p,setActiveView:e=>{let t=new URLSearchParams(x);t.set("view",e),h.push("".concat(m,"?").concat(t.toString()))}}),f?(0,a.jsx)("div",{className:"flex justify-end",children:(0,a.jsx)(I,{markup:u.markup})}):null]}),(0,a.jsxs)(V.ShellContent,{className:"relative flex bg-gray-200",ref:e=>{let t=new ResizeObserver(e=>{let[t]=e;t&&(w(t.contentRect.width-80),y(t.contentRect.height-80))});return e&&t.observe(e),()=>{t.disconnect()}},children:[v?(0,a.jsx)(G,{error:d.error}):null,f?(0,a.jsxs)(a.Fragment,{children:["preview"===p&&(0,a.jsx)(E,{minHeight:600,minWidth:350,maxHeight:C,maxWidth:j,height:M,onResizeEnd:()=>{D()},onResize:(e,t)=>{"east"===t||"west"===t?L(e):T(e)},width:S,children:(0,a.jsx)("iframe",{className:"solid max-h-full rounded-lg bg-white",ref:e=>{if(e)return H(e)},srcDoc:u.markup,style:{width:"".concat(S,"px"),height:"".concat(M,"px")},title:c})}),"source"===p&&(0,a.jsx)("div",{className:"h-full w-full bg-black",children:(0,a.jsx)("div",{className:"m-auto flex max-w-3xl p-6",children:(0,a.jsx)(R.m.Provider,{children:(0,a.jsx)(P,{activeLang:g,markups:[{language:"jsx",content:u.reactMarkup},{language:"markup",content:u.markup},{language:"markdown",content:u.plainText}],setActiveLang:e=>{let t=new URLSearchParams(x);t.set("view","source"),t.set("lang",e),h.push("".concat(m,"?").concat(t.toString()))}})})})})]}):null,(0,a.jsx)(o.l$,{})]})]})}}},e=>{var t=t=>e(e.s=t);e.O(0,[486,744,87,683,416,860,781,358],()=>t(1668)),_N_E=e.O()}]);

package/dist/preview/.next/static/css/d7df9cfc3e182163.css

@@ -1,3 +0,0 @@
-/*
-! tailwindcss v3.4.0 | MIT License | https://tailwindcss.com
-*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-inter),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--font-sf-mono),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.-bottom-px{bottom:-1px}.bottom-0{bottom:0}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:.5rem}.left-2\.5{left:.625rem}.left-\[0\.4rem\]{left:.4rem}.left-\[50\%\]{left:50%}.left-full{left:100%}.right-0{right:0}.right-2{right:.5rem}.right-8{right:2rem}.top-0{top:0}.top-1{top:.25rem}.top-1\/2{top:50%}.top-2{top:.5rem}.top-\[4\.375rem\]{top:4.375rem}.top-\[50\%\]{top:50%}.top-full{top:100%}.z-20{z-index:20}.z-50{z-index:50}.z-\[9999\]{z-index:9999}.float-right{float:right}.m-0{margin:0}.m-0\.5{margin:.125rem}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.-ml-7{margin-left:-1.75rem}.-mt-10{margin-top:-2.5rem}.-mt-\[\.125rem\]{margin-top:-.125rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.box-border{box-sizing:border-box}.box-content{box-sizing:content-box}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-1{height:.25rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[100dvh\]{height:100dvh}.h-\[3\.3125rem\]{height:3.3125rem}.h-\[36px\]{height:36px}.h-\[4\.375rem\]{height:4.375rem}.h-\[650px\]{height:650px}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-full{max-height:100%}.min-h-\[3\.3125rem\]{min-height:3.3125rem}.min-h-\[50vh\]{min-height:50vh}.min-h-full{min-height:100%}.w-0{width:0}.w-1{width:.25rem}.w-20{width:5rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-80{width:20rem}.w-\[100dvw\]{width:100dvw}.w-\[200px\]{width:200px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-px{width:1px}.w-screen{width:100vw}.min-w-0{min-width:0}.min-w-\[12rem\]{min-width:12rem}.max-w-3xl{max-width:48rem}.max-w-\[30ch\]{max-width:30ch}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.flex-1{flex:1 1 0%}.flex-shrink,.shrink{flex-shrink:1}.flex-grow,.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-x-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-full{--tw-translate-x:-100%}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.translate-x-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x:0px}.translate-x-\[-50\%\]{--tw-translate-x:-50%}.translate-x-\[-50\%\],.translate-y-\[-50\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-50\%\]{--tw-translate-y:-50%}.-rotate-180{--tw-rotate:-180deg}.-rotate-180,.rotate-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-0{--tw-rotate:0deg}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-e-resize{cursor:e-resize}.cursor-n-resize{cursor:n-resize}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-s-resize{cursor:s-resize}.cursor-w-resize{cursor:w-resize}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.scroll-px-4{scroll-padding-left:1rem;scroll-padding-right:1rem}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.self-center{align-self:center}.justify-self-end{justify-self:end}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.truncate{overflow:hidden;white-space:nowrap}.text-ellipsis,.truncate{text-overflow:ellipsis}.whitespace-pre{white-space:pre}.text-nowrap{text-wrap:nowrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-t-sm{border-top-left-radius:.125rem;border-top-right-radius:.125rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-t-4{border-top-width:4px}.border-solid{border-style:solid}.border-\[\#34343A\]{--tw-border-opacity:1;border-color:rgb(52 52 58/var(--tw-border-opacity))}.border-slate-4{border-color:hsla(209,86.7%,93.9%,.083)}.border-slate-6{border-color:hsla(209,95.3%,93.5%,.139)}.border-slate-8{border-color:hsla(209,94%,94.7%,.265)}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-black\/30{background-color:rgb(0 0 0/.3)}.bg-black\/70{background-color:rgb(0 0 0/.7)}.bg-black\/80{background-color:rgb(0 0 0/.8)}.bg-cyan-11{background-color:hsla(186,100%,49.9%,.824)}.bg-cyan-5{background-color:hsla(192,99.5%,51.3%,.173)}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity))}.bg-slate-2{background-color:hsla(181,98.9%,91.8%,.026)}.bg-slate-3{background-color:hsla(182,86.7%,91.4%,.057)}.bg-slate-4{background-color:hsla(209,86.7%,93.9%,.083)}.bg-slate-5{background-color:hsla(200,90.3%,93.4%,.109)}.bg-slate-6{background-color:hsla(209,95.3%,93.5%,.139)}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-white\/10{background-color:rgb(255 255 255/.1)}.bg-gradient{background-image:linear-gradient(145.37deg,rgba(255,255,255,.09) -8.75%,rgba(255,255,255,.027) 83.95%)}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-slate-3{--tw-gradient-from:hsla(182,86.7%,91.4%,0.057) var(--tw-gradient-from-position);--tw-gradient-to:hsla(182,86.7%,91.4%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0{padding-top:0;padding-bottom:0}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-\[8px\]{padding-top:8px;padding-bottom:8px}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pl-0{padding-left:0}.pl-1{padding-left:.25rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pr-0{padding-right:0}.pr-1{padding-right:.25rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.align-bottom{vertical-align:bottom}.font-mono{font-family:var(--font-sf-mono),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}.font-sans{font-family:var(--font-inter),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}.text-2xl{font-size:1.5rem;line-height:2rem}.text-6xl{font-size:3.75rem;line-height:1}.text-\[\.625rem\]{font-size:.625rem}.text-\[\.875rem\]{font-size:.875rem}.text-\[14px\]{font-size:14px}.text-\[28px\]{font-size:28px}.text-\[35px\]{font-size:35px}.text-\[38px\]{font-size:38px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.leading-7{line-height:1.75rem}.leading-\[34px\]{line-height:34px}.leading-\[42px\]{line-height:42px}.leading-\[46px\]{line-height:46px}.leading-\[73px\]{line-height:73px}.leading-loose{line-height:2}.leading-none{line-height:1}.tracking-\[-0\.16px\]{letter-spacing:-.16px}.tracking-\[-0\.288px\]{letter-spacing:-.288px}.tracking-\[-0\.416px\]{letter-spacing:-.416px}.tracking-\[-0\.64px\]{letter-spacing:-.64px}.tracking-\[-0\.896px\]{letter-spacing:-.896px}.tracking-\[-1\.024px\;\]{letter-spacing:-1.024px}.tracking-tight{letter-spacing:-.025em}.tracking-tighter{letter-spacing:-.05em}.tracking-wide{letter-spacing:.025em}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.text-cyan-11{color:hsla(186,100%,49.9%,.824)}.text-gray-100{--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity))}.text-orange-300{--tw-text-opacity:1;color:rgb(253 186 116/var(--tw-text-opacity))}.text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.text-slate-10{color:hsla(209,99.4%,95.2%,.472)}.text-slate-11{color:hsla(208,98.7%,96.8%,.615)}.text-slate-12{color:hsla(211,86.7%,99.6%,.927)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-white\/85{color:rgb(255 255 255/.85)}.text-yellow-200{--tw-text-opacity:1;color:rgb(254 240 138/var(--tw-text-opacity))}.text-yellow-300{--tw-text-opacity:1;color:rgb(253 224 71/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.placeholder-slate-10::-moz-placeholder{color:hsla(209,99.4%,95.2%,.472)}.placeholder-slate-10::placeholder{color:hsla(209,99.4%,95.2%,.472)}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-\[1\.25rem\]{--tw-backdrop-blur:blur(1.25rem)}.backdrop-blur-\[1\.25rem\],.backdrop-blur-lg{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-lg{--tw-backdrop-blur:blur(16px)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-100{transition-duration:.1s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-\[cubic-bezier\(\.36\2c \.66\2c \.6\2c 1\)\]{transition-timing-function:cubic-bezier(.36,.66,.6,1)}.ease-\[cubic-bezier\(\.6\2c \.12\2c \.34\2c \.96\)\]{transition-timing-function:cubic-bezier(.6,.12,.34,.96)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-linear{transition-timing-function:linear}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.will-change-auto{will-change:auto}.arrow-hide{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.arrow-hide::-webkit-inner-spin-button,.arrow-hide::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.\[transition\:width_0\.2s_ease-in-out\2c _transform_0\.2s_ease-in-out\]{transition:width .2s ease-in-out,transform .2s ease-in-out}.\[transition\:width_0\.2s_ease-in-out\]{transition:width .2s ease-in-out}.\[user-drag\:none\]{user-drag:none}.popup-open iframe{pointer-events:none}nav>div>div>.line{display:none}.selection\:bg-cyan-5 ::-moz-selection{background-color:hsla(192,99.5%,51.3%,.173)}.selection\:bg-cyan-5 ::selection{background-color:hsla(192,99.5%,51.3%,.173)}.selection\:text-cyan-12 ::-moz-selection{color:hsla(185,99.8%,95.1%,.978)}.selection\:text-cyan-12 ::selection{color:hsla(185,99.8%,95.1%,.978)}.selection\:bg-cyan-5::-moz-selection{background-color:hsla(192,99.5%,51.3%,.173)}.selection\:bg-cyan-5::selection{background-color:hsla(192,99.5%,51.3%,.173)}.selection\:text-cyan-12::-moz-selection{color:hsla(185,99.8%,95.1%,.978)}.selection\:text-cyan-12::selection{color:hsla(185,99.8%,95.1%,.978)}.before\:mr-2:before{content:var(--tw-content);margin-right:.5rem}.before\:text-slate-11:before{content:var(--tw-content);color:hsla(208,98.7%,96.8%,.615)}.before\:content-\[\'\$\'\]:before{--tw-content:"$";content:var(--tw-content)}.checked\:bg-blue-500:checked{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity))}.focus-within\:border-slate-8:focus-within{border-color:hsla(209,94%,94.7%,.265)}.focus-within\:text-slate-12:focus-within{color:hsla(211,86.7%,99.6%,.927)}.hover\:border-slate-10:hover{border-color:hsla(209,99.4%,95.2%,.472)}.hover\:border-slate-8:hover{border-color:hsla(209,94%,94.7%,.265)}.hover\:bg-green-600\/10:hover{background-color:rgb(22 163 74/.1)}.hover\:bg-red-600\/10:hover{background-color:rgb(220 38 38/.1)}.hover\:bg-slate-5:hover{background-color:hsla(200,90.3%,93.4%,.109)}.hover\:bg-white\/90:hover{background-color:rgb(255 255 255/.9)}.hover\:bg-yellow-400\/10:hover{background-color:rgb(250 204 21/.1)}.hover\:bg-gradientHover:hover{background-image:linear-gradient(145.37deg,rgba(255,255,255,.1) -8.75%,rgba(255,255,255,.057) 83.95%)}.hover\:text-slate-12:hover{color:hsla(211,86.7%,99.6%,.927)}.focus\:bg-white\/90:focus{background-color:rgb(255 255 255/.9)}.focus\:bg-gradientHover:focus{background-image:linear-gradient(145.37deg,rgba(255,255,255,.1) -8.75%,rgba(255,255,255,.057) 83.95%)}.focus\:text-slate-12:focus{color:hsla(211,86.7%,99.6%,.927)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-1:focus,.focus\:ring-2:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-slate-10:focus{--tw-ring-color:hsla(209,99.4%,95.2%,0.472)}.focus\:ring-white\/20:focus{--tw-ring-color:rgb(255 255 255/0.2)}.disabled\:border-transparent:disabled{border-color:transparent}.disabled\:bg-slate-11:disabled{background-color:hsla(208,98.7%,96.8%,.615)}.aria-disabled\:border-transparent[aria-disabled=true]{border-color:transparent}.aria-disabled\:bg-slate-11[aria-disabled=true]{background-color:hsla(208,98.7%,96.8%,.615)}.data-\[state\=open\]\:mb-2[data-state=open]{margin-bottom:.5rem}.data-\[toggled\=false\]\:h-8[data-toggled=false]{height:2rem}.data-\[open\=true\]\:rotate-180[data-open=true]{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[highlighted\]\:bg-slate-5[data-highlighted]{background-color:hsla(200,90.3%,93.4%,.109)}.data-\[state\=active\]\:text-cyan-11[data-state=active]{color:hsla(186,100%,49.9%,.824)}.group[data-state=open] .group-data-\[state\=open\]\:rotate-90{--tw-rotate:90deg}.group[data-state=open] .group-data-\[state\=open\]\:rotate-90,.group\/toolbar[data-toggled=false] .group-data-\[toggled\=false\]\/toolbar\:rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group\/toolbar[data-toggled=false] .group-data-\[toggled\=false\]\/toolbar\:rotate-180{--tw-rotate:180deg}.group\/item[data-status=error] .group-data-\[status\=error\]\/item\:text-red-400,.group\/result[data-status=error] .group-data-\[status\=error\]\/result\:text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity))}.group\/item[data-status=success] .group-data-\[status\=success\]\/item\:text-green-400{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity))}.group\/item[data-status=warning] .group-data-\[status\=warning\]\/item\:text-yellow-300{--tw-text-opacity:1;color:rgb(253 224 71/var(--tw-text-opacity))}.group\/result[data-status=warning] .group-data-\[status\=warning\]\/result\:text-orange-300{--tw-text-opacity:1;color:rgb(253 186 116/var(--tw-text-opacity))}.group\/toolbar[data-toggled=false] .group-data-\[toggled\=false\]\/toolbar\:opacity-0{opacity:0}@media (min-width:640px){.sm\:rounded-lg{border-radius:.5rem}}@media (min-width:768px){.md\:block{display:block}.md\:max-w-\[568px\]{max-width:568px}.md\:text-\[70px\]{font-size:70px}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}.md\:leading-\[85px\]{line-height:85px}}@media (min-width:1024px){.lg\:static{position:static}.lg\:z-auto{z-index:auto}.lg\:mt-0{margin-top:0}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:max-h-screen{max-height:100vh}.lg\:w-0{width:0}.lg\:w-\[16rem\]{width:16rem}.lg\:w-fit{width:-moz-fit-content;width:fit-content}.lg\:w-full{width:100%}.lg\:min-w-\[14\.5rem\]{min-width:14.5rem}.lg\:max-w-\[968px\]{max-width:968px}.lg\:translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.lg\:justify-start{justify-content:flex-start}}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/26a46d62cd723877-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/6d93bde91c0c2823-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/a34f9d1faa5f3315-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_d65c78{font-family:Inter,Inter Fallback;font-style:normal}.__variable_d65c78{--font-inter:"Inter","Inter Fallback"}@font-face{font-family:sfMono;src:url(/_next/static/media/cf6daef822ab0142-s.p.otf) format("opentype");font-display:swap;font-weight:300}@font-face{font-family:sfMono;src:url(/_next/static/media/26cb97734d8cb717-s.p.otf) format("opentype");font-display:swap;font-weight:400}@font-face{font-family:sfMono;src:url(/_next/static/media/e4051546b3043204-s.p.otf) format("opentype");font-display:swap;font-weight:500}@font-face{font-family:sfMono;src:url(/_next/static/media/05613964ce6c782e-s.p.otf) format("opentype");font-display:swap;font-weight:600}@font-face{font-family:sfMono;src:url(/_next/static/media/bb6462617151f6b7-s.p.otf) format("opentype");font-display:swap;font-weight:700}@font-face{font-family:sfMono;src:url(/_next/static/media/11c6126b9369e85e-s.p.otf) format("opentype");font-display:swap;font-weight:800}@font-face{font-family:sfMono Fallback;src:local("Arial");ascent-override:70.28%;descent-override:17.81%;line-gap-override:0.00%;size-adjust:135.47%}.__className_a0e4c0{font-family:sfMono,sfMono Fallback}.__variable_a0e4c0{--font-sf-mono:"sfMono","sfMono Fallback"}

package/src/actions/email-validation/get-line-and-column-from-index.spec.ts

@@ -1,22 +0,0 @@
-import { getLineAndColumnFromIndex } from './get-line-and-column-from-index';
-
-test('getLineAndColumnFromIndex()', () => {
-  const code = `import { SomethingElse } from 'somewhere';
-
-const myConstant = 'what';
-
-const MyComponent = () => {
-  return <SomethingElse>
-    <div>
-      <a>Hello World!</a>{' '}
-      {myConstant}
-    </div>
-  </SomethingElse>;
-}`;
-  const [line, column] = getLineAndColumnFromIndex(
-    code,
-    code.indexOf('Hello World!'),
-  );
-  expect(line).toBe(8);
-  expect(column).toBe(10);
-});

package/src/actions/email-validation/get-line-and-column-from-index.ts

@@ -1,43 +0,0 @@
-const splitByLines = (text: string) => {
-  const properSplit: string[] = [];
-  const unevenSplit = text.split(/(?<eol>\n|\r|\r\n)/);
-
-  for (const [i, segment] of unevenSplit.entries()) {
-    if (i % 2 === 0) {
-      let segmentToInsert = segment;
-      if (i + 1 < unevenSplit.length) {
-        segmentToInsert += unevenSplit[i + 1];
-      }
-      properSplit.push(segmentToInsert);
-    }
-  }
-
-  return properSplit;
-};
-
-export const getLineAndColumnFromIndex = (
-  code: string,
-  index: number,
-): [line: number, column: number] => {
-  const lines = splitByLines(code);
-
-  let lineNumber = 1;
-  const line = () => {
-    const l = lines[lineNumber - 1];
-    if (l === undefined)
-      throw new Error(
-        'Could not find the line for a specific index in the code',
-        { cause: { lines, lineNumber, index } },
-      );
-    return l;
-  };
-  let charactersUpToLineStart = 0;
-  while (charactersUpToLineStart + line().length < index) {
-    charactersUpToLineStart += line().length;
-    lineNumber++;
-  }
-
-  const columnNumber = index - charactersUpToLineStart + 1;
-
-  return [lineNumber, columnNumber];
-};

package/src/components/icons/icon-scanner.tsx

@@ -1,19 +0,0 @@
-export const IconScanner = (props: React.ComponentProps<'svg'>) => {
-  return (
-    <svg
-      width="13"
-      height="12"
-      viewBox="0 0 13 12"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      {...props}
-    >
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M1.5 1.5C1.22386 1.5 1 1.72386 1 2V8C1 8.27614 1.22386 8.5 1.5 8.5H11.5C11.7761 8.5 12 8.27614 12 8V2C12 1.72386 11.7761 1.5 11.5 1.5H1.5ZM0 8C0 8.6531 0.4174 9.2087 1 9.4146V10C1 10.8284 1.67157 11.5 2.5 11.5H10.5C11.3284 11.5 12 10.8284 12 10V9.4146C12.5826 9.2087 13 8.6531 13 8V2C13 1.17157 12.3284 0.5 11.5 0.5H1.5C0.67157 0.5 0 1.17157 0 2V8ZM11 10V9.5H2V10C2 10.2761 2.22386 10.5 2.5 10.5H10.5C10.7761 10.5 11 10.2761 11 10ZM4.5 4.5C4.22386 4.5 4 4.72386 4 5C4 5.27614 4.22386 5.5 4.5 5.5H8.5C8.77614 5.5 9 5.27614 9 5C9 4.72386 8.77614 4.5 8.5 4.5H4.5Z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-};

package/src/components/icons/icon-scissors.tsx

@@ -1,19 +0,0 @@
-export const IconScissors = (props: React.ComponentProps<'svg'>) => {
-  return (
-    <svg
-      width="12"
-      height="10"
-      viewBox="0 0 12 10"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      {...props}
-    >
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M0.760039 2.58762C0.760039 3.27246 1.31521 3.82762 2.00004 3.82762C2.68487 3.82762 3.24004 3.27246 3.24004 2.58762C3.24004 1.90278 2.68487 1.34762 2.00004 1.34762C1.31521 1.34762 0.760039 1.90278 0.760039 2.58762ZM2.00004 4.54762C0.917561 4.54762 0.0400391 3.6701 0.0400391 2.58762C0.0400391 1.50514 0.917561 0.627625 2.00004 0.627625C3.08252 0.627625 3.96004 1.50514 3.96004 2.58762C3.96004 2.84649 3.90986 3.09364 3.81868 3.31986L4.58929 3.83529C4.58359 3.85323 4.5782 3.8713 4.57313 3.88949L4.45035 4.32947L4.16809 4.51817L3.37248 3.98691C3.0189 4.33374 2.53445 4.54762 2.00004 4.54762ZM0.760042 7.39998C0.760042 6.71514 1.31521 6.15997 2.00004 6.15997C2.68487 6.15997 3.24004 6.71514 3.24004 7.39998C3.24004 8.08478 2.68487 8.63999 2.00004 8.63999C1.31521 8.63999 0.760042 8.08478 0.760042 7.39998ZM2.00004 5.43997C0.917561 5.43997 0.0400415 6.31749 0.0400415 7.39998C0.0400415 8.48246 0.917561 9.35998 2.00004 9.35998C3.08252 9.35998 3.96004 8.48246 3.96004 7.39998C3.96004 7.14422 3.91106 6.89996 3.82199 6.67598L12 1.20588L11.2389 1.28588C10.1662 1.39862 9.12733 1.72714 8.18485 2.25167L5.72522 3.6205C5.5385 3.72441 5.40112 3.8987 5.34369 4.10451L5.14127 4.82988L3.37954 6.00764C3.02538 5.65671 2.53802 5.43997 2.00004 5.43997ZM5.71553 6.3719L5.72522 6.37739L8.18485 7.74622C9.12733 8.27071 10.1662 8.59927 11.2389 8.71199L12 8.79198L7.04863 5.48022L5.71553 6.3719Z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-};