@react-email/ui 6.8.0 → 6.9.0

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 (80) hide show
  1. package/.next/BUILD_ID +1 -1
  2. package/.next/build-manifest.json +3 -3
  3. package/.next/diagnostics/route-bundle-stats.json +10 -9
  4. package/.next/fallback-build-manifest.json +3 -3
  5. package/.next/prerender-manifest.json +3 -3
  6. package/.next/server/app/_global-error.html +1 -1
  7. package/.next/server/app/_global-error.rsc +1 -1
  8. package/.next/server/app/_global-error.segments/__PAGE__.segment.rsc +1 -1
  9. package/.next/server/app/_global-error.segments/_full.segment.rsc +1 -1
  10. package/.next/server/app/_global-error.segments/_head.segment.rsc +1 -1
  11. package/.next/server/app/_global-error.segments/_index.segment.rsc +1 -1
  12. package/.next/server/app/_global-error.segments/_tree.segment.rsc +1 -1
  13. package/.next/server/app/_not-found/page/server-reference-manifest.json +1 -1
  14. package/.next/server/app/_not-found/page_client-reference-manifest.js +1 -1
  15. package/.next/server/app/page/server-reference-manifest.json +1 -1
  16. package/.next/server/app/page_client-reference-manifest.js +1 -1
  17. package/.next/server/app/preview/[...slug]/page/server-reference-manifest.json +8 -8
  18. package/.next/server/app/preview/[...slug]/page.js +5 -4
  19. package/.next/server/app/preview/[...slug]/page.js.nft.json +1 -1
  20. package/.next/server/app/preview/[...slug]/page_client-reference-manifest.js +1 -1
  21. package/.next/server/chunks/ssr/{0kci_next_dist_esm_build_templates_app-page_0o.jt0x.js → 0kci_next_dist_esm_build_templates_app-page_13jevt-.js} +3 -3
  22. package/.next/server/chunks/ssr/0kci_next_dist_esm_build_templates_app-page_13jevt-.js.map +1 -0
  23. package/.next/server/chunks/ssr/[root-of-the-server]__0jx5d~g._.js +2 -2
  24. package/.next/server/chunks/ssr/[root-of-the-server]__0k6754k._.js +1 -1
  25. package/.next/server/chunks/ssr/[root-of-the-server]__0k6754k._.js.map +1 -1
  26. package/.next/server/chunks/ssr/{[root-of-the-server]__0d.h7dp._.js → [root-of-the-server]__13sdo3r._.js} +2 -2
  27. package/.next/server/chunks/ssr/_03liear._.js +1 -1
  28. package/.next/server/chunks/ssr/_03liear._.js.map +1 -1
  29. package/.next/server/chunks/ssr/_06p~r0t._.js +1 -1
  30. package/.next/server/chunks/ssr/_06p~r0t._.js.map +1 -1
  31. package/.next/server/chunks/ssr/_0au~b4w._.js +1 -1
  32. package/.next/server/chunks/ssr/_0au~b4w._.js.map +1 -1
  33. package/.next/server/chunks/ssr/_0bb37hq._.js +1 -1
  34. package/.next/server/chunks/ssr/_0bb37hq._.js.map +1 -1
  35. package/.next/server/chunks/ssr/_0jzzir7._.js +1 -1
  36. package/.next/server/chunks/ssr/_0jzzir7._.js.map +1 -1
  37. package/.next/server/chunks/ssr/_0o5084b._.js +5 -5
  38. package/.next/server/chunks/ssr/_0o5084b._.js.map +1 -1
  39. package/.next/server/chunks/ssr/_0z2_2b7._.js +1 -1
  40. package/.next/server/chunks/ssr/_0z2_2b7._.js.map +1 -1
  41. package/.next/server/chunks/ssr/packages_ui_src_0.ov~_x._.js +3 -0
  42. package/.next/server/chunks/ssr/packages_ui_src_0.ov~_x._.js.map +1 -0
  43. package/.next/server/chunks/ssr/packages_ui_src_11mz0xt._.js +3 -0
  44. package/.next/server/chunks/ssr/packages_ui_src_11mz0xt._.js.map +1 -0
  45. package/.next/server/middleware-build-manifest.js +3 -3
  46. package/.next/server/pages/500.html +1 -1
  47. package/.next/server/server-reference-manifest.js +1 -1
  48. package/.next/server/server-reference-manifest.json +9 -9
  49. package/.next/static/chunks/{0xfhv_nejv2yt.js → 0.__jzgiil6q7.js} +1 -1
  50. package/.next/static/chunks/00ecsosfoo~be.css +3 -0
  51. package/.next/static/chunks/{15~kc67eqdve8.js → 0cr8lx05fcstc.js} +1 -1
  52. package/.next/static/chunks/0nhnu1wkjtfwe.js +1 -0
  53. package/.next/static/chunks/{0m-l5t15j5bnl.js → 0ntsvdyzr-1u3.js} +1 -1
  54. package/.next/static/chunks/0owottqfmsjwp.js +42 -0
  55. package/.next/trace +1 -1
  56. package/.next/trace-build +1 -1
  57. package/.next/types/routes.d.ts +3 -1
  58. package/.next/types/validator.ts +9 -0
  59. package/package.json +2 -2
  60. package/src/app/preview/[...slug]/preview.tsx +126 -104
  61. package/src/app/preview/layout.tsx +9 -0
  62. package/src/components/code.tsx +2 -2
  63. package/src/components/icons/icon-panel-right.tsx +19 -0
  64. package/src/components/json-editor.tsx +71 -0
  65. package/src/components/preview-props-editor.tsx +101 -0
  66. package/src/components/preview-props-panel.tsx +31 -0
  67. package/src/components/toolbar/copy-for-ai.tsx +3 -3
  68. package/src/components/toolbar/toolbar-button.tsx +2 -2
  69. package/src/components/toolbar.tsx +231 -65
  70. package/src/components/topbar/props-panel-toggle.tsx +31 -0
  71. package/src/contexts/props-panel.tsx +61 -0
  72. package/src/hooks/use-hot-reload.ts +11 -10
  73. package/.next/server/chunks/ssr/0kci_next_dist_esm_build_templates_app-page_0o.jt0x.js.map +0 -1
  74. package/.next/static/chunks/0l15-vshddb6t.css +0 -3
  75. package/.next/static/chunks/0o7gbl8p~22d1.js +0 -42
  76. package/src/components/toolbar/preview-props-editor.tsx +0 -102
  77. /package/.next/server/chunks/ssr/{[root-of-the-server]__0d.h7dp._.js.map → [root-of-the-server]__13sdo3r._.js.map} +0 -0
  78. /package/.next/static/{RcXkYVVpqLeGe0HK28j4o → c8jFxxcwBv319fqx4lN5X}/_buildManifest.js +0 -0
  79. /package/.next/static/{RcXkYVVpqLeGe0HK28j4o → c8jFxxcwBv319fqx4lN5X}/_clientMiddlewareManifest.js +0 -0
  80. /package/.next/static/{RcXkYVVpqLeGe0HK28j4o → c8jFxxcwBv319fqx4lN5X}/_ssgManifest.js +0 -0
