react-email 4.0.0-alpha.0 → 4.0.0-alpha.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (92) hide show
  1. package/CHANGELOG.md +38 -0
  2. package/dist/cli/index.js +10 -10
  3. package/dist/cli/index.mjs +10 -13
  4. package/dist/preview/.next/BUILD_ID +1 -1
  5. package/dist/preview/.next/app-build-manifest.json +19 -19
  6. package/dist/preview/.next/app-path-routes-manifest.json +1 -1
  7. package/dist/preview/.next/build-manifest.json +6 -6
  8. package/dist/preview/.next/cache/.rscinfo +1 -1
  9. package/dist/preview/.next/cache/webpack/client-production/0.pack +0 -0
  10. package/dist/preview/.next/cache/webpack/client-production/index.pack +0 -0
  11. package/dist/preview/.next/cache/webpack/edge-server-production/index.pack +0 -0
  12. package/dist/preview/.next/cache/webpack/server-production/0.pack +0 -0
  13. package/dist/preview/.next/cache/webpack/server-production/index.pack +0 -0
  14. package/dist/preview/.next/next-minimal-server.js.nft.json +1 -1
  15. package/dist/preview/.next/next-server.js.nft.json +1 -1
  16. package/dist/preview/.next/prerender-manifest.json +1 -1
  17. package/dist/preview/.next/required-server-files.json +1 -1
  18. package/dist/preview/.next/server/app/_not-found/page.js +1 -1
  19. package/dist/preview/.next/server/app/_not-found/page_client-reference-manifest.js +1 -1
  20. package/dist/preview/.next/server/app/favicon.ico/route.js +1 -1
  21. package/dist/preview/.next/server/app/page.js +1 -1
  22. package/dist/preview/.next/server/app/page.js.nft.json +1 -1
  23. package/dist/preview/.next/server/app/page_client-reference-manifest.js +1 -1
  24. package/dist/preview/.next/server/app/preview/[...slug]/page.js +6 -6
  25. package/dist/preview/.next/server/app/preview/[...slug]/page.js.nft.json +1 -1
  26. package/dist/preview/.next/server/app/preview/[...slug]/page_client-reference-manifest.js +1 -1
  27. package/dist/preview/.next/server/app-paths-manifest.json +1 -1
  28. package/dist/preview/.next/server/chunks/196.js +2 -2
  29. package/dist/preview/.next/server/chunks/590.js +1 -0
  30. package/dist/preview/.next/server/chunks/631.js +2 -2
  31. package/dist/preview/.next/server/chunks/734.js +15 -0
  32. package/dist/preview/.next/server/middleware-build-manifest.js +1 -1
  33. package/dist/preview/.next/server/next-font-manifest.js +1 -1
  34. package/dist/preview/.next/server/next-font-manifest.json +1 -1
  35. package/dist/preview/.next/server/pages/500.html +1 -1
  36. package/dist/preview/.next/server/server-reference-manifest.js +1 -1
  37. package/dist/preview/.next/server/server-reference-manifest.json +1 -1
  38. package/dist/preview/.next/static/chunks/285-dbf6306a0d45c33d.js +1 -0
  39. package/dist/preview/.next/static/chunks/490-d26ba2019ccd4d2f.js +1 -0
  40. package/dist/preview/.next/static/chunks/603-36207c8905355e23.js +1 -0
  41. package/dist/preview/.next/static/chunks/afa401a5-9ebf2515b1397993.js +6 -0
  42. package/dist/preview/.next/static/chunks/app/layout-b13c19549e2d3e57.js +1 -0
  43. package/dist/preview/.next/static/chunks/app/page-8f366f3c14282f33.js +1 -0
  44. package/dist/preview/.next/static/chunks/app/preview/[...slug]/page-9906dc842681db05.js +1 -0
  45. package/dist/preview/.next/static/chunks/main-app-d1b0aa870bcfb13e.js +1 -0
  46. package/dist/preview/.next/static/chunks/webpack-9255716c9496e606.js +1 -0
  47. package/dist/preview/.next/static/css/b60917edfd15a496.css +3 -0
  48. package/dist/preview/.next/trace +22 -21
  49. package/dist/preview/.next/types/app/layout.ts +1 -1
  50. package/dist/preview/.next/types/app/preview/[...slug]/page.ts +1 -1
  51. package/module-punycode.d.ts +3 -0
  52. package/package.json +9 -9
  53. package/src/actions/email-validation/check-images.spec.tsx +89 -0
  54. package/src/actions/email-validation/check-images.ts +141 -0
  55. package/src/actions/email-validation/check-links.spec.tsx +91 -0
  56. package/src/actions/email-validation/check-links.ts +18 -15
  57. package/src/app/preview/[...slug]/preview.tsx +105 -19
  58. package/src/components/button.tsx +47 -36
  59. package/src/components/code-snippet.tsx +0 -2
  60. package/src/components/icons/icon-image.tsx +19 -0
  61. package/src/components/logo.tsx +0 -2
  62. package/src/components/resizable-wrapper.tsx +176 -0
  63. package/src/components/shell.tsx +17 -3
  64. package/src/components/sidebar/checking-results.tsx +150 -0
  65. package/src/components/sidebar/file-tree-directory-children.tsx +3 -6
  66. package/src/components/sidebar/image-checker.tsx +161 -0
  67. package/src/components/sidebar/link-checker.tsx +83 -223
  68. package/src/components/sidebar/sidebar.tsx +75 -27
  69. package/src/components/topbar/active-view-toggle-group.tsx +86 -0
  70. package/src/components/topbar/view-size-controls.tsx +247 -0
  71. package/src/components/topbar.tsx +50 -125
  72. package/src/hooks/use-clamped-state.ts +24 -0
  73. package/src/hooks/use-icon-animation.ts +4 -7
  74. package/src/utils/static-node-modules-for-vm.ts +2 -1
  75. package/tailwind.config.ts +12 -17
  76. package/tsconfig.json +6 -2
  77. package/tsconfig.test.json +8 -0
  78. package/vitest.config.ts +13 -0
  79. package/dist/preview/.next/server/chunks/273.js +0 -1
  80. package/dist/preview/.next/server/chunks/594.js +0 -10
  81. package/dist/preview/.next/static/chunks/18b16e15-6ad9b58e10ff8891.js +0 -1
  82. package/dist/preview/.next/static/chunks/490-48951f2e19ae3aef.js +0 -1
  83. package/dist/preview/.next/static/chunks/600-2e2ca4c8bbd97b61.js +0 -1
  84. package/dist/preview/.next/static/chunks/860-38d96c8819ba6f19.js +0 -1
  85. package/dist/preview/.next/static/chunks/app/layout-490964e2c3604d33.js +0 -1
  86. package/dist/preview/.next/static/chunks/app/page-d2432acd08db8fc0.js +0 -1
  87. package/dist/preview/.next/static/chunks/app/preview/[...slug]/page-f4e211e00c026401.js +0 -1
  88. package/dist/preview/.next/static/chunks/main-app-cd104297c6bcc87e.js +0 -1
  89. package/dist/preview/.next/static/chunks/webpack-7bf1ffb05f5540be.js +0 -1
  90. package/dist/preview/.next/static/css/5e0736cafbb392a9.css +0 -3
  91. /package/dist/preview/.next/static/{fZaiKz58wDr55pxLu9uHa → ll_lhpCErxdDFU8uF5Ujy}/_buildManifest.js +0 -0
  92. /package/dist/preview/.next/static/{fZaiKz58wDr55pxLu9uHa → ll_lhpCErxdDFU8uF5Ujy}/_ssgManifest.js +0 -0
