@carbonplan/components 11.1.0-develop.1 → 11.1.0

package/dst/index.js

@@ -1,2 +1,2960 @@
-var e=require("react"),t=require("theme-ui"),n=require("@theme-ui/color"),r=require("next/link"),a=require("@carbonplan/icons"),o=require("@carbonplan/emoji"),l=require("next/head"),i=require("@emotion/react");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=c(e),s=c(r),u=c(l);function m(){return m=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},m.apply(this,arguments)}function p(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)t.indexOf(n=o[r])>=0||(a[n]=e[n]);return a}var f=["sx","children"],x=["href","children","internal","tracking"],h=e.forwardRef(function(e,n){var r=e.href,a=e.children,o=e.internal,l=void 0!==o&&o,i=e.tracking,c=void 0!==i&&i,u=p(e,x);if(l||r&&r.startsWith("/"))return d.default.createElement(s.default,{href:r,passHref:!0},d.default.createElement(t.Link,m({ref:n},u),a));if(c){var f,h;r&&r.includes("pdf")?(f="PDF",h="download"):(f="website",h="external");var g=function(e){!function(e){var t=e.action;"function"==typeof window.gtag?window.gtag("event",t,{event_category:e.category,event_label:e.label,value:e.value}):console.warn("Missing window.gtag, skipping analytics action: '"+t+"'.")}({action:f,category:h,label:r})};return d.default.createElement(t.Link,m({ref:n,onClick:g,onContextMenu:g,href:r},u),a)}return d.default.createElement(t.Link,m({ref:n,href:r},u),a)}),g=function(e){if(!["xs","sm","md","lg","xl"].includes(e))throw new Error("Size must be xs, sm, md, lg, or xl");var t,n,r,a;return"xs"===e&&(t=[2,2,2,3],n="body",r="body",a=[1.2]),"sm"===e&&(t=[3,3,3,4],n="body",r="body",a=[1.2]),"md"===e&&(t=[4,4,4,5],n="body",r="body",a=[1.2]),"lg"===e&&(t=[5,5,6,7],n="heading",r="heading",a=[1.2,1.2,1.25,1.25]),"xl"===e&&(t=[6,7,8,9],n="heading",r="heading",a=[1.25]),{fontSize:t,fontFamily:n,letterSpacing:r,lineHeight:a}},y=["size","prefix","suffix","inverted","sx","children","align","href","internal","tracking"],E=e.forwardRef(function(n,r){var a,o,l,i,c,s=n.size,u=void 0===s?"sm":s,f=n.prefix,x=n.suffix,E=n.inverted,b=n.sx,v=n.children,w=n.align,k=n.href,C=n.internal,S=n.tracking,B=p(n,y);if(!["xs","sm","md","lg","xl"].includes(u))throw new Error("Size must be xs, sm, md, lg, or xl");var z,L,M,A,T,W,F=b&&b.color?b.color:null,I=F||(E?"secondary":"primary"),R=F||E?"primary":"secondary";"xs"===u&&(o=["6px","6px","6px","6px"],l=[12,12,12,13],i=[12,12,12,13],c=[1.5,1.5,1.5,1.5],a={transform:"translateY(0.25px)"}),"sm"===u&&(o=["7px","7px","7px","7px"],l=[13,13,13,18],i=[13,13,13,18],c=[1.5,1.5,1.5,2],a={transform:"translateY(0.25px)"}),"md"===u&&(o=["8px","8px","8px","8px"],l=[18,18,18,24],i=[18,18,18,24],c=[2,2,2,3]),"lg"===u&&(o=["10px","10px","12px","16px"],l=[24,24,34,46],i=[24,24,34,46],c=[3,3,4,5]),"xl"===u&&(o=["12px","16px","18px","20px"],l=[34,46,56,68],i=[34,46,56,68],c=[4,5,6,7]),w?(M=w,A=w):f&&x?(M="initial",A="initial"):f?M="initial":x&&(A="middle"),T="middle"===M?{}:a,W="middle"===A?{}:a,f&&(z={"&:hover > #prefix-span > #prefix":m({color:R},f.type.hover)},f=e.cloneElement(f,{id:"prefix",sx:m({position:"relative",height:l,width:i,mr:v?o:[0],strokeWidth:c,verticalAlign:M,transition:"color 0.15s, transform 0.15s"},f.props.sx)})),x&&(L={"&:hover > #suffix-span >#suffix":m({color:R},x.type.hover)},x=e.cloneElement(x,{id:"suffix",sx:m({height:l,width:i,ml:v?o:[0],strokeWidth:c,verticalAlign:A,transition:"color 0.15s, transform 0.15s"},x.props.sx)}));var D=m({},g(u),{lineHeight:1.05,border:"none",background:"transparent",display:"block",color:I,padding:[0],textAlign:"left",cursor:"pointer",width:"fit-content","@media (hover: hover) and (pointer: fine)":m({"&:hover":{color:R}},L,z)},b),O=d.default.createElement(d.default.Fragment,null,d.default.createElement(t.Box,{as:"span",id:"prefix-span",sx:m({display:"inline-block"},T)},f&&f),d.default.createElement(t.Box,{as:"span",sx:{transition:"color 0.15s"}},v),d.default.createElement(t.Box,{as:"span",id:"suffix-span",sx:m({display:"inline-block"},W)},x&&x));return k?d.default.createElement(h,m({ref:r,href:k,internal:C,tracking:S,sx:m({},D,{textDecoration:"none"})},B),O):d.default.createElement(t.Box,m({ref:r,as:"button",sx:D},B),O)}),b=["label","children","inverted","color","href","internal","tracking","sx"],v=e.forwardRef(function(e,n){var r=e.label,o=e.children,l=e.inverted,i=e.color,c=e.href,s=e.internal,u=e.tracking,f=e.sx,x=p(e,b),g=i||(l?"secondary":"primary"),y=i||l?"primary":"secondary",E=m({border:"none",padding:[0],fontSize:[3,3,3,4],color:g,background:"transparent",textDecoration:"none",fontFamily:"body",lineHeight:"h3",letterSpacing:"body",width:"fit-content",cursor:"pointer",textAlign:"left",mb:[1],"@media (hover: hover) and (pointer: fine)":{"&:hover > #container > #arrow":{transform:"rotate(45deg)",fill:y},"&:hover":{color:y}}},f),v=d.default.createElement(d.default.Fragment,null,d.default.createElement(t.Box,{sx:{transition:"0.15s",letterSpacing:"body",pb:["6px"]}},o),d.default.createElement(t.Box,{sx:{transition:"0.15s",display:"inline-block",textTransform:"uppercase",letterSpacing:"smallcaps",fontFamily:"heading",fontSize:[2,2,2,3]}},r),d.default.createElement(t.Box,{as:"span",id:"container",sx:{ml:[2],display:"inline-block"}},d.default.createElement(a.Arrow,{id:"arrow",sx:{transition:"fill 0.15s, transform 0.15s",position:"relative",top:["2px"],color:g,height:[15,15,15,17],width:[15,15,15,17]}})));return c?d.default.createElement(h,m({ref:n,href:c,internal:s,tracking:u,sx:E},x),v):d.default.createElement(t.Box,m({ref:n,as:"button",sx:E},x),v)}),w=["colormap","label","clim","setClim","setClimStep","discrete","units","width","height","format","horizontal","bottom","sx","sxClim"],k=function(e){return{fontFamily:"mono",fontSize:["9px",0,0,1],letterSpacing:"smallcaps",textTransform:"uppercase","@media (hover: hover) and (pointer: fine)":{"&:hover":{borderBottom:e?function(e){return"solid 1px "+e.colors.primary+" !important"}:"unset"}},"&:focus":{outline:"none",borderBottom:e?function(e){return"solid 1px "+e.colors.primary+" !important"}:"unset"},transition:"border 0.15s",userSelect:e?"none !important":"unset",width:"fit-content",minWidth:"fit-content"}},C={width:["10px","16px","16px","17px"],height:["80px","110px","110px","130px"]},S=function(e){var n=e.colormap,r=e.discrete,a=e.horizontal,o=e.width,l=e.height,i=1/n.length*100,c="linear-gradient(to "+(a?"right":"top")+", "+n.map(function(e,t){return"rgb("+e+") "+t*i+"% "+(r&&t<n.length-1?(t+1)*i+"%":"")}).join(",")+")";return d.default.createElement(t.Box,{sx:m({},a?{width:o||C.height,height:l||C.width}:{width:o||C.width,minHeight:l||C.height},{mt:a?["1px","1px","1px",0]:0,border:function(e){return"solid 1px "+e.colors.hinted},background:c})})},B=function(e){var n=e.label,r=e.units,a=e.horizontal;return d.default.createElement(t.Box,{sx:!a&&{width:["13px","17px","17px","19px"],alignSelf:"flex-end"}},d.default.createElement(t.Box,{sx:m({mb:a?0:["-4px","-4px","-4px","-3px"],fontFamily:"mono",fontSize:["9px",0,0,1],letterSpacing:"smallcaps",textTransform:"uppercase"},a?{}:{writingMode:"vertical-rl",transform:"rotate(180deg)",whiteSpace:"nowrap",display:"inline-block",overflow:"visible"})},n," ",d.default.createElement(t.Box,{as:"span",sx:{textTransform:"none",color:"secondary",display:"inline-block"}},r)))},z=["start","width","dl","dr","children","sx"],L=function(e){var n=e.start,r=e.width,a=e.dl,o=e.dr,l=e.children,i=e.sx,c=p(e,z);r=r||"auto";var s=function(e){if(e&&!Array.isArray(e)&&(e=[e]),![1,2,4].includes(e.length))throw new Error("Array length must be 1, 2, or 4");return Array.isArray(e)&&1==e.length?e=e.map(function(e){return[e,e,e,e]}).flat():Array.isArray(e)&&2==e.length&&(e=e.map(function(e){return[e,e]}).flat()),e};n=s(n=n||"auto"),r=s(r);var u,f,x=n.map(function(e,t){return"auto"==e?"auto":e+r[t]});if(a){if(![.5,1].includes(a))throw new Error("dl must be 0.5 or 1");.5===a&&(u=["-12px",-3,-3,-4]),1===a&&(u=[-4,-5,-5,-6])}if(o){if(![.5,1].includes(o))throw new Error("dr must be 0.5 or 1");.5===o&&(f=["-12px",-3,-3,-4]),1===o&&(f=[-4,-5,-5,-6])}return d.default.createElement(t.Box,m({},c,{sx:m({gridColumnStart:n,gridColumnEnd:x,ml:u,mr:f},i)}),l)},M=function(e){var t=e.title,n=e.description,r=e.card;return n=n||"Data and science for climate action.",r=r||"https://images.carbonplan.org/social/homepage.png",d.default.createElement(u.default,null,d.default.createElement("title",null,t=t||"carbonplan"),d.default.createElement("meta",{name:"description",content:n}),d.default.createElement("meta",{name:"viewport",content:"initial-scale=1.0, width=device-width"}),d.default.createElement("link",{rel:"canonical",content:"https://carbonplan.org/"}),d.default.createElement("link",{rel:"icon",type:"image/svg+xml",href:"https://images.carbonplan.org/favicon.svg"}),d.default.createElement("link",{rel:"preload",href:"https://fonts.carbonplan.org/relative/relative-book-pro.woff2",as:"font",type:"font/woff2",crossOrigin:"anonymous"}),d.default.createElement("link",{rel:"preload",href:"https://fonts.carbonplan.org/relative/relative-medium-pro.woff2",as:"font",type:"font/woff2",crossOrigin:"anonymous"}),d.default.createElement("link",{rel:"preload",href:"https://fonts.carbonplan.org/relative/relative-mono-11-pitch-pro.woff2",as:"font",type:"font/woff2",crossOrigin:"anonymous"}),d.default.createElement("link",{rel:"preload",href:"https://fonts.carbonplan.org/relative/relative-faux-book-pro.woff2",as:"font",type:"font/woff2",crossOrigin:"anonymous"}),d.default.createElement("link",{rel:"manifest",href:"https://images.carbonplan.org/manifest.json"}),d.default.createElement("meta",{name:"theme-color",content:"#1b1e23"}),d.default.createElement("link",{rel:"alternate icon",type:"image/png",href:"https://images.carbonplan.org/favicon.png"}),d.default.createElement("link",{rel:"mask-icon",href:"https://images.carbonplan.org/safari-pinned-tab.svg",color:"#000000"}),d.default.createElement("link",{rel:"apple-touch-icon",sizes:"180x180",href:"https://images.carbonplan.org/apple-touch-icon.png"}),d.default.createElement("meta",{name:"msapplication-TileColor",content:"#1b1e23"}),d.default.createElement("meta",{name:"msapplication-TileImage",content:"https://images.carbonplan.org/mstile-144x144.png"}),d.default.createElement("meta",{name:"msapplication-config",content:"https://images.carbonplan.org/browserconfig.xml"}),d.default.createElement("meta",{property:"og:title",content:t}),d.default.createElement("meta",{property:"og:description",content:n}),d.default.createElement("meta",{property:"og:image",content:r}),d.default.createElement("meta",{property:"og:url",content:"https://carbonplan.org"}),d.default.createElement("meta",{name:"twitter:title",content:t}),d.default.createElement("meta",{name:"twitter:description",content:n}),d.default.createElement("meta",{name:"twitter:image",content:r}),d.default.createElement("meta",{name:"twitter:card",content:"summary_large_image"}))},A=function(e){var n=m({},e);return d.default.createElement(t.Box,m({as:"svg",width:"150",fill:"currentColor",stroke:"none",viewBox:"0 0 151.1 28.8"},n),d.default.createElement("g",null,d.default.createElement("g",null,d.default.createElement("path",{d:"M9.7,20.1c-1.3-1.4-2-3.1-2-5.2c0-2.1,0.7-3.9,2-5.2c1.3-1.4,3-2,5.1-2c1.7,0,3.1,0.4,4.3,1.3 c1.1,0.9,1.8,2.1,2.1,3.5c0,0.1,0,0.2,0,0.3s-0.1,0.2-0.2,0.2h-2.3c-0.2,0-0.3-0.1-0.4-0.2c-0.3-0.8-0.7-1.4-1.3-1.8 c-0.6-0.4-1.4-0.6-2.2-0.6c-1.3,0-2.3,0.4-3,1.2c-0.8,0.8-1.1,1.9-1.1,3.4c0,1.5,0.4,2.6,1.1,3.4c0.8,0.8,1.8,1.2,3,1.2 c0.8,0,1.6-0.2,2.2-0.6c0.6-0.4,1.1-1,1.3-1.8c0.1-0.2,0.2-0.2,0.4-0.3H21c0.1,0,0.2,0.1,0.2,0.2c0,0.1,0,0.2,0,0.3 c-0.3,1.4-1,2.6-2.1,3.5c-1.1,0.9-2.5,1.3-4.3,1.3C12.7,22.1,11,21.4,9.7,20.1z"})),d.default.createElement("g",null,d.default.createElement("path",{d:"M22.5,17.6c0-1.5,0.5-2.6,1.6-3.5c1.1-0.8,2.4-1.2,4.1-1.2c1.1,0,2.4,0.2,3.7,0.6V13c0-0.9-0.3-1.6-0.8-2.1 c-0.5-0.5-1.2-0.8-2.2-0.8c-1.4,0-2.4,0.6-2.9,1.8c-0.1,0.2-0.2,0.2-0.4,0.2h-2.3c-0.1,0-0.2-0.1-0.2-0.2c0-0.1,0-0.2,0-0.3 c0.3-1.2,0.9-2.2,1.9-2.9c1-0.8,2.3-1.1,3.8-1.1C30.6,7.6,32,8.1,33,9c1,0.9,1.5,2.2,1.5,3.8V19c0,1.1,0.2,1.9,0.5,2.6 c0,0.1,0.1,0.1,0.1,0.1c0,0.1-0.1,0.1-0.3,0.1h-2.8c-0.2,0-0.3-0.1-0.3-0.3v-1c-1.1,1.1-2.5,1.6-4.3,1.6c-1.4,0-2.6-0.4-3.6-1.2 C23,20.1,22.5,19,22.5,17.6z M25.4,17.5c0,0.6,0.2,1.1,0.7,1.5c0.4,0.4,1.1,0.5,1.9,0.5c1.1,0,2-0.3,2.8-0.9 c0.8-0.6,1.1-1.5,1.1-2.6c-1.3-0.4-2.5-0.6-3.6-0.6c-0.8,0-1.5,0.2-2.1,0.5C25.7,16.3,25.4,16.8,25.4,17.5z"})),d.default.createElement("g",null,d.default.createElement("path",{d:"M37,21.6V8.2c0-0.2,0.1-0.3,0.3-0.3h2.2c0.2,0,0.3,0.1,0.3,0.3v1.1c1-1.1,2.3-1.6,3.7-1.6 c0.8,0,1.7,0.1,2.5,0.4c0.2,0.1,0.3,0.3,0.3,0.5v2.2c0,0.2-0.1,0.3-0.2,0.3c0,0-0.1,0-0.2-0.1c-1.1-0.5-2-0.8-2.9-0.8 c-0.9,0-1.7,0.4-2.3,1.1c-0.6,0.7-0.9,1.7-0.9,3v7.3c0,0.2-0.1,0.3-0.3,0.3h-2.2C37.1,21.8,37,21.7,37,21.6z"})),d.default.createElement("g",null,d.default.createElement("path",{d:"M47.6,21.6V2.7c0-0.2,0.1-0.3,0.3-0.3H50c0.2,0,0.3,0.1,0.3,0.3v6.5c1.3-1.1,2.7-1.6,4.3-1.6 c1.9,0,3.4,0.7,4.6,2c1.1,1.3,1.7,3.1,1.7,5.3c0,2.2-0.6,4-1.7,5.3c-1.1,1.3-2.7,2-4.6,2c-1.8,0-3.2-0.5-4.3-1.6v1 c0,0.2-0.1,0.3-0.3,0.3h-2.2C47.7,21.8,47.6,21.7,47.6,21.6z M51.2,11.5c-0.7,0.9-1.1,2-1.1,3.3c0,1.4,0.4,2.5,1.1,3.3 s1.7,1.3,2.9,1.3c1.2,0,2.2-0.4,2.9-1.3c0.7-0.9,1.1-2,1.1-3.3c0-1.4-0.4-2.5-1.1-3.3c-0.7-0.9-1.7-1.3-2.9-1.3 C52.9,10.2,51.9,10.7,51.2,11.5z"})),d.default.createElement("g",null,d.default.createElement("path",{d:"M64.3,20.1c-1.4-1.4-2.1-3.1-2.1-5.2c0-2.1,0.7-3.9,2.1-5.2c1.4-1.4,3.1-2,5.2-2c2.1,0,3.8,0.7,5.2,2 c1.4,1.4,2.1,3.1,2.1,5.2c0,2.1-0.7,3.9-2.1,5.2c-1.4,1.4-3.1,2-5.2,2C67.4,22.1,65.7,21.4,64.3,20.1z M66.4,11.5 c-0.8,0.8-1.2,2-1.2,3.4c0,1.4,0.4,2.5,1.2,3.4s1.9,1.3,3.1,1.3c1.3,0,2.3-0.4,3.1-1.3c0.8-0.8,1.2-2,1.2-3.4 c0-1.4-0.4-2.5-1.2-3.4c-0.8-0.8-1.9-1.3-3.1-1.3C68.2,10.2,67.2,10.7,66.4,11.5z"})),d.default.createElement("g",null,d.default.createElement("path",{d:"M78.7,21.6V8.2c0-0.2,0.1-0.3,0.3-0.3h2.2c0.2,0,0.3,0.1,0.3,0.3v1.3c1.3-1.2,2.7-1.8,4.4-1.8 c1.5,0,2.7,0.4,3.5,1.3c0.8,0.9,1.3,2,1.3,3.6v9.1c0,0.2-0.1,0.3-0.3,0.3h-2.2c-0.2,0-0.3-0.1-0.3-0.3v-8.3c0-2-0.9-3.1-2.8-3.1 c-1.1,0-1.9,0.4-2.7,1.2c-0.7,0.8-1.1,2-1.1,3.5v6.6c0,0.2-0.1,0.3-0.3,0.3h-2.2C78.7,21.8,78.7,21.7,78.7,21.6z"})),d.default.createElement("g",null,d.default.createElement("path",{d:"M101.7,27.1V8.2c0-0.2,0.1-0.3,0.3-0.3h2.2c0.2,0,0.3,0.1,0.3,0.3v1c1.1-1.1,2.5-1.6,4.3-1.6 c1.9,0,3.4,0.7,4.6,2s1.7,3.1,1.7,5.3c0,2.2-0.6,4-1.7,5.3c-1.1,1.3-2.7,2-4.6,2c-1.5,0-3-0.5-4.3-1.6v6.6c0,0.2-0.1,0.3-0.3,0.3 H102C101.8,27.3,101.7,27.2,101.7,27.1z M105.3,11.5c-0.7,0.9-1.1,2-1.1,3.3c0,1.4,0.4,2.5,1.1,3.3s1.7,1.3,2.9,1.3 c1.2,0,2.2-0.4,2.9-1.3c0.7-0.9,1.1-2,1.1-3.3c0-1.4-0.4-2.5-1.1-3.3c-0.7-0.9-1.7-1.3-2.9-1.3C107,10.2,106,10.7,105.3,11.5z"})),d.default.createElement("g",null,d.default.createElement("path",{d:"M117.2,21.6V2.7c0-0.2,0.1-0.3,0.3-0.3h2.2c0.2,0,0.3,0.1,0.3,0.3v18.9c0,0.2-0.1,0.3-0.3,0.3h-2.2 C117.3,21.8,117.2,21.7,117.2,21.6z"})),d.default.createElement("g",null,d.default.createElement("path",{d:"M122,17.6c0-1.5,0.5-2.6,1.6-3.5c1.1-0.8,2.4-1.2,4.1-1.2c1.1,0,2.4,0.2,3.7,0.6V13c0-0.9-0.3-1.6-0.8-2.1 c-0.5-0.5-1.2-0.8-2.2-0.8c-1.4,0-2.4,0.6-2.9,1.8c-0.1,0.2-0.2,0.2-0.4,0.2h-2.3c-0.1,0-0.2-0.1-0.2-0.2c0-0.1,0-0.2,0-0.3 c0.3-1.2,0.9-2.2,1.9-2.9c1-0.8,2.3-1.1,3.8-1.1c1.7,0,3.1,0.5,4.2,1.4s1.5,2.2,1.5,3.8V19c0,1.1,0.2,1.9,0.5,2.6 c0,0.1,0.1,0.1,0.1,0.1c0,0.1-0.1,0.1-0.3,0.1h-2.8c-0.2,0-0.3-0.1-0.3-0.3v-1c-1.1,1.1-2.5,1.6-4.3,1.6c-1.4,0-2.6-0.4-3.6-1.2 C122.5,20.1,122,19,122,17.6z M124.9,17.5c0,0.6,0.2,1.1,0.7,1.5c0.4,0.4,1.1,0.5,1.9,0.5c1.1,0,2-0.3,2.8-0.9 c0.8-0.6,1.1-1.5,1.1-2.6c-1.3-0.4-2.5-0.6-3.6-0.6c-0.8,0-1.5,0.2-2.1,0.5C125.2,16.3,124.9,16.8,124.9,17.5z"})),d.default.createElement("g",null,d.default.createElement("path",{d:"M136.9,21.6V8.2c0-0.2,0.1-0.3,0.3-0.3h2.2c0.2,0,0.3,0.1,0.3,0.3v1.3c1.3-1.2,2.7-1.8,4.4-1.8 c1.5,0,2.7,0.4,3.5,1.3c0.8,0.9,1.3,2,1.3,3.6v9.1c0,0.2-0.1,0.3-0.3,0.3h-2.2c-0.2,0-0.3-0.1-0.3-0.3v-8.3c0-2-0.9-3.1-2.8-3.1 c-1.1,0-1.9,0.4-2.7,1.2c-0.7,0.8-1.1,2-1.1,3.5v6.6c0,0.2-0.1,0.3-0.3,0.3h-2.2C137,21.8,136.9,21.7,136.9,21.6z"})),d.default.createElement("path",{d:"M97.6,14.9c0,4.2-0.6,8.3-1.6,12.3c0,0.1-0.1,0.2-0.2,0.2h-2.4c-0.1,0-0.2-0.1-0.2-0.3c1.1-3.9,1.7-8,1.7-12.2 s-0.6-8.3-1.7-12.2c0-0.1,0.1-0.3,0.2-0.3l2.4,0c0.1,0,0.2,0.1,0.2,0.2C97.1,6.5,97.6,10.6,97.6,14.9z"}),d.default.createElement("path",{d:"M1.4,14.9C1.4,10.6,2,6.5,3,2.6c0-0.1,0.1-0.2,0.2-0.2l2.4,0c0.1,0,0.2,0.1,0.2,0.3c-1.1,3.9-1.7,8-1.7,12.2 s0.6,8.3,1.7,12.2c0,0.1-0.1,0.3-0.2,0.3H3.3c-0.1,0-0.2-0.1-0.2-0.2C2,23.2,1.4,19.1,1.4,14.9z"})))},T=["children","sx","columns","gap"],W=function(e){var n,r,a=e.children,o=e.sx,l=e.columns,i=e.gap,c=p(e,T),s=function(e){if(Array.isArray(e)||(e=[e,e,e,e]),Array.isArray(e)&&![1,2,4].includes(e.length))throw new Error("Array length must be 1, 2, or 4");return Array.isArray(e)&&1==e.length&&(e=e.map(function(e){return[e]}).flat()),Array.isArray(e)&&2==e.length&&(e=e.map(function(e){return[e,e]}).flat()),e};return Number.isInteger(i)||Array.isArray(i)?(n=i=s(i),r=i):(n=[4,5,5,6],r=[0,0,0,0]),l=Number.isInteger(l)||Array.isArray(l)?s(l):[6,8,12,12],d.default.createElement(t.Grid,m({},c,{columns:l,sx:m({columnGap:n,rowGap:r},o)}),a)},F=["value","sx"],I=function(e){var n=e.value,r=e.sx,a=p(e,F);return d.default.createElement(t.IconButton,m({sx:m({cursor:"pointer",fill:"none",strokeWidth:"2px",stroke:"text",".paren":{opacity:"0"},"@media (hover: hover) and (pointer: fine)":{"&:hover .paren":{opacity:"1"}}},r),"aria-label":"Toggle Menu"},a),!n&&d.default.createElement("svg",{style:{width:"50px",height:"30px",transform:"scale(2)",marginTop:"-3px"},xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 68 36"},d.default.createElement("line",{x1:"52",y1:"29.9",x2:"16",y2:"29.9"}),d.default.createElement("line",{x1:"52",y1:"6.1",x2:"16",y2:"6.1"}),d.default.createElement("line",{x1:"52",y1:"18",x2:"16",y2:"18"}),d.default.createElement("path",{style:{transition:"all 0.2s"},className:"paren",d:"M6.4,1.2c-6.3,10.3-6.3,23.3,0,33.6"}),d.default.createElement("path",{style:{transition:"all 0.2s"},className:"paren",d:"M61.6,34.8c6.3-10.3,6.3-23.3,0-33.6"})),n&&d.default.createElement("svg",{style:{width:"50px",height:"30px",transform:"scale(2)",marginTop:"-3px"},xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 68 36"},d.default.createElement("line",{x1:"50.85",y1:"29.79",x2:"17.15",y2:"6.21"}),d.default.createElement("line",{x1:"17.15",y1:"29.79",x2:"50.85",y2:"6.21"}),d.default.createElement("path",{style:{transition:"all 0.2s"},className:"paren",d:"M6.4,1.2c-6.3,10.3-6.3,23.3,0,33.6"}),d.default.createElement("path",{style:{transition:"all 0.2s"},className:"paren",d:"M61.6,34.8c6.3-10.3,6.3-23.3,0-33.6"})))},R=function(e,t,n){return void 0===n&&(n=!1),{width:"auto",color:e===t?"secondary":"text",fontSize:[6,6,7,8],fontFamily:"heading",letterSpacing:"heading",borderStyle:"solid",borderColor:"muted",borderWidth:"0px",borderBottomWidth:"1px",borderTopWidth:n?"1px":"0px",py:[3,3,4,5],textDecoration:"none",display:"block",position:"relative",transition:"color 0.15s","@media (hover: hover) and (pointer: fine)":{"&:hover > #arrow":{opacity:1}},"&:hover":{color:e==t?"secondary":"text"}}},D=[{url:"about",display:"About"},{url:"research",display:"Research"},{url:"blog",display:"Blog"},{url:"press",display:"Press"}],O=function(){return d.default.createElement(a.Arrow,{id:"arrow",sx:{pointerEvents:"none",display:"inline-block",position:"absolute",left:["-60px","-68px","-80px","-104px"],top:["32px","32px","46px","62px"],opacity:0,transition:"opacity 0.2s ease-out",transform:"rotate(45deg)",width:[36,36,48,56],height:[36,36,48,56]}})},H=function(e){var n=e.link,r=e.mode,a=e.nav,o=e.first,l=e.setExpanded,i=n.url,c=n.display,u="remote"===r?"https://carbonplan.org/"+i:"/"+i;return"homepage"===r||"local"===r&&a===i?d.default.createElement(s.default,{href:u,passHref:!0},d.default.createElement(t.Link,{onClick:function(){a===i&&l(!1)},sx:R(a,i,o)},d.default.createElement(O,null),c)):d.default.createElement(t.Link,{href:u,sx:R(a,i,o)},d.default.createElement(O,null),c)},_=function(e){var t=e.nav,n=e.mode,r=e.setExpanded;return e.links.map(function(e,a){return d.default.createElement(H,{key:a,link:e,mode:n,nav:t,first:0===a,setExpanded:r})})},j=function(n){var r=n.status,a=n.mode,o=n.nav,l=n.menuItems,i=e.useState(!1),c=i[0],u=i[1];return d.default.createElement(W,{sx:{pt:["12px"],pb:[3]}},d.default.createElement(L,{start:[1],width:[2]},d.default.createElement(t.Box,{sx:{display:"block",width:"fit-content"}},("homepage"==a||"local"==a)&&d.default.createElement(s.default,{href:"/",passHref:!0},d.default.createElement(t.Link,{"aria-label":"CarbonPlan Homepage",sx:{display:"block"}},d.default.createElement(A,{id:"logo",sx:{cursor:"pointer",color:"primary"}}))),(null==a||"remote"==a)&&d.default.createElement(t.Link,{href:"https://carbonplan.org","aria-label":"CarbonPlan Homepage",sx:{display:"block"}},d.default.createElement(A,{sx:{cursor:"pointer",color:"primary"}})))),d.default.createElement(L,{start:[4,9],width:[2,2],dr:1,sx:{display:[r?"flex":"none","flex","flex","flex"],alignItems:"center"}},d.default.createElement(t.Box,{sx:{fontSize:[1,2,3],position:"relative",top:["-2px","-3px","-3px"]}},r?"("+r+")":"")),d.default.createElement(L,{start:[r?6:4,6,11,11],width:[r?1:3,3,2,2],sx:{zIndex:5e3}},d.default.createElement(t.Flex,{sx:{justifyContent:"flex-end"}},d.default.createElement(t.Flex,{sx:{mr:"18px",gap:"18px",opacity:c?0:1,transition:"opacity 0.15s",justifyContent:"space-between",alignItems:"center"}},l),d.default.createElement(I,{sx:{mr:["-2px"]},value:c,onClick:function(e){u(!c)}}))),d.default.createElement(t.Box,{sx:{opacity:c?1:0,pointerEvents:c?"all":"none",position:"fixed",top:"0px",right:"0px",bottom:"0px",minWidth:"0px",maxHeight:"100vh",width:"100vw",backgroundColor:"background",zIndex:4e3,pt:["79px"],transition:"opacity 0.25s"}},d.default.createElement(t.Container,null,d.default.createElement(W,null,d.default.createElement(L,{start:[2,4,7,7],width:[5,4,5,5]},d.default.createElement(t.Box,{as:"nav",sx:{display:c?"inherit":"none",mt:[5,5,5,6]}},d.default.createElement(_,{links:D,nav:o,mode:a,setExpanded:u})))))))},V=function(e){var n=m({},e);return d.default.createElement(t.Box,m({as:"svg",width:"80",stroke:"none",fill:"currentColor",viewBox:"0 0 32 32"},n),d.default.createElement("path",{d:"M21.9395,14.9395 L17.5005,19.3785 L17.5005,7.0005 L14.5005,7.0005 L14.5005,19.3785 L10.0605,14.9395 L7.9395,17.0605 L14.9395,24.0605 C15.2325,24.3535 15.6165,24.5005 16.0005,24.5005 C16.3835,24.5005 16.7675,24.3535 17.0605,24.0605 L24.0605,17.0605 L21.9395,14.9395 Z"}),d.default.createElement("path",{d:"M27.5986,4 L22.8966,4 C26.5556,6.303 28.9996,10.366 28.9996,15 C28.9996,20.4 25.6896,25.039 20.9926,27 L26.5586,27 C29.8886,24.068 31.9996,19.785 31.9996,15 C31.9996,10.734 30.3196,6.868 27.5986,4"}),d.default.createElement("path",{d:"M3,15 C3,10.366 5.444,6.303 9.104,4 L4.401,4 C1.68,6.868 0,10.734 0,15 C0,19.785 2.112,24.068 5.441,27 L11.008,27 C6.311,25.039 3,20.4 3,15"}))},N=function(){return d.default.createElement(t.Box,{sx:{mt:[7,7,7,8],mb:[7,7,7,8],pb:[2,1,0,0]}},d.default.createElement(W,{sx:{mb:[0,0,4,5]}},d.default.createElement(L,{start:[1,2],width:[3,3]},d.default.createElement(t.Box,null,d.default.createElement(t.Box,{sx:{fontSize:[2,2,2,3],fontFamily:"heading",letterSpacing:"mono",mb:[2]}},"EMAIL"),d.default.createElement(t.Link,{href:"mailto:hello@carbonplan.org",sx:{textDecoration:"none",fontSize:[2,2,2,3]}},"hello@carbonplan.org"))),d.default.createElement(L,{start:[5],width:[1],dl:1,dr:1,sx:{display:["flex","none","none","none"],justifyContent:["center"]}},d.default.createElement(V,{sx:{mt:["-4px"],width:"60px",height:"60px"}})),d.default.createElement(L,{start:[1,5,5,5],width:[3,3],sx:{mt:[3,0,0,0]}},d.default.createElement(t.Box,null,d.default.createElement(t.Box,{sx:{fontSize:[2,2,2,3],fontFamily:"heading",letterSpacing:"mono",mb:[2]}},"FOLLOW"),d.default.createElement(t.Link,{href:"https://twitter.com/carbonplanorg",sx:{textDecoration:"none",fontSize:[2,2,2,3]}},"@carbonplanorg"))),d.default.createElement(L,{start:[1,9],width:[5,4,3,3],sx:{mt:["42px","42px",0,0],mb:[3,3,0,0]}},d.default.createElement(t.Box,null,d.default.createElement(t.Box,{sx:{fontSize:[2,2,2,3],fontFamily:"body",color:"secondary"}},"CarbonPlan is a registered non-profit public benefit corporation in California with 501(c)(3) status.")))),d.default.createElement(W,{sx:{mb:["2px"],mt:[5,5,4]}},d.default.createElement(L,{start:[1,1,2,2],width:[3,2,3,3],sx:{display:"flex",alignItems:["flex-start","flex-start","flex-end"]}},d.default.createElement(t.Box,{sx:{bottom:"0px",borderStyle:"solid",borderColor:"muted",borderWidth:"0px",borderTopWidth:"1px",pt:[2]}},d.default.createElement(t.Box,{sx:{color:"secondary",fontSize:[1,1,1,2],fontFamily:"mono",letterSpacing:"mono"}},"(c) 2021 CARBONPLAN"))),d.default.createElement(L,{start:[4,3,5,5],width:[2,2,3,3],sx:{display:"flex",alignItems:["flex-start","flex-start","flex-end"],mt:[0,0,0,0]}},d.default.createElement(t.Box,{sx:{bottom:"0px",borderStyle:"solid",borderColor:"muted",borderWidth:"0px",borderTopWidth:"1px",width:["100%","auto","auto","auto"],pt:[2]}},d.default.createElement(s.default,{href:"/terms",passHref:!0},d.default.createElement(t.Box,{as:"a",sx:{textDecoration:"none",fontSize:[1,1,1,2],color:"secondary",fontFamily:"mono",letterSpacing:"mono",display:"block"}},"READ OUR TERMS")))),d.default.createElement(L,{start:[5,7,9,9],width:[2,3,3,3],sx:{display:["none","initial","initial","initial"]}},d.default.createElement(V,{sx:{width:80,height:80,mt:[0,"-10px",4,5],mb:["-12px"]}}))))},G=["sx"],P=function(n){var r=n.sx,o=p(n,G),l=t.useColorMode(),i=l[0],c=l[1],s=e.useCallback(function(){c("light"===i?"dark":"light")},[i]);return d.default.createElement(t.IconButton,m({"aria-label":"Toggle dark mode",onClick:s,role:"checkbox",sx:m({width:32,height:32,display:"inline-block",cursor:"pointer",color:"secondary"},r)},o),d.default.createElement(a.Sun,{sx:{strokeWidth:"1.75",transition:"stroke 0.15s","@media (hover: hover) and (pointer: fine)":{"&:hover":{stroke:"primary"}}}}))},q=function(){var e=process.env.NEXT_PUBLIC_VERCEL_GIT_COMMIT_SHA,n=process.env.NEXT_PUBLIC_VERCEL_GIT_REPO_OWNER,r=process.env.NEXT_PUBLIC_VERCEL_GIT_REPO_SLUG,a=t.useThemeUI().theme.rawColors.secondary;if(e&&n&&r){var o=e.substring(0,7),l="https://github.com/"+n+"/"+r+"/tree/"+e;return d.default.createElement(t.Box,{sx:{display:"inline-block",width:"87px"}},d.default.createElement(U,{color:a}),d.default.createElement(t.Link,{href:l,sx:{whiteSpace:"nowrap",display:"inline-block",ml:[2],fontFamily:"mono",letterSpacing:"body",color:a,fontSize:[1],textTransform:"uppercase",textDecoration:"none"}},o))}return d.default.createElement(t.Box,{sx:{display:"inline-block",width:"87px"}},d.default.createElement(U,{color:a}),d.default.createElement(t.Text,{sx:{whiteSpace:"nowrap",display:"inline-block",ml:[2],fontFamily:"mono",letterSpacing:"body",color:a,fontSize:[1],textTransform:"uppercase"}},a))},U=function(e){return d.default.createElement("svg",{fill:e.color,opacity:"0.8",viewBox:"0 0 24 24",width:"24",height:"24"},d.default.createElement("circle",{r:5,cx:19,cy:19}))},Y=function(n){var r=n.mode,a=e.useState(function(e){return"mouse"===e?"X,Y: "+K(0,4)+","+K(0,4):"scroll"===e?"SCROLL: 0."+K((0).toFixed(0),2):e}(r)),o=a[0],l=a[1];return e.useEffect(function(){if("mouse"===r){var e=function(e){var t=K(e.clientX,4),n=K(e.clientY,4);l("X,Y: "+t+","+n)};return window.addEventListener("mousemove",e),function(){window.removeEventListener("mousemove",e)}}if("scroll"===r){var t=function(e){var t=function(e,t){return Math.min(e.scrollY/(document.body.offsetHeight-770),.99)}(window);l("SCROLL: 0."+K((100*t).toFixed(0),2))};return window.addEventListener("scroll",t),function(){window.removeEventListener("scroll",t)}}},[]),d.default.createElement(t.Text,{sx:{whiteSpace:"nowrap",display:"inline-block",mr:"-6px",fontFamily:"mono",letterSpacing:"body",color:"secondary",fontSize:[1],textTransform:"uppercase"}},o)},X=function(e){return d.default.createElement(t.Box,{sx:{userSelect:"none",position:"fixed",bottom:"42px",right:"24px",transformOrigin:"right",transform:"rotate(90deg)",display:["none","none","initial"]}},d.default.createElement(Y,{mode:e.mode}),d.default.createElement(q,null))};function K(e,t){return e.toString().padStart(t,"0")}var Z=["duration","delay","children"],J=i.keyframes({from:{opacity:0},to:{opacity:1}}),Q=function(e){var n=e.duration,r=void 0===n?300:n,a=e.delay,o=void 0===a?0:a,l=e.children,i=p(e,Z);return d.default.createElement(t.Box,m({},i,{sx:{animationDuration:r+"ms",animationDelay:o+"ms",animationName:J.toString(),animationFillMode:"backwards"}}),l)},$=function(e){var t=e.createElement("div");t.style.visibility="hidden",t.style.width="100px",e.body.appendChild(t),t.style.overflow="scroll";var n=e.createElement("div");n.style.width="100%",t.appendChild(n);var r=t.offsetWidth-n.offsetWidth;return t.parentNode.removeChild(t),r},ee=function(){return e.useEffect(function(){"undefined"!=typeof document&&$(document)>0&&(document.body.classList.add("custom-scrollbar"),document.getElementsByTagName("html")[0].classList.add("custom-scrollbar"))},[]),null},te=function(n){var r=n.color,a=void 0===r?"muted":r,o=e.useState(!1),l=o[0],i=o[1];return e.useEffect(function(){function e(e){";"===e.key&&e.metaKey&&i(function(e){return!e})}return document.addEventListener("keydown",e),function(){document.removeEventListener("keydown",e)}},[]),d.default.createElement(t.Box,{sx:{position:"fixed",width:"100%",left:0,top:0,zIndex:"teal"===a?5e3:-1,pointerEvents:"none",display:l?"initial":"none"}},d.default.createElement(t.Container,null,d.default.createElement(t.Box,{sx:{display:["none","none","initial","initial"]}},d.default.createElement(re,{indices:[1,2,3,4,5,6,7,8,9,10,11,12],color:a})),d.default.createElement(t.Box,{sx:{display:["none","initial","none","none"]}},d.default.createElement(re,{indices:[1,2,3,4,5,6,7,8],color:a})),d.default.createElement(t.Box,{sx:{display:["initial","none","none","none"]}},d.default.createElement(re,{indices:[1,2,3,4,5,6],color:a}))))},ne=["red","orange","yellow","green","teal","blue","purple","pink"];function re(e){var n=e.color,r={outerGuideColumn:{borderStyle:"solid",borderWidth:"0px",borderLeftWidth:"teal"===n?"0px":"1px",borderRightWidth:"teal"===n?"0px":"1px",opacity:"teal"==n?.4:1},innerGuideColumn:{borderStyle:"solid",borderWidth:"0px",borderLeftWidth:"0px",borderRightWidth:"0px",opacity:"teal"==n?.4:1}};return d.default.createElement(W,null,e.indices.map(function(e){return d.default.createElement(L,{key:e,start:[e],width:[1,1],dl:.5,dr:.5,sx:m({bg:"teal"===n?"teal":"transparent",height:"100vh"},r.innerGuideColumn)},d.default.createElement(t.Box,{sx:m({mx:["12px",3,3,4],bg:"teal"===n?"background":"transparent",height:"100%",borderLeftColor:"rainbow"===n?ne[e%8]:"muted",borderRightColor:"rainbow"===n?ne[e%8]:"muted"},r.outerGuideColumn)}))}))}var ae=["value","sx"],oe=function(e){var n=e.value,r=e.sx,a=p(e,ae);return d.default.createElement(t.IconButton,m({sx:m({cursor:"pointer",fill:"none",strokeWidth:"2px",stroke:"text",".paren":{opacity:"0"},"@media (hover: hover) and (pointer: fine)":{"&:hover .paren":{opacity:"1"}}},r),"aria-label":"Toggle Menu"},a),!n&&d.default.createElement("svg",{style:{width:"50px",height:"30px",transform:"scale(2)",marginTop:"-3px"},xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 68 36"},d.default.createElement("line",{x1:"24",y1:"2.1",x2:"24",y2:"6.1"}),d.default.createElement("line",{x1:"24",y1:"24.1",x2:"24",y2:"33.9"}),d.default.createElement("line",{x1:"44",y1:"2.1",x2:"44",y2:"12.1"}),d.default.createElement("line",{x1:"44",y1:"30.1",x2:"44",y2:"33.9"}),d.default.createElement("circle",{cx:"24",cy:"15.1",r:"5"}),d.default.createElement("circle",{cx:"44",cy:"21.1",r:"5"}),d.default.createElement("path",{style:{transition:"all 0.2s"},className:"paren",d:"M6.4,1.2c-6.3,10.3-6.3,23.3,0,33.6"}),d.default.createElement("path",{style:{transition:"all 0.2s"},className:"paren",d:"M61.6,34.8c6.3-10.3,6.3-23.3,0-33.6"})),n&&d.default.createElement("svg",{style:{width:"50px",height:"30px",transform:"scale(2)",marginTop:"-3px"},xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 68 36"},d.default.createElement("line",{x1:"50.85",y1:"29.79",x2:"17.15",y2:"6.21"}),d.default.createElement("line",{x1:"17.15",y1:"29.79",x2:"50.85",y2:"6.21"}),d.default.createElement("path",{style:{transition:"all 0.2s"},className:"paren",d:"M6.4,1.2c-6.3,10.3-6.3,23.3,0,33.6"}),d.default.createElement("path",{style:{transition:"all 0.2s"},className:"paren",d:"M61.6,34.8c6.3-10.3,6.3-23.3,0-33.6"})))},le=function(n){var r=n.title,a=n.description,o=n.card,l=n.status,i=n.nav,c=n.settings,s=n.footer,u=void 0===s||s,p=n.header,f=void 0===p||p,x=n.metadata,h=void 0===x?"mouse":x,g=n.links,y=void 0===g?"remote":g,E=n.dimmer,b=void 0===E?"bottom":E,v=n.guide,w=void 0===v||v,k=n.scrollbar,C=void 0===k||k,S=n.fade,B=n.container,z=void 0===B||B,L=n.children;(void 0===S||S)&&(L=d.default.createElement(Q,{duration:250},L)),z&&(L=d.default.createElement(t.Box,{sx:{mb:[8,8,9,10]}},d.default.createElement(t.Container,null,L)));var A=t.useThemeUI().theme;e.useEffect(function(){if(A){var e=window.matchMedia("(min-width: "+A.breakpoints[1]+")");return e.onchange=function(e){e.matches&&null!=c&&c.value&&null!=c&&c.onClick&&(null==c||c.onClick())},function(){e.onchange=null}}},[null==A?void 0:A.breakpoints,null==c?void 0:c.value,null==c?void 0:c.onClick]);var T=[d.default.createElement(P,{key:"dimmer",sx:{color:"primary",mt:"-2px",display:["block","block","top"===b?"block":"none","top"===b?"block":"none"]}})];return c&&T.push(d.default.createElement(oe,m({key:"settings",sx:{mr:["2px"],display:["inherit","inherit","none","none"]}},c))),d.default.createElement(d.default.Fragment,null,w&&d.default.createElement(te,{color:w}),C&&d.default.createElement(ee,null),d.default.createElement(M,{card:o,description:a,title:r}),d.default.createElement(t.Flex,{sx:{flexDirection:"column",minHeight:"100vh"}},f&&d.default.createElement(t.Box,{as:"header",sx:{width:"100%",borderStyle:"solid",borderColor:"muted",borderWidth:"0px",borderBottomWidth:"1px",position:"sticky",top:0,bg:"background",height:"56px",zIndex:2e3}},d.default.createElement(t.Container,null,d.default.createElement(j,{mode:y,status:l,nav:i,menuItems:T}))),d.default.createElement(t.Box,{sx:{width:"100%",flex:"1 1 auto"}},L),u&&d.default.createElement(t.Box,{as:"footer",sx:{width:"100%",borderStyle:"solid",borderColor:"muted",borderWidth:"0px",borderTopWidth:"1px"}},d.default.createElement(t.Container,null,d.default.createElement(N,null))),"bottom"===b&&d.default.createElement(t.Box,{sx:{display:["none","none","initial","initial"],position:["fixed"],right:[13],bottom:[17,17,15,15]}},d.default.createElement(P,null)),h&&d.default.createElement(X,{mode:h})))},ie=["label","value","sx","children"],ce=function(e){var n=e.label,r=e.value,a=e.sx,o=e.children,l=p(e,ie),i=a&&a.color?a.color:"primary",c=l&&(l.onClick||l.onDoubleClick);return d.default.createElement(t.Box,m({as:c?"button":"span",role:"checkbox","aria-checked":r,"aria-label":n,sx:m({display:"inline-block",fontSize:[1,1,1,2],fontFamily:"mono",letterSpacing:"mono",cursor:c?"pointer":"inherit",color:i,backgroundColor:"transparent",borderStyle:"solid",borderColor:i,lineHeight:"body",borderWidth:"0px",borderBottomWidth:"1px",textTransform:"uppercase",userSelect:"none",transition:"opacity 0.05s",pt:["1px"],pb:["2px"],px:[0],m:[0],opacity:null==r||r?1:"primary"==i?.24:.33},a)},l),o)},de=["values","setValues","label","colors","showAll","multiSelect"],se={label:{fontFamily:"mono",letterSpacing:"mono",fontSize:[1,1,1,2],color:"secondary",userSelect:"none",textTransform:"uppercase"}},ue=function(e,t,n){return void 0===n&&(n={}),Object.keys(e).reduce(function(e,r){var a;return Object.assign(e,((a={})[r]=n[r]||t,a))},{})},me=function(e){return Object.keys(e).filter(function(t){return e[t]}).length==Object.keys(e).length},pe=function(e){var t,n=e.values,r=e.multiSelect,a=e.setValues,o=e.value,l=me(n),i="all"===o;if(r)if(i&&!l)t=ue(n,!0);else if(i&&l)t=ue(n,!1);else{var c;t=m({},n,((c={})[o]=!n[o],c))}else if(i&&!l)t=ue(n,!0);else if(i&&l);else{var d;t=ue(n,!1,((d={})[o]=!0,d))}t&&a(t)},fe={xs:[1],sm:[3],md:[5],lg:[7],xl:[9]},xe=function(e){var n,r=e.children,a=e.variant,o=void 0===a?"h1":a;return"h1"===o&&(n=[4,"27px","42px","54px"]),"h2"===o&&(n=[4,4,"14px","54px"]),d.default.createElement(d.default.Fragment,null,d.default.createElement(L,{start:[1,4,8,8],width:[1,1,1,1]},d.default.createElement(t.Box,{sx:{mt:n,fontFamily:"faux",letterSpacing:"faux",fontSize:[2,2,2,3],textAlign:"right"}},"/")),d.default.createElement(L,{start:[2,5,9,9],width:[3,3,2,2]},d.default.createElement(t.Box,{sx:{mt:n,fontFamily:"faux",letterSpacing:"faux",fontSize:[2,2,2,3],height:["100%","0px","0px","0px"]}},r)))},he=["size","inverted","sx"],ge=e.forwardRef(function(e,n){var r,a=e.size,o=void 0===a?"sm":a,l=e.inverted,i=e.sx,c=p(e,he),s=m(((r={color:l?"secondary":"primary",borderColor:"secondary",borderStyle:"solid",borderWidth:"0px",borderBottomWidth:"1px",borderRadius:"0px",transition:"border 0.15s"}).borderBottomWidth="1px",r.width="calc(min(15ch, 100%))",r.p=[0],r.py=["2px"],r["input::-webkit-outer-spin-button"]={WebkitAppearance:"none",margin:0},r["input::-webkit-inner-spin-button"]={WebkitAppearance:"none",margin:0},r[":focus"]={borderColor:"primary"},r[":focus-visible"]={outline:"none !important",background:"none !important"},r),g(o),i);return d.default.createElement(t.Input,m({},c,{ref:n,sx:s}))}),ye=["children","size","sx","sxSelect"],Ee=["sx"],be=e.forwardRef(function(e,n){var r=e.sx,a=p(e,Ee),o=r&&r.color?r.color:"primary",l=t.useThemeUI().theme.rawColors;return d.default.createElement(t.Slider,m({ref:n,sx:m({"&::-webkit-slider-thumb":{height:[22,18,16],width:[22,18,16],boxShadow:"0 0 0 0px "+l.secondary,transition:"box-shadow .15s ease"},"&::-moz-range-thumb":{height:[22,18,16],width:[22,18,16],boxShadow:"0 0 0 0px "+l.secondary,transition:"box-shadow .15s ease"},":focus-visible":{outline:"none !important",background:l.secondary+" !important"},":focus":{color:o,"&::-webkit-slider-thumb":{boxShadow:"0 0 0 4px "+l.secondary},"&::-moz-range-thumb":{boxShadow:"0 0 0 4px "+l.secondary}},color:o},r)},a))}),ve={reset:{verticalAlign:"baseline",border:0,outline:0,margin:0,padding:0},row:{borderStyle:"solid",borderWidth:"0px",borderTopWidth:"1px",borderColor:"muted",pt:[3,3,3,"20px"],pb:[3,3,3,"20px"],mb:["2px"]},header:{display:"block",textTransform:"uppercase",letterSpacing:"smallcaps",fontFamily:"heading",fontSize:[2,2,2,3]},index:{display:"block",textTransform:"uppercase",letterSpacing:"smallcaps",fontFamily:"heading",fontSize:[2,2,2,3]},entry:{display:"block",fontSize:[2,2,2,3],fontFamily:"faux",letterSpacing:"faux",mb:["1px"],mt:[2,0,0,0]}},we=["value","onClick","disabled","sx"],ke=e.forwardRef(function(e,r){var a=e.value,o=e.onClick,l=e.disabled,i=e.sx,c=p(e,we),s=i&&i.color?i.color:"primary";return d.default.createElement(t.Box,m({ref:r,as:"button",onClick:o,role:"checkbox","aria-checked":a=!l&&a,"aria-label":"Toggle",sx:m({border:"none",background:"none",cursor:l?"default":"pointer",p:[0],m:[0],display:"inline-block"},i)},c),d.default.createElement(t.Box,{sx:{width:"50px",height:"20px",borderRadius:"20px",backgroundColor:a?n.transparentize(s,"primary"==s?.5:.45):"muted",position:"relative",transition:"0.15s",display:"inline-block"}},d.default.createElement(t.Box,{sx:{width:"14px",height:"14px",borderRadius:"7px",position:"absolute",left:a?"32px":"4px",top:"3px",backgroundColor:a?s:"secondary",transition:"0.15s"}})))}),Ce={month:"short",day:"numeric",year:"numeric"},Se=function(e,t,n){var r;if(!n)return null;var a="string"==typeof n?n:Ce[t],o=e.toLocaleString("default",((r={})[t]=a,r));return"numeric"===a&&"day"===t?o.padStart(2,"0"):o};exports.Badge=function(e){var r=e.sx,a=e.children,o=p(e,f),l=r&&r.color?r.color:"primary";return d.default.createElement(t.Box,m({sx:m({display:"inline-block",width:"fit-content",height:["24px","24px","24px","26px"],borderRadius:"5px",backgroundColor:"primary"==l||"secondary"==l?"muted":n.transparentize(l,.7),textAlign:"center",userSelect:"none",fontSize:[2,2,2,3]},r)},o),d.default.createElement(t.Box,{sx:{letterSpacing:"0.02em",fontFamily:"mono",mt:["1px","1px","1px","0px"],px:[1,1,1,"5px"],color:l}},a))},exports.Blockquote=function(e){var n=e.children,r=n.props.children.slice(0,1);return d.default.createElement(t.Box,{variant:"styles.blockquote",sx:{textIndent:"“"===r?["-0.4em"]:[0]}},n)},exports.Button=E,exports.Callout=v,exports.Colorbar=function(n){var r=n.colormap,a=n.label,o=n.clim,l=n.setClim,i=n.setClimStep,c=void 0===i?1:i,s=n.discrete,u=n.units,f=n.width,x=n.height,h=n.format,g=void 0===h?function(e){return e}:h,y=n.horizontal,E=void 0!==y&&y,b=n.bottom,v=void 0!==b&&b,z=n.sx,L=n.sxClim,M=p(n,w);if(!Array.isArray(r))throw new Error("expected array for colormap, got '"+r+"'.");var A,T,W,F=[e.useRef(),e.useRef()],I=e.useState(!1),R=I[0],D=I[1],O=e.useState(!1),H=O[0],_=O[1],j=0,V=null,N=[0,0],G=c,P=function(e){"min"!==V||R||D(!0),"max"!==V||H||_(!0),W=e.pageX-A,j=e.pageY-T,E?("min"===V&&l(function(e){return[Math.min(N[0]+W*G,N[1]),e[1]]}),"max"===V&&l(function(e){return[e[0],Math.max(N[1]+W*G,N[0])]})):("min"===V&&l(function(e){return[Math.min(N[0]-j*G,N[1]),e[1]]}),"max"===V&&l(function(e){return[e[0],Math.max(N[1]-j*G,N[0])]}))},q=function(e){T=e.pageY,A=e.pageX,V=e.target.id,N=o,document.body.setAttribute("style",E?"cursor: ew-resize !important":"cursor: ns-resize !important"),document.addEventListener("mousemove",P),window.addEventListener("mouseup",function e(){document.body.setAttribute("style","cursor: unset"),document.removeEventListener("mousemove",P),window.removeEventListener("mouseup",e),"min"===V&&D(!1),"max"===V&&_(!1)})};e.useEffect(function(){var e=function(e){(["ArrowUp","ArrowRight"].includes(e.code)||["ArrowUp","ArrowRight"].includes(e.key))&&function(e){F[0].current===document.activeElement&&(e.preventDefault(),l(function(e){return[Math.min(e[0]+G,e[1]),e[1]]}),F[0].current.focus()),F[1].current===document.activeElement&&(e.preventDefault(),l(function(e){return[e[0],Math.max(e[1]+G,e[0])]}),F[1].current.focus())}(e),(["ArrowDown","ArrowLeft"].includes(e.code)||["ArrowDown","ArrowLeft"].includes(e.key))&&function(e){F[0].current===document.activeElement&&(e.preventDefault(),l(function(e){return[Math.min(e[0]-G,e[1]),e[1]]}),F[0].current.focus()),F[1].current===document.activeElement&&(e.preventDefault(),l(function(e){return[e[0],Math.max(e[1]-G,e[0])]}),F[1].current.focus())}(e)};return window.addEventListener("keydown",e),function(){window.removeEventListener("keydown",e)}},[o]);var U=function(){return d.default.createElement(t.Box,{id:"min",ref:F[0],tabIndex:0,sx:m({},k(l),{ml:a?E?v?"0px":"10px":["2px","1px","1px","2px"]:0,mr:E?["2px","1px","1px","2px"]:0,mb:E?0:["-2px","-2px","-2px","-3px"],borderBottom:l?R?function(e){return"solid 1px "+e.colors.primary}:function(e){return"solid 1px "+e.colors.secondary}:"unset",cursor:l?E?"ew-resize":"ns-resize":"default"},L),onMouseDown:l?q:function(){},onClick:function(){return F[0].current.focus()}},g(o[0]))},Y=function(){return d.default.createElement(t.Box,{id:"max",ref:F[1],tabIndex:0,sx:m({},k(l),{ml:["2px","1px","1px","2px"],mt:E?0:["-2px","-3px","-3px","-3px"],borderBottom:l?H?function(e){return"solid 1px "+e.colors.primary}:function(e){return"solid 1px "+e.colors.secondary}:"unset",cursor:l?E?"ew-resize":"ns-resize":"default"},L),onMouseDown:l?q:function(){},onClick:function(){return F[1].current.focus()}},g(o[1]))};return d.default.createElement(t.Flex,m({},M,{sx:m({flexDirection:"row",alignItems:"start",justifyContent:"flex-start",gap:["3px","6px","6px","7px"],height:E?"unset":"100%"},z)}),a&&d.default.createElement(B,{label:a,units:u,horizontal:E}),d.default.createElement(t.Flex,{sx:{flexGrow:E?1:"unset",flexDirection:"column",ml:v&&a?"4px":"0px",height:E?"unset":"100%"}},d.default.createElement(t.Flex,{sx:{gap:["3px","6px","6px","7px"],height:E?"unset":"100%"}},E&&o&&!v&&d.default.createElement(U,null),d.default.createElement(S,{colormap:r,horizontal:E,discrete:s,width:f,height:x}),E&&o&&!v&&d.default.createElement(Y,null)),E&&o&&v&&d.default.createElement(t.Flex,{sx:{justifyContent:"space-between"}},d.default.createElement(U,null),d.default.createElement(Y,null))),!E&&d.default.createElement(t.Flex,{sx:{flexDirection:"column-reverse",justifyContent:"space-between",height:x||C.height}},o&&d.default.createElement(U,null),o&&d.default.createElement(Y,null)))},exports.Column=L,exports.Custom404=function(){return d.default.createElement(le,{footer:!1,title:"404 / carbonplan"},d.default.createElement(W,{sx:{mb:[5,0,0],pt:[0,0,6]}},d.default.createElement(L,{start:[1,1,3,3],width:[6,4,4,4]},d.default.createElement(t.Styled.h1,null,"Oops!"),d.default.createElement(t.Box,{sx:{fontSize:[4,4,4,5],lineHeight:"h3",mt:[3,4,4],mb:[2,3,3],maxWidth:["90%","90%","400px"]}},"Sorry but we can't seem to find the page you are looking for."),d.default.createElement(t.Box,{sx:{color:"secondary",fontFamily:"mono",letterSpacing:"mono",fontSize:[2,2,2,3],mt:[4,5,5]}},"ERROR CODE 404")),d.default.createElement(L,{start:[2,5,7,7],width:[4,4,4,4]},d.default.createElement(t.Box,{sx:{width:["100%"],mt:[2,4,4,5],fill:"primary"}},d.default.createElement(o.PoopSad,{sx:{width:"100%",height:"auto"}})))))},exports.Dimmer=P,exports.Expander=function(e){var n=e.value;return d.default.createElement(t.IconButton,{onClick:e.onClick,id:e.id,role:"checkbox","aria-checked":n,"aria-label":"Expand",sx:m({display:"inline-block",width:24,height:24,p:[1],cursor:"pointer",fill:"secondary",stroke:"secondary","@media (hover: hover) and (pointer: fine)":{"&:hover":{fill:"primary",stroke:"primary"}}},e.sx)},d.default.createElement("svg",{viewBox:"0 0 16 16"},d.default.createElement("path",{d:"M8,0 V16 M0,8 H16",style:{strokeWidth:2,transition:"0.25s all",transformOrigin:"8px 8px",transform:n?"rotate(45deg)":""}})))},exports.FadeIn=Q,exports.Filter=function(e){var n=e.values,r=e.setValues,a=e.label,o=e.colors,l=e.showAll,i=void 0!==l&&l,c=e.multiSelect,s=void 0!==c&&c,u=p(e,de);return d.default.createElement(t.Box,u,a&&d.default.createElement(t.Box,{sx:se.label},a),d.default.createElement(t.Box,{sx:{mt:a?[3]:0}},i&&d.default.createElement(ce,{onClick:function(){return pe({values:n,multiSelect:s,setValues:r,value:"all"})},value:me(n),sx:{mr:[2]}},"All"),Object.keys(n).map(function(e,t){return d.default.createElement(ce,{onClick:function(){return pe({values:n,multiSelect:s,setValues:r,value:e})},onDoubleClick:function(){return pe({values:n,multiSelect:!1,setValues:r,value:e})},key:t,value:n[e],sx:{width:"max-content",color:o?o[e]:"primary",mr:[2],mb:[1]}},e)})))},exports.Footer=N,exports.Group=function(e){var n,r=e.children,a=e.direction,o=void 0===a?"vertical":a,l=e.spacing,i=void 0===l?"md":l;if("string"==typeof i?n=fe[i]:"number"==typeof i?n=[i]:Array.isArray(i)&&i.every(function(e){return"number"==typeof e})&&(n=i),!n)throw new Error("Invalid spacing size. Must be numeric value(s) or one of xs, sm, md, lg, or xl");if(!["horizontal","vertical"].includes(o))throw new Error("Invalid direction value. Must be either horizontal or vertical");var c="vertical"===o?"mt":"ml",s="horizontal"===o?{display:"inline-block"}:{};return d.default.createElement(t.Box,null,d.default.Children.map(r,function(e,r){var a;return d.default.createElement(t.Box,{sx:m((a={},a[c]=r>0?n:0,a),s)},e)}))},exports.Guide=te,exports.Header=j,exports.Heading=function(e){var n=e.children,r=e.sidenote,a=e.description,o=e.descriptionStart,l=void 0===o?[1,3,5,5]:o,i=e.descriptionWidth,c=void 0===i?[5,5,5,4]:i;return d.default.createElement(W,{sx:{mt:[5,6,7,8],mb:[5,6,7,8]}},d.default.createElement(L,{start:[1,1,2,2],width:[6,2,3,3]},d.default.createElement(t.Box,{as:"h1",variant:"styles.h1",sx:m({my:[0,0,0,0]},e.sx)},n)),r&&d.default.createElement(xe,null,r),a&&d.default.createElement(L,{start:l,width:c},d.default.createElement(t.Box,{sx:{mt:[4,"5px","20px","31px"],fontSize:[2,2,2,3]}},a)))},exports.Input=ge,exports.Layout=le,exports.Link=h,exports.Logo=A,exports.Menu=I,exports.Meta=M,exports.Monogram=V,exports.Row=W,exports.Scrollbar=ee,exports.Select=function(n){var r,o,l,i,c,s,u,f=n.children,x=n.size,h=void 0===x?"sm":x,y=n.sx,E=n.sxSelect,b=p(n,ye),v=y&&y.color?y.color:"primary",w=g(h),k=e.useRef(null),C=b.onChange,S=(o=function(e){return"onChange"!==e},function(e){var t={};for(var n in e)o(n||"")&&(t[n]=e[n]);return t})(b);if(!["xs","sm","md"].includes(h))throw new Error("Size must be xs, sm, or md");return"xs"===h&&(i=[14,14,14,16],c=[14,14,14,14],u=["1px"],s=["-14px","-14px","-14px","-16px"]),"sm"===h&&(i=[15,15,15,20],c=[15,15,15,20],u=["1px"],s=["-16px","-16px","-16px","-20px"]),"md"===h&&(i=[20,20,20,20],c=[20,20,20,20],u=["2px"],s=["-20px","-20px","-20px","-20px"]),l=c.map(function(e){return e+12}),d.default.createElement(t.Box,{sx:m({display:"inline-block"},y)},d.default.createElement(t.Box,m({as:"select",ref:k,onChange:function(e){k.current.blur(),C&&C(e)},sx:m({},w,(r={lineHeight:"normal",cursor:"pointer",WebkitAppearance:"none",MozAppearance:"none",pb:["5px"],bg:"transparent",pr:l,border:"none",borderBottomStyle:"solid",borderBottomWidth:"1px",borderBottomColor:"primary",borderRadius:"0px",color:"text",width:"fit-content"},r.color=v,r.userSelect="none",r["@media (hover: none) and (pointer: coarse)"]={"&:focus-visible":{outline:"none !important",background:"transparent !important"}},r),E)},S),f),d.default.createElement(a.Arrow,{sx:{width:c,height:i,position:"relative",ml:s,top:u,fill:"secondary",transform:"rotate(135deg)",pointerEvents:"none"}}))},exports.Settings=oe,exports.Sidenote=xe,exports.Slider=be,exports.Table=function(e){var n=e.data,r=e.sx,a=e.color,o=e.header,l=e.columns,i=e.start,c=e.width,s=e.index,u=void 0===s||s,p=e.borderBottom,f=void 0===p||p,x=e.borderTop,h=void 0===x||x;if(!i||!l||!c)throw new Error("Must provide columns, start, and width");return d.default.createElement(t.Box,{as:"table",sx:m({display:"block"},r)},d.default.createElement(t.Box,{as:"tbody",sx:{display:"block"}},o&&d.default.createElement(W,{as:"tr",sx:m({},ve.reset,ve.header,ve.row,{color:a,borderTopWidth:h?"1px":"0px"})},d.default.createElement(L,{as:"td",start:[1],width:l,sx:ve.index},o)),n.map(function(e,t){return d.default.createElement(W,{as:"tr",columns:l,key:t,sx:m({},ve.reset,ve.row,{pb:f&&t===n.length-1?["18px","18px","18px","22px"]:[3,3,3,"20px"],borderBottomWidth:f&&t===n.length-1?"1px":"0px",borderTopWidth:h||0!==t||o?"1px":"0px"})},e.map(function(e,t){return d.default.createElement(L,{as:"td",key:t,start:i[t],width:c[t],sx:m({},ve.reset,0==t&&u?ve.index:ve.entry)},e)}))})))},exports.Tag=ce,exports.Toggle=ke,exports.Tracking=function(e){var t=e.id;return t?d.default.createElement(d.default.Fragment,null,d.default.createElement("script",{async:!0,src:"https://www.googletagmanager.com/gtag/js?id="+t}),d.default.createElement("script",{dangerouslySetInnerHTML:{__html:"\n          window.dataLayer = window.dataLayer || [];\n          function gtag(){dataLayer.push(arguments);}\n          gtag('js', new Date());\n          gtag('config', '"+t+"', {\n            page_path: window.location.pathname,\n          });\n        "}})):null},exports.Tray=function(e){var n=e.expanded,r=e.sx,a=e.children;return d.default.createElement(d.default.Fragment,null,d.default.createElement(t.Box,{sx:{position:"fixed",top:"56px",bottom:"0px",left:"0px",width:"calc(100vw)",mt:["56px"],bg:"background",zIndex:1e3,transition:"opacity 0.15s",opacity:n?.9:0,pointerEvents:n?"all":"none"}}),d.default.createElement(t.Box,{sx:m({position:"fixed",width:"calc(100vw)",top:"0px",mt:["56px"],pb:[6,7,7,8],pt:[5,6,7,8],bg:"background",zIndex:1100,borderStyle:"solid",borderColor:"muted",borderWidth:"0px",borderBottomWidth:"1px",transition:"transform 0.15s",ml:[-3,-4,-5,-6],pl:[3,4,5,6],pr:[3,4,5,6],transform:n?"translateY(0)":"translateY(-100%)"},r)},d.default.createElement(W,null,d.default.createElement(L,{start:[1,1,1,1],width:[6,8,10,10]},a))))},exports.formatDate=function(e,t){void 0===t&&(t=Ce);var n=new Date(e.replace(/-/g,"/"));return[Se(n,"month",t.month),Se(n,"day",t.day),Se(n,"year",t.year)].filter(Boolean).join(" ")},exports.getScrollbarWidth=$;
+var React = require('react');
+var themeUi = require('theme-ui');
+var color = require('@theme-ui/color');
+var NextLink = require('next/link');
+var icons = require('@carbonplan/icons');
+var emoji = require('@carbonplan/emoji');
+var Head = require('next/head');
+var react = require('@emotion/react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var NextLink__default = /*#__PURE__*/_interopDefaultLegacy(NextLink);
+var Head__default = /*#__PURE__*/_interopDefaultLegacy(Head);
+
+function _extends() {
+  _extends = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+
+  return _extends.apply(this, arguments);
+}
+
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+
+  return target;
+}
+
+var _excluded$g = ["sx", "children"];
+
+var Badge = function Badge(_ref) {
+  var sx = _ref.sx,
+      children = _ref.children,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$g);
+
+  var color$1 = sx && sx.color ? sx.color : 'primary';
+  return /*#__PURE__*/React__default["default"].createElement(themeUi.Box, _extends({
+    sx: _extends({
+      display: 'inline-block',
+      width: 'fit-content',
+      height: ['24px', '24px', '24px', '26px'],
+      borderRadius: '5px',
+      backgroundColor: color$1 == 'primary' || color$1 == 'secondary' ? 'muted' : color.transparentize(color$1, 0.7),
+      textAlign: 'center',
+      userSelect: 'none',
+      fontSize: [2, 2, 2, 3]
+    }, sx)
+  }, props), /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
+    sx: {
+      letterSpacing: '0.02em',
+      fontFamily: 'mono',
+      mt: ['1px', '1px', '1px', '0px'],
+      px: [1, 1, 1, '5px'],
+      color: color$1
+    }
+  }, children));
+};
+
+var _excluded$f = ["href", "children", "internal", "tracking"];
+
+var event = function event(_ref) {
+  var action = _ref.action,
+      category = _ref.category,
+      label = _ref.label,
+      value = _ref.value;
+
+  if (typeof window.gtag !== 'function') {
+    console.warn("Missing window.gtag, skipping analytics action: '" + action + "'.");
+    return;
+  }
+
+  window.gtag('event', action, {
+    event_category: category,
+    event_label: label,
+    value: value
+  });
+};
+
+var Link = function Link(_ref2, ref) {
+  var href = _ref2.href,
+      children = _ref2.children,
+      _ref2$internal = _ref2.internal,
+      internal = _ref2$internal === void 0 ? false : _ref2$internal,
+      _ref2$tracking = _ref2.tracking,
+      tracking = _ref2$tracking === void 0 ? false : _ref2$tracking,
+      props = _objectWithoutPropertiesLoose(_ref2, _excluded$f);
+
+  if (internal || href && href.startsWith('/')) {
+    return /*#__PURE__*/React__default["default"].createElement(NextLink__default["default"], {
+      href: href,
+      passHref: true
+    }, /*#__PURE__*/React__default["default"].createElement(themeUi.Link, _extends({
+      ref: ref
+    }, props), children));
+  } else if (tracking) {
+    var action;
+    var category;
+
+    if (href && href.includes('pdf')) {
+      action = 'PDF';
+      category = 'download';
+    } else {
+      action = 'website';
+      category = 'external';
+    }
+
+    var track = function track(e) {
+      event({
+        action: action,
+        category: category,
+        label: href
+      });
+    };
+
+    return /*#__PURE__*/React__default["default"].createElement(themeUi.Link, _extends({
+      ref: ref,
+      onClick: track,
+      onContextMenu: track,
+      href: href
+    }, props), children);
+  } else {
+    return /*#__PURE__*/React__default["default"].createElement(themeUi.Link, _extends({
+      ref: ref,
+      href: href
+    }, props), children);
+  }
+};
+
+var Link$1 = React.forwardRef(Link);
+
+var getSizeStyles = function getSizeStyles(size) {
+  if (!['xs', 'sm', 'md', 'lg', 'xl'].includes(size)) {
+    throw new Error('Size must be xs, sm, md, lg, or xl');
+  }
+
+  var fontSize, fontFamily, letterSpacing, lineHeight;
+
+  if (size === 'xs') {
+    fontSize = [2, 2, 2, 3];
+    fontFamily = 'body';
+    letterSpacing = 'body';
+    lineHeight = [1.2];
+  }
+
+  if (size === 'sm') {
+    fontSize = [3, 3, 3, 4];
+    fontFamily = 'body';
+    letterSpacing = 'body';
+    lineHeight = [1.2];
+  }
+
+  if (size === 'md') {
+    fontSize = [4, 4, 4, 5];
+    fontFamily = 'body';
+    letterSpacing = 'body';
+    lineHeight = [1.2];
+  }
+
+  if (size === 'lg') {
+    fontSize = [5, 5, 6, 7];
+    fontFamily = 'heading';
+    letterSpacing = 'heading';
+    lineHeight = [1.2, 1.2, 1.25, 1.25];
+  }
+
+  if (size === 'xl') {
+    fontSize = [6, 7, 8, 9];
+    fontFamily = 'heading';
+    letterSpacing = 'heading';
+    lineHeight = [1.25];
+  }
+
+  return {
+    fontSize: fontSize,
+    fontFamily: fontFamily,
+    letterSpacing: letterSpacing,
+    lineHeight: lineHeight
+  };
+};
+
+var _excluded$e = ["size", "prefix", "suffix", "inverted", "sx", "children", "align", "href", "internal", "tracking"];
+
+var Button = function Button(_ref, ref) {
+  var _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'sm' : _ref$size,
+      prefix = _ref.prefix,
+      suffix = _ref.suffix,
+      inverted = _ref.inverted,
+      sx = _ref.sx,
+      children = _ref.children,
+      align = _ref.align,
+      href = _ref.href,
+      internal = _ref.internal,
+      tracking = _ref.tracking,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$e);
+
+  if (!['xs', 'sm', 'md', 'lg', 'xl'].includes(size)) {
+    throw new Error('Size must be xs, sm, md, lg, or xl');
+  }
+
+  var offset, margin, height, width, strokeWidth;
+  var color = sx && sx.color ? sx.color : null;
+  var baseColor = color || (inverted ? 'secondary' : 'primary');
+  var hoverColor = color ? 'primary' : inverted ? 'primary' : 'secondary';
+
+  if (size === 'xs') {
+    margin = ['6px', '6px', '6px', '6px'];
+    height = [12, 12, 12, 13];
+    width = [12, 12, 12, 13];
+    strokeWidth = [1.5, 1.5, 1.5, 1.5];
+    offset = {
+      transform: 'translateY(0.25px)'
+    };
+  }
+
+  if (size === 'sm') {
+    margin = ['7px', '7px', '7px', '7px'];
+    height = [13, 13, 13, 18];
+    width = [13, 13, 13, 18];
+    strokeWidth = [1.5, 1.5, 1.5, 2];
+    offset = {
+      transform: 'translateY(0.25px)'
+    };
+  }
+
+  if (size === 'md') {
+    margin = ['8px', '8px', '8px', '8px'];
+    height = [18, 18, 18, 24];
+    width = [18, 18, 18, 24];
+    strokeWidth = [2, 2, 2, 3];
+  }
+
+  if (size === 'lg') {
+    margin = ['10px', '10px', '12px', '16px'];
+    height = [24, 24, 34, 46];
+    width = [24, 24, 34, 46];
+    strokeWidth = [3, 3, 4, 5];
+  }
+
+  if (size === 'xl') {
+    margin = ['12px', '16px', '18px', '20px'];
+    height = [34, 46, 56, 68];
+    width = [34, 46, 56, 68];
+    strokeWidth = [4, 5, 6, 7];
+  }
+
+  var prefixHover, suffixHover, prefixAlign, suffixAlign, prefixOffset, suffixOffset;
+
+  if (align) {
+    prefixAlign = align;
+    suffixAlign = align;
+  } else {
+    if (prefix && suffix) {
+      prefixAlign = 'initial';
+      suffixAlign = 'initial';
+    } else if (prefix) {
+      prefixAlign = 'initial';
+    } else if (suffix) {
+      suffixAlign = 'middle';
+    }
+  }
+
+  if (prefixAlign === 'middle') {
+    prefixOffset = {};
+  } else {
+    prefixOffset = offset;
+  }
+
+  if (suffixAlign === 'middle') {
+    suffixOffset = {};
+  } else {
+    suffixOffset = offset;
+  }
+
+  if (prefix) {
+    prefixHover = {
+      '&:hover > #prefix-span > #prefix': _extends({
+        color: hoverColor
+      }, prefix.type.hover)
+    };
+    prefix = React.cloneElement(prefix, {
+      id: 'prefix',
+      sx: _extends({
+        position: 'relative',
+        height: height,
+        width: width,
+        mr: children ? margin : [0],
+        strokeWidth: strokeWidth,
+        verticalAlign: prefixAlign,
+        transition: 'color 0.15s, transform 0.15s'
+      }, prefix.props.sx)
+    });
+  }
+
+  if (suffix) {
+    suffixHover = {
+      '&:hover > #suffix-span >#suffix': _extends({
+        color: hoverColor
+      }, suffix.type.hover)
+    };
+    suffix = React.cloneElement(suffix, {
+      id: 'suffix',
+      sx: _extends({
+        height: height,
+        width: width,
+        ml: children ? margin : [0],
+        strokeWidth: strokeWidth,
+        verticalAlign: suffixAlign,
+        transition: 'color 0.15s, transform 0.15s'
+      }, suffix.props.sx)
+    });
+  }
+
+  var sizeStyles = getSizeStyles(size);
+
+  var style = _extends({}, sizeStyles, {
+    lineHeight: 1.05,
+    border: 'none',
+    background: 'transparent',
+    display: 'block',
+    color: baseColor,
+    padding: [0],
+    textAlign: 'left',
+    cursor: 'pointer',
+    width: 'fit-content',
+    '@media (hover: hover) and (pointer: fine)': _extends({
+      '&:hover': {
+        color: hoverColor
+      }
+    }, suffixHover, prefixHover)
+  }, sx);
+
+  var Inner = /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
+    as: "span",
+    id: "prefix-span",
+    sx: _extends({
+      display: 'inline-block'
+    }, prefixOffset)
+  }, prefix && prefix), /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
+    as: "span",
+    sx: {
+      transition: 'color 0.15s'
+    }
+  }, children), /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
+    as: "span",
+    id: "suffix-span",
+    sx: _extends({
+      display: 'inline-block'
+    }, suffixOffset)
+  }, suffix && suffix));
+
+  if (href) {
+    return /*#__PURE__*/React__default["default"].createElement(Link$1, _extends({
+      ref: ref,
+      href: href,
+      internal: internal,
+      tracking: tracking,
+      sx: _extends({}, style, {
+        textDecoration: 'none'
+      })
+    }, props), Inner);
+  } else {
+    return /*#__PURE__*/React__default["default"].createElement(themeUi.Box, _extends({
+      ref: ref,
+      as: "button",
+      sx: style
+    }, props), Inner);
+  }
+};
+
+var button = React.forwardRef(Button);
+
+var _excluded$d = ["label", "children", "inverted", "color", "href", "internal", "tracking", "sx"];
+
+var Callout = function Callout(_ref, ref) {
+  var label = _ref.label,
+      children = _ref.children,
+      inverted = _ref.inverted,
+      color = _ref.color,
+      href = _ref.href,
+      internal = _ref.internal,
+      tracking = _ref.tracking,
+      sx = _ref.sx,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$d);
+
+  var baseColor = color || (inverted ? 'secondary' : 'primary');
+  var hoverColor = color ? 'primary' : inverted ? 'primary' : 'secondary';
+
+  var style = _extends({
+    border: 'none',
+    padding: [0],
+    fontSize: [3, 3, 3, 4],
+    color: baseColor,
+    background: 'transparent',
+    textDecoration: 'none',
+    fontFamily: 'body',
+    lineHeight: 'h3',
+    letterSpacing: 'body',
+    width: 'fit-content',
+    cursor: 'pointer',
+    textAlign: 'left',
+    mb: [1],
+    '@media (hover: hover) and (pointer: fine)': {
+      '&:hover > #container > #arrow': {
+        transform: 'rotate(45deg)',
+        fill: hoverColor
+      },
+      '&:hover': {
+        color: hoverColor
+      }
+    }
+  }, sx);
+
+  var Inner = /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
+    sx: {
+      transition: '0.15s',
+      letterSpacing: 'body',
+      pb: ['6px']
+    }
+  }, children), /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
+    sx: {
+      transition: '0.15s',
+      display: 'inline-block',
+      textTransform: 'uppercase',
+      letterSpacing: 'smallcaps',
+      fontFamily: 'heading',
+      fontSize: [2, 2, 2, 3]
+    }
+  }, label), /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
+    as: "span",
+    id: "container",
+    sx: {
+      ml: [2],
+      display: 'inline-block'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(icons.Arrow, {
+    id: "arrow",
+    sx: {
+      transition: 'fill 0.15s, transform 0.15s',
+      position: 'relative',
+      top: ['2px'],
+      color: baseColor,
+      height: [15, 15, 15, 17],
+      width: [15, 15, 15, 17]
+    }
+  })));
+
+  if (href) {
+    return /*#__PURE__*/React__default["default"].createElement(Link$1, _extends({
+      ref: ref,
+      href: href,
+      internal: internal,
+      tracking: tracking,
+      sx: style
+    }, props), Inner);
+  } else {
+    return /*#__PURE__*/React__default["default"].createElement(themeUi.Box, _extends({
+      ref: ref,
+      as: "button",
+      sx: style
+    }, props), Inner);
+  }
+};
+
+var callout = React.forwardRef(Callout);
+
+var _excluded$c = ["colormap", "label", "clim", "setClim", "setClimStep", "discrete", "units", "width", "height", "format", "horizontal", "bottom", "sx", "sxClim"];
+var styles$1 = {
+  clim: function clim(setClim) {
+    return {
+      fontFamily: 'mono',
+      fontSize: ['9px', 0, 0, 1],
+      letterSpacing: 'smallcaps',
+      textTransform: 'uppercase',
+      '@media (hover: hover) and (pointer: fine)': {
+        '&:hover': {
+          borderBottom: setClim ? function (_ref) {
+            var colors = _ref.colors;
+            return "solid 1px " + colors.primary + " !important";
+          } : 'unset'
+        }
+      },
+      '&:focus': {
+        outline: 'none',
+        borderBottom: setClim ? function (_ref2) {
+          var colors = _ref2.colors;
+          return "solid 1px " + colors.primary + " !important";
+        } : 'unset'
+      },
+      transition: 'border 0.15s',
+      userSelect: setClim ? 'none !important' : 'unset',
+      width: 'fit-content',
+      minWidth: 'fit-content'
+    };
+  }
+};
+var DIMENSIONS = {
+  width: ['10px', '16px', '16px', '17px'],
+  height: ['80px', '110px', '110px', '130px']
+};
+
+var Gradient = function Gradient(_ref3) {
+  var colormap = _ref3.colormap,
+      discrete = _ref3.discrete,
+      horizontal = _ref3.horizontal,
+      width = _ref3.width,
+      height = _ref3.height;
+  var step = 1 / colormap.length * 100;
+  var values = colormap.map(function (d, i) {
+    return "rgb(" + d + ") " + i * step + "% " + (discrete && i < colormap.length - 1 ? (i + 1) * step + "%" : '');
+  });
+  var css = "linear-gradient(to " + (horizontal ? 'right' : 'top') + ", " + values.join(',') + ")";
+  return /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
+    sx: _extends({}, horizontal ? {
+      width: width || DIMENSIONS.height,
+      height: height || DIMENSIONS.width
+    } : {
+      width: width || DIMENSIONS.width,
+      minHeight: height || DIMENSIONS.height
+    }, {
+      mt: horizontal ? ['1px', '1px', '1px', 0] : 0,
+      border: function border(_ref4) {
+        var colors = _ref4.colors;
+        return "solid 1px " + colors.hinted;
+      },
+      background: css
+    })
+  });
+};
+
+var Label = function Label(_ref5) {
+  var label = _ref5.label,
+      units = _ref5.units,
+      horizontal = _ref5.horizontal;
+  return /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
+    sx: !horizontal && {
+      width: ['13px', '17px', '17px', '19px'],
+      alignSelf: 'flex-end'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
+    sx: _extends({
+      mb: horizontal ? 0 : ['-4px', '-4px', '-4px', '-3px'],
+      fontFamily: 'mono',
+      fontSize: ['9px', 0, 0, 1],
+      letterSpacing: 'smallcaps',
+      textTransform: 'uppercase'
+    }, horizontal ? {} : {
+      writingMode: 'vertical-rl',
+      transform: 'rotate(180deg)',
+      whiteSpace: 'nowrap',
+      display: 'inline-block',
+      overflow: 'visible'
+    })
+  }, label, ' ', /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
+    as: "span",
+    sx: {
+      textTransform: 'none',
+      color: 'secondary',
+      display: 'inline-block'
+    }
+  }, units)));
+};
+
+var Colorbar = function Colorbar(_ref6) {
+  var colormap = _ref6.colormap,
+      label = _ref6.label,
+      clim = _ref6.clim,
+      setClim = _ref6.setClim,
+      _ref6$setClimStep = _ref6.setClimStep,
+      setClimStep = _ref6$setClimStep === void 0 ? 1 : _ref6$setClimStep,
+      discrete = _ref6.discrete,
+      units = _ref6.units,
+      width = _ref6.width,
+      height = _ref6.height,
+      _ref6$format = _ref6.format,
+      format = _ref6$format === void 0 ? function (d) {
+    return d;
+  } : _ref6$format,
+      _ref6$horizontal = _ref6.horizontal,
+      horizontal = _ref6$horizontal === void 0 ? false : _ref6$horizontal,
+      _ref6$bottom = _ref6.bottom,
+      bottom = _ref6$bottom === void 0 ? false : _ref6$bottom,
+      sx = _ref6.sx,
+      sxClim = _ref6.sxClim,
+      props = _objectWithoutPropertiesLoose(_ref6, _excluded$c);
+
+  if (!Array.isArray(colormap)) {
+    throw new Error("expected array for colormap, got '" + colormap + "'.");
+  }
+
+  var climRef = [React.useRef(), React.useRef()];
+
+  var _useState = React.useState(false),
+      climMinDragging = _useState[0],
+      setClimMinDragging = _useState[1];
+
+  var _useState2 = React.useState(false),
+      climMaxDragging = _useState2[0],
+      setClimMaxDragging = _useState2[1];
+
+  var x,
+      y,
+      dx,
+      dy = 0;
+  var id = null;
+  var init = [0, 0];
+  var scale = setClimStep;
+
+  var draggingFunction = function draggingFunction(e) {
+    if (id === 'min' && !climMinDragging) setClimMinDragging(true);
+    if (id === 'max' && !climMaxDragging) setClimMaxDragging(true);
+    dx = e.pageX - x;
+    dy = e.pageY - y;
+
+    if (horizontal) {
+      if (id === 'min') setClim(function (prev) {
+        return [Math.min(init[0] + dx * scale, init[1]), prev[1]];
+      });
+      if (id === 'max') setClim(function (prev) {
+        return [prev[0], Math.max(init[1] + dx * scale, init[0])];
+      });
+    } else {
+      if (id === 'min') setClim(function (prev) {
+        return [Math.min(init[0] - dy * scale, init[1]), prev[1]];
+      });
+      if (id === 'max') setClim(function (prev) {
+        return [prev[0], Math.max(init[1] - dy * scale, init[0])];
+      });
+    }
+  };
+
+  var handleMouseDown = function handleMouseDown(e) {
+    y = e.pageY;
+    x = e.pageX;
+    id = e.target.id;
+    init = clim;
+    document.body.setAttribute('style', horizontal ? 'cursor: ew-resize !important' : 'cursor: ns-resize !important');
+    document.addEventListener('mousemove', draggingFunction);
+
+    var updater = function updater() {
+      document.body.setAttribute('style', 'cursor: unset');
+      document.removeEventListener('mousemove', draggingFunction);
+      window.removeEventListener('mouseup', updater);
+      if (id === 'min') setClimMinDragging(false);
+      if (id === 'max') setClimMaxDragging(false);
+    };
+
+    window.addEventListener('mouseup', updater);
+  };
+
+  var increment = function increment(e) {
+    if (climRef[0].current === document.activeElement) {
+      e.preventDefault();
+      setClim(function (prev) {
+        return [Math.min(prev[0] + scale, prev[1]), prev[1]];
+      });
+      climRef[0].current.focus();
+    }
+
+    if (climRef[1].current === document.activeElement) {
+      e.preventDefault();
+      setClim(function (prev) {
+        return [prev[0], Math.max(prev[1] + scale, prev[0])];
+      });
+      climRef[1].current.focus();
+    }
+  };
+
+  var decrement = function decrement(e) {
+    if (climRef[0].current === document.activeElement) {
+      e.preventDefault();
+      setClim(function (prev) {
+        return [Math.min(prev[0] - scale, prev[1]), prev[1]];
+      });
+      climRef[0].current.focus();
+    }
+
+    if (climRef[1].current === document.activeElement) {
+      e.preventDefault();
+      setClim(function (prev) {
+        return [prev[0], Math.max(prev[1] - scale, prev[0])];
+      });
+      climRef[1].current.focus();
+    }
+  };
+
+  React.useEffect(function () {
+    var listener = function listener(e) {
+      if (['ArrowUp', 'ArrowRight'].includes(e.code) || ['ArrowUp', 'ArrowRight'].includes(e.key)) {
+        increment(e);
+      }
+
+      if (['ArrowDown', 'ArrowLeft'].includes(e.code) || ['ArrowDown', 'ArrowLeft'].includes(e.key)) {
+        decrement(e);
+      }
+    };
+
+    window.addEventListener('keydown', listener);
+    return function () {
+      window.removeEventListener('keydown', listener);
+    };
+  }, [clim]);
+
+  var ClimMin = function ClimMin() {
+    return /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
+      id: "min",
+      ref: climRef[0],
+      tabIndex: 0,
+      sx: _extends({}, styles$1.clim(setClim), {
+        ml: label ? horizontal ? bottom ? '0px' : '10px' : ['2px', '1px', '1px', '2px'] : 0,
+        mr: horizontal ? ['2px', '1px', '1px', '2px'] : 0,
+        mb: horizontal ? 0 : ['-2px', '-2px', '-2px', '-3px'],
+        borderBottom: setClim ? climMinDragging ? function (_ref7) {
+          var colors = _ref7.colors;
+          return "solid 1px " + colors.primary;
+        } : function (_ref8) {
+          var colors = _ref8.colors;
+          return "solid 1px " + colors.secondary;
+        } : 'unset',
+        cursor: setClim ? horizontal ? 'ew-resize' : 'ns-resize' : 'default'
+      }, sxClim),
+      onMouseDown: setClim ? handleMouseDown : function () {},
+      onClick: function onClick() {
+        return climRef[0].current.focus();
+      }
+    }, format(clim[0]));
+  };
+
+  var ClimMax = function ClimMax() {
+    return /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
+      id: "max",
+      ref: climRef[1],
+      tabIndex: 0,
+      sx: _extends({}, styles$1.clim(setClim), {
+        ml: horizontal ? ['2px', '1px', '1px', '2px'] : ['2px', '1px', '1px', '2px'],
+        mt: horizontal ? 0 : ['-2px', '-3px', '-3px', '-3px'],
+        borderBottom: setClim ? climMaxDragging ? function (_ref9) {
+          var colors = _ref9.colors;
+          return "solid 1px " + colors.primary;
+        } : function (_ref10) {
+          var colors = _ref10.colors;
+          return "solid 1px " + colors.secondary;
+        } : 'unset',
+        cursor: setClim ? horizontal ? 'ew-resize' : 'ns-resize' : 'default'
+      }, sxClim),
+      onMouseDown: setClim ? handleMouseDown : function () {},
+      onClick: function onClick() {
+        return climRef[1].current.focus();
+      }
+    }, format(clim[1]));
+  };
+
+  return /*#__PURE__*/React__default["default"].createElement(themeUi.Flex, _extends({}, props, {
+    sx: _extends({
+      flexDirection: 'row',
+      alignItems: 'start',
+      justifyContent: 'flex-start',
+      gap: ['3px', '6px', '6px', '7px'],
+      height: !horizontal ? '100%' : 'unset'
+    }, sx)
+  }), label && /*#__PURE__*/React__default["default"].createElement(Label, {
+    label: label,
+    units: units,
+    horizontal: horizontal
+  }), /*#__PURE__*/React__default["default"].createElement(themeUi.Flex, {
+    sx: {
+      flexGrow: horizontal ? 1 : 'unset',
+      flexDirection: 'column',
+      ml: bottom && label ? '4px' : '0px',
+      height: !horizontal ? '100%' : 'unset'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(themeUi.Flex, {
+    sx: {
+      gap: ['3px', '6px', '6px', '7px'],
+      height: !horizontal ? '100%' : 'unset'
+    }
+  }, horizontal && clim && !bottom && /*#__PURE__*/React__default["default"].createElement(ClimMin, null), /*#__PURE__*/React__default["default"].createElement(Gradient, {
+    colormap: colormap,
+    horizontal: horizontal,
+    discrete: discrete,
+    width: width,
+    height: height
+  }), horizontal && clim && !bottom && /*#__PURE__*/React__default["default"].createElement(ClimMax, null)), horizontal && clim && bottom && /*#__PURE__*/React__default["default"].createElement(themeUi.Flex, {
+    sx: {
+      justifyContent: 'space-between'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(ClimMin, null), /*#__PURE__*/React__default["default"].createElement(ClimMax, null))), !horizontal && /*#__PURE__*/React__default["default"].createElement(themeUi.Flex, {
+    sx: {
+      flexDirection: 'column-reverse',
+      justifyContent: 'space-between',
+      height: height || DIMENSIONS.height
+    }
+  }, clim && /*#__PURE__*/React__default["default"].createElement(ClimMin, null), clim && /*#__PURE__*/React__default["default"].createElement(ClimMax, null)));
+};
+
+var _excluded$b = ["start", "width", "dl", "dr", "children", "sx"];
+
+var Column = function Column(_ref) {
+  var start = _ref.start,
+      width = _ref.width,
+      dl = _ref.dl,
+      dr = _ref.dr,
+      children = _ref.children,
+      sx = _ref.sx,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$b);
+
+  start = start || 'auto';
+  width = width || 'auto';
+
+  var makeArray = function makeArray(input) {
+    if (input && !Array.isArray(input)) {
+      input = [input];
+    }
+
+    if (![1, 2, 4].includes(input.length)) {
+      throw new Error('Array length must be 1, 2, or 4');
+    }
+
+    if (Array.isArray(input) && input.length == 1) {
+      input = input.map(function (d) {
+        return [d, d, d, d];
+      }).flat();
+    } else if (Array.isArray(input) && input.length == 2) {
+      input = input.map(function (d) {
+        return [d, d];
+      }).flat();
+    }
+
+    return input;
+  };
+
+  start = makeArray(start);
+  width = makeArray(width);
+  var end = start.map(function (d, i) {
+    if (d == 'auto') return 'auto';
+    return d + width[i];
+  });
+  var ml, mr;
+
+  if (dl) {
+    if (![0.5, 1].includes(dl)) {
+      throw new Error('dl must be 0.5 or 1');
+    }
+
+    if (dl === 0.5) {
+      ml = ['-12px', -3, -3, -4];
+    }
+
+    if (dl === 1) {
+      ml = [-4, -5, -5, -6];
+    }
+  }
+
+  if (dr) {
+    if (![0.5, 1].includes(dr)) {
+      throw new Error('dr must be 0.5 or 1');
+    }
+
+    if (dr === 0.5) {
+      mr = ['-12px', -3, -3, -4];
+    }
+
+    if (dr === 1) {
+      mr = [-4, -5, -5, -6];
+    }
+  }
+
+  return /*#__PURE__*/React__default["default"].createElement(themeUi.Box, _extends({}, props, {
+    sx: _extends({
+      gridColumnStart: start,
+      gridColumnEnd: end,
+      ml: ml,
+      mr: mr
+    }, sx)
+  }), children);
+};
+
+var Meta = function Meta(_ref) {
+  var title = _ref.title,
+      description = _ref.description,
+      card = _ref.card;
+  title = title ? title : 'carbonplan';
+  description = description ? description : 'Data and science for climate action.';
+  card = card ? card : 'https://images.carbonplan.org/social/homepage.png';
+  return /*#__PURE__*/React__default["default"].createElement(Head__default["default"], null, /*#__PURE__*/React__default["default"].createElement("title", null, title), /*#__PURE__*/React__default["default"].createElement("meta", {
+    name: "description",
+    content: description
+  }), /*#__PURE__*/React__default["default"].createElement("meta", {
+    name: "viewport",
+    content: "initial-scale=1.0, width=device-width"
+  }), /*#__PURE__*/React__default["default"].createElement("link", {
+    rel: "canonical",
+    content: "https://carbonplan.org/"
+  }), /*#__PURE__*/React__default["default"].createElement("link", {
+    rel: "icon",
+    type: "image/svg+xml",
+    href: "https://images.carbonplan.org/favicon.svg"
+  }), /*#__PURE__*/React__default["default"].createElement("link", {
+    rel: "preload",
+    href: "https://fonts.carbonplan.org/relative/relative-book-pro.woff2",
+    as: "font",
+    type: "font/woff2",
+    crossOrigin: "anonymous"
+  }), /*#__PURE__*/React__default["default"].createElement("link", {
+    rel: "preload",
+    href: "https://fonts.carbonplan.org/relative/relative-medium-pro.woff2",
+    as: "font",
+    type: "font/woff2",
+    crossOrigin: "anonymous"
+  }), /*#__PURE__*/React__default["default"].createElement("link", {
+    rel: "preload",
+    href: "https://fonts.carbonplan.org/relative/relative-mono-11-pitch-pro.woff2",
+    as: "font",
+    type: "font/woff2",
+    crossOrigin: "anonymous"
+  }), /*#__PURE__*/React__default["default"].createElement("link", {
+    rel: "preload",
+    href: "https://fonts.carbonplan.org/relative/relative-faux-book-pro.woff2",
+    as: "font",
+    type: "font/woff2",
+    crossOrigin: "anonymous"
+  }), /*#__PURE__*/React__default["default"].createElement("link", {
+    rel: "manifest",
+    href: "https://images.carbonplan.org/manifest.json"
+  }), /*#__PURE__*/React__default["default"].createElement("meta", {
+    name: "theme-color",
+    content: "#1b1e23"
+  }), /*#__PURE__*/React__default["default"].createElement("link", {
+    rel: "alternate icon",
+    type: "image/png",
+    href: "https://images.carbonplan.org/favicon.png"
+  }), /*#__PURE__*/React__default["default"].createElement("link", {
+    rel: "mask-icon",
+    href: "https://images.carbonplan.org/safari-pinned-tab.svg",
+    color: "#000000"
+  }), /*#__PURE__*/React__default["default"].createElement("link", {
+    rel: "apple-touch-icon",
+    sizes: "180x180",
+    href: "https://images.carbonplan.org/apple-touch-icon.png"
+  }), /*#__PURE__*/React__default["default"].createElement("meta", {
+    name: "msapplication-TileColor",
+    content: "#1b1e23"
+  }), /*#__PURE__*/React__default["default"].createElement("meta", {
+    name: "msapplication-TileImage",
+    content: "https://images.carbonplan.org/mstile-144x144.png"
+  }), /*#__PURE__*/React__default["default"].createElement("meta", {
+    name: "msapplication-config",
+    content: "https://images.carbonplan.org/browserconfig.xml"
+  }), /*#__PURE__*/React__default["default"].createElement("meta", {
+    property: "og:title",
+    content: title
+  }), /*#__PURE__*/React__default["default"].createElement("meta", {
+    property: "og:description",
+    content: description
+  }), /*#__PURE__*/React__default["default"].createElement("meta", {
+    property: "og:image",
+    content: card
+  }), /*#__PURE__*/React__default["default"].createElement("meta", {
+    property: "og:url",
+    content: "https://carbonplan.org"
+  }), /*#__PURE__*/React__default["default"].createElement("meta", {
+    name: "twitter:title",
+    content: title
+  }), /*#__PURE__*/React__default["default"].createElement("meta", {
+    name: "twitter:description",
+    content: description
+  }), /*#__PURE__*/React__default["default"].createElement("meta", {
+    name: "twitter:image",
+    content: card
+  }), /*#__PURE__*/React__default["default"].createElement("meta", {
+    name: "twitter:card",
+    content: "summary_large_image"
+  }));
+};
+
+var Logo = function Logo(_ref) {
+  var props = _extends({}, _ref);
+
+  return /*#__PURE__*/React__default["default"].createElement(themeUi.Box, _extends({
+    as: "svg",
+    width: "150",
+    fill: "currentColor",
+    stroke: "none",
+    viewBox: "0 0 151.1 28.8"
+  }, props), /*#__PURE__*/React__default["default"].createElement("g", null, /*#__PURE__*/React__default["default"].createElement("g", null, /*#__PURE__*/React__default["default"].createElement("path", {
+    d: "M9.7,20.1c-1.3-1.4-2-3.1-2-5.2c0-2.1,0.7-3.9,2-5.2c1.3-1.4,3-2,5.1-2c1.7,0,3.1,0.4,4.3,1.3 c1.1,0.9,1.8,2.1,2.1,3.5c0,0.1,0,0.2,0,0.3s-0.1,0.2-0.2,0.2h-2.3c-0.2,0-0.3-0.1-0.4-0.2c-0.3-0.8-0.7-1.4-1.3-1.8 c-0.6-0.4-1.4-0.6-2.2-0.6c-1.3,0-2.3,0.4-3,1.2c-0.8,0.8-1.1,1.9-1.1,3.4c0,1.5,0.4,2.6,1.1,3.4c0.8,0.8,1.8,1.2,3,1.2 c0.8,0,1.6-0.2,2.2-0.6c0.6-0.4,1.1-1,1.3-1.8c0.1-0.2,0.2-0.2,0.4-0.3H21c0.1,0,0.2,0.1,0.2,0.2c0,0.1,0,0.2,0,0.3 c-0.3,1.4-1,2.6-2.1,3.5c-1.1,0.9-2.5,1.3-4.3,1.3C12.7,22.1,11,21.4,9.7,20.1z"
+  })), /*#__PURE__*/React__default["default"].createElement("g", null, /*#__PURE__*/React__default["default"].createElement("path", {
+    d: "M22.5,17.6c0-1.5,0.5-2.6,1.6-3.5c1.1-0.8,2.4-1.2,4.1-1.2c1.1,0,2.4,0.2,3.7,0.6V13c0-0.9-0.3-1.6-0.8-2.1 c-0.5-0.5-1.2-0.8-2.2-0.8c-1.4,0-2.4,0.6-2.9,1.8c-0.1,0.2-0.2,0.2-0.4,0.2h-2.3c-0.1,0-0.2-0.1-0.2-0.2c0-0.1,0-0.2,0-0.3 c0.3-1.2,0.9-2.2,1.9-2.9c1-0.8,2.3-1.1,3.8-1.1C30.6,7.6,32,8.1,33,9c1,0.9,1.5,2.2,1.5,3.8V19c0,1.1,0.2,1.9,0.5,2.6 c0,0.1,0.1,0.1,0.1,0.1c0,0.1-0.1,0.1-0.3,0.1h-2.8c-0.2,0-0.3-0.1-0.3-0.3v-1c-1.1,1.1-2.5,1.6-4.3,1.6c-1.4,0-2.6-0.4-3.6-1.2 C23,20.1,22.5,19,22.5,17.6z M25.4,17.5c0,0.6,0.2,1.1,0.7,1.5c0.4,0.4,1.1,0.5,1.9,0.5c1.1,0,2-0.3,2.8-0.9 c0.8-0.6,1.1-1.5,1.1-2.6c-1.3-0.4-2.5-0.6-3.6-0.6c-0.8,0-1.5,0.2-2.1,0.5C25.7,16.3,25.4,16.8,25.4,17.5z"
+  })), /*#__PURE__*/React__default["default"].createElement("g", null, /*#__PURE__*/React__default["default"].createElement("path", {
+    d: "M37,21.6V8.2c0-0.2,0.1-0.3,0.3-0.3h2.2c0.2,0,0.3,0.1,0.3,0.3v1.1c1-1.1,2.3-1.6,3.7-1.6 c0.8,0,1.7,0.1,2.5,0.4c0.2,0.1,0.3,0.3,0.3,0.5v2.2c0,0.2-0.1,0.3-0.2,0.3c0,0-0.1,0-0.2-0.1c-1.1-0.5-2-0.8-2.9-0.8 c-0.9,0-1.7,0.4-2.3,1.1c-0.6,0.7-0.9,1.7-0.9,3v7.3c0,0.2-0.1,0.3-0.3,0.3h-2.2C37.1,21.8,37,21.7,37,21.6z"
+  })), /*#__PURE__*/React__default["default"].createElement("g", null, /*#__PURE__*/React__default["default"].createElement("path", {
+    d: "M47.6,21.6V2.7c0-0.2,0.1-0.3,0.3-0.3H50c0.2,0,0.3,0.1,0.3,0.3v6.5c1.3-1.1,2.7-1.6,4.3-1.6 c1.9,0,3.4,0.7,4.6,2c1.1,1.3,1.7,3.1,1.7,5.3c0,2.2-0.6,4-1.7,5.3c-1.1,1.3-2.7,2-4.6,2c-1.8,0-3.2-0.5-4.3-1.6v1 c0,0.2-0.1,0.3-0.3,0.3h-2.2C47.7,21.8,47.6,21.7,47.6,21.6z M51.2,11.5c-0.7,0.9-1.1,2-1.1,3.3c0,1.4,0.4,2.5,1.1,3.3 s1.7,1.3,2.9,1.3c1.2,0,2.2-0.4,2.9-1.3c0.7-0.9,1.1-2,1.1-3.3c0-1.4-0.4-2.5-1.1-3.3c-0.7-0.9-1.7-1.3-2.9-1.3 C52.9,10.2,51.9,10.7,51.2,11.5z"
+  })), /*#__PURE__*/React__default["default"].createElement("g", null, /*#__PURE__*/React__default["default"].createElement("path", {
+    d: "M64.3,20.1c-1.4-1.4-2.1-3.1-2.1-5.2c0-2.1,0.7-3.9,2.1-5.2c1.4-1.4,3.1-2,5.2-2c2.1,0,3.8,0.7,5.2,2 c1.4,1.4,2.1,3.1,2.1,5.2c0,2.1-0.7,3.9-2.1,5.2c-1.4,1.4-3.1,2-5.2,2C67.4,22.1,65.7,21.4,64.3,20.1z M66.4,11.5 c-0.8,0.8-1.2,2-1.2,3.4c0,1.4,0.4,2.5,1.2,3.4s1.9,1.3,3.1,1.3c1.3,0,2.3-0.4,3.1-1.3c0.8-0.8,1.2-2,1.2-3.4 c0-1.4-0.4-2.5-1.2-3.4c-0.8-0.8-1.9-1.3-3.1-1.3C68.2,10.2,67.2,10.7,66.4,11.5z"
+  })), /*#__PURE__*/React__default["default"].createElement("g", null, /*#__PURE__*/React__default["default"].createElement("path", {
+    d: "M78.7,21.6V8.2c0-0.2,0.1-0.3,0.3-0.3h2.2c0.2,0,0.3,0.1,0.3,0.3v1.3c1.3-1.2,2.7-1.8,4.4-1.8 c1.5,0,2.7,0.4,3.5,1.3c0.8,0.9,1.3,2,1.3,3.6v9.1c0,0.2-0.1,0.3-0.3,0.3h-2.2c-0.2,0-0.3-0.1-0.3-0.3v-8.3c0-2-0.9-3.1-2.8-3.1 c-1.1,0-1.9,0.4-2.7,1.2c-0.7,0.8-1.1,2-1.1,3.5v6.6c0,0.2-0.1,0.3-0.3,0.3h-2.2C78.7,21.8,78.7,21.7,78.7,21.6z"
+  })), /*#__PURE__*/React__default["default"].createElement("g", null, /*#__PURE__*/React__default["default"].createElement("path", {
+    d: "M101.7,27.1V8.2c0-0.2,0.1-0.3,0.3-0.3h2.2c0.2,0,0.3,0.1,0.3,0.3v1c1.1-1.1,2.5-1.6,4.3-1.6 c1.9,0,3.4,0.7,4.6,2s1.7,3.1,1.7,5.3c0,2.2-0.6,4-1.7,5.3c-1.1,1.3-2.7,2-4.6,2c-1.5,0-3-0.5-4.3-1.6v6.6c0,0.2-0.1,0.3-0.3,0.3 H102C101.8,27.3,101.7,27.2,101.7,27.1z M105.3,11.5c-0.7,0.9-1.1,2-1.1,3.3c0,1.4,0.4,2.5,1.1,3.3s1.7,1.3,2.9,1.3 c1.2,0,2.2-0.4,2.9-1.3c0.7-0.9,1.1-2,1.1-3.3c0-1.4-0.4-2.5-1.1-3.3c-0.7-0.9-1.7-1.3-2.9-1.3C107,10.2,106,10.7,105.3,11.5z"
+  })), /*#__PURE__*/React__default["default"].createElement("g", null, /*#__PURE__*/React__default["default"].createElement("path", {
+    d: "M117.2,21.6V2.7c0-0.2,0.1-0.3,0.3-0.3h2.2c0.2,0,0.3,0.1,0.3,0.3v18.9c0,0.2-0.1,0.3-0.3,0.3h-2.2 C117.3,21.8,117.2,21.7,117.2,21.6z"
+  })), /*#__PURE__*/React__default["default"].createElement("g", null, /*#__PURE__*/React__default["default"].createElement("path", {
+    d: "M122,17.6c0-1.5,0.5-2.6,1.6-3.5c1.1-0.8,2.4-1.2,4.1-1.2c1.1,0,2.4,0.2,3.7,0.6V13c0-0.9-0.3-1.6-0.8-2.1 c-0.5-0.5-1.2-0.8-2.2-0.8c-1.4,0-2.4,0.6-2.9,1.8c-0.1,0.2-0.2,0.2-0.4,0.2h-2.3c-0.1,0-0.2-0.1-0.2-0.2c0-0.1,0-0.2,0-0.3 c0.3-1.2,0.9-2.2,1.9-2.9c1-0.8,2.3-1.1,3.8-1.1c1.7,0,3.1,0.5,4.2,1.4s1.5,2.2,1.5,3.8V19c0,1.1,0.2,1.9,0.5,2.6 c0,0.1,0.1,0.1,0.1,0.1c0,0.1-0.1,0.1-0.3,0.1h-2.8c-0.2,0-0.3-0.1-0.3-0.3v-1c-1.1,1.1-2.5,1.6-4.3,1.6c-1.4,0-2.6-0.4-3.6-1.2 C122.5,20.1,122,19,122,17.6z M124.9,17.5c0,0.6,0.2,1.1,0.7,1.5c0.4,0.4,1.1,0.5,1.9,0.5c1.1,0,2-0.3,2.8-0.9 c0.8-0.6,1.1-1.5,1.1-2.6c-1.3-0.4-2.5-0.6-3.6-0.6c-0.8,0-1.5,0.2-2.1,0.5C125.2,16.3,124.9,16.8,124.9,17.5z"
+  })), /*#__PURE__*/React__default["default"].createElement("g", null, /*#__PURE__*/React__default["default"].createElement("path", {
+    d: "M136.9,21.6V8.2c0-0.2,0.1-0.3,0.3-0.3h2.2c0.2,0,0.3,0.1,0.3,0.3v1.3c1.3-1.2,2.7-1.8,4.4-1.8 c1.5,0,2.7,0.4,3.5,1.3c0.8,0.9,1.3,2,1.3,3.6v9.1c0,0.2-0.1,0.3-0.3,0.3h-2.2c-0.2,0-0.3-0.1-0.3-0.3v-8.3c0-2-0.9-3.1-2.8-3.1 c-1.1,0-1.9,0.4-2.7,1.2c-0.7,0.8-1.1,2-1.1,3.5v6.6c0,0.2-0.1,0.3-0.3,0.3h-2.2C137,21.8,136.9,21.7,136.9,21.6z"
+  })), /*#__PURE__*/React__default["default"].createElement("path", {
+    d: "M97.6,14.9c0,4.2-0.6,8.3-1.6,12.3c0,0.1-0.1,0.2-0.2,0.2h-2.4c-0.1,0-0.2-0.1-0.2-0.3c1.1-3.9,1.7-8,1.7-12.2 s-0.6-8.3-1.7-12.2c0-0.1,0.1-0.3,0.2-0.3l2.4,0c0.1,0,0.2,0.1,0.2,0.2C97.1,6.5,97.6,10.6,97.6,14.9z"
+  }), /*#__PURE__*/React__default["default"].createElement("path", {
+    d: "M1.4,14.9C1.4,10.6,2,6.5,3,2.6c0-0.1,0.1-0.2,0.2-0.2l2.4,0c0.1,0,0.2,0.1,0.2,0.3c-1.1,3.9-1.7,8-1.7,12.2 s0.6,8.3,1.7,12.2c0,0.1-0.1,0.3-0.2,0.3H3.3c-0.1,0-0.2-0.1-0.2-0.2C2,23.2,1.4,19.1,1.4,14.9z"
+  })));
+};
+
+var _excluded$a = ["children", "sx", "columns", "gap"];
+
+var Row = function Row(_ref) {
+  var children = _ref.children,
+      sx = _ref.sx,
+      columns = _ref.columns,
+      gap = _ref.gap,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$a);
+
+  var makeArray = function makeArray(input) {
+    if (!Array.isArray(input)) {
+      input = [input, input, input, input];
+    }
+
+    if (Array.isArray(input) && ![1, 2, 4].includes(input.length)) {
+      throw new Error('Array length must be 1, 2, or 4');
+    }
+
+    if (Array.isArray(input) && input.length == 1) {
+      input = input.map(function (d) {
+        return [d];
+      }).flat();
+    }
+
+    if (Array.isArray(input) && input.length == 2) {
+      input = input.map(function (d) {
+        return [d, d];
+      }).flat();
+    }
+
+    return input;
+  };
+
+  var columnGap, rowGap;
+
+  if (Number.isInteger(gap) || Array.isArray(gap)) {
+    gap = makeArray(gap);
+    columnGap = gap;
+    rowGap = gap;
+  } else {
+    columnGap = [4, 5, 5, 6];
+    rowGap = [0, 0, 0, 0];
+  }
+
+  if (Number.isInteger(columns) || Array.isArray(columns)) {
+    columns = makeArray(columns);
+  } else {
+    columns = [6, 8, 12, 12];
+  }
+
+  return /*#__PURE__*/React__default["default"].createElement(themeUi.Grid, _extends({}, props, {
+    columns: columns,
+    sx: _extends({
+      columnGap: columnGap,
+      rowGap: rowGap
+    }, sx)
+  }), children);
+};
+
+var _excluded$9 = ["value", "sx"];
+
+var Menu = function Menu(_ref) {
+  var value = _ref.value,
+      sx = _ref.sx,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$9);
+
+  return /*#__PURE__*/React__default["default"].createElement(themeUi.IconButton, _extends({
+    sx: _extends({
+      cursor: 'pointer',
+      fill: 'none',
+      strokeWidth: '2px',
+      stroke: 'text',
+      '.paren': {
+        opacity: '0'
+      },
+      '@media (hover: hover) and (pointer: fine)': {
+        '&:hover .paren': {
+          opacity: '1'
+        }
+      }
+    }, sx),
+    "aria-label": "Toggle Menu"
+  }, props), !value && /*#__PURE__*/React__default["default"].createElement("svg", {
+    style: {
+      width: '50px',
+      height: '30px',
+      transform: 'scale(2)',
+      marginTop: '-3px'
+    },
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 68 36"
+  }, /*#__PURE__*/React__default["default"].createElement("line", {
+    x1: "52",
+    y1: "29.9",
+    x2: "16",
+    y2: "29.9"
+  }), /*#__PURE__*/React__default["default"].createElement("line", {
+    x1: "52",
+    y1: "6.1",
+    x2: "16",
+    y2: "6.1"
+  }), /*#__PURE__*/React__default["default"].createElement("line", {
+    x1: "52",
+    y1: "18",
+    x2: "16",
+    y2: "18"
+  }), /*#__PURE__*/React__default["default"].createElement("path", {
+    style: {
+      transition: 'all 0.2s'
+    },
+    className: "paren",
+    d: "M6.4,1.2c-6.3,10.3-6.3,23.3,0,33.6"
+  }), /*#__PURE__*/React__default["default"].createElement("path", {
+    style: {
+      transition: 'all 0.2s'
+    },
+    className: "paren",
+    d: "M61.6,34.8c6.3-10.3,6.3-23.3,0-33.6"
+  })), value && /*#__PURE__*/React__default["default"].createElement("svg", {
+    style: {
+      width: '50px',
+      height: '30px',
+      transform: 'scale(2)',
+      marginTop: '-3px'
+    },
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 68 36"
+  }, /*#__PURE__*/React__default["default"].createElement("line", {
+    x1: "50.85",
+    y1: "29.79",
+    x2: "17.15",
+    y2: "6.21"
+  }), /*#__PURE__*/React__default["default"].createElement("line", {
+    x1: "17.15",
+    y1: "29.79",
+    x2: "50.85",
+    y2: "6.21"
+  }), /*#__PURE__*/React__default["default"].createElement("path", {
+    style: {
+      transition: 'all 0.2s'
+    },
+    className: "paren",
+    d: "M6.4,1.2c-6.3,10.3-6.3,23.3,0,33.6"
+  }), /*#__PURE__*/React__default["default"].createElement("path", {
+    style: {
+      transition: 'all 0.2s'
+    },
+    className: "paren",
+    d: "M61.6,34.8c6.3-10.3,6.3-23.3,0-33.6"
+  })));
+};
+
+var sx$1 = {
+  link: function link(current, label, first) {
+    if (first === void 0) {
+      first = false;
+    }
+
+    return {
+      width: 'auto',
+      color: current === label ? 'secondary' : 'text',
+      fontSize: [6, 6, 7, 8],
+      fontFamily: 'heading',
+      letterSpacing: 'heading',
+      borderStyle: 'solid',
+      borderColor: 'muted',
+      borderWidth: '0px',
+      borderBottomWidth: '1px',
+      borderTopWidth: first ? '1px' : '0px',
+      py: [3, 3, 4, 5],
+      textDecoration: 'none',
+      display: 'block',
+      position: 'relative',
+      transition: 'color 0.15s',
+      '@media (hover: hover) and (pointer: fine)': {
+        '&:hover > #arrow': {
+          opacity: 1
+        }
+      },
+      '&:hover': {
+        color: current == label ? 'secondary' : 'text'
+      }
+    };
+  }
+};
+var links = [{
+  url: 'about',
+  display: 'About'
+}, {
+  url: 'research',
+  display: 'Research'
+}, {
+  url: 'blog',
+  display: 'Blog'
+}, {
+  url: 'press',
+  display: 'Press'
+}];
+
+var HoverArrow = function HoverArrow() {
+  return /*#__PURE__*/React__default["default"].createElement(icons.Arrow, {
+    id: "arrow",
+    sx: {
+      pointerEvents: 'none',
+      display: 'inline-block',
+      position: 'absolute',
+      left: ['-60px', '-68px', '-80px', '-104px'],
+      top: ['32px', '32px', '46px', '62px'],
+      opacity: 0,
+      transition: 'opacity 0.2s ease-out',
+      transform: 'rotate(45deg)',
+      width: [36, 36, 48, 56],
+      height: [36, 36, 48, 56]
+    }
+  });
+};
+
+var Nav = function Nav(_ref) {
+  var link = _ref.link,
+      mode = _ref.mode,
+      nav = _ref.nav,
+      first = _ref.first,
+      setExpanded = _ref.setExpanded;
+  var url = link.url,
+      display = link.display;
+  var href = mode === 'remote' ? 'https://carbonplan.org/' + url : '/' + url;
+
+  if (mode === 'homepage' || mode === 'local' && nav === url) {
+    return /*#__PURE__*/React__default["default"].createElement(NextLink__default["default"], {
+      href: href,
+      passHref: true
+    }, /*#__PURE__*/React__default["default"].createElement(themeUi.Link, {
+      onClick: function onClick() {
+        if (nav === url) setExpanded(false);
+      },
+      sx: sx$1.link(nav, url, first)
+    }, /*#__PURE__*/React__default["default"].createElement(HoverArrow, null), display));
+  } else {
+    return /*#__PURE__*/React__default["default"].createElement(themeUi.Link, {
+      href: href,
+      sx: sx$1.link(nav, url, first)
+    }, /*#__PURE__*/React__default["default"].createElement(HoverArrow, null), display);
+  }
+};
+
+var NavGroup = function NavGroup(_ref2) {
+  var links = _ref2.links,
+      nav = _ref2.nav,
+      mode = _ref2.mode,
+      setExpanded = _ref2.setExpanded;
+  return links.map(function (d, i) {
+    return /*#__PURE__*/React__default["default"].createElement(Nav, {
+      key: i,
+      link: d,
+      mode: mode,
+      nav: nav,
+      first: i === 0,
+      setExpanded: setExpanded
+    });
+  });
+};
+
+var Header = function Header(_ref3) {
+  var status = _ref3.status,
+      mode = _ref3.mode,
+      nav = _ref3.nav,
+      menuItems = _ref3.menuItems;
+
+  var _useState = React.useState(false),
+      expanded = _useState[0],
+      setExpanded = _useState[1];
+
+  var toggle = function toggle(e) {
+    setExpanded(!expanded);
+  };
+
+  return /*#__PURE__*/React__default["default"].createElement(Row, {
+    sx: {
+      pt: ['12px'],
+      pb: [3]
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(Column, {
+    start: [1],
+    width: [2]
+  }, /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
+    sx: {
+      display: 'block',
+      width: 'fit-content'
+    }
+  }, (mode == 'homepage' || mode == 'local') && /*#__PURE__*/React__default["default"].createElement(NextLink__default["default"], {
+    href: "/",
+    passHref: true
+  }, /*#__PURE__*/React__default["default"].createElement(themeUi.Link, {
+    "aria-label": "CarbonPlan Homepage",
+    sx: {
+      display: 'block'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(Logo, {
+    id: "logo",
+    sx: {
+      cursor: 'pointer',
+      color: 'primary'
+    }
+  }))), (mode == null || mode == 'remote') && /*#__PURE__*/React__default["default"].createElement(themeUi.Link, {
+    href: "https://carbonplan.org",
+    "aria-label": "CarbonPlan Homepage",
+    sx: {
+      display: 'block'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(Logo, {
+    sx: {
+      cursor: 'pointer',
+      color: 'primary'
+    }
+  })))), /*#__PURE__*/React__default["default"].createElement(Column, {
+    start: [4, 9],
+    width: [2, 2],
+    dr: 1,
+    sx: {
+      display: [status ? 'flex' : 'none', 'flex', 'flex', 'flex'],
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
+    sx: {
+      fontSize: [1, 2, 3],
+      position: 'relative',
+      top: ['-2px', '-3px', '-3px']
+    }
+  }, status ? "(" + status + ")" : '')), /*#__PURE__*/React__default["default"].createElement(Column, {
+    start: [status ? 6 : 4, 6, 11, 11],
+    width: [status ? 1 : 3, 3, 2, 2],
+    sx: {
+      zIndex: 5000
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(themeUi.Flex, {
+    sx: {
+      justifyContent: 'flex-end'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(themeUi.Flex, {
+    sx: {
+      mr: '18px',
+      gap: '18px',
+      opacity: expanded ? 0 : 1,
+      transition: 'opacity 0.15s',
+      justifyContent: 'space-between',
+      alignItems: 'center'
+    }
+  }, menuItems), /*#__PURE__*/React__default["default"].createElement(Menu, {
+    sx: {
+      mr: ['-2px']
+    },
+    value: expanded,
+    onClick: toggle
+  }))), /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
+    sx: {
+      opacity: expanded ? 1 : 0,
+      pointerEvents: expanded ? 'all' : 'none',
+      position: 'fixed',
+      top: '0px',
+      right: '0px',
+      bottom: '0px',
+      minWidth: '0px',
+      maxHeight: '100vh',
+      width: '100vw',
+      backgroundColor: 'background',
+      zIndex: 4000,
+      pt: ['79px'],
+      transition: 'opacity 0.25s'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(themeUi.Container, null, /*#__PURE__*/React__default["default"].createElement(Row, null, /*#__PURE__*/React__default["default"].createElement(Column, {
+    start: [2, 4, 7, 7],
+    width: [5, 4, 5, 5]
+  }, /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
+    as: "nav",
+    sx: {
+      display: expanded ? 'inherit' : 'none',
+      mt: [5, 5, 5, 6]
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(NavGroup, {
+    links: links,
+    nav: nav,
+    mode: mode,
+    setExpanded: setExpanded
+  })))))));
+};
+
+var Monogram = function Monogram(_ref) {
+  var props = _extends({}, _ref);
+
+  return /*#__PURE__*/React__default["default"].createElement(themeUi.Box, _extends({
+    as: "svg",
+    width: "80",
+    stroke: "none",
+    fill: "currentColor",
+    viewBox: "0 0 32 32"
+  }, props), /*#__PURE__*/React__default["default"].createElement("path", {
+    d: "M21.9395,14.9395 L17.5005,19.3785 L17.5005,7.0005 L14.5005,7.0005 L14.5005,19.3785 L10.0605,14.9395 L7.9395,17.0605 L14.9395,24.0605 C15.2325,24.3535 15.6165,24.5005 16.0005,24.5005 C16.3835,24.5005 16.7675,24.3535 17.0605,24.0605 L24.0605,17.0605 L21.9395,14.9395 Z"
+  }), /*#__PURE__*/React__default["default"].createElement("path", {
+    d: "M27.5986,4 L22.8966,4 C26.5556,6.303 28.9996,10.366 28.9996,15 C28.9996,20.4 25.6896,25.039 20.9926,27 L26.5586,27 C29.8886,24.068 31.9996,19.785 31.9996,15 C31.9996,10.734 30.3196,6.868 27.5986,4"
+  }), /*#__PURE__*/React__default["default"].createElement("path", {
+    d: "M3,15 C3,10.366 5.444,6.303 9.104,4 L4.401,4 C1.68,6.868 0,10.734 0,15 C0,19.785 2.112,24.068 5.441,27 L11.008,27 C6.311,25.039 3,20.4 3,15"
+  }));
+};
+
+var Footer = function Footer() {
+  return /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
+    sx: {
+      mt: [7, 7, 7, 8],
+      mb: [7, 7, 7, 8],
+      pb: [2, 1, 0, 0]
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(Row, {
+    sx: {
+      mb: [0, 0, 4, 5]
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(Column, {
+    start: [1, 2],
+    width: [3, 3]
+  }, /*#__PURE__*/React__default["default"].createElement(themeUi.Box, null, /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
+    sx: {
+      fontSize: [2, 2, 2, 3],
+      fontFamily: 'heading',
+      letterSpacing: 'mono',
+      mb: [2]
+    }
+  }, "EMAIL"), /*#__PURE__*/React__default["default"].createElement(themeUi.Link, {
+    href: "mailto:hello@carbonplan.org",
+    sx: {
+      textDecoration: 'none',
+      fontSize: [2, 2, 2, 3]
+    }
+  }, "hello@carbonplan.org"))), /*#__PURE__*/React__default["default"].createElement(Column, {
+    start: [5],
+    width: [1],
+    dl: 1,
+    dr: 1,
+    sx: {
+      display: ['flex', 'none', 'none', 'none'],
+      justifyContent: ['center']
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(Monogram, {
+    sx: {
+      mt: ['-4px'],
+      width: '60px',
+      height: '60px'
+    }
+  })), /*#__PURE__*/React__default["default"].createElement(Column, {
+    start: [1, 5, 5, 5],
+    width: [3, 3],
+    sx: {
+      mt: [3, 0, 0, 0]
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(themeUi.Box, null, /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
+    sx: {
+      fontSize: [2, 2, 2, 3],
+      fontFamily: 'heading',
+      letterSpacing: 'mono',
+      mb: [2]
+    }
+  }, "FOLLOW"), /*#__PURE__*/React__default["default"].createElement(themeUi.Link, {
+    href: "https://twitter.com/carbonplanorg",
+    sx: {
+      textDecoration: 'none',
+      fontSize: [2, 2, 2, 3]
+    }
+  }, "@carbonplanorg"))), /*#__PURE__*/React__default["default"].createElement(Column, {
+    start: [1, 9],
+    width: [5, 4, 3, 3],
+    sx: {
+      mt: ['42px', '42px', 0, 0],
+      mb: [3, 3, 0, 0]
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(themeUi.Box, null, /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
+    sx: {
+      fontSize: [2, 2, 2, 3],
+      fontFamily: 'body',
+      color: 'secondary'
+    }
+  }, "CarbonPlan is a registered non-profit public benefit corporation in California with 501(c)(3) status.")))), /*#__PURE__*/React__default["default"].createElement(Row, {
+    sx: {
+      mb: ['2px'],
+      mt: [5, 5, 4]
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(Column, {
+    start: [1, 1, 2, 2],
+    width: [3, 2, 3, 3],
+    sx: {
+      display: 'flex',
+      alignItems: ['flex-start', 'flex-start', 'flex-end']
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
+    sx: {
+      bottom: '0px',
+      borderStyle: 'solid',
+      borderColor: 'muted',
+      borderWidth: '0px',
+      borderTopWidth: '1px',
+      pt: [2]
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
+    sx: {
+      color: 'secondary',
+      fontSize: [1, 1, 1, 2],
+      fontFamily: 'mono',
+      letterSpacing: 'mono'
+    }
+  }, "(c) 2021 CARBONPLAN"))), /*#__PURE__*/React__default["default"].createElement(Column, {
+    start: [4, 3, 5, 5],
+    width: [2, 2, 3, 3],
+    sx: {
+      display: 'flex',
+      alignItems: ['flex-start', 'flex-start', 'flex-end'],
+      mt: [0, 0, 0, 0]
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
+    sx: {
+      bottom: '0px',
+      borderStyle: 'solid',
+      borderColor: 'muted',
+      borderWidth: '0px',
+      borderTopWidth: '1px',
+      width: ['100%', 'auto', 'auto', 'auto'],
+      pt: [2]
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(NextLink__default["default"], {
+    href: "/terms",
+    passHref: true
+  }, /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
+    as: "a",
+    sx: {
+      textDecoration: 'none',
+      fontSize: [1, 1, 1, 2],
+      color: 'secondary',
+      fontFamily: 'mono',
+      letterSpacing: 'mono',
+      display: 'block'
+    }
+  }, "READ OUR TERMS")))), /*#__PURE__*/React__default["default"].createElement(Column, {
+    start: [5, 7, 9, 9],
+    width: [2, 3, 3, 3],
+    sx: {
+      display: ['none', 'initial', 'initial', 'initial']
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(Monogram, {
+    sx: {
+      width: 80,
+      height: 80,
+      mt: [0, '-10px', 4, 5],
+      mb: ['-12px']
+    }
+  }))));
+};
+
+var _excluded$8 = ["sx"];
+
+var Dimmer = function Dimmer(_ref) {
+  var sx = _ref.sx,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$8);
+
+  var _useColorMode = themeUi.useColorMode(),
+      colorMode = _useColorMode[0],
+      setColorMode = _useColorMode[1];
+
+  var toggle = React.useCallback(function () {
+    setColorMode(colorMode === 'light' ? 'dark' : 'light');
+  }, [colorMode]);
+  return /*#__PURE__*/React__default["default"].createElement(themeUi.IconButton, _extends({
+    "aria-label": "Toggle dark mode",
+    onClick: toggle,
+    role: "checkbox",
+    sx: _extends({
+      width: 32,
+      height: 32,
+      display: 'inline-block',
+      cursor: 'pointer',
+      color: 'secondary'
+    }, sx)
+  }, props), /*#__PURE__*/React__default["default"].createElement(icons.Sun, {
+    sx: {
+      strokeWidth: '1.75',
+      transition: 'stroke 0.15s',
+      '@media (hover: hover) and (pointer: fine)': {
+        '&:hover': {
+          stroke: 'primary'
+        }
+      }
+    }
+  }));
+};
+
+var GitSha = function GitSha() {
+  var sha = process.env.NEXT_PUBLIC_VERCEL_GIT_COMMIT_SHA;
+  var owner = process.env.NEXT_PUBLIC_VERCEL_GIT_REPO_OWNER;
+  var slug = process.env.NEXT_PUBLIC_VERCEL_GIT_REPO_SLUG;
+
+  var _useThemeUI = themeUi.useThemeUI(),
+      theme = _useThemeUI.theme;
+
+  var color = theme.rawColors.secondary;
+
+  if (sha && owner && slug) {
+    var shortSha = sha.substring(0, 7);
+    var href = 'https://github.com/' + owner + '/' + slug + '/tree/' + sha;
+    return /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
+      sx: {
+        display: 'inline-block',
+        width: '87px'
+      }
+    }, /*#__PURE__*/React__default["default"].createElement(Separator, {
+      color: color
+    }), /*#__PURE__*/React__default["default"].createElement(themeUi.Link, {
+      href: href,
+      sx: {
+        whiteSpace: 'nowrap',
+        display: 'inline-block',
+        ml: [2],
+        fontFamily: 'mono',
+        letterSpacing: 'body',
+        color: color,
+        fontSize: [1],
+        textTransform: 'uppercase',
+        textDecoration: 'none'
+      }
+    }, shortSha));
+  } else {
+    // fallback
+    return /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
+      sx: {
+        display: 'inline-block',
+        width: '87px'
+      }
+    }, /*#__PURE__*/React__default["default"].createElement(Separator, {
+      color: color
+    }), /*#__PURE__*/React__default["default"].createElement(themeUi.Text, {
+      sx: {
+        whiteSpace: 'nowrap',
+        display: 'inline-block',
+        ml: [2],
+        fontFamily: 'mono',
+        letterSpacing: 'body',
+        color: color,
+        fontSize: [1],
+        textTransform: 'uppercase'
+      }
+    }, color));
+  }
+};
+
+var Separator = function Separator(_ref) {
+  var color = _ref.color;
+  return /*#__PURE__*/React__default["default"].createElement("svg", {
+    fill: color,
+    opacity: "0.8",
+    viewBox: "0 0 24 24",
+    width: "24",
+    height: "24"
+  }, /*#__PURE__*/React__default["default"].createElement("circle", {
+    r: 5,
+    cx: 19,
+    cy: 19
+  }));
+};
+
+var Value = function Value(_ref) {
+  var mode = _ref.mode;
+
+  var _useState = React.useState(init(mode)),
+      display = _useState[0],
+      setDisplay = _useState[1];
+
+  React.useEffect(function () {
+    if (mode === 'mouse') {
+      var setFromEvent = function setFromEvent(e) {
+        var x = format(e.clientX, 4);
+        var y = format(e.clientY, 4);
+        setDisplay("X,Y: " + x + "," + y);
+      };
+
+      window.addEventListener('mousemove', setFromEvent);
+      return function () {
+        window.removeEventListener('mousemove', setFromEvent);
+      };
+    }
+
+    if (mode === 'scroll') {
+      var _setFromEvent = function _setFromEvent(e) {
+        var y = scrollFraction(window);
+        setDisplay("SCROLL: 0." + format((y * 100).toFixed(0), 2));
+      };
+
+      window.addEventListener('scroll', _setFromEvent);
+      return function () {
+        window.removeEventListener('scroll', _setFromEvent);
+      };
+    }
+  }, []);
+  return /*#__PURE__*/React__default["default"].createElement(themeUi.Text, {
+    sx: {
+      whiteSpace: 'nowrap',
+      display: 'inline-block',
+      mr: '-6px',
+      fontFamily: 'mono',
+      letterSpacing: 'body',
+      color: 'secondary',
+      fontSize: [1],
+      textTransform: 'uppercase'
+    }
+  }, display);
+};
+
+var Metadata = function Metadata(_ref2) {
+  var mode = _ref2.mode;
+  return /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
+    sx: {
+      userSelect: 'none',
+      position: 'fixed',
+      bottom: '42px',
+      right: '24px',
+      transformOrigin: 'right',
+      transform: 'rotate(90deg)',
+      display: ['none', 'none', 'initial']
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(Value, {
+    mode: mode
+  }), /*#__PURE__*/React__default["default"].createElement(GitSha, null));
+};
+
+function init(mode) {
+  if (mode === 'mouse') {
+    return "X,Y: " + format(0, 4) + "," + format(0, 4);
+  } else if (mode === 'scroll') {
+    return "SCROLL: 0." + format(0 .toFixed(0), 2);
+  } else {
+    return mode;
+  }
+}
+
+function format(num, pad) {
+  return num.toString().padStart(pad, '0');
+}
+
+function scrollFraction(window, documnt) {
+  return Math.min(window.scrollY / (document.body.offsetHeight - 770), 0.99);
+}
+
+var _excluded$7 = ["duration", "delay", "children"];
+var fade = react.keyframes({
+  from: {
+    opacity: 0
+  },
+  to: {
+    opacity: 1
+  }
+});
+
+var FadeIn = function FadeIn(_ref) {
+  var _ref$duration = _ref.duration,
+      duration = _ref$duration === void 0 ? 300 : _ref$duration,
+      _ref$delay = _ref.delay,
+      delay = _ref$delay === void 0 ? 0 : _ref$delay,
+      children = _ref.children,
+      delegated = _objectWithoutPropertiesLoose(_ref, _excluded$7);
+
+  return /*#__PURE__*/React__default["default"].createElement(themeUi.Box, _extends({}, delegated, {
+    sx: {
+      animationDuration: duration + 'ms',
+      animationDelay: delay + 'ms',
+      animationName: fade.toString(),
+      animationFillMode: 'backwards'
+    }
+  }), children);
+};
+
+var getScrollbarWidth = function getScrollbarWidth(document) {
+  var outer = document.createElement('div');
+  outer.style.visibility = 'hidden';
+  outer.style.width = '100px';
+  document.body.appendChild(outer);
+  outer.style.overflow = 'scroll';
+  var inner = document.createElement('div');
+  inner.style.width = '100%';
+  outer.appendChild(inner);
+  var delta = outer.offsetWidth - inner.offsetWidth;
+  outer.parentNode.removeChild(outer);
+  return delta;
+};
+
+var Scrollbar = function Scrollbar() {
+  React.useEffect(function () {
+    if (typeof document !== 'undefined') {
+      var delta = getScrollbarWidth(document);
+
+      if (delta > 0) {
+        document.body.classList.add('custom-scrollbar');
+        document.getElementsByTagName('html')[0].classList.add('custom-scrollbar');
+      }
+    }
+  }, []);
+  return null;
+};
+
+var Guide = function Guide(_ref) {
+  var _ref$color = _ref.color,
+      color = _ref$color === void 0 ? 'muted' : _ref$color;
+
+  var _useState = React.useState(false),
+      display = _useState[0],
+      setDisplay = _useState[1];
+
+  React.useEffect(function () {
+    function handler(event) {
+      var key = event.key,
+          metaKey = event.metaKey;
+
+      if (key === ';' && metaKey) {
+        setDisplay(function (prev) {
+          return !prev;
+        });
+      }
+    }
+
+    document.addEventListener('keydown', handler);
+    return function () {
+      document.removeEventListener('keydown', handler);
+    };
+  }, []);
+  return /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
+    sx: {
+      position: 'fixed',
+      width: '100%',
+      left: 0,
+      top: 0,
+      zIndex: color === 'teal' ? 5000 : -1,
+      pointerEvents: 'none',
+      display: display ? 'initial' : 'none'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(themeUi.Container, null, /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
+    sx: {
+      display: ['none', 'none', 'initial', 'initial']
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(GuideColumns, {
+    indices: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12],
+    color: color
+  })), /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
+    sx: {
+      display: ['none', 'initial', 'none', 'none']
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(GuideColumns, {
+    indices: [1, 2, 3, 4, 5, 6, 7, 8],
+    color: color
+  })), /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
+    sx: {
+      display: ['initial', 'none', 'none', 'none']
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(GuideColumns, {
+    indices: [1, 2, 3, 4, 5, 6],
+    color: color
+  }))));
+};
+
+var colorCycle = ['red', 'orange', 'yellow', 'green', 'teal', 'blue', 'purple', 'pink'];
+
+function GuideColumns(_ref2) {
+  var indices = _ref2.indices,
+      color = _ref2.color;
+  var sx = {
+    outerGuideColumn: {
+      borderStyle: 'solid',
+      borderWidth: '0px',
+      borderLeftWidth: color === 'teal' ? '0px' : '1px',
+      borderRightWidth: color === 'teal' ? '0px' : '1px',
+      opacity: color == 'teal' ? 0.4 : 1
+    },
+    innerGuideColumn: {
+      borderStyle: 'solid',
+      borderWidth: '0px',
+      borderLeftWidth: '0px',
+      borderRightWidth: '0px',
+      opacity: color == 'teal' ? 0.4 : 1
+    }
+  };
+  return /*#__PURE__*/React__default["default"].createElement(Row, null, indices.map(function (i) {
+    return /*#__PURE__*/React__default["default"].createElement(Column, {
+      key: i,
+      start: [i],
+      width: [1, 1],
+      dl: 0.5,
+      dr: 0.5,
+      sx: _extends({
+        bg: color === 'teal' ? 'teal' : 'transparent',
+        height: '100vh'
+      }, sx.innerGuideColumn)
+    }, /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
+      sx: _extends({
+        mx: ['12px', 3, 3, 4],
+        bg: color === 'teal' ? 'background' : 'transparent',
+        height: '100%',
+        borderLeftColor: color === 'rainbow' ? colorCycle[i % 8] : 'muted',
+        borderRightColor: color === 'rainbow' ? colorCycle[i % 8] : 'muted'
+      }, sx.outerGuideColumn)
+    }));
+  }));
+}
+
+var _excluded$6 = ["value", "sx"];
+
+var Settings = function Settings(_ref) {
+  var value = _ref.value,
+      sx = _ref.sx,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$6);
+
+  return /*#__PURE__*/React__default["default"].createElement(themeUi.IconButton, _extends({
+    sx: _extends({
+      cursor: 'pointer',
+      fill: 'none',
+      strokeWidth: '2px',
+      stroke: 'text',
+      '.paren': {
+        opacity: '0'
+      },
+      '@media (hover: hover) and (pointer: fine)': {
+        '&:hover .paren': {
+          opacity: '1'
+        }
+      }
+    }, sx),
+    "aria-label": "Toggle Menu"
+  }, props), !value && /*#__PURE__*/React__default["default"].createElement("svg", {
+    style: {
+      width: '50px',
+      height: '30px',
+      transform: 'scale(2)',
+      marginTop: '-3px'
+    },
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 68 36"
+  }, /*#__PURE__*/React__default["default"].createElement("line", {
+    x1: "24",
+    y1: "2.1",
+    x2: "24",
+    y2: "6.1"
+  }), /*#__PURE__*/React__default["default"].createElement("line", {
+    x1: "24",
+    y1: "24.1",
+    x2: "24",
+    y2: "33.9"
+  }), /*#__PURE__*/React__default["default"].createElement("line", {
+    x1: "44",
+    y1: "2.1",
+    x2: "44",
+    y2: "12.1"
+  }), /*#__PURE__*/React__default["default"].createElement("line", {
+    x1: "44",
+    y1: "30.1",
+    x2: "44",
+    y2: "33.9"
+  }), /*#__PURE__*/React__default["default"].createElement("circle", {
+    cx: "24",
+    cy: "15.1",
+    r: "5"
+  }), /*#__PURE__*/React__default["default"].createElement("circle", {
+    cx: "44",
+    cy: "21.1",
+    r: "5"
+  }), /*#__PURE__*/React__default["default"].createElement("path", {
+    style: {
+      transition: 'all 0.2s'
+    },
+    className: "paren",
+    d: "M6.4,1.2c-6.3,10.3-6.3,23.3,0,33.6"
+  }), /*#__PURE__*/React__default["default"].createElement("path", {
+    style: {
+      transition: 'all 0.2s'
+    },
+    className: "paren",
+    d: "M61.6,34.8c6.3-10.3,6.3-23.3,0-33.6"
+  })), value && /*#__PURE__*/React__default["default"].createElement("svg", {
+    style: {
+      width: '50px',
+      height: '30px',
+      transform: 'scale(2)',
+      marginTop: '-3px'
+    },
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 68 36"
+  }, /*#__PURE__*/React__default["default"].createElement("line", {
+    x1: "50.85",
+    y1: "29.79",
+    x2: "17.15",
+    y2: "6.21"
+  }), /*#__PURE__*/React__default["default"].createElement("line", {
+    x1: "17.15",
+    y1: "29.79",
+    x2: "50.85",
+    y2: "6.21"
+  }), /*#__PURE__*/React__default["default"].createElement("path", {
+    style: {
+      transition: 'all 0.2s'
+    },
+    className: "paren",
+    d: "M6.4,1.2c-6.3,10.3-6.3,23.3,0,33.6"
+  }), /*#__PURE__*/React__default["default"].createElement("path", {
+    style: {
+      transition: 'all 0.2s'
+    },
+    className: "paren",
+    d: "M61.6,34.8c6.3-10.3,6.3-23.3,0-33.6"
+  })));
+};
+
+var Layout = function Layout(_ref) {
+  var title = _ref.title,
+      description = _ref.description,
+      card = _ref.card,
+      children = _ref.children,
+      status = _ref.status,
+      nav = _ref.nav,
+      settings = _ref.settings,
+      _ref$footer = _ref.footer,
+      footer = _ref$footer === void 0 ? true : _ref$footer,
+      _ref$header = _ref.header,
+      header = _ref$header === void 0 ? true : _ref$header,
+      _ref$metadata = _ref.metadata,
+      metadata = _ref$metadata === void 0 ? 'mouse' : _ref$metadata,
+      _ref$links = _ref.links,
+      links = _ref$links === void 0 ? 'remote' : _ref$links,
+      _ref$dimmer = _ref.dimmer,
+      dimmer = _ref$dimmer === void 0 ? 'bottom' : _ref$dimmer,
+      _ref$guide = _ref.guide,
+      guide = _ref$guide === void 0 ? true : _ref$guide,
+      _ref$scrollbar = _ref.scrollbar,
+      scrollbar = _ref$scrollbar === void 0 ? true : _ref$scrollbar,
+      _ref$fade = _ref.fade,
+      fade = _ref$fade === void 0 ? true : _ref$fade,
+      _ref$container = _ref.container,
+      container = _ref$container === void 0 ? true : _ref$container;
+  var content = children;
+
+  if (fade) {
+    content = /*#__PURE__*/React__default["default"].createElement(FadeIn, {
+      duration: 250
+    }, content);
+  }
+
+  if (container) {
+    content = /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
+      sx: {
+        mb: [8, 8, 9, 10]
+      }
+    }, /*#__PURE__*/React__default["default"].createElement(themeUi.Container, null, content));
+  }
+
+  var _useThemeUI = themeUi.useThemeUI(),
+      theme = _useThemeUI.theme;
+
+  React.useEffect(function () {
+    if (!theme) return;
+
+    var handler = function handler(e) {
+      if (e.matches && settings != null && settings.value && settings != null && settings.onClick) {
+        settings == null ? void 0 : settings.onClick();
+      }
+    };
+
+    var query = window.matchMedia("(min-width: " + theme.breakpoints[1] + ")");
+    query.onchange = handler;
+    return function () {
+      query.onchange = null;
+    };
+  }, [theme == null ? void 0 : theme.breakpoints, settings == null ? void 0 : settings.value, settings == null ? void 0 : settings.onClick]);
+  var menuItems = [/*#__PURE__*/React__default["default"].createElement(Dimmer, {
+    key: "dimmer",
+    sx: {
+      color: 'primary',
+      mt: '-2px',
+      display: ['block', 'block', dimmer === 'top' ? 'block' : 'none', dimmer === 'top' ? 'block' : 'none']
+    }
+  })];
+
+  if (settings) {
+    menuItems.push( /*#__PURE__*/React__default["default"].createElement(Settings, _extends({
+      key: "settings",
+      sx: {
+        mr: ['2px'],
+        display: ['inherit', 'inherit', 'none', 'none']
+      }
+    }, settings)));
+  }
+
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, guide && /*#__PURE__*/React__default["default"].createElement(Guide, {
+    color: guide
+  }), scrollbar && /*#__PURE__*/React__default["default"].createElement(Scrollbar, null), /*#__PURE__*/React__default["default"].createElement(Meta, {
+    card: card,
+    description: description,
+    title: title
+  }), /*#__PURE__*/React__default["default"].createElement(themeUi.Flex, {
+    sx: {
+      flexDirection: 'column',
+      minHeight: '100vh'
+    }
+  }, header && /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
+    as: "header",
+    sx: {
+      width: '100%',
+      borderStyle: 'solid',
+      borderColor: 'muted',
+      borderWidth: '0px',
+      borderBottomWidth: '1px',
+      position: 'sticky',
+      top: 0,
+      bg: 'background',
+      height: '56px',
+      zIndex: 2000
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(themeUi.Container, null, /*#__PURE__*/React__default["default"].createElement(Header, {
+    mode: links,
+    status: status,
+    nav: nav,
+    menuItems: menuItems
+  }))), /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
+    sx: {
+      width: '100%',
+      flex: '1 1 auto'
+    }
+  }, content), footer && /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
+    as: "footer",
+    sx: {
+      width: '100%',
+      borderStyle: 'solid',
+      borderColor: 'muted',
+      borderWidth: '0px',
+      borderTopWidth: '1px'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(themeUi.Container, null, /*#__PURE__*/React__default["default"].createElement(Footer, null))), dimmer === 'bottom' && /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
+    sx: {
+      display: ['none', 'none', 'initial', 'initial'],
+      position: ['fixed'],
+      right: [13],
+      bottom: [17, 17, 15, 15]
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(Dimmer, null)), metadata && /*#__PURE__*/React__default["default"].createElement(Metadata, {
+    mode: metadata
+  })));
+};
+
+var Custom404 = function Custom404() {
+  return /*#__PURE__*/React__default["default"].createElement(Layout, {
+    footer: false,
+    title: '404 / carbonplan'
+  }, /*#__PURE__*/React__default["default"].createElement(Row, {
+    sx: {
+      mb: [5, 0, 0],
+      pt: [0, 0, 6]
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(Column, {
+    start: [1, 1, 3, 3],
+    width: [6, 4, 4, 4]
+  }, /*#__PURE__*/React__default["default"].createElement(themeUi.Styled.h1, null, "Oops!"), /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
+    sx: {
+      fontSize: [4, 4, 4, 5],
+      lineHeight: 'h3',
+      mt: [3, 4, 4],
+      mb: [2, 3, 3],
+      maxWidth: ['90%', '90%', '400px']
+    }
+  }, "Sorry but we can't seem to find the page you are looking for."), /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
+    sx: {
+      color: 'secondary',
+      fontFamily: 'mono',
+      letterSpacing: 'mono',
+      fontSize: [2, 2, 2, 3],
+      mt: [4, 5, 5]
+    }
+  }, "ERROR CODE 404")), /*#__PURE__*/React__default["default"].createElement(Column, {
+    start: [2, 5, 7, 7],
+    width: [4, 4, 4, 4]
+  }, /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
+    sx: {
+      width: ['100%'],
+      mt: [2, 4, 4, 5],
+      fill: 'primary'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(emoji.PoopSad, {
+    sx: {
+      width: '100%',
+      height: 'auto'
+    }
+  })))));
+};
+
+var Expander = function Expander(_ref) {
+  var value = _ref.value,
+      id = _ref.id,
+      onClick = _ref.onClick,
+      sx = _ref.sx;
+  return /*#__PURE__*/React__default["default"].createElement(themeUi.IconButton, {
+    onClick: onClick,
+    id: id,
+    role: "checkbox",
+    "aria-checked": value,
+    "aria-label": "Expand",
+    sx: _extends({
+      display: 'inline-block',
+      width: 24,
+      height: 24,
+      p: [1],
+      cursor: 'pointer',
+      fill: 'secondary',
+      stroke: 'secondary',
+      '@media (hover: hover) and (pointer: fine)': {
+        '&:hover': {
+          fill: 'primary',
+          stroke: 'primary'
+        }
+      }
+    }, sx)
+  }, /*#__PURE__*/React__default["default"].createElement("svg", {
+    viewBox: "0 0 16 16"
+  }, /*#__PURE__*/React__default["default"].createElement("path", {
+    d: "M8,0 V16 M0,8 H16",
+    style: {
+      strokeWidth: 2,
+      transition: '0.25s all',
+      transformOrigin: '8px 8px',
+      transform: value ? 'rotate(45deg)' : ''
+    }
+  })));
+};
+
+var _excluded$5 = ["label", "value", "sx", "children"];
+
+var Tag = function Tag(_ref) {
+  var label = _ref.label,
+      value = _ref.value,
+      sx = _ref.sx,
+      children = _ref.children,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$5);
+
+  var color = sx && sx.color ? sx.color : 'primary';
+  var isClickable = props && (props.onClick || props.onDoubleClick);
+  return /*#__PURE__*/React__default["default"].createElement(themeUi.Box, _extends({
+    as: isClickable ? 'button' : 'span',
+    role: "checkbox",
+    "aria-checked": value,
+    "aria-label": label,
+    sx: _extends({
+      display: 'inline-block',
+      fontSize: [1, 1, 1, 2],
+      fontFamily: 'mono',
+      letterSpacing: 'mono',
+      cursor: isClickable ? 'pointer' : 'inherit',
+      color: color,
+      backgroundColor: 'transparent',
+      borderStyle: 'solid',
+      borderColor: color,
+      lineHeight: 'body',
+      borderWidth: '0px',
+      borderBottomWidth: '1px',
+      textTransform: 'uppercase',
+      userSelect: 'none',
+      transition: 'opacity 0.05s',
+      pt: ['1px'],
+      pb: ['2px'],
+      px: [0],
+      m: [0],
+      opacity: value == null || value ? 1 : color == 'primary' ? 0.24 : 0.33
+    }, sx)
+  }, props), children);
+};
+
+var _excluded$4 = ["values", "setValues", "label", "colors", "showAll", "multiSelect"];
+var sx = {
+  label: {
+    fontFamily: 'mono',
+    letterSpacing: 'mono',
+    fontSize: [1, 1, 1, 2],
+    color: 'secondary',
+    userSelect: 'none',
+    textTransform: 'uppercase'
+  }
+};
+
+var duplicateOptions = function duplicateOptions(options, defaultValue, overrides) {
+  if (overrides === void 0) {
+    overrides = {};
+  }
+
+  return Object.keys(options).reduce(function (o, key) {
+    var _Object$assign;
+
+    return Object.assign(o, (_Object$assign = {}, _Object$assign[key] = overrides[key] || defaultValue, _Object$assign));
+  }, {});
+};
+
+var isAll = function isAll(option) {
+  return Object.keys(option).filter(function (d) {
+    return option[d];
+  }).length == Object.keys(option).length;
+};
+
+var updateValues = function updateValues(_ref) {
+  var values = _ref.values,
+      multiSelect = _ref.multiSelect,
+      setValues = _ref.setValues,
+      value = _ref.value;
+  var isAllAlreadySelected = isAll(values);
+  var isSelectingAll = value === 'all';
+  var updatedToggle;
+
+  if (multiSelect) {
+    if (isSelectingAll && !isAllAlreadySelected) {
+      // select all
+      updatedToggle = duplicateOptions(values, true);
+    } else if (isSelectingAll && isAllAlreadySelected) {
+      // deselect all
+      updatedToggle = duplicateOptions(values, false);
+    } else {
+      var _extends2;
+
+      // de/select value, inherit other values
+      updatedToggle = _extends({}, values, (_extends2 = {}, _extends2[value] = !values[value], _extends2));
+    }
+  } else {
+    if (isSelectingAll && !isAllAlreadySelected) {
+      // select all
+      updatedToggle = duplicateOptions(values, true);
+    } else if (isSelectingAll && isAllAlreadySelected) ; else {
+      var _duplicateOptions;
+
+      // select only value
+      updatedToggle = duplicateOptions(values, false, (_duplicateOptions = {}, _duplicateOptions[value] = true, _duplicateOptions));
+    }
+  }
+
+  if (updatedToggle) {
+    setValues(updatedToggle);
+  }
+};
+
+var Filter = function Filter(_ref2) {
+  var values = _ref2.values,
+      setValues = _ref2.setValues,
+      label = _ref2.label,
+      colors = _ref2.colors,
+      _ref2$showAll = _ref2.showAll,
+      showAll = _ref2$showAll === void 0 ? false : _ref2$showAll,
+      _ref2$multiSelect = _ref2.multiSelect,
+      multiSelect = _ref2$multiSelect === void 0 ? false : _ref2$multiSelect,
+      props = _objectWithoutPropertiesLoose(_ref2, _excluded$4);
+
+  return /*#__PURE__*/React__default["default"].createElement(themeUi.Box, props, label && /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
+    sx: sx.label
+  }, label), /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
+    sx: {
+      mt: label ? [3] : 0
+    }
+  }, showAll && /*#__PURE__*/React__default["default"].createElement(Tag, {
+    onClick: function onClick() {
+      return updateValues({
+        values: values,
+        multiSelect: multiSelect,
+        setValues: setValues,
+        value: 'all'
+      });
+    },
+    value: isAll(values),
+    sx: {
+      mr: [2]
+    }
+  }, "All"), Object.keys(values).map(function (d, i) {
+    return /*#__PURE__*/React__default["default"].createElement(Tag, {
+      onClick: function onClick() {
+        return updateValues({
+          values: values,
+          multiSelect: multiSelect,
+          setValues: setValues,
+          value: d
+        });
+      },
+      onDoubleClick: function onDoubleClick() {
+        return updateValues({
+          values: values,
+          multiSelect: false,
+          setValues: setValues,
+          value: d
+        });
+      },
+      key: i,
+      value: values[d],
+      sx: {
+        width: 'max-content',
+        color: colors ? colors[d] : 'primary',
+        mr: [2],
+        mb: [1]
+      }
+    }, d);
+  })));
+};
+
+var sizes = {
+  xs: [1],
+  sm: [3],
+  md: [5],
+  lg: [7],
+  xl: [9]
+};
+
+var Group = function Group(_ref) {
+  var children = _ref.children,
+      _ref$direction = _ref.direction,
+      direction = _ref$direction === void 0 ? 'vertical' : _ref$direction,
+      _ref$spacing = _ref.spacing,
+      spacing = _ref$spacing === void 0 ? 'md' : _ref$spacing;
+  var marginValue;
+
+  if (typeof spacing === 'string') {
+    marginValue = sizes[spacing];
+  } else if (typeof spacing === 'number') {
+    marginValue = [spacing];
+  } else if (Array.isArray(spacing) && spacing.every(function (el) {
+    return typeof el === 'number';
+  })) {
+    marginValue = spacing;
+  }
+
+  if (!marginValue) {
+    throw new Error('Invalid spacing size. Must be numeric value(s) or one of xs, sm, md, lg, or xl');
+  }
+
+  if (!['horizontal', 'vertical'].includes(direction)) {
+    throw new Error('Invalid direction value. Must be either horizontal or vertical');
+  }
+
+  var marginProperty = direction === 'vertical' ? 'mt' : 'ml';
+  var additionalStyles = direction === 'horizontal' ? {
+    display: 'inline-block'
+  } : {};
+  return /*#__PURE__*/React__default["default"].createElement(themeUi.Box, null, React__default["default"].Children.map(children, function (child, i) {
+    var _extends2;
+
+    return /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
+      sx: _extends((_extends2 = {}, _extends2[marginProperty] = i > 0 ? marginValue : 0, _extends2), additionalStyles)
+    }, child);
+  }));
+};
+
+var _excluded$3 = ["size", "inverted", "sx"];
+
+var Input = function Input(_ref, ref) {
+  var _extends2;
+
+  var _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'sm' : _ref$size,
+      inverted = _ref.inverted,
+      sx = _ref.sx,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$3);
+
+  var defaultColor = inverted ? 'secondary' : 'primary';
+
+  var styles = _extends((_extends2 = {
+    color: defaultColor,
+    borderColor: 'secondary',
+    borderStyle: 'solid',
+    borderWidth: '0px',
+    borderBottomWidth: '1px',
+    borderRadius: '0px',
+    transition: 'border 0.15s'
+  }, _extends2["borderBottomWidth"] = '1px', _extends2.width = 'calc(min(15ch, 100%))', _extends2.p = [0], _extends2.py = ['2px'], _extends2['input::-webkit-outer-spin-button'] = {
+    WebkitAppearance: 'none',
+    margin: 0
+  }, _extends2['input::-webkit-inner-spin-button'] = {
+    WebkitAppearance: 'none',
+    margin: 0
+  }, _extends2[':focus'] = {
+    borderColor: 'primary'
+  }, _extends2[':focus-visible'] = {
+    outline: 'none !important',
+    background: 'none !important'
+  }, _extends2), getSizeStyles(size), sx);
+
+  return /*#__PURE__*/React__default["default"].createElement(themeUi.Input, _extends({}, props, {
+    ref: ref,
+    sx: styles
+  }));
+};
+
+var input = React.forwardRef(Input);
+
+var getProps = function getProps(test) {
+  return function (props) {
+    var next = {};
+
+    for (var key in props) {
+      if (test(key || '')) next[key] = props[key];
+    }
+
+    return next;
+  };
+};
+
+var _excluded$2 = ["children", "size", "sx", "sxSelect"];
+
+var Select = function Select(_ref) {
+  var _extends2;
+
+  var children = _ref.children,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'sm' : _ref$size,
+      sx = _ref.sx,
+      sxSelect = _ref.sxSelect,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$2);
+
+  var color = sx && sx.color ? sx.color : 'primary';
+  var sizeStyles = getSizeStyles(size);
+  var ref = React.useRef(null);
+  var _onChange = props.onChange;
+  var omitOnChange = getProps(function (k) {
+    return k !== 'onChange';
+  })(props);
+
+  if (!['xs', 'sm', 'md'].includes(size)) {
+    throw new Error('Size must be xs, sm, or md');
+  }
+
+  var pr, height, width, ml, top;
+
+  if (size === 'xs') {
+    height = [14, 14, 14, 16];
+    width = [14, 14, 14, 14];
+    top = ['1px'];
+    ml = ['-14px', '-14px', '-14px', '-16px'];
+  }
+
+  if (size === 'sm') {
+    height = [15, 15, 15, 20];
+    width = [15, 15, 15, 20];
+    top = ['1px'];
+    ml = ['-16px', '-16px', '-16px', '-20px'];
+  }
+
+  if (size === 'md') {
+    height = [20, 20, 20, 20];
+    width = [20, 20, 20, 20];
+    top = ['2px'];
+    ml = ['-20px', '-20px', '-20px', '-20px'];
+  }
+
+  pr = width.map(function (d) {
+    return d + 12;
+  });
+  return /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
+    sx: _extends({
+      display: 'inline-block'
+    }, sx)
+  }, /*#__PURE__*/React__default["default"].createElement(themeUi.Box, _extends({
+    as: "select",
+    ref: ref,
+    onChange: function onChange(e) {
+      ref.current.blur();
+      if (_onChange) _onChange(e);
+    },
+    sx: _extends({}, sizeStyles, (_extends2 = {
+      lineHeight: 'normal',
+      cursor: 'pointer',
+      WebkitAppearance: 'none',
+      MozAppearance: 'none',
+      pb: ['5px'],
+      bg: 'transparent',
+      pr: pr,
+      border: 'none',
+      borderBottomStyle: 'solid',
+      borderBottomWidth: '1px',
+      borderBottomColor: 'primary',
+      borderRadius: '0px',
+      color: 'text',
+      width: 'fit-content'
+    }, _extends2["color"] = color, _extends2.userSelect = 'none', _extends2['@media (hover: none) and (pointer: coarse)'] = {
+      '&:focus-visible': {
+        outline: 'none !important',
+        background: 'transparent !important'
+      }
+    }, _extends2), sxSelect)
+  }, omitOnChange), children), /*#__PURE__*/React__default["default"].createElement(icons.Arrow, {
+    sx: {
+      width: width,
+      height: height,
+      position: 'relative',
+      ml: ml,
+      top: top,
+      fill: 'secondary',
+      transform: 'rotate(135deg)',
+      pointerEvents: 'none'
+    }
+  }));
+};
+
+var _excluded$1 = ["sx"];
+
+var Slider = function Slider(_ref, ref) {
+  var sx = _ref.sx,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1);
+
+  var color = sx && sx.color ? sx.color : 'primary';
+
+  var _useThemeUI = themeUi.useThemeUI(),
+      colors = _useThemeUI.theme.rawColors;
+
+  return /*#__PURE__*/React__default["default"].createElement(themeUi.Slider, _extends({
+    ref: ref,
+    sx: _extends({
+      '&::-webkit-slider-thumb': {
+        height: [22, 18, 16],
+        width: [22, 18, 16],
+        boxShadow: "0 0 0 0px " + colors.secondary,
+        transition: 'box-shadow .15s ease'
+      },
+      '&::-moz-range-thumb': {
+        height: [22, 18, 16],
+        width: [22, 18, 16],
+        boxShadow: "0 0 0 0px " + colors.secondary,
+        transition: 'box-shadow .15s ease'
+      },
+      ':focus-visible': {
+        outline: 'none !important',
+        background: colors.secondary + " !important"
+      },
+      ':focus': {
+        color: color,
+        '&::-webkit-slider-thumb': {
+          boxShadow: "0 0 0 4px " + colors.secondary
+        },
+        '&::-moz-range-thumb': {
+          boxShadow: "0 0 0 4px " + colors.secondary
+        }
+      },
+      color: color
+    }, sx)
+  }, props));
+};
+
+var slider = React.forwardRef(Slider);
+
+var styles = {
+  reset: {
+    verticalAlign: 'baseline',
+    border: 0,
+    outline: 0,
+    margin: 0,
+    padding: 0
+  },
+  row: {
+    borderStyle: 'solid',
+    borderWidth: '0px',
+    borderTopWidth: '1px',
+    borderColor: 'muted',
+    pt: [3, 3, 3, '20px'],
+    pb: [3, 3, 3, '20px'],
+    mb: ['2px']
+  },
+  header: {
+    display: 'block',
+    textTransform: 'uppercase',
+    letterSpacing: 'smallcaps',
+    fontFamily: 'heading',
+    fontSize: [2, 2, 2, 3]
+  },
+  index: {
+    display: 'block',
+    textTransform: 'uppercase',
+    letterSpacing: 'smallcaps',
+    fontFamily: 'heading',
+    fontSize: [2, 2, 2, 3]
+  },
+  entry: {
+    display: 'block',
+    fontSize: [2, 2, 2, 3],
+    fontFamily: 'faux',
+    letterSpacing: 'faux',
+    mb: ['1px'],
+    mt: [2, 0, 0, 0]
+  }
+};
+
+var Table = function Table(_ref) {
+  var data = _ref.data,
+      sx = _ref.sx,
+      color = _ref.color,
+      header = _ref.header,
+      columns = _ref.columns,
+      start = _ref.start,
+      width = _ref.width,
+      _ref$index = _ref.index,
+      index = _ref$index === void 0 ? true : _ref$index,
+      _ref$borderBottom = _ref.borderBottom,
+      borderBottom = _ref$borderBottom === void 0 ? true : _ref$borderBottom,
+      _ref$borderTop = _ref.borderTop,
+      borderTop = _ref$borderTop === void 0 ? true : _ref$borderTop;
+
+  if (!start || !columns || !width) {
+    throw new Error('Must provide columns, start, and width');
+  }
+
+  return /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
+    as: "table",
+    sx: _extends({
+      display: 'block'
+    }, sx)
+  }, /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
+    as: "tbody",
+    sx: {
+      display: 'block'
+    }
+  }, header && /*#__PURE__*/React__default["default"].createElement(Row, {
+    as: "tr",
+    sx: _extends({}, styles.reset, styles.header, styles.row, {
+      color: color,
+      borderTopWidth: !borderTop ? '0px' : '1px'
+    })
+  }, /*#__PURE__*/React__default["default"].createElement(Column, {
+    as: "td",
+    start: [1],
+    width: columns,
+    sx: styles.index
+  }, header)), data.map(function (row, i) {
+    return /*#__PURE__*/React__default["default"].createElement(Row, {
+      as: "tr",
+      columns: columns,
+      key: i,
+      sx: _extends({}, styles.reset, styles.row, {
+        pb: borderBottom && i === data.length - 1 ? ['18px', '18px', '18px', '22px'] : [3, 3, 3, '20px'],
+        borderBottomWidth: borderBottom && i === data.length - 1 ? '1px' : '0px',
+        borderTopWidth: !borderTop && i === 0 && !header ? '0px' : '1px'
+      })
+    }, row.map(function (column, j) {
+      return /*#__PURE__*/React__default["default"].createElement(Column, {
+        as: "td",
+        key: j,
+        start: start[j],
+        width: width[j],
+        sx: j == 0 && index ? _extends({}, styles.reset, styles.index) : _extends({}, styles.reset, styles.entry)
+      }, column);
+    }));
+  })));
+};
+
+var _excluded = ["value", "onClick", "disabled", "sx"];
+
+var Toggle = function Toggle(_ref, ref) {
+  var value = _ref.value,
+      onClick = _ref.onClick,
+      disabled = _ref.disabled,
+      sx = _ref.sx,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
+
+  var color$1 = sx && sx.color ? sx.color : 'primary';
+  value = disabled ? false : value;
+  return /*#__PURE__*/React__default["default"].createElement(themeUi.Box, _extends({
+    ref: ref,
+    as: "button",
+    onClick: onClick,
+    role: "checkbox",
+    "aria-checked": value,
+    "aria-label": "Toggle",
+    sx: _extends({
+      border: 'none',
+      background: 'none',
+      cursor: disabled ? 'default' : 'pointer',
+      p: [0],
+      m: [0],
+      display: 'inline-block'
+    }, sx)
+  }, props), /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
+    sx: {
+      width: '50px',
+      height: '20px',
+      borderRadius: '20px',
+      backgroundColor: value ? color.transparentize(color$1, color$1 == 'primary' ? 0.5 : 0.45) : 'muted',
+      position: 'relative',
+      transition: '0.15s',
+      display: 'inline-block'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
+    sx: {
+      width: '14px',
+      height: '14px',
+      borderRadius: '7px',
+      position: 'absolute',
+      left: value ? '32px' : '4px',
+      top: '3px',
+      backgroundColor: value ? color$1 : 'secondary',
+      transition: '0.15s'
+    }
+  })));
+};
+
+var toggle = React.forwardRef(Toggle);
+
+var Tracking = function Tracking(_ref) {
+  var id = _ref.id;
+
+  if (!id) {
+    return null;
+  }
+
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("script", {
+    async: true,
+    src: "https://www.googletagmanager.com/gtag/js?id=" + id
+  }), /*#__PURE__*/React__default["default"].createElement("script", {
+    dangerouslySetInnerHTML: {
+      __html: "\n          window.dataLayer = window.dataLayer || [];\n          function gtag(){dataLayer.push(arguments);}\n          gtag('js', new Date());\n          gtag('config', '" + id + "', {\n            page_path: window.location.pathname,\n          });\n        "
+    }
+  }));
+};
+
+var Tray = function Tray(_ref) {
+  var expanded = _ref.expanded,
+      sx = _ref.sx,
+      children = _ref.children;
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
+    sx: {
+      position: 'fixed',
+      top: '56px',
+      bottom: '0px',
+      left: '0px',
+      width: 'calc(100vw)',
+      mt: ['56px'],
+      bg: 'background',
+      zIndex: 1000,
+      transition: 'opacity 0.15s',
+      opacity: expanded ? 0.9 : 0,
+      pointerEvents: expanded ? 'all' : 'none'
+    }
+  }), /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
+    sx: _extends({
+      position: 'fixed',
+      width: 'calc(100vw)',
+      top: '0px',
+      mt: ['56px'],
+      pb: [6, 7, 7, 8],
+      pt: [5, 6, 7, 8],
+      bg: 'background',
+      zIndex: 1100,
+      borderStyle: 'solid',
+      borderColor: 'muted',
+      borderWidth: '0px',
+      borderBottomWidth: '1px',
+      transition: 'transform 0.15s',
+      ml: [-3, -4, -5, -6],
+      pl: [3, 4, 5, 6],
+      pr: [3, 4, 5, 6],
+      transform: expanded ? 'translateY(0)' : 'translateY(-100%)'
+    }, sx)
+  }, /*#__PURE__*/React__default["default"].createElement(Row, null, /*#__PURE__*/React__default["default"].createElement(Column, {
+    start: [1, 1, 1, 1],
+    width: [6, 8, 10, 10]
+  }, children))));
+};
+
+var defaultOptions = {
+  month: 'short',
+  day: 'numeric',
+  year: 'numeric'
+};
+
+var formatDateElement = function formatDateElement(date, element, option) {
+  var _date$toLocaleString;
+
+  if (!option) {
+    return null;
+  }
+
+  var format = typeof option === 'string' ? option : defaultOptions[element];
+  var result = date.toLocaleString('default', (_date$toLocaleString = {}, _date$toLocaleString[element] = format, _date$toLocaleString));
+
+  if (format === 'numeric' && element === 'day') {
+    return result.padStart(2, '0');
+  } else {
+    return result;
+  }
+};
+
+var formatDate = function formatDate(date, options) {
+  var _options$separator;
+
+  if (options === void 0) {
+    options = defaultOptions;
+  }
+
+  var d = new Date(date.replace(/-/g, '/'));
+  var month = formatDateElement(d, 'month', options.month);
+  var day = formatDateElement(d, 'day', options.day);
+  var year = formatDateElement(d, 'year', options.year);
+  return [month, day, year].filter(Boolean).join((_options$separator = options.separator) != null ? _options$separator : ' ');
+};
+
+exports.Badge = Badge;
+exports.Button = button;
+exports.Callout = callout;
+exports.Colorbar = Colorbar;
+exports.Column = Column;
+exports.Custom404 = Custom404;
+exports.Dimmer = Dimmer;
+exports.Expander = Expander;
+exports.FadeIn = FadeIn;
+exports.Filter = Filter;
+exports.Footer = Footer;
+exports.Group = Group;
+exports.Guide = Guide;
+exports.Header = Header;
+exports.Input = input;
+exports.Layout = Layout;
+exports.Link = Link$1;
+exports.Logo = Logo;
+exports.Menu = Menu;
+exports.Meta = Meta;
+exports.Monogram = Monogram;
+exports.Row = Row;
+exports.Scrollbar = Scrollbar;
+exports.Select = Select;
+exports.Settings = Settings;
+exports.Slider = slider;
+exports.Table = Table;
+exports.Tag = Tag;
+exports.Toggle = toggle;
+exports.Tracking = Tracking;
+exports.Tray = Tray;
+exports.formatDate = formatDate;
+exports.getScrollbarWidth = getScrollbarWidth;
 //# sourceMappingURL=index.js.map