@@ -0,0 +1,42 @@
1
+ (globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,72650,44365,39550,94997,e=>{"use strict";var t=e.i(70403),r=e.i(83806),a=e.i(80161),n=e.i(74805),o=e.i(12654);let s=(0,o.createServerReference)("7ff69307f851f911a20ba896303f8c7beb8591b9e6",o.callServer,void 0,o.findSourceMapURL,"getEmailPathFromSlug");e.s(["getEmailPathFromSlug",0,s],44365);let i=(0,o.createServerReference)("40d8af545d937466cd81468ae85c297bc1d2eaad3a",o.callServer,void 0,o.findSourceMapURL,"invalidateEmailRenderingCache"),l=(0,o.createServerReference)("702e464f4483ea88c468c74c647cec7ff3360b8e10",o.callServer,void 0,o.findSourceMapURL,"renderEmailByPath");e.s(["renderEmailByPath",0,l],39550);var c=e.i(60203);let d=e=>{let t=e.split(".");return t.length>1?t.slice(0,-1).join("."):e},u=(e,t)=>{let r=e.includes("\\")?"\\":"/";return f(e.replace(t.relativePath,"").split(r).filter(Boolean),t,r)},f=(e,t,r)=>{if(1===e.length){let r=d(e[0]);return t.emailFilenames.includes(r)}let a=e.join(r);for(let n of t.subDirectories)if(a.startsWith(n.directoryName)){let t=n.directoryName.split(r).filter(Boolean).length;return f(e.slice(t),n,r)}return!1};e.s(["containsEmailTemplate",0,u,"removeFilenameExtension",0,d],94997);let p=async(e,t,r,a)=>{let n=null,o=[];for(let s of e){let e=s.filename;if(!u(e,r))continue;let i=await a(e);i&&(i===t?n=i:o.includes(i)||o.push(i))}return{pathToRerender:n,pathsToInvalidate:o}};var h=e.i(54734);let m=(e,t)=>void 0===t?e:`${e}\0${JSON.stringify(t)}`,g={},b=(0,a.createContext)(void 0);e.s(["PreviewContext",0,b,"PreviewProvider",0,({emailSlug:e,emailPath:o,serverRenderingResult:d,children:u})=>{let f=(0,r.useRouter)(),[v,x]=(0,a.useState)(void 0),[y,w]=(0,a.useState)(o);o!==y&&(w(o),x(void 0));let j=((e,t,r)=>{let[o,d]=(0,a.useState)(t),u=(0,a.useRef)(r);u.current=r;let f=(0,a.useRef)(m(e,void 0));(0,a.useEffect)(()=>{let t=m(e,r);if(t===f.current)return;f.current=t;let a=!1;return l(e,!1,r).then(e=>{a||d(e)}),()=>{a=!0}},[e,r]);let{emailsDirectoryMetadata:g}=(0,c.useEmails)();return n.isBuilding||n.isPreviewDevelopment||(0,h.useHotreload)(async t=>{let{pathToRerender:r,pathsToInvalidate:a}=await p(t,e,g,s);for(let e of a)await i(e);r&&d(await l(r,!0,u.current))}),o})(o,d,v),C=((0,a.useEffect)(()=>{"markup"in j?g[o]=j:void 0!==d&&"markup"in d&&void 0===g[o]&&(g[o]=d)},[j,o,d]),"error"in j?g[o]:j);return n.isBuilding||n.isPreviewDevelopment||(0,h.useHotreload)(t=>{let r=t.find(t=>t.filename.includes(e));void 0!==r&&"unlink"===r.event&&f.push("/")}),(0,t.jsx)(b.Provider,{value:{emailPath:o,emailSlug:e,renderedEmailMetadata:C,renderingResult:j,previewPropsOverride:v,setPreviewPropsOverride:x},children:u})},"usePreviewContext",0,()=>{let e=(0,a.useContext)(b);if(void 0===e)throw Error("Cannot call `usePreviewContext` outside of an `PreviewContext` provider.");return e}],72650)},45029,e=>{"use strict";var t=e.i(70403),r=e.i(80161);let a=(0,r.createContext)(void 0);e.s(["ToolbarProvider",0,function({hasApiKey:e,children:r}){return(0,t.jsx)(a.Provider,{value:{hasSetupResendIntegration:e},children:r})},"useToolbarContext",0,()=>{let e=(0,r.use)(a);if(void 0===e)throw Error("Cannot call `useToolbarContext` outside of a `ToolbarContext` provider.");return e}])},60112,89546,44993,64406,75649,64794,62866,e=>{"use strict";let t;var r,a,n,o,s,i,l,c,d=e.i(80161),u=e.i(19763);let f=Array(12).fill(0),p=({visible:e,className:t})=>d.default.createElement("div",{className:["sonner-loading-wrapper",t].filter(Boolean).join(" "),"data-visible":e},d.default.createElement("div",{className:"sonner-spinner"},f.map((e,t)=>d.default.createElement("div",{className:"sonner-loading-bar",key:`spinner-bar-${t}`})))),h=d.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},d.default.createElement("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z",clipRule:"evenodd"})),m=d.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",height:"20",width:"20"},d.default.createElement("path",{fillRule:"evenodd",d:"M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z",clipRule:"evenodd"})),g=d.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},d.default.createElement("path",{fillRule:"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z",clipRule:"evenodd"})),b=d.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},d.default.createElement("path",{fillRule:"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z",clipRule:"evenodd"})),v=d.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"},d.default.createElement("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),d.default.createElement("line",{x1:"6",y1:"6",x2:"18",y2:"18"})),x=1,y=new class{constructor(){this.subscribe=e=>(this.subscribers.push(e),()=>{let t=this.subscribers.indexOf(e);this.subscribers.splice(t,1)}),this.publish=e=>{this.subscribers.forEach(t=>t(e))},this.addToast=e=>{this.publish(e),this.toasts=[...this.toasts,e]},this.create=e=>{var t;let{message:r,...a}=e,n="number"==typeof(null==e?void 0:e.id)||(null==(t=e.id)?void 0:t.length)>0?e.id:x++,o=this.toasts.find(e=>e.id===n),s=void 0===e.dismissible||e.dismissible;return this.dismissedToasts.has(n)&&this.dismissedToasts.delete(n),o?this.toasts=this.toasts.map(t=>t.id===n?(this.publish({...t,...e,id:n,title:r}),{...t,...e,id:n,dismissible:s,title:r}):t):this.addToast({title:r,...a,dismissible:s,id:n}),n},this.dismiss=e=>(e?(this.dismissedToasts.add(e),requestAnimationFrame(()=>this.subscribers.forEach(t=>t({id:e,dismiss:!0})))):this.toasts.forEach(e=>{this.subscribers.forEach(t=>t({id:e.id,dismiss:!0}))}),e),this.message=(e,t)=>this.create({...t,message:e}),this.error=(e,t)=>this.create({...t,message:e,type:"error"}),this.success=(e,t)=>this.create({...t,type:"success",message:e}),this.info=(e,t)=>this.create({...t,type:"info",message:e}),this.warning=(e,t)=>this.create({...t,type:"warning",message:e}),this.loading=(e,t)=>this.create({...t,type:"loading",message:e}),this.promise=(e,t)=>{let r,a;if(!t)return;void 0!==t.loading&&(a=this.create({...t,promise:e,type:"loading",message:t.loading,description:"function"!=typeof t.description?t.description:void 0}));let n=Promise.resolve(e instanceof Function?e():e),o=void 0!==a,s=n.then(async e=>{if(r=["resolve",e],d.default.isValidElement(e))o=!1,this.create({id:a,type:"default",message:e});else if(w(e)&&!e.ok){o=!1;let r="function"==typeof t.error?await t.error(`HTTP error! status: ${e.status}`):t.error,n="function"==typeof t.description?await t.description(`HTTP error! status: ${e.status}`):t.description,s="object"!=typeof r||d.default.isValidElement(r)?{message:r}:r;this.create({id:a,type:"error",description:n,...s})}else if(e instanceof Error){o=!1;let r="function"==typeof t.error?await t.error(e):t.error,n="function"==typeof t.description?await t.description(e):t.description,s="object"!=typeof r||d.default.isValidElement(r)?{message:r}:r;this.create({id:a,type:"error",description:n,...s})}else if(void 0!==t.success){o=!1;let r="function"==typeof t.success?await t.success(e):t.success,n="function"==typeof t.description?await t.description(e):t.description,s="object"!=typeof r||d.default.isValidElement(r)?{message:r}:r;this.create({id:a,type:"success",description:n,...s})}}).catch(async e=>{if(r=["reject",e],void 0!==t.error){o=!1;let r="function"==typeof t.error?await t.error(e):t.error,n="function"==typeof t.description?await t.description(e):t.description,s="object"!=typeof r||d.default.isValidElement(r)?{message:r}:r;this.create({id:a,type:"error",description:n,...s})}}).finally(()=>{o&&(this.dismiss(a),a=void 0),null==t.finally||t.finally.call(t)}),i=()=>new Promise((e,t)=>s.then(()=>"reject"===r[0]?t(r[1]):e(r[1])).catch(t));return"string"!=typeof a&&"number"!=typeof a?{unwrap:i}:Object.assign(a,{unwrap:i})},this.custom=(e,t)=>{let r=(null==t?void 0:t.id)||x++;return this.create({jsx:e(r),id:r,...t}),r},this.getActiveToasts=()=>this.toasts.filter(e=>!this.dismissedToasts.has(e.id)),this.subscribers=[],this.toasts=[],this.dismissedToasts=new Set}},w=e=>e&&"object"==typeof e&&"ok"in e&&"boolean"==typeof e.ok&&"status"in e&&"number"==typeof e.status,j=Object.assign((e,t)=>{let r=(null==t?void 0:t.id)||x++;return y.addToast({title:e,...t,id:r}),r},{success:y.success,info:y.info,warning:y.warning,error:y.error,custom:y.custom,message:y.message,promise:y.promise,dismiss:y.dismiss,loading:y.loading},{getHistory:()=>y.toasts,getToasts:()=>y.getActiveToasts()});function C(e){return void 0!==e.label}function k(...e){return e.filter(Boolean).join(" ")}!function(e){if(!e||"u"<typeof document)return;let t=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css",t.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}("[data-sonner-toaster][dir=ltr],html[dir=ltr]{--toast-icon-margin-start:-3px;--toast-icon-margin-end:4px;--toast-svg-margin-start:-1px;--toast-svg-margin-end:0px;--toast-button-margin-start:auto;--toast-button-margin-end:0;--toast-close-button-start:0;--toast-close-button-end:unset;--toast-close-button-transform:translate(-35%, -35%)}[data-sonner-toaster][dir=rtl],html[dir=rtl]{--toast-icon-margin-start:4px;--toast-icon-margin-end:-3px;--toast-svg-margin-start:0px;--toast-svg-margin-end:-1px;--toast-button-margin-start:0;--toast-button-margin-end:auto;--toast-close-button-start:unset;--toast-close-button-end:0;--toast-close-button-transform:translate(35%, -35%)}[data-sonner-toaster]{position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1:hsl(0, 0%, 99%);--gray2:hsl(0, 0%, 97.3%);--gray3:hsl(0, 0%, 95.1%);--gray4:hsl(0, 0%, 93%);--gray5:hsl(0, 0%, 90.9%);--gray6:hsl(0, 0%, 88.7%);--gray7:hsl(0, 0%, 85.8%);--gray8:hsl(0, 0%, 78%);--gray9:hsl(0, 0%, 56.1%);--gray10:hsl(0, 0%, 52.3%);--gray11:hsl(0, 0%, 43.5%);--gray12:hsl(0, 0%, 9%);--border-radius:8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:0;z-index:999999999;transition:transform .4s ease}@media (hover:none) and (pointer:coarse){[data-sonner-toaster][data-lifted=true]{transform:none}}[data-sonner-toaster][data-x-position=right]{right:var(--offset-right)}[data-sonner-toaster][data-x-position=left]{left:var(--offset-left)}[data-sonner-toaster][data-x-position=center]{left:50%;transform:translateX(-50%)}[data-sonner-toaster][data-y-position=top]{top:var(--offset-top)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--offset-bottom)}[data-sonner-toast]{--y:translateY(100%);--lift-amount:calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:0;overflow-wrap:anywhere}[data-sonner-toast][data-styled=true]{padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px rgba(0,0,0,.1);width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}[data-sonner-toast]:focus-visible{box-shadow:0 4px 12px rgba(0,0,0,.1),0 0 0 2px rgba(0,0,0,.2)}[data-sonner-toast][data-y-position=top]{top:0;--y:translateY(-100%);--lift:1;--lift-amount:calc(1 * var(--gap))}[data-sonner-toast][data-y-position=bottom]{bottom:0;--y:translateY(100%);--lift:-1;--lift-amount:calc(var(--lift) * var(--gap))}[data-sonner-toast][data-styled=true] [data-description]{font-weight:400;line-height:1.4;color:#3f3f3f}[data-rich-colors=true][data-sonner-toast][data-styled=true] [data-description]{color:inherit}[data-sonner-toaster][data-sonner-theme=dark] [data-description]{color:#e8e8e8}[data-sonner-toast][data-styled=true] [data-title]{font-weight:500;line-height:1.5;color:inherit}[data-sonner-toast][data-styled=true] [data-icon]{display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}[data-sonner-toast][data-promise=true] [data-icon]>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}[data-sonner-toast][data-styled=true] [data-icon]>*{flex-shrink:0}[data-sonner-toast][data-styled=true] [data-icon] svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}[data-sonner-toast][data-styled=true] [data-content]{display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;font-weight:500;cursor:pointer;outline:0;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}[data-sonner-toast][data-styled=true] [data-button]:focus-visible{box-shadow:0 0 0 2px rgba(0,0,0,.4)}[data-sonner-toast][data-styled=true] [data-button]:first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}[data-sonner-toast][data-styled=true] [data-cancel]{color:var(--normal-text);background:rgba(0,0,0,.08)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-styled=true] [data-cancel]{background:rgba(255,255,255,.3)}[data-sonner-toast][data-styled=true] [data-close-button]{position:absolute;left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;color:var(--gray12);background:var(--normal-bg);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast][data-styled=true] [data-close-button]:focus-visible{box-shadow:0 4px 12px rgba(0,0,0,.1),0 0 0 2px rgba(0,0,0,.2)}[data-sonner-toast][data-styled=true] [data-disabled=true]{cursor:not-allowed}[data-sonner-toast][data-styled=true]:hover [data-close-button]:hover{background:var(--gray2);border-color:var(--gray5)}[data-sonner-toast][data-swiping=true]::before{content:'';position:absolute;left:-100%;right:-100%;height:100%;z-index:-1}[data-sonner-toast][data-y-position=top][data-swiping=true]::before{bottom:50%;transform:scaleY(3) translateY(50%)}[data-sonner-toast][data-y-position=bottom][data-swiping=true]::before{top:50%;transform:scaleY(3) translateY(-50%)}[data-sonner-toast][data-swiping=false][data-removed=true]::before{content:'';position:absolute;inset:0;transform:scaleY(2)}[data-sonner-toast][data-expanded=true]::after{content:'';position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}[data-sonner-toast][data-mounted=true]{--y:translateY(0);opacity:1}[data-sonner-toast][data-expanded=false][data-front=false]{--scale:var(--toasts-before) * 0.05 + 1;--y:translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}[data-sonner-toast]>*{transition:opacity .4s}[data-sonner-toast][data-x-position=right]{right:0}[data-sonner-toast][data-x-position=left]{left:0}[data-sonner-toast][data-expanded=false][data-front=false][data-styled=true]>*{opacity:0}[data-sonner-toast][data-visible=false]{opacity:0;pointer-events:none}[data-sonner-toast][data-mounted=true][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}[data-sonner-toast][data-removed=true][data-front=true][data-swipe-out=false]{--y:translateY(calc(var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=false]{--y:translateY(40%);opacity:0;transition:transform .5s,opacity .2s}[data-sonner-toast][data-removed=true][data-front=false]::before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y,0)) translateX(var(--swipe-amount-x,0));transition:none}[data-sonner-toast][data-swiped=true]{user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{from{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{from{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{from{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{from{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}@media (max-width:600px){[data-sonner-toaster]{position:fixed;right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left) * -1)}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset-left) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--mobile-offset-bottom)}[data-sonner-toaster][data-y-position=top]{top:var(--mobile-offset-top)}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);transform:none}}[data-sonner-toaster][data-sonner-theme=light]{--normal-bg:#fff;--normal-border:var(--gray4);--normal-text:var(--gray12);--success-bg:hsl(143, 85%, 96%);--success-border:hsl(145, 92%, 87%);--success-text:hsl(140, 100%, 27%);--info-bg:hsl(208, 100%, 97%);--info-border:hsl(221, 91%, 93%);--info-text:hsl(210, 92%, 45%);--warning-bg:hsl(49, 100%, 97%);--warning-border:hsl(49, 91%, 84%);--warning-text:hsl(31, 92%, 45%);--error-bg:hsl(359, 100%, 97%);--error-border:hsl(359, 100%, 94%);--error-text:hsl(360, 100%, 45%)}[data-sonner-toaster][data-sonner-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg:#000;--normal-border:hsl(0, 0%, 20%);--normal-text:var(--gray1)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg:#fff;--normal-border:var(--gray3);--normal-text:var(--gray12)}[data-sonner-toaster][data-sonner-theme=dark]{--normal-bg:#000;--normal-bg-hover:hsl(0, 0%, 12%);--normal-border:hsl(0, 0%, 20%);--normal-border-hover:hsl(0, 0%, 25%);--normal-text:var(--gray1);--success-bg:hsl(150, 100%, 6%);--success-border:hsl(147, 100%, 12%);--success-text:hsl(150, 86%, 65%);--info-bg:hsl(215, 100%, 6%);--info-border:hsl(223, 43%, 17%);--info-text:hsl(216, 87%, 65%);--warning-bg:hsl(64, 100%, 6%);--warning-border:hsl(60, 100%, 9%);--warning-text:hsl(46, 87%, 65%);--error-bg:hsl(358, 76%, 10%);--error-border:hsl(357, 89%, 16%);--error-text:hsl(358, 100%, 81%)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}[data-rich-colors=true][data-sonner-toast][data-type=success]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size:16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:first-child{animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}100%{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}100%{opacity:.15}}@media (prefers-reduced-motion){.sonner-loading-bar,[data-sonner-toast],[data-sonner-toast]>*{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}");let M=e=>{var t,r,a,n,o,s,i,l,c,u,f,x,y;let{invert:w,toast:j,unstyled:M,interacting:R,setHeights:E,visibleToasts:S,heights:N,index:T,toasts:P,expanded:L,removeToast:I,defaultRichColors:A,closeButton:_,style:B,cancelButtonStyle:D,actionButtonStyle:O,className:H="",descriptionClassName:$="",duration:z,position:F,gap:W,expandByDefault:U,classNames:V,icons:Y,closeButtonAriaLabel:q="Close toast"}=e,[Z,K]=d.default.useState(null),[G,X]=d.default.useState(null),[J,Q]=d.default.useState(!1),[ee,et]=d.default.useState(!1),[er,ea]=d.default.useState(!1),[en,eo]=d.default.useState(!1),[es,ei]=d.default.useState(!1),[el,ec]=d.default.useState(0),[ed,eu]=d.default.useState(0),ef=d.default.useRef(j.duration||z||4e3),ep=d.default.useRef(null),eh=d.default.useRef(null),em=0===T,eg=T+1<=S,eb=j.type,ev=!1!==j.dismissible,ex=j.className||"",ey=j.descriptionClassName||"",ew=d.default.useMemo(()=>N.findIndex(e=>e.toastId===j.id)||0,[N,j.id]),ej=d.default.useMemo(()=>{var e;return null!=(e=j.closeButton)?e:_},[j.closeButton,_]),eC=d.default.useMemo(()=>j.duration||z||4e3,[j.duration,z]),ek=d.default.useRef(0),eM=d.default.useRef(0),eR=d.default.useRef(0),eE=d.default.useRef(null),[eS,eN]=F.split("-"),eT=d.default.useMemo(()=>N.reduce((e,t,r)=>r>=ew?e:e+t.height,0),[N,ew]),eP=(()=>{let[e,t]=d.default.useState(document.hidden);return d.default.useEffect(()=>{let e=()=>{t(document.hidden)};return document.addEventListener("visibilitychange",e),()=>window.removeEventListener("visibilitychange",e)},[]),e})(),eL=j.invert||w,eI="loading"===eb;eM.current=d.default.useMemo(()=>ew*W+eT,[ew,eT]),d.default.useEffect(()=>{ef.current=eC},[eC]),d.default.useEffect(()=>{Q(!0)},[]),d.default.useEffect(()=>{let e=eh.current;if(e){let t=e.getBoundingClientRect().height;return eu(t),E(e=>[{toastId:j.id,height:t,position:j.position},...e]),()=>E(e=>e.filter(e=>e.toastId!==j.id))}},[E,j.id]),d.default.useLayoutEffect(()=>{if(!J)return;let e=eh.current,t=e.style.height;e.style.height="auto";let r=e.getBoundingClientRect().height;e.style.height=t,eu(r),E(e=>e.find(e=>e.toastId===j.id)?e.map(e=>e.toastId===j.id?{...e,height:r}:e):[{toastId:j.id,height:r,position:j.position},...e])},[J,j.title,j.description,E,j.id,j.jsx,j.action,j.cancel]);let eA=d.default.useCallback(()=>{et(!0),ec(eM.current),E(e=>e.filter(e=>e.toastId!==j.id)),setTimeout(()=>{I(j)},200)},[j,I,E,eM]);d.default.useEffect(()=>{let e;if((!j.promise||"loading"!==eb)&&j.duration!==1/0&&"loading"!==j.type){if(L||R||eP){if(eR.current<ek.current){let e=new Date().getTime()-ek.current;ef.current=ef.current-e}eR.current=new Date().getTime()}else ef.current!==1/0&&(ek.current=new Date().getTime(),e=setTimeout(()=>{null==j.onAutoClose||j.onAutoClose.call(j,j),eA()},ef.current));return()=>clearTimeout(e)}},[L,R,j,eb,eP,eA]),d.default.useEffect(()=>{j.delete&&(eA(),null==j.onDismiss||j.onDismiss.call(j,j))},[eA,j.delete]);let e_=j.icon||(null==Y?void 0:Y[eb])||(e=>{switch(e){case"success":return h;case"info":return g;case"warning":return m;case"error":return b;default:return null}})(eb);return d.default.createElement("li",{tabIndex:0,ref:eh,className:k(H,ex,null==V?void 0:V.toast,null==j||null==(t=j.classNames)?void 0:t.toast,null==V?void 0:V.default,null==V?void 0:V[eb],null==j||null==(r=j.classNames)?void 0:r[eb]),"data-sonner-toast":"","data-rich-colors":null!=(u=j.richColors)?u:A,"data-styled":!(j.jsx||j.unstyled||M),"data-mounted":J,"data-promise":!!j.promise,"data-swiped":es,"data-removed":ee,"data-visible":eg,"data-y-position":eS,"data-x-position":eN,"data-index":T,"data-front":em,"data-swiping":er,"data-dismissible":ev,"data-type":eb,"data-invert":eL,"data-swipe-out":en,"data-swipe-direction":G,"data-expanded":!!(L||U&&J),"data-testid":j.testId,style:{"--index":T,"--toasts-before":T,"--z-index":P.length-T,"--offset":`${ee?el:eM.current}px`,"--initial-height":U?"auto":`${ed}px`,...B,...j.style},onDragEnd:()=>{ea(!1),K(null),eE.current=null},onPointerDown:e=>{2===e.button||eI||!ev||(ep.current=new Date,ec(eM.current),e.target.setPointerCapture(e.pointerId),"BUTTON"!==e.target.tagName&&(ea(!0),eE.current={x:e.clientX,y:e.clientY}))},onPointerUp:()=>{var e,t,r,a,n;if(en||!ev)return;eE.current=null;let o=Number((null==(e=eh.current)?void 0:e.style.getPropertyValue("--swipe-amount-x").replace("px",""))||0),s=Number((null==(t=eh.current)?void 0:t.style.getPropertyValue("--swipe-amount-y").replace("px",""))||0),i=new Date().getTime()-(null==(r=ep.current)?void 0:r.getTime()),l="x"===Z?o:s,c=Math.abs(l)/i;if(Math.abs(l)>=45||c>.11){ec(eM.current),null==j.onDismiss||j.onDismiss.call(j,j),"x"===Z?X(o>0?"right":"left"):X(s>0?"down":"up"),eA(),eo(!0);return}null==(a=eh.current)||a.style.setProperty("--swipe-amount-x","0px"),null==(n=eh.current)||n.style.setProperty("--swipe-amount-y","0px"),ei(!1),ea(!1),K(null)},onPointerMove:t=>{var r,a,n,o;if(!eE.current||!ev||(null==(r=window.getSelection())?void 0:r.toString().length)>0)return;let s=t.clientY-eE.current.y,i=t.clientX-eE.current.x,l=null!=(o=e.swipeDirections)?o:function(e){let[t,r]=e.split("-"),a=[];return t&&a.push(t),r&&a.push(r),a}(F);!Z&&(Math.abs(i)>1||Math.abs(s)>1)&&K(Math.abs(i)>Math.abs(s)?"x":"y");let c={x:0,y:0},d=e=>1/(1.5+Math.abs(e)/20);if("y"===Z){if(l.includes("top")||l.includes("bottom"))if(l.includes("top")&&s<0||l.includes("bottom")&&s>0)c.y=s;else{let e=s*d(s);c.y=Math.abs(e)<Math.abs(s)?e:s}}else if("x"===Z&&(l.includes("left")||l.includes("right")))if(l.includes("left")&&i<0||l.includes("right")&&i>0)c.x=i;else{let e=i*d(i);c.x=Math.abs(e)<Math.abs(i)?e:i}(Math.abs(c.x)>0||Math.abs(c.y)>0)&&ei(!0),null==(a=eh.current)||a.style.setProperty("--swipe-amount-x",`${c.x}px`),null==(n=eh.current)||n.style.setProperty("--swipe-amount-y",`${c.y}px`)}},ej&&!j.jsx&&"loading"!==eb?d.default.createElement("button",{"aria-label":q,"data-disabled":eI,"data-close-button":!0,onClick:eI||!ev?()=>{}:()=>{eA(),null==j.onDismiss||j.onDismiss.call(j,j)},className:k(null==V?void 0:V.closeButton,null==j||null==(a=j.classNames)?void 0:a.closeButton)},null!=(f=null==Y?void 0:Y.close)?f:v):null,(eb||j.icon||j.promise)&&null!==j.icon&&((null==Y?void 0:Y[eb])!==null||j.icon)?d.default.createElement("div",{"data-icon":"",className:k(null==V?void 0:V.icon,null==j||null==(n=j.classNames)?void 0:n.icon)},j.promise||"loading"===j.type&&!j.icon?j.icon||((null==Y?void 0:Y.loading)?d.default.createElement("div",{className:k(null==V?void 0:V.loader,null==j||null==(y=j.classNames)?void 0:y.loader,"sonner-loader"),"data-visible":"loading"===eb},Y.loading):d.default.createElement(p,{className:k(null==V?void 0:V.loader,null==j||null==(x=j.classNames)?void 0:x.loader),visible:"loading"===eb})):null,"loading"!==j.type?e_:null):null,d.default.createElement("div",{"data-content":"",className:k(null==V?void 0:V.content,null==j||null==(o=j.classNames)?void 0:o.content)},d.default.createElement("div",{"data-title":"",className:k(null==V?void 0:V.title,null==j||null==(s=j.classNames)?void 0:s.title)},j.jsx?j.jsx:"function"==typeof j.title?j.title():j.title),j.description?d.default.createElement("div",{"data-description":"",className:k($,ey,null==V?void 0:V.description,null==j||null==(i=j.classNames)?void 0:i.description)},"function"==typeof j.description?j.description():j.description):null),d.default.isValidElement(j.cancel)?j.cancel:j.cancel&&C(j.cancel)?d.default.createElement("button",{"data-button":!0,"data-cancel":!0,style:j.cancelButtonStyle||D,onClick:e=>{!C(j.cancel)||ev&&(null==j.cancel.onClick||j.cancel.onClick.call(j.cancel,e),eA())},className:k(null==V?void 0:V.cancelButton,null==j||null==(l=j.classNames)?void 0:l.cancelButton)},j.cancel.label):null,d.default.isValidElement(j.action)?j.action:j.action&&C(j.action)?d.default.createElement("button",{"data-button":!0,"data-action":!0,style:j.actionButtonStyle||O,onClick:e=>{!C(j.action)||(null==j.action.onClick||j.action.onClick.call(j.action,e),e.defaultPrevented||eA())},className:k(null==V?void 0:V.actionButton,null==j||null==(c=j.classNames)?void 0:c.actionButton)},j.action.label):null)};function R(){if("u"<typeof window||"u"<typeof document)return"ltr";let e=document.documentElement.getAttribute("dir");return"auto"!==e&&e?e:window.getComputedStyle(document.documentElement).direction}let E=d.default.forwardRef(function(e,t){let{id:r,invert:a,position:n="bottom-right",hotkey:o=["altKey","KeyT"],expand:s,closeButton:i,className:l,offset:c,mobileOffset:f,theme:p="light",richColors:h,duration:m,style:g,visibleToasts:b=3,toastOptions:v,dir:x=R(),gap:w=14,icons:j,containerAriaLabel:C="Notifications"}=e,[k,E]=d.default.useState([]),S=d.default.useMemo(()=>r?k.filter(e=>e.toasterId===r):k.filter(e=>!e.toasterId),[k,r]),N=d.default.useMemo(()=>Array.from(new Set([n].concat(S.filter(e=>e.position).map(e=>e.position)))),[S,n]),[T,P]=d.default.useState([]),[L,I]=d.default.useState(!1),[A,_]=d.default.useState(!1),[B,D]=d.default.useState("system"!==p?p:"u">typeof window&&window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"),O=d.default.useRef(null),H=o.join("+").replace(/Key/g,"").replace(/Digit/g,""),$=d.default.useRef(null),z=d.default.useRef(!1),F=d.default.useCallback(e=>{E(t=>{var r;return(null==(r=t.find(t=>t.id===e.id))?void 0:r.delete)||y.dismiss(e.id),t.filter(({id:t})=>t!==e.id)})},[]);return d.default.useEffect(()=>y.subscribe(e=>{e.dismiss?requestAnimationFrame(()=>{E(t=>t.map(t=>t.id===e.id?{...t,delete:!0}:t))}):setTimeout(()=>{u.default.flushSync(()=>{E(t=>{let r=t.findIndex(t=>t.id===e.id);return -1!==r?[...t.slice(0,r),{...t[r],...e},...t.slice(r+1)]:[e,...t]})})})}),[k]),d.default.useEffect(()=>{if("system"!==p)return void D(p);if("system"===p&&(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?D("dark"):D("light")),"u"<typeof window)return;let e=window.matchMedia("(prefers-color-scheme: dark)");try{e.addEventListener("change",({matches:e})=>{e?D("dark"):D("light")})}catch(t){e.addListener(({matches:e})=>{try{e?D("dark"):D("light")}catch(e){console.error(e)}})}},[p]),d.default.useEffect(()=>{k.length<=1&&I(!1)},[k]),d.default.useEffect(()=>{let e=e=>{var t,r;o.every(t=>e[t]||e.code===t)&&(I(!0),null==(r=O.current)||r.focus()),"Escape"===e.code&&(document.activeElement===O.current||(null==(t=O.current)?void 0:t.contains(document.activeElement)))&&I(!1)};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[o]),d.default.useEffect(()=>{if(O.current)return()=>{$.current&&($.current.focus({preventScroll:!0}),$.current=null,z.current=!1)}},[O.current]),d.default.createElement("section",{ref:t,"aria-label":`${C} ${H}`,tabIndex:-1,"aria-live":"polite","aria-relevant":"additions text","aria-atomic":"false",suppressHydrationWarning:!0},N.map((t,r)=>{var n;let o,[u,p]=t.split("-");return S.length?d.default.createElement("ol",{key:t,dir:"auto"===x?R():x,tabIndex:-1,ref:O,className:l,"data-sonner-toaster":!0,"data-sonner-theme":B,"data-y-position":u,"data-x-position":p,style:{"--front-toast-height":`${(null==(n=T[0])?void 0:n.height)||0}px`,"--width":"356px","--gap":`${w}px`,...g,...(o={},[c,f].forEach((e,t)=>{let r=1===t,a=r?"--mobile-offset":"--offset",n=r?"16px":"24px";function s(e){["top","right","bottom","left"].forEach(t=>{o[`${a}-${t}`]="number"==typeof e?`${e}px`:e})}"number"==typeof e||"string"==typeof e?s(e):"object"==typeof e?["top","right","bottom","left"].forEach(t=>{void 0===e[t]?o[`${a}-${t}`]=n:o[`${a}-${t}`]="number"==typeof e[t]?`${e[t]}px`:e[t]}):s(n)}),o)},onBlur:e=>{z.current&&!e.currentTarget.contains(e.relatedTarget)&&(z.current=!1,$.current&&($.current.focus({preventScroll:!0}),$.current=null))},onFocus:e=>{!(e.target instanceof HTMLElement&&"false"===e.target.dataset.dismissible)&&(z.current||(z.current=!0,$.current=e.relatedTarget))},onMouseEnter:()=>I(!0),onMouseMove:()=>I(!0),onMouseLeave:()=>{A||I(!1)},onDragEnd:()=>I(!1),onPointerDown:e=>{e.target instanceof HTMLElement&&"false"===e.target.dataset.dismissible||_(!0)},onPointerUp:()=>_(!1)},S.filter(e=>!e.position&&0===r||e.position===t).map((r,n)=>{var o,l;return d.default.createElement(M,{key:r.id,icons:j,index:n,toast:r,defaultRichColors:h,duration:null!=(o=null==v?void 0:v.duration)?o:m,className:null==v?void 0:v.className,descriptionClassName:null==v?void 0:v.descriptionClassName,invert:a,visibleToasts:b,closeButton:null!=(l=null==v?void 0:v.closeButton)?l:i,interacting:A,position:t,style:null==v?void 0:v.style,unstyled:null==v?void 0:v.unstyled,classNames:null==v?void 0:v.classNames,cancelButtonStyle:null==v?void 0:v.cancelButtonStyle,actionButtonStyle:null==v?void 0:v.actionButtonStyle,closeButtonAriaLabel:null==v?void 0:v.closeButtonAriaLabel,removeToast:F,toasts:S.filter(e=>e.position==r.position),heights:T.filter(e=>e.position==r.position),setHeights:P,expandByDefault:s,gap:w,expanded:L,swipeDirections:e.swipeDirections})})):null}))});e.s(["Toaster",0,E,"toast",0,j],60112);var S=e.i(70403),N=e.i(37289);let T=d.forwardRef(({...e},t)=>(0,S.jsx)(N.IconBase,{ref:t,...e,children:(0,S.jsx)("path",{d:"M16.25 8.75L10.406 15.25L7.75 12.75",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5"})}));T.displayName="IconCheck",e.s(["IconCheck",0,T],89546);let P=d.forwardRef(({...e},t)=>(0,S.jsxs)(N.IconBase,{ref:t,...e,children:[(0,S.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,S.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,S.jsx)("path",{d:"M9.75 12.25H14.25",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5"}),(0,S.jsx)("path",{d:"M9.75 15.25H14.25",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5"})]}));P.displayName="IconClipboard",e.s(["IconClipboard",0,P],44993);var L=e.i(91967),I=e.i(22353),A=e.i(9413),_=e.i(3659),B=0;function D(){d.useEffect(()=>{let e=document.querySelectorAll("[data-radix-focus-guard]");return document.body.insertAdjacentElement("afterbegin",e[0]??O()),document.body.insertAdjacentElement("beforeend",e[1]??O()),B++,()=>{1===B&&document.querySelectorAll("[data-radix-focus-guard]").forEach(e=>e.remove()),B--}},[])}function O(){let e=document.createElement("span");return e.setAttribute("data-radix-focus-guard",""),e.tabIndex=0,e.style.outline="none",e.style.opacity="0",e.style.position="fixed",e.style.pointerEvents="none",e}var H=e.i(85565),$=e.i(88248),z="focusScope.autoFocusOnMount",F="focusScope.autoFocusOnUnmount",W={bubbles:!1,cancelable:!0},U=d.forwardRef((e,t)=>{let{loop:r=!1,trapped:a=!1,onMountAutoFocus:n,onUnmountAutoFocus:o,...s}=e,[i,l]=d.useState(null),c=(0,$.useCallbackRef)(n),u=(0,$.useCallbackRef)(o),f=d.useRef(null),p=(0,I.useComposedRefs)(t,e=>l(e)),h=d.useRef({paused:!1,pause(){this.paused=!0},resume(){this.paused=!1}}).current;d.useEffect(()=>{if(a){let e=function(e){if(h.paused||!i)return;let t=e.target;i.contains(t)?f.current=t:q(f.current,{select:!0})},t=function(e){if(h.paused||!i)return;let t=e.relatedTarget;null!==t&&(i.contains(t)||q(f.current,{select:!0}))};document.addEventListener("focusin",e),document.addEventListener("focusout",t);let r=new MutationObserver(function(e){if(document.activeElement===document.body)for(let t of e)t.removedNodes.length>0&&q(i)});return i&&r.observe(i,{childList:!0,subtree:!0}),()=>{document.removeEventListener("focusin",e),document.removeEventListener("focusout",t),r.disconnect()}}},[a,i,h.paused]),d.useEffect(()=>{if(i){Z.add(h);let e=document.activeElement;if(!i.contains(e)){let t=new CustomEvent(z,W);i.addEventListener(z,c),i.dispatchEvent(t),t.defaultPrevented||(function(e,{select:t=!1}={}){let r=document.activeElement;for(let a of e)if(q(a,{select:t}),document.activeElement!==r)return}(V(i).filter(e=>"A"!==e.tagName),{select:!0}),document.activeElement===e&&q(i))}return()=>{i.removeEventListener(z,c),setTimeout(()=>{let t=new CustomEvent(F,W);i.addEventListener(F,u),i.dispatchEvent(t),t.defaultPrevented||q(e??document.body,{select:!0}),i.removeEventListener(F,u),Z.remove(h)},0)}}},[i,c,u,h]);let m=d.useCallback(e=>{if(!r&&!a||h.paused)return;let t="Tab"===e.key&&!e.altKey&&!e.ctrlKey&&!e.metaKey,n=document.activeElement;if(t&&n){var o;let t,a=e.currentTarget,[s,i]=[Y(t=V(o=a),o),Y(t.reverse(),o)];s&&i?e.shiftKey||n!==i?e.shiftKey&&n===s&&(e.preventDefault(),r&&q(i,{select:!0})):(e.preventDefault(),r&&q(s,{select:!0})):n===a&&e.preventDefault()}},[r,a,h.paused]);return(0,S.jsx)(H.Primitive.div,{tabIndex:-1,...s,ref:p,onKeyDown:m})});function V(e){let t=[],r=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:e=>{let t="INPUT"===e.tagName&&"hidden"===e.type;return e.disabled||e.hidden||t?NodeFilter.FILTER_SKIP:e.tabIndex>=0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;r.nextNode();)t.push(r.currentNode);return t}function Y(e,t){for(let r of e)if(!function(e,{upTo:t}){if("hidden"===getComputedStyle(e).visibility)return!0;for(;e&&(void 0===t||e!==t);){if("none"===getComputedStyle(e).display)return!0;e=e.parentElement}return!1}(r,{upTo:t}))return r}function q(e,{select:t=!1}={}){if(e&&e.focus){var r;let a=document.activeElement;e.focus({preventScroll:!0}),e!==a&&(r=e)instanceof HTMLInputElement&&"select"in r&&t&&e.select()}}U.displayName="FocusScope";var Z=(t=[],{add(e){let r=t[0];e!==r&&r?.pause(),(t=K(t,e)).unshift(e)},remove(e){t=K(t,e),t[0]?.resume()}});function K(e,t){let r=[...e],a=r.indexOf(t);return -1!==a&&r.splice(a,1),r}var G=e.i(11207),X=e.i(45311),J=e.i(76903),Q=e.i(90816),ee=e.i(60310),et=e.i(36567),er=new WeakMap,ea=new WeakMap,en={},eo=0,es=function(e){return e&&(e.host||es(e.parentNode))},ei=function(e,t,r,a){var n=(Array.isArray(e)?e:[e]).map(function(e){if(t.contains(e))return e;var r=es(e);return r&&t.contains(r)?r:(console.error("aria-hidden",e,"in not contained inside",t,". Doing nothing"),null)}).filter(function(e){return!!e});en[r]||(en[r]=new WeakMap);var o=en[r],s=[],i=new Set,l=new Set(n),c=function(e){!e||i.has(e)||(i.add(e),c(e.parentNode))};n.forEach(c);var d=function(e){!e||l.has(e)||Array.prototype.forEach.call(e.children,function(e){if(i.has(e))d(e);else try{var t=e.getAttribute(a),n=null!==t&&"false"!==t,l=(er.get(e)||0)+1,c=(o.get(e)||0)+1;er.set(e,l),o.set(e,c),s.push(e),1===l&&n&&ea.set(e,!0),1===c&&e.setAttribute(r,"true"),n||e.setAttribute(a,"true")}catch(t){console.error("aria-hidden: cannot operate on ",e,t)}})};return d(t),i.clear(),eo++,function(){s.forEach(function(e){var t=er.get(e)-1,n=o.get(e)-1;er.set(e,t),o.set(e,n),t||(ea.has(e)||e.removeAttribute(a),ea.delete(e)),n||e.removeAttribute(r)}),--eo||(er=new WeakMap,er=new WeakMap,ea=new WeakMap,en={})}},el=function(e,t,r){void 0===r&&(r="data-aria-hidden");var a=Array.from(Array.isArray(e)?e:[e]),n=t||("u"<typeof document?null:(Array.isArray(e)?e[0]:e).ownerDocument.body);return n?(a.push.apply(a,Array.from(n.querySelectorAll("[aria-live]"))),ei(a,n,r,"aria-hidden")):function(){return null}},ec=function(){return(ec=Object.assign||function(e){for(var t,r=1,a=arguments.length;r<a;r++)for(var n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e}).apply(this,arguments)};function ed(e,t){var r={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&0>t.indexOf(a)&&(r[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var n=0,a=Object.getOwnPropertySymbols(e);n<a.length;n++)0>t.indexOf(a[n])&&Object.prototype.propertyIsEnumerable.call(e,a[n])&&(r[a[n]]=e[a[n]]);return r}var eu=("function"==typeof SuppressedError&&SuppressedError,"right-scroll-bar-position"),ef="width-before-scroll-bar";function ep(e,t){return"function"==typeof e?e(t):e&&(e.current=t),e}var eh="u">typeof window?d.useLayoutEffect:d.useEffect,em=new WeakMap,eg=(void 0===r&&(r={}),(void 0===a&&(a=function(e){return e}),n=[],o=!1,s={read:function(){if(o)throw Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");return n.length?n[n.length-1]:null},useMedium:function(e){var t=a(e,o);return n.push(t),function(){n=n.filter(function(e){return e!==t})}},assignSyncMedium:function(e){for(o=!0;n.length;){var t=n;n=[],t.forEach(e)}n={push:function(t){return e(t)},filter:function(){return n}}},assignMedium:function(e){o=!0;var t=[];if(n.length){var r=n;n=[],r.forEach(e),t=n}var a=function(){var r=t;t=[],r.forEach(e)},s=function(){return Promise.resolve().then(a)};s(),n={push:function(e){t.push(e),s()},filter:function(e){return t=t.filter(e),n}}}}).options=ec({async:!0,ssr:!1},r),s),eb=function(){},ev=d.forwardRef(function(e,t){var r,a,n,o,s=d.useRef(null),i=d.useState({onScrollCapture:eb,onWheelCapture:eb,onTouchMoveCapture:eb}),l=i[0],c=i[1],u=e.forwardProps,f=e.children,p=e.className,h=e.removeScrollBar,m=e.enabled,g=e.shards,b=e.sideCar,v=e.noIsolation,x=e.inert,y=e.allowPinchZoom,w=e.as,j=e.gapMode,C=ed(e,["forwardProps","children","className","removeScrollBar","enabled","shards","sideCar","noIsolation","inert","allowPinchZoom","as","gapMode"]),k=(r=[s,t],a=function(e){return r.forEach(function(t){return ep(t,e)})},(n=(0,d.useState)(function(){return{value:null,callback:a,facade:{get current(){return n.value},set current(value){var e=n.value;e!==value&&(n.value=value,n.callback(value,e))}}}})[0]).callback=a,o=n.facade,eh(function(){var e=em.get(o);if(e){var t=new Set(e),a=new Set(r),n=o.current;t.forEach(function(e){a.has(e)||ep(e,null)}),a.forEach(function(e){t.has(e)||ep(e,n)})}em.set(o,r)},[r]),o),M=ec(ec({},C),l);return d.createElement(d.Fragment,null,m&&d.createElement(b,{sideCar:eg,removeScrollBar:h,shards:g,noIsolation:v,inert:x,setCallbacks:c,allowPinchZoom:!!y,lockRef:s,gapMode:j}),u?d.cloneElement(d.Children.only(f),ec(ec({},M),{ref:k})):d.createElement(void 0===w?"div":w,ec({},M,{className:p,ref:k}),f))});ev.defaultProps={enabled:!0,removeScrollBar:!0,inert:!1},ev.classNames={fullWidth:ef,zeroRight:eu};var ex=function(e){var t=e.sideCar,r=ed(e,["sideCar"]);if(!t)throw Error("Sidecar: please provide `sideCar` property to import the right car");var a=t.read();if(!a)throw Error("Sidecar medium not found");return d.createElement(a,ec({},r))};ex.isSideCarExport=!0;var ey=function(){var e=0,t=null;return{add:function(r){if(0==e&&(t=function(){if(!document)return null;var e=document.createElement("style");e.type="text/css";var t=c||("u">typeof __webpack_nonce__?__webpack_nonce__:void 0);return t&&e.setAttribute("nonce",t),e}())){var a,n;(a=t).styleSheet?a.styleSheet.cssText=r:a.appendChild(document.createTextNode(r)),n=t,(document.head||document.getElementsByTagName("head")[0]).appendChild(n)}e++},remove:function(){--e||!t||(t.parentNode&&t.parentNode.removeChild(t),t=null)}}},ew=function(){var e=ey();return function(t,r){d.useEffect(function(){return e.add(t),function(){e.remove()}},[t&&r])}},ej=function(){var e=ew();return function(t){return e(t.styles,t.dynamic),null}},eC={left:0,top:0,right:0,gap:0},ek=function(e){return parseInt(e||"",10)||0},eM=function(e){var t=window.getComputedStyle(document.body),r=t["padding"===e?"paddingLeft":"marginLeft"],a=t["padding"===e?"paddingTop":"marginTop"],n=t["padding"===e?"paddingRight":"marginRight"];return[ek(r),ek(a),ek(n)]},eR=function(e){if(void 0===e&&(e="margin"),"u"<typeof window)return eC;var t=eM(e),r=document.documentElement.clientWidth,a=window.innerWidth;return{left:t[0],top:t[1],right:t[2],gap:Math.max(0,a-r+t[2]-t[0])}},eE=ej(),eS="data-scroll-locked",eN=function(e,t,r,a){var n=e.left,o=e.top,s=e.right,i=e.gap;return void 0===r&&(r="margin"),"\n .".concat("with-scroll-bars-hidden"," {\n overflow: hidden ").concat(a,";\n padding-right: ").concat(i,"px ").concat(a,";\n }\n body[").concat(eS,"] {\n overflow: hidden ").concat(a,";\n overscroll-behavior: contain;\n ").concat([t&&"position: relative ".concat(a,";"),"margin"===r&&"\n padding-left: ".concat(n,"px;\n padding-top: ").concat(o,"px;\n padding-right: ").concat(s,"px;\n margin-left:0;\n margin-top:0;\n margin-right: ").concat(i,"px ").concat(a,";\n "),"padding"===r&&"padding-right: ".concat(i,"px ").concat(a,";")].filter(Boolean).join(""),"\n }\n \n .").concat(eu," {\n right: ").concat(i,"px ").concat(a,";\n }\n \n .").concat(ef," {\n margin-right: ").concat(i,"px ").concat(a,";\n }\n \n .").concat(eu," .").concat(eu," {\n right: 0 ").concat(a,";\n }\n \n .").concat(ef," .").concat(ef," {\n margin-right: 0 ").concat(a,";\n }\n \n body[").concat(eS,"] {\n ").concat("--removed-body-scroll-bar-size",": ").concat(i,"px;\n }\n")},eT=function(){var e=parseInt(document.body.getAttribute(eS)||"0",10);return isFinite(e)?e:0},eP=function(){d.useEffect(function(){return document.body.setAttribute(eS,(eT()+1).toString()),function(){var e=eT()-1;e<=0?document.body.removeAttribute(eS):document.body.setAttribute(eS,e.toString())}},[])},eL=function(e){var t=e.noRelative,r=e.noImportant,a=e.gapMode,n=void 0===a?"margin":a;eP();var o=d.useMemo(function(){return eR(n)},[n]);return d.createElement(eE,{styles:eN(o,!t,n,r?"":"!important")})},eI=!1;if("u">typeof window)try{var eA=Object.defineProperty({},"passive",{get:function(){return eI=!0,!0}});window.addEventListener("test",eA,eA),window.removeEventListener("test",eA,eA)}catch(e){eI=!1}var e_=!!eI&&{passive:!1},eB=function(e,t){if(!(e instanceof Element))return!1;var r=window.getComputedStyle(e);return"hidden"!==r[t]&&(r.overflowY!==r.overflowX||"TEXTAREA"===e.tagName||"visible"!==r[t])},eD=function(e,t){var r=t.ownerDocument,a=t;do{if("u">typeof ShadowRoot&&a instanceof ShadowRoot&&(a=a.host),eO(e,a)){var n=eH(e,a);if(n[1]>n[2])return!0}a=a.parentNode}while(a&&a!==r.body)return!1},eO=function(e,t){return"v"===e?eB(t,"overflowY"):eB(t,"overflowX")},eH=function(e,t){return"v"===e?[t.scrollTop,t.scrollHeight,t.clientHeight]:[t.scrollLeft,t.scrollWidth,t.clientWidth]},e$=function(e,t,r,a,n){var o,s=(o=window.getComputedStyle(t).direction,"h"===e&&"rtl"===o?-1:1),i=s*a,l=r.target,c=t.contains(l),d=!1,u=i>0,f=0,p=0;do{var h=eH(e,l),m=h[0],g=h[1]-h[2]-s*m;(m||g)&&eO(e,l)&&(f+=g,p+=m),l=l instanceof ShadowRoot?l.host:l.parentNode}while(!c&&l!==document.body||c&&(t.contains(l)||t===l))return u&&(n&&1>Math.abs(f)||!n&&i>f)?d=!0:!u&&(n&&1>Math.abs(p)||!n&&-i>p)&&(d=!0),d},ez=function(e){return"changedTouches"in e?[e.changedTouches[0].clientX,e.changedTouches[0].clientY]:[0,0]},eF=function(e){return[e.deltaX,e.deltaY]},eW=function(e){return e&&"current"in e?e.current:e},eU=0,eV=[];let eY=(i=function(e){var t=d.useRef([]),r=d.useRef([0,0]),a=d.useRef(),n=d.useState(eU++)[0],o=d.useState(ej)[0],s=d.useRef(e);d.useEffect(function(){s.current=e},[e]),d.useEffect(function(){if(e.inert){document.body.classList.add("block-interactivity-".concat(n));var t=(function(e,t,r){if(r||2==arguments.length)for(var a,n=0,o=t.length;n<o;n++)!a&&n in t||(a||(a=Array.prototype.slice.call(t,0,n)),a[n]=t[n]);return e.concat(a||Array.prototype.slice.call(t))})([e.lockRef.current],(e.shards||[]).map(eW),!0).filter(Boolean);return t.forEach(function(e){return e.classList.add("allow-interactivity-".concat(n))}),function(){document.body.classList.remove("block-interactivity-".concat(n)),t.forEach(function(e){return e.classList.remove("allow-interactivity-".concat(n))})}}},[e.inert,e.lockRef.current,e.shards]);var i=d.useCallback(function(e,t){if("touches"in e&&2===e.touches.length||"wheel"===e.type&&e.ctrlKey)return!s.current.allowPinchZoom;var n,o=ez(e),i=r.current,l="deltaX"in e?e.deltaX:i[0]-o[0],c="deltaY"in e?e.deltaY:i[1]-o[1],d=e.target,u=Math.abs(l)>Math.abs(c)?"h":"v";if("touches"in e&&"h"===u&&"range"===d.type)return!1;var f=eD(u,d);if(!f)return!0;if(f?n=u:(n="v"===u?"h":"v",f=eD(u,d)),!f)return!1;if(!a.current&&"changedTouches"in e&&(l||c)&&(a.current=n),!n)return!0;var p=a.current||n;return e$(p,t,e,"h"===p?l:c,!0)},[]),l=d.useCallback(function(e){if(eV.length&&eV[eV.length-1]===o){var r="deltaY"in e?eF(e):ez(e),a=t.current.filter(function(t){var a;return t.name===e.type&&(t.target===e.target||e.target===t.shadowParent)&&(a=t.delta,a[0]===r[0]&&a[1]===r[1])})[0];if(a&&a.should){e.cancelable&&e.preventDefault();return}if(!a){var n=(s.current.shards||[]).map(eW).filter(Boolean).filter(function(t){return t.contains(e.target)});(n.length>0?i(e,n[0]):!s.current.noIsolation)&&e.cancelable&&e.preventDefault()}}},[]),c=d.useCallback(function(e,r,a,n){var o={name:e,delta:r,target:a,should:n,shadowParent:function(e){for(var t=null;null!==e;)e instanceof ShadowRoot&&(t=e.host,e=e.host),e=e.parentNode;return t}(a)};t.current.push(o),setTimeout(function(){t.current=t.current.filter(function(e){return e!==o})},1)},[]),u=d.useCallback(function(e){r.current=ez(e),a.current=void 0},[]),f=d.useCallback(function(t){c(t.type,eF(t),t.target,i(t,e.lockRef.current))},[]),p=d.useCallback(function(t){c(t.type,ez(t),t.target,i(t,e.lockRef.current))},[]);d.useEffect(function(){return eV.push(o),e.setCallbacks({onScrollCapture:f,onWheelCapture:f,onTouchMoveCapture:p}),document.addEventListener("wheel",l,e_),document.addEventListener("touchmove",l,e_),document.addEventListener("touchstart",u,e_),function(){eV=eV.filter(function(e){return e!==o}),document.removeEventListener("wheel",l,e_),document.removeEventListener("touchmove",l,e_),document.removeEventListener("touchstart",u,e_)}},[]);var h=e.removeScrollBar,m=e.inert;return d.createElement(d.Fragment,null,m?d.createElement(o,{styles:"\n .block-interactivity-".concat(n," {pointer-events: none;}\n .allow-interactivity-").concat(n," {pointer-events: all;}\n")}):null,h?d.createElement(eL,{gapMode:e.gapMode}):null)},eg.useMedium(i),ex);var eq=d.forwardRef(function(e,t){return d.createElement(ev,ec({},e,{ref:t,sideCar:eY}))});eq.classNames=ev.classNames;var eZ="Popover",[eK,eG]=(0,A.createContextScope)(eZ,[X.createPopperScope]),eX=(0,X.createPopperScope)(),[eJ,eQ]=eK(eZ),e0=e=>{let{__scopePopover:t,children:r,open:a,defaultOpen:n,onOpenChange:o,modal:s=!1}=e,i=eX(t),l=d.useRef(null),[c,u]=d.useState(!1),[f,p]=(0,et.useControllableState)({prop:a,defaultProp:n??!1,onChange:o,caller:eZ});return(0,S.jsx)(X.Root,{...i,children:(0,S.jsx)(eJ,{scope:t,contentId:(0,G.useId)(),triggerRef:l,open:f,onOpenChange:p,onOpenToggle:d.useCallback(()=>p(e=>!e),[p]),hasCustomAnchor:c,onCustomAnchorAdd:d.useCallback(()=>u(!0),[]),onCustomAnchorRemove:d.useCallback(()=>u(!1),[]),modal:s,children:r})})};e0.displayName=eZ;var e1="PopoverAnchor",e2=d.forwardRef((e,t)=>{let{__scopePopover:r,...a}=e,n=eQ(e1,r),o=eX(r),{onCustomAnchorAdd:s,onCustomAnchorRemove:i}=n;return d.useEffect(()=>(s(),()=>i()),[s,i]),(0,S.jsx)(X.Anchor,{...o,...a,ref:t})});e2.displayName=e1;var e5="PopoverTrigger",e4=d.forwardRef((e,t)=>{let{__scopePopover:r,...a}=e,n=eQ(e5,r),o=eX(r),s=(0,I.useComposedRefs)(t,n.triggerRef),i=(0,S.jsx)(H.Primitive.button,{type:"button","aria-haspopup":"dialog","aria-expanded":n.open,"aria-controls":n.contentId,"data-state":ts(n.open),...a,ref:s,onClick:(0,L.composeEventHandlers)(e.onClick,n.onOpenToggle)});return n.hasCustomAnchor?i:(0,S.jsx)(X.Anchor,{asChild:!0,...o,children:i})});e4.displayName=e5;var e6="PopoverPortal",[e3,e8]=eK(e6,{forceMount:void 0}),e9=e=>{let{__scopePopover:t,forceMount:r,children:a,container:n}=e,o=eQ(e6,t);return(0,S.jsx)(e3,{scope:t,forceMount:r,children:(0,S.jsx)(Q.Presence,{present:r||o.open,children:(0,S.jsx)(J.Portal,{asChild:!0,container:n,children:a})})})};e9.displayName=e6;var e7="PopoverContent",te=d.forwardRef((e,t)=>{let r=e8(e7,e.__scopePopover),{forceMount:a=r.forceMount,...n}=e,o=eQ(e7,e.__scopePopover);return(0,S.jsx)(Q.Presence,{present:a||o.open,children:o.modal?(0,S.jsx)(tr,{...n,ref:t}):(0,S.jsx)(ta,{...n,ref:t})})});te.displayName=e7;var tt=(0,ee.createSlot)("PopoverContent.RemoveScroll"),tr=d.forwardRef((e,t)=>{let r=eQ(e7,e.__scopePopover),a=d.useRef(null),n=(0,I.useComposedRefs)(t,a),o=d.useRef(!1);return d.useEffect(()=>{let e=a.current;if(e)return el(e)},[]),(0,S.jsx)(eq,{as:tt,allowPinchZoom:!0,children:(0,S.jsx)(tn,{...e,ref:n,trapFocus:r.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:(0,L.composeEventHandlers)(e.onCloseAutoFocus,e=>{e.preventDefault(),o.current||r.triggerRef.current?.focus()}),onPointerDownOutside:(0,L.composeEventHandlers)(e.onPointerDownOutside,e=>{let t=e.detail.originalEvent,r=0===t.button&&!0===t.ctrlKey;o.current=2===t.button||r},{checkForDefaultPrevented:!1}),onFocusOutside:(0,L.composeEventHandlers)(e.onFocusOutside,e=>e.preventDefault(),{checkForDefaultPrevented:!1})})})}),ta=d.forwardRef((e,t)=>{let r=eQ(e7,e.__scopePopover),a=d.useRef(!1),n=d.useRef(!1);return(0,S.jsx)(tn,{...e,ref:t,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:t=>{e.onCloseAutoFocus?.(t),t.defaultPrevented||(a.current||r.triggerRef.current?.focus(),t.preventDefault()),a.current=!1,n.current=!1},onInteractOutside:t=>{e.onInteractOutside?.(t),t.defaultPrevented||(a.current=!0,"pointerdown"===t.detail.originalEvent.type&&(n.current=!0));let o=t.target;r.triggerRef.current?.contains(o)&&t.preventDefault(),"focusin"===t.detail.originalEvent.type&&n.current&&t.preventDefault()}})}),tn=d.forwardRef((e,t)=>{let{__scopePopover:r,trapFocus:a,onOpenAutoFocus:n,onCloseAutoFocus:o,disableOutsidePointerEvents:s,onEscapeKeyDown:i,onPointerDownOutside:l,onFocusOutside:c,onInteractOutside:d,...u}=e,f=eQ(e7,r),p=eX(r);return D(),(0,S.jsx)(U,{asChild:!0,loop:!0,trapped:a,onMountAutoFocus:n,onUnmountAutoFocus:o,children:(0,S.jsx)(_.DismissableLayer,{asChild:!0,disableOutsidePointerEvents:s,onInteractOutside:d,onEscapeKeyDown:i,onPointerDownOutside:l,onFocusOutside:c,onDismiss:()=>f.onOpenChange(!1),children:(0,S.jsx)(X.Content,{"data-state":ts(f.open),role:"dialog",id:f.contentId,...p,...u,ref:t,style:{...u.style,"--radix-popover-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-popover-content-available-width":"var(--radix-popper-available-width)","--radix-popover-content-available-height":"var(--radix-popper-available-height)","--radix-popover-trigger-width":"var(--radix-popper-anchor-width)","--radix-popover-trigger-height":"var(--radix-popper-anchor-height)"}})})})}),to="PopoverClose";function ts(e){return e?"open":"closed"}function ti(e){let t=e+"CollectionProvider",[r,a]=(0,A.createContextScope)(t),[n,o]=r(t,{collectionRef:{current:null},itemMap:new Map}),s=e=>{let{scope:t,children:r}=e,a=d.default.useRef(null),o=d.default.useRef(new Map).current;return(0,S.jsx)(n,{scope:t,itemMap:o,collectionRef:a,children:r})};s.displayName=t;let i=e+"CollectionSlot",l=(0,ee.createSlot)(i),c=d.default.forwardRef((e,t)=>{let{scope:r,children:a}=e,n=o(i,r),s=(0,I.useComposedRefs)(t,n.collectionRef);return(0,S.jsx)(l,{ref:s,children:a})});c.displayName=i;let u=e+"CollectionItemSlot",f="data-radix-collection-item",p=(0,ee.createSlot)(u),h=d.default.forwardRef((e,t)=>{let{scope:r,children:a,...n}=e,s=d.default.useRef(null),i=(0,I.useComposedRefs)(t,s),l=o(u,r);return d.default.useEffect(()=>(l.itemMap.set(s,{ref:s,...n}),()=>void l.itemMap.delete(s))),(0,S.jsx)(p,{...{[f]:""},ref:i,children:a})});return h.displayName=u,[{Provider:s,Slot:c,ItemSlot:h},function(t){let r=o(e+"CollectionConsumer",t);return d.default.useCallback(()=>{let e=r.collectionRef.current;if(!e)return[];let t=Array.from(e.querySelectorAll(`[${f}]`));return Array.from(r.itemMap.values()).sort((e,r)=>t.indexOf(e.ref.current)-t.indexOf(r.ref.current))},[r.collectionRef,r.itemMap])},a]}d.forwardRef((e,t)=>{let{__scopePopover:r,...a}=e,n=eQ(to,r);return(0,S.jsx)(H.Primitive.button,{type:"button",...a,ref:t,onClick:(0,L.composeEventHandlers)(e.onClick,()=>n.onOpenChange(!1))})}).displayName=to,d.forwardRef((e,t)=>{let{__scopePopover:r,...a}=e,n=eX(r);return(0,S.jsx)(X.Arrow,{...n,...a,ref:t})}).displayName="PopoverArrow",e.s(["Anchor",0,e2,"Content",0,te,"Portal",0,e9,"Root",0,e0,"Trigger",0,e4],64406);var tl=new WeakMap;function tc(e,t){var r,a;let n,o,s;if("at"in Array.prototype)return Array.prototype.at.call(e,t);let i=(r=e,a=t,n=r.length,(s=(o=td(a))>=0?o:n+o)<0||s>=n?-1:s);return -1===i?void 0:e[i]}function td(e){return e!=e||0===e?0:Math.trunc(e)}(class e extends Map{#e;constructor(e){super(e),this.#e=[...super.keys()],tl.set(this,!0)}set(e,t){return tl.get(this)&&(this.has(e)?this.#e[this.#e.indexOf(e)]=e:this.#e.push(e)),super.set(e,t),this}insert(e,t,r){let a,n=this.has(t),o=this.#e.length,s=td(e),i=s>=0?s:o+s,l=i<0||i>=o?-1:i;if(l===this.size||n&&l===this.size-1||-1===l)return this.set(t,r),this;let c=this.size+ +!n;s<0&&i++;let d=[...this.#e],u=!1;for(let e=i;e<c;e++)if(i===e){let o=d[e];d[e]===t&&(o=d[e+1]),n&&this.delete(t),a=this.get(o),this.set(t,r)}else{u||d[e-1]!==t||(u=!0);let r=d[u?e:e-1],n=a;a=this.get(r),this.delete(r),this.set(r,n)}return this}with(t,r,a){let n=new e(this);return n.insert(t,r,a),n}before(e){let t=this.#e.indexOf(e)-1;if(!(t<0))return this.entryAt(t)}setBefore(e,t,r){let a=this.#e.indexOf(e);return -1===a?this:this.insert(a,t,r)}after(e){let t=this.#e.indexOf(e);if(-1!==(t=-1===t||t===this.size-1?-1:t+1))return this.entryAt(t)}setAfter(e,t,r){let a=this.#e.indexOf(e);return -1===a?this:this.insert(a+1,t,r)}first(){return this.entryAt(0)}last(){return this.entryAt(-1)}clear(){return this.#e=[],super.clear()}delete(e){let t=super.delete(e);return t&&this.#e.splice(this.#e.indexOf(e),1),t}deleteAt(e){let t=this.keyAt(e);return void 0!==t&&this.delete(t)}at(e){let t=tc(this.#e,e);if(void 0!==t)return this.get(t)}entryAt(e){let t=tc(this.#e,e);if(void 0!==t)return[t,this.get(t)]}indexOf(e){return this.#e.indexOf(e)}keyAt(e){return tc(this.#e,e)}from(e,t){let r=this.indexOf(e);if(-1===r)return;let a=r+t;return a<0&&(a=0),a>=this.size&&(a=this.size-1),this.at(a)}keyFrom(e,t){let r=this.indexOf(e);if(-1===r)return;let a=r+t;return a<0&&(a=0),a>=this.size&&(a=this.size-1),this.keyAt(a)}find(e,t){let r=0;for(let a of this){if(Reflect.apply(e,t,[a,r,this]))return a;r++}}findIndex(e,t){let r=0;for(let a of this){if(Reflect.apply(e,t,[a,r,this]))return r;r++}return -1}filter(t,r){let a=[],n=0;for(let e of this)Reflect.apply(t,r,[e,n,this])&&a.push(e),n++;return new e(a)}map(t,r){let a=[],n=0;for(let e of this)a.push([e[0],Reflect.apply(t,r,[e,n,this])]),n++;return new e(a)}reduce(...e){let[t,r]=e,a=0,n=r??this.at(0);for(let r of this)n=0===a&&1===e.length?r:Reflect.apply(t,this,[n,r,a,this]),a++;return n}reduceRight(...e){let[t,r]=e,a=r??this.at(-1);for(let r=this.size-1;r>=0;r--){let n=this.at(r);a=r===this.size-1&&1===e.length?n:Reflect.apply(t,this,[a,n,r,this])}return a}toSorted(t){return new e([...this.entries()].sort(t))}toReversed(){let t=new e;for(let e=this.size-1;e>=0;e--){let r=this.keyAt(e),a=this.get(r);t.set(r,a)}return t}toSpliced(...t){let r=[...this.entries()];return r.splice(...t),new e(r)}slice(t,r){let a=new e,n=this.size-1;if(void 0===t)return a;t<0&&(t+=this.size),void 0!==r&&r>0&&(n=r-1);for(let e=t;e<=n;e++){let t=this.keyAt(e),r=this.get(t);a.set(t,r)}return a}every(e,t){let r=0;for(let a of this){if(!Reflect.apply(e,t,[a,r,this]))return!1;r++}return!0}some(e,t){let r=0;for(let a of this){if(Reflect.apply(e,t,[a,r,this]))return!0;r++}return!1}});var tu=d.createContext(void 0);function tf(e){let t=d.useContext(tu);return e||t||"ltr"}e.s(["useDirection",0,tf],75649);var tp="rovingFocusGroup.onEntryFocus",th={bubbles:!1,cancelable:!0},tm="RovingFocusGroup",[tg,tb,tv]=ti(tm),[tx,ty]=(0,A.createContextScope)(tm,[tv]),[tw,tj]=tx(tm),tC=d.forwardRef((e,t)=>(0,S.jsx)(tg.Provider,{scope:e.__scopeRovingFocusGroup,children:(0,S.jsx)(tg.Slot,{scope:e.__scopeRovingFocusGroup,children:(0,S.jsx)(tk,{...e,ref:t})})}));tC.displayName=tm;var tk=d.forwardRef((e,t)=>{let{__scopeRovingFocusGroup:r,orientation:a,loop:n=!1,dir:o,currentTabStopId:s,defaultCurrentTabStopId:i,onCurrentTabStopIdChange:l,onEntryFocus:c,preventScrollOnEntryFocus:u=!1,...f}=e,p=d.useRef(null),h=(0,I.useComposedRefs)(t,p),m=tf(o),[g,b]=(0,et.useControllableState)({prop:s,defaultProp:i??null,onChange:l,caller:tm}),[v,x]=d.useState(!1),y=(0,$.useCallbackRef)(c),w=tb(r),j=d.useRef(!1),[C,k]=d.useState(0);return d.useEffect(()=>{let e=p.current;if(e)return e.addEventListener(tp,y),()=>e.removeEventListener(tp,y)},[y]),(0,S.jsx)(tw,{scope:r,orientation:a,dir:m,loop:n,currentTabStopId:g,onItemFocus:d.useCallback(e=>b(e),[b]),onItemShiftTab:d.useCallback(()=>x(!0),[]),onFocusableItemAdd:d.useCallback(()=>k(e=>e+1),[]),onFocusableItemRemove:d.useCallback(()=>k(e=>e-1),[]),children:(0,S.jsx)(H.Primitive.div,{tabIndex:v||0===C?-1:0,"data-orientation":a,...f,ref:h,style:{outline:"none",...e.style},onMouseDown:(0,L.composeEventHandlers)(e.onMouseDown,()=>{j.current=!0}),onFocus:(0,L.composeEventHandlers)(e.onFocus,e=>{let t=!j.current;if(e.target===e.currentTarget&&t&&!v){let t=new CustomEvent(tp,th);if(e.currentTarget.dispatchEvent(t),!t.defaultPrevented){let e=w().filter(e=>e.focusable);tS([e.find(e=>e.active),e.find(e=>e.id===g),...e].filter(Boolean).map(e=>e.ref.current),u)}}j.current=!1}),onBlur:(0,L.composeEventHandlers)(e.onBlur,()=>x(!1))})})}),tM="RovingFocusGroupItem",tR=d.forwardRef((e,t)=>{let{__scopeRovingFocusGroup:r,focusable:a=!0,active:n=!1,tabStopId:o,children:s,...i}=e,l=(0,G.useId)(),c=o||l,u=tj(tM,r),f=u.currentTabStopId===c,p=tb(r),{onFocusableItemAdd:h,onFocusableItemRemove:m,currentTabStopId:g}=u;return d.useEffect(()=>{if(a)return h(),()=>m()},[a,h,m]),(0,S.jsx)(tg.ItemSlot,{scope:r,id:c,focusable:a,active:n,children:(0,S.jsx)(H.Primitive.span,{tabIndex:f?0:-1,"data-orientation":u.orientation,...i,ref:t,onMouseDown:(0,L.composeEventHandlers)(e.onMouseDown,e=>{a?u.onItemFocus(c):e.preventDefault()}),onFocus:(0,L.composeEventHandlers)(e.onFocus,()=>u.onItemFocus(c)),onKeyDown:(0,L.composeEventHandlers)(e.onKeyDown,e=>{if("Tab"===e.key&&e.shiftKey)return void u.onItemShiftTab();if(e.target!==e.currentTarget)return;let t=function(e,t,r){var a;let n=(a=e.key,"rtl"!==r?a:"ArrowLeft"===a?"ArrowRight":"ArrowRight"===a?"ArrowLeft":a);if(!("vertical"===t&&["ArrowLeft","ArrowRight"].includes(n))&&!("horizontal"===t&&["ArrowUp","ArrowDown"].includes(n)))return tE[n]}(e,u.orientation,u.dir);if(void 0!==t){if(e.metaKey||e.ctrlKey||e.altKey||e.shiftKey)return;e.preventDefault();let n=p().filter(e=>e.focusable).map(e=>e.ref.current);if("last"===t)n.reverse();else if("prev"===t||"next"===t){var r,a;"prev"===t&&n.reverse();let o=n.indexOf(e.currentTarget);n=u.loop?(r=n,a=o+1,r.map((e,t)=>r[(a+t)%r.length])):n.slice(o+1)}setTimeout(()=>tS(n))}}),children:"function"==typeof s?s({isCurrentTabStop:f,hasTabStop:null!=g}):s})})});tR.displayName=tM;var tE={ArrowLeft:"prev",ArrowUp:"prev",ArrowRight:"next",ArrowDown:"next",PageUp:"first",Home:"first",PageDown:"last",End:"last"};function tS(e,t=!1){let r=document.activeElement;for(let a of e)if(a===r||(a.focus({preventScroll:t}),document.activeElement!==r))return}e.s(["Item",0,tR,"Root",0,tC,"createRovingFocusGroupScope",0,ty],64794);var tN=["Enter"," "],tT=["ArrowUp","PageDown","End"],tP=["ArrowDown","PageUp","Home",...tT],tL={ltr:[...tN,"ArrowRight"],rtl:[...tN,"ArrowLeft"]},tI={ltr:["ArrowLeft"],rtl:["ArrowRight"]},tA="Menu",[t_,tB,tD]=ti(tA),[tO,tH]=(0,A.createContextScope)(tA,[tD,X.createPopperScope,ty]),t$=(0,X.createPopperScope)(),tz=ty(),[tF,tW]=tO(tA),[tU,tV]=tO(tA),tY=e=>{let{__scopeMenu:t,open:r=!1,children:a,dir:n,onOpenChange:o,modal:s=!0}=e,i=t$(t),[l,c]=d.useState(null),u=d.useRef(!1),f=(0,$.useCallbackRef)(o),p=tf(n);return d.useEffect(()=>{let e=()=>{u.current=!0,document.addEventListener("pointerdown",t,{capture:!0,once:!0}),document.addEventListener("pointermove",t,{capture:!0,once:!0})},t=()=>u.current=!1;return document.addEventListener("keydown",e,{capture:!0}),()=>{document.removeEventListener("keydown",e,{capture:!0}),document.removeEventListener("pointerdown",t,{capture:!0}),document.removeEventListener("pointermove",t,{capture:!0})}},[]),(0,S.jsx)(X.Root,{...i,children:(0,S.jsx)(tF,{scope:t,open:r,onOpenChange:f,content:l,onContentChange:c,children:(0,S.jsx)(tU,{scope:t,onClose:d.useCallback(()=>f(!1),[f]),isUsingKeyboardRef:u,dir:p,modal:s,children:a})})})};tY.displayName=tA;var tq=d.forwardRef((e,t)=>{let{__scopeMenu:r,...a}=e,n=t$(r);return(0,S.jsx)(X.Anchor,{...n,...a,ref:t})});tq.displayName="MenuAnchor";var tZ="MenuPortal",[tK,tG]=tO(tZ,{forceMount:void 0}),tX=e=>{let{__scopeMenu:t,forceMount:r,children:a,container:n}=e,o=tW(tZ,t);return(0,S.jsx)(tK,{scope:t,forceMount:r,children:(0,S.jsx)(Q.Presence,{present:r||o.open,children:(0,S.jsx)(J.Portal,{asChild:!0,container:n,children:a})})})};tX.displayName=tZ;var tJ="MenuContent",[tQ,t0]=tO(tJ),t1=d.forwardRef((e,t)=>{let r=tG(tJ,e.__scopeMenu),{forceMount:a=r.forceMount,...n}=e,o=tW(tJ,e.__scopeMenu),s=tV(tJ,e.__scopeMenu);return(0,S.jsx)(t_.Provider,{scope:e.__scopeMenu,children:(0,S.jsx)(Q.Presence,{present:a||o.open,children:(0,S.jsx)(t_.Slot,{scope:e.__scopeMenu,children:s.modal?(0,S.jsx)(t2,{...n,ref:t}):(0,S.jsx)(t5,{...n,ref:t})})})})}),t2=d.forwardRef((e,t)=>{let r=tW(tJ,e.__scopeMenu),a=d.useRef(null),n=(0,I.useComposedRefs)(t,a);return d.useEffect(()=>{let e=a.current;if(e)return el(e)},[]),(0,S.jsx)(t6,{...e,ref:n,trapFocus:r.open,disableOutsidePointerEvents:r.open,disableOutsideScroll:!0,onFocusOutside:(0,L.composeEventHandlers)(e.onFocusOutside,e=>e.preventDefault(),{checkForDefaultPrevented:!1}),onDismiss:()=>r.onOpenChange(!1)})}),t5=d.forwardRef((e,t)=>{let r=tW(tJ,e.__scopeMenu);return(0,S.jsx)(t6,{...e,ref:t,trapFocus:!1,disableOutsidePointerEvents:!1,disableOutsideScroll:!1,onDismiss:()=>r.onOpenChange(!1)})}),t4=(0,ee.createSlot)("MenuContent.ScrollLock"),t6=d.forwardRef((e,t)=>{let{__scopeMenu:r,loop:a=!1,trapFocus:n,onOpenAutoFocus:o,onCloseAutoFocus:s,disableOutsidePointerEvents:i,onEntryFocus:l,onEscapeKeyDown:c,onPointerDownOutside:u,onFocusOutside:f,onInteractOutside:p,onDismiss:h,disableOutsideScroll:m,...g}=e,b=tW(tJ,r),v=tV(tJ,r),x=t$(r),y=tz(r),w=tB(r),[j,C]=d.useState(null),k=d.useRef(null),M=(0,I.useComposedRefs)(t,k,b.onContentChange),R=d.useRef(0),E=d.useRef(""),N=d.useRef(0),T=d.useRef(null),P=d.useRef("right"),A=d.useRef(0),B=m?eq:d.Fragment;d.useEffect(()=>()=>window.clearTimeout(R.current),[]),D();let O=d.useCallback(e=>{var t,r;return P.current===T.current?.side&&(t=e,!!(r=T.current?.area)&&function(e,t){let{x:r,y:a}=e,n=!1;for(let e=0,o=t.length-1;e<t.length;o=e++){let s=t[e],i=t[o],l=s.x,c=s.y,d=i.x,u=i.y;c>a!=u>a&&r<(d-l)*(a-c)/(u-c)+l&&(n=!n)}return n}({x:t.clientX,y:t.clientY},r))},[]);return(0,S.jsx)(tQ,{scope:r,searchRef:E,onItemEnter:d.useCallback(e=>{O(e)&&e.preventDefault()},[O]),onItemLeave:d.useCallback(e=>{O(e)||(k.current?.focus(),C(null))},[O]),onTriggerLeave:d.useCallback(e=>{O(e)&&e.preventDefault()},[O]),pointerGraceTimerRef:N,onPointerGraceIntentChange:d.useCallback(e=>{T.current=e},[]),children:(0,S.jsx)(B,{...m?{as:t4,allowPinchZoom:!0}:void 0,children:(0,S.jsx)(U,{asChild:!0,trapped:n,onMountAutoFocus:(0,L.composeEventHandlers)(o,e=>{e.preventDefault(),k.current?.focus({preventScroll:!0})}),onUnmountAutoFocus:s,children:(0,S.jsx)(_.DismissableLayer,{asChild:!0,disableOutsidePointerEvents:i,onEscapeKeyDown:c,onPointerDownOutside:u,onFocusOutside:f,onInteractOutside:p,onDismiss:h,children:(0,S.jsx)(tC,{asChild:!0,...y,dir:v.dir,orientation:"vertical",loop:a,currentTabStopId:j,onCurrentTabStopIdChange:C,onEntryFocus:(0,L.composeEventHandlers)(l,e=>{v.isUsingKeyboardRef.current||e.preventDefault()}),preventScrollOnEntryFocus:!0,children:(0,S.jsx)(X.Content,{role:"menu","aria-orientation":"vertical","data-state":rw(b.open),"data-radix-menu-content":"",dir:v.dir,...x,...g,ref:M,style:{outline:"none",...g.style},onKeyDown:(0,L.composeEventHandlers)(g.onKeyDown,e=>{let t=e.target.closest("[data-radix-menu-content]")===e.currentTarget,r=e.ctrlKey||e.altKey||e.metaKey,a=1===e.key.length;if(t){var n;let t,o,s,i,l,c;"Tab"===e.key&&e.preventDefault(),!r&&a&&(n=e.key,t=E.current+n,o=w().filter(e=>!e.disabled),s=document.activeElement,i=o.find(e=>e.ref.current===s)?.textValue,l=function(e,t,r){var a;let n=t.length>1&&Array.from(t).every(e=>e===t[0])?t[0]:t,o=r?e.indexOf(r):-1,s=(a=Math.max(o,0),e.map((t,r)=>e[(a+r)%e.length]));1===n.length&&(s=s.filter(e=>e!==r));let i=s.find(e=>e.toLowerCase().startsWith(n.toLowerCase()));return i!==r?i:void 0}(o.map(e=>e.textValue),t,i),c=o.find(e=>e.textValue===l)?.ref.current,function e(t){E.current=t,window.clearTimeout(R.current),""!==t&&(R.current=window.setTimeout(()=>e(""),1e3))}(t),c&&setTimeout(()=>c.focus()))}let o=k.current;if(e.target!==o||!tP.includes(e.key))return;e.preventDefault();let s=w().filter(e=>!e.disabled).map(e=>e.ref.current);tT.includes(e.key)&&s.reverse(),function(e){let t=document.activeElement;for(let r of e)if(r===t||(r.focus(),document.activeElement!==t))return}(s)}),onBlur:(0,L.composeEventHandlers)(e.onBlur,e=>{e.currentTarget.contains(e.target)||(window.clearTimeout(R.current),E.current="")}),onPointerMove:(0,L.composeEventHandlers)(e.onPointerMove,rk(e=>{let t=e.target,r=A.current!==e.clientX;e.currentTarget.contains(t)&&r&&(P.current=e.clientX>A.current?"right":"left",A.current=e.clientX)}))})})})})})})});t1.displayName=tJ;var t3=d.forwardRef((e,t)=>{let{__scopeMenu:r,...a}=e;return(0,S.jsx)(H.Primitive.div,{role:"group",...a,ref:t})});t3.displayName="MenuGroup";var t8=d.forwardRef((e,t)=>{let{__scopeMenu:r,...a}=e;return(0,S.jsx)(H.Primitive.div,{...a,ref:t})});t8.displayName="MenuLabel";var t9="MenuItem",t7="menu.itemSelect",re=d.forwardRef((e,t)=>{let{disabled:r=!1,onSelect:a,...n}=e,o=d.useRef(null),s=tV(t9,e.__scopeMenu),i=t0(t9,e.__scopeMenu),l=(0,I.useComposedRefs)(t,o),c=d.useRef(!1);return(0,S.jsx)(rt,{...n,ref:l,disabled:r,onClick:(0,L.composeEventHandlers)(e.onClick,()=>{let e=o.current;if(!r&&e){let t=new CustomEvent(t7,{bubbles:!0,cancelable:!0});e.addEventListener(t7,e=>a?.(e),{once:!0}),(0,H.dispatchDiscreteCustomEvent)(e,t),t.defaultPrevented?c.current=!1:s.onClose()}}),onPointerDown:t=>{e.onPointerDown?.(t),c.current=!0},onPointerUp:(0,L.composeEventHandlers)(e.onPointerUp,e=>{c.current||e.currentTarget?.click()}),onKeyDown:(0,L.composeEventHandlers)(e.onKeyDown,e=>{let t=""!==i.searchRef.current;r||t&&" "===e.key||tN.includes(e.key)&&(e.currentTarget.click(),e.preventDefault())})})});re.displayName=t9;var rt=d.forwardRef((e,t)=>{let{__scopeMenu:r,disabled:a=!1,textValue:n,...o}=e,s=t0(t9,r),i=tz(r),l=d.useRef(null),c=(0,I.useComposedRefs)(t,l),[u,f]=d.useState(!1),[p,h]=d.useState("");return d.useEffect(()=>{let e=l.current;e&&h((e.textContent??"").trim())},[o.children]),(0,S.jsx)(t_.ItemSlot,{scope:r,disabled:a,textValue:n??p,children:(0,S.jsx)(tR,{asChild:!0,...i,focusable:!a,children:(0,S.jsx)(H.Primitive.div,{role:"menuitem","data-highlighted":u?"":void 0,"aria-disabled":a||void 0,"data-disabled":a?"":void 0,...o,ref:c,onPointerMove:(0,L.composeEventHandlers)(e.onPointerMove,rk(e=>{a?s.onItemLeave(e):(s.onItemEnter(e),e.defaultPrevented||e.currentTarget.focus({preventScroll:!0}))})),onPointerLeave:(0,L.composeEventHandlers)(e.onPointerLeave,rk(e=>s.onItemLeave(e))),onFocus:(0,L.composeEventHandlers)(e.onFocus,()=>f(!0)),onBlur:(0,L.composeEventHandlers)(e.onBlur,()=>f(!1))})})})}),rr=d.forwardRef((e,t)=>{let{checked:r=!1,onCheckedChange:a,...n}=e;return(0,S.jsx)(rd,{scope:e.__scopeMenu,checked:r,children:(0,S.jsx)(re,{role:"menuitemcheckbox","aria-checked":rj(r)?"mixed":r,...n,ref:t,"data-state":rC(r),onSelect:(0,L.composeEventHandlers)(n.onSelect,()=>a?.(!!rj(r)||!r),{checkForDefaultPrevented:!1})})})});rr.displayName="MenuCheckboxItem";var ra="MenuRadioGroup",[rn,ro]=tO(ra,{value:void 0,onValueChange:()=>{}}),rs=d.forwardRef((e,t)=>{let{value:r,onValueChange:a,...n}=e,o=(0,$.useCallbackRef)(a);return(0,S.jsx)(rn,{scope:e.__scopeMenu,value:r,onValueChange:o,children:(0,S.jsx)(t3,{...n,ref:t})})});rs.displayName=ra;var ri="MenuRadioItem",rl=d.forwardRef((e,t)=>{let{value:r,...a}=e,n=ro(ri,e.__scopeMenu),o=r===n.value;return(0,S.jsx)(rd,{scope:e.__scopeMenu,checked:o,children:(0,S.jsx)(re,{role:"menuitemradio","aria-checked":o,...a,ref:t,"data-state":rC(o),onSelect:(0,L.composeEventHandlers)(a.onSelect,()=>n.onValueChange?.(r),{checkForDefaultPrevented:!1})})})});rl.displayName=ri;var rc="MenuItemIndicator",[rd,ru]=tO(rc,{checked:!1}),rf=d.forwardRef((e,t)=>{let{__scopeMenu:r,forceMount:a,...n}=e,o=ru(rc,r);return(0,S.jsx)(Q.Presence,{present:a||rj(o.checked)||!0===o.checked,children:(0,S.jsx)(H.Primitive.span,{...n,ref:t,"data-state":rC(o.checked)})})});rf.displayName=rc;var rp=d.forwardRef((e,t)=>{let{__scopeMenu:r,...a}=e;return(0,S.jsx)(H.Primitive.div,{role:"separator","aria-orientation":"horizontal",...a,ref:t})});rp.displayName="MenuSeparator";var rh=d.forwardRef((e,t)=>{let{__scopeMenu:r,...a}=e,n=t$(r);return(0,S.jsx)(X.Arrow,{...n,...a,ref:t})});rh.displayName="MenuArrow";var[rm,rg]=tO("MenuSub"),rb="MenuSubTrigger",rv=d.forwardRef((e,t)=>{let r=tW(rb,e.__scopeMenu),a=tV(rb,e.__scopeMenu),n=rg(rb,e.__scopeMenu),o=t0(rb,e.__scopeMenu),s=d.useRef(null),{pointerGraceTimerRef:i,onPointerGraceIntentChange:l}=o,c={__scopeMenu:e.__scopeMenu},u=d.useCallback(()=>{s.current&&window.clearTimeout(s.current),s.current=null},[]);return d.useEffect(()=>u,[u]),d.useEffect(()=>{let e=i.current;return()=>{window.clearTimeout(e),l(null)}},[i,l]),(0,S.jsx)(tq,{asChild:!0,...c,children:(0,S.jsx)(rt,{id:n.triggerId,"aria-haspopup":"menu","aria-expanded":r.open,"aria-controls":n.contentId,"data-state":rw(r.open),...e,ref:(0,I.composeRefs)(t,n.onTriggerChange),onClick:t=>{e.onClick?.(t),e.disabled||t.defaultPrevented||(t.currentTarget.focus(),r.open||r.onOpenChange(!0))},onPointerMove:(0,L.composeEventHandlers)(e.onPointerMove,rk(t=>{o.onItemEnter(t),!t.defaultPrevented&&(e.disabled||r.open||s.current||(o.onPointerGraceIntentChange(null),s.current=window.setTimeout(()=>{r.onOpenChange(!0),u()},100)))})),onPointerLeave:(0,L.composeEventHandlers)(e.onPointerLeave,rk(e=>{u();let t=r.content?.getBoundingClientRect();if(t){let a=r.content?.dataset.side,n="right"===a,s=t[n?"left":"right"],l=t[n?"right":"left"];o.onPointerGraceIntentChange({area:[{x:e.clientX+(n?-5:5),y:e.clientY},{x:s,y:t.top},{x:l,y:t.top},{x:l,y:t.bottom},{x:s,y:t.bottom}],side:a}),window.clearTimeout(i.current),i.current=window.setTimeout(()=>o.onPointerGraceIntentChange(null),300)}else{if(o.onTriggerLeave(e),e.defaultPrevented)return;o.onPointerGraceIntentChange(null)}})),onKeyDown:(0,L.composeEventHandlers)(e.onKeyDown,t=>{let n=""!==o.searchRef.current;e.disabled||n&&" "===t.key||tL[a.dir].includes(t.key)&&(r.onOpenChange(!0),r.content?.focus(),t.preventDefault())})})})});rv.displayName=rb;var rx="MenuSubContent",ry=d.forwardRef((e,t)=>{let r=tG(tJ,e.__scopeMenu),{forceMount:a=r.forceMount,...n}=e,o=tW(tJ,e.__scopeMenu),s=tV(tJ,e.__scopeMenu),i=rg(rx,e.__scopeMenu),l=d.useRef(null),c=(0,I.useComposedRefs)(t,l);return(0,S.jsx)(t_.Provider,{scope:e.__scopeMenu,children:(0,S.jsx)(Q.Presence,{present:a||o.open,children:(0,S.jsx)(t_.Slot,{scope:e.__scopeMenu,children:(0,S.jsx)(t6,{id:i.contentId,"aria-labelledby":i.triggerId,...n,ref:c,align:"start",side:"rtl"===s.dir?"left":"right",disableOutsidePointerEvents:!1,disableOutsideScroll:!1,trapFocus:!1,onOpenAutoFocus:e=>{s.isUsingKeyboardRef.current&&l.current?.focus(),e.preventDefault()},onCloseAutoFocus:e=>e.preventDefault(),onFocusOutside:(0,L.composeEventHandlers)(e.onFocusOutside,e=>{e.target!==i.trigger&&o.onOpenChange(!1)}),onEscapeKeyDown:(0,L.composeEventHandlers)(e.onEscapeKeyDown,e=>{s.onClose(),e.preventDefault()}),onKeyDown:(0,L.composeEventHandlers)(e.onKeyDown,e=>{let t=e.currentTarget.contains(e.target),r=tI[s.dir].includes(e.key);t&&r&&(o.onOpenChange(!1),i.trigger?.focus(),e.preventDefault())})})})})})});function rw(e){return e?"open":"closed"}function rj(e){return"indeterminate"===e}function rC(e){return rj(e)?"indeterminate":e?"checked":"unchecked"}function rk(e){return t=>"mouse"===t.pointerType?e(t):void 0}ry.displayName=rx;var rM="DropdownMenu",[rR,rE]=(0,A.createContextScope)(rM,[tH]),rS=tH(),[rN,rT]=rR(rM),rP=e=>{let{__scopeDropdownMenu:t,children:r,dir:a,open:n,defaultOpen:o,onOpenChange:s,modal:i=!0}=e,l=rS(t),c=d.useRef(null),[u,f]=(0,et.useControllableState)({prop:n,defaultProp:o??!1,onChange:s,caller:rM});return(0,S.jsx)(rN,{scope:t,triggerId:(0,G.useId)(),triggerRef:c,contentId:(0,G.useId)(),open:u,onOpenChange:f,onOpenToggle:d.useCallback(()=>f(e=>!e),[f]),modal:i,children:(0,S.jsx)(tY,{...l,open:u,onOpenChange:f,dir:a,modal:i,children:r})})};rP.displayName=rM;var rL="DropdownMenuTrigger",rI=d.forwardRef((e,t)=>{let{__scopeDropdownMenu:r,disabled:a=!1,...n}=e,o=rT(rL,r),s=rS(r);return(0,S.jsx)(tq,{asChild:!0,...s,children:(0,S.jsx)(H.Primitive.button,{type:"button",id:o.triggerId,"aria-haspopup":"menu","aria-expanded":o.open,"aria-controls":o.open?o.contentId:void 0,"data-state":o.open?"open":"closed","data-disabled":a?"":void 0,disabled:a,...n,ref:(0,I.composeRefs)(t,o.triggerRef),onPointerDown:(0,L.composeEventHandlers)(e.onPointerDown,e=>{!a&&0===e.button&&!1===e.ctrlKey&&(o.onOpenToggle(),o.open||e.preventDefault())}),onKeyDown:(0,L.composeEventHandlers)(e.onKeyDown,e=>{!a&&(["Enter"," "].includes(e.key)&&o.onOpenToggle(),"ArrowDown"===e.key&&o.onOpenChange(!0),["Enter"," ","ArrowDown"].includes(e.key)&&e.preventDefault())})})})});rI.displayName=rL;var rA=e=>{let{__scopeDropdownMenu:t,...r}=e,a=rS(t);return(0,S.jsx)(tX,{...a,...r})};rA.displayName="DropdownMenuPortal";var r_="DropdownMenuContent",rB=d.forwardRef((e,t)=>{let{__scopeDropdownMenu:r,...a}=e,n=rT(r_,r),o=rS(r),s=d.useRef(!1);return(0,S.jsx)(t1,{id:n.contentId,"aria-labelledby":n.triggerId,...o,...a,ref:t,onCloseAutoFocus:(0,L.composeEventHandlers)(e.onCloseAutoFocus,e=>{s.current||n.triggerRef.current?.focus(),s.current=!1,e.preventDefault()}),onInteractOutside:(0,L.composeEventHandlers)(e.onInteractOutside,e=>{let t=e.detail.originalEvent,r=0===t.button&&!0===t.ctrlKey,a=2===t.button||r;(!n.modal||a)&&(s.current=!0)}),style:{...e.style,"--radix-dropdown-menu-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-dropdown-menu-content-available-width":"var(--radix-popper-available-width)","--radix-dropdown-menu-content-available-height":"var(--radix-popper-available-height)","--radix-dropdown-menu-trigger-width":"var(--radix-popper-anchor-width)","--radix-dropdown-menu-trigger-height":"var(--radix-popper-anchor-height)"}})});rB.displayName=r_,d.forwardRef((e,t)=>{let{__scopeDropdownMenu:r,...a}=e,n=rS(r);return(0,S.jsx)(t3,{...n,...a,ref:t})}).displayName="DropdownMenuGroup",d.forwardRef((e,t)=>{let{__scopeDropdownMenu:r,...a}=e,n=rS(r);return(0,S.jsx)(t8,{...n,...a,ref:t})}).displayName="DropdownMenuLabel";var rD=d.forwardRef((e,t)=>{let{__scopeDropdownMenu:r,...a}=e,n=rS(r);return(0,S.jsx)(re,{...n,...a,ref:t})});rD.displayName="DropdownMenuItem",d.forwardRef((e,t)=>{let{__scopeDropdownMenu:r,...a}=e,n=rS(r);return(0,S.jsx)(rr,{...n,...a,ref:t})}).displayName="DropdownMenuCheckboxItem",d.forwardRef((e,t)=>{let{__scopeDropdownMenu:r,...a}=e,n=rS(r);return(0,S.jsx)(rs,{...n,...a,ref:t})}).displayName="DropdownMenuRadioGroup",d.forwardRef((e,t)=>{let{__scopeDropdownMenu:r,...a}=e,n=rS(r);return(0,S.jsx)(rl,{...n,...a,ref:t})}).displayName="DropdownMenuRadioItem",d.forwardRef((e,t)=>{let{__scopeDropdownMenu:r,...a}=e,n=rS(r);return(0,S.jsx)(rf,{...n,...a,ref:t})}).displayName="DropdownMenuItemIndicator",d.forwardRef((e,t)=>{let{__scopeDropdownMenu:r,...a}=e,n=rS(r);return(0,S.jsx)(rp,{...n,...a,ref:t})}).displayName="DropdownMenuSeparator",d.forwardRef((e,t)=>{let{__scopeDropdownMenu:r,...a}=e,n=rS(r);return(0,S.jsx)(rh,{...n,...a,ref:t})}).displayName="DropdownMenuArrow",d.forwardRef((e,t)=>{let{__scopeDropdownMenu:r,...a}=e,n=rS(r);return(0,S.jsx)(rv,{...n,...a,ref:t})}).displayName="DropdownMenuSubTrigger",d.forwardRef((e,t)=>{let{__scopeDropdownMenu:r,...a}=e,n=rS(r);return(0,S.jsx)(ry,{...n,...a,ref:t,style:{...e.style,"--radix-dropdown-menu-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-dropdown-menu-content-available-width":"var(--radix-popper-available-width)","--radix-dropdown-menu-content-available-height":"var(--radix-popper-available-height)","--radix-dropdown-menu-trigger-width":"var(--radix-popper-anchor-width)","--radix-dropdown-menu-trigger-height":"var(--radix-popper-anchor-height)"}})}).displayName="DropdownMenuSubContent";var rO="Tabs",[rH,r$]=(0,A.createContextScope)(rO,[ty]),rz=ty(),[rF,rW]=rH(rO),rU=d.forwardRef((e,t)=>{let{__scopeTabs:r,value:a,onValueChange:n,defaultValue:o,orientation:s="horizontal",dir:i,activationMode:l="automatic",...c}=e,d=tf(i),[u,f]=(0,et.useControllableState)({prop:a,onChange:n,defaultProp:o??"",caller:rO});return(0,S.jsx)(rF,{scope:r,baseId:(0,G.useId)(),value:u,onValueChange:f,orientation:s,dir:d,activationMode:l,children:(0,S.jsx)(H.Primitive.div,{dir:d,"data-orientation":s,...c,ref:t})})});rU.displayName=rO;var rV="TabsList",rY=d.forwardRef((e,t)=>{let{__scopeTabs:r,loop:a=!0,...n}=e,o=rW(rV,r),s=rz(r);return(0,S.jsx)(tC,{asChild:!0,...s,orientation:o.orientation,dir:o.dir,loop:a,children:(0,S.jsx)(H.Primitive.div,{role:"tablist","aria-orientation":o.orientation,...n,ref:t})})});rY.displayName=rV;var rq="TabsTrigger",rZ=d.forwardRef((e,t)=>{let{__scopeTabs:r,value:a,disabled:n=!1,...o}=e,s=rW(rq,r),i=rz(r),l=rX(s.baseId,a),c=rJ(s.baseId,a),d=a===s.value;return(0,S.jsx)(tR,{asChild:!0,...i,focusable:!n,active:d,children:(0,S.jsx)(H.Primitive.button,{type:"button",role:"tab","aria-selected":d,"aria-controls":c,"data-state":d?"active":"inactive","data-disabled":n?"":void 0,disabled:n,id:l,...o,ref:t,onMouseDown:(0,L.composeEventHandlers)(e.onMouseDown,e=>{n||0!==e.button||!1!==e.ctrlKey?e.preventDefault():s.onValueChange(a)}),onKeyDown:(0,L.composeEventHandlers)(e.onKeyDown,e=>{[" ","Enter"].includes(e.key)&&s.onValueChange(a)}),onFocus:(0,L.composeEventHandlers)(e.onFocus,()=>{let e="manual"!==s.activationMode;d||n||!e||s.onValueChange(a)})})})});rZ.displayName=rq;var rK="TabsContent",rG=d.forwardRef((e,t)=>{let{__scopeTabs:r,value:a,forceMount:n,children:o,...s}=e,i=rW(rK,r),l=rX(i.baseId,a),c=rJ(i.baseId,a),u=a===i.value,f=d.useRef(u);return d.useEffect(()=>{let e=requestAnimationFrame(()=>f.current=!1);return()=>cancelAnimationFrame(e)},[]),(0,S.jsx)(Q.Presence,{present:n||u,children:({present:r})=>(0,S.jsx)(H.Primitive.div,{"data-state":u?"active":"inactive","data-orientation":i.orientation,role:"tabpanel","aria-labelledby":l,hidden:!r,id:c,tabIndex:0,...s,ref:t,style:{...e.style,animationDuration:f.current?"0s":void 0},children:r&&o})})});function rX(e,t){return`${e}-trigger-${t}`}function rJ(e,t){return`${e}-content-${t}`}rG.displayName=rK;var rQ=e.i(66699),r0=e.i(83806);let r1={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 r2=e.i(74805),r5=e.i(72650),r4=e.i(45029),r6=e.i(82070),r3=e.i(64618);let r8=({children:e})=>(0,S.jsx)("code",{className:"m-0.5 inline-block rounded-md bg-white/10 p-1 font-mono leading-none text-slate-12",children:e});var r9=e.i(9334);let r7=d.forwardRef(({...e},t)=>(0,S.jsx)(N.IconBase,{ref:t,...e,children:(0,S.jsx)("path",{d:"M12 4C7.58173 4 4 7.58172 4 12C4 16.4182 7.58173 20 12 20C16.4183 20 20 16.4182 20 12C20 7.58172 16.4183 4 12 4ZM5.14754 12C5.14754 8.21549 8.21551 5.14754 12 5.14754C15.7845 5.14754 18.8525 8.21549 18.8525 12C18.8525 15.7844 15.7845 18.8525 12 18.8525C8.21551 18.8525 5.14754 15.7844 5.14754 12ZM12.906 8.37648C12.906 8.87682 12.5004 9.28243 12 9.28243C11.4997 9.28243 11.0941 8.87682 11.0941 8.37648C11.0941 7.87613 11.4997 7.47053 12 7.47053C12.5004 7.47053 12.906 7.87613 12.906 8.37648ZM10.1883 10.1884H10.7922H12.0002C12.3337 10.1884 12.6041 10.4588 12.6041 10.7924V15.0201H13.2081H13.8121V16.2281H13.2081H12.0002H10.7922H10.1883V15.0201H10.7922H11.3962V11.3963H10.7922H10.1883V10.1884Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})}));r7.displayName="IconInfo";let ae=d.forwardRef(({...e},t)=>(0,S.jsx)(N.IconBase,{ref:t,...e,children:(0,S.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M17.9354 12C17.9354 9.01537 15.5828 6.05264 11.9202 6.05264C8.96229 6.05264 7.50033 8.21724 6.87735 9.36841H8.72625C9.02024 9.36841 9.25858 9.60406 9.25858 9.89473C9.25858 10.1854 9.02024 10.421 8.72625 10.421H5.53232C5.23833 10.421 5 10.1854 5 9.89473V6.73684C5 6.44617 5.23833 6.21052 5.53232 6.21052C5.82631 6.21052 6.06465 6.44617 6.06465 6.73684V8.64548C6.81471 7.33819 8.54959 5 11.9202 5C16.2456 5 19 8.51094 19 12C19 15.4891 16.2456 19 11.9202 19C9.8507 19 8.12769 18.1904 6.9009 16.9562C6.24405 16.2954 5.73107 15.5148 5.38132 14.6744C5.26942 14.4057 5.39911 14.0981 5.67098 13.9875C5.94285 13.8768 6.25395 14.0051 6.36583 14.2738C6.66482 14.9921 7.10262 15.6574 7.66023 16.2183C8.69486 17.2593 10.1475 17.9474 11.9202 17.9474C15.5828 17.9474 17.9354 14.9846 17.9354 12Z",fill:"currentColor"})}));ae.displayName="IconReload";var at=e.i(12654);let ar=(0,at.createServerReference)("6035a3de631d3fccb7f6023846713ec43623bc4310",at.callServer,void 0,at.findSourceMapURL,"checkCompatibility");async function*aa(e){let t=e.getReader();try{for(;;){let{value:e,done:r}=await t.read();if(r)break;yield e}}finally{t.releaseLock()}}let an=e=>(0,S.jsxs)("svg",{width:"13",height:"12",viewBox:"0 0 13 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:[(0,S.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,S.jsx)("path",{d:"M6.0127 4.5V6.5",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}),(0,S.jsx)("path",{d:"M6.0127 8.5H6.01853",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"})]});an.displayName="IconCircleWarning";var ao=e.i(51049);let as=({line:e,type:t})=>{let r=new URLSearchParams((0,r0.useSearchParams)());r.set("view","source"),"html"===t?r.set("lang","html"):"react"===t&&r.set("lang","tsx");let a=`#L${e}`;return(0,S.jsxs)(ao.default,{href:{search:r.toString(),hash:a},scroll:!1,className:"appearance-none underline mx-2",children:["L",e.toString().padStart(2,"0")]})},ai=({children:e,className:t,...r})=>(0,S.jsx)("table",{...r,className:(0,r3.cn)("group relative w-full border-collapse text-left text-slate-10 text-sm",t),children:(0,S.jsx)("tbody",{children:e})});ai.Row=({children:e,className:t,...r})=>(0,S.jsx)("tr",{className:(0,r3.cn)("border-collapse align-bottom border-slate-6 border-b last:border-b-0",t),...r,children:e}),ai.Column=({children:e,className:t,...r})=>(0,S.jsx)("td",{className:(0,r3.cn)("py-1.5 align-bottom font-regular",t),...r,children:e});let al=({results:e})=>(0,S.jsx)(ai,{children:e?.map((e,t)=>{let r=Object.entries(e.statsPerEmailClient).filter(([,e])=>"error"===e.status),a=r.map(([e])=>r1[e]).join(", ");return(0,S.jsxs)(ai.Row,{children:[(0,S.jsx)(ai.Column,{children:(0,S.jsxs)("span",{className:"flex text-red-400 uppercase gap-2 items-center",children:[(0,S.jsx)(an,{}),e.entry.title.replace(/[_-]/g," ")]})}),(0,S.jsxs)(ai.Column,{children:[r.length>0?`Not supported in ${a}`:null,(0,S.jsx)("a",{href:e.entry.url,className:"underline ml-2 decoration-slate-9 decoration-1 hover:decoration-slate-11 transition-colors hover:text-slate-12",rel:"noreferrer",target:"_blank",children:"More ↗"})]}),(0,S.jsx)(ai.Column,{className:"font-mono text-slate-11 text-right",children:(0,S.jsx)(as,{line:e.location.start.line,column:e.location.start.column,type:"react"})})]},t)})}),ac=d.forwardRef(({...e},t)=>(0,S.jsx)(N.IconBase,{ref:t,...e,children:(0,S.jsx)("path",{d:"M7 17L17 7M17 7H8M17 7V16",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}));ac.displayName="IconArrowUpRight";let ad=({size:e=18,className:t})=>(0,S.jsx)("svg",{"aria-hidden":!0,width:e,height:e,viewBox:"0 0 466.73 532.09",xmlns:"http://www.w3.org/2000/svg",className:t,preserveAspectRatio:"xMidYMid",children:(0,S.jsx)("path",{fill:"currentColor",d:"M457.43,125.94L244.42,2.96c-6.84-3.95-15.28-3.95-22.12,0L9.3,125.94c-5.75,3.32-9.3,9.46-9.3,16.11v247.99c0,6.65,3.55,12.79,9.3,16.11l213.01,122.98c6.84,3.95,15.28,3.95,22.12,0l213.01-122.98c5.75-3.32,9.3-9.46,9.3-16.11v-247.99c0-6.65-3.55-12.79-9.3-16.11h-.01ZM444.05,151.99l-205.63,356.16c-1.39,2.4-5.06,1.42-5.06-1.36v-233.21c0-4.66-2.49-8.97-6.53-11.31L24.87,145.67c-2.4-1.39-1.42-5.06,1.36-5.06h411.26c5.84,0,9.49,6.33,6.57,11.39h-.01Z"})}),au=({size:e=18,className:t})=>(0,S.jsx)("svg",{"aria-hidden":!0,width:e,height:e,viewBox:"0 0 256 257",xmlns:"http://www.w3.org/2000/svg",className:t,preserveAspectRatio:"xMidYMid",children:(0,S.jsx)("path",{fill:"#D97757",d:"m50.228 170.321 50.357-28.257.843-2.463-.843-1.361h-2.462l-8.426-.518-28.775-.778-24.952-1.037-24.175-1.296-6.092-1.297L0 125.796l.583-3.759 5.12-3.434 7.324.648 16.202 1.101 24.304 1.685 17.629 1.037 26.118 2.722h4.148l.583-1.685-1.426-1.037-1.101-1.037-25.147-17.045-27.22-18.017-14.258-10.37-7.713-5.25-3.888-4.925-1.685-10.758 7-7.713 9.397.649 2.398.648 9.527 7.323 20.35 15.75L94.817 91.9l3.889 3.24 1.555-1.102.195-.777-1.75-2.917-14.453-26.118-15.425-26.572-6.87-11.018-1.814-6.61c-.648-2.723-1.102-4.991-1.102-7.778l7.972-10.823L71.42 0 82.05 1.426l4.472 3.888 6.61 15.101 10.694 23.786 16.591 32.34 4.861 9.592 2.592 8.879.973 2.722h1.685v-1.556l1.36-18.211 2.528-22.36 2.463-28.776.843-8.1 4.018-9.722 7.971-5.25 6.222 2.981 5.12 7.324-.713 4.73-3.046 19.768-5.962 30.98-3.889 20.739h2.268l2.593-2.593 10.499-13.934 17.628-22.036 7.778-8.749 9.073-9.657 5.833-4.601h11.018l8.1 12.055-3.628 12.443-11.342 14.388-9.398 12.184-13.48 18.147-8.426 14.518.778 1.166 2.01-.194 30.46-6.481 16.462-2.982 19.637-3.37 8.88 4.148.971 4.213-3.5 8.62-20.998 5.184-24.628 4.926-36.682 8.685-.454.324.519.648 16.526 1.555 7.065.389h17.304l32.21 2.398 8.426 5.574 5.055 6.805-.843 5.184-12.962 6.611-17.498-4.148-40.83-9.721-14-3.5h-1.944v1.167l11.666 11.406 21.387 19.314 26.767 24.887 1.36 6.157-3.434 4.86-3.63-.518-23.526-17.693-9.073-7.972-20.545-17.304h-1.36v1.814l4.73 6.935 25.017 37.59 1.296 11.536-1.814 3.76-6.481 2.268-7.13-1.297-14.647-20.544-15.1-23.138-12.185-20.739-1.49.843-7.194 77.448-3.37 3.953-7.778 2.981-6.48-4.925-3.436-7.972 3.435-15.749 4.148-20.544 3.37-16.333 3.046-20.285 1.815-6.74-.13-.454-1.49.194-15.295 20.999-23.267 31.433-18.406 19.702-4.407 1.75-7.648-3.954.713-7.064 4.277-6.286 25.47-32.405 15.36-20.092 9.917-11.6-.065-1.686h-.583L44.07 198.125l-12.055 1.555-5.185-4.86.648-7.972 2.463-2.593 20.35-13.999-.064.065Z"})}),af=({size:e=18,className:t})=>(0,S.jsx)("svg",{"aria-hidden":!0,width:e,height:e,viewBox:"0 0 256 260",xmlns:"http://www.w3.org/2000/svg",className:t,preserveAspectRatio:"xMidYMid",children:(0,S.jsx)("path",{d:"M239.184 106.203a64.716 64.716 0 0 0-5.576-53.103C219.452 28.459 191 15.784 163.213 21.74A65.586 65.586 0 0 0 52.096 45.22a64.716 64.716 0 0 0-43.23 31.36c-14.31 24.602-11.061 55.634 8.033 76.74a64.665 64.665 0 0 0 5.525 53.102c14.174 24.65 42.644 37.324 70.446 31.36a64.72 64.72 0 0 0 48.754 21.744c28.481.025 53.714-18.361 62.414-45.481a64.767 64.767 0 0 0 43.229-31.36c14.137-24.558 10.875-55.423-8.083-76.483Zm-97.56 136.338a48.397 48.397 0 0 1-31.105-11.255l1.535-.87 51.67-29.825a8.595 8.595 0 0 0 4.247-7.367v-72.85l21.845 12.636c.218.111.37.32.409.563v60.367c-.056 26.818-21.783 48.545-48.601 48.601Zm-104.466-44.61a48.345 48.345 0 0 1-5.781-32.589l1.534.921 51.722 29.826a8.339 8.339 0 0 0 8.441 0l63.181-36.425v25.221a.87.87 0 0 1-.358.665l-52.335 30.184c-23.257 13.398-52.97 5.431-66.404-17.803ZM23.549 85.38a48.499 48.499 0 0 1 25.58-21.333v61.39a8.288 8.288 0 0 0 4.195 7.316l62.874 36.272-21.845 12.636a.819.819 0 0 1-.767 0L41.353 151.53c-23.211-13.454-31.171-43.144-17.804-66.405v.256Zm179.466 41.695-63.08-36.63L161.73 77.86a.819.819 0 0 1 .768 0l52.233 30.184a48.6 48.6 0 0 1-7.316 87.635v-61.391a8.544 8.544 0 0 0-4.4-7.213Zm21.742-32.69-1.535-.922-51.619-30.081a8.39 8.39 0 0 0-8.492 0L99.98 99.808V74.587a.716.716 0 0 1 .307-.665l52.233-30.133a48.652 48.652 0 0 1 72.236 50.391v.205ZM88.061 139.097l-21.845-12.585a.87.87 0 0 1-.41-.614V65.685a48.652 48.652 0 0 1 79.757-37.346l-1.535.87-51.67 29.825a8.595 8.595 0 0 0-4.246 7.367l-.051 72.697Zm11.868-25.58 28.138-16.217 28.188 16.218v32.434l-28.086 16.218-28.188-16.218-.052-32.434Z",fill:"#0FA47F"})});function ap(e){let t=e.filter(e=>"success"!==e.result.status).map(e=>{if("link"===e.source){let t=e.result.checks.find(e=>!e.passed);if(!t)return null;let r="";return"security"===t.type?r="Insecure URL (HTTP instead of HTTPS)":"fetch_attempt"===t.type&&t.metadata.fetchStatusCode&&t.metadata.fetchStatusCode>=400?r=`Broken link (HTTP ${t.metadata.fetchStatusCode})`:"fetch_attempt"===t.type&&t.metadata.fetchStatusCode&&t.metadata.fetchStatusCode>=300?r=`Redirect detected (HTTP ${t.metadata.fetchStatusCode})`:"fetch_attempt"===t.type?r="Link could not be reached":"syntax"===t.type&&(r="Invalid link syntax"),`- [${t.type.replace(/[_-]/g," ").toUpperCase()}] ${r} → ${e.result.link} (line ${e.result.codeLocation.line})`}if("image"===e.source){let t=e.result.checks.find(e=>!e.passed);if(!t)return null;let r="";return"accessibility"===t.type?r="Missing alt text":"security"===t.type?r="Insecure image URL (HTTP instead of HTTPS)":"image_size"===t.type&&t.metadata.byteCount?r=`Image too large (${Math.round(t.metadata.byteCount/1024)}KB, keep under 1MB)`:"fetch_attempt"===t.type&&t.metadata.fetchStatusCode&&t.metadata.fetchStatusCode>=400?r=`Broken image (HTTP ${t.metadata.fetchStatusCode})`:"fetch_attempt"===t.type?r="Image could not be reached":"syntax"===t.type&&(r="Invalid image source"),`- [${t.type.replace(/[_-]/g," ").toUpperCase()}] ${r} → ${e.result.source} (line ${e.result.codeLocation.line})`}return null}).filter(Boolean);return 0===t.length?"":`I have a React Email template with the following linting issues found by the email preview tool. Please help me fix each one:
2
+
3
+ ${t.join("\n")}
4
+
5
+ For each issue:
6
+ 1. Explain what the problem is and why it matters for email deliverability
7
+ 2. Provide the corrected code
8
+ 3. If an image is missing alt text, suggest descriptive alt text based on the image URL/context
9
+ 4. If a link or image is broken, suggest how to verify and fix the URL
10
+ 5. If using HTTP instead of HTTPS, update to the secure version`}function ah(e){let t=e.filter(e=>"error"===e.status).map(e=>{let t=Object.entries(e.statsPerEmailClient).filter(([,e])=>"error"===e.status).map(([e])=>r1[e]||e);return`- "${e.entry.title.replace(/[_-]/g," ")}" is not supported in: ${t.join(", ")} (line ${e.location.start.line} in JSX)`});return 0===t.length?"":`I have a React Email template with CSS/HTML compatibility issues detected by Can I Email. These features don't work in certain email clients:
11
+
12
+ ${t.join("\n")}
13
+
14
+ For each compatibility issue:
15
+ 1. Explain which email clients are affected and how they'll render it
16
+ 2. Provide a fallback or alternative approach that works across all email clients
17
+ 3. Use only email-safe CSS properties and HTML elements
18
+ 4. If a CSS property has no good fallback, suggest a different visual approach that achieves the same result
19
+ 5. Prefer table-based layouts and inline styles for maximum compatibility`}function am(e){let t=e.checks.filter(e=>e.points>0).sort((e,t)=>t.points-e.points);if(0===t.length)return"";let r=t.map(e=>`- [${e.name.replace(/[_-]/g," ")}] (penalty: -${e.points.toFixed(1)}) ${e.description}`).join("\n");return`I have a React Email template that scored ${(10-e.points).toFixed(1)}/10 on SpamAssassin's spam check. Here are the spam indicators found:
20
+
21
+ ${r}
22
+
23
+ Current total penalty: ${e.points.toFixed(1)} points (lower is better, 5+ is flagged as spam)
24
+
25
+ For each spam indicator:
26
+ 1. Explain why this pattern triggers spam filters
27
+ 2. Suggest specific changes to the email content or structure to fix it
28
+ 3. Provide rewritten sections if the issue is with copy/wording
29
+ 4. If the issue is structural (e.g., HTML-to-text ratio, missing headers), explain the fix
30
+ 5. Prioritize fixes by impact — tackle highest-penalty items first`}let ag=({lintingRows:e,compatibilityResults:t,spamResult:r,reactMarkup:a,isRawHtmlEmail:n,activeTab:o})=>{let s=d.useMemo(()=>(function(e,t,r,a,n,o){let s="";if("linter"===e&&t)s=ap(t);else if("compatibility"===e&&r)s=ah(r);else if("spam-assassin"===e&&a)s=am(a);else{let e=[];if(t){let r=ap(t);r&&e.push(r)}if(r){let t=ah(r);t&&e.push(t)}if(a){let t=am(a);t&&e.push(t)}s=e.join("\n\n---\n\n")}let i=o?"html":"tsx";return s?`${s}
31
+
32
+ Here is the source code of my email template:
33
+
34
+ \`\`\`${i}
35
+ ${n}
36
+ \`\`\``:`Here is the source code of my ${o?"HTML email":"React Email"} template:
37
+
38
+ \`\`\`${i}
39
+ ${n}
40
+ \`\`\`
41
+
42
+ Help me review and improve this email template.`})(o,e,t,r,a,n),[o,e,t,r,a,n]),i=function(e){switch(e){case"linter":return"Fix linting issues";case"compatibility":return"Fix compatibility issues";case"spam-assassin":return"Fix spam issues";default:return"Ask about this email"}}(o),l=d.useCallback(()=>{navigator.clipboard.writeText(s).then(()=>{j.success("Prompt copied to clipboard")})},[s]),c=`https://claude.ai/new?q=${encodeURIComponent(s)}`,u=`https://chatgpt.com/?q=${encodeURIComponent(s)}`,f=u.length>7500,p=f?"https://chatgpt.com/":u,h=`cursor://prompt?text=${encodeURIComponent(s)}`;return(0,S.jsxs)(rP,{children:[(0,S.jsx)(rI,{asChild:!0,children:(0,S.jsx)("button",{type:"button",className:(0,r3.cn)("flex shrink-0 items-center gap-1 h-7 whitespace-nowrap px-2.5 rounded-md text-xs font-medium self-center","text-slate-11","hover:text-slate-12 transition-colors","outline-none"),children:"Copy for AI"})}),(0,S.jsx)(rA,{children:(0,S.jsxs)(rB,{className:"max-h-[var(--radix-dropdown-menu-content-available-height)] w-80 max-w-[calc(100vw-1rem)] overflow-y-auto rounded-xl p-1.5 shadow-2xl z-50 border border-white/10",style:{backgroundColor:"#0c0c0c"},sideOffset:8,collisionPadding:8,align:"end",side:"top",children:[(0,S.jsxs)(rD,{onSelect:e=>{e.preventDefault(),l()},className:"flex items-center gap-2.5 p-2 rounded-lg cursor-pointer outline-none transition-colors hover:bg-white/5",children:[(0,S.jsx)("span",{className:"flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-white/10",style:{backgroundColor:"#161616"},children:(0,S.jsx)(P,{size:16,className:"text-slate-11"})}),(0,S.jsxs)("div",{className:"flex min-w-0 flex-1 flex-col",children:[(0,S.jsx)("span",{className:"text-sm font-medium text-white",children:"Copy prompt"}),(0,S.jsx)("span",{className:"text-xs text-white/40",children:"Copy as Markdown for LLMs"})]}),(0,S.jsx)("div",{className:"h-4 w-4 shrink-0"})]}),(0,S.jsx)(rD,{asChild:!0,children:(0,S.jsxs)("a",{href:h,target:"_blank",rel:"noreferrer noopener",className:"flex items-center gap-2.5 p-2 rounded-lg cursor-pointer outline-none transition-colors hover:bg-white/5",children:[(0,S.jsx)("span",{className:"flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-white/10",style:{backgroundColor:"#161616"},children:(0,S.jsx)(ad,{size:18})}),(0,S.jsxs)("div",{className:"flex min-w-0 flex-1 flex-col",children:[(0,S.jsx)("span",{className:"text-sm font-medium text-white",children:"Open in Cursor"}),(0,S.jsx)("span",{className:"text-xs text-white/40",children:i})]}),(0,S.jsx)(ac,{size:16,className:"shrink-0 text-white/30"})]})}),(0,S.jsx)(rD,{asChild:!0,children:(0,S.jsxs)("a",{href:c,target:"_blank",rel:"noreferrer noopener",className:"flex items-center gap-2.5 p-2 rounded-lg cursor-pointer outline-none transition-colors hover:bg-white/5",children:[(0,S.jsx)("span",{className:"flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-white/10",style:{backgroundColor:"#161616"},children:(0,S.jsx)(au,{size:18})}),(0,S.jsxs)("div",{className:"flex min-w-0 flex-1 flex-col",children:[(0,S.jsx)("span",{className:"text-sm font-medium text-white",children:"Open in Claude"}),(0,S.jsx)("span",{className:"text-xs text-white/40",children:i})]}),(0,S.jsx)(ac,{size:16,className:"shrink-0 text-white/30"})]})}),(0,S.jsx)(rD,{asChild:!0,children:(0,S.jsxs)("a",{href:p,target:"_blank",rel:"noreferrer noopener",onClick:()=>{f&&navigator.clipboard.writeText(s)},className:"flex items-center gap-2.5 p-2 rounded-lg cursor-pointer outline-none transition-colors hover:bg-white/5",children:[(0,S.jsx)("span",{className:"flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-white/10",style:{backgroundColor:"#161616"},children:(0,S.jsx)(af,{size:18})}),(0,S.jsxs)("div",{className:"flex min-w-0 flex-1 flex-col",children:[(0,S.jsx)("span",{className:"text-sm font-medium text-white",children:"Open in ChatGPT"}),(0,S.jsx)("span",{className:"text-xs text-white/40",children:f?"Long prompt: copied to clipboard. Paste with Ctrl+V / Cmd+V":i})]}),(0,S.jsx)(ac,{size:16,className:"shrink-0 text-white/30"})]})})]})})]})},ab=["B","kB","MB","GB","TB","PB","EB","ZB","YB"],av=["B","KiB","MiB","GiB","TiB","PiB","EiB","ZiB","YiB"],ax=["b","kbit","Mbit","Gbit","Tbit","Pbit","Ebit","Zbit","Ybit"],ay=["b","kibit","Mibit","Gibit","Tibit","Pibit","Eibit","Zibit","Yibit"],aw=(e,t,r)=>{let a=e;return"string"==typeof t||Array.isArray(t)?a=e.toLocaleString(t,r):(!0===t||void 0!==r)&&(a=e.toLocaleString(void 0,r)),a},aj=(0,at.createServerReference)("609c454211ed15753b288adcc2c720d76b41dfd923",at.callServer,void 0,at.findSourceMapURL,"checkImages"),aC=(0,at.createServerReference)("40cddb6c4857038495943a4cbb41f8c050b5edec18",at.callServer,void 0,at.findSourceMapURL,"checkLinks");async function*ak(e){for await(let t of e)for await(let e of aa(await t.getStream())){let r=t.mapValue(e);r&&(yield r)}}let aM=({rows:e})=>void 0===e?null:(0,S.jsx)(ai,{children:e.map((e,t)=>{if("link"===e.source){let r=e.result.checks.find(e=>!1===e.passed),a=[];for(let t of e.result.checks)"fetch_attempt"===t.type&&t.metadata.fetchStatusCode&&a.push((0,S.jsxs)(S.Fragment,{children:["HTTP ",t.metadata.fetchStatusCode]}));return a.push((0,S.jsx)(as,{line:e.result.codeLocation.line,column:e.result.codeLocation.column,type:"html"})),(0,S.jsxs)(aR,{status:e.result.status,children:[(0,S.jsx)(aR.Name,{children:r.type.replace(/[_-]/g," ")}),(0,S.jsxs)(aR.Description,{children:["security"===r.type?"Insecure URL, use HTTPS instead 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,"fetch_attempt"===r.type&&void 0===r.metadata.fetchStatusCode?"The link could not be reached":null,"syntax"===r.type?"The link is broken due to invalid syntax":null,(0,S.jsx)("span",{className:"ml-2 text-ellipsis overflow-hidden text-nowrap max-w-[30ch]",children:e.result.link})]}),(0,S.jsx)(aR.Metadata,{children:a})]},t)}if("image"===e.source){let r=e.result.checks.find(e=>!1===e.passed),a=[];for(let t of e.result.checks)"image_size"===t.type&&t.metadata.byteCount&&a.push(function(e,t){let r;if(!Number.isFinite(e))throw TypeError(`Expected a finite number, got ${typeof e}: ${e}`);let a=(t={bits:!1,binary:!1,space:!0,...t}).bits?t.binary?ay:ax:t.binary?av:ab,n=t.space?" ":"";if(t.signed&&0===e)return` 0${n}${a[0]}`;let o=e<0,s=o?"-":t.signed?"+":"";if(o&&(e=-e),void 0!==t.minimumFractionDigits&&(r={minimumFractionDigits:t.minimumFractionDigits}),void 0!==t.maximumFractionDigits&&(r={maximumFractionDigits:t.maximumFractionDigits,...r}),e<1)return s+aw(e,t.locale,r)+n+a[0];let i=Math.min(Math.floor(t.binary?Math.log(e)/Math.log(1024):Math.log10(e)/3),a.length-1);return e/=(t.binary?1024:1e3)**i,r||(e=e.toPrecision(3)),s+aw(Number(e),t.locale,r)+n+a[i]}(t.metadata.byteCount)),"fetch_attempt"===t.type&&t.metadata.fetchStatusCode&&a.push((0,S.jsxs)(S.Fragment,{children:["HTTP ",t.metadata.fetchStatusCode]}));return a.push((0,S.jsx)(as,{line:e.result.codeLocation.line,column:e.result.codeLocation.column,type:"html"})),(0,S.jsxs)(aR,{status:e.result.status,children:[(0,S.jsx)(aR.Name,{children:r.type.replace(/[_-]/g," ")}),(0,S.jsxs)(aR.Description,{children:["security"===r.type?"Insecure URL, use HTTPS instead 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,"fetch_attempt"===r.type&&void 0===r.metadata.fetchStatusCode?"The image could not be reached":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,S.jsx)("span",{className:"ml-2 text-ellipsis overflow-hidden text-nowrap max-w-[30ch]",children:e.result.source})]}),(0,S.jsx)(aR.Metadata,{children:a})]},t)}})}),aR=({children:e,className:t,status:r,...a})=>(0,S.jsx)(ai.Row,{"data-status":r,...a,className:(0,r3.cn)("group/result",t),children:e});function aE(e){return"object"==typeof e&&null!==e&&"digest"in e&&"BAILOUT_TO_CLIENT_SIDE_RENDERING"===e.digest}aR.Name=({children:e,...t})=>(0,S.jsx)(ai.Column,{...t,children:(0,S.jsxs)("span",{className:"flex uppercase gap-2 items-center group-data-[status=error]/result:text-red-400 group-data-[status=warning]/result:text-orange-300",children:[(0,S.jsx)(an,{}),"string"==typeof e?e.replace(/[_-]/g," "):e]})}),aR.Description=({children:e,className:t,...r})=>(0,S.jsx)(ai.Column,{...r,children:e}),aR.Metadata=({children:e,className:t,...r})=>(0,S.jsx)(ai.Column,{align:"right",...r,className:(0,r3.cn)("font-mono text-slate-11",t),children:d.Children.map(e,(e,t)=>(0,S.jsxs)(S.Fragment,{children:[t>0?" · ":null,e]}))});let aS=new Set(Object.values({NOT_FOUND:404,FORBIDDEN:403,UNAUTHORIZED:401}));function aN(e){if("object"!=typeof e||null===e||!("digest"in e)||"string"!=typeof e.digest)return!1;let[t,r]=e.digest.split(";");return"NEXT_HTTP_ERROR_FALLBACK"===t&&aS.has(Number(r))}var aT=((l=aT||{})[l.SeeOther=303]="SeeOther",l[l.TemporaryRedirect=307]="TemporaryRedirect",l[l.PermanentRedirect=308]="PermanentRedirect",l);function aP(e){if("object"!=typeof e||null===e||!("digest"in e)||"string"!=typeof e.digest)return!1;let t=e.digest.split(";"),[r,a]=t,n=t.slice(2,-2).join(";"),o=Number(t.at(-2));return"NEXT_REDIRECT"===r&&("replace"===a||"push"===a)&&"string"==typeof n&&!isNaN(o)&&o in aT}let aL=Symbol.for("react.postpone");var aI=class e{#t;static isNavigationError(e){var t,r,a;return aP(e)||aN(e)||aE(e)||"object"==typeof(r=t=e)&&null!==r&&"digest"in r&&"string"==typeof r.digest&&"DYNAMIC_SERVER_USAGE"===r.digest||aE(t)||aP(a=t)||aN(a)||function(e){if("object"==typeof e&&null!==e&&"string"==typeof e.message){var t;return(t=e.message).includes("needs to bail out of prerendering at this point because it used")&&t.includes("Learn more: https://nextjs.org/docs/messages/ppr-caught-error")}return!1}(t)||"object"==typeof e&&null!==e&&e.$$typeof===aL}static getNavigationKind(e){if(aP(e))return"redirect";if(aN(e)){let t=Number(e.digest.split(";")[1]);if(404===t)return"notFound";if(403===t)return"forbidden";if(401===t)return"unauthorized"}return"other"}handleError(t){if(e.isNavigationError(t)){this.#t=t;return}throw t}get error(){return this.#t}};function aA(e){let t=d.useRef(e);return d.useEffect(()=>{t.current=e}),d.useMemo(()=>e=>t.current?.(e),[])}let a_=(e,t)=>{let{result:r,clientInput:a,status:n,execute:o,executeAsync:s,reset:i,shorthandStatus:l}=function(e,t){let[r,a]=d.useTransition(),[n,o]=d.useState({}),[s,i]=d.useState(),[l,c]=d.useState(!1),[u,f]=d.useState(null),[p,h]=d.useState(null),[m,g]=d.useState(!0),b=d.useRef(0),v=d.useRef(void 0);v.current=void 0;let x=(({isIdle:e,isExecuting:t,result:r,hasNavigated:a,hasThrownError:n})=>e?"idle":t?"executing":n||void 0!==r.validationErrors||void 0!==r.serverError?"hasErrored":a?"hasNavigated":"hasSucceeded")({isExecuting:l,result:n,isIdle:m,hasNavigated:null!==u,hasThrownError:null!==p}),y=d.useCallback(t=>{let r=++b.current;g(!1),f(null),h(null),i(t),c(!0),a(()=>{v.current?.(t),e(t).then(e=>{r===b.current&&o(e??{})}).catch(e=>{if(r===b.current&&(o({}),aI.isNavigationError(e)?f(e):h(e)),!aI.isNavigationError(e))throw e}).finally(()=>{r===b.current&&c(!1)})})},[e]),w=d.useCallback(t=>new Promise((r,n)=>{let s=++b.current;g(!1),f(null),h(null),i(t),c(!0),a(()=>{v.current?.(t),e(t).then(e=>{s===b.current&&o(e??{}),r(e)}).catch(e=>{if(s===b.current&&(o({}),aI.isNavigationError(e)?f(e):h(e)),n(e),!aI.isNavigationError(e))throw e}).finally(()=>{s===b.current&&c(!1)})})}),[e]),j=d.useCallback(()=>{g(!0),f(null),h(null),i(void 0),o({})},[]);if((({result:e,input:t,status:r,cb:a,throwOnNavigation:n,navigationError:o,thrownError:s})=>{let i=aA(a?.onExecute),l=aA(a?.onSuccess),c=aA(a?.onError),u=aA(a?.onSettled),f=aA(a?.onNavigation);d.useEffect(()=>{(async()=>{switch(r){case"executing":await Promise.resolve(i?.({input:t})).then(()=>{});break;case"hasSucceeded":if(o||s)break;await Promise.all([Promise.resolve(l?.({data:e.data,input:t})),Promise.resolve(u?.({result:e,input:t}))]);break;case"hasErrored":await Promise.all([Promise.resolve(c?.({error:{...e,...s?{thrownError:s}:{}},input:t})),Promise.resolve(u?.({result:e,input:t}))])}if(!n&&o&&("redirect"===aI.getNavigationKind(o)||"hasNavigated"===r)){let r=aI.getNavigationKind(o);await Promise.all([Promise.resolve(f?.({input:t,navigationKind:r})),Promise.resolve(u?.({result:e,input:t,navigationKind:r}))])}})().catch(console.error)},[t,r,e,n,o,s,i,l,u,c,f])})({result:n??{},input:s,status:x,throwOnNavigation:t?.throwOnNavigation===!0,navigationError:u,thrownError:p,cb:t}),t?.throwOnNavigation===!0&&null!==u)throw u;return{isTransitioning:r,result:n,clientInput:s,status:x,execute:y,executeAsync:w,reset:j,shorthandStatus:(({status:e,isTransitioning:t})=>({isIdle:"idle"===e,isExecuting:"executing"===e,isTransitioning:t,isPending:"executing"===e||t,hasSucceeded:"hasSucceeded"===e,hasErrored:"hasErrored"===e,hasNavigated:"hasNavigated"===e}))({status:x,isTransitioning:r})}}(e,t);return{execute:o,executeAsync:s,input:a,result:r,reset:i,status:n,...l}},aB=(0,at.createServerReference)("7fd7afc5727c25f2d71e6176c8e623a1a44e62d363",at.callServer,void 0,at.findSourceMapURL,"exportSingleTemplate");var aD=e.i(44365),aO=e.i(39550),aH=e.i(60203),a$=e.i(81831);let az=e=>(0,S.jsxs)(N.IconBase,{...e,stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,S.jsx)("path",{d:"M12 12v4"}),(0,S.jsx)("path",{d:"M12 20h.01"}),(0,S.jsx)("path",{d:"M17 18h.5a1 1 0 0 0 0-9h-1.79A7 7 0 1 0 7 17.708"})]});az.displayName="IconCloudAlert";let aF=e=>(0,S.jsxs)(N.IconBase,{...e,stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,S.jsx)("path",{d:"m17 15-5.5 5.5L9 18"}),(0,S.jsx)("path",{d:"M5 17.743A7 7 0 1 1 15.71 10h1.79a4.5 4.5 0 0 1 1.5 8.742"})]});aF.displayName="IconCloudCheck";let aW=e=>(0,S.jsx)(N.IconBase,{...e,stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:(0,S.jsx)("path",{d:"M21 12a9 9 0 1 1-6.219-8.56"})});function aU({emailSlug:e,htmlMarkup:t}){let{emailsDirectoryMetadata:r}=(0,aH.useEmails)(),[a,n]=(0,d.useState)([]),[o,s]=(0,d.useState)(!1),{execute:i,isPending:l}=a_(aB,{onSuccess:({data:e})=>n([e])}),{executeAsync:c}=a_(aB),u=e=>{let t=[e];for(let r of e.subDirectories)t.push(...u(r));return t};return 0!==a.length||l||o?(0,S.jsx)(ai,{children:a.map((e,t)=>(0,S.jsxs)(ai.Row,{children:[(0,S.jsxs)(ai.Column,{children:["uploading"===e.status&&(0,S.jsxs)("span",{className:"flex gap-2 items-center text-slate-12",children:[(0,S.jsx)(aW,{className:"animate-spin"}),e.name]}),"failed"===e.status&&(0,S.jsxs)("span",{className:"flex gap-2 items-center text-red-400",children:[(0,S.jsx)(az,{}),e.name]}),"succeeded"===e.status&&(0,S.jsxs)("span",{className:"flex gap-2 items-center text-green-400",children:[(0,S.jsx)(aF,{}),e.name]})]}),(0,S.jsx)(ai.Column,{children:"uploading"===e.status?"Uploading...":"failed"===e.status?"Failed to upload. Try again.":"Template uploaded successfully."}),(0,S.jsx)(ai.Column,{children:"succeeded"===e.status&&(0,S.jsx)("a",{href:`https://resend.com/templates/${e.id}/editor`,className:"underline ml-2 decoration-slate-9 decoration-1 hover:decoration-slate-11 transition-colors hover:text-slate-12",rel:"noreferrer",target:"_blank",children:"Open in Resend ↗"})})]},e.id||t))}):(0,S.jsxs)("div",{className:"flex flex-col items-center justify-center pt-8",children:[(0,S.jsx)("h3",{className:"text-slate-12 font-medium text-base mb-1",children:"Upload to Resend"}),(0,S.jsx)("p",{className:"text-slate-11 text-sm text-center max-w-[320px]",children:"Import your email using the Templates API."}),(0,S.jsxs)("div",{className:"flex gap-2",children:[(0,S.jsx)(a$.Button,{onClick:()=>{n([{status:"uploading",name:e}]),i({name:e,html:t})},children:"Upload"}),(0,S.jsx)(a$.Button,{appearance:"gradient",className:"mt-2 mb-4",onClick:async()=>{let e=u(r).flatMap(e=>e.emailFilenames.map(t=>({name:e.relativePath?`${e.relativePath}/${t}`:t,status:"uploading"})));n(e),s(!0);for(let t=0;t<e.length;t++){let r=e[t];if(!r)continue;let a=r.name,o=a.replace(/\.[^/.]+$/,"");try{let e=await (0,aD.getEmailPathFromSlug)(a);if(!e)throw Error(`Could not find email template that should be at ${a}`);let r=await (0,aO.renderEmailByPath)(e);if("error"in r){n(e=>e.map((e,r)=>r===t?{...e,status:"failed"}:e));continue}let s=await c({name:o,html:r.markup});if(s.data?.status==="succeeded"){let{id:e}=s.data;n(r=>r.map((r,a)=>a===t?{...r,status:"succeeded",id:e}:r))}else n(e=>e.map((e,r)=>r===t?{...e,status:"failed"}:e));await new Promise(e=>setTimeout(e,600))}catch(e){console.error("Error processing %s:",a,e),n(e=>e.map((e,r)=>r===t?{...e,status:"failed"}:e))}}s(!1)},children:"Bulk Upload"})]})]})}aW.displayName="IconLoader";let aV=({result:e})=>{var t,r;let a;return(0,S.jsx)(S.Fragment,{children:e?(0,S.jsxs)(ai,{children:[(0,S.jsxs)(ai.Row,{className:"sticky border-b top-0",children:[(0,S.jsx)(ai.Column,{className:"uppercase",children:(0,S.jsxs)("span",{className:"flex gap-2 items-center",children:[(0,S.jsx)(an,{className:(0,r3.cn)(0===e.points?"text-green-400":null,(e.points>0&&e.points,null),e.points>1.5?"text-yellow-100":null,e.points>3?"text-orange-400":null,e.points>=5?"text-red-400":null)}),"Score"]})}),(0,S.jsx)(ai.Column,{children:0===e.points?"Congratulations! Your email is clean of abuse indicators.":"Higher scores are better"}),(0,S.jsxs)(ai.Column,{className:"text-right tracking-tighter font-bold",children:[(0,S.jsx)("span",{className:(0,r3.cn)("text-3xl",0===e.points?"text-green-400":null,(e.points>0&&e.points,null),e.points>1.5?"text-yellow-200":null,e.points>3?"text-orange-400":null,e.points>=5?"text-red-400":null),children:(10-e.points).toFixed(1)})," ",(0,S.jsx)("span",{className:"text-lg",children:"/ 10"})]})]}),(t=e.checks,r=(e,t)=>t.points-e.points,(a=[...t]).sort(r),a).map(e=>(0,S.jsxs)(ai.Row,{children:[(0,S.jsx)(ai.Column,{className:"uppercase",children:(0,S.jsxs)("span",{className:"flex gap-2 items-center",children:[(0,S.jsx)(an,{className:(0,r3.cn)(e.points>1?"text-yellow-200":null,e.points>2?"text-orange-400":null,e.points>3?"text-red-400":null)}),e.name.replace(/[_-]/g," ")]})}),(0,S.jsx)(ai.Column,{children:e.description}),(0,S.jsxs)(ai.Column,{className:(0,r3.cn)("text-right font-mono tracking-tighter",e.points>1?"text-yellow-200":null,e.points>2?"text-orange-400":null,e.points>3?"text-red-400":null),children:["-",e.points.toFixed(1)]})]},e.name))]}):null})};var aY=e.i(12086),aq=e.i(81241);let aZ=({children:e,className:t,active:r,tooltip:a,delayDuration:n=500,...o})=>(0,S.jsx)(aq.Tooltip.Provider,{children:(0,S.jsxs)(aq.Tooltip,{delayDuration:n,children:[(0,S.jsx)(aq.Tooltip.Trigger,{asChild:!0,children:(0,S.jsxs)("button",{type:"button",...o,className:(0,r3.cn)("h-full w-fit shrink-0 whitespace-nowrap font-regular flex text-sm text-slate-10 items-center align-middle justify-center px-1 gap-2 relative","hover:text-slate-12 transition-colors",r&&"data-[state=active]:text-cyan-11",t),children:[e,r?(0,S.jsx)(aY.motion.span,{className:"bottom-0 absolute rounded-xs left-0 w-full bg-cyan-11 h-px",layoutId:"active-toolbar-button",transition:{type:"spring",bounce:.2,duration:.6}}):null]})}),a?(0,S.jsx)(aq.Tooltip.Content,{children:a}):null]})}),aK=["linter","compatibility","spam-assassin","resend"],aG=()=>{let e=(0,r0.useSearchParams)().get("toolbar-panel"),t=aK.find(t=>t===e);return{activeTab:t,toggled:void 0!==t}},aX=({serverLintingRows:t,serverSpamCheckingResult:r,serverCompatibilityResults:a,serverCompatibilityClients:n,prettyMarkup:o,reactMarkup:s,plainText:i,emailPath:l,emailSlug:c,isRawHtmlEmail:u})=>{let f=(0,r0.usePathname)(),p=(0,r0.useSearchParams)(),{hasSetupResendIntegration:h}=(0,r4.useToolbarContext)(),m=n.map(e=>r1[e]??e).join(", "),{activeTab:g,toggled:b}=aG(),v=e=>{let t=new URLSearchParams(p);void 0===e?t.delete("toolbar-panel"):t.set("toolbar-panel",e),window.history.pushState(null,"",`${f}?${t.toString()}${location.hash}`)},[x,y]=(0,r6.useCachedWorkspaceState)(`spam-assassin:${c}`),[w,{load:C,loading:k}]=(({markup:e,plainText:t,initialResult:r})=>{let[a,n]=(0,d.useState)(r),[o,s]=(0,d.useState)(!1),i=(0,d.useRef)(!1);return[a,{loading:o,load:async()=>{if(!i.current){i.current=!0,s(!0);try{let r=await fetch("https://react.email/api/check-spam",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({html:e,plainText:t})}),a=await r.json();if(!("error"in a))return n(a),a;j.error(a.error)}catch(e){console.error(e),j.error(JSON.stringify(e))}finally{s(!1),i.current=!1}}}}]})({markup:o,plainText:i,initialResult:r??x}),[M,R]=(0,r6.useCachedWorkspaceState)(`linter:${c}`),[E,{load:N,loading:P}]=(({markup:t,initialRows:r})=>{var a,n;let[o,s]=(0,d.useState)(r),i=(a=t,n="location"in e.g?`${e.g.location.protocol}//${e.g.location.host}`:"",[{getStream:()=>aj(a,n),mapValue(e){if(e&&"success"!==e.status)return{result:e,source:"image"}}},{getStream:()=>aC(a),mapValue(e){if(e&&"success"!==e.status)return{result:e,source:"link"}}}]),[l,c]=(0,d.useState)(!1),u=(0,d.useRef)(!1);return[o,{loading:l,load:async()=>{if(!u.current){u.current=!0,c(!0),s([]);try{let e=[];for await(let t of ak(i))s(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{c(!1),u.current=!1}}}}]})({markup:o,initialRows:t??M}),[L,I]=(0,r6.useCachedWorkspaceState)(`compatibility:${c}`),[A,{load:_,loading:B}]=(({reactMarkup:e,emailPath:t,initialResults:r})=>{let[a,n]=(0,d.useState)(r),[o,s]=(0,d.useState)(!1),i=(0,d.useRef)(!1);return[a,{loading:o,load:async()=>{if(i.current)return;i.current=!0,s(!0),n([]);let r=[];try{let a=await ar(e,t);for await(let e of aa(a))"error"===e.status&&n(t=>t?r=[...t,e]:[e])}catch(e){console.error(e),j.error(JSON.stringify(e))}finally{s(!1),i.current=!1}return r}}]})({emailPath:l,reactMarkup:s,initialResults:a??L});r2.isBuilding||d.useEffect(()=>{(async()=>{R(await N()),y(await C()),u||I(await _())})()},[]);let D=d.useId(),[O,H]=d.useState(!1),$=d.useRef(""),z=d.useRef(null);d.useEffect(()=>()=>{z.current&&(window.removeEventListener("blur",z.current),z.current=null)},[]);let F="linter"===g&&"The Linter tab checks all the images and links for common issues like missing alt text, broken URLs, insecure HTTP methods, and more."||"spam-assassin"===g&&"The Spam tab will look at the content and use a robust scoring framework to determine if the email is likely to be spam. Powered by SpamAssassin."||"compatibility"===g&&"The Compatibility tab shows how well the HTML/CSS is supported across mail clients like Outlook, Gmail, etc. Powered by Can I Email."||"resend"===g&&"The Resend tab allows you to upload your React Email code using the Resend Templates API."||"Info",W={linter:"Linter",compatibility:"Compatibility","spam-assassin":"Spam",resend:"Resend"},U=[{value:"linter",label:W.linter},...u?[]:[{value:"compatibility",label:W.compatibility}],{value:"spam-assassin",label:W["spam-assassin"]},{value:"resend",label:W.resend}],V=(g?W[g]:void 0)??"Linter";return(0,S.jsx)("div",{"data-toggled":b,className:(0,r3.cn)("absolute bottom-0 left-0 right-0","border-t border-slate-6 group/toolbar text-xs text-slate-11 h-52 transition-transform","data-[toggled=false]:translate-y-42.5"),children:(0,S.jsx)(rU,{value:g??"",onValueChange:e=>{v(e)},asChild:!0,children:(0,S.jsxs)("div",{className:"flex flex-col h-full",children:[(0,S.jsxs)("div",{className:"flex h-10 w-full shrink-0 items-center border-b border-solid border-slate-6 px-2 sm:px-4",children:[(0,S.jsx)("div",{className:"flex h-full min-w-0 flex-1 items-center sm:hidden",children:(0,S.jsxs)(rP,{children:[(0,S.jsx)(rI,{asChild:!0,children:(0,S.jsxs)("button",{type:"button",className:"group flex h-full items-center gap-1 px-1 text-slate-11 text-sm transition-colors hover:text-slate-12",children:[V,(0,S.jsx)(r9.IconArrowDown,{size:20,className:"transition-transform group-data-[state=open]:rotate-180"})]})}),(0,S.jsx)(rA,{children:(0,S.jsx)(rB,{align:"start",className:"z-50 min-w-44 rounded-md border border-slate-6 bg-black p-1 font-sans",collisionPadding:8,side:"top",sideOffset:8,children:U.map(e=>(0,S.jsxs)(rD,{onSelect:()=>{v(e.value)},className:(0,r3.cn)("flex cursor-pointer items-center justify-between gap-2 rounded px-3 py-2 text-slate-11 text-sm outline-none","data-[highlighted]:bg-white/5 data-[highlighted]:text-slate-12",g===e.value&&"text-cyan-11"),children:[e.label,g===e.value?(0,S.jsx)(T,{size:16}):null]},e.value))})})]})}),(0,S.jsx)(rY,{className:"hidden h-full min-w-0 flex-1 gap-4 sm:flex",children:(0,S.jsxs)(rQ.LayoutGroup,{id:`toolbar-${D}`,children:[(0,S.jsx)(rZ,{asChild:!0,value:"linter",children:(0,S.jsx)(aZ,{active:"linter"===g,children:"Linter"})}),u?null:(0,S.jsx)(rZ,{asChild:!0,value:"compatibility",children:(0,S.jsx)(aZ,{active:"compatibility"===g,children:"Compatibility"})}),(0,S.jsx)(rZ,{asChild:!0,value:"spam-assassin",children:(0,S.jsx)(aZ,{active:"spam-assassin"===g,children:"Spam"})}),(0,S.jsx)(rZ,{asChild:!0,value:"resend",children:(0,S.jsx)(aZ,{active:"resend"===g,children:"Resend"})})]})}),(0,S.jsxs)("div",{className:"ml-2 flex shrink-0 items-center gap-1 sm:ml-4",children:[(0,S.jsx)(ag,{lintingRows:E,compatibilityResults:A,spamResult:w,reactMarkup:s,isRawHtmlEmail:u,activeTab:g}),(0,S.jsxs)(e0,{onOpenChange:e=>{if(!e){H(!1),z.current&&(window.removeEventListener("blur",z.current),z.current=null);return}if(H(!0),null===z.current){let e=()=>{document.activeElement instanceof HTMLIFrameElement&&(H(!1),z.current&&(window.removeEventListener("blur",z.current),z.current=null))};z.current=e,window.addEventListener("blur",e)}},open:O,children:[(0,S.jsx)(e4,{asChild:!0,children:(0,S.jsx)(aZ,{"aria-label":"About the current toolbar panel",delayDuration:0,tooltip:O?void 0:F,onPointerDown:e=>{$.current=e.pointerType;let t=()=>{window.removeEventListener("pointerup",t,!0),window.removeEventListener("pointercancel",t,!0),setTimeout(()=>{$.current=""},0)};window.addEventListener("pointerup",t,{capture:!0}),window.addEventListener("pointercancel",t,{capture:!0})},onClick:e=>{"mouse"===$.current&&e.preventDefault()},children:(0,S.jsx)(r7,{size:24})})}),(0,S.jsx)(e9,{children:(0,S.jsx)(te,{align:"end",className:"z-50 w-60 max-w-[calc(100vw-1rem)] rounded-md border border-slate-6 bg-black px-3 py-2 font-sans text-white text-xs",collisionPadding:8,side:"top",sideOffset:8,children:F})})]}),r2.isBuilding||"resend"===g?null:(0,S.jsx)(aZ,{tooltip:"Reload",disabled:P||k||B,onClick:async()=>{void 0===g&&v("linter"),"spam-assassin"===g?await C():"linter"===g?await N():"compatibility"!==g||u||await _()},children:(0,S.jsx)(ae,{size:24,className:(0,r3.cn)({"opacity-60 animate-spin-fast":P||k||B})})}),(0,S.jsx)(aZ,{tooltip:"Toggle toolbar",onClick:()=>{void 0===g?v("linter"):v(void 0)},children:(0,S.jsx)(r9.IconArrowDown,{size:24,className:"transition-transform group-data-[toggled=false]/toolbar:rotate-180"})})]})]}),(0,S.jsxs)("div",{className:"grow transition-opacity opacity-100 group-data-[toggled=false]/toolbar:opacity-0 overflow-y-auto pr-3 pl-4 pt-3",children:[(0,S.jsx)(rG,{value:"linter",children:P?(0,S.jsx)(aJ,{message:"Analyzing your code for linting issues..."}):E?.length===0?(0,S.jsxs)(aQ,{children:[(0,S.jsx)(a0,{}),(0,S.jsx)(a1,{children:"All good"}),(0,S.jsx)(a2,{children:"No linting issues found."})]}):(0,S.jsx)(aM,{rows:E??[]})}),(0,S.jsx)(rG,{value:"compatibility",children:u?(0,S.jsxs)(aQ,{children:[(0,S.jsx)(a1,{children:"Compatibility unavailable"}),(0,S.jsx)(a2,{children:"Compatibility checks rely on the React Email source and are skipped for raw HTML templates."})]}):B?(0,S.jsx)(aJ,{message:"Checking email compatibility..."}):A?.length===0?(0,S.jsxs)(aQ,{children:[(0,S.jsx)(a0,{}),(0,S.jsx)(a1,{children:"Great compatibility"}),(0,S.jsxs)(a2,{children:["Template should render properly in"," ",m,"."]})]}):(0,S.jsx)(al,{results:A??[]})}),(0,S.jsx)(rG,{value:"spam-assassin",children:k?(0,S.jsx)(aJ,{message:"Evaluating your email for spam indicators..."}):w?.isSpam===!1?(0,S.jsxs)(aQ,{children:[(0,S.jsx)(a0,{}),(0,S.jsx)(a1,{children:"10/10"}),(0,S.jsx)(a2,{children:"Your email is clean of abuse indicators."})]}):(0,S.jsx)(aV,{result:w})}),(0,S.jsx)(rG,{value:"resend",children:h?(0,S.jsx)(aU,{emailSlug:c,htmlMarkup:o}):(0,S.jsxs)(aQ,{children:[(0,S.jsx)(a1,{children:"Connect to Resend"}),(0,S.jsxs)(a2,{className:"max-w-lg",children:["Run"," ",(0,S.jsx)(r8,{children:"npx react-email@latest resend setup"}),(0,S.jsx)("br",{})," on your terminal to connect your Resend account."]})]})})]})]})})})},aJ=({message:e})=>(0,S.jsxs)("div",{className:"flex flex-col items-center justify-center pt-8",children:[(0,S.jsxs)("div",{className:"relative mb-8 flex items-center justify-center",children:[(0,S.jsx)("div",{className:"h-12 w-12 rounded-full bg-linear-to-br from-cyan-400/80 to-cyan-600/80 opacity-10 blur-xl absolute m-auto left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 animate-pulse"}),(0,S.jsx)("div",{className:"h-12 w-12 rounded-full border border-slate-4 absolute m-auto left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2"}),(0,S.jsx)("div",{className:"h-10 w-10 rounded-full flex items-center justify-center absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2",children:(0,S.jsx)("div",{className:"h-5 w-5 rounded-full border-2 border-white/50 border-t-transparent animate-spin-fast"})})]}),(0,S.jsx)("h3",{className:"text-slate-12 font-medium text-base mb-1",children:"Processing"}),(0,S.jsx)("p",{className:"text-slate-11 text-sm text-center max-w-[320px]",children:e})]}),aQ=({children:e})=>(0,S.jsx)("div",{className:"flex flex-col items-center justify-center pt-8",children:e}),a0=()=>(0,S.jsxs)("div",{className:"relative mb-8 flex items-center justify-center",children:[(0,S.jsx)("div",{className:"h-16 w-16 rounded-full bg-linear-to-br from-green-300/20 opacity-80 to-emerald-500/30 blur-md absolute m-auto left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2"}),(0,S.jsx)("div",{className:"h-12 w-12 rounded-full bg-linear-to-br from-green-400/80 opacity-10 to-emerald-600/80 absolute m-auto left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 shadow-lg"}),(0,S.jsx)("div",{className:"h-10 w-10 rounded-full bg-linear-to-br from-green-400 to-emerald-600 flex items-center justify-center absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 shadow-[inset_0_1px_1px_rgba(255,255,255,0.4)]",children:(0,S.jsx)(T,{size:24,className:"text-white drop-shadow-xs"})})]}),a1=({children:e,className:t,...r})=>(0,S.jsx)("h3",{className:(0,r3.cn)("text-slate-12 font-medium text-base mb-1",t),...r,children:e}),a2=({children:e,className:t,...r})=>(0,S.jsx)("p",{className:(0,r3.cn)("text-slate-11 text-sm text-center max-w-[320px]",t),...r,children:e});e.s(["Toolbar",0,function({serverLintingRows:e,serverSpamCheckingResult:t,serverCompatibilityResults:r,serverCompatibilityClients:a}){let{emailPath:n,emailSlug:o,renderedEmailMetadata:s}=(0,r5.usePreviewContext)();if(void 0===s)return null;let{prettyMarkup:i,plainText:l,reactMarkup:c,extname:d}=s;return(0,S.jsx)(aX,{emailPath:n,emailSlug:o,prettyMarkup:i,reactMarkup:c,plainText:l,isRawHtmlEmail:"html"===d,serverLintingRows:e,serverSpamCheckingResult:t,serverCompatibilityResults:r,serverCompatibilityClients:a})},"useToolbarState",0,aG],62866)},1402,e=>{"use strict";let t;var r=e.i(70403),a=e.i(83806),n=e.i(80161),o=e.i(19763),s=e.i(60112);function i(e,t,r,a){var o=this,s=(0,n.useRef)(null),i=(0,n.useRef)(0),l=(0,n.useRef)(0),c=(0,n.useRef)(null),d=(0,n.useRef)([]),u=(0,n.useRef)(),f=(0,n.useRef)(),p=(0,n.useRef)(e),h=(0,n.useRef)(!0),m=(0,n.useRef)(),g=(0,n.useRef)();p.current=e;var b="u">typeof window,v=!t&&0!==t&&b;if("function"!=typeof e)throw TypeError("Expected a function");t=+t||0;var x=!!(r=r||{}).leading,y=!("trailing"in r)||!!r.trailing,w=!!r.flushOnExit&&y,j="maxWait"in r,C="debounceOnServer"in r&&!!r.debounceOnServer,k=j?Math.max(+r.maxWait||0,t):null,M=(0,n.useMemo)(function(){var e=function(e){var t=d.current,r=u.current;return d.current=u.current=null,i.current=e,l.current=l.current||e,f.current=p.current.apply(r,t)},r=function(e,t){v&&cancelAnimationFrame(c.current),c.current=v?requestAnimationFrame(e):setTimeout(e,t)},n=function(e){if(!h.current)return!1;var r=e-s.current;return!s.current||r>=t||r<0||j&&e-i.current>=k},M=function(t){return c.current=null,y&&d.current?e(t):(d.current=u.current=null,f.current)},R=function e(){var a=Date.now();if(x&&l.current===i.current&&E(),n(a))return M(a);if(h.current){var o=t-(a-s.current);r(e,j?Math.min(o,k-(a-i.current)):o)}},E=function(){a&&a({})},S=function(){if(b||C){var a,l=Date.now(),p=n(l);if(d.current=[].slice.call(arguments),u.current=o,s.current=l,w&&!m.current&&(m.current=function(){var e;"hidden"===(null==(e=globalThis.document)?void 0:e.visibilityState)&&g.current.flush()},null==(a=globalThis.document)||null==a.addEventListener||a.addEventListener("visibilitychange",m.current)),p){if(!c.current&&h.current)return i.current=s.current,r(R,t),x?e(s.current):f.current;if(j)return r(R,t),e(s.current)}return c.current||r(R,t),f.current}};return S.cancel=function(){var e=c.current;e&&(v?cancelAnimationFrame(c.current):clearTimeout(c.current)),i.current=0,d.current=s.current=u.current=c.current=null,e&&a&&a({})},S.isPending=function(){return!!c.current},S.flush=function(){return c.current?M(Date.now()):f.current},S},[x,j,t,k,y,w,v,b,C,a]);return g.current=M,(0,n.useEffect)(function(){return h.current=!0,function(){var e;w&&g.current.flush(),m.current&&(null==(e=globalThis.document)||null==e.removeEventListener||e.removeEventListener("visibilitychange",m.current),m.current=null),h.current=!1}},[w]),M}var l=e.i(81831),c=e.i(15612);e.i(2884),e.i(20764),e.i(39730);var d=e.i(93739),u=e.i(64618),f=e.i(56696);let p=n.forwardRef(({as:e="span",size:t="2",color:a="gray",transform:n,weight:o="normal",className:s,children:i,...l},c)=>(0,r.jsx)(d.Slot,{className:(0,u.cn)(s,n,h(t),m(a),g(o)),ref:c,...l,children:(0,r.jsx)(e,{children:i})})),h=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,f.unreachable)(e)}},m=e=>{switch(e){case"white":return"text-slate-12";case void 0:case"gray":return"text-slate-11";default:return(0,f.unreachable)(e)}},g=e=>{switch(e){case void 0:case"normal":return"font-normal";case"medium":return"font-medium";default:return(0,f.unreachable)(e)}};p.displayName="Text";var b=e.i(50513),v=e.i(66699),x=e.i(12086);let y=async e=>{try{await navigator.clipboard.writeText(e)}catch{throw Error("Not able to copy")}},w={type:"spring",stiffness:2e3,damping:80,mass:1},j={tsx:"React",html:"HTML",markdown:"Plain Text"},C=n.forwardRef(({children:e,className:t,...a},n)=>(0,r.jsx)("button",{type:"button",...a,className:(0,u.cn)("focus:ring-gray-8 rounded-sm text-slate-11 transition duration-200 ease-in-out hover:text-slate-12 focus:text-slate-12 focus:outline-hidden focus:ring-2",t),ref:n,children:e}));C.displayName="IconButton";var k=e.i(89546),M=e.i(44993),R=e.i(37289);let E=n.forwardRef(({...e},t)=>(0,r.jsx)(R.IconBase,{ref:t,...e,children:(0,r.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})}));E.displayName="IconDownload";var S=e.i(81241);let N=({markups:e,basename:t,activeLang:a,setActiveLang:o})=>{let s=e.find(({language:e})=>a===e);if(!s)throw Error("No markup found for the active language!",{cause:{activeLang:a,markups:e}});let i=n.useId();return(0,r.jsxs)("div",{className:"relative max-h-[650px] w-full h-full whitespace-pre rounded-md border border-slate-6 text-sm",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,r.jsxs)("div",{className:"h-9 border-b border-slate-6",children:[(0,r.jsx)("div",{className:"flex",children:(0,r.jsx)(v.LayoutGroup,{id:i,children:e.map(({language:e})=>{let t=a===e;return(0,r.jsxs)(x.motion.button,{className:`relative px-4 py-[8px] font-sans text-sm font-medium transition duration-200 ease-in-out hover:text-slate-12 ${a!==e?"text-slate-11":"text-slate-12"}`,onClick:()=>{o(e)},children:[t?(0,r.jsx)(x.motion.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:w}):null,j[e]]},e)})})}),(0,r.jsx)(T,{content:s.content}),(0,r.jsx)(P,{content:s.content,filename:`${t}.${s.extension||s.language}`})]}),(0,r.jsx)("div",{className:"h-[calc(100%-2.25rem)]",children:(0,r.jsx)(c.Code,{language:a,children:s.content})})]})},T=({content:e})=>{let[t,a]=n.useState(!1),o=n.useRef(void 0);return n.useEffect(()=>{a(!1),clearTimeout(o.current),o.current=void 0},[e]),(0,r.jsxs)(S.Tooltip,{children:[(0,r.jsx)(S.Tooltip.Trigger,{asChild:!0,className:"absolute right-2 top-2 hidden md:block",children:(0,r.jsx)(C,{onClick:async()=>{a(!0),await y(e),o.current=setTimeout(()=>{a(!1)},3e3)},children:t?(0,r.jsx)(k.IconCheck,{}):(0,r.jsx)(M.IconClipboard,{})})}),(0,r.jsx)(S.Tooltip.Content,{children:"Copy to Clipboard"})]})},P=({content:e,filename:t})=>{let a=n.useMemo(()=>{let r=new File([e],t);return URL.createObjectURL(r)},[e,t]),o=n.useSyncExternalStore(()=>()=>{},()=>a,()=>void 0);return(0,r.jsxs)(S.Tooltip,{children:[(0,r.jsx)(S.Tooltip.Trigger,{asChild:!0,className:"text-gray-11 absolute right-8 top-2 hidden md:block",children:(0,r.jsx)("a",{className:"text-slate-11 transition duration-200 ease-in-out hover:text-slate-12",download:t,href:o,children:(0,r.jsx)(E,{})})}),(0,r.jsx)(S.Tooltip.Content,{children:"Download"})]})};var L=e.i(72650),I=e.i(85757),A=e.i(74805),_=e.i(23580);let B="whitespace-pre-wrap break-words p-2 text-[13px] leading-5 font-[MonoLisa,Menlo,monospace]",D=({value:e,onChange:t,disabled:a=!1,className:o,...s})=>(0,r.jsxs)("div",{className:(0,u.cn)("relative min-h-40 rounded-md border border-slate-6 transition-colors","focus-within:border-slate-8",a&&"opacity-60",o),children:[(0,r.jsx)(_.Highlight,{code:e,language:"json",theme:c.codeTheme,children:({tokens:e,getLineProps:t,getTokenProps:a})=>(0,r.jsx)("pre",{"aria-hidden":!0,className:B,children:e.map((e,r)=>(0,n.createElement)("div",{...t({line:e}),key:r,children:[e.map((e,t)=>(0,n.createElement)("span",{...a({token:e}),key:t})),1===e.length&&e[0]?.empty?"​":null]}))})}),(0,r.jsx)("textarea",{...s,className:(0,u.cn)(B,"absolute inset-0 h-full w-full resize-none overflow-hidden bg-transparent text-transparent caret-slate-12 outline-none"),disabled:a,onChange:e=>{t(e.currentTarget.value)},spellCheck:!1,value:e})]}),O=()=>{let{renderedEmailMetadata:e,previewPropsOverride:t,setPreviewPropsOverride:a}=(0,L.usePreviewContext)(),o=JSON.stringify(e?.previewProps??{},null,2),[s,l]=n.useState(void 0),[c,d]=n.useState(void 0),f=i(e=>{try{let t=JSON.parse(e);if(null===t||"object"!=typeof t||Array.isArray(t))return void d("Props must be a JSON object");d(void 0),a(t)}catch(e){d(e.message)}},400);return(0,r.jsxs)("div",{className:"flex h-full flex-col gap-3",children:[(0,r.jsx)("div",{className:"flex items-center justify-between gap-3",children:A.isBuilding?(0,r.jsx)("p",{className:"text-slate-11",children:"Read-only. This preview was rendered at build time."}):(0,r.jsx)("button",{className:(0,u.cn)("ml-auto shrink-0 rounded-md border border-slate-6 px-2 py-1 text-slate-11 transition-colors","hover:border-slate-8 hover:text-slate-12","disabled:opacity-40 disabled:hover:border-slate-6 disabled:hover:text-slate-11"),disabled:void 0===t&&void 0===s,onClick:()=>{f.cancel(),l(void 0),d(void 0),a(void 0)},type:"button",children:"Reset to defaults"})}),(0,r.jsx)(D,{"aria-invalid":void 0!==c,"aria-label":"Preview props JSON",className:(0,u.cn)(void 0!==c&&"border-red-9 focus-within:border-red-9"),disabled:A.isBuilding,onChange:e=>{l(e),f(e)},value:s??o}),void 0!==c?(0,r.jsx)("p",{className:"pb-3 text-red-11",children:c}):null]})},H=({open:e})=>{let{animated:t}=(0,I.usePropsPanel)(),{emailSlug:a}=(0,L.usePreviewContext)();return(0,r.jsx)("aside",{className:(0,u.cn)("shrink-0 overflow-hidden border-l border-slate-6",t&&"transition-[width] duration-200 will-change-[width]",e?"w-72":"w-0 border-l-0"),inert:!e,children:(0,r.jsxs)("div",{className:"flex h-full w-72 flex-col",children:[(0,r.jsx)("div",{className:"flex h-10 shrink-0 items-center border-b border-slate-6 px-4 font-medium text-slate-12 text-xs",children:"Props"}),(0,r.jsx)("div",{className:"grow overflow-y-auto px-4 pt-3 text-slate-11 text-xs",children:(0,r.jsx)(O,{},a)})]})})};var $=e.i(64406),z=e.i(9334);let F=[{name:"Desktop",dimensions:{width:1024,height:600},icon:(0,r.jsx)("svg",{width:"15",height:"15",viewBox:"0 0 15 15",fill:"none",children:(0,r.jsx)("path",{d:"M1 3.25C1 3.11193 1.11193 3 1.25 3H13.75C13.8881 3 14 3.11193 14 3.25V10.75C14 10.8881 13.8881 11 13.75 11H1.25C1.11193 11 1 10.8881 1 10.75V3.25ZM1.25 2C0.559643 2 0 2.55964 0 3.25V10.75C0 11.4404 0.559644 12 1.25 12H5.07341L4.82991 13.2986C4.76645 13.6371 5.02612 13.95 5.37049 13.95H9.62951C9.97389 13.95 10.2336 13.6371 10.1701 13.2986L9.92659 12H13.75C14.4404 12 15 11.4404 15 10.75V3.25C15 2.55964 14.4404 2 13.75 2H1.25ZM9.01091 12H5.98909L5.79222 13.05H9.20778L9.01091 12Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})})},{name:"Mobile",dimensions:{width:375,height:667},icon:(0,r.jsx)("svg",{width:"15",height:"15",viewBox:"0 0 15 15",fill:"none",children:(0,r.jsx)("path",{d:"M4 2.5C4 2.22386 4.22386 2 4.5 2H10.5C10.7761 2 11 2.22386 11 2.5V12.5C11 12.7761 10.7761 13 10.5 13H4.5C4.22386 13 4 12.7761 4 12.5V2.5ZM4.5 1C3.67157 1 3 1.67157 3 2.5V12.5C3 13.3284 3.67157 14 4.5 14H10.5C11.3284 14 12 13.3284 12 12.5V2.5C12 1.67157 11.3284 1 10.5 1H4.5ZM6 11.65C5.8067 11.65 5.65 11.8067 5.65 12C5.65 12.1933 5.8067 12.35 6 12.35H9C9.1933 12.35 9.35 12.1933 9.35 12C9.35 11.8067 9.1933 11.65 9 11.65H6Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})})}],W=({minWidth:e,minHeight:t,viewWidth:a,viewHeight:o,setViewWidth:s,setViewHeight:i})=>{let[l,c]=n.useState(!1),[d,f]=n.useState(a),[p,h]=n.useState(o);return n.useEffect(()=>{f(a),h(o)},[a,o]),(0,r.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",children:[F.map(e=>(0,r.jsxs)(S.Tooltip,{children:[(0,r.jsx)(S.Tooltip.Trigger,{asChild:!0,children:(0,r.jsx)("button",{onClick:()=>{var t;s((t=e.dimensions).width),i(t.height)},className:(0,u.cn)("relative flex items-center justify-center w-9 transition-colors hover:text-slate-12",{"bg-slate-4":a===e.dimensions.width}),type:"button",children:e.icon},e.name)}),(0,r.jsx)(S.Tooltip.Content,{children:e.name})]},e.name)),(0,r.jsxs)($.Root,{open:l,onOpenChange:c,children:[(0,r.jsx)($.Trigger,{asChild:!0,children:(0,r.jsxs)("button",{type:"button",className:"relative flex items-center justify-center overflow-hidden w-9 text-slate-11 text-sm leading-none outline-hidden transition-colors ease-linear focus-within:text-slate-12 hover:text-slate-12 focus:text-slate-12",children:[(0,r.jsx)("span",{className:"sr-only",children:"View presets"}),(0,r.jsx)(z.IconArrowDown,{className:(0,u.cn)("transform transition-transform duration-200 ease-[cubic-bezier(.36,.66,.6,1)]",{"-rotate-180":l})})]})}),(0,r.jsx)($.Portal,{children:(0,r.jsxs)($.Content,{align:"end",className:"flex min-w-48 flex-col gap-2 rounded-md border border-slate-8 border-solid bg-black px-2 py-2 text-white",sideOffset:5,children:[(0,r.jsxs)("div",{className:"flex w-full items-center justify-between text-sm gap-2",children:[(0,r.jsx)("span",{className:"font-medium text-slate-11 text-xs",children:"Width"}),(0,r.jsx)("input",{type:"number",value:d,onChange:t=>{let r=Number(t.target.value);f(r),r>=e&&s(r)},className:"w-20 appearance-none rounded-lg border border-slate-6 bg-slate-5 px-1 py-1 text-sm text-slate-12 placeholder-slate-10 outline-hidden transition duration-300 ease-in-out focus:ring-1 focus:ring-slate-10"})]}),(0,r.jsxs)("div",{className:"flex w-full items-center justify-between text-sm gap-2",children:[(0,r.jsx)("span",{className:"font-medium text-slate-11 text-xs",children:"Height"}),(0,r.jsx)("input",{type:"number",value:p,onChange:e=>{let r=Number(e.target.value);h(r),r>=t&&i(r)},className:"w-20 appearance-none rounded-lg border border-slate-6 bg-slate-5 px-1 py-1 text-sm text-slate-12 placeholder-slate-10 outline-hidden transition duration-300 ease-in-out focus:ring-1 focus:ring-slate-10"})]})]})})]})]})},U=({width:e,height:t,onResize:a,onResizeEnd:o,children:s,maxHeight:i,maxWidth:l,minHeight:c,minWidth:f,...p})=>{let h=(0,n.useRef)(null),[m,g]=(0,n.useState)(!1),b=(0,n.useRef)(null),[v,x]=(0,n.useState)(null),y=(0,n.useCallback)(()=>{b.current&&document.removeEventListener("mousemove",b.current),document.removeEventListener("mouseup",y),g(!1),x(null),o?.()},[]),w=e=>{b.current=t=>{if(0===t.button&&h.current){let r="east"===e||"west"===e,n=r?t.clientX:t.clientY,o=h.current.getBoundingClientRect(),s=r?o.x+o.width/2:o.y+o.height/2,i=2*Math.abs(n-s);g(!0),x(e);for(let t=0;t<F.length;t++){let n=F[t];if(n){if(r&&i>n.dimensions.width-12&&i<n.dimensions.width+12)return void a(n.dimensions.width,e);if(!r&&i>n.dimensions.height-12&&i<n.dimensions.height+12)return void a(n.dimensions.height,e)}}a(2*Math.abs(n-s),e)}else y()},document.addEventListener("mouseup",y),document.addEventListener("mousemove",b.current)};return(0,n.useEffect)(()=>{if(window.document)return()=>{y()}},[]),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{className:"overflow-hidden absolute inset-0",children:(0,r.jsx)("div",{className:"absolute mx-auto box-content -translate-x-1/2 -translate-y-1/2 left-1/2 top-1/2",children:F.map(a=>(0,r.jsxs)("div",{className:"-translate-x-1/2 -translate-y-1/2 absolute pointer-events-none select-none",style:{width:a.dimensions.width,height:a.dimensions.height},children:[e===a.dimensions.width&&m&&("east"===v||"west"===v)&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{className:"absolute right-0 -top-[100vw] -bottom-[100vw] border-r-2 border-cyan-5"}),(0,r.jsx)("div",{className:"absolute left-0 -top-[100vw] -bottom-[100vw] border-l-2 border-cyan-5"})]}),t===a.dimensions.height&&m&&("north"===v||"south"===v)&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{className:"absolute top-0 -left-[100vw] -right-[100vw] border-t-2 border-cyan-5"}),(0,r.jsx)("div",{className:"absolute bottom-0 -left-[100vw] -right-[100vw] border-b-2 border-cyan-5"})]})]},a.name))})}),(0,r.jsxs)("div",{...p,className:(0,u.cn)("relative mx-auto my-auto box-content",p.className),children:[(0,r.jsx)("div",{"aria-label":"resize-west","aria-valuenow":e,"aria-valuemin":f,"aria-valuemax":l,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:()=>{w("west")},role:"slider",tabIndex:0,children:(0,r.jsx)("div",{className:(0,u.cn)("h-8 w-1 rounded-md bg-black/50 transition-colors",{"bg-black":"west"===v})})}),(0,r.jsx)("div",{"aria-label":"resize-east","aria-valuenow":e,"aria-valuemin":f,"aria-valuemax":l,onDragStart:e=>e.preventDefault(),className:"translate-x-1/2 -translate-y-1/2 absolute top-1/2 -right-2 cursor-e-resize p-2 [user-drag:none]",draggable:"false",onMouseDown:()=>{w("east")},role:"slider",tabIndex:0,children:(0,r.jsx)("div",{className:(0,u.cn)("h-8 w-1 rounded-md bg-black/50 transition-colors",{"bg-black":"east"===v})})}),(0,r.jsx)("div",{"aria-label":"resize-north","aria-valuenow":t,"aria-valuemin":c,"aria-valuemax":i,onDragStart:e=>e.preventDefault(),className:"-translate-x-1/2 -translate-y-1/2 absolute -top-2 left-1/2 cursor-n-resize p-2 [user-drag:none]",draggable:"false",onMouseDown:()=>{w("north")},role:"slider",tabIndex:0,children:(0,r.jsx)("div",{className:(0,u.cn)("h-1 w-8 rounded-md bg-black/50 transition-colors",{"bg-black":"north"===v})})}),(0,r.jsx)("div",{"aria-label":"resize-south","aria-valuenow":t,"aria-valuemin":c,"aria-valuemax":i,onDragStart:e=>e.preventDefault(),className:"-translate-x-1/2 translate-y-1/2 absolute -bottom-2 left-1/2 cursor-s-resize p-2 [user-drag:none]",draggable:"false",onMouseDown:()=>{w("south")},role:"slider",tabIndex:0,children:(0,r.jsx)("div",{className:(0,u.cn)("h-1 w-8 rounded-md bg-black/50 transition-colors",{"bg-black":"south"===v})})}),(0,r.jsx)(d.Slot,{ref:h,className:m?"select-none":"",children:s})]})]})};var V=e.i(82070);let Y=({markup:e,defaultSubject:t,storageKey:a})=>{let o=t?.trim()||"Testing React Email",[i,c]=(0,V.useCachedWorkspaceState)(`test-email-subject:${a??""}`),[d,u]=(0,V.useCachedWorkspaceState)("test-email-recipient"),[f,h]=(0,n.useState)(d??""),[m,g]=(0,n.useState)(i??o),[b,v]=(0,n.useState)(!1),[x,y]=(0,n.useState)(!1),w=async t=>{t.preventDefault(),v(!0);try{let t=await fetch("https://react.email/api/send/test",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({to:f,subject:m,html:e})});t.ok?s.toast.success("Email sent! Check your inbox."):429===t.status?s.toast.error("Too many requests. Try again in around 1 minute"):s.toast.error("Something went wrong. Please try again.")}catch{s.toast.error("Something went wrong. Please try again.")}v(!1)},j=(0,n.useId)(),C=(0,n.useId)();return(0,r.jsxs)($.Root,{onOpenChange:()=>{x?(document.body.classList.remove("popup-open"),y(!1)):(document.body.classList.add("popup-open"),y(!0))},open:x,children:[(0,r.jsx)($.Trigger,{asChild:!0,children:(0,r.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-hidden transition duration-300 ease-in-out hover:border-slate-10 hover:text-slate-12",type:"submit",children:"Send"})}),(0,r.jsx)($.Anchor,{}),(0,r.jsx)($.Portal,{children:(0,r.jsx)($.Content,{align:"end",className:"-mt-10 w-80 rounded-lg border border-slate-6 bg-black/70 p-3 text-slate-11 shadow-md backdrop-blur-lg font-sans",sideOffset:48,children:(0,r.jsxs)("form",{className:"mt-1",onSubmit:e=>void w(e),children:[(0,r.jsx)("label",{className:"mb-2 block text-xs uppercase text-slate-10",htmlFor:j,children:"Recipient"}),(0,r.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-hidden transition duration-300 ease-in-out focus:ring-1 focus:ring-slate-10",value:f,id:j,onChange:e=>{let t=e.target.value;h(t),0===t.length?u(void 0):u(t)},placeholder:"you@example.com",required:!0,type:"email"}),(0,r.jsx)("label",{className:"mb-2 mt-1 block text-xs uppercase text-slate-10",htmlFor:C,children:"Subject"}),(0,r.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-hidden transition duration-300 ease-in-out focus:ring-1 focus:ring-slate-10",value:m,id:C,onChange:e=>{let t=e.target.value;g(t),a&&(t===o||0===t.length?c(void 0):c(t))},placeholder:"My Email",required:!0,type:"text"}),(0,r.jsx)("input",{className:"appearance-none checked:bg-blue-500",type:"checkbox"}),(0,r.jsxs)("div",{className:"mt-3 flex items-center justify-between",children:[(0,r.jsx)("div",{className:"inline-flex flex-col",children:(0,r.jsxs)(p,{size:"1",children:["Powered by"," ",(0,r.jsx)("a",{className:"text-white/85 transition duration-300 ease-in-out hover:text-slate-12",href:"https://go.resend.com/react-email",rel:"noreferrer",target:"_blank",children:"Resend"})]})}),(0,r.jsx)(l.Button,{className:"disabled:border-transparent disabled:bg-slate-11 m-0",disabled:0===m.length||0===f.length||b,type:"submit",children:"Send"})]})]})})})]})};var q=e.i(62866),Z=e.i(9413),K=e.i(85565),G=e.i(64794),X=e.i(91967),J=e.i(36567),Q="Toggle",ee=n.forwardRef((e,t)=>{let{pressed:a,defaultPressed:n,onPressedChange:o,...s}=e,[i,l]=(0,J.useControllableState)({prop:a,onChange:o,defaultProp:n??!1,caller:Q});return(0,r.jsx)(K.Primitive.button,{type:"button","aria-pressed":i,"data-state":i?"on":"off","data-disabled":e.disabled?"":void 0,...s,ref:t,onClick:(0,X.composeEventHandlers)(e.onClick,()=>{e.disabled||l(!i)})})});ee.displayName=Q;var et=e.i(75649),er="ToggleGroup",[ea,en]=(0,Z.createContextScope)(er,[G.createRovingFocusGroupScope]),eo=(0,G.createRovingFocusGroupScope)(),es=n.default.forwardRef((e,t)=>{let{type:a,...n}=e;if("single"===a)return(0,r.jsx)(ec,{...n,ref:t});if("multiple"===a)return(0,r.jsx)(ed,{...n,ref:t});throw Error(`Missing prop \`type\` expected on \`${er}\``)});es.displayName=er;var[ei,el]=ea(er),ec=n.default.forwardRef((e,t)=>{let{value:a,defaultValue:o,onValueChange:s=()=>{},...i}=e,[l,c]=(0,J.useControllableState)({prop:a,defaultProp:o??"",onChange:s,caller:er});return(0,r.jsx)(ei,{scope:e.__scopeToggleGroup,type:"single",value:n.default.useMemo(()=>l?[l]:[],[l]),onItemActivate:c,onItemDeactivate:n.default.useCallback(()=>c(""),[c]),children:(0,r.jsx)(ep,{...i,ref:t})})}),ed=n.default.forwardRef((e,t)=>{let{value:a,defaultValue:o,onValueChange:s=()=>{},...i}=e,[l,c]=(0,J.useControllableState)({prop:a,defaultProp:o??[],onChange:s,caller:er}),d=n.default.useCallback(e=>c((t=[])=>[...t,e]),[c]),u=n.default.useCallback(e=>c((t=[])=>t.filter(t=>t!==e)),[c]);return(0,r.jsx)(ei,{scope:e.__scopeToggleGroup,type:"multiple",value:l,onItemActivate:d,onItemDeactivate:u,children:(0,r.jsx)(ep,{...i,ref:t})})});es.displayName=er;var[eu,ef]=ea(er),ep=n.default.forwardRef((e,t)=>{let{__scopeToggleGroup:a,disabled:n=!1,rovingFocus:o=!0,orientation:s,dir:i,loop:l=!0,...c}=e,d=eo(a),u=(0,et.useDirection)(i),f={role:"group",dir:u,...c};return(0,r.jsx)(eu,{scope:a,rovingFocus:o,disabled:n,children:o?(0,r.jsx)(G.Root,{asChild:!0,...d,orientation:s,dir:u,loop:l,children:(0,r.jsx)(K.Primitive.div,{...f,ref:t})}):(0,r.jsx)(K.Primitive.div,{...f,ref:t})})}),eh="ToggleGroupItem",em=n.default.forwardRef((e,t)=>{let a=el(eh,e.__scopeToggleGroup),o=ef(eh,e.__scopeToggleGroup),s=eo(e.__scopeToggleGroup),i=a.value.includes(e.value),l=o.disabled||e.disabled,c={...e,pressed:i,disabled:l},d=n.default.useRef(null);return o.rovingFocus?(0,r.jsx)(G.Item,{asChild:!0,...s,focusable:!l,active:i,ref:d,children:(0,r.jsx)(eg,{...c,ref:t})}):(0,r.jsx)(eg,{...c,ref:t})});em.displayName=eh;var eg=n.default.forwardRef((e,t)=>{let{__scopeToggleGroup:a,value:n,...o}=e,s=el(eh,a),i={role:"radio","aria-checked":e.pressed,"aria-pressed":void 0},l="single"===s.type?i:void 0;return(0,r.jsx)(ee,{...l,...o,ref:t,onPressedChange:e=>{e?s.onItemActivate(n):s.onItemDeactivate(n)}})});let eb=n.forwardRef(({...e},t)=>(0,r.jsx)(R.IconBase,{ref:t,...e,children:(0,r.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"})}));eb.displayName="IconMonitor";let ev=n.forwardRef(({...e},t)=>(0,r.jsx)(R.IconBase,{ref:t,...e,children:(0,r.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"})}));ev.displayName="IconSource";let ex=({activeView:e,setActiveView:t})=>(0,r.jsxs)(es,{"aria-label":"View mode",className:"lg:absolute lg:left-1/2 lg:-translate-x-1/2 inline-block items-center bg-slate-2 border border-slate-6 rounded-md overflow-hidden h-[36px]",onValueChange:e=>{e&&t(e)},type:"single",value:e,children:[(0,r.jsx)(em,{value:"preview",children:(0,r.jsxs)(S.Tooltip,{children:[(0,r.jsx)(S.Tooltip.Trigger,{asChild:!0,children:(0,r.jsxs)("div",{className:(0,u.cn)("w-9 flex items-center py-2 transition ease-in-out duration-200 relative hover:text-slate-12",{"text-slate-11":"preview"!==e,"text-slate-12":"preview"===e}),children:["preview"===e&&(0,r.jsx)(x.motion.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:w}),(0,r.jsx)(eb,{className:"m-auto"})]})}),(0,r.jsx)(S.Tooltip.Content,{children:"Preview"})]})}),(0,r.jsx)(em,{value:"source",children:(0,r.jsxs)(S.Tooltip,{children:[(0,r.jsx)(S.Tooltip.Trigger,{asChild:!0,children:(0,r.jsxs)("div",{className:(0,u.cn)("w-9 flex py-2 transition ease-in-out duration-200 relative hover:text-slate-12",{"text-slate-11":"source"!==e,"text-slate-12":"source"===e}),children:["source"===e&&(0,r.jsx)(x.motion.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:w}),(0,r.jsx)(ev,{className:"m-auto"})]})}),(0,r.jsx)(S.Tooltip.Content,{children:"Code"})]})})]}),ey=({...e})=>(0,r.jsx)(R.IconBase,{...e,children:(0,r.jsx)("path",{stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",d:"M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401"})});ey.displayName="IconMoon";let ew=({...e})=>(0,r.jsxs)(R.IconBase,{...e,children:[(0,r.jsx)("circle",{cx:"12",cy:"12",r:"4",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),(0,r.jsx)("path",{stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",d:"M12 2v2"}),(0,r.jsx)("path",{stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",d:"M12 20v2"}),(0,r.jsx)("path",{stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",d:"m4.93 4.93 1.41 1.41"}),(0,r.jsx)("path",{stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",d:"m17.66 17.66 1.41 1.41"}),(0,r.jsx)("path",{stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",d:"M2 12h2"}),(0,r.jsx)("path",{stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",d:"M20 12h2"}),(0,r.jsx)("path",{stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",d:"m6.34 17.66-1.41 1.41"}),(0,r.jsx)("path",{stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",d:"m19.07 4.93-1.41 1.41"})]});ew.displayName="IconSun";let ej=({enabled:e,onChange:t})=>(0,r.jsxs)(S.Tooltip,{children:[(0,r.jsx)(S.Tooltip.Trigger,{asChild:!0,children:(0,r.jsx)(ee,{value:"dark",className:(0,u.cn)("relative w-9 h-9 flex items-center justify-center border border-slate-6 text-sm rounded-lg transition duration-200 ease-in-out","text-slate-11 hover:text-slate-12 aria-pressed:bg-slate-4"),pressed:e,onPressedChange:()=>t(!e),children:(0,r.jsxs)("div",{className:"relative w-5 h-5",children:[(0,r.jsx)("div",{className:(0,u.cn)("absolute inset-0 flex items-center justify-center transition-all duration-300 ease-in-out",e?"opacity-0 scale-50 rotate-90":"opacity-100 scale-100 rotate-0"),children:(0,r.jsx)(ey,{})}),(0,r.jsx)("div",{className:(0,u.cn)("absolute inset-0 flex items-center justify-center transition-all duration-300 ease-in-out",e?"opacity-100 scale-100 rotate-0":"opacity-0 scale-50 -rotate-90"),children:(0,r.jsx)(ew,{})})]})})}),(0,r.jsx)(S.Tooltip.Content,{children:"When enabled, inverts colors in the preview emulating what email clients do in dark mode."})]}),eC=n.forwardRef(({...e},t)=>(0,r.jsx)(R.IconBase,{ref:t,...e,children:(0,r.jsx)("path",{clipRule:"evenodd",d:"M5 2.25H19C20.5188 2.25 21.75 3.48122 21.75 5V19C21.75 20.5188 20.5188 21.75 19 21.75L5 21.75C3.48122 21.75 2.25 20.5188 2.25 19L2.25 5C2.25 3.48122 3.48122 2.25 5 2.25ZM5 20.25C4.30964 20.25 3.75 19.6904 3.75 19L3.75 5C3.75 4.30964 4.30964 3.75 5 3.75L14.25 3.75L14.25 20.25L5 20.25ZM15.75 20.25L15.75 3.75L19 3.75C19.6904 3.75 20.25 4.30965 20.25 5L20.25 19C20.25 19.6904 19.6904 20.25 19 20.25H15.75Z",fill:"currentColor",fillRule:"evenodd"})}));eC.displayName="IconPanelRight";let ek=({open:e,onChange:t})=>(0,r.jsxs)(S.Tooltip,{children:[(0,r.jsx)(S.Tooltip.Trigger,{asChild:!0,children:(0,r.jsx)(ee,{"aria-label":"Props panel",className:(0,u.cn)("relative flex h-9 w-9 items-center justify-center rounded-lg border border-slate-6 text-sm transition duration-200 ease-in-out","text-slate-11 aria-pressed:bg-slate-4 hover:text-slate-12"),onPressedChange:()=>t(!e),pressed:e,value:"props",children:(0,r.jsx)(eC,{size:20})})}),(0,r.jsx)(S.Tooltip.Content,{children:"Show/hide the props panel"})]}),eM=(e,t,r)=>Math.min(Math.max(e,t),r),eR=(e,t,r)=>{let[a,o]=(0,n.useState)(e);return[eM(a,t,r),e=>{"function"==typeof e?o(a=>{let n=eM(a,t,r);return eM(e(n),t,r)}):o(eM(e,t,r))}]};var eE=e.i(94997);function eS(e,t){let r,a,n=e.length,o=!1,s=!1;Array.isArray(e[0])?r=e:(n=(r=[e]).length,o=!0),Array.isArray(t[0])?a=t:(a=t.length>0?t.map(e=>[e]):[[]],s=!0);let i=a[0].length,l=a[0].map((e,t)=>a.map(e=>e[t])),c=r.map(e=>l.map(t=>{let r=0;if(!Array.isArray(e)){for(let a of t)r+=e*a;return r}for(let a=0;a<e.length;a++)r+=e[a]*(t[a]||0);return r}));if(1===n&&o&&(c=c[0]),1===i&&s)if(1===n&&o)return c[0];else return c.map(e=>e[0]);return c}function eN(e,t){return e[0]*t[0]+e[1]*t[1]+e[2]*t[2]}function eT(e,t,r=[0,0,0]){let a=eN(e,t[0]),n=eN(e,t[1]),o=eN(e,t[2]);return r[0]=a,r[1]=n,r[2]=o,r}function eP(e){return"string"===eL(e)}function eL(e){return(Object.prototype.toString.call(e).match(/^\[object\s+(.*?)\]$/)[1]||"").toLowerCase()}function eI(e,{precision:t=16,unit:r}){return eA(e)?"none":(e=+eB(e,t))+(r??"")}function eA(e){return null===e}function e_(e){return eA(e)?0:e}function eB(e,t){if(0===e)return 0;let r=~~e,a=0;r&&t&&(a=~~Math.log10(Math.abs(r))+1);let n=10**(t-a);return Math.floor(e*n+.5)/n}function eD(e,t,r){return isNaN(e)?t:isNaN(t)?e:e+(t-e)*r}function eO(e,t,r){return(r-e)/(t-e)}function eH(e,t,r){return!e||!t||e===t||e[0]===t[0]&&e[1]===t[1]||isNaN(r)||null===r?r:eD(t[0],t[1],eO(e[0],e[1],r))}function e$(e,t,r){return Math.max(Math.min(r,t),e)}function ez(e,t){return Math.sign(e)===Math.sign(t)?e:-e}function eF(e,t){return ez(Math.abs(e)**t,e)}function eW(e,t){return 0===t?0:e/t}function eU(e,t,r=0,a=e.length){for(;r<a;){let n=r+a>>1;e[n]<t?r=n+1:a=n}return r}function eV(e,t){if(e instanceof t)return!0;let r=t.name;for(;e;){let t=Object.getPrototypeOf(e),a=t?.constructor?.name;if(a===r)return!0;if(!a||"Object"===a)break;e=t}return!1}var eY=Object.freeze({__proto__:null,bisectLeft:eU,clamp:e$,copySign:ez,interpolate:eD,interpolateInv:eO,isInstance:eV,isNone:eA,isString:eP,mapRange:eH,multiplyMatrices:eS,multiply_v3_m3x3:eT,serializeNumber:eI,skipNone:e_,spow:eF,toPrecision:eB,type:eL,zdiv:eW});let eq=new class{add(e,t,r){if("string"!=typeof arguments[0]){for(var e in arguments[0])this.add(e,arguments[0][e],arguments[1]);return}(Array.isArray(e)?e:[e]).forEach(function(e){this[e]=this[e]||[],t&&this[e][r?"unshift":"push"](t)},this)}run(e,t){this[e]=this[e]||[],this[e].forEach(function(e){e.call(t&&t.context?t.context:t,t)})}};var eZ={gamut_mapping:"css",precision:5,deltaE:"76",verbose:globalThis?.process?.env?.NODE_ENV?.toLowerCase()!=="test",warn:function(e){this.verbose&&globalThis?.console?.warn?.(e)}};class eK{type;coordMeta;coordRange;range;constructor(e,t){if("object"==typeof e&&(this.coordMeta=e),t&&(this.coordMeta=t,this.coordRange=t.range??t.refRange),"string"==typeof e){let t=e.trim().match(/^(?<type><[a-z]+>)(\[(?<min>-?[.\d]+),\s*(?<max>-?[.\d]+)\])?$/);if(!t)throw TypeError(`Cannot parse ${e} as a type definition.`);this.type=t.groups.type;let{min:r,max:a}=t.groups;(r||a)&&(this.range=[+r,+a])}}get computedRange(){return this.range?this.range:"<percentage>"===this.type?this.percentageRange():"<angle>"===this.type?[0,360]:null}get unit(){return"<percentage>"===this.type?"%":"<angle>"===this.type?"deg":""}resolve(e){if("<angle>"===this.type)return e;let t=this.computedRange,r=this.coordRange;return"<percentage>"===this.type&&(r??=this.percentageRange()),eH(t,r,e)}serialize(e,t){let r="<percentage>"===this.type?this.percentageRange(100):this.computedRange,a=this.unit;return eI(e=eH(this.coordRange,r,e),{unit:a,precision:t})}toString(){let e=this.type;if(this.range){let[t="",r=""]=this.range;e+=`[${t},${r}]`}return e}percentageRange(e=1){let t;return[(t=this.coordMeta&&this.coordMeta.range||this.coordRange&&this.coordRange[0]>=0?[0,1]:[-1,1])[0]*e,t[1]*e]}static get(e,t){return eV(e,this)?e:new this(e,t)}}let eG=Symbol("instance");class eX{type;name;spaceCoords;coords;id;alpha;constructor(e,t=e.space){if(e[eG]=this,this.type="function",this.name="color",Object.assign(this,e),this.space=t,"custom"===this.type)return;this.spaceCoords=Object.values(t.coords),this.coords||(this.coords=this.spaceCoords.map(e=>{let t=["<number>","<percentage>"];return"angle"===e.type&&t.push("<angle>"),t})),this.coords=this.coords.map((e,t)=>{let r=this.spaceCoords[t];return"string"==typeof e&&(e=e.trim().split(/\s*\|\s*/)),e.map(e=>eK.get(e,r))})}serializeCoords(e,t,r){return r=e.map((e,t)=>eK.get(r?.[t]??this.coords[t][0],this.spaceCoords[t])),e.map((e,a)=>r[a].serialize(e,t))}coerceCoords(e,t){return Object.entries(this.space.coords).map(([r,a],n)=>{let o=e[n];if(eA(o)||isNaN(o))return o;let s=t[n],i=this.coords[n].find(e=>e.type==s);if(!i){let e=a.name||r;throw TypeError(`${s??o?.raw??o} not allowed for ${e} in ${this.name}()`)}return o=i.resolve(o),i.range&&(t[n]=i.toString()),o})}canSerialize(){return"function"===this.type||this.serialize}parse(e){return null}static get(e,...t){return!e||eV(e,this)?e:e[eG]?e[eG]:new eX(e,...t)}}let eJ={D50:[.3457/.3585,1,.8251046025104602],D65:[.3127/.329,1,1.0890577507598784]};function eQ(e){return Array.isArray(e)?e:eJ[e]}function e0(e,t,r,a={}){if(e=eQ(e),t=eQ(t),!e||!t)throw TypeError(`Missing white point to convert ${!e?"from":""}${!e&&!t?"/":""}${!t?"to":""}`);if(e===t)return r;let n={W1:e,W2:t,XYZ:r,options:a};if(eq.run("chromatic-adaptation-start",n),n.M||(n.W1===eJ.D65&&n.W2===eJ.D50?n.M=[[1.0479297925449969,.022946870601609652,-.05019226628920524],[.02962780877005599,.9904344267538799,-.017073799063418826],[-.009243040646204504,.015055191490298152,.7518742814281371]]:n.W1===eJ.D50&&n.W2===eJ.D65&&(n.M=[[.955473421488075,-.02309845494876471,.06325924320057072],[-.0283697093338637,1.0099953980813041,.021041441191917323],[.012314014864481998,-.020507649298898964,1.330365926242124]])),eq.run("chromatic-adaptation-end",n),n.M)return eT(n.XYZ,n.M);throw TypeError("Only Bradford CAT with white points D50 and D65 supported for now.")}function e1(e,t){let r,a={str:String(e)?.trim(),options:t};if(eq.run("parse-start",a),a.color)return a.color;a.parsed=function(e){if(!e)return;let t=(e=e.trim()).match(e5.function);if(t){let e=[],r=[],a=!1,n=t[1].toLowerCase(),o=t[2].replace(e5.singleArgument,(t,o)=>{let s,i,l,{value:c,meta:d}=(s={},i=o.match(e5.unitValue)?.[0],l=s.raw=o,i?(s.type="%"===i?"<percentage>":"<angle>",s.unit=i,s.unitless=Number(l.slice(0,-i.length)),l=s.unitless*e2[i]):e5.number.test(l)?(l=Number(l),s.type="<number>"):"none"===l?l=null:"NaN"===l||"calc(NaN)"===l?(l=NaN,s.type="<number>"):s.type="<ident>",{value:l,meta:s});return(t.startsWith("/")||"color"!==n&&3===e.length)&&(a=!0),e.push(c),r.push(d),""});return{name:n,args:e,argMeta:r,lastAlpha:a,commas:o.includes(","),rawName:t[1],rawArgs:t[2]}}}(a.str);let n=a.options?a.options.parseMeta??a.options.meta:null;if(a.parsed){let t,o,s=a.parsed.name,i=a.parsed.args,l=i.map((e,t)=>a.parsed.argMeta[t]?.type);if("color"===s){let r=i.shift();l.shift();let n=r.startsWith("--")?r.substring(2):`--${r}`,c=[r,n];if(!(t=e6.findFormat({name:s,id:c,type:"function"}))){let t,o=r in e6.registry?r:n;if(o in e6.registry){let a=e6.registry[o].formats?.color?.id;if(a){let n=e.replace("color("+r,"color("+a);t=`Did you mean ${n}?`}}throw TypeError(`Cannot parse ${a.str}. `+(t??"Missing a plugin?"))}o=t.space,t.id.startsWith("--")&&!r.startsWith("--")&&eZ.warn(`${o.name} is a non-standard space and not currently supported in the CSS spec. Use prefixed color(${t.id}) instead of color(${r}).`),r.startsWith("--")&&!t.id.startsWith("--")&&eZ.warn(`${o.name} is a standard space and supported in the CSS spec. Use color(${t.id}) instead of prefixed color(${r}).`)}else o=(t=e6.findFormat({name:s,type:"function"})).space;n&&Object.assign(n,{format:t,formatId:t.name,types:l,commas:a.parsed.commas});let c=1;a.parsed.lastAlpha&&(c=a.parsed.args.pop(),n&&(n.alphaType=l.pop()));let d=t.coords.length;if(i.length!==d)throw TypeError(`Expected ${d} coordinates for ${o.id} in ${a.str}), got ${i.length}`);i=t.coerceCoords(i,l),r={spaceId:o.id,coords:i,alpha:c}}else e:for(let e of e6.all)for(let t in e.formats){let o=e.formats[t];if("custom"!==o.type||o.test&&!o.test(a.str))continue;let s=e.getFormat(o),i=s.parse(a.str);if(i){n&&Object.assign(n,{format:s,formatId:t}),r=i;break e}}if(!r)throw TypeError(`Could not parse ${e} as a color. Missing a plugin?`);return r.alpha=eA(r.alpha)?r.alpha:void 0===r.alpha?1:e$(0,r.alpha,1),r}let e2={"%":.01,deg:1,grad:.9,rad:180/Math.PI,turn:360},e5={function:/^([a-z]+)\(((?:calc\(NaN\)|.)+?)\)$/i,number:/^([-+]?(?:[0-9]*\.)?[0-9]+(e[-+]?[0-9]+)?)$/i,unitValue:RegExp(`(${Object.keys(e2).join("|")})$`),singleArgument:/\/?\s*(none|NaN|calc\(NaN\)|[-+\w.]+(?:%|deg|g?rad|turn)?)/g};function e4(e,t){if(Array.isArray(e))return e.map(e=>e4(e,t));if(!e)throw TypeError("Empty color reference");eP(e)&&(e=e1(e,t));let r=e.space||e.spaceId;return"string"==typeof r&&(e.space=e6.get(r)),void 0===e.alpha&&(e.alpha=1),e}class e6{constructor(e){this.id=e.id,this.name=e.name,this.base=e.base?e6.get(e.base):null,this.aliases=e.aliases,this.base&&(this.fromBase=e.fromBase,this.toBase=e.toBase);let t=e.coords??this.base.coords;for(let e in t)"name"in t[e]||(t[e].name=e);this.coords=t;let r=e.white??this.base.white??"D65";for(let t in this.white=eQ(r),this.formats=e.formats??{},this.formats){let e=this.formats[t];e.type||="function",e.name||=t}this.formats.color?.id||(this.formats.color={...this.formats.color??{},id:e.cssId||this.id}),e.gamutSpace?this.gamutSpace="self"===e.gamutSpace?this:e6.get(e.gamutSpace):this.isPolar?this.gamutSpace=this.base:this.gamutSpace=this,this.gamutSpace.isUnbounded&&(this.inGamut=(e,t)=>!0),this.referred=e.referred,Object.defineProperty(this,"path",{value:(function(e){let t=[e];for(let r=e;r=r.base;)t.push(r);return t})(this).reverse(),writable:!1,enumerable:!0,configurable:!0}),eq.run("colorspace-init-end",this)}inGamut(e,{epsilon:t=75e-6}={}){if(!this.equals(this.gamutSpace))return e=this.to(this.gamutSpace,e),this.gamutSpace.inGamut(e,{epsilon:t});let r=Object.values(this.coords);return e.every((e,a)=>{let n=r[a];if("angle"!==n.type&&n.range){if(eA(e))return!0;let[r,a]=n.range;return(void 0===r||e>=r-t)&&(void 0===a||e<=a+t)}return!0})}get isUnbounded(){return Object.values(this.coords).every(e=>!("range"in e))}get cssId(){return this.formats?.color?.id||this.id}get isPolar(){for(let e in this.coords)if("angle"===this.coords[e].type)return!0;return!1}getFormat(e){if(!e)return null;"default"===e?e=Object.values(this.formats)[0]:"string"==typeof e&&(e=this.formats[e]);let t=eX.get(e,this);return t!==e&&e.name in this.formats&&(this.formats[e.name]=t),t}equals(e){return!!e&&(this===e||this.id===e||this.id===e.id)}to(e,t){let r,a;if(1==arguments.length){let r=e4(e);[e,t]=[r.space,r.coords]}if(e=e6.get(e),this.equals(e))return t;t=t.map(e=>eA(e)?0:e);let n=this.path,o=e.path;for(let e=0;e<n.length;e++)if(n[e].equals(o[e]))r=n[e],a=e;else break;if(!r)throw Error(`Cannot convert between color spaces ${this} and ${e}: no connection space was found`);for(let e=n.length-1;e>a;e--)t=n[e].toBase(t);for(let e=a+1;e<o.length;e++)t=o[e].fromBase(t);return t}from(e,t){if(1==arguments.length){let r=e4(e);[e,t]=[r.space,r.coords]}return(e=e6.get(e)).to(this,t)}toString(){return`${this.name} (${this.id})`}getMinCoords(){let e=[];for(let t in this.coords){let r=this.coords[t],a=r.range||r.refRange;e.push(a?.min??0)}return e}static registry={};static get all(){return[...new Set(Object.values(e6.registry))]}static register(e,t){if(1==arguments.length&&(t=arguments[0],e=t.id),t=this.get(t),this.registry[e]&&this.registry[e]!==t)throw Error(`Duplicate color space registration: '${e}'`);if(this.registry[e]=t,1==arguments.length&&t.aliases)for(let e of t.aliases)this.register(e,t);return t}static get(e,...t){if(!e||eV(e,this))return e;if("string"===eL(e)){let t=e6.registry[e.toLowerCase()];if(!t)throw TypeError(`No color space found with id = "${e}"`);return t}if(t.length)return e6.get(...t);throw TypeError(`${e} is not a valid color space`)}static findFormat(e,t=e6.all){if(!e)return null;for(let r of("string"==typeof e&&(e={name:e}),t))for(let[t,a]of Object.entries(r.formats)){a.name??=t,a.type??="function";let n=(!e.name||a.name===e.name)&&(!e.type||a.type===e.type);if(e.id){let t=a.ids||[a.id],r=Array.isArray(e.id)?e.id:[e.id];n&&=r.some(e=>t.includes(e))}if(n){let e=eX.get(a,r);return e!==a&&(r.formats[a.name]=e),e}}return null}static resolveCoord(e,t){let r,a,n=eL(e);if("string"===n?e.includes(".")?[r,a]=e.split("."):[r,a]=[,e]:Array.isArray(e)?[r,a]=e:(r=e.space,a=e.coordId),(r=e6.get(r))||(r=t),!r)throw TypeError(`Cannot resolve coordinate reference ${e}: No color space specified and relative references are not allowed here`);if("number"===(n=eL(a))||"string"===n&&a>=0){let e=Object.entries(r.coords)[a];if(e)return{space:r,id:e[0],index:a,...e[1]}}r=e6.get(r);let o=a.toLowerCase(),s=0;for(let e in r.coords){let t=r.coords[e];if(e.toLowerCase()===o||t.name?.toLowerCase()===o)return{space:r,id:e,index:s,...t};s++}throw TypeError(`No "${a}" coordinate found in ${r.name}. Its coordinates are: ${Object.keys(r.coords).join(", ")}`)}static DEFAULT_FORMAT={type:"functions",name:"color"}}var e3=new e6({id:"xyz-d65",name:"XYZ D65",coords:{x:{refRange:[0,1],name:"X"},y:{refRange:[0,1],name:"Y"},z:{refRange:[0,1],name:"Z"}},white:"D65",formats:{color:{ids:["xyz-d65","xyz"]}},aliases:["xyz"]});class e8 extends e6{constructor(e){e.coords||(e.coords={r:{range:[0,1],name:"Red"},g:{range:[0,1],name:"Green"},b:{range:[0,1],name:"Blue"}}),e.base||(e.base=e3),e.toXYZ_M&&e.fromXYZ_M&&(e.toBase??=t=>{let r=eT(t,e.toXYZ_M);return this.white!==this.base.white&&(r=e0(this.white,this.base.white,r)),r},e.fromBase??=t=>eT(t=e0(this.base.white,this.white,t),e.fromXYZ_M)),e.referred??="display",super(e)}}function e9(e,t){let r;e=e4(e);let a=e6.get(t,t?.space),n=t?.precision;return r=!a||e.space.equals(a)?e.coords.slice():a.from(e),void 0===n?r:r.map(e=>eB(e,n))}function e7(e,t){if(e=e4(e),"alpha"===t)return e.alpha??1;let{space:r,index:a}=e6.resolveCoord(t,e.space);return e9(e,r)[a]}function te(e,t,r,a){return e=e4(e),Array.isArray(t)&&([t,r,a]=[e.space,t,r]),t=e6.get(t),e.coords=t===e.space?r.slice():t.to(e.space,r),void 0!==a&&(e.alpha=a),e}function tt(e,t,r){if(e=e4(e),2==arguments.length&&"object"===eL(arguments[1])){let t=arguments[1];for(let r in t)tt(e,r,t[r])}else if("function"==typeof r&&(r=r(e7(e,t))),"alpha"===t)e.alpha=r;else{let{space:a,index:n}=e6.resolveCoord(t,e.space),o=e9(e,a);o[n]=r,te(e,a,o)}return e}te.returns="color",tt.returns="color";var tr=new e6({id:"xyz-d50",name:"XYZ D50",white:"D50",base:e3,fromBase:e=>e0(e3.white,"D50",e),toBase:e=>e0("D50",e3.white,e)});let ta=216/24389,tn=24/116,to=24389/27,ts=eJ.D50;var ti=new e6({id:"lab",name:"Lab",coords:{l:{refRange:[0,100],name:"Lightness"},a:{refRange:[-125,125]},b:{refRange:[-125,125]}},white:ts,base:tr,fromBase(e){let t=e.map((e,t)=>e/ts[t]).map(e=>e>ta?Math.cbrt(e):(to*e+16)/116);return[116*t[1]-16,500*(t[0]-t[1]),200*(t[1]-t[2])]},toBase(e){let[t,r,a]=e,n=[];return n[1]=(t+16)/116,n[0]=r/500+n[1],n[2]=n[1]-a/200,[n[0]>tn?Math.pow(n[0],3):(116*n[0]-16)/to,e[0]>8?Math.pow((e[0]+16)/116,3):e[0]/to,n[2]>tn?Math.pow(n[2],3):(116*n[2]-16)/to].map((e,t)=>e*ts[t])},formats:{lab:{coords:["<percentage> | <number>","<number> | <percentage>","<number> | <percentage>"]}}});function tl(e){return"number"!=typeof e?e:(e%360+360)%360}function tc(e,t){let[r,a]=t,n=eA(r),o=eA(a);if(n&&o)return[r,a];if(n?r=a:o&&(a=r),"raw"===e)return t;r=tl(r);let s=(a=tl(a))-r;return"increasing"===e?s<0&&(a+=360):"decreasing"===e?s>0&&(r+=360):"longer"===e?-180<s&&s<180&&(s>0?r+=360:a+=360):"shorter"===e&&(s>180?r+=360:s<-180&&(a+=360)),[r,a]}var td=new e6({id:"lch",name:"LCH",coords:{l:{refRange:[0,100],name:"Lightness"},c:{refRange:[0,150],name:"Chroma"},h:{refRange:[0,360],type:"angle",name:"Hue"}},base:ti,fromBase(e){if(void 0===this.ε){let e=Object.values(this.base.coords)[1].refRange,t=e[1]-e[0];this.ε=t/1e5}let[t,r,a]=e,n=Math.abs(r)<this.ε&&Math.abs(a)<this.ε,o=n?null:tl(180*Math.atan2(a,r)/Math.PI);return[t,n?0:Math.sqrt(r**2+a**2),o]},toBase(e){let[t,r,a]=e,n=null,o=null;return eA(a)||(n=(r=r<0?0:r)*Math.cos(a*Math.PI/180),o=r*Math.sin(a*Math.PI/180)),[t,n,o]},formats:{lch:{coords:["<percentage> | <number>","<number> | <percentage>","<number> | <angle>"]}}});let tu=Math.PI,tf=180/tu,tp=tu/180;function th(e){let t=e*e;return t*t*t*e}function tm(e,t,{kL:r=1,kC:a=1,kH:n=1}={}){let o,s;[e,t]=e4([e,t]);let[i,l,c]=ti.from(e),d=td.from(ti,[i,l,c])[1],[u,f,p]=ti.from(t),h=td.from(ti,[u,f,p])[1];d<0&&(d=0),h<0&&(h=0);let m=th((d+h)/2),g=.5*(1-Math.sqrt(m/(m+0x16bcc41e9))),b=(1+g)*l,v=(1+g)*f,x=Math.sqrt(b**2+c**2),y=Math.sqrt(v**2+p**2),w=0===b&&0===c?0:Math.atan2(c,b),j=0===v&&0===p?0:Math.atan2(p,v);w<0&&(w+=2*tu),j<0&&(j+=2*tu),w*=tf;let C=u-i,k=y-x,M=(j*=tf)-w,R=w+j,E=Math.abs(M);x*y==0?o=0:E<=180?o=M:M>180?o=M-360:M<-180?o=M+360:eZ.warn("the unthinkable has happened");let S=2*Math.sqrt(y*x)*Math.sin(o*tp/2),N=(i+u)/2,T=(x+y)/2,P=th(T),L=(N-50)**2,I=1+.015*L/Math.sqrt(20+L),A=1+.045*T,_=1+.015*T*(1-.17*Math.cos(((s=x*y==0?R:E<=180?R/2:R<360?(R+360)/2:(R-360)/2)-30)*tp)+.24*Math.cos(2*s*tp)+.32*Math.cos((3*s+6)*tp)-.2*Math.cos((4*s-63)*tp)),B=(C/(r*I))**2;return Math.sqrt(B+=(k/(a*A))**2+(S/(n*_))**2+k/(a*A)*(-1*Math.sin(2*(30*Math.exp(-1*((s-275)/25)**2))*tp)*(2*Math.sqrt(P/(P+0x16bcc41e9))))*(S/(n*_)))}let tg=[[.819022437996703,.3619062600528904,-.1288737815209879],[.0329836539323885,.9292868615863434,.0361446663506424],[.0481771893596242,.2642395317527308,.6335478284694309]],tb=[[1.2268798758459243,-.5578149944602171,.2813910456659647],[-.0405757452148008,1.112286803280317,-.0717110580655164],[-.0763729366746601,-.4214933324022432,1.5869240198367816]],tv=[[.210454268309314,.7936177747023054,-.0040720430116193],[1.9779985324311684,-2.42859224204858,.450593709617411],[.0259040424655478,.7827717124575296,-.8086757549230774]],tx=[[1,.3963377773761749,.2158037573099136],[1,-.1055613458156586,-.0638541728258133],[1,-.0894841775298119,-1.2914855480194092]];var ty=new e6({id:"oklab",name:"Oklab",coords:{l:{refRange:[0,1],name:"Lightness"},a:{refRange:[-.4,.4]},b:{refRange:[-.4,.4]}},white:"D65",base:e3,fromBase(e){let t=eT(e,tg);return t[0]=Math.cbrt(t[0]),t[1]=Math.cbrt(t[1]),t[2]=Math.cbrt(t[2]),eT(t,tv,t)},toBase(e){let t=eT(e,tx);return t[0]=t[0]**3,t[1]=t[1]**3,t[2]=t[2]**3,eT(t,tb,t)},formats:{oklab:{coords:["<percentage> | <number>","<number> | <percentage>","<number> | <percentage>"]}}});function tw(e,t){[e,t]=e4([e,t]);let[r,a,n]=ty.from(e),[o,s,i]=ty.from(t);return Math.sqrt((r-o)**2+(a-s)**2+(n-i)**2)}function tj(e,t,{epsilon:r=75e-6}={}){e=e4(e),t||(t=e.space),t=e6.get(t);let a=e.coords;return t!==e.space&&(a=t.from(e)),t.inGamut(a,{epsilon:r})}function tC(e){return{space:e.space,coords:e.coords.slice(),alpha:e.alpha}}function tk(e,t,r="lab"){let a=(r=e6.get(r)).from(e),n=r.from(t);return Math.sqrt(a.reduce((e,t,r)=>{let a=n[r];return eA(t)||eA(a)?e:e+(a-t)**2},0))}let tM=Math.PI/180;var tR=new e6({id:"xyz-abs-d65",cssId:"--xyz-abs-d65",name:"Absolute XYZ D65",coords:{x:{refRange:[0,9504.7],name:"Xa"},y:{refRange:[0,1e4],name:"Ya"},z:{refRange:[0,10888.3],name:"Za"}},base:e3,fromBase:e=>e.map(e=>203*e),toBase:e=>e.map(e=>e/203)});let tE=2610/16384,tS=16384/2610,tN=1.7*2523/32,tT=32/(1.7*2523),tP=[[.41478972,.579999,.014648],[-.20151,1.120649,.0531008],[-.0166008,.2648,.6684799]],tL=[[1.9242264357876067,-1.0047923125953657,.037651404030618],[.35031676209499907,.7264811939316552,-.06538442294808501],[-.09098281098284752,-.3127282905230739,1.5227665613052603]],tI=[[.5,.5,0],[3.524,-4.066708,.542708],[.199076,1.096799,-1.295875]],tA=[[1,.13860504327153927,.05804731615611883],[1,-.1386050432715393,-.058047316156118904],[1,-.09601924202631895,-.811891896056039]];var t_=new e6({id:"jzazbz",name:"Jzazbz",coords:{jz:{refRange:[0,1],name:"Jz"},az:{refRange:[-.21,.21]},bz:{refRange:[-.21,.21]}},base:tR,fromBase(e){let[t,r,a]=e,n=eT([1.15*t-(1.15-1)*a,.66*r-(.66-1)*t,a],tP).map(function(e){let t=.8359375+18.8515625*eF(e/1e4,tE),r=1+18.6875*eF(e/1e4,tE);return eF(t/r,tN)}),[o,s,i]=eT(n,tI);return[.43999999999999995*o/(1+-.56*o)-16295499532821565e-27,s,i]},toBase(e){let[t,r,a]=e,n=eT([(t+16295499532821565e-27)/(.43999999999999995- -.56*(t+16295499532821565e-27)),r,a],tA).map(function(e){let t=.8359375-eF(e,tT),r=18.6875*eF(e,tT)-18.8515625;return 1e4*eF(t/r,tS)}),[o,s,i]=eT(n,tL),l=(o+(1.15-1)*i)/1.15;return[l,(s+(.66-1)*l)/.66,i]},formats:{jzazbz:{coords:["<percentage> | <number>","<number> | <percentage>","<number> | <percentage>"]}}}),tB=new e6({id:"jzczhz",name:"JzCzHz",coords:{jz:{refRange:[0,1],name:"Jz"},cz:{refRange:[0,.26],name:"Chroma"},hz:{refRange:[0,360],type:"angle",name:"Hue"}},base:t_,fromBase:td.fromBase,toBase:td.toBase,formats:{jzczhz:{coords:["<percentage> | <number>","<number> | <percentage>","<number> | <angle>"]}}});let tD=2413/128,tO=2610/16384,tH=2523/32,t$=16384/2610,tz=32/2523,tF=[[.3592832590121217,.6976051147779502,-.035891593232029],[-.1920808463704993,1.100476797037432,.0753748658519118],[.0070797844607479,.0748396662186362,.8433265453898765]],tW=[[.5,.5,0],[6610/4096,-13613/4096,7003/4096],[17933/4096,-17390/4096,-543/4096]],tU=[[.9999999999999998,.0086090370379328,.111029625003026],[.9999999999999998,-.0086090370379328,-.1110296250030259],[.9999999999999998,.5600313357106791,-.3206271749873188]],tV=[[2.0701522183894223,-1.3263473389671563,.2066510476294053],[.3647385209748072,.6805660249472273,-.0453045459220347],[-.0497472075358123,-.0492609666966131,1.1880659249923042]];var tY=new e6({id:"ictcp",name:"ICTCP",coords:{i:{refRange:[0,1],name:"I"},ct:{refRange:[-.5,.5],name:"CT"},cp:{refRange:[-.5,.5],name:"CP"}},base:tR,fromBase:e=>{var t;return t=eT(e,tF),eT(t.map(function(e){return((.8359375+tD*(e/1e4)**tO)/(1+18.6875*(e/1e4)**tO))**tH}),tW)},toBase:e=>eT(eT(e,tU).map(function(e){let t=Math.max(e**tz-.8359375,0);return 1e4*(t/(tD-18.6875*e**tz))**t$}),tV),formats:{ictcp:{coords:["<percentage> | <number>","<number> | <percentage>","<number> | <percentage>"]}}});let tq=eJ.D65,tZ=2*Math.PI,tK=[[.401288,.650173,-.051461],[-.250268,1.204414,.045854],[-.002079,.048952,.953127]],tG=[[1.8620678550872327,-1.0112546305316843,.14918677544445175],[.38752654323613717,.6214474419314753,-.008973985167612518],[-.015841498849333856,-.03412293802851557,1.0499644368778496]],tX=[[460,451,288],[460,-891,-261],[460,-220,-6300]],tJ={dark:[.8,.525,.8],dim:[.9,.59,.9],average:[1,.69,1]},tQ=[20.14,90,164.25,237.53,380.14],t0=[.8,.7,1,1.2,.8],t1=[0,100,200,300,400],t2=180/Math.PI,t5=Math.PI/180;function t4(e,t){return e.map(e=>{let r=eF(t*Math.abs(e)*.01,.42);return 400*ez(r,e)/(r+27.13)})}function t6(e,t,r,a,n){let o={};o.discounting=n,o.refWhite=e,o.surround=a;let s=e.map(e=>100*e);o.la=t,o.yb=r;let i=s[1],l=eT(s,tK),c=tJ[o.surround],d=c[0];o.c=c[1],o.nc=c[2];let u=(1/(5*o.la+1))**4;o.fl=u*o.la+.1*(1-u)*(1-u)*Math.cbrt(5*o.la),o.flRoot=o.fl**.25,o.n=o.yb/i,o.z=1.48+Math.sqrt(o.n),o.nbb=.725*o.n**-.2,o.ncb=o.nbb;let f=Math.max(Math.min(d*(1-1/3.6*Math.exp((-o.la-42)/92)),1),0);o.dRgb=l.map(e=>eD(1,i/e,f)),o.dRgbInv=o.dRgb.map(e=>1/e);let p=t4(l.map((e,t)=>e*o.dRgb[t]),o.fl);return o.aW=o.nbb*(2*p[0]+p[1]+.05*p[2]),o}let t3=t6(tq,64/Math.PI*.2,20,"average",!1);function t8(e,t){var r;let a;if(!(void 0!==e.J^void 0!==e.Q))throw Error("Conversion requires one and only one: 'J' or 'Q'");if(!(void 0!==e.C^void 0!==e.M^void 0!==e.s))throw Error("Conversion requires one and only one: 'C', 'M' or 's'");if(!(void 0!==e.h^void 0!==e.H))throw Error("Conversion requires one and only one: 'h' or 'H'");if(0===e.J||0===e.Q)return[0,0,0];let n=0,o=Math.cos(n=void 0!==e.h?tl(e.h)*t5:function(e){let t=(e%400+400)%400,r=Math.floor(.01*t);t%=100;let[a,n]=tQ.slice(r,r+2),[o,s]=t0.slice(r,r+2);return tl((t*(s*a-o*n)-100*a*s)/(t*(s-o)-100*s))}(e.H)*t5),s=Math.sin(n),i=0;void 0!==e.J?i=.1*eF(e.J,.5):void 0!==e.Q&&(i=.25*t.c*e.Q/((t.aW+4)*t.flRoot));let l=0;void 0!==e.C?l=e.C/i:void 0!==e.M?l=e.M/t.flRoot/i:void 0!==e.s&&(l=4e-4*e.s**2*(t.aW+4)/t.c);let c=eF(l*Math.pow(1.64-Math.pow(.29,t.n),-.73),10/9),d=.25*(Math.cos(n+2)+3.8),u=t.aW*eF(i,2/t.c/t.z),f=5e4/13*t.nc*t.ncb*d,p=u/t.nbb,h=23*(p+.305)*eW(c,23*f+c*(11*o+108*s)),m=(r=eT([p,h*o,h*s],tX).map(e=>e/1403),a=100/t.fl*2588.068098016295,r.map(e=>{let t=Math.abs(e);return ez(a*eF(t/(400-t),2.380952380952381),e)}));return eT(m.map((e,r)=>e*t.dRgbInv[r]),tG).map(e=>e/100)}function t9(e,t){let r=t4(eT(e.map(e=>100*e),tK).map((e,r)=>e*t.dRgb[r]),t.fl),a=r[0]+(-12*r[1]+r[2])/11,n=(r[0]+r[1]-2*r[2])/9,o=(Math.atan2(n,a)%tZ+tZ)%tZ,s=.25*(Math.cos(o+2)+3.8),i=eF(5e4/13*t.nc*t.ncb*eW(s*Math.sqrt(a**2+n**2),r[0]+r[1]+1.05*r[2]+.305),.9)*Math.pow(1.64-Math.pow(.29,t.n),.73),l=eF(t.nbb*(2*r[0]+r[1]+.05*r[2])/t.aW,.5*t.c*t.z),c=100*eF(l,2),d=4/t.c*l*(t.aW+4)*t.flRoot,u=i*l,f=u*t.flRoot,p=tl(o*t2),h=function(e){let t=tl(e);t<=tQ[0]&&(t+=360);let r=eU(tQ,t)-1,[a,n]=tQ.slice(r,r+2),[o,s]=t0.slice(r,r+2),i=t1[r],l=(t-a)/o;return i+100*l/(l+(n-t)/s)}(p);return{J:c,C:u,h:p,s:50*eF(t.c*i/(t.aW+4),.5),Q:d,M:f,H:h}}var t7=new e6({id:"cam16-jmh",cssId:"--cam16-jmh",name:"CAM16-JMh",coords:{j:{refRange:[0,100],name:"J"},m:{refRange:[0,105],name:"Colorfulness"},h:{refRange:[0,360],type:"angle",name:"Hue"}},base:e3,fromBase(e){void 0===this.ε&&(this.ε=Object.values(this.coords)[1].refRange[1]/1e5);let t=t9(e,t3),r=Math.abs(t.M)<this.ε;return[t.J,r?0:t.M,r?null:t.h]},toBase:e=>t8({J:e[0],M:e[1],h:e[2]},t3)});let re=eJ.D65,rt=216/24389,rr=24389/27;function ra(e){return e>8?Math.pow((e+16)/116,3):e/rr}let rn=t6(re,200/Math.PI*ra(50),100*ra(50),"average",!1);var ro=new e6({id:"hct",name:"HCT",coords:{h:{refRange:[0,360],type:"angle",name:"Hue"},c:{refRange:[0,145],name:"Colorfulness"},t:{refRange:[0,100],name:"Tone"}},base:e3,fromBase(e){void 0===this.ε&&(this.ε=Object.values(this.coords)[1].refRange[1]/1e5);let t=function(e){var t;let r=116*((t=e[1])>rt?Math.cbrt(t):(rr*t+16)/116)-16;if(0===r)return[0,0,0];let a=t9(e,rn);return[tl(a.h),a.C,r]}(e);return t[1]<this.ε&&(t[1]=0,t[0]=null),t},toBase:e=>(function(e,t){let[r,a,n]=e,o=[],s=0;if(0===n)return[0,0,0];let i=ra(n);s=n>0?.00379058511492914*n**2+.608983189401032*n+.9155088574762233:9514440756550361e-21*n**2+.08693057439788597*n-21.928975842194614;let l=0,c=1/0;for(;l<=15;){let e=Math.abs((o=t8({J:s,C:a,h:r},t))[1]-i);if(e<c){if(e<=2e-12)return o;c=e}s-=(o[1]-i)*s/(2*o[1]),l+=1}return t8({J:s,C:a,h:r},t)})(e,rn),formats:{color:{id:"--hct",coords:["<number> | <angle>","<percentage> | <number>","<percentage> | <number>"]}}});let rs=Math.PI/180;function ri(e){e[1]<0&&(e=ro.fromBase(ro.toBase(e)));let t=Math.log(Math.max(1+.0228*e[1]*rn.flRoot,1))/.0228,r=e[0]*rs,a=t*Math.cos(r),n=t*Math.sin(r);return[e[2],a,n]}var rl={deltaE76:function(e,t){return tk(e,t,"lab")},deltaECMC:function(e,t,{l:r=2,c:a=1}={}){[e,t]=e4([e,t]);let[n,o,s]=ti.from(e),[,i,l]=td.from(ti,[n,o,s]),[c,d,u]=ti.from(t),f=td.from(ti,[c,d,u])[1];i<0&&(i=0),f<0&&(f=0);let p=n-c,h=i-f,m=o-d,g=s-u,b=.511;n>=16&&(b=.040975*n/(1+.01765*n));let v=.0638*i/(1+.0131*i)+.638;eA(l)&&(l=0);let x=Math.pow(i,4),y=Math.sqrt(x/(x+1900)),w=v*(y*(l>=164&&l<=345?.56+Math.abs(.2*Math.cos((l+168)*tM)):.36+Math.abs(.4*Math.cos((l+35)*tM)))+1-y),j=(p/(r*b))**2;return Math.sqrt(j+=(h/(a*v))**2+(m**2+g**2-h**2)/w**2)},deltaE2000:tm,deltaEJz:function(e,t){[e,t]=e4([e,t]);let[r,a,n]=tB.from(e),[o,s,i]=tB.from(t);eA(n)&&eA(i)?(n=0,i=0):eA(n)?n=i:eA(i)&&(i=n);let l=2*Math.sqrt(a*s)*Math.sin((n-i)/2*(Math.PI/180));return Math.sqrt((r-o)**2+(a-s)**2+l**2)},deltaEITP:function(e,t){[e,t]=e4([e,t]);let[r,a,n]=tY.from(e),[o,s,i]=tY.from(t);return 720*Math.sqrt((r-o)**2+.25*(a-s)**2+(n-i)**2)},deltaEOK:tw,deltaEOK2:function(e,t){[e,t]=e4([e,t]);let[r,a,n]=ty.from(e),[o,s,i]=ty.from(t);return Math.sqrt((r-o)**2+(2*(a-s))**2+(2*(n-i))**2)},deltaEHCT:function(e,t){[e,t]=e4([e,t]);let[r,a,n]=ri(ro.from(e)),[o,s,i]=ri(ro.from(t));return Math.sqrt((r-o)**2+(a-s)**2+(n-i)**2)}};let rc={hct:{method:"hct.c",jnd:2,deltaEMethod:"hct",blackWhiteClamp:{}},"hct-tonal":{method:"hct.c",jnd:0,deltaEMethod:"hct",blackWhiteClamp:{channel:"hct.t",min:0,max:100}}};function rd(e,{method:t=eZ.gamut_mapping,space:r,deltaEMethod:a="",jnd:n=2,blackWhiteClamp:o}={}){let s;if(e=e4(e),eP(arguments[1])?r=arguments[1]:r||(r=e.space),tj(e,r=e6.get(r),{epsilon:0}))return e;if("css"===t)s=function(e,{space:t}={}){e=e4(e),t||(t=e.space),t=e6.get(t);let r=e6.get("oklch");if(t.isUnbounded)return rp(e,t);let a=rp(e,r),n=a.coords[0];if(n>=1){let r=rp(ru,t);return r.alpha=e.alpha,rp(r,t)}if(n<=0){let r=rp(rf,t);return r.alpha=e.alpha,rp(r,t)}if(tj(a,t,{epsilon:0}))return rp(a,t);function o(e){let r=rp(e,t),a=Object.values(t.coords);return r.coords=r.coords.map((e,t)=>{if("range"in a[t]){let[r,n]=a[t].range;return e$(r,e,n)}return e}),r}let s=0,i=a.coords[1],l=!0,c=tC(a),d=o(c),u=tw(d,c);if(u<.02)return d;for(;i-s>1e-4;){let e=(s+i)/2;if(c.coords[1]=e,l&&tj(c,t,{epsilon:0}))s=e;else if((u=tw(d=o(c),c))<.02)if(.02-u<1e-4)break;else l=!1,s=e;else i=e}return d}(e,{space:r});else{if("clip"===t||tj(e,r))s=rp(e,r);else{Object.prototype.hasOwnProperty.call(rc,t)&&({method:t,jnd:n,deltaEMethod:a,blackWhiteClamp:o}=rc[t]);let l=tm;if(""!==a){for(let e in rl)if("deltae"+a.toLowerCase()===e.toLowerCase()){l=rl[e];break}}0===n&&(n=1e-16);let c=rd(rp(e,r),{method:"clip",space:r});if(l(e,c)>n){var i;let a;if(o&&3===Object.keys(o).length){let t=e6.resolveCoord(o.channel),r=e7(rp(e,t.space),t.id);if(eA(r)&&(r=0),r>=o.max)return rp({space:"xyz-d65",coords:eJ.D65},e.space);if(r<=o.min)return rp({space:"xyz-d65",coords:[0,0,0]},e.space)}let c=e6.resolveCoord(t),d=c.space,u=c.id,f=rp(e,d);f.coords.forEach((e,t)=>{eA(e)&&(f.coords[t]=0)});let p=(c.range||c.refRange)[0],h=(a=(i=n)?Math.floor(Math.log10(Math.abs(i))):0,Math.max(parseFloat(`1e${a-2}`),1e-6)),m=p,g=e7(f,u);for(;g-m>h;){let e=tC(f);l(f,e=rd(e,{space:r,method:"clip"}))-n<h?m=e7(f,u):g=e7(f,u),tt(f,u,(m+g)/2)}s=rp(f,r)}else s=c}if("clip"===t||!tj(s,r,{epsilon:0})){let e=Object.values(r.coords).map(e=>e.range||[]);s.coords=s.coords.map((t,r)=>{let[a,n]=e[r];return void 0!==a&&(t=Math.max(a,t)),void 0!==n&&(t=Math.min(t,n)),t})}}return r!==e.space&&(s=rp(s,e.space)),e.coords=s.coords,e}rd.returns="color";let ru={space:ty,coords:[1,0,0],alpha:1},rf={space:ty,coords:[0,0,0],alpha:1};function rp(e,t,{inGamut:r}={}){e=e4(e);let a=(t=e6.get(t)).from(e),n={space:t,coords:a,alpha:e.alpha};return r&&(n=rd(n,!0===r?void 0:r)),n}function rh(e,t={}){let r,{precision:a=eZ.precision,format:n,inGamut:o=!0,coords:s,alpha:i,commas:l}=t,c=e4(e),d=n,u=c.parseMeta;u&&!n&&(u.format.canSerialize()&&(n=u.format,d=u.formatId),s??=u.types,i??=u.alphaType,l??=u.commas),d&&(n=c.space.getFormat(n)??e6.findFormat(d)),n||(d=(n=c.space.getFormat("default")??e6.DEFAULT_FORMAT).name),n&&n.space&&n.space!==c.space&&(c=rp(c,n.space));let f=c.coords.slice();if((o||=n.toGamut)&&!tj(c)&&(f=rd(tC(c),!0===o?void 0:o).coords),"custom"===n.type)if(n.serialize)r=n.serialize(f,c.alpha,t);else throw TypeError(`format ${d} can only be used to parse colors, not for serialization`);else{let e=n.name||"color",t=n.serializeCoords(f,a,s);if("color"===e){let e=n.id||n.ids?.[0]||c.space.cssId||c.space.id;t.unshift(e)}let o=c.alpha;void 0!==i&&"object"!=typeof i&&(i="string"==typeof i?{type:i}:{include:i});let d=i?.type??"<number>",u=i?.include===!0||!0===n.alpha||i?.include!==!1&&!1!==n.alpha&&o<1,p="";if(l??=n.commas,u){if(null!==a){let e;"<percentage>"===d&&(e="%",o*=100),o=eI(o,{precision:a,unit:e})}p=`${l?",":" /"} ${o}`}r=`${e}(${t.join(l?", ":" ")}${p})`}return r}rp.returns="color";var rm=new e8({id:"rec2020-linear",cssId:"--rec2020-linear",name:"Linear REC.2020",white:"D65",toXYZ_M:[[.6369580483012914,.14461690358620832,.1688809751641721],[.2627002120112671,.6779980715188708,.05930171646986196],[0,.028072693049087428,1.060985057710791]],fromXYZ_M:[[1.716651187971268,-.355670783776392,-.25336628137366],[-.666684351832489,1.616481236634939,.0157685458139111],[.017639857445311,-.042770613257809,.942103121235474]]}),rg=new e8({id:"rec2020",name:"REC.2020",base:rm,toBase:e=>e.map(function(e){let t=e<0?-1:1;return t*Math.pow(e*t,2.4)}),fromBase:e=>e.map(function(e){let t=e<0?-1:1;return t*Math.pow(e*t,1/2.4)})}),rb=new e8({id:"p3-linear",cssId:"display-p3-linear",name:"Linear P3",white:"D65",toXYZ_M:[[.4865709486482162,.26566769316909306,.1982172852343625],[.2289745640697488,.6917385218365064,.079286914093745],[0,.04511338185890264,1.043944368900976]],fromXYZ_M:[[2.493496911941425,-.9313836179191239,-.40271078445071684],[-.8294889695615747,1.7626640603183463,.023624685841943577],[.03584583024378447,-.07617238926804182,.9568845240076872]]});let rv=[[3.2409699419045226,-1.537383177570094,-.4986107602930034],[-.9692436362808796,1.8759675015077202,.04155505740717559],[.05563007969699366,-.20397695888897652,1.0569715142428786]];var rx=new e8({id:"srgb-linear",name:"Linear sRGB",white:"D65",toXYZ_M:[[.41239079926595934,.357584339383878,.1804807884018343],[.21263900587151027,.715168678767756,.07219231536073371],[.01933081871559182,.11919477979462598,.9505321522496607]],fromXYZ_M:rv}),ry={aliceblue:[240/255,248/255,1],antiquewhite:[250/255,235/255,215/255],aqua:[0,1,1],aquamarine:[127/255,1,212/255],azure:[240/255,1,1],beige:[245/255,245/255,220/255],bisque:[1,228/255,196/255],black:[0,0,0],blanchedalmond:[1,235/255,205/255],blue:[0,0,1],blueviolet:[138/255,43/255,226/255],brown:[165/255,42/255,42/255],burlywood:[222/255,184/255,135/255],cadetblue:[95/255,158/255,160/255],chartreuse:[127/255,1,0],chocolate:[210/255,105/255,30/255],coral:[1,127/255,80/255],cornflowerblue:[100/255,149/255,237/255],cornsilk:[1,248/255,220/255],crimson:[220/255,20/255,60/255],cyan:[0,1,1],darkblue:[0,0,139/255],darkcyan:[0,139/255,139/255],darkgoldenrod:[184/255,134/255,11/255],darkgray:[169/255,169/255,169/255],darkgreen:[0,100/255,0],darkgrey:[169/255,169/255,169/255],darkkhaki:[189/255,183/255,107/255],darkmagenta:[139/255,0,139/255],darkolivegreen:[85/255,107/255,47/255],darkorange:[1,140/255,0],darkorchid:[.6,50/255,.8],darkred:[139/255,0,0],darksalmon:[233/255,150/255,122/255],darkseagreen:[143/255,188/255,143/255],darkslateblue:[72/255,61/255,139/255],darkslategray:[47/255,79/255,79/255],darkslategrey:[47/255,79/255,79/255],darkturquoise:[0,206/255,209/255],darkviolet:[148/255,0,211/255],deeppink:[1,20/255,147/255],deepskyblue:[0,191/255,1],dimgray:[105/255,105/255,105/255],dimgrey:[105/255,105/255,105/255],dodgerblue:[30/255,144/255,1],firebrick:[178/255,34/255,34/255],floralwhite:[1,250/255,240/255],forestgreen:[34/255,139/255,34/255],fuchsia:[1,0,1],gainsboro:[220/255,220/255,220/255],ghostwhite:[248/255,248/255,1],gold:[1,215/255,0],goldenrod:[218/255,165/255,32/255],gray:[128/255,128/255,128/255],green:[0,128/255,0],greenyellow:[173/255,1,47/255],grey:[128/255,128/255,128/255],honeydew:[240/255,1,240/255],hotpink:[1,105/255,180/255],indianred:[205/255,92/255,92/255],indigo:[75/255,0,130/255],ivory:[1,1,240/255],khaki:[240/255,230/255,140/255],lavender:[230/255,230/255,250/255],lavenderblush:[1,240/255,245/255],lawngreen:[124/255,252/255,0],lemonchiffon:[1,250/255,205/255],lightblue:[173/255,216/255,230/255],lightcoral:[240/255,128/255,128/255],lightcyan:[224/255,1,1],lightgoldenrodyellow:[250/255,250/255,210/255],lightgray:[211/255,211/255,211/255],lightgreen:[144/255,238/255,144/255],lightgrey:[211/255,211/255,211/255],lightpink:[1,182/255,193/255],lightsalmon:[1,160/255,122/255],lightseagreen:[32/255,178/255,170/255],lightskyblue:[135/255,206/255,250/255],lightslategray:[119/255,136/255,.6],lightslategrey:[119/255,136/255,.6],lightsteelblue:[176/255,196/255,222/255],lightyellow:[1,1,224/255],lime:[0,1,0],limegreen:[50/255,205/255,50/255],linen:[250/255,240/255,230/255],magenta:[1,0,1],maroon:[128/255,0,0],mediumaquamarine:[.4,205/255,170/255],mediumblue:[0,0,205/255],mediumorchid:[186/255,85/255,211/255],mediumpurple:[147/255,112/255,219/255],mediumseagreen:[60/255,179/255,113/255],mediumslateblue:[123/255,104/255,238/255],mediumspringgreen:[0,250/255,154/255],mediumturquoise:[72/255,209/255,.8],mediumvioletred:[199/255,21/255,133/255],midnightblue:[25/255,25/255,112/255],mintcream:[245/255,1,250/255],mistyrose:[1,228/255,225/255],moccasin:[1,228/255,181/255],navajowhite:[1,222/255,173/255],navy:[0,0,128/255],oldlace:[253/255,245/255,230/255],olive:[128/255,128/255,0],olivedrab:[107/255,142/255,35/255],orange:[1,165/255,0],orangered:[1,69/255,0],orchid:[218/255,112/255,214/255],palegoldenrod:[238/255,232/255,170/255],palegreen:[152/255,251/255,152/255],paleturquoise:[175/255,238/255,238/255],palevioletred:[219/255,112/255,147/255],papayawhip:[1,239/255,213/255],peachpuff:[1,218/255,185/255],peru:[205/255,133/255,63/255],pink:[1,192/255,203/255],plum:[221/255,160/255,221/255],powderblue:[176/255,224/255,230/255],purple:[128/255,0,128/255],rebeccapurple:[.4,.2,.6],red:[1,0,0],rosybrown:[188/255,143/255,143/255],royalblue:[65/255,105/255,225/255],saddlebrown:[139/255,69/255,19/255],salmon:[250/255,128/255,114/255],sandybrown:[244/255,164/255,96/255],seagreen:[46/255,139/255,87/255],seashell:[1,245/255,238/255],sienna:[160/255,82/255,45/255],silver:[192/255,192/255,192/255],skyblue:[135/255,206/255,235/255],slateblue:[106/255,90/255,205/255],slategray:[112/255,128/255,144/255],slategrey:[112/255,128/255,144/255],snow:[1,250/255,250/255],springgreen:[0,1,127/255],steelblue:[70/255,130/255,180/255],tan:[210/255,180/255,140/255],teal:[0,128/255,128/255],thistle:[216/255,191/255,216/255],tomato:[1,99/255,71/255],turquoise:[64/255,224/255,208/255],violet:[238/255,130/255,238/255],wheat:[245/255,222/255,179/255],white:[1,1,1],whitesmoke:[245/255,245/255,245/255],yellow:[1,1,0],yellowgreen:[154/255,205/255,50/255]};let rw=[,,,].fill("<percentage> | <number>[0, 255]"),rj=[,,,].fill("<number>[0, 255]");var rC=new e8({id:"srgb",name:"sRGB",base:rx,fromBase:e=>e.map(e=>{let t=e<0?-1:1,r=e*t;return r>.0031308?t*(1.055*r**(1/2.4)-.055):12.92*e}),toBase:e=>e.map(e=>{let t=e<0?-1:1,r=e*t;return r<=.04045?e/12.92:t*((r+.055)/1.055)**2.4}),formats:{rgb:{coords:rw},rgb_number:{name:"rgb",commas:!0,coords:rj,alpha:!1},color:{},rgba:{coords:rw,commas:!0,alpha:!0},rgba_number:{name:"rgba",commas:!0,coords:rj},hex:{type:"custom",toGamut:!0,test:e=>/^#(([a-f0-9]{2}){3,4}|[a-f0-9]{3,4})$/i.test(e),parse(e){e.length<=5&&(e=e.replace(/[a-f0-9]/gi,"$&$&"));let t=[];return e.replace(/[a-f0-9]{2}/gi,e=>{t.push(parseInt(e,16)/255)}),{spaceId:"srgb",coords:t.slice(0,3),alpha:t.slice(3)[0]}},serialize:(e,t,{collapse:r=!0,alpha:a}={})=>{(!1!==a&&t<1||!0===a)&&e.push(t),e=e.map(e=>Math.round(255*e));let n=r&&e.every(e=>e%17==0);return"#"+e.map(e=>n?(e/17).toString(16):e.toString(16).padStart(2,"0")).join("")}},keyword:{type:"custom",test:e=>/^[a-z]+$/i.test(e),parse(e){e=e.toLowerCase();let t={spaceId:"srgb",coords:null,alpha:1};if("transparent"===e?(t.coords=ry.black,t.alpha=0):t.coords=ry[e],t.coords)return t}}}}),rk=new e8({id:"p3",cssId:"display-p3",name:"P3",base:rb,fromBase:rC.fromBase,toBase:rC.toBase});if(eZ.display_space=rC,"u">typeof CSS&&CSS.supports)for(let e of[ti,rg,rk]){let t=e.getMinCoords(),r=rh({space:e,coords:t,alpha:1});if(CSS.supports("color",r)){eZ.display_space=e;break}}function rM(e,t){return eA(e)||eA(t)?e===t?null:0:e-t}function rR(e){return e7(e,[e3,"y"])}function rE(e,t){tt(e,[e3,"y"],t)}var rS=Object.freeze({__proto__:null,getLuminance:rR,register:function(e){Object.defineProperty(e.prototype,"luminance",{get(){return rR(this)},set(e){rE(this,e)}})},setLuminance:rE});function rN(e){return e>=.022?e:e+(.022-e)**1.414}function rT(e){let t=Math.abs(e);return(e<0?-1:1)*Math.pow(t,2.4)}let rP=216/24389,rL=24/116,rI=24389/27,rA=eJ.D65;var r_=new e6({id:"lab-d65",name:"Lab D65",coords:{l:{refRange:[0,100],name:"Lightness"},a:{refRange:[-125,125]},b:{refRange:[-125,125]}},white:rA,base:e3,fromBase(e){let t=e.map((e,t)=>e/rA[t]).map(e=>e>rP?Math.cbrt(e):(rI*e+16)/116);return[116*t[1]-16,500*(t[0]-t[1]),200*(t[1]-t[2])]},toBase(e){let t=[];return t[1]=(e[0]+16)/116,t[0]=e[1]/500+t[1],t[2]=t[1]-e[2]/200,[t[0]>rL?Math.pow(t[0],3):(116*t[0]-16)/rI,e[0]>8?Math.pow((e[0]+16)/116,3):e[0]/rI,t[2]>rL?Math.pow(t[2],3):(116*t[2]-16)/rI].map((e,t)=>e*rA[t])},formats:{"lab-d65":{coords:["<number> | <percentage>","<number> | <percentage>","<number> | <percentage>"]}}}),rB=Object.freeze({__proto__:null,contrastAPCA:function(e,t){let r,a,n,o;t=e4(t),e=e4(e),t=rp(t,"srgb"),[a,n,o]=t.coords.map(e=>eA(e)?0:e);let s=.2126729*rT(a)+.7151522*rT(n)+.072175*rT(o);e=rp(e,"srgb"),[a,n,o]=e.coords.map(e=>eA(e)?0:e);let i=.2126729*rT(a)+.7151522*rT(n)+.072175*rT(o),l=rN(s),c=rN(i);return 100*(.1>Math.abs(r=5e-4>Math.abs(c-l)?0:c>l?1.14*(c**.56-l**.57):1.14*(c**.65-l**.62))?0:r>0?r-.027:r+.027)},contrastDeltaPhi:function(e,t){e=e4(e),t=e4(t);let r=Math.pow(Math.abs(Math.pow(e7(e,[r_,"l"]),1.618033988749895)-Math.pow(e7(t,[r_,"l"]),1.618033988749895)),.6180339887498948)*Math.SQRT2-40;return r<7.5?0:r},contrastLstar:function(e,t){return e=e4(e),t=e4(t),Math.abs(e7(e,[ti,"l"])-e7(t,[ti,"l"]))},contrastMichelson:function(e,t){e=e4(e),t=e4(t);let r=Math.max(rR(e),0),a=Math.max(rR(t),0);a>r&&([r,a]=[a,r]);let n=r+a;return 0===n?0:(r-a)/n},contrastWCAG21:function(e,t){e=e4(e),t=e4(t);let r=Math.max(rR(e),0),a=Math.max(rR(t),0);return a>r&&([r,a]=[a,r]),(r+.05)/(a+.05)},contrastWeber:function(e,t){e=e4(e),t=e4(t);let r=Math.max(rR(e),0),a=Math.max(rR(t),0);return a>r&&([r,a]=[a,r]),0===a?5e4:(r-a)/a}});function rD(e){let[t,r,a]=e9(e,e3),n=t+15*r+3*a;return[4*t/n,9*r/n]}function rO(e){let[t,r,a]=e9(e,e3),n=t+r+a;return[t/n,r/n]}var rH=Object.freeze({__proto__:null,register:function(e){Object.defineProperty(e.prototype,"uv",{get(){return rD(this)}}),Object.defineProperty(e.prototype,"xy",{get(){return rO(this)}})},uv:rD,xy:rO});function r$(e,t,r={}){eP(r)&&(r={method:r});let{method:a=eZ.deltaE,...n}=r;for(let r in rl)if("deltae"+a.toLowerCase()===r.toLowerCase())return rl[r](e,t,n);throw TypeError(`Unknown deltaE method: ${a}`)}function rz(e,t=.25){return tt(e,[e6.get("oklch","lch"),"l"],e=>e*(1+t))}function rF(e,t=.25){return tt(e,[e6.get("oklch","lch"),"l"],e=>e*(1-t))}rz.returns="color",rF.returns="color";var rW=Object.freeze({__proto__:null,darken:rF,lighten:rz});function rU(e,t,r,a={}){return[e,t]=[e4(e),e4(t)],"object"===eL(r)&&([r,a]=[.5,r]),rY(e,t,a)(r??.5)}function rV(e,t,r={}){let a;rq(e)&&([a,r]=[e,t],[e,t]=a.rangeArgs.colors);let{maxDeltaE:n,deltaEMethod:o,steps:s=2,maxSteps:i=1e3,...l}=r;a||([e,t]=[e4(e),e4(t)],a=rY(e,t,l));let c=r$(e,t),d=n>0?Math.max(s,Math.ceil(c/n)+1):s,u=[];if(void 0!==i&&(d=Math.min(d,i)),1===d)u=[{p:.5,color:a(.5)}];else{let e=1/(d-1);u=Array.from({length:d},(t,r)=>{let n=r*e;return{p:n,color:a(n)}})}if(n>0){let e=u.reduce((e,t,r)=>0===r?0:Math.max(e,r$(t.color,u[r-1].color,o)),0);for(;e>n;){e=0;for(let t=1;t<u.length&&u.length<i;t++){let r=u[t-1],n=u[t],o=(n.p+r.p)/2,s=a(o);e=Math.max(e,r$(s,r.color),r$(s,n.color)),u.splice(t,0,{p:o,color:a(o)}),t++}}}return u=u.map(e=>e.color)}function rY(e,t,r={}){if(rq(e)){let[r,a]=[e,t];return rY(...r.rangeArgs.colors,{...r.rangeArgs.options,...a})}let{space:a,outputSpace:n,progression:o,premultiplied:s}=r;e=e4(e),t=e4(t),e=tC(e),t=tC(t);let i={colors:[e,t],options:r};if(a=a?e6.get(a):e6.registry[eZ.interpolationSpace]||e.space,n=n?e6.get(n):a,e=rp(e,a),t=rp(t,a),e=rd(e),t=rd(t),a.coords.h&&"angle"===a.coords.h.type){let n=r.hue=r.hue||"shorter",o=[a,"h"],[s,i]=[e7(e,o),e7(t,o)];eA(s)&&!eA(i)?s=i:eA(i)&&!eA(s)&&(i=s),[s,i]=tc(n,[s,i]),tt(e,o,s),tt(t,o,i)}return s&&(e.coords=e.coords.map(t=>t*e.alpha),t.coords=t.coords.map(e=>e*t.alpha)),Object.assign(r=>{r=o?o(r):r;let i=e.coords.map((e,a)=>eD(e,t.coords[a],r)),l=eD(e.alpha,t.alpha,r),c={space:a,coords:i,alpha:l};return s&&(c.coords=c.coords.map(e=>e/l)),n!==a&&(c=rp(c,n)),c},{rangeArgs:i})}function rq(e){return"function"===eL(e)&&!!e.rangeArgs}eZ.interpolationSpace="lab";var rZ=Object.freeze({__proto__:null,isRange:rq,mix:rU,range:rY,register:function(e){e.defineFunction("mix",rU,{returns:"color"}),e.defineFunction("range",rY,{returns:"function<color>"}),e.defineFunction("steps",rV,{returns:"array<color>"})},steps:rV}),rK=new e6({id:"hsl",name:"HSL",coords:{h:{refRange:[0,360],type:"angle",name:"Hue"},s:{range:[0,100],name:"Saturation"},l:{range:[0,100],name:"Lightness"}},base:rC,fromBase:e=>{let t=Math.max(...e),r=Math.min(...e),[a,n,o]=e,[s,i,l]=[null,0,(r+t)/2],c=t-r;if(0!==c){switch(i=0===l||1===l?0:(t-l)/Math.min(l,1-l),t){case a:s=(n-o)/c+6*(n<o);break;case n:s=(o-a)/c+2;break;case o:s=(a-n)/c+4}s*=60}return i<0&&(s+=180,i=Math.abs(i)),s>=360&&(s-=360),[s,100*i,100*l]},toBase:e=>{let[t,r,a]=e;function n(e){let n=(e+t/30)%12,o=r*Math.min(a,1-a);return a-o*Math.max(-1,Math.min(n-3,9-n,1))}return(t%=360)<0&&(t+=360),r/=100,a/=100,[n(0),n(8),n(4)]},formats:{hsl:{coords:["<number> | <angle>","<percentage> | <number>","<percentage> | <number>"]},hsla:{coords:["<number> | <angle>","<percentage> | <number>","<percentage> | <number>"],commas:!0,alpha:!0}}}),rG=new e6({id:"hsv",name:"HSV",coords:{h:{refRange:[0,360],type:"angle",name:"Hue"},s:{range:[0,100],name:"Saturation"},v:{range:[0,100],name:"Value"}},base:rC,fromBase(e){let t=Math.max(...e),r=Math.min(...e),[a,n,o]=e,[s,i,l]=[null,0,t],c=t-r;if(0!==c){switch(t){case a:s=(n-o)/c+6*(n<o);break;case n:s=(o-a)/c+2;break;case o:s=(a-n)/c+4}s*=60}return l&&(i=c/l),s>=360&&(s-=360),[s,100*i,100*l]},toBase(e){let[t,r,a]=e;function n(e){let n=(e+t/60)%6;return a-a*r*Math.max(0,Math.min(n,4-n,1))}return(t%=360)<0&&(t+=360),r/=100,a/=100,[n(5),n(3),n(1)]},formats:{color:{id:"--hsv",coords:["<number> | <angle>","<percentage> | <number>","<percentage> | <number>"]}}}),rX=new e6({id:"hwb",name:"HWB",coords:{h:{refRange:[0,360],type:"angle",name:"Hue"},w:{range:[0,100],name:"Whiteness"},b:{range:[0,100],name:"Blackness"}},base:rG,fromBase(e){let[t,r,a]=e;return[t,a*(100-r)/100,100-a]},toBase(e){let[t,r,a]=e,n=(r/=100)+(a/=100);if(n>=1)return[t,0,r/n*100];let o=1-a;return[t,100*(0===o?0:1-r/o),100*o]},formats:{hwb:{coords:["<number> | <angle>","<percentage> | <number>","<percentage> | <number>"]}}}),rJ=new e8({id:"a98rgb-linear",cssId:"--a98-rgb-linear",name:"Linear Adobe® 98 RGB compatible",white:"D65",toXYZ_M:[[.5766690429101305,.1855582379065463,.1882286462349947],[.29734497525053605,.6273635662554661,.07529145849399788],[.02703136138641234,.07068885253582723,.9913375368376388]],fromXYZ_M:[[2.0415879038107465,-.5650069742788596,-.34473135077832956],[-.9692436362808795,1.8759675015077202,.04155505740717557],[.013444280632031142,-.11836239223101838,1.0151749943912054]]}),rQ=new e8({id:"a98rgb",cssId:"a98-rgb",name:"Adobe® 98 RGB compatible",base:rJ,toBase:e=>e.map(e=>Math.pow(Math.abs(e),563/256)*Math.sign(e)),fromBase:e=>e.map(e=>Math.pow(Math.abs(e),256/563)*Math.sign(e))}),r0=new e8({id:"prophoto-linear",cssId:"--prophoto-rgb-linear",name:"Linear ProPhoto",white:"D50",base:tr,toXYZ_M:[[.7977666449006423,.13518129740053308,.0313477341283922],[.2880748288194013,.711835234241873,8993693872564e-17],[0,0,.8251046025104602]],fromXYZ_M:[[1.3457868816471583,-.25557208737979464,-.05110186497554526],[-.5446307051249019,1.5082477428451468,.02052744743642139],[0,0,1.2119675456389452]]});let r1=1/512,r2=16/512;var r5=new e8({id:"prophoto",cssId:"prophoto-rgb",name:"ProPhoto",base:r0,toBase:e=>e.map(e=>{let t=e<0?-1:1,r=e*t;return r<r2?e/16:t*r**1.8}),fromBase:e=>e.map(e=>{let t=e<0?-1:1,r=e*t;return r>=r1?t*r**(1/1.8):16*e})}),r4=new e8({id:"--rec2020-oetf",name:"REC.2020_Scene_Referred",base:rm,referred:"scene",toBase:e=>e.map(function(e){let t=e<0?-1:1,r=e*t;return r<.08124285829863151?e/4.5:t*Math.pow((r+1.09929682680944-1)/1.09929682680944,1/.45)}),fromBase:e=>e.map(function(e){let t=e<0?-1:1,r=e*t;return r>=.018053968510807?t*(1.09929682680944*Math.pow(r,.45)-(1.09929682680944-1)):4.5*e})}),r6=new e6({id:"oklch",name:"OkLCh",coords:{l:{refRange:[0,1],name:"Lightness"},c:{refRange:[0,.4],name:"Chroma"},h:{refRange:[0,360],type:"angle",name:"Hue"}},white:"D65",base:ty,fromBase:td.fromBase,toBase:td.toBase,formats:{oklch:{coords:["<percentage> | <number>","<number> | <percentage>","<number> | <angle>"]}}});let r3=2*Math.PI,r8=[[4.076741636075958,-3.307711539258063,.2309699031821043],[-1.2684379732850315,2.609757349287688,-.341319376002657],[-.0041960761386756,-.7034186179359362,1.7076146940746117]],r9=[[[-1.8817031,-.80936501],[1.19086277,1.76576728,.59662641,.75515197,.56771245]],[[1.8144408,-1.19445267],[.73956515,-.45954404,.08285427,.12541073,-.14503204]],[[.13110758,1.81333971],[1.35733652,-.00915799,-1.1513021,-.50559606,.00692167]]],r7=Number.MAX_VALUE;function ae(e,t){let r=e.length;if(r!==t.length)throw Error(`Vectors of size ${r} and ${t.length} are not aligned`);let a=0;return e.forEach((e,r)=>{a+=e*t[r]}),a}function at(e){return .5*(1.170873786407767*e-.206+Math.sqrt((1.170873786407767*e-.206)*(1.170873786407767*e-.206)+.14050485436893204*e))}function ar(e){return(e**2+.206*e)/(1.170873786407767*(e+.03))}function aa(e){let[t,r]=e;return[r/t,r/(1-t)]}function an(e,t){let r=eT(e,tx);return r[0]=r[0]**3,r[1]=r[1]**3,r[2]=r[2]**3,eT(r,t,r)}function ao(e,t,r,a){var n,o,s,i;let l,c,d,u,f,p,h,m,g,b,v,x,y,w,j,C,k,M=(n=e,o=t,s=r,ae((i=a)[0][0],[n,o])>1?([l,c,d,u,f]=i[0][1],[p,h,m]=s[0]):ae(i[1][0],[n,o])>1?([l,c,d,u,f]=i[1][1],[p,h,m]=s[1]):([l,c,d,u,f]=i[2][1],[p,h,m]=s[2]),g=l+c*n+d*o+u*n**2+f*n*o,b=ae(tx[0].slice(1),[n,o]),v=ae(tx[1].slice(1),[n,o]),x=ae(tx[2].slice(1),[n,o]),C=p*(y=1+g*b)**3+h*(w=1+g*v)**3+m*(j=1+g*x)**3,g-C*(k=3*b*y**2*p+3*v*w**2*h+3*x*j**2*m)/(k**2-.5*C*(6*b**2*y*p+6*v**2*w*h+6*x**2*j*m))),R=eF(1/Math.max(...an([1,M*e,M*t],r)),1/3);return[R,R*M]}function as(e,t,r){let[a,n,o]=e,s=ao(n,o,t,r),i=function(e,t,r,a,n,o,s){let i;if(void 0===s&&(s=ao(e,t,n,o)),(r-a)*s[1]-(s[0]-a)*1<=0)i=s[1]*a/(+s[0]+s[1]*(a-r));else{i=s[1]*(a-1)/(+(s[0]-1)+s[1]*(a-r));let o=r-a,l=ae(tx[0].slice(1),[e,t]),c=ae(tx[1].slice(1),[e,t]),d=ae(tx[2].slice(1),[e,t]),u=o+ +l,f=o+ +c,p=o+ +d,h=a*(1-i)+i*r,m=+i,g=h+m*l,b=h+m*c,v=h+m*d,x=g**3,y=b**3,w=v**3,j=3*u*g**2,C=3*f*b**2,k=3*p*v**2,M=6*u**2*g,R=6*f**2*b,E=6*p**2*v,S=ae(n[0],[x,y,w])-1,N=ae(n[0],[j,C,k]),T=N/(N*N-.5*S*ae(n[0],[M,R,E])),P=-S*T,L=ae(n[1],[x,y,w])-1,I=ae(n[1],[j,C,k]),A=I/(I*I-.5*L*ae(n[1],[M,R,E])),_=-L*A,B=ae(n[2],[x,y,w])-1,D=ae(n[2],[j,C,k]),O=D/(D*D-.5*B*ae(n[2],[M,R,E])),H=-B*O;i+=Math.min(P=T>=0?P:r7,Math.min(_=A>=0?_:r7,H=O>=0?H:r7))}return i}(n,o,a,a,t,r,s),l=aa(s),c=i/Math.min(a*l[0],(1-a)*l[1]),d=[.11516993+1/(7.4477897+4.1590124*o+n*(-2.19557347+1.75198401*o+n*(-2.13704948-10.02301043*o+n*(-4.24894561+5.38770819*o+4.69891013*n)))),.11239642+1/(1.6132032-.68124379*o+n*(.40370612+.90148123*o+n*(-.27087943+.6122399*o+n*(.00299215-.45399568*o-.14661872*n))))],u=a*d[0],f=(1-a)*d[1],p=.9*c*Math.sqrt(Math.sqrt(1/(1/u**4+1/f**4)));return[Math.sqrt(1/(1/(u=.4*a)**2+1/(f=(1-a)*.8)**2)),p,i]}var ai=new e6({id:"okhsl",name:"Okhsl",coords:{h:{refRange:[0,360],type:"angle",name:"Hue"},s:{range:[0,1],name:"Saturation"},l:{range:[0,1],name:"Lightness"}},base:ty,gamutSpace:"self",fromBase:e=>(function(e,t,r){let a=e[0],n=0,o=at(a),s=Math.sqrt(e[1]**2+e[2]**2),i=.5+Math.atan2(-e[2],-e[1])/r3;if(0!==o&&1!==o&&0!==s){let o,i,[l,c,d]=as([a,e[1]/s,e[2]/s],t,r);s<c?(i=1-(o=.8*l)/c,n=s/(o+i*s)*.8):(i=1-(o=.2*c**2*1.5625/l)/(d-c),n=.8+(s-c)/(o+i*(s-c))*.2)}let l=1e-4>Math.abs(n);return l||0===o||1e-7>Math.abs(1-o)?(i=null,l||(n=0)):i=tl(360*i),[i,n,o]})(e,r8,r9),toBase:e=>(function(e,t,r){let[a,n,o]=e,s=ar(o),i=null,l=null;if(a=tl(a)/360,0!==s&&1!==s&&0!==n){let e,o,c,d,u=Math.cos(r3*a),f=Math.sin(r3*a),[p,h,m]=as([s,u,f],t,r);n<.8?(e=1.25*n,o=0,d=1-(c=.8*p)/h):(e=5*(n-.8),o=h,d=1-(c=.2*h**2*1.5625/p)/(m-h));let g=o+e*c/(1-d*e);i=g*u,l=g*f}return[s,i,l]})(e,r8,r9),formats:{color:{id:"--okhsl",coords:["<number> | <angle>","<percentage> | <number>","<percentage> | <number>"]}}}),al=new e6({id:"oklrab",name:"Oklrab",coords:{l:{refRange:[0,1],name:"Lightness"},a:{refRange:[-.4,.4]},b:{refRange:[-.4,.4]}},white:"D65",base:ty,fromBase:e=>[at(e[0]),e[1],e[2]],toBase:e=>[ar(e[0]),e[1],e[2]],formats:{color:{coords:["<percentage> | <number>","<number> | <percentage>[-1,1]","<number> | <percentage>[-1,1]"]}}}),ac=new e6({id:"oklrch",name:"Oklrch",coords:{l:{refRange:[0,1],name:"Lightness"},c:{refRange:[0,.4],name:"Chroma"},h:{refRange:[0,360],type:"angle",name:"Hue"}},white:"D65",base:al,fromBase:td.fromBase,toBase:td.toBase,formats:{color:{coords:["<percentage> | <number>","<number> | <percentage>[0,1]","<number> | <angle>"]}}}),ad=new e6({id:"okhsv",name:"Okhsv",coords:{h:{refRange:[0,360],type:"angle",name:"Hue"},s:{range:[0,1],name:"Saturation"},v:{range:[0,1],name:"Value"}},base:ty,gamutSpace:"self",fromBase:e=>(function(e,t,r){let a=e[0],n=0,o=at(a),s=Math.sqrt(e[1]**2+e[2]**2),i=.5+Math.atan2(-e[2],-e[1])/r3;if(0!==a&&1!==a&&0!==s){let i=e[1]/s,l=e[2]/s,[c,d]=aa(ao(i,l,t,r)),u=d/(s+a*d),f=u*a,p=u*s,h=ar(f),m=p*h/f,[g,b,v]=an([h,i*m,l*m],t),x=eF(1/Math.max(Math.max(g,b),Math.max(v,0)),1/3);a/=x,s/=x,s=s*at(a)/a,o=(a=at(a))/f,n=(.5+d)*p/(.5*d+d*(1-.5/c)*p)}return[i=1e-4>Math.abs(n)||0===o?null:tl(360*i),n,o]})(e,r8,r9),toBase:e=>(function(e,t,r){let[a,n,o]=e;a=tl(a)/360;let s=ar(o),i=null,l=null;if(0!==s&&0!==n){let e=Math.cos(r3*a),c=Math.sin(r3*a),[d,u]=aa(ao(e,c,t,r)),f=1-.5/d,p=1-.5*n/(.5+u-u*f*n),h=n*u*.5/(.5+u-u*f*n);s=o*p;let m=o*h,g=ar(p),b=h*g/p,v=ar(s);m=m*v/s,s=v;let[x,y,w]=an([g,e*b,c*b],t),j=eF(1/Math.max(Math.max(x,y),Math.max(w,0)),1/3);s*=j,m*=j,i=m*e,l=m*c}return[s,i,l]})(e,r8,r9),formats:{color:{id:"--okhsv",coords:["<number> | <angle>","<percentage> | <number>","<percentage> | <number>"]}}});let au=eJ.D65,af=216/24389,ap=24389/27,[ah,am]=rD({space:e3,coords:au});var ag=new e6({id:"luv",name:"Luv",coords:{l:{refRange:[0,100],name:"Lightness"},u:{refRange:[-215,215]},v:{refRange:[-215,215]}},white:au,base:e3,fromBase(e){let t=[e_(e[0]),e_(e[1]),e_(e[2])],r=t[1],[a,n]=rD({space:e3,coords:t});if(!Number.isFinite(a)||!Number.isFinite(n))return[0,0,0];let o=r<=af?ap*r:116*Math.cbrt(r)-16;return[o,13*o*(a-ah),13*o*(n-am)]},toBase(e){let[t,r,a]=e;if(0===t||eA(t))return[0,0,0];r=e_(r),a=e_(a);let n=r/(13*t)+ah,o=a/(13*t)+am,s=t<=8?t/ap:Math.pow((t+16)/116,3);return[9*n/(4*o)*s,s,(12-3*n-20*o)/(4*o)*s]},formats:{color:{id:"--luv",coords:["<number> | <percentage>","<number> | <percentage>","<number> | <percentage>"]}}}),ab=new e6({id:"lchuv",name:"LChuv",coords:{l:{refRange:[0,100],name:"Lightness"},c:{refRange:[0,220],name:"Chroma"},h:{refRange:[0,360],type:"angle",name:"Hue"}},base:ag,fromBase:td.fromBase,toBase:td.toBase,formats:{color:{id:"--lchuv",coords:["<number> | <percentage>","<number> | <percentage>","<number> | <angle>"]}}});let av=216/24389,ax=24389/27,ay=rv[0][0],aw=rv[0][1],aj=rv[0][2],aC=rv[1][0],ak=rv[1][1],aM=rv[1][2],aR=rv[2][0],aE=rv[2][1],aS=rv[2][2];function aN(e,t,r){let a=t/(Math.sin(r)-e*Math.cos(r));return a<0?1/0:a}function aT(e){let t=Math.pow(e+16,3)/1560896,r=t>av?t:e/ax,a=r*(284517*ay-94839*aj),n=r*(838422*aj+769860*aw+731718*ay),o=r*(632260*aj-126452*aw),s=r*(284517*aC-94839*aM),i=r*(838422*aM+769860*ak+731718*aC),l=r*(632260*aM-126452*ak),c=r*(284517*aR-94839*aS),d=r*(838422*aS+769860*aE+731718*aR),u=r*(632260*aS-126452*aE);return{r0s:a/o,r0i:n*e/o,r1s:a/(o+126452),r1i:(n-769860)*e/(o+126452),g0s:s/l,g0i:i*e/l,g1s:s/(l+126452),g1i:(i-769860)*e/(l+126452),b0s:c/u,b0i:d*e/u,b1s:c/(u+126452),b1i:(d-769860)*e/(u+126452)}}function aP(e,t){let r=t/360*Math.PI*2;return Math.min(aN(e.r0s,e.r0i,r),aN(e.r1s,e.r1i,r),aN(e.g0s,e.g0i,r),aN(e.g1s,e.g1i,r),aN(e.b0s,e.b0i,r),aN(e.b1s,e.b1i,r))}var aL=new e6({id:"hsluv",name:"HSLuv",coords:{h:{refRange:[0,360],type:"angle",name:"Hue"},s:{range:[0,100],name:"Saturation"},l:{range:[0,100],name:"Lightness"}},base:ab,gamutSpace:rC,fromBase(e){let t,[r,a,n]=[e_(e[0]),e_(e[1]),e_(e[2])];return r>99.9999999?(t=0,r=100):r<1e-8?(t=0,r=0):t=a/aP(aT(r),n)*100,[n,t,r]},toBase(e){let t,[r,a,n]=[e_(e[0]),e_(e[1]),e_(e[2])];return n>99.9999999?(n=100,t=0):n<1e-8?(n=0,t=0):t=aP(aT(n),r)/100*a,[n,t,r]},formats:{color:{id:"--hsluv",coords:["<number> | <angle>","<percentage> | <number>","<percentage> | <number>"]}}});function aI(e,t){return Math.abs(t)/Math.sqrt(Math.pow(e,2)+1)}function aA(e){return Math.min(aI(e.r0s,e.r0i),aI(e.r1s,e.r1i),aI(e.g0s,e.g0i),aI(e.g1s,e.g1i),aI(e.b0s,e.b0i),aI(e.b1s,e.b1i))}rv[0][0],rv[0][1],rv[0][2],rv[1][0],rv[1][1],rv[1][2],rv[2][0],rv[2][1],rv[2][2];var a_=new e6({id:"hpluv",name:"HPLuv",coords:{h:{refRange:[0,360],type:"angle",name:"Hue"},s:{range:[0,100],name:"Saturation"},l:{range:[0,100],name:"Lightness"}},base:ab,gamutSpace:"self",fromBase(e){let t,[r,a,n]=[e_(e[0]),e_(e[1]),e_(e[2])];return r>99.9999999?(t=0,r=100):r<1e-8?(t=0,r=0):t=a/aA(aT(r))*100,[n,t,r]},toBase(e){let t,[r,a,n]=[e_(e[0]),e_(e[1]),e_(e[2])];return n>99.9999999?(n=100,t=0):n<1e-8?(n=0,t=0):t=aA(aT(n))/100*a,[n,t,r]},formats:{color:{id:"--hpluv",coords:["<number> | <angle>","<percentage> | <number>","<percentage> | <number>"]}}}),aB=new e8({id:"rec2100-linear",name:"Linear REC.2100",white:"D65",toBase:rm.toBase,fromBase:rm.fromBase});let aD=2610/16384,aO=16384/2610,aH=32/2523;var a$=new e8({id:"rec2100pq",cssId:"rec2100-pq",name:"REC.2100-PQ",base:aB,toBase:e=>e.map(function(e){return 1e4*(Math.max(e**aH-.8359375,0)/(18.8515625-18.6875*e**aH))**aO/203}),fromBase:e=>e.map(function(e){let t=Math.max(203*e/1e4,0);return((.8359375+18.8515625*t**aD)/(1+18.6875*t**aD))**78.84375})}),az=new e8({id:"rec2100hlg",cssId:"rec2100-hlg",name:"REC.2100-HLG",referred:"scene",base:aB,toBase:e=>e.map(function(e){return e<=.5?e**2/3*3.7743:(Math.exp((e-.55991073)/.17883277)+.28466892)/12*3.7743}),fromBase:e=>e.map(function(e){return(e/=3.7743)<=1/12?eF(3*e,.5):.17883277*Math.log(12*e-.28466892)+.55991073})});let aF={};function aW({id:e,toCone_M:t,fromCone_M:r}){aF[e]=arguments[0]}function aU(e,t,r="Bradford"){let a=aF[r],[n,o,s]=eS(a.toCone_M,e),[i,l,c]=eS(a.toCone_M,t),d=eS([[i/n,0,0],[0,l/o,0],[0,0,c/s]],a.toCone_M);return eS(a.fromCone_M,d)}eq.add("chromatic-adaptation-start",e=>{e.options.method&&(e.M=aU(e.W1,e.W2,e.options.method))}),eq.add("chromatic-adaptation-end",e=>{e.M||(e.M=aU(e.W1,e.W2,e.options.method))}),aW({id:"von Kries",toCone_M:[[.40024,.7076,-.08081],[-.2263,1.16532,.0457],[0,0,.91822]],fromCone_M:[[1.8599363874558397,-1.1293816185800916,.21989740959619328],[.3611914362417676,.6388124632850422,-6370596838649899e-21],[0,0,1.0890636230968613]]}),aW({id:"Bradford",toCone_M:[[.8951,.2664,-.1614],[-.7502,1.7135,.0367],[.0389,-.0685,1.0296]],fromCone_M:[[.9869929054667121,-.14705425642099013,.15996265166373122],[.4323052697233945,.5183602715367774,.049291228212855594],[-.00852866457517732,.04004282165408486,.96848669578755]]}),aW({id:"CAT02",toCone_M:[[.7328,.4296,-.1624],[-.7036,1.6975,.0061],[.003,.0136,.9834]],fromCone_M:[[1.0961238208355142,-.27886900021828726,.18274517938277307],[.4543690419753592,.4735331543074117,.07209780371722911],[-.009627608738429355,-.00569803121611342,1.0153256399545427]]}),aW({id:"CAT16",toCone_M:[[.401288,.650173,-.051461],[-.250268,1.204414,.045854],[-.002079,.048952,.953127]],fromCone_M:[[1.862067855087233,-1.0112546305316845,.14918677544445172],[.3875265432361372,.6214474419314753,-.008973985167612521],[-.01584149884933386,-.03412293802851557,1.0499644368778496]]}),Object.assign(eJ,{A:[1.0985,1,.35585],C:[.98074,1,1.18232],D55:[.95682,1,.92149],D75:[.94972,1,1.22638],E:[1,1,1],F2:[.99186,1,.67393],F7:[.95041,1,1.08747],F11:[1.00962,1,.6435]}),eJ.ACES=[.32168/.33767,1,1.0088251843515859];var aV=new e8({id:"acescg",cssId:"--acescg",name:"ACEScg",coords:{r:{range:[0,65504],name:"Red"},g:{range:[0,65504],name:"Green"},b:{range:[0,65504],name:"Blue"}},referred:"scene",white:eJ.ACES,toXYZ_M:[[.6624541811085053,.13400420645643313,.1561876870049078],[.27222871678091454,.6740817658111484,.05368951740793705],[-.005574649490394108,.004060733528982826,1.0103391003129971]],fromXYZ_M:[[1.6410233796943257,-.32480329418479,-.23642469523761225],[-.6636628587229829,1.6153315916573379,.016756347685530137],[.011721894328375376,-.008284441996237409,.9883948585390215]]});let aY=(Math.log2(65504)+9.72)/17.52;var aq=Object.freeze({__proto__:null,A98RGB:rQ,A98RGB_Linear:rJ,ACEScc:new e8({id:"acescc",cssId:"--acescc",name:"ACEScc",coords:{r:{range:[-.35828683,aY],name:"Red"},g:{range:[-.35828683,aY],name:"Green"},b:{range:[-.35828683,aY],name:"Blue"}},referred:"scene",base:aV,toBase(e){let t=(9.72-15)/17.52;return e.map(function(e){return e<=t?(2**(17.52*e-9.72)-152587890625e-16)*2:e<aY?2**(17.52*e-9.72):65504})},fromBase:e=>e.map(function(e){return e<=0?(Math.log2(152587890625e-16)+9.72)/17.52:e<152587890625e-16?(Math.log2(152587890625e-16+.5*e)+9.72)/17.52:(Math.log2(e)+9.72)/17.52})}),ACEScg:aV,CAM16_JMh:t7,HCT:ro,HPLuv:a_,HSL:rK,HSLuv:aL,HSV:rG,HWB:rX,ICTCP:tY,JzCzHz:tB,Jzazbz:t_,LCH:td,LCHuv:ab,Lab:ti,Lab_D65:r_,Luv:ag,OKLCH:r6,OKLab:ty,OKLrCH:ac,OKLrab:al,Okhsl:ai,Okhsv:ad,P3:rk,P3_Linear:rb,ProPhoto:r5,ProPhoto_Linear:r0,REC_2020:rg,REC_2020_Linear:rm,REC_2020_Scene_Referred:r4,REC_2100_HLG:az,REC_2100_Linear:aB,REC_2100_PQ:a$,XYZ_ABS_D65:tR,XYZ_D50:tr,XYZ_D65:e3,sRGB:rC,sRGB_Linear:rx});class aZ{constructor(...e){let t,r,a,n;if(1===e.length){let r={};"object"==typeof e[0]&&Object.getPrototypeOf(e[0]).constructor===Object&&(e[0]={...e[0]}),t=e4(e[0],{parseMeta:r}),r.format&&(this.parseMeta=r)}for(let o in t?(r=t.space||t.spaceId,a=t.coords,n=t.alpha):[r,a,n]=e,Object.defineProperty(this,"space",{value:e6.get(r),writable:!1,enumerable:!0,configurable:!0}),this.coords=a?a.slice():[0,0,0],this.alpha=eA(n)?n:void 0===n?1:e$(0,n,1),this.space.coords)Object.defineProperty(this,o,{get:()=>this.get(o),set:e=>this.set(o,e)})}get spaceId(){return this.space.id}clone(){return new aZ(this.space,this.coords,this.alpha)}toJSON(){return{spaceId:this.spaceId,coords:this.coords,alpha:this.alpha}}display(...e){let r=function(e,{space:r=eZ.display_space,...a}={}){let n=rh(e=e4(e),a);if("u"<typeof CSS||CSS.supports("color",n)||!eZ.display_space)(n=new String(n)).color=e;else{let o=e;if((e.coords.some(eA)||eA(e.alpha))&&!(t??=CSS.supports("color","hsl(none 50% 50%)"))&&((o=tC(e)).coords=o.coords.map(e_),o.alpha=e_(o.alpha),n=rh(o,a),CSS.supports("color",n)))return(n=new String(n)).color=o,n;(n=new String(rh(o=rp(o,r),a))).color=o}return n}(this,...e);return r.color=new aZ(r.color),r}static get(e,...t){return eV(e,this)?e:new aZ(e,...t)}static try(e,t){if(eV(e,this))return e;let r=function e(t,r={}){if(Array.isArray(t))return t.map(t=>e(t,r));let{cssProperty:a="background-color",element:n,...o}=r,s=null;try{return e4(t,o)}catch(e){s=e}let{CSS:i,getComputedStyle:l}=globalThis;if(eP(t)&&n&&i&&l&&i.supports(a,t)){let e=n.style[a];t!==e&&(n.style[a]=t);let r=l(n).getPropertyValue(a);if(t!==e&&(n.style[a]=e),r!==t)try{return e4(r,o)}catch(e){s=e}else s={message:"Color value is a valid CSS color, but it could not be resolved :("}}return r.errorMeta&&(r.errorMeta.error=s),null}(e,t);return r?new aZ(r):null}static defineFunction(e,t,r=t){let{instance:a=!0,returns:n}=r,o=function(...e){let r=t(...e);if("color"===n)r=aZ.get(r);else if("function<color>"===n){let e=r;Object.assign(r=function(...t){let r=e(...t);return aZ.get(r)},e)}else"array<color>"===n&&(r=r.map(e=>aZ.get(e)));return r};e in aZ||(aZ[e]=o),a&&(aZ.prototype[e]=function(...e){return o(this,...e)})}static defineFunctions(e){for(let t in e)aZ.defineFunction(t,e[t],e[t])}static extend(e){if(e.register)e.register(aZ);else for(let t in e)aZ.defineFunction(t,e[t])}}for(let e of(aZ.defineFunctions({get:e7,getAll:e9,set:tt,setAll:te,to:rp,equals:function(e,t){return e=e4(e),t=e4(t),e.space===t.space&&e.alpha===t.alpha&&e.coords.every((e,r)=>e===t.coords[r])},inGamut:tj,toGamut:rd,distance:tk,deltas:function(e,t,{space:r,hue:a="shorter"}={}){e=e4(e),r||=e.space;let n=Object.values((r=e6.get(r)).coords);[e,t]=[e,t].map(e=>rp(e,r));let[o,s]=[e,t].map(e=>e.coords),i=o.map((e,t)=>{let r=n[t],o=s[t];return"angle"===r.type&&([e,o]=tc(a,[e,o])),rM(e,o)}),l=rM(e.alpha,t.alpha);return{space:r,coords:i,alpha:l}},toString:rh}),Object.assign(aZ,{util:eY,hooks:eq,WHITES:eJ,Space:e6,spaces:e6.registry,parse:e1,defaults:eZ}),Object.keys(aq)))e6.register(aq[e]);for(let e in e6.registry)aK(e,e6.registry[e]);function aK(e,t){let r=e.replace(/-/g,"_");Object.defineProperty(aZ.prototype,r,{get(){let r=this.getAll(e);if("u"<typeof Proxy)return r;let a=new Proxy(r,{has:(e,r)=>{try{return e6.resolveCoord([t,r]),!0}catch(e){}return Reflect.has(e,r)},get:(e,r,n)=>{if(r&&"symbol"!=typeof r&&!(r in e)&&r in a){let{index:a}=e6.resolveCoord([t,r]);if(a>=0)return e[a]}return Reflect.get(e,r,n)},set:(r,a,n,o)=>{if(a&&"symbol"!=typeof a&&!(a in r)||Number(a)>=0){let{index:o}=e6.resolveCoord([t,a]);if(o>=0)return r[o]=n,this.setAll(e,r),!0}return Reflect.set(r,a,n,o)}});return a},set(t){this.setAll(e,t)},configurable:!0,enumerable:!0})}function*aG(e){if(e.children.length>0)for(let t=0;t<e.children.length;t++){let r=e.children.item(t);yield r,yield*aG(r)}}function aX(e,t){try{let r=new aZ(e).to("lch");return"background"===t?r.lch.l>=50&&(r.lch.l=50-(r.lch.l-50)*.75):"foreground"===t&&r.lch.l<50&&(r.lch.l=50-(r.lch.l-50)*.75),r.lch.c*=.8,r.toString()}catch(t){return console.error(`couldn't invert color ${e}`,t),e}}eq.add("colorspace-init-end",e=>{aK(e.id,e),e.aliases?.forEach(t=>{aK(t,e)})}),aZ.extend(rl),aZ.extend({deltaE:r$}),Object.assign(aZ,{deltaEMethods:rl}),aZ.extend(rW),aZ.extend({contrast:function(e,t,r){eP(r)&&(r={algorithm:r});let{algorithm:a,...n}=r||{};if(!a){let e=Object.keys(rB).map(e=>e.replace(/^contrast/,"")).join(", ");throw TypeError(`contrast() function needs a contrast algorithm. Please specify one of: ${e}`)}for(let r in e=e4(e),t=e4(t),rB)if("contrast"+a.toLowerCase()===r.toLowerCase())return rB[r](e,t,n);throw TypeError(`Unknown contrast algorithm: ${a}`)}}),aZ.extend(rH),aZ.extend(rS),aZ.extend(rZ),aZ.extend(rB);let aJ=()=>/#[0-9a-f]{3,4}|#[0-9a-f]{6,8}|(rgb|rgba|hsl|hsv|oklab|oklch|lab|lch|hwb)\s*\(.*?\)/gi,aQ={aliceblue:"#f0f8ff",antiquewhite:"#faebd7",aqua:"#00ffff",aquamarine:"#7fffd4",azure:"#f0ffff",beige:"#f5f5dc",bisque:"#ffe4c4",black:"#000000",blanchedalmond:"#ffebcd",blue:"#0000ff",blueviolet:"#8a2be2",brown:"#a52a2a",burlywood:"#deb887",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",cornflowerblue:"#6495ed",cornsilk:"#fff8dc",crimson:"#dc143c",cyan:"#00ffff",darkblue:"#00008b",darkcyan:"#008b8b",darkgoldenrod:"#b8860b",darkgray:"#a9a9a9",darkgreen:"#006400",darkgrey:"#a9a9a9",darkkhaki:"#bdb76b",darkmagenta:"#8b008b",darkolivegreen:"#556b2f",darkorange:"#ff8c00",darkorchid:"#9932cc",darkred:"#8b0000",darksalmon:"#e9967a",darkseagreen:"#8fbc8f",darkslateblue:"#483d8b",darkslategray:"#2f4f4f",darkslategrey:"#2f4f4f",darkturquoise:"#00ced1",darkviolet:"#9400d3",deeppink:"#ff1493",deepskyblue:"#00bfff",dimgray:"#696969",dimgrey:"#696969",dodgerblue:"#1e90ff",firebrick:"#b22222",floralwhite:"#fffaf0",forestgreen:"#228b22",fuchsia:"#ff00ff",gainsboro:"#dcdcdc",ghostwhite:"#f8f8ff",gold:"#ffd700",goldenrod:"#daa520",gray:"#808080",green:"#008000",greenyellow:"#adff2f",grey:"#808080",honeydew:"#f0fff0",hotpink:"#ff69b4",indianred:"#cd5c5c",indigo:"#4b0082",ivory:"#fffff0",khaki:"#f0e68c",lavender:"#e6e6fa",lavenderblush:"#fff0f5",lawngreen:"#7cfc00",lemonchiffon:"#fffacd",lightblue:"#add8e6",lightcoral:"#f08080",lightcyan:"#e0ffff",lightgoldenrodyellow:"#fafad2",lightgray:"#d3d3d3",lightgreen:"#90ee90",lightgrey:"#d3d3d3",lightpink:"#ffb6c1",lightsalmon:"#ffa07a",lightseagreen:"#20b2aa",lightskyblue:"#87cefa",lightslategray:"#778899",lightslategrey:"#778899",lightsteelblue:"#b0c4de",lightyellow:"#ffffe0",lime:"#00ff00",limegreen:"#32cd32",linen:"#faf0e6",magenta:"#ff00ff",maroon:"#800000",mediumaquamarine:"#66cdaa",mediumblue:"#0000cd",mediumorchid:"#ba55d3",mediumpurple:"#9370db",mediumseagreen:"#3cb371",mediumslateblue:"#7b68ee",mediumspringgreen:"#00fa9a",mediumturquoise:"#48d1cc",mediumvioletred:"#c71585",midnightblue:"#191970",mintcream:"#f5fffa",mistyrose:"#ffe4e1",moccasin:"#ffe4b5",navajowhite:"#ffdead",navy:"#000080",oldlace:"#fdf5e6",olive:"#808000",olivedrab:"#6b8e23",orange:"#ffa500",orangered:"#ff4500",orchid:"#da70d6",palegoldenrod:"#eee8aa",palegreen:"#98fb98",paleturquoise:"#afeeee",palevioletred:"#db7093",papayawhip:"#ffefd5",peachpuff:"#ffdab9",peru:"#cd853f",pink:"#ffc0cb",plum:"#dda0dd",powderblue:"#b0e0e6",purple:"#800080",rebeccapurple:"#663399",red:"#ff0000",rosybrown:"#bc8f8f",royalblue:"#4169e1",saddlebrown:"#8b4513",salmon:"#fa8072",sandybrown:"#f4a460",seagreen:"#2e8b57",seashell:"#fff5ee",sienna:"#a0522d",silver:"#c0c0c0",skyblue:"#87ceeb",slateblue:"#6a5acd",slategray:"#708090",slategrey:"#708090",snow:"#fffafa",springgreen:"#00ff7f",steelblue:"#4682b4",tan:"#d2b48c",teal:"#008080",thistle:"#d8bfd8",tomato:"#ff6347",transparent:"rgba(0,0,0,0)",turquoise:"#40e0d0",violet:"#ee82ee",wheat:"#f5deb3",white:"#ffffff",whitesmoke:"#f5f5f5",yellow:"#ffff00",yellowgreen:"#9acd32"},a0=RegExp(`${Object.keys(aQ).join("|")}`,"gi"),a1=new Map([[["background","backgroundColor"],"background"],[["border","borderColor"],"background"],[["color"],"foreground"]]);function a2(e){let{contentDocument:t,contentWindow:r}=e;if(t&&r&&t.body&&t.body.hasAttribute("data-applied-color-inversion")){for(let e of(t.body.removeAttribute("data-applied-color-inversion"),aG(t.documentElement)))if(e instanceof r.HTMLElement)for(let t of a1.keys())for(let r of t){let t=e.getAttribute(`data-original-${r}`);t&&(e.style[r]=t),e.removeAttribute(`data-original-${r}`)}}}function a5(e){let{contentDocument:t,contentWindow:r}=e;if(t&&r&&t.body&&!t.body.hasAttribute("data-applied-color-inversion")){for(let e of(t.body.setAttribute("data-applied-color-inversion",""),t.body.style.color||(t.body.style.color="rgb(0, 0, 0)"),t.body.style.background||t.body.style.backgroundColor||(t.body.style.background="rgb(255, 255, 255)"),aG(t.documentElement)))if(e instanceof r.HTMLElement)for(let[t,r]of a1.entries())for(let a of t){let t=e.style[a];if(t&&""!==t.trim()){e.setAttribute(`data-original-${a}`,t),e.style[a]=t.replaceAll(aJ(),e=>aX(e,r)).replaceAll(a0,e=>aX(aQ[e],r)),a0.lastIndex=0;break}}}}function a4({markup:e,width:t,height:a,darkMode:n,...o}){return(0,r.jsx)(d.Slot,{ref:e=>{e&&(n?a5(e):a2(e))},children:(0,r.jsx)("iframe",{srcDoc:e,width:t,height:a,sandbox:"allow-same-origin allow-popups allow-popups-to-escape-sandbox",onLoad:e=>{let t=e.currentTarget;n?a5(t):a2(t)},...o})})}let a6=({children:e})=>{let t=e.match(/(Unexpected closing tag "[^"]+". It may happen when the tag has already been closed by another tag). (For more info see) (.+)/);if(t){let[e,a,n,o]=t;return(0,r.jsxs)(r.Fragment,{children:[a,".",(0,r.jsxs)("p",{className:"text-lg",children:[n," ",(0,r.jsx)("a",{className:"underline",rel:"noreferrer",target:"_blank",href:o,children:o})]})]})}return e},a3=({error:e})=>(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{className:"absolute inset-0 z-50 bg-black/80"}),(0,r.jsxs)("div",{className:" min-h-[50vh] w-full max-w-lg sm:rounded-lg md:max-w-[568px] lg:max-w-[920px] absolute left-[50%] top-[50%] z-50 translate-x-[-50%] translate-y-[-50%] rounded-t-sm overflow-hidden bg-white text-black shadow-lg duration-200 flex flex-col selection:text-black! ",children:[(0,r.jsx)("div",{className:"bg-red-500 h-3"}),(0,r.jsxs)("div",{className:"flex grow p-6 min-w-0 max-w-full flex-col space-y-1.5",children:[(0,r.jsxs)("div",{className:"shrink pb-2 text-xl tracking-tight",children:[(0,r.jsx)("b",{children:e.name}),": ",(0,r.jsx)(a6,{children:e.message})]}),e.stack?(0,r.jsx)("div",{className:"grow scroll-px-4 overflow-x-auto rounded-lg bg-black p-2 text-gray-100",children:(0,r.jsx)("pre",{className:"w-full min-w-0 font-mono leading-6 selection:text-cyan-12! text-xs",children:e.stack})}):void 0]})]})]});e.s(["default",0,({emailTitle:e,className:t,...l})=>{let c,{renderingResult:d,renderedEmailMetadata:f,emailSlug:p}=(0,L.usePreviewContext)(),h=(0,a.useRouter)(),m=(0,a.usePathname)(),g=(0,a.useSearchParams)(),v=null!==g.get("dark"),x=g.get("view")??"preview",y=f?.extname==="html",w=g.get("lang"),j=void 0!==f,C="error"in d,[k,M]=(0,n.useState)(1/0),[R,E]=(0,n.useState)(1/0),T=g.get("width"),P=g.get("height"),[A,_]=eR(T?Number.parseInt(T,10):1024,220,k),[B,D]=eR(P?Number.parseInt(P,10):600,352,R),O=i(()=>{let e=new URLSearchParams(g);e.set("width",A.toString()),e.set("height",B.toString()),h.push(`${m}?${e.toString()}${location.hash}`)},300),{toggled:$}=(0,q.useToolbarState)(),{open:z,setOpen:F}=(0,I.usePropsPanel)();return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)(b.Topbar,{emailTitle:e,children:["preview"===x?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(ej,{enabled:v,onChange:e=>{let t;return t=new URLSearchParams(g),void(e?t.set("dark",""):t.delete("dark"),h.push(`${m}?${t.toString()}${location.hash}`))}}),(0,r.jsx)(W,{setViewHeight:e=>{D(e),(0,o.flushSync)(()=>{O()})},setViewWidth:e=>{_(e),(0,o.flushSync)(()=>{O()})},viewHeight:B,viewWidth:A,minWidth:220,minHeight:352})]}):null,(0,r.jsx)(ex,{activeView:x,setActiveView:e=>{let t=new URLSearchParams(g);t.set("view",e),h.push(`${m}?${t.toString()}${location.hash}`)}}),j&&!y?(0,r.jsx)(ek,{onChange:F,open:z}):null,j?(0,r.jsx)("div",{className:"flex justify-end",children:(0,r.jsx)(Y,{markup:f.markup,defaultSubject:0===(c=(0,eE.removeFilenameExtension)(e).replace(/[-_.]+/g," ").replace(/([a-z\d])([A-Z])/g,"$1 $2").replace(/([A-Z]{2,})([A-Z][a-z])/g,"$1 $2").replace(/\s+/g," ").trim()).length?"":c.split(" ").map(e=>e.length>1&&e===e.toUpperCase()?e:e.charAt(0).toUpperCase()+e.slice(1)).join(" "),storageKey:p},p)}):null]}),(0,r.jsxs)("div",{className:(0,u.cn)("flex h-[calc(100%-3.5rem-2.375rem)] will-change-[height] transition-[height] duration-300",$&&"h-[calc(100%-3.5rem-13rem)]"),children:[(0,r.jsxs)("div",{...l,className:(0,u.cn)("relative flex min-w-0 grow p-4","preview"===x&&"bg-gray-200","preview"===x&&v&&"bg-gray-400",t),ref:e=>{let t=new ResizeObserver(e=>{let[t]=e;t&&(M(t.contentRect.width),E(t.contentRect.height))});return e&&t.observe(e),()=>{t.disconnect()}},children:[C?(0,r.jsx)(a3,{error:d.error}):null,j?(0,r.jsxs)(r.Fragment,{children:["preview"===x&&(0,r.jsx)(U,{minHeight:352,minWidth:220,maxHeight:R,maxWidth:k,height:B,onResizeEnd:()=>{O()},onResize:(e,t)=>{"east"===t||"west"===t?_(Math.round(e)):D(Math.round(e))},width:A,children:(0,r.jsx)(a4,{className:"max-h-full rounded-lg bg-white [color-scheme:auto]",darkMode:v,markup:f.markup,width:A,height:B,title:e,ref:e=>{if(e){let t,r;return t=t=>{let r=e.getBoundingClientRect();document.dispatchEvent(new MouseEvent("mousemove",{...t,clientX:t.clientX+r.x,clientY:t.clientY+r.y}))},r=e=>{document.dispatchEvent(new MouseEvent("mouseup",e))},e.contentDocument?.addEventListener("mousemove",t),e.contentDocument?.addEventListener("mouseup",r),()=>{e.contentDocument?.removeEventListener("mousemove",t),e.contentDocument?.removeEventListener("mouseup",r)}}}})}),"source"===x&&(0,r.jsx)("div",{className:"h-full w-full",children:(0,r.jsx)("div",{className:"m-auto h-full flex max-w-3xl p-6",children:(0,r.jsx)(S.Tooltip.Provider,{children:(0,r.jsx)(N,{activeLang:null===w||y&&"tsx"===w?y?"html":"tsx":w,basename:f.basename,markups:y?[{language:"html",extension:"html",content:f.prettyMarkup},{language:"markdown",extension:"md",content:f.plainText}]:[{language:"tsx",extension:f.extname,content:f.reactMarkup},{language:"html",content:f.prettyMarkup},{language:"markdown",extension:"md",content:f.plainText}],setActiveLang:e=>{let t=new URLSearchParams(g);t.set("view","source"),t.set("lang",e);let r=g.get("lang")===e;h.push(`${m}?${t.toString()}${r?location.hash:""}`)}})})})})]}):null,(0,r.jsx)(s.Toaster,{})]}),j&&!y?(0,r.jsx)(H,{open:z}):null]})]})}],1402)}]);