@@ -0,0 +1 @@
1
+ (self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[177],{410:(e,t,r)=>{Promise.resolve().then(r.t.bind(r,3103,23)),Promise.resolve().then(r.t.bind(r,1359,23)),Promise.resolve().then(r.bind(r,9328))},9328:(e,t,r)=>{"use strict";r.d(t,{EmailsProvider:()=>u,J:()=>c});var a=r(4789),i=r(5569),o=r(5170);let l=(0,o.createServerReference)("7fa0eb5b200149830847d25d059efceaabcf7f04d9",o.callServer,void 0,o.findSourceMapURL,"getEmailsDirectoryMetadataAction");var n=r(446),s=r(92);let d=(0,i.createContext)(void 0),c=()=>{let e=(0,i.useContext)(d);if(void 0===e)throw Error("Cannot call `useEmail()` outside of an EmailsContext provider!");return e},u=e=>{let[t,r]=(0,i.useState)(e.initialEmailsDirectoryMetadata);return"true"!==s.env.NEXT_PUBLIC_IS_BUILDING&&(0,n.a)(async()=>{let t=await l(e.initialEmailsDirectoryMetadata.absolutePath);if(t)r(t);else throw Error("Hot reloading: unable to find the emails directory to update the sidebar")}),(0,a.jsx)(d.Provider,{value:{emailsDirectoryMetadata:t},children:e.children})}},446:(e,t,r)=>{"use strict";r.d(t,{a:()=>o});var a=r(5569),i=r(3106);let o=e=>{let t=(0,a.useRef)(null);(0,a.useEffect)(()=>{t.current||(t.current=(0,i.io)());let r=t.current;return r.on("reload",t=>{console.debug("Reloading..."),e(t)}),()=>{r.off()}},[e])}},3103:()=>{}},e=>{var t=t=>e(e.s=t);e.O(0,[78,668,447,295,797,358],()=>t(410)),_N_E=e.O()}]);
@@ -0,0 +1 @@
1
+ (self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[974],{757:(e,s,n)=>{Promise.resolve().then(n.t.bind(n,3935,23)),Promise.resolve().then(n.t.bind(n,4312,23)),Promise.resolve().then(n.bind(n,9747)),Promise.resolve().then(n.bind(n,4289)),Promise.resolve().then(n.bind(n,8322)),Promise.resolve().then(n.bind(n,9122)),Promise.resolve().then(n.bind(n,5791))}},e=>{var s=s=>e(e.s=s);e.O(0,[668,486,447,285,490,295,797,358],()=>s(757)),_N_E=e.O()}]);
@@ -0,0 +1 @@
1
+ (self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[719],{8651:(e,t,r)=>{Promise.resolve().then(r.t.bind(r,3935,23)),Promise.resolve().then(r.t.bind(r,4312,23)),Promise.resolve().then(r.bind(r,9747)),Promise.resolve().then(r.bind(r,4024)),Promise.resolve().then(r.bind(r,4289)),Promise.resolve().then(r.bind(r,8322)),Promise.resolve().then(r.bind(r,9122)),Promise.resolve().then(r.bind(r,5791))},4024:(e,t,r)=>{"use strict";r.d(t,{default:()=>T});var a=r(4789),n=r(5424),s=r(5569),l=r(9748),o=r(1613),i=r(6080),d=r(9788),c=r(5192),u=r(5190),m=r(4085),h=r(673),x=r(8860);let v={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"}}]},g=e=>{let{children:t,language:r="html"}=e,n=t.trim();return(0,a.jsx)(x.f4,{code:n,language:r,theme:v,children:e=>{let{tokens:t,getLineProps:n,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=n({line:e,key:o});return(0,s.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 n;let o=l({token:t,key:r}),i="from"===t.content&&(null===(n=e[r+1])||void 0===n?void 0:n.content)===":"?[...t.types,"key-white"]:t.types;return t.types=i,(0,a.jsx)(s.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%)"}})]})}})},p=s.forwardRef((e,t)=>{let{children:r,className:n,...s}=e;return(0,a.jsx)("button",{type:"button",...s,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",n),ref:t,children:r})});p.displayName="IconButton";var b=r(9157);let f=s.forwardRef((e,t)=>{let{...r}=e;return(0,a.jsx)(b.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"})})});f.displayName="IconCheck";let w=s.forwardRef((e,t)=>{let{...r}=e;return(0,a.jsxs)(b.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"})]})});w.displayName="IconClipboard";let j=s.forwardRef((e,t)=>{let{...r}=e;return(0,a.jsx)(b.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})})});j.displayName="IconDownload";var k=r(7029);let y=e=>{let{markups:t,activeLang:r,setActiveLang:n}=e,[l,o]=s.useState(!1);return s.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)(d.o,{id:"code",children:t.map(e=>{let{language:t}=e,s=r===t;return(0,a.jsxs)(c.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:()=>{n(t)},children:[s?(0,a.jsx)(c.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:m.v}):null,h.A[t]]},t)})})}),(0,a.jsxs)(k.m,{children:[(0,a.jsx)(k.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)(p,{onClick:()=>void e(),children:l?(0,a.jsx)(f,{}):(0,a.jsx)(w,{})})})()}),(0,a.jsx)(k.m.Content,{children:"Copy to Clipboard"})]}),(0,a.jsxs)(k.m,{children:[(0,a.jsx)(k.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 n=new File([e[0].content],"email.".concat(e[0].language)),s=URL.createObjectURL(n);return(0,a.jsx)("a",{className:"text-slate-11 transition duration-200 ease-in-out hover:text-slate-12",download:n.name,href:s,children:(0,a.jsx)(j,{})})})()}),(0,a.jsx)(k.m.Content,{children:"Download"})]})]}),t.map(e=>{let{language:t,content:n}=e;return(0,a.jsx)("div",{className:"".concat(r!==t&&"hidden"),children:(0,a.jsx)(g,{language:t,children:n})},t)})]})};var N=r(1719);let L=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}))},n=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",n),()=>{var t,r;null===(t=e.contentDocument)||void 0===t||t.removeEventListener("mousemove",a),null===(r=e.contentDocument)||void 0===r||r.removeEventListener("mouseup",n)}},S=e=>{let{width:t,height:r,onResize:n,onResizeEnd:l,children:o,maxHeight:i,maxWidth:d,minHeight:c,minWidth:m,...h}=e,x=(0,s.useRef)(null),v=(0,s.useRef)(null),g=(0,s.useCallback)(()=>{v.current&&document.removeEventListener("mousemove",v.current),document.removeEventListener("mouseup",g),null==l||l()},[]),p=e=>{v.current=t=>{if(0===t.button&&x.current){let r="east"===e||"west"===e,a=r?t.clientX:t.clientY,s=x.current.getBoundingClientRect();n(2*Math.abs(a-(r?s.x+s.width/2:s.y+s.height/2)),e)}else g()},document.addEventListener("mouseup",g),document.addEventListener("mousemove",v.current)};return(0,s.useEffect)(()=>{if(window.document)return()=>{g()}},[]),(0,a.jsxs)("div",{...h,className:(0,u.cn)("relative mx-auto my-auto box-content px-4 py-2",h.className),children:[(0,a.jsx)("div",{"aria-label":"resize-west","aria-valuenow":t,"aria-valuemin":m,"aria-valuemax":d,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:()=>{p("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":m,"aria-valuemax":d,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:()=>{p("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":c,"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:()=>{p("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":c,"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:()=>{p("south")},role:"slider",tabIndex:0,children:(0,a.jsx)("div",{className:"h-1 w-8 rounded-md bg-black/30"})}),(0,a.jsx)(N.DX,{ref:x,children:o})]})};var E=r(8322);let C=(e,t,r)=>Math.min(Math.max(e,t),r),I=(e,t,r)=>{let[a,n]=(0,s.useState)(e);return[C(a,t,r),e=>{"function"==typeof e?n(a=>{let n=C(a,t,r);return C(e(n),t,r)}):n(C(e,t,r))}]};var D=r(5170);let M=(0,D.createServerReference)("7f651e557bdcec44229f68d6ae8cf8cd31f609cb2a",D.callServer,void 0,D.findSourceMapURL,"getEmailPathFromSlug"),R=(0,D.createServerReference)("7f5759988786def6bb46bc4d08d033819816601791",D.callServer,void 0,D.findSourceMapURL,"renderEmailByPath");var P=r(446),z=r(92);let _=(e,t)=>{let[r,a]=(0,s.useState)(t);return"true"!==z.env.NEXT_PUBLIC_IS_BUILDING&&(0,P.a)(async t=>{for await(let r of t){let t=r.filename,n=await M(t),s=await R(n,!0);n===e&&a(s)}}),r},F={},H=(e,t,r)=>((0,s.useEffect)(()=>{"markup"in t?F[e]=t:void 0!==r&&"markup"in r&&void 0===F[e]&&(F[e]=r)},[t,e,r]),"error"in t?F[e]:t),U=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]})})]});var W=r(92);let T=e=>{var t,r;let{slug:d,emailPath:c,pathSeparator:u,serverRenderingResult:m}=e,h=(0,n.useRouter)(),x=(0,n.usePathname)(),v=(0,n.useSearchParams)(),g=null!==(t=v.get("view"))&&void 0!==t?t:"preview",p=null!==(r=v.get("lang"))&&void 0!==r?r:"jsx",b=_(c,m),f=H(c,b,m);"true"!==W.env.NEXT_PUBLIC_IS_BUILDING&&(0,P.a)(e=>{let t=e.find(e=>e.filename.includes(d));void 0!==t&&"unlink"===t.event&&h.push("/")});let w=void 0!==f,[j,N]=(0,s.useState)(Number.POSITIVE_INFINITY),[C,D]=(0,s.useState)(Number.POSITIVE_INFINITY),M=v.get("width"),R=v.get("height"),[z,F]=I(M?Number.parseInt(M):600,350,j),[T,V]=I(R?Number.parseInt(R):1024,600,C),B=(0,i.YQ)(()=>{let e=new URLSearchParams(v);e.set("width",z.toString()),e.set("height",T.toString()),h.push("".concat(x,"?").concat(e.toString()))},300);return(0,a.jsx)(E.Shell,{activeView:g,currentEmailOpenSlug:d,markup:null==f?void 0:f.markup,pathSeparator:u,setActiveView:e=>{let t=new URLSearchParams(v);t.set("view",e),h.push("".concat(x,"?").concat(t.toString()))},setViewHeight:e=>{V(e),(0,l.flushSync)(()=>{B()})},setViewWidth:e=>{F(e),(0,l.flushSync)(()=>{B()})},viewHeight:T,viewWidth:z,children:(0,a.jsxs)("div",{className:"relative flex h-full pb-8 bg-gray-200",ref:e=>{let t=new ResizeObserver(e=>{let[t]=e;t&&(N(t.contentRect.width-80),D(t.contentRect.height-80))});return e&&t.observe(e),()=>{t.disconnect()}},children:["error"in b?(0,a.jsx)(U,{error:b.error}):null,w?(0,a.jsxs)(a.Fragment,{children:["preview"===g&&(0,a.jsx)(S,{minHeight:600,minWidth:350,maxHeight:C,maxWidth:j,height:T,onResizeEnd:()=>{B()},onResize:(e,t)=>{"east"===t||"west"===t?F(e):V(e)},width:z,children:(0,a.jsx)("iframe",{className:"solid max-h-full rounded-lg bg-white",ref:e=>{if(e)return L(e)},srcDoc:f.markup,style:{width:"".concat(z,"px"),height:"".concat(T,"px")},title:d})}),"source"===g&&(0,a.jsx)("div",{className:"mx-auto flex max-w-3xl gap-6 p-6",children:(0,a.jsx)(k.m.Provider,{children:(0,a.jsx)(y,{activeLang:p,markups:[{language:"jsx",content:f.reactMarkup},{language:"markup",content:f.markup},{language:"markdown",content:f.plainText}],setActiveLang:e=>{let t=new URLSearchParams(v);t.set("view","source"),t.set("lang",e),h.push("".concat(x,"?").concat(t.toString()))}})})})]}):null,(0,a.jsx)(o.l$,{})]})})}}},e=>{var t=t=>e(e.s=t);e.O(0,[668,486,447,285,603,490,295,797,358],()=>t(8651)),_N_E=e.O()}]);
@@ -0,0 +1 @@
1
+ (self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[358],{2057:(e,s,n)=>{Promise.resolve().then(n.t.bind(n,6587,23)),Promise.resolve().then(n.t.bind(n,4657,23)),Promise.resolve().then(n.t.bind(n,9693,23)),Promise.resolve().then(n.t.bind(n,6730,23)),Promise.resolve().then(n.t.bind(n,9658,23)),Promise.resolve().then(n.t.bind(n,3960,23)),Promise.resolve().then(n.t.bind(n,6307,23))}},e=>{var s=s=>e(e.s=s);e.O(0,[295,797],()=>(s(1150),s(2057))),_N_E=e.O()}]);
@@ -0,0 +1 @@
1
+ (()=>{"use strict";var e={},t={};function r(o){var n=t[o];if(void 0!==n)return n.exports;var a=t[o]={exports:{}},i=!0;try{e[o](a,a.exports,r),i=!1}finally{i&&delete t[o]}return a.exports}r.m=e,(()=>{var e=[];r.O=(t,o,n,a)=>{if(o){a=a||0;for(var i=e.length;i>0&&e[i-1][2]>a;i--)e[i]=e[i-1];e[i]=[o,n,a];return}for(var u=1/0,i=0;i<e.length;i++){for(var[o,n,a]=e[i],l=!0,c=0;c<o.length;c++)(!1&a||u>=a)&&Object.keys(r.O).every(e=>r.O[e](o[c]))?o.splice(c--,1):(l=!1,a<u&&(u=a));if(l){e.splice(i--,1);var d=n();void 0!==d&&(t=d)}}return t}})(),r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},(()=>{var e,t=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__;r.t=function(o,n){if(1&n&&(o=this(o)),8&n||"object"==typeof o&&o&&(4&n&&o.__esModule||16&n&&"function"==typeof o.then))return o;var a=Object.create(null);r.r(a);var i={};e=e||[null,t({}),t([]),t(t)];for(var u=2&n&&o;"object"==typeof u&&!~e.indexOf(u);u=t(u))Object.getOwnPropertyNames(u).forEach(e=>i[e]=()=>o[e]);return i.default=()=>o,r.d(a,i),a}})(),r.d=(e,t)=>{for(var o in t)r.o(t,o)&&!r.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce((t,o)=>(r.f[o](e,t),t),[])),r.u=e=>{},r.miniCssF=e=>{},r.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||Function("return this")()}catch(e){if("object"==typeof window)return window}}(),r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{var e={},t="_N_E:";r.l=(o,n,a,i)=>{if(e[o]){e[o].push(n);return}if(void 0!==a)for(var u,l,c=document.getElementsByTagName("script"),d=0;d<c.length;d++){var f=c[d];if(f.getAttribute("src")==o||f.getAttribute("data-webpack")==t+a){u=f;break}}u||(l=!0,(u=document.createElement("script")).charset="utf-8",u.timeout=120,r.nc&&u.setAttribute("nonce",r.nc),u.setAttribute("data-webpack",t+a),u.src=r.tu(o)),e[o]=[n];var s=(t,r)=>{u.onerror=u.onload=null,clearTimeout(p);var n=e[o];if(delete e[o],u.parentNode&&u.parentNode.removeChild(u),n&&n.forEach(e=>e(r)),t)return t(r)},p=setTimeout(s.bind(null,void 0,{type:"timeout",target:u}),12e4);u.onerror=s.bind(null,u.onerror),u.onload=s.bind(null,u.onload),l&&document.head.appendChild(u)}})(),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e;r.tt=()=>(void 0===e&&(e={createScriptURL:e=>e},"undefined"!=typeof trustedTypes&&trustedTypes.createPolicy&&(e=trustedTypes.createPolicy("nextjs#bundler",e))),e)})(),r.tu=e=>r.tt().createScriptURL(e),r.p="/_next/",(()=>{var e={68:0,78:0,668:0};r.f.j=(t,o)=>{var n=r.o(e,t)?e[t]:void 0;if(0!==n){if(n)o.push(n[2]);else if(/^(6|66|7)8$/.test(t))e[t]=0;else{var a=new Promise((r,o)=>n=e[t]=[r,o]);o.push(n[2]=a);var i=r.p+r.u(t),u=Error();r.l(i,o=>{if(r.o(e,t)&&(0!==(n=e[t])&&(e[t]=void 0),n)){var a=o&&("load"===o.type?"missing":o.type),i=o&&o.target&&o.target.src;u.message="Loading chunk "+t+" failed.\n("+a+": "+i+")",u.name="ChunkLoadError",u.type=a,u.request=i,n[1](u)}},"chunk-"+t,t)}}},r.O.j=t=>0===e[t];var t=(t,o)=>{var n,a,[i,u,l]=o,c=0;if(i.some(t=>0!==e[t])){for(n in u)r.o(u,n)&&(r.m[n]=u[n]);if(l)var d=l(r)}for(t&&t(o);c<i.length;c++)a=i[c],r.o(e,a)&&e[a]&&e[a][0](),e[a]=0;return r.O(d)},o=self.webpackChunk_N_E=self.webpackChunk_N_E||[];o.forEach(t.bind(null,0)),o.push=t.bind(null,o.push.bind(o))})(),r.nc=void 0})();
@@ -0,0 +1,3 @@
1
+ /*
2
+ ! tailwindcss v3.4.0 | MIT License | https://tailwindcss.com
3
+ */*,: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: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:rgba(59,130,246,.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:rgba(59,130,246,.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}.inset-0{inset:0}.bottom-0{bottom:0}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:.5rem}.left-2\.5{left:.625rem}.left-4{left:1rem}.left-\[\.625rem\]{left:.625rem}.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}.m-0{margin:0}.m-0\.5{margin:.125rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-2\.5{margin-left:.625rem;margin-right:.625rem}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-2\.5{margin-top:.625rem;margin-bottom:.625rem}.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}.-mt-\[\.5px\]{margin-top:-.5px}.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}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-auto{margin-top:auto}.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}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1/1}.h-1{height:.25rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.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-\[3\.3125rem\]{height:3.3125rem}.h-\[36px\]{height:36px}.h-\[4\.375rem\]{height:4.375rem}.h-\[650px\]{height:650px}.h-\[calc\(100dvh-3\.3125rem\)\]{height:calc(100dvh - 3.3125rem)}.h-\[calc\(100dvh-4\.375rem\)\]{height:calc(100dvh - 4.375rem)}.h-\[inherit\]{height:inherit}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-\[calc\(100dvh-4\.375rem\)\]{max-height:calc(100dvh - 4.375rem)}.max-h-full{max-height:100%}.min-h-\[3\.3125rem\]{min-height:3.3125rem}.min-h-\[50vh\]{min-height:50vh}.min-h-screen{min-height:100vh}.w-1{width:.25rem}.w-20{width:5rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-80{width:20rem}.w-\[100vw\]{width:100vw}.w-\[200px\]{width:200px}.w-\[calc\(100\%-\.5rem-24px\)\]{width:calc(100% - .5rem - 24px)}.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-full{max-width:100%}.max-w-lg{max-width:32rem}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-grow,.grow{flex-grow:1}.-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}.grid-cols-\[3\.375rem\2c 1fr\]{grid-template-columns:3.375rem 1fr}.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}.gap-6{gap:1.5rem}.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-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.text-pretty{text-wrap:pretty}.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-r{border-right-width:1px}.border-t{border-top-width:1px}.border-t-4{border-top-width:4px}.border-solid{border-style:solid}.border-\[\#0BB9CD\]\/50{border-color:rgba(11,185,205,.5)}.border-\[\#34343A\]{--tw-border-opacity:1;border-color:rgb(52 52 58/var(--tw-border-opacity))}.border-slate-4{border-color:rgba(226,240,253,.083)}.border-slate-6{border-color:rgba(223,239,254,.139)}.border-slate-8{border-color:rgba(229,242,254,.265)}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.bg-\[\#0BB9CD\]{--tw-bg-opacity:1;background-color:rgb(11 185 205/var(--tw-bg-opacity))}.bg-\[\#0BB9CD\]\/20{background-color:rgba(11,185,205,.2)}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-black\/30{background-color:rgba(0,0,0,.3)}.bg-black\/70{background-color:rgba(0,0,0,.7)}.bg-black\/80{background-color:rgba(0,0,0,.8)}.bg-cyan-11{background-color:rgba(0,229,254,.824)}.bg-cyan-5{background-color:rgba(7,205,254,.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:rgba(213,254,255,.026)}.bg-slate-3{background-color:rgba(214,251,252,.057)}.bg-slate-4{background-color:rgba(226,240,253,.083)}.bg-slate-5{background-color:rgba(223,243,253,.109)}.bg-slate-6{background-color:rgba(223,239,254,.139)}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-white\/10{background-color:hsla(0,0%,100%,.1)}.bg-gradient{background-image:linear-gradient(145.37deg,hsla(0,0%,100%,.09) -8.75%,hsla(0,0%,100%,.027) 83.95%)}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-slate-3{--tw-gradient-from:rgba(214,251,252,.057) var(--tw-gradient-from-position);--tw-gradient-to:rgba(214,251,252,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}.pb-8{padding-bottom:2rem}.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}.pl-8{padding-left:2rem}.pr-0{padding-right:0}.pr-1{padding-right:.25rem}.text-center{text-align:center}.align-middle{vertical-align:middle}.font-mono{font-family: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}.leading-relaxed{line-height:1.625}.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-wide{letter-spacing:.025em}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.text-cyan-11{color:rgba(0,229,254,.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-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.text-slate-10{color:rgba(231,243,255,.472)}.text-slate-11{color:rgba(239,247,255,.615)}.text-slate-12{color:rgba(253,254,255,.927)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-white\/85{color:hsla(0,0%,100%,.85)}.text-yellow-300{--tw-text-opacity:1;color:rgb(253 224 71/var(--tw-text-opacity))}.placeholder-slate-10::-moz-placeholder{color:rgba(231,243,255,.472)}.placeholder-slate-10::placeholder{color:rgba(231,243,255,.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 rgba(0,0,0,.1),0 4px 6px -4px rgba(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 rgba(0,0,0,.1),0 2px 4px -2px rgba(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-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-\[bezier\(\.36\2c \.66\2c \.6\2c 1\)\]{transition-timing-function:bezier(.36,.66,.6,1)}.ease-\[cubic-bezier\(\.36\2c \.66\2c \.6\2c 1\)\]{transition-timing-function:cubic-bezier(.36,.66,.6,1)}.ease-\[cubic-bezier\(\.42\2c 0\2c \.58\2c 1\.8\)\]{transition-timing-function:cubic-bezier(.42,0,.58,1.8)}.ease-\[cubic-bezier\(\.6\2c \.12\2c \.34\2c \.96\)\]{transition-timing-function:cubic-bezier(.6,.12,.34,.96)}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.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}.\[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:rgba(7,205,254,.173)}.selection\:bg-cyan-5 ::selection{background-color:rgba(7,205,254,.173)}.selection\:text-cyan-12 ::-moz-selection{color:rgba(230,253,255,.978)}.selection\:text-cyan-12 ::selection{color:rgba(230,253,255,.978)}.selection\:bg-cyan-5::-moz-selection{background-color:rgba(7,205,254,.173)}.selection\:bg-cyan-5::selection{background-color:rgba(7,205,254,.173)}.selection\:text-cyan-12::-moz-selection{color:rgba(230,253,255,.978)}.selection\:text-cyan-12::selection{color:rgba(230,253,255,.978)}.before\:mr-2:before{content:var(--tw-content);margin-right:.5rem}.before\:text-slate-11:before{content:var(--tw-content);color:rgba(239,247,255,.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:rgba(229,242,254,.265)}.focus-within\:text-slate-12:focus-within{color:rgba(253,254,255,.927)}.hover\:border-slate-10:hover{border-color:rgba(231,243,255,.472)}.hover\:border-slate-8:hover{border-color:rgba(229,242,254,.265)}.hover\:bg-green-600\/10:hover{background-color:rgba(22,163,74,.1)}.hover\:bg-red-600\/10:hover{background-color:rgba(220,38,38,.1)}.hover\:bg-slate-3:hover{background-color:rgba(214,251,252,.057)}.hover\:bg-slate-5:hover{background-color:rgba(223,243,253,.109)}.hover\:bg-white\/90:hover{background-color:hsla(0,0%,100%,.9)}.hover\:bg-yellow-400\/10:hover{background-color:rgba(250,204,21,.1)}.hover\:bg-gradientHover:hover{background-image:linear-gradient(145.37deg,hsla(0,0%,100%,.1) -8.75%,hsla(0,0%,100%,.057) 83.95%)}.hover\:text-slate-12:hover{color:rgba(253,254,255,.927)}.focus\:bg-white\/90:focus{background-color:hsla(0,0%,100%,.9)}.focus\:bg-gradientHover:focus{background-image:linear-gradient(145.37deg,hsla(0,0%,100%,.1) -8.75%,hsla(0,0%,100%,.057) 83.95%)}.focus\:text-slate-12:focus{color:rgba(253,254,255,.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:rgba(231,243,255,.472)}.focus\:ring-white\/20:focus{--tw-ring-color:hsla(0,0%,100%,.2)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-transparent:disabled{border-color:transparent}.disabled\:bg-slate-11:disabled{background-color:rgba(239,247,255,.615)}.disabled\:bg-slate-2:disabled{background-color:rgba(213,254,255,.026)}.disabled\:text-slate-10:disabled{color:rgba(231,243,255,.472)}.group:hover .group-hover\:rotate-90{--tw-rotate:90deg;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))}.aria-disabled\:border-transparent[aria-disabled=true]{border-color:transparent}.aria-disabled\:bg-slate-11[aria-disabled=true]{background-color:rgba(239,247,255,.615)}.data-\[state\=open\]\:mb-2[data-state=open]{margin-bottom:.5rem}.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:rgba(223,243,253,.109)}.group[data-state=open] .group-data-\[state\=open\]\:rotate-90{--tw-rotate:90deg;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\/item[data-status=error] .group-data-\[status\=error\]\/item\: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))}@media (min-width:640px){.sm\:mt-\[4\.375rem\]{margin-top:4.375rem}.sm\:rounded-lg{border-radius:.5rem}}@media (min-width:768px){.md\:absolute{position:absolute}.md\:right-0{right:0}.md\:block{display:block}.md\:h-full{height:100%}.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\:top-0{top:0}.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-\[calc\(100dvw\)\]{width:calc(100dvw)}.lg\:w-\[calc\(100dvw-20rem\)\]{width:calc(100dvw - 20rem)}.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-\[14\.5rem\]{max-width:14.5rem}.lg\:max-w-\[20rem\]{max-width:20rem}.lg\:max-w-\[968px\]{max-width:968px}.lg\:-translate-x-full{--tw-translate-x:-100%}.lg\:-translate-x-full,.lg\: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))}.lg\:translate-x-0{--tw-translate-x:0px}.lg\:justify-start{justify-content:flex-start}}