@carbonplan/components 12.0.0-develop.3 → 12.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dst/index.esm.js +1 -1
  2. package/dst/index.esm.js.map +1 -1
  3. package/dst/index.js +1 -1
  4. package/dst/index.js.map +1 -1
  5. package/dst/index.modern.js +1 -1
  6. package/dst/index.modern.js.map +1 -1
  7. package/package.json +3 -3
package/dst/index.modern.js CHANGED
@@ -1,2 +1,2 @@
1
- import e,{Children as t,forwardRef as r,cloneElement as n,useRef as o,useState as a,useEffect as l,useCallback as i}from"react";import{Box as c,Image as s,Grid as m,Link as p,Flex as d,useThemeUI as x,IconButton as h,Container as u,useColorMode as g,Text as f,Input as b,Slider as E}from"theme-ui";import{transparentize as y}from"@theme-ui/color";import w from"next/link";import{Arrow as v,Sun as k,RotatingArrow as C}from"@carbonplan/icons";import{PoopSad as S}from"@carbonplan/emoji";import z from"next/head";import{keyframes as W}from"@emotion/react";function M(){return M=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},M.apply(this,arguments)}function A(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)t.indexOf(r=a[n])>=0||(o[r]=e[r]);return o}const L=["color","width","maxWidth","name","github","alt","src","sx"],T=t=>{let r,n,{color:o="transparent",width:a="90px",maxWidth:l,name:i,github:m,alt:p,src:d,sx:x}=t,h=A(t,L);return i||d||m||console.warn("must specify either name, github, or src"),i?(r=`https://images.carbonplan.org/team/${i.toLowerCase().replace(" ","-")}.png`,n=p||i):m?(r=`https://github.com/${m}.png`,n=p||m):(r=d,n=p),e.createElement(c,M({sx:M({width:a,maxWidth:l,height:"auto",borderRadius:"50%",position:"relative",display:"inline-block",verticalAlign:"top",bg:o},x)},h),e.createElement(s,{alt:n,src:r,sx:{opacity:o&&"transparent"!==o?.25:1,filter:o&&"transparent"!==o?"grayscale(100%) contrast(200%) brightness(100%)":"none",width:"100%",borderRadius:"50%",display:"block"}}))},F=["children","sx","columns","gap"],I=t=>{let{children:r,sx:n,columns:o,gap:a}=t,l=A(t,F);const i=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(e=>[e]).flat()),Array.isArray(e)&&2==e.length&&(e=e.map(e=>[e,e]).flat()),e};let c,s;return Number.isInteger(a)||Array.isArray(a)?(a=i(a),c=a,s=a):(c=[4,5,5,6],s=[0,0,0,0]),o=Number.isInteger(o)||Array.isArray(o)?i(o):[6,8,12,12],e.createElement(m,M({},l,{columns:o,sx:M({columnGap:c,rowGap:s},n)}),r)},O=["start","width","dl","dr","children","sx"],B=t=>{let{start:r,width:n,dl:o,dr:a,children:l,sx:i}=t,s=A(t,O);r=r||"auto",n=n||"auto";const m=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(e=>[e,e,e,e]).flat():Array.isArray(e)&&2==e.length&&(e=e.map(e=>[e,e]).flat()),e};r=m(r),n=m(n);const p=r.map((e,t)=>"auto"==e?"auto":e+n[t]);let d,x;if(o){if(![.5,1].includes(o))throw new Error("dl must be 0.5 or 1");.5===o&&(d=["-12px",-3,-3,-4]),1===o&&(d=[-4,-5,-5,-6])}if(a){if(![.5,1].includes(a))throw new Error("dr must be 0.5 or 1");.5===a&&(x=["-12px",-3,-3,-4]),1===a&&(x=[-4,-5,-5,-6])}return e.createElement(c,M({},s,{sx:M({gridColumnStart:r,gridColumnEnd:p,ml:d,mr:x},i)}),l)},R={xs:[1],sm:[3],md:[5],lg:[7],xl:[9]},D=({children:t,direction:r="vertical",spacing:n="md",sx:o})=>{let a;if(a="string"==typeof n&&R.hasOwnProperty(n)?R[n]:n,!["horizontal","vertical"].includes(r))throw new Error("Invalid direction value. Must be either horizontal or vertical");const l="vertical"===r?"mb":"mr",i="horizontal"===r?{display:"inline-block"}:{};return e.createElement(c,{sx:o},e.Children.map(t,(r,n)=>e.createElement(c,{sx:M({[l]:n<t.length-1?a:0},i)},r)))},$=["members","direction","align","spacing","limit","width","maxWidth","fixedCount","sx"],H={xs:[1],sm:[3],md:[5],lg:[7],xl:[9]},j=({overflow:t,maxWidth:r})=>e.createElement(c,{sx:{bg:"muted",height:"100%",maxWidth:r,borderRadius:"50%"}},e.createElement(c,{sx:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%"}},e.createElement(c,{sx:{fontFamily:"mono",letterSpacing:"mono",fontSize:[3,3,3,4]}},"+",t))),_=t=>{let r,{members:n,direction:o="horizontal",align:a,spacing:l="md",limit:i,width:c,maxWidth:s,fixedCount:m,sx:p}=t,d=A(t,$);r=H.hasOwnProperty(l)?H[l]:l;let x=e=>"auto";a&&(Array.isArray(a)||(a=[a]),x=e=>a.map(t=>{if("left"===t)return"auto";if("right"===t)return(Math.max(1,m-n.length+1)+e)%m;throw Error(`alignment '${a}' not recognized`)}));const h=n.length>i,u=n.length-i+1;return e.createElement(e.Fragment,null,m&&e.createElement(I,M({columns:m,gap:r,sx:p},d),n.map((t,r)=>e.createElement(B,{key:r,start:x(r)},(!h||r<i-1)&&e.createElement(T,M({},t,{width:c,maxWidth:s})),h&&r===i-1&&e.createElement(j,{overflow:u,maxWidth:s})))),!m&&e.createElement(D,M({direction:o,spacing:l,sx:p},d),n.map((t,r)=>e.createElement(T,M({key:r},t,{width:c,maxWidth:s})))))},V=["sx","children"],N=t=>{let{sx:r,children:n}=t,o=A(t,V);const a=r&&r.color?r.color:"primary";return e.createElement(c,M({sx:M({display:"inline-block",width:"fit-content",height:["24px","24px","24px","26px"],borderRadius:"5px",backgroundColor:"primary"==a||"secondary"==a?"muted":y(a,.7),textAlign:"center",userSelect:"none",fontSize:[2,2,2,3]},r)},o),e.createElement(c,{sx:{letterSpacing:"0.02em",fontFamily:"mono",mt:["1px","1px","1px","0px"],px:[1,1,1,"5px"],color:a}},n))},P=["“",'"',"'","‘"],G=({children:r})=>e.createElement(c,{variant:"styles.blockquote"},t.map(r,(t,n)=>{let o="",a=r;return t.props&&"string"==typeof t.props.children?(o=t.props.children.slice(0,1),a=t.props.children.slice(1)):"string"==typeof t&&(o=t.slice(0,1),a=t.slice(1)),e.createElement(e.Fragment,null,P.includes(o)&&e.createElement(c,{as:"span",sx:{position:"absolute",ml:"-0.4em"}},o),P.includes(o)?a:t)})),Y=["href","children","internal","tracking"];var X=r((t,r)=>{let{href:n,children:o,internal:a=!1,tracking:l=!1}=t,i=A(t,Y);if(a||n&&n.startsWith("/"))return e.createElement(w,{href:n,passHref:!0},e.createElement(p,M({ref:r},i),o));if(l){let t,a;n&&n.includes("pdf")?(t="PDF",a="download"):(t="website",a="external");const l=e=>{(({action:e,category:t,label:r,value:n})=>{"function"==typeof window.gtag?window.gtag("event",e,{event_category:t,event_label:r,value:n}):console.warn(`Missing window.gtag, skipping analytics action: '${e}'.`)})({action:t,category:a,label:n})};return e.createElement(p,M({ref:r,onClick:l,onContextMenu:l,href:n},i),o)}return e.createElement(p,M({ref:r,href:n},i),o)});const U=e=>{if(!["xs","sm","md","lg","xl"].includes(e))throw new Error("Size must be xs, sm, md, lg, or xl");let t,r,n,o;return"xs"===e&&(t=[2,2,2,3],r="body",n="body",o=[1.2]),"sm"===e&&(t=[3,3,3,4],r="body",n="body",o=[1.2]),"md"===e&&(t=[4,4,4,5],r="body",n="body",o=[1.2]),"lg"===e&&(t=[5,5,6,7],r="heading",n="heading",o=[1.2,1.2,1.25,1.25]),"xl"===e&&(t=[6,7,8,9],r="heading",n="heading",o=[1.25]),{fontSize:t,fontFamily:r,letterSpacing:n,lineHeight:o}},q=["size","prefix","suffix","inverted","sx","children","align","href","internal","tracking"],K=["color"];var Z=r((t,r)=>{let o,a,l,i,s,{size:m="sm",prefix:p,suffix:d,inverted:x,sx:h,children:u,align:g,href:f,internal:b,tracking:E}=t,y=A(t,q);if(!["xs","sm","md","lg","xl"].includes(m))throw new Error("Size must be xs, sm, md, lg, or xl");const w=h||{},{color:v}=w,k=A(w,K),C=v||(x?"secondary":"primary"),S=v||x?"primary":"secondary";let z,W,L,T,F,I;"xs"===m&&(a=["6px","6px","6px","6px"],l=[12,12,12,13],i=[12,12,12,13],s=[1.5,1.5,1.5,1.5],o={transform:"translateY(0.25px)"}),"sm"===m&&(a=["7px","7px","7px","7px"],l=[13,13,13,18],i=[13,13,13,18],s=[1.5,1.5,1.5,2],o={transform:"translateY(0.25px)"}),"md"===m&&(a=["8px","8px","8px","8px"],l=[18,18,18,24],i=[18,18,18,24],s=[2,2,2,3]),"lg"===m&&(a=["10px","10px","12px","16px"],l=[24,24,34,46],i=[24,24,34,46],s=[3,3,4,5]),"xl"===m&&(a=["12px","16px","18px","20px"],l=[34,46,56,68],i=[34,46,56,68],s=[4,5,6,7]),g?(L=g,T=g):p&&d?(L="initial",T="initial"):p?L="initial":d&&(T="middle"),F="middle"===L?{}:o,I="middle"===T?{}:o,p&&(z={"&:hover > #prefix-span > #prefix":M({color:S},p.type.hover)},p=n(p,{id:"prefix",sx:M({position:"relative",height:l,width:i,mr:u?a:[0],strokeWidth:s,verticalAlign:L,transition:"color 0.15s, transform 0.15s"},p.props.sx)})),d&&(W={"&:hover > #suffix-span >#suffix":M({color:S},d.type.hover)},d=n(d,{id:"suffix",sx:M({height:l,width:i,ml:u?a:[0],strokeWidth:s,verticalAlign:T,transition:"color 0.15s, transform 0.15s"},d.props.sx)}));const O=M({},U(m),{lineHeight:1.05,border:"none",background:"transparent",display:"block",color:C,padding:[0],textAlign:"left",cursor:"pointer",width:"fit-content","@media (hover: hover) and (pointer: fine)":M({"&:hover":{color:S}},W,z)},k),B=e.createElement(e.Fragment,null,e.createElement(c,{as:"span",id:"prefix-span",sx:M({display:"inline-block"},F)},p&&p),e.createElement(c,{as:"span",sx:{transition:"color 0.15s"}},u),e.createElement(c,{as:"span",id:"suffix-span",sx:M({display:"inline-block"},I)},d&&d));return f?e.createElement(X,M({ref:r,href:f,internal:b,tracking:E,sx:M({},O,{textDecoration:"none"})},y),B):e.createElement(c,M({ref:r,as:"button",sx:O},y),B)});const J=["label","children","inverted","color","href","internal","tracking","sx"];var Q=r((t,r)=>{let{label:n,children:o,inverted:a,color:l,href:i,internal:s,tracking:m,sx:p}=t,d=A(t,J);const x=l||(a?"secondary":"primary"),h=l||a?"primary":"secondary",u=M({border:"none",padding:[0],fontSize:[3,3,3,4],color:x,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:h},"&:hover":{color:h}}},p),g=e.createElement(e.Fragment,null,e.createElement(c,{sx:{transition:"0.15s",letterSpacing:"body",pb:["6px"]}},o),e.createElement(c,{sx:{transition:"0.15s",display:"inline-block",textTransform:"uppercase",letterSpacing:"smallcaps",fontFamily:"heading",fontSize:[2,2,2,3]}},n),e.createElement(c,{as:"span",id:"container",sx:{ml:[2],display:"inline-block"}},e.createElement(v,{id:"arrow",sx:{transition:"fill 0.15s, transform 0.15s",position:"relative",top:["2px"],color:x,height:[15,15,15,17],width:[15,15,15,17]}})));return i?e.createElement(X,M({ref:r,href:i,internal:s,tracking:m,sx:u},d),g):e.createElement(c,M({ref:r,as:"button",sx:u},d),g)});const ee=({as:t="figcaption",number:r,children:n,label:o="figure"})=>e.createElement(c,{as:t,sx:{color:"secondary",display:"block",textAlign:"left",fontSize:[2,2,2,3],"& a":{color:"secondary"},"& a:hover":{color:"primary"},"& > p":{display:"inline",fontSize:[2,2,2,3]}}},r&&e.createElement(e.Fragment,null,e.createElement(c,{sx:{textTransform:"uppercase",letterSpacing:"smallcaps",display:"inline-block"}},o," ",r)," ",e.createElement(c,{sx:{display:"inline-block",mx:[1],pr:[1]}},"/")),n),te=["colormap","label","clim","setClim","setClimStep","discrete","units","width","height","format","horizontal","bottom","sx","sxClim"],re=e=>({bg:"unset",border:"none",color:"primary",px:0,fontFamily:"mono",fontSize:["9px",0,0,1],letterSpacing:"smallcaps",textTransform:"uppercase",transition:"border 0.15s",userSelect:e?"none !important":"unset",width:"fit-content",minWidth:"fit-content"}),ne={width:["10px","16px","16px","17px"],height:["80px","110px","110px","130px"]},oe=({colormap:t,discrete:r,horizontal:n,width:o,height:a})=>{const l=1/t.length*100,i=`linear-gradient(to ${n?"right":"top"}, ${t.map((e,n)=>`rgb(${e}) ${n*l}% ${r&&n<t.length-1?(n+1)*l+"%":""}`).join(",")})`;return e.createElement(c,{sx:M({},n?{width:o||ne.height,height:a||ne.width}:{width:o||ne.width,minHeight:a||ne.height},{mt:n?["1px","1px","1px",0]:0,border:({colors:e})=>`solid 1px ${e.hinted}`,background:i})})},ae=({label:t,units:r,horizontal:n})=>e.createElement(c,{sx:!n&&{width:["13px","17px","17px","19px"],alignSelf:"flex-end"}},e.createElement(c,{sx:M({mb:n?0:["-4px","-4px","-4px","-3px"],fontFamily:"mono",fontSize:["9px",0,0,1],letterSpacing:"smallcaps",textTransform:"uppercase"},n?{}:{writingMode:"vertical-rl",transform:"rotate(180deg)",whiteSpace:"nowrap",display:"inline-block",overflow:"visible"})},t," ",e.createElement(c,{as:"span",sx:{textTransform:"none",color:"secondary",display:"inline-block"}},r))),le=t=>{let{colormap:r,label:n,clim:i,setClim:s,setClimStep:m=1,discrete:p,units:x,width:h,height:u,format:g=(e=>e),horizontal:f=!1,bottom:b=!1,sx:E,sxClim:y}=t,w=A(t,te);if(!Array.isArray(r))throw new Error(`expected array for colormap, got '${r}'.`);const v=[o(),o()],[k,C]=a(!1),[S,z]=a(!1);let W,L,T,F=0,I=null,O=[0,0],B=m;const R=e=>{"min"!==I||k||C(!0),"max"!==I||S||z(!0),T=e.pageX-W,F=e.pageY-L,f?("min"===I&&s(e=>[Math.min(O[0]+T*B,O[1]),e[1]]),"max"===I&&s(e=>[e[0],Math.max(O[1]+T*B,O[0])])):("min"===I&&s(e=>[Math.min(O[0]-F*B,O[1]),e[1]]),"max"===I&&s(e=>[e[0],Math.max(O[1]-F*B,O[0])]))},D=e=>{L=e.pageY,W=e.pageX,I=e.target.id,O=i,document.body.setAttribute("style",f?"cursor: ew-resize !important":"cursor: ns-resize !important"),document.addEventListener("mousemove",R);const t=()=>{document.body.setAttribute("style","cursor: unset"),document.removeEventListener("mousemove",R),window.removeEventListener("mouseup",t),"min"===I&&C(!1),"max"===I&&z(!1)};window.addEventListener("mouseup",t)};l(()=>{const e=e=>{(["ArrowUp","ArrowRight"].includes(e.code)||["ArrowUp","ArrowRight"].includes(e.key))&&(e=>{v[0].current===document.activeElement&&(e.preventDefault(),s(e=>[Math.min(e[0]+B,e[1]),e[1]]),v[0].current.focus()),v[1].current===document.activeElement&&(e.preventDefault(),s(e=>[e[0],Math.max(e[1]+B,e[0])]),v[1].current.focus())})(e),(["ArrowDown","ArrowLeft"].includes(e.code)||["ArrowDown","ArrowLeft"].includes(e.key))&&(e=>{v[0].current===document.activeElement&&(e.preventDefault(),s(e=>[Math.min(e[0]-B,e[1]),e[1]]),v[0].current.focus()),v[1].current===document.activeElement&&(e.preventDefault(),s(e=>[e[0],Math.max(e[1]-B,e[0])]),v[1].current.focus())})(e)};return window.addEventListener("keydown",e),()=>{window.removeEventListener("keydown",e)}},[i]);const $=()=>e.createElement(c,{id:"min",as:s?"button":"div",ref:v[0],tabIndex:0,sx:M({},re(s),{ml:n?f?b?"0px":"10px":["2px","1px","1px","2px"]:0,mr:f?["2px","1px","1px","2px"]:0,mb:f?0:["-2px","-2px","-2px","-3px"],borderBottom:s?({colors:e})=>`solid 1px ${e.primary}`:"unset",cursor:s?f?"ew-resize":"ns-resize":"default"},y),onMouseDown:s?D:()=>{},onClick:()=>v[0].current.focus()},g(i[0])),H=()=>e.createElement(c,{id:"max",as:s?"button":"div",ref:v[1],tabIndex:0,sx:M({},re(s),{ml:["2px","1px","1px","2px"],mt:f?0:["-2px","-3px","-3px","-3px"],borderBottom:s?({colors:e})=>`solid 1px ${e.primary}`:"unset",cursor:s?f?"ew-resize":"ns-resize":"default"},y),onMouseDown:s?D:()=>{},onClick:()=>v[1].current.focus()},g(i[1]));return e.createElement(d,M({},w,{sx:M({flexDirection:"row",alignItems:"start",justifyContent:"flex-start",gap:["3px","6px","6px","7px"],height:f?"unset":"100%"},E)}),n&&e.createElement(ae,{label:n,units:x,horizontal:f}),e.createElement(d,{sx:{flexGrow:f?1:"unset",flexDirection:"column",ml:b&&n?"4px":"0px",height:f?"unset":"100%"}},e.createElement(d,{sx:{gap:["3px","6px","6px","7px"],height:f?"unset":"100%"}},f&&i&&!b&&e.createElement($,null),e.createElement(oe,{colormap:r,horizontal:f,discrete:p,width:h,height:u}),f&&i&&!b&&e.createElement(H,null)),f&&i&&b&&e.createElement(d,{sx:{justifyContent:"space-between"}},e.createElement($,null),e.createElement(H,null))),!f&&e.createElement(d,{sx:{flexDirection:"column-reverse",justifyContent:"space-between",height:u||ne.height}},i&&e.createElement($,null),i&&e.createElement(H,null)))},ie=["sx","color","children"],ce=t=>{let{sx:r,color:n,children:o}=t,a=A(t,ie);return e.createElement(c,M({as:"span",sx:M({display:"inline-block",color:n},r)},a),o)},se={Primary:t=>e.createElement(ce,M({color:"primary"},t)),Secondary:t=>e.createElement(ce,M({color:"secondary"},t)),Background:t=>e.createElement(ce,M({color:"background"},t)),Red:t=>e.createElement(ce,M({color:"red"},t)),Orange:t=>e.createElement(ce,M({color:"orange"},t)),Yellow:t=>e.createElement(ce,M({color:"yellow"},t)),Green:t=>e.createElement(ce,M({color:"green"},t)),Teal:t=>e.createElement(ce,M({color:"teal"},t)),Blue:t=>e.createElement(ce,M({color:"blue"},t)),Purple:t=>e.createElement(ce,M({color:"purple"},t)),Pink:t=>e.createElement(ce,M({color:"pink"},t)),Grey:t=>e.createElement(ce,M({color:"grey"},t))},me=({title:t,description:r,card:n})=>{const{theme:o,colorMode:a}=x();r||console.warn("a custom description should be used for search engine optimization"),t||console.warn("a custom title should be used for search engine optimization");const l=t||"CarbonPlan",i=r||"Improving the transparency and scientific integrity of climate solutions with open data and tools.",c=n||"https://images.carbonplan.org/social/homepage.png";return e.createElement(z,null,e.createElement("title",null,l),e.createElement("meta",{name:"description",content:i}),e.createElement("meta",{name:"viewport",content:"initial-scale=1.0, width=device-width"}),e.createElement("link",{rel:"alternate icon",type:"image/png",href:"https://images.carbonplan.org/favicon.png"}),e.createElement("link",{rel:"icon",type:"image/svg+xml",href:"https://images.carbonplan.org/favicon.svg"}),e.createElement("link",{rel:"preload",href:"https://fonts.carbonplan.org/relative/relative-book-pro.woff2",as:"font",type:"font/woff2",crossOrigin:"anonymous"}),e.createElement("link",{rel:"preload",href:"https://fonts.carbonplan.org/relative/relative-medium-pro.woff2",as:"font",type:"font/woff2",crossOrigin:"anonymous"}),e.createElement("link",{rel:"preload",href:"https://fonts.carbonplan.org/relative/relative-mono-11-pitch-pro.woff2",as:"font",type:"font/woff2",crossOrigin:"anonymous"}),e.createElement("link",{rel:"preload",href:"https://fonts.carbonplan.org/relative/relative-faux-book-pro.woff2",as:"font",type:"font/woff2",crossOrigin:"anonymous"}),e.createElement("link",{rel:"manifest",href:"https://images.carbonplan.org/manifest.json"}),e.createElement("meta",{name:"theme-color",content:o.colors.background}),e.createElement("meta",{name:"color-scheme",content:"light"===a?"light":"dark"}),e.createElement("link",{rel:"mask-icon",href:"https://images.carbonplan.org/safari-pinned-tab.svg",color:"#000000"}),e.createElement("link",{rel:"apple-touch-icon",sizes:"180x180",href:"https://images.carbonplan.org/apple-touch-icon.png"}),e.createElement("meta",{name:"msapplication-TileColor",content:o.colors.background}),e.createElement("meta",{name:"msapplication-TileImage",content:"https://images.carbonplan.org/mstile-144x144.png"}),e.createElement("meta",{name:"msapplication-config",content:"https://images.carbonplan.org/browserconfig.xml"}),e.createElement("meta",{property:"og:title",content:l}),e.createElement("meta",{property:"og:description",content:i}),e.createElement("meta",{property:"og:image",content:c}),e.createElement("meta",{property:"og:url",content:"https://carbonplan.org"}),e.createElement("meta",{name:"twitter:title",content:l}),e.createElement("meta",{name:"twitter:description",content:i}),e.createElement("meta",{name:"twitter:image",content:c}),e.createElement("meta",{name:"twitter:card",content:"summary_large_image"}),e.createElement("meta",{name:"format-detection",content:"telephone=no"}))},pe=t=>{let r=M({},t);return e.createElement(c,M({as:"svg",width:"150",fill:"currentColor",stroke:"none",viewBox:"0 0 151.1 28.8"},r),e.createElement("g",null,e.createElement("g",null,e.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"})),e.createElement("g",null,e.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"})),e.createElement("g",null,e.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"})),e.createElement("g",null,e.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"})),e.createElement("g",null,e.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"})),e.createElement("g",null,e.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"})),e.createElement("g",null,e.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"})),e.createElement("g",null,e.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"})),e.createElement("g",null,e.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"})),e.createElement("g",null,e.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"})),e.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"}),e.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"})))},de=["value","sx"],xe=t=>{let{value:r,sx:n}=t,o=A(t,de);return e.createElement(h,M({sx:M({cursor:"pointer",fill:"none",strokeWidth:"2px",stroke:"text",".paren":{opacity:"0"},"@media (hover: hover) and (pointer: fine)":{"&:hover .paren":{opacity:"1"}}},n),"aria-label":"Toggle Menu"},o),!r&&e.createElement("svg",{style:{width:"50px",height:"30px",marginTop:"-3px",flexShrink:0},xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 68 36"},e.createElement("line",{x1:"52",y1:"29.9",x2:"16",y2:"29.9"}),e.createElement("line",{x1:"52",y1:"6.1",x2:"16",y2:"6.1"}),e.createElement("line",{x1:"52",y1:"18",x2:"16",y2:"18"}),e.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"}),e.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&&e.createElement("svg",{style:{width:"50px",height:"30px",marginTop:"-3px",flexShrink:0},xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 68 36"},e.createElement("line",{x1:"50.85",y1:"29.79",x2:"17.15",y2:"6.21"}),e.createElement("line",{x1:"17.15",y1:"29.79",x2:"50.85",y2:"6.21"}),e.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"}),e.createElement("path",{style:{transition:"all 0.2s"},className:"paren",d:"M61.6,34.8c6.3-10.3,6.3-23.3,0-33.6"})))},he=(e,t,r=!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:r?"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"}}),ue=[{url:"about",display:"About"},{url:"research",display:"Research"},{url:"blog",display:"Blog"},{url:"press",display:"Press"}],ge=()=>e.createElement(v,{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]}}),fe=({link:t,mode:r,nav:n,first:o,setExpanded:a})=>{const{url:l,display:i}=t,c="remote"===r?"https://carbonplan.org/"+l:"/"+l;return"homepage"===r||"local"===r&&n===l?e.createElement(w,{href:c,passHref:!0},e.createElement(p,{onClick:()=>{n===l&&a(!1)},sx:he(n,l,o)},e.createElement(ge,null),i)):e.createElement(p,{href:c,sx:he(n,l,o)},e.createElement(ge,null),i)},be=({links:t,nav:r,mode:n,setExpanded:o})=>t.map((t,a)=>e.createElement(fe,{key:a,link:t,mode:n,nav:r,first:0===a,setExpanded:o})),Ee=({status:t,mode:r,nav:n,menuItems:o})=>{const[l,i]=a(!1);return e.createElement(I,{sx:{pt:["12px"],pb:[3]}},e.createElement(B,{start:[1],width:[2]},e.createElement(c,{sx:{pointerEvents:"all",display:"block",width:"fit-content"}},("homepage"==r||"local"==r)&&e.createElement(w,{href:"/",passHref:!0},e.createElement(p,{"aria-label":"CarbonPlan Homepage",sx:{display:"block"}},e.createElement(pe,{id:"logo",sx:{cursor:"pointer",color:"primary"}}))),(null==r||"remote"==r)&&e.createElement(p,{href:"https://carbonplan.org","aria-label":"CarbonPlan Homepage",sx:{display:"block"}},e.createElement(pe,{sx:{cursor:"pointer",color:"primary"}})))),e.createElement(B,{start:[4,9],width:[2,2],dr:1,sx:{display:[t?"flex":"none","flex","flex","flex"],alignItems:"center"}},e.createElement(c,{sx:{fontSize:[1,2,3],position:"relative",top:["-2px","-3px","-3px"]}},t?`(${t})`:"")),e.createElement(B,{start:[t?6:4,6,11,11],width:[t?1:3,3,2,2],sx:{zIndex:5e3}},e.createElement(d,{sx:{pointerEvents:"all",justifyContent:"flex-end"}},e.createElement(c,{sx:{display:[t?"none":"flex","flex","flex","flex"],mr:"18px",gap:"18px",opacity:l?0:1,transition:"opacity 0.15s",justifyContent:"space-between",alignItems:"center"}},o),e.createElement(xe,{sx:{flexShrink:0,mr:["-2px"]},value:l,onClick:e=>{i(!l)}}))),e.createElement(c,{sx:{opacity:l?1:0,pointerEvents:l?"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"}},e.createElement(u,null,e.createElement(I,null,e.createElement(B,{start:[2,4,7,7],width:[5,4,5,5]},e.createElement(c,{as:"nav",sx:{display:l?"inherit":"none",mt:[5,5,5,6]}},e.createElement(be,{links:ue,nav:n,mode:r,setExpanded:i})))))))},ye=t=>{let r=M({},t);return e.createElement(c,M({as:"svg",width:"80",stroke:"none",fill:"currentColor",viewBox:"0 0 32 32"},r),e.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"}),e.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"}),e.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"}))},we=()=>e.createElement(c,{sx:{mt:[7,7,7,8],mb:[7,7,7,8],pb:[2,1,0,0]}},e.createElement(I,{sx:{mb:[0,0,4,5]}},e.createElement(B,{start:[1,2],width:[3,3]},e.createElement(c,null,e.createElement(c,{sx:{fontSize:[2,2,2,3],fontFamily:"heading",letterSpacing:"mono",mb:[2]}},"EMAIL"),e.createElement(p,{href:"mailto:hello@carbonplan.org",sx:{textDecoration:"none",fontSize:[2,2,2,3]}},"hello@carbonplan.org"))),e.createElement(B,{start:[5],width:[1],dl:1,dr:1,sx:{display:["flex","none","none","none"],justifyContent:["center"]}},e.createElement(ye,{sx:{mt:["-4px"],width:"60px",height:"60px"}})),e.createElement(B,{start:[1,5,5,5],width:[3,3],sx:{mt:[3,0,0,0]}},e.createElement(c,null,e.createElement(c,{sx:{fontSize:[2,2,2,3],fontFamily:"heading",letterSpacing:"mono",mb:[2]}},"FOLLOW"),e.createElement(p,{href:"https://twitter.com/carbonplanorg",sx:{textDecoration:"none",fontSize:[2,2,2,3]}},"@carbonplanorg"))),e.createElement(B,{start:[1,9],width:[5,4,3,3],sx:{mt:["42px","42px",0,0],mb:[3,3,0,0]}},e.createElement(c,null,e.createElement(c,{sx:{fontSize:[2,2,2,3],fontFamily:"body",color:"secondary"}},"CarbonPlan is a registered nonprofit public benefit corporation in California with 501(c)(3) status.")))),e.createElement(I,{sx:{mb:["2px"],mt:[5,5,4]}},e.createElement(B,{start:[1,1,2,2],width:[3,2,3,3],sx:{display:"flex",alignItems:["flex-start","flex-start","flex-end"]}},e.createElement(c,{sx:{bottom:"0px",borderStyle:"solid",borderColor:"muted",borderWidth:"0px",borderTopWidth:"1px",pt:[2]}},e.createElement(c,{sx:{color:"secondary",fontSize:[1,1,1,2],fontFamily:"mono",letterSpacing:"mono"}},"(c) 2022 CARBONPLAN"))),e.createElement(B,{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]}},e.createElement(c,{sx:{bottom:"0px",borderStyle:"solid",borderColor:"muted",borderWidth:"0px",borderTopWidth:"1px",width:["100%","auto","auto","auto"],pt:[2]}},e.createElement(w,{href:"/terms",passHref:!0},e.createElement(c,{as:"a",sx:{textDecoration:"none",fontSize:[1,1,1,2],color:"secondary",fontFamily:"mono",letterSpacing:"mono",display:"block"}},"READ OUR TERMS")))),e.createElement(B,{start:[5,7,9,9],width:[2,3,3,3],sx:{display:["none","initial","initial","initial"]}},e.createElement(ye,{sx:{width:80,height:80,mt:[0,"-10px",4,5],mb:["-12px"]}})))),ve=["sx"],ke=t=>{let{sx:r}=t,n=A(t,ve);const[o,a]=g(),l=i(()=>{a("light"===o?"dark":"light")},[o]);return e.createElement(h,M({"aria-label":"Toggle dark mode",onClick:l,role:"checkbox",sx:M({width:32,height:32,display:"inline-block",cursor:"pointer",color:"secondary"},r)},n),e.createElement(k,{sx:{strokeWidth:"1.75",transition:"stroke 0.15s","@media (hover: hover) and (pointer: fine)":{"&:hover":{stroke:"primary"}}}}))},Ce=()=>{const t=process.env.NEXT_PUBLIC_VERCEL_GIT_COMMIT_SHA,r=process.env.NEXT_PUBLIC_VERCEL_GIT_REPO_OWNER,n=process.env.NEXT_PUBLIC_VERCEL_GIT_REPO_SLUG,{theme:o}=x(),a=o.rawColors.secondary;if(t&&r&&n){const o=t.substring(0,7),l="https://github.com/"+r+"/"+n+"/tree/"+t;return e.createElement(c,{sx:{display:"inline-block",width:"87px"}},e.createElement(Se,{color:a}),e.createElement(p,{href:l,sx:{whiteSpace:"nowrap",display:"inline-block",ml:[2],fontFamily:"mono",letterSpacing:"body",color:a,fontSize:[1],textTransform:"uppercase",textDecoration:"none"}},o))}return e.createElement(c,{sx:{display:"inline-block",width:"87px"}},e.createElement(Se,{color:a}),e.createElement(f,{sx:{whiteSpace:"nowrap",display:"inline-block",ml:[2],fontFamily:"mono",letterSpacing:"body",color:a,fontSize:[1],textTransform:"uppercase"}},a))},Se=({color:t})=>e.createElement("svg",{fill:t,opacity:"0.8",viewBox:"0 0 24 24",width:"24",height:"24"},e.createElement("circle",{r:5,cx:19,cy:19})),ze=({mode:t})=>{const[r,n]=a(function(e){return"mouse"===e?`X,Y: ${Me(0,4)},${Me(0,4)}`:"scroll"===e?`SCROLL: 0.${Me((0).toFixed(0),2)}`:e}(t));return l(()=>{if("mouse"===t){const e=e=>{const t=Me(e.clientX,4),r=Me(e.clientY,4);n(`X,Y: ${t},${r}`)};return window.addEventListener("mousemove",e),()=>{window.removeEventListener("mousemove",e)}}if("scroll"===t){const e=e=>{const t=function(e,t){return Math.min(e.scrollY/(document.body.offsetHeight-770),.99)}(window);n(`SCROLL: 0.${Me((100*t).toFixed(0),2)}`)};return window.addEventListener("scroll",e),()=>{window.removeEventListener("scroll",e)}}},[]),e.createElement(f,{sx:{whiteSpace:"nowrap",display:"inline-block",mr:"-6px",fontFamily:"mono",letterSpacing:"body",color:"secondary",fontSize:[1],textTransform:"uppercase"}},r)},We=({mode:t})=>e.createElement(c,{sx:{userSelect:"none",position:"fixed",bottom:"42px",right:"24px",transformOrigin:"right",transform:"rotate(90deg)",display:["none","none","initial"]}},e.createElement(ze,{mode:t}),e.createElement(Ce,null));function Me(e,t){return e.toString().padStart(t,"0")}const Ae=["duration","delay","children"],Le=W({from:{opacity:0},to:{opacity:1}}),Te=t=>{let{duration:r=300,delay:n=0,children:o}=t,a=A(t,Ae);return e.createElement(c,M({},a,{sx:{animationDuration:r+"ms",animationDelay:n+"ms",animationName:Le.toString(),animationFillMode:"backwards"}}),o)},Fe=e=>{const t=e.createElement("div");t.style.visibility="hidden",t.style.width="100px",e.body.appendChild(t),t.style.overflow="scroll";const r=e.createElement("div");r.style.width="100%",t.appendChild(r);const n=t.offsetWidth-r.offsetWidth;return t.parentNode.removeChild(t),n},Ie=()=>(l(()=>{"undefined"!=typeof document&&Fe(document)>0&&(document.body.classList.add("custom-scrollbar"),document.getElementsByTagName("html")[0].classList.add("custom-scrollbar"))},[]),null),Oe=({color:t="muted"})=>{const[r,n]=a(!1);return l(()=>{function e(e){const{key:t,metaKey:r}=e;";"===t&&r&&n(e=>!e)}return document.addEventListener("keydown",e),()=>{document.removeEventListener("keydown",e)}},[]),e.createElement(c,{sx:{position:"fixed",width:"100%",left:0,top:0,zIndex:"teal"===t?5e3:-1,pointerEvents:"none",display:r?"initial":"none"}},e.createElement(u,null,e.createElement(c,{sx:{display:["none","none","initial","initial"]}},e.createElement(Re,{indices:[1,2,3,4,5,6,7,8,9,10,11,12],color:t})),e.createElement(c,{sx:{display:["none","initial","none","none"]}},e.createElement(Re,{indices:[1,2,3,4,5,6,7,8],color:t})),e.createElement(c,{sx:{display:["initial","none","none","none"]}},e.createElement(Re,{indices:[1,2,3,4,5,6],color:t}))))},Be=["red","orange","yellow","green","teal","blue","purple","pink"];function Re({indices:t,color:r}){const n={outerGuideColumn:{borderStyle:"solid",borderWidth:"0px",borderLeftWidth:"teal"===r?"0px":"1px",borderRightWidth:"teal"===r?"0px":"1px",opacity:"teal"==r?.4:1},innerGuideColumn:{borderStyle:"solid",borderWidth:"0px",borderLeftWidth:"0px",borderRightWidth:"0px",opacity:"teal"==r?.4:1}};return e.createElement(I,null,t.map(t=>e.createElement(B,{key:t,start:[t],width:[1,1],dl:.5,dr:.5,sx:M({bg:"teal"===r?"teal":"transparent",height:"100vh"},n.innerGuideColumn)},e.createElement(c,{sx:M({mx:["12px",3,3,4],bg:"teal"===r?"background":"transparent",height:"100%",borderLeftColor:"rainbow"===r?Be[t%8]:"muted",borderRightColor:"rainbow"===r?Be[t%8]:"muted"},n.outerGuideColumn)}))))}const De=["value","sx"],$e=t=>{let{value:r,sx:n}=t,o=A(t,De);return e.createElement(h,M({sx:M({cursor:"pointer",fill:"none",strokeWidth:"2px",stroke:"text",".paren":{opacity:"0"},"@media (hover: hover) and (pointer: fine)":{"&:hover .paren":{opacity:"1"}}},n),"aria-label":"Toggle Menu"},o),!r&&e.createElement("svg",{style:{width:"50px",height:"30px",marginTop:"-3px",flexShrink:0},xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 68 36"},e.createElement("line",{x1:"24",y1:"2.1",x2:"24",y2:"6.1"}),e.createElement("line",{x1:"24",y1:"24.1",x2:"24",y2:"33.9"}),e.createElement("line",{x1:"44",y1:"2.1",x2:"44",y2:"12.1"}),e.createElement("line",{x1:"44",y1:"30.1",x2:"44",y2:"33.9"}),e.createElement("circle",{cx:"24",cy:"15.1",r:"5"}),e.createElement("circle",{cx:"44",cy:"21.1",r:"5"}),e.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"}),e.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&&e.createElement("svg",{style:{width:"50px",height:"30px",marginTop:"-3px",flexShrink:0},xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 68 36"},e.createElement("line",{x1:"50.85",y1:"29.79",x2:"17.15",y2:"6.21"}),e.createElement("line",{x1:"17.15",y1:"29.79",x2:"50.85",y2:"6.21"}),e.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"}),e.createElement("path",{style:{transition:"all 0.2s"},className:"paren",d:"M61.6,34.8c6.3-10.3,6.3-23.3,0-33.6"})))},He=({title:t,description:r,card:n,children:o,status:a,nav:i,settings:s,footer:m=!0,header:p=!0,metadata:h="mouse",links:g="remote",dimmer:f="bottom",guide:b=!0,scrollbar:E=!1,fade:y=!0,container:w=!0,printable:v=!1})=>{let k=o;y&&(k=e.createElement(Te,{duration:250},k)),w&&(k=e.createElement(c,{sx:{mb:[8,8,9,10]}},e.createElement(u,null,k)));const{theme:C}=x(),S=v?{"@media print":{display:"none"}}:{};l(()=>{if(!C)return;const e=window.matchMedia(`(min-width: ${C.breakpoints[1]})`);return e.onchange=e=>{e.matches&&null!=s&&s.value&&null!=s&&s.onClick&&(null==s||s.onClick())},()=>{e.onchange=null}},[null==C?void 0:C.breakpoints,null==s?void 0:s.value,null==s?void 0:s.onClick]);const z=[e.createElement(ke,{key:"dimmer",sx:{color:"primary",mt:"-2px",display:["block","block","top"===f?"block":"none","top"===f?"block":"none"]}})];return s&&z.push(e.createElement($e,M({key:"settings",sx:{mr:["2px"],display:["inherit","inherit","none","none"]}},s))),e.createElement(e.Fragment,null,b&&e.createElement(Oe,{color:b}),E&&e.createElement(Ie,null),e.createElement(me,{card:n,description:r,title:t}),e.createElement(d,{sx:{flexDirection:"column",minHeight:"100vh"}},p&&e.createElement(c,{as:"header",sx:M({width:"100%",borderStyle:"solid",borderColor:"muted",borderWidth:"0px",borderBottomWidth:"1px",position:"sticky",top:0,bg:"background",height:"56px",zIndex:2e3},S)},e.createElement(u,null,e.createElement(Ee,{mode:g,status:a,nav:i,menuItems:z}))),e.createElement(c,{sx:{width:"100%",flex:"1 1 auto"}},k),m&&e.createElement(c,{as:"footer",sx:M({width:"100%",borderStyle:"solid",borderColor:"muted",borderWidth:"0px",borderTopWidth:"1px"},S)},e.createElement(u,null,e.createElement(we,null))),"bottom"===f&&e.createElement(c,{sx:{display:["none","none","initial","initial"],position:["fixed"],right:[13],bottom:[17,17,15,15]}},e.createElement(ke,null)),h&&e.createElement(We,{mode:h})))},je=()=>e.createElement(He,{footer:!1,title:"404 – CarbonPlan",description:"Sorry but we can't seem to find the page you are looking for."},e.createElement(I,{sx:{mb:[5,0,0],pt:[0,0,6]}},e.createElement(B,{start:[1,1,3,3],width:[6,4,4,4]},e.createElement(c,{as:"h1",variant:"styles.h1"},"Oops!"),e.createElement(c,{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."),e.createElement(c,{sx:{color:"secondary",fontFamily:"mono",letterSpacing:"mono",fontSize:[2,2,2,3],mt:[4,5,5]}},"ERROR CODE 404")),e.createElement(B,{start:[2,5,7,7],width:[4,4,4,4]},e.createElement(c,{sx:{width:["100%"],mt:[2,4,4,5],fill:"primary"}},e.createElement(S,{sx:{width:"100%",height:"auto"}}))))),_e=({value:t,id:r,onClick:n,sx:o})=>e.createElement(h,{onClick:n,id:r,role:"checkbox","aria-checked":t,"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"}}},o)},e.createElement("svg",{viewBox:"0 0 16 16"},e.createElement("path",{d:"M8,0 V16 M0,8 H16",style:{strokeWidth:2,transition:"0.25s all",transformOrigin:"8px 8px",transform:t?"rotate(45deg)":""}}))),Ve=({as:t="figure",children:r,sx:n})=>e.createElement(c,{as:t,sx:M({my:[6,6,6,7],"@media print":{breakInside:"avoid"}},n)},e.createElement(D,{spacing:[4,4,4,5]},r)),Ne=({as:t="figcaption",number:r,children:n})=>e.createElement(ee,{as:t,number:r,label:"figure"},n),Pe=["label","value","sx","children"],Ge=t=>{let{label:r,value:n,sx:o,children:a}=t,l=A(t,Pe);const i=o&&o.color?o.color:"primary",s=l&&(l.onClick||l.onDoubleClick);return e.createElement(c,M({as:s?"button":"span",role:"checkbox","aria-checked":n,"aria-label":r,sx:M({display:"inline-block",fontSize:[1,1,1,2],fontFamily:"mono",letterSpacing:"mono",cursor:s?"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==n||n?1:"primary"==i?.24:.33},o)},l),a)},Ye=["values","setValues","label","colors","showAll","multiSelect"],Xe={label:{fontFamily:"mono",letterSpacing:"mono",fontSize:[1,1,1,2],color:"secondary",userSelect:"none",textTransform:"uppercase"}},Ue=(e,t,r={})=>Object.keys(e).reduce((e,n)=>Object.assign(e,{[n]:r[n]||t}),{}),qe=e=>Object.keys(e).filter(t=>e[t]).length==Object.keys(e).length,Ke=({values:e,multiSelect:t,setValues:r,value:n})=>{const o=qe(e),a="all"===n;let l;t?l=a&&!o?Ue(e,!0):a&&o?Ue(e,!1):M({},e,{[n]:!e[n]}):a&&!o?l=Ue(e,!0):a&&o||(l=Ue(e,!1,{[n]:!0})),l&&r(l)},Ze=t=>{let{values:r,setValues:n,label:o,colors:a,showAll:l=!1,multiSelect:i=!1}=t,s=A(t,Ye);return e.createElement(c,s,o&&e.createElement(c,{sx:Xe.label},o),e.createElement(c,{sx:{mt:o?[3]:0}},l&&e.createElement(Ge,{onClick:()=>Ke({values:r,multiSelect:i,setValues:n,value:"all"}),value:qe(r),sx:{mr:[2]}},"All"),Object.keys(r).map((t,o)=>e.createElement(Ge,{onClick:()=>Ke({values:r,multiSelect:i,setValues:n,value:t}),onDoubleClick:()=>Ke({values:r,multiSelect:!1,setValues:n,value:t}),key:o,value:r[t],sx:{width:"max-content",color:a?a[t]:"primary",mr:[2],mb:[1]}},t))))},Je=({children:t,variant:r="h1"})=>{let n;return"h1"===r&&(n=[4,"27px","42px","54px"]),"h2"===r&&(n=[4,4,"14px","25px"]),e.createElement(e.Fragment,null,e.createElement(B,{start:[1,4,8,8],width:[1,1,1,1]},e.createElement(c,{sx:{mt:n,fontFamily:"faux",letterSpacing:"faux",fontSize:[2,2,2,3],textAlign:"right"}},"/")),e.createElement(B,{start:[2,5,9,9],width:[3,3,2,2]},e.createElement(c,{sx:{mt:n,fontFamily:"faux",letterSpacing:"faux",fontSize:[2,2,2,3],height:["100%","0px","0px","0px"]}},t)))},Qe=({children:t,sidenote:r,variant:n="h1",description:o,descriptionStart:a=[1,3,5,5],descriptionWidth:l=[5,5,5,4],sx:i})=>{let s=[6,6,6,6];if(o&&(s[1]=a[1]-1,s[2]=a[2]-2,s[3]=a[3]-2),!["h1","h2"].includes(n))throw new Error(`variant must be 'h1' or 'h2' but got '${n}'`);return e.createElement(I,{sx:M({mt:[5,6,7,8],mb:[5,6,7,8]},i)},e.createElement(B,{start:[1,1,2,2],width:s},"h1"===n&&e.createElement(c,{as:"h1",variant:"styles.h1",sx:{my:[0,0,0,0]}},t),"h2"===n&&e.createElement(c,{as:"h2",variant:"styles.h2",sx:{my:[0,0,0,0]}},t)),r&&e.createElement(Je,{variant:n},r),o&&e.createElement(B,{start:a,width:l},e.createElement(c,{sx:{mt:[4,"5px","20px","31px"],fontSize:[2,2,2,3]}},o)))},et=["size","inverted","sx"];var tt=r((t,r)=>{let{size:n="sm",inverted:o,sx:a}=t,l=A(t,et);const i=M({color:o?"secondary":"primary",borderColor:"secondary",borderStyle:"solid",borderWidth:"0px",borderBottomWidth:"1px",borderRadius:"0px",transition:"border 0.15s",borderBottomWidth:"1px",width:"calc(min(15ch, 100%))",p:[0],py:["2px"],"input::-webkit-outer-spin-button":{WebkitAppearance:"none",margin:0},"input::-webkit-inner-spin-button":{WebkitAppearance:"none",margin:0},":focus":{borderColor:"primary"},":focus-visible":{outline:"none !important",background:"none !important"}},U(n),a);return e.createElement(b,M({},l,{ref:r,sx:i}))});const rt=({members:t,color:r,inverted:n,tracking:o,size:a="xs",rowGap:l=[2,2,2,3],columnGap:i=[3,3,3,4],direction:c="horizontal",sx:s})=>e.createElement(d,{sx:M({flexDirection:"horizontal"===c?"row":"column",rowGap:l,columnGap:i,flexWrap:"wrap"},s)},t.map((t,l)=>e.createElement(Z,{key:l,href:t.href,label:t.label,size:a,sx:{color:r},inverted:n,suffix:e.createElement(C,null),tracking:o},t.label))),nt=["children","size","sx","sxSelect"],ot=t=>{let{children:r,size:n="sm",sx:a,sxSelect:l}=t,i=A(t,nt);const s=a&&a.color?a.color:"primary",m=U(n),p=o(null),{onChange:d}=i,x=(h=e=>"onChange"!==e,e=>{const t={};for(const r in e)h(r||"")&&(t[r]=e[r]);return t})(i);var h;if(!["xs","sm","md"].includes(n))throw new Error("Size must be xs, sm, or md");let u,g,f,b,E;return"xs"===n&&(g=[14,14,14,16],f=[14,14,14,14],E=["1px"],b=["-14px","-14px","-14px","-16px"]),"sm"===n&&(g=[15,15,15,20],f=[15,15,15,20],E=["1px"],b=["-16px","-16px","-16px","-20px"]),"md"===n&&(g=[20,20,20,20],f=[20,20,20,20],E=["2px"],b=["-20px","-20px","-20px","-20px"]),u=f.map(e=>e+12),e.createElement(c,{sx:M({display:"inline-block"},a)},e.createElement(c,M({as:"select",ref:p,onChange:e=>{p.current.blur(),d&&d(e)},sx:M({},m,{lineHeight:"normal",cursor:"pointer",WebkitAppearance:"none",MozAppearance:"none",pb:["5px"],bg:"background",pr:u,border:"none",borderBottomStyle:"solid",borderBottomWidth:"1px",borderBottomColor:"primary",borderRadius:"0px",color:"text",width:"fit-content",color:s,userSelect:"none","@media (hover: none) and (pointer: coarse)":{"&:focus-visible":{outline:"none !important",background:"transparent !important"}}},l)},x),r),e.createElement(v,{sx:{width:f,height:g,position:"relative",ml:b,top:E,fill:"secondary",transform:"rotate(135deg)",pointerEvents:"none"}}))},at=["sx"];var lt=r((t,r)=>{let{sx:n}=t,o=A(t,at);const a=n&&n.color?n.color:"primary",{theme:{rawColors:l}}=x();return e.createElement(E,M({ref:r,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:a,"&::-webkit-slider-thumb":{boxShadow:`0 0 0 4px ${l.secondary}`},"&::-moz-range-thumb":{boxShadow:`0 0 0 4px ${l.secondary}`}},color:a},n)},o))});const it={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]}},ct=({data:t,sx:r,color:n,header:o,columns:a,start:l,width:i,index:s=!0,borderBottom:m=!0,borderTop:p=!0})=>{if(!l||!a||!i)throw new Error("Must provide columns, start, and width");return e.createElement(c,{as:"table",sx:M({display:"block"},r)},e.createElement(c,{as:"tbody",sx:{display:"block"}},o&&e.createElement(I,{as:"tr",sx:M({},it.reset,it.header,it.row,{color:n,borderTopWidth:p?"1px":"0px"})},e.createElement(B,{as:"td",start:[1],width:a,sx:it.index},o)),t.map((r,n)=>e.createElement(I,{as:"tr",columns:a,key:n,sx:M({},it.reset,it.row,{pb:m&&n===t.length-1?["18px","18px","18px","22px"]:[3,3,3,"20px"],borderBottomWidth:m&&n===t.length-1?"1px":"0px",borderTopWidth:p||0!==n||o?"1px":"0px"})},r.map((t,r)=>e.createElement(B,{as:"td",key:r,start:l[r],width:i[r],sx:M({},it.reset,0==r&&s?it.index:it.entry)},t))))))},st=({as:t="figcaption",number:r,children:n})=>e.createElement(ee,{as:t,number:r,label:"table"},n),mt=["value","onClick","disabled","sx"];var pt=r((t,r)=>{let{value:n,onClick:o,disabled:a,sx:l}=t,i=A(t,mt);const s=l&&l.color?l.color:"primary";return n=!a&&n,e.createElement(c,M({ref:r,as:"button",onClick:o,role:"checkbox","aria-checked":n,"aria-label":"Toggle",sx:M({border:"none",background:"none",cursor:a?"default":"pointer",p:[0],m:[0],display:"inline-block"},l)},i),e.createElement(c,{sx:{width:"50px",height:"20px",borderRadius:"20px",backgroundColor:n?y(s,"primary"==s?.5:.45):"muted",position:"relative",transition:"0.15s",display:"inline-block"}},e.createElement(c,{sx:{width:"14px",height:"14px",borderRadius:"7px",position:"absolute",left:n?"32px":"4px",top:"3px",backgroundColor:n?s:"secondary",transition:"0.15s"}})))});const dt=({id:t})=>t?e.createElement(e.Fragment,null,e.createElement("script",{async:!0,src:`https://www.googletagmanager.com/gtag/js?id=${t}`}),e.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,xt=({expanded:t,sx:r,children:n})=>e.createElement(e.Fragment,null,e.createElement(c,{sx:{position:"fixed",top:"56px",bottom:"0px",left:"0px",width:"calc(100vw)",mt:["56px"],bg:"background",zIndex:1e3,transition:"opacity 0.15s",opacity:t?.9:0,pointerEvents:t?"all":"none"}}),e.createElement(c,{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:t?"translateY(0)":"translateY(-100%)"},r)},e.createElement(I,null,e.createElement(B,{start:[1,1,1,1],width:[6,8,10,10]},n)))),ht={month:"short",day:"numeric",year:"numeric"},ut=(e,t,r)=>{if(!r)return null;const n="string"==typeof r?r:ht[t],o=e.toLocaleString("default",{[t]:n});return"numeric"===n&&["day","month"].includes(t)?o.padStart(2,"0"):o},gt=(e,t=ht)=>{var r;const n=new Date(e.replace(/-/g,"/"));return[ut(n,"month",t.month),ut(n,"day",t.day),ut(n,"year",t.year)].filter(Boolean).join(null!=(r=t.separator)?r:" ")},ft=()=>{const[e,t]=a(null);return l(()=>{document&&Fe(document)>0&&t("custom-scrollbar")},[]),e};export{T as Avatar,_ as AvatarGroup,N as Badge,G as Blockquote,Z as Button,Q as Callout,ee as Caption,le as Colorbar,se as Colors,B as Column,je as Custom404,ke as Dimmer,_e as Expander,Te as FadeIn,Ve as Figure,Ne as FigureCaption,Ze as Filter,we as Footer,D as Group,Oe as Guide,Ee as Header,Qe as Heading,tt as Input,He as Layout,X as Link,rt as LinkGroup,pe as Logo,xe as Menu,me as Meta,ye as Monogram,I as Row,Ie as Scrollbar,ot as Select,$e as Settings,lt as Slider,ct as Table,st as TableCaption,Ge as Tag,pt as Toggle,dt as Tracking,xt as Tray,gt as formatDate,Fe as getScrollbarWidth,ft as useScrollbarClass};
1
+ import e,{Children as t,forwardRef as r,cloneElement as n,useRef as o,useState as a,useEffect as l,useCallback as i}from"react";import{Box as c,Image as s,Grid as m,Link as p,Flex as d,useThemeUI as x,IconButton as h,Container as u,useColorMode as g,Text as f,Input as b,Slider as E}from"theme-ui";import{transparentize as y}from"@theme-ui/color";import w from"next/link";import{Arrow as v,Sun as k,RotatingArrow as C}from"@carbonplan/icons";import{PoopSad as S}from"@carbonplan/emoji";import z from"next/head";import{keyframes as W}from"@emotion/react";function M(){return M=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},M.apply(this,arguments)}function A(e){if(null==e)throw new TypeError("Cannot destructure "+e)}function L(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)t.indexOf(r=a[n])>=0||(o[r]=e[r]);return o}const T=["color","width","maxWidth","name","github","alt","src","sx"],F=t=>{let r,n,{color:o="transparent",width:a="90px",maxWidth:l,name:i,github:m,alt:p,src:d,sx:x}=t,h=L(t,T);return i||d||m||console.warn("must specify either name, github, or src"),i?(r=`https://images.carbonplan.org/team/${i.toLowerCase().replace(" ","-")}.png`,n=p||i):m?(r=`https://github.com/${m}.png`,n=p||m):(r=d,n=p),e.createElement(c,M({sx:M({width:a,maxWidth:l,height:"auto",borderRadius:"50%",position:"relative",display:"inline-block",verticalAlign:"top",bg:o},x)},h),e.createElement(s,{alt:n,src:r,sx:{opacity:o&&"transparent"!==o?.25:1,filter:o&&"transparent"!==o?"grayscale(100%) contrast(200%) brightness(100%)":"none",width:"100%",borderRadius:"50%",display:"block"}}))},I=["children","sx","columns","gap"],O=t=>{let{children:r,sx:n,columns:o,gap:a}=t,l=L(t,I);const i=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(e=>[e]).flat()),Array.isArray(e)&&2==e.length&&(e=e.map(e=>[e,e]).flat()),e};let c,s;return Number.isInteger(a)||Array.isArray(a)?(a=i(a),c=a,s=a):(c=[4,5,5,6],s=[0,0,0,0]),o=Number.isInteger(o)||Array.isArray(o)?i(o):[6,8,12,12],e.createElement(m,M({},l,{columns:o,sx:M({columnGap:c,rowGap:s},n)}),r)},B=["start","width","dl","dr","children","sx"],R=t=>{let{start:r,width:n,dl:o,dr:a,children:l,sx:i}=t,s=L(t,B);r=r||"auto",n=n||"auto";const m=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(e=>[e,e,e,e]).flat():Array.isArray(e)&&2==e.length&&(e=e.map(e=>[e,e]).flat()),e};r=m(r),n=m(n);const p=r.map((e,t)=>"auto"==e?"auto":e+n[t]);let d,x;if(o){if(![.5,1].includes(o))throw new Error("dl must be 0.5 or 1");.5===o&&(d=["-12px",-3,-3,-4]),1===o&&(d=[-4,-5,-5,-6])}if(a){if(![.5,1].includes(a))throw new Error("dr must be 0.5 or 1");.5===a&&(x=["-12px",-3,-3,-4]),1===a&&(x=[-4,-5,-5,-6])}return e.createElement(c,M({},s,{sx:M({gridColumnStart:r,gridColumnEnd:p,ml:d,mr:x},i)}),l)},D={xs:[1],sm:[3],md:[5],lg:[7],xl:[9]},$=({children:t,direction:r="vertical",spacing:n="md",sx:o})=>{let a;if(a="string"==typeof n&&D.hasOwnProperty(n)?D[n]:n,!["horizontal","vertical"].includes(r))throw new Error("Invalid direction value. Must be either horizontal or vertical");const l="vertical"===r?"mb":"mr",i="horizontal"===r?{display:"inline-block"}:{};return e.createElement(c,{sx:o},e.Children.map(t,(r,n)=>e.createElement(c,{sx:M({[l]:n<t.length-1?a:0},i)},r)))},H=["members","direction","align","spacing","limit","width","maxWidth","fixedCount","sx"],j={xs:[1],sm:[3],md:[5],lg:[7],xl:[9]},_=({overflow:t,maxWidth:r})=>e.createElement(c,{sx:{bg:"muted",height:"100%",maxWidth:r,borderRadius:"50%"}},e.createElement(c,{sx:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%"}},e.createElement(c,{sx:{fontFamily:"mono",letterSpacing:"mono",fontSize:[3,3,3,4]}},"+",t))),V=t=>{let r,{members:n,direction:o="horizontal",align:a,spacing:l="md",limit:i,width:c,maxWidth:s,fixedCount:m,sx:p}=t,d=L(t,H);r=j.hasOwnProperty(l)?j[l]:l;let x=e=>"auto";a&&(Array.isArray(a)||(a=[a]),x=e=>a.map(t=>{if("left"===t)return"auto";if("right"===t)return(Math.max(1,m-n.length+1)+e)%m;throw Error(`alignment '${a}' not recognized`)}));const h=n.length>i,u=n.length-i+1;return e.createElement(e.Fragment,null,m&&e.createElement(O,M({columns:m,gap:r,sx:p},d),n.map((t,r)=>e.createElement(R,{key:r,start:x(r)},(!h||r<i-1)&&e.createElement(F,M({},t,{width:c,maxWidth:s})),h&&r===i-1&&e.createElement(_,{overflow:u,maxWidth:s})))),!m&&e.createElement($,M({direction:o,spacing:l,sx:p},d),n.map((t,r)=>e.createElement(F,M({key:r},t,{width:c,maxWidth:s})))))},N=["sx","children"],P=t=>{let{sx:r,children:n}=t,o=L(t,N);const a=r&&r.color?r.color:"primary";return e.createElement(c,M({sx:M({display:"inline-block",width:"fit-content",height:["24px","24px","24px","26px"],borderRadius:"5px",backgroundColor:"primary"==a||"secondary"==a?"muted":y(a,.7),textAlign:"center",userSelect:"none",fontSize:[2,2,2,3]},r)},o),e.createElement(c,{sx:{letterSpacing:"0.02em",fontFamily:"mono",mt:["1px","1px","1px","0px"],px:[1,1,1,"5px"],color:a}},n))},G=["“",'"',"'","‘"],Y=({children:r})=>e.createElement(c,{variant:"styles.blockquote"},t.map(r,(t,n)=>{let o="",a=r;return t.props&&"string"==typeof t.props.children?(o=t.props.children.slice(0,1),a=t.props.children.slice(1)):"string"==typeof t&&(o=t.slice(0,1),a=t.slice(1)),e.createElement(e.Fragment,null,G.includes(o)&&e.createElement(c,{as:"span",sx:{position:"absolute",ml:"-0.4em"}},o),G.includes(o)?a:t)})),X=["href","children","internal","tracking"];var U=r((t,r)=>{let{href:n,children:o,internal:a=!1,tracking:l=!1}=t,i=L(t,X);if(a||n&&n.startsWith("/"))return e.createElement(w,{href:n,passHref:!0},e.createElement(p,M({ref:r},i),o));if(l){let t,a;n&&n.includes("pdf")?(t="PDF",a="download"):(t="website",a="external");const l=e=>{(({action:e,category:t,label:r,value:n})=>{"function"==typeof window.gtag?window.gtag("event",e,{event_category:t,event_label:r,value:n}):console.warn(`Missing window.gtag, skipping analytics action: '${e}'.`)})({action:t,category:a,label:n})};return e.createElement(p,M({ref:r,onClick:l,onContextMenu:l,href:n},i),o)}return e.createElement(p,M({ref:r,href:n},i),o)});const q=e=>{if(!["xs","sm","md","lg","xl"].includes(e))throw new Error("Size must be xs, sm, md, lg, or xl");let t,r,n,o;return"xs"===e&&(t=[2,2,2,3],r="body",n="body",o=[1.2]),"sm"===e&&(t=[3,3,3,4],r="body",n="body",o=[1.2]),"md"===e&&(t=[4,4,4,5],r="body",n="body",o=[1.2]),"lg"===e&&(t=[5,5,6,7],r="heading",n="heading",o=[1.2,1.2,1.25,1.25]),"xl"===e&&(t=[6,7,8,9],r="heading",n="heading",o=[1.25]),{fontSize:t,fontFamily:r,letterSpacing:n,lineHeight:o}},K=["size","prefix","suffix","inverted","sx","children","align","href","internal","tracking"],Z=["color"];var J=r((t,r)=>{let o,a,l,i,s,{size:m="sm",prefix:p,suffix:d,inverted:x,sx:h,children:u,align:g,href:f,internal:b,tracking:E}=t,y=L(t,K);if(!["xs","sm","md","lg","xl"].includes(m))throw new Error("Size must be xs, sm, md, lg, or xl");const w=h||{},{color:v}=w,k=L(w,Z),C=v||(x?"secondary":"primary"),S=v||x?"primary":"secondary";let z,W,A,T,F,I;"xs"===m&&(a=["6px","6px","6px","6px"],l=[12,12,12,13],i=[12,12,12,13],s=[1.5,1.5,1.5,1.5],o={transform:"translateY(0.25px)"}),"sm"===m&&(a=["7px","7px","7px","7px"],l=[13,13,13,18],i=[13,13,13,18],s=[1.5,1.5,1.5,2],o={transform:"translateY(0.25px)"}),"md"===m&&(a=["8px","8px","8px","8px"],l=[18,18,18,24],i=[18,18,18,24],s=[2,2,2,3]),"lg"===m&&(a=["10px","10px","12px","16px"],l=[24,24,34,46],i=[24,24,34,46],s=[3,3,4,5]),"xl"===m&&(a=["12px","16px","18px","20px"],l=[34,46,56,68],i=[34,46,56,68],s=[4,5,6,7]),g?(A=g,T=g):p&&d?(A="initial",T="initial"):p?A="initial":d&&(T="middle"),F="middle"===A?{}:o,I="middle"===T?{}:o,p&&(z={"&:hover > #prefix-span > #prefix":M({color:S},p.type.hover)},p=n(p,{id:"prefix",sx:M({position:"relative",height:l,width:i,mr:u?a:[0],strokeWidth:s,verticalAlign:A,transition:"color 0.15s, transform 0.15s"},p.props.sx)})),d&&(W={"&:hover > #suffix-span >#suffix":M({color:S},d.type.hover)},d=n(d,{id:"suffix",sx:M({height:l,width:i,ml:u?a:[0],strokeWidth:s,verticalAlign:T,transition:"color 0.15s, transform 0.15s"},d.props.sx)}));const O=M({},q(m),{lineHeight:1.05,border:"none",background:"transparent",display:"block",color:C,padding:[0],textAlign:"left",cursor:"pointer",width:"fit-content","@media (hover: hover) and (pointer: fine)":M({"&:hover":{color:S}},W,z)},k),B=e.createElement(e.Fragment,null,e.createElement(c,{as:"span",id:"prefix-span",sx:M({display:"inline-block"},F)},p&&p),e.createElement(c,{as:"span",sx:{transition:"color 0.15s"}},u),e.createElement(c,{as:"span",id:"suffix-span",sx:M({display:"inline-block"},I)},d&&d));return f?e.createElement(U,M({ref:r,href:f,internal:b,tracking:E,sx:M({},O,{textDecoration:"none"})},y),B):e.createElement(c,M({ref:r,as:"button",sx:O},y),B)});const Q=["label","children","inverted","color","href","internal","tracking","sx"];var ee=r((t,r)=>{let{label:n,children:o,inverted:a,color:l,href:i,internal:s,tracking:m,sx:p}=t,d=L(t,Q);const x=l||(a?"secondary":"primary"),h=l||a?"primary":"secondary",u=M({border:"none",padding:[0],fontSize:[3,3,3,4],color:x,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:h},"&:hover":{color:h}}},p),g=e.createElement(e.Fragment,null,e.createElement(c,{sx:{transition:"0.15s",letterSpacing:"body",pb:["6px"]}},o),e.createElement(c,{sx:{transition:"0.15s",display:"inline-block",textTransform:"uppercase",letterSpacing:"smallcaps",fontFamily:"heading",fontSize:[2,2,2,3]}},n),e.createElement(c,{as:"span",id:"container",sx:{ml:[2],display:"inline-block"}},e.createElement(v,{id:"arrow",sx:{transition:"fill 0.15s, transform 0.15s",position:"relative",top:["2px"],color:x,height:[15,15,15,17],width:[15,15,15,17]}})));return i?e.createElement(U,M({ref:r,href:i,internal:s,tracking:m,sx:u},d),g):e.createElement(c,M({ref:r,as:"button",sx:u},d),g)});const te=({as:t="figcaption",number:r,children:n,label:o="figure"})=>e.createElement(c,{as:t,sx:{color:"secondary",display:"block",textAlign:"left",fontSize:[2,2,2,3],"& a":{color:"secondary"},"& a:hover":{color:"primary"},"& > p":{display:"inline",fontSize:[2,2,2,3]}}},r&&e.createElement(e.Fragment,null,e.createElement(c,{sx:{textTransform:"uppercase",letterSpacing:"smallcaps",display:"inline-block"}},o," ",r)," ",e.createElement(c,{sx:{display:"inline-block",mx:[1],pr:[1]}},"/")),n),re=["colormap","label","clim","setClim","setClimStep","discrete","units","width","height","format","horizontal","bottom","sx","sxClim"],ne=e=>({bg:"unset",border:"none",color:"primary",px:0,fontFamily:"mono",fontSize:["9px",0,0,1],letterSpacing:"smallcaps",textTransform:"uppercase",transition:"border 0.15s",userSelect:e?"none !important":"unset",width:"fit-content",minWidth:"fit-content"}),oe={width:["10px","16px","16px","17px"],height:["80px","110px","110px","130px"]},ae=({colormap:t,discrete:r,horizontal:n,width:o,height:a})=>{const l=1/t.length*100,i=`linear-gradient(to ${n?"right":"top"}, ${t.map((e,n)=>`rgb(${e}) ${n*l}% ${r&&n<t.length-1?(n+1)*l+"%":""}`).join(",")})`;return e.createElement(c,{sx:M({},n?{width:o||oe.height,height:a||oe.width}:{width:o||oe.width,minHeight:a||oe.height},{mt:n?["1px","1px","1px",0]:0,border:({colors:e})=>`solid 1px ${e.hinted}`,background:i})})},le=({label:t,units:r,horizontal:n})=>e.createElement(c,{sx:!n&&{width:["13px","17px","17px","19px"],alignSelf:"flex-end"}},e.createElement(c,{sx:M({mb:n?0:["-4px","-4px","-4px","-3px"],fontFamily:"mono",fontSize:["9px",0,0,1],letterSpacing:"smallcaps",textTransform:"uppercase"},n?{}:{writingMode:"vertical-rl",transform:"rotate(180deg)",whiteSpace:"nowrap",display:"inline-block",overflow:"visible"})},t," ",e.createElement(c,{as:"span",sx:{textTransform:"none",color:"secondary",display:"inline-block"}},r))),ie=t=>{let{colormap:r,label:n,clim:i,setClim:s,setClimStep:m=1,discrete:p,units:x,width:h,height:u,format:g=(e=>e),horizontal:f=!1,bottom:b=!1,sx:E,sxClim:y}=t,w=L(t,re);if(!Array.isArray(r))throw new Error(`expected array for colormap, got '${r}'.`);const v=[o(),o()],[k,C]=a(!1),[S,z]=a(!1);let W,A,T,F=0,I=null,O=[0,0],B=m;const R=e=>{"min"!==I||k||C(!0),"max"!==I||S||z(!0),T=e.pageX-W,F=e.pageY-A,f?("min"===I&&s(e=>[Math.min(O[0]+T*B,O[1]),e[1]]),"max"===I&&s(e=>[e[0],Math.max(O[1]+T*B,O[0])])):("min"===I&&s(e=>[Math.min(O[0]-F*B,O[1]),e[1]]),"max"===I&&s(e=>[e[0],Math.max(O[1]-F*B,O[0])]))},D=e=>{A=e.pageY,W=e.pageX,I=e.target.id,O=i,document.body.setAttribute("style",f?"cursor: ew-resize !important":"cursor: ns-resize !important"),document.addEventListener("mousemove",R);const t=()=>{document.body.setAttribute("style","cursor: unset"),document.removeEventListener("mousemove",R),window.removeEventListener("mouseup",t),"min"===I&&C(!1),"max"===I&&z(!1)};window.addEventListener("mouseup",t)};l(()=>{const e=e=>{(["ArrowUp","ArrowRight"].includes(e.code)||["ArrowUp","ArrowRight"].includes(e.key))&&(e=>{v[0].current===document.activeElement&&(e.preventDefault(),s(e=>[Math.min(e[0]+B,e[1]),e[1]]),v[0].current.focus()),v[1].current===document.activeElement&&(e.preventDefault(),s(e=>[e[0],Math.max(e[1]+B,e[0])]),v[1].current.focus())})(e),(["ArrowDown","ArrowLeft"].includes(e.code)||["ArrowDown","ArrowLeft"].includes(e.key))&&(e=>{v[0].current===document.activeElement&&(e.preventDefault(),s(e=>[Math.min(e[0]-B,e[1]),e[1]]),v[0].current.focus()),v[1].current===document.activeElement&&(e.preventDefault(),s(e=>[e[0],Math.max(e[1]-B,e[0])]),v[1].current.focus())})(e)};return window.addEventListener("keydown",e),()=>{window.removeEventListener("keydown",e)}},[i]);const $=()=>e.createElement(c,{id:"min",as:s?"button":"div",ref:v[0],tabIndex:0,sx:M({},ne(s),{ml:n?f?b?"0px":"10px":["2px","1px","1px","2px"]:0,mr:f?["2px","1px","1px","2px"]:0,mb:f?0:["-2px","-2px","-2px","-3px"],borderBottom:s?({colors:e})=>`solid 1px ${e.primary}`:"unset",cursor:s?f?"ew-resize":"ns-resize":"default"},y),onMouseDown:s?D:()=>{},onClick:()=>v[0].current.focus()},g(i[0])),H=()=>e.createElement(c,{id:"max",as:s?"button":"div",ref:v[1],tabIndex:0,sx:M({},ne(s),{ml:["2px","1px","1px","2px"],mt:f?0:["-2px","-3px","-3px","-3px"],borderBottom:s?({colors:e})=>`solid 1px ${e.primary}`:"unset",cursor:s?f?"ew-resize":"ns-resize":"default"},y),onMouseDown:s?D:()=>{},onClick:()=>v[1].current.focus()},g(i[1]));return e.createElement(d,M({},w,{sx:M({flexDirection:"row",alignItems:"start",justifyContent:"flex-start",gap:["3px","6px","6px","7px"],height:f?"unset":"100%"},E)}),n&&e.createElement(le,{label:n,units:x,horizontal:f}),e.createElement(d,{sx:{flexGrow:f?1:"unset",flexDirection:"column",ml:b&&n?"4px":"0px",height:f?"unset":"100%"}},e.createElement(d,{sx:{gap:["3px","6px","6px","7px"],height:f?"unset":"100%"}},f&&i&&!b&&e.createElement($,null),e.createElement(ae,{colormap:r,horizontal:f,discrete:p,width:h,height:u}),f&&i&&!b&&e.createElement(H,null)),f&&i&&b&&e.createElement(d,{sx:{justifyContent:"space-between"}},e.createElement($,null),e.createElement(H,null))),!f&&e.createElement(d,{sx:{flexDirection:"column-reverse",justifyContent:"space-between",height:u||oe.height}},i&&e.createElement($,null),i&&e.createElement(H,null)))},ce=["sx","color","children"],se=t=>{let{sx:r,color:n,children:o}=t,a=L(t,ce);return e.createElement(c,M({as:"span",sx:M({display:"inline-block",color:n},r)},a),o)},me={Primary:t=>e.createElement(se,M({color:"primary"},t)),Secondary:t=>e.createElement(se,M({color:"secondary"},t)),Background:t=>e.createElement(se,M({color:"background"},t)),Red:t=>e.createElement(se,M({color:"red"},t)),Orange:t=>e.createElement(se,M({color:"orange"},t)),Yellow:t=>e.createElement(se,M({color:"yellow"},t)),Green:t=>e.createElement(se,M({color:"green"},t)),Teal:t=>e.createElement(se,M({color:"teal"},t)),Blue:t=>e.createElement(se,M({color:"blue"},t)),Purple:t=>e.createElement(se,M({color:"purple"},t)),Pink:t=>e.createElement(se,M({color:"pink"},t)),Grey:t=>e.createElement(se,M({color:"grey"},t))},pe=({title:t,description:r,card:n})=>{const{theme:o,colorMode:a}=x();r||console.warn("a custom description should be used for search engine optimization"),t||console.warn("a custom title should be used for search engine optimization");const l=t||"CarbonPlan",i=r||"Improving the transparency and scientific integrity of climate solutions with open data and tools.",c=n||"https://images.carbonplan.org/social/homepage.png";return e.createElement(z,null,e.createElement("title",null,l),e.createElement("meta",{name:"description",content:i}),e.createElement("meta",{name:"viewport",content:"initial-scale=1.0, width=device-width"}),e.createElement("link",{rel:"alternate icon",type:"image/png",href:"https://images.carbonplan.org/favicon.png"}),e.createElement("link",{rel:"icon",type:"image/svg+xml",href:"https://images.carbonplan.org/favicon.svg"}),e.createElement("link",{rel:"preload",href:"https://fonts.carbonplan.org/relative/relative-book-pro.woff2",as:"font",type:"font/woff2",crossOrigin:"anonymous"}),e.createElement("link",{rel:"preload",href:"https://fonts.carbonplan.org/relative/relative-medium-pro.woff2",as:"font",type:"font/woff2",crossOrigin:"anonymous"}),e.createElement("link",{rel:"preload",href:"https://fonts.carbonplan.org/relative/relative-mono-11-pitch-pro.woff2",as:"font",type:"font/woff2",crossOrigin:"anonymous"}),e.createElement("link",{rel:"preload",href:"https://fonts.carbonplan.org/relative/relative-faux-book-pro.woff2",as:"font",type:"font/woff2",crossOrigin:"anonymous"}),e.createElement("link",{rel:"manifest",href:"https://images.carbonplan.org/manifest.json"}),e.createElement("meta",{name:"theme-color",content:o.colors.background}),e.createElement("meta",{name:"color-scheme",content:"light"===a?"light":"dark"}),e.createElement("link",{rel:"mask-icon",href:"https://images.carbonplan.org/safari-pinned-tab.svg",color:"#000000"}),e.createElement("link",{rel:"apple-touch-icon",sizes:"180x180",href:"https://images.carbonplan.org/apple-touch-icon.png"}),e.createElement("meta",{name:"msapplication-TileColor",content:o.colors.background}),e.createElement("meta",{name:"msapplication-TileImage",content:"https://images.carbonplan.org/mstile-144x144.png"}),e.createElement("meta",{name:"msapplication-config",content:"https://images.carbonplan.org/browserconfig.xml"}),e.createElement("meta",{property:"og:title",content:l}),e.createElement("meta",{property:"og:description",content:i}),e.createElement("meta",{property:"og:image",content:c}),e.createElement("meta",{property:"og:url",content:"https://carbonplan.org"}),e.createElement("meta",{name:"twitter:title",content:l}),e.createElement("meta",{name:"twitter:description",content:i}),e.createElement("meta",{name:"twitter:image",content:c}),e.createElement("meta",{name:"twitter:card",content:"summary_large_image"}),e.createElement("meta",{name:"format-detection",content:"telephone=no"}))},de=t=>{let r=M({},(A(t),t));return e.createElement(c,M({as:"svg",width:"150",fill:"currentColor",stroke:"none",viewBox:"0 0 151.1 28.8"},r),e.createElement("g",null,e.createElement("g",null,e.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"})),e.createElement("g",null,e.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"})),e.createElement("g",null,e.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"})),e.createElement("g",null,e.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"})),e.createElement("g",null,e.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"})),e.createElement("g",null,e.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"})),e.createElement("g",null,e.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"})),e.createElement("g",null,e.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"})),e.createElement("g",null,e.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"})),e.createElement("g",null,e.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"})),e.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"}),e.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"})))},xe=["value","sx"],he=t=>{let{value:r,sx:n}=t,o=L(t,xe);return e.createElement(h,M({sx:M({cursor:"pointer",fill:"none",strokeWidth:"2px",stroke:"text",".paren":{opacity:"0"},"@media (hover: hover) and (pointer: fine)":{"&:hover .paren":{opacity:"1"}}},n),"aria-label":"Toggle Menu"},o),!r&&e.createElement("svg",{style:{width:"50px",height:"30px",marginTop:"-3px",flexShrink:0},xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 68 36"},e.createElement("line",{x1:"52",y1:"29.9",x2:"16",y2:"29.9"}),e.createElement("line",{x1:"52",y1:"6.1",x2:"16",y2:"6.1"}),e.createElement("line",{x1:"52",y1:"18",x2:"16",y2:"18"}),e.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"}),e.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&&e.createElement("svg",{style:{width:"50px",height:"30px",marginTop:"-3px",flexShrink:0},xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 68 36"},e.createElement("line",{x1:"50.85",y1:"29.79",x2:"17.15",y2:"6.21"}),e.createElement("line",{x1:"17.15",y1:"29.79",x2:"50.85",y2:"6.21"}),e.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"}),e.createElement("path",{style:{transition:"all 0.2s"},className:"paren",d:"M61.6,34.8c6.3-10.3,6.3-23.3,0-33.6"})))},ue=(e,t,r=!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:r?"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"}}),ge=[{url:"about",display:"About"},{url:"research",display:"Research"},{url:"blog",display:"Blog"},{url:"press",display:"Press"}],fe=()=>e.createElement(v,{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]}}),be=({link:t,mode:r,nav:n,first:o,setExpanded:a})=>{const{url:l,display:i}=t,c="remote"===r?"https://carbonplan.org/"+l:"/"+l;return"homepage"===r||"local"===r&&n===l?e.createElement(w,{href:c,passHref:!0},e.createElement(p,{onClick:()=>{n===l&&a(!1)},sx:ue(n,l,o)},e.createElement(fe,null),i)):e.createElement(p,{href:c,sx:ue(n,l,o)},e.createElement(fe,null),i)},Ee=({links:t,nav:r,mode:n,setExpanded:o})=>t.map((t,a)=>e.createElement(be,{key:a,link:t,mode:n,nav:r,first:0===a,setExpanded:o})),ye=({status:t,mode:r,nav:n,menuItems:o})=>{const[l,i]=a(!1);return e.createElement(O,{sx:{pt:["12px"],pb:[3]}},e.createElement(R,{start:[1],width:[2]},e.createElement(c,{sx:{pointerEvents:"all",display:"block",width:"fit-content"}},("homepage"==r||"local"==r)&&e.createElement(w,{href:"/",passHref:!0},e.createElement(p,{"aria-label":"CarbonPlan Homepage",sx:{display:"block"}},e.createElement(de,{id:"logo",sx:{cursor:"pointer",color:"primary"}}))),(null==r||"remote"==r)&&e.createElement(p,{href:"https://carbonplan.org","aria-label":"CarbonPlan Homepage",sx:{display:"block"}},e.createElement(de,{sx:{cursor:"pointer",color:"primary"}})))),e.createElement(R,{start:[4,9],width:[2,2],dr:1,sx:{display:[t?"flex":"none","flex","flex","flex"],alignItems:"center"}},e.createElement(c,{sx:{fontSize:[1,2,3],position:"relative",top:["-2px","-3px","-3px"]}},t?`(${t})`:"")),e.createElement(R,{start:[t?6:4,6,11,11],width:[t?1:3,3,2,2],sx:{zIndex:5e3}},e.createElement(d,{sx:{pointerEvents:"all",justifyContent:"flex-end"}},e.createElement(c,{sx:{display:[t?"none":"flex","flex","flex","flex"],mr:"18px",gap:"18px",opacity:l?0:1,transition:"opacity 0.15s",justifyContent:"space-between",alignItems:"center"}},o),e.createElement(he,{sx:{flexShrink:0,mr:["-2px"]},value:l,onClick:e=>{i(!l)}}))),e.createElement(c,{sx:{opacity:l?1:0,pointerEvents:l?"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"}},e.createElement(u,null,e.createElement(O,null,e.createElement(R,{start:[2,4,7,7],width:[5,4,5,5]},e.createElement(c,{as:"nav",sx:{display:l?"inherit":"none",mt:[5,5,5,6]}},e.createElement(Ee,{links:ge,nav:n,mode:r,setExpanded:i})))))))},we=t=>{let r=M({},(A(t),t));return e.createElement(c,M({as:"svg",width:"80",stroke:"none",fill:"currentColor",viewBox:"0 0 32 32"},r),e.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"}),e.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"}),e.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"}))},ve=()=>e.createElement(c,{sx:{mt:[7,7,7,8],mb:[7,7,7,8],pb:[2,1,0,0]}},e.createElement(O,{sx:{mb:[0,0,4,5]}},e.createElement(R,{start:[1,2],width:[3,3]},e.createElement(c,null,e.createElement(c,{sx:{fontSize:[2,2,2,3],fontFamily:"heading",letterSpacing:"mono",mb:[2]}},"EMAIL"),e.createElement(p,{href:"mailto:hello@carbonplan.org",sx:{textDecoration:"none",fontSize:[2,2,2,3]}},"hello@carbonplan.org"))),e.createElement(R,{start:[5],width:[1],dl:1,dr:1,sx:{display:["flex","none","none","none"],justifyContent:["center"]}},e.createElement(we,{sx:{mt:["-4px"],width:"60px",height:"60px"}})),e.createElement(R,{start:[1,5,5,5],width:[3,3],sx:{mt:[3,0,0,0]}},e.createElement(c,null,e.createElement(c,{sx:{fontSize:[2,2,2,3],fontFamily:"heading",letterSpacing:"mono",mb:[2]}},"FOLLOW"),e.createElement(p,{href:"https://twitter.com/carbonplanorg",sx:{textDecoration:"none",fontSize:[2,2,2,3]}},"@carbonplanorg"))),e.createElement(R,{start:[1,9],width:[5,4,3,3],sx:{mt:["42px","42px",0,0],mb:[3,3,0,0]}},e.createElement(c,null,e.createElement(c,{sx:{fontSize:[2,2,2,3],fontFamily:"body",color:"secondary"}},"CarbonPlan is a registered nonprofit public benefit corporation in California with 501(c)(3) status.")))),e.createElement(O,{sx:{mb:["2px"],mt:[5,5,4]}},e.createElement(R,{start:[1,1,2,2],width:[3,2,3,3],sx:{display:"flex",alignItems:["flex-start","flex-start","flex-end"]}},e.createElement(c,{sx:{bottom:"0px",borderStyle:"solid",borderColor:"muted",borderWidth:"0px",borderTopWidth:"1px",pt:[2]}},e.createElement(c,{sx:{color:"secondary",fontSize:[1,1,1,2],fontFamily:"mono",letterSpacing:"mono"}},"(c) 2022 CARBONPLAN"))),e.createElement(R,{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]}},e.createElement(c,{sx:{bottom:"0px",borderStyle:"solid",borderColor:"muted",borderWidth:"0px",borderTopWidth:"1px",width:["100%","auto","auto","auto"],pt:[2]}},e.createElement(w,{href:"/terms",passHref:!0},e.createElement(c,{as:"a",sx:{textDecoration:"none",fontSize:[1,1,1,2],color:"secondary",fontFamily:"mono",letterSpacing:"mono",display:"block"}},"READ OUR TERMS")))),e.createElement(R,{start:[5,7,9,9],width:[2,3,3,3],sx:{display:["none","initial","initial","initial"]}},e.createElement(we,{sx:{width:80,height:80,mt:[0,"-10px",4,5],mb:["-12px"]}})))),ke=["sx"],Ce=t=>{let{sx:r}=t,n=L(t,ke);const[o,a]=g(),l=i(()=>{a("light"===o?"dark":"light")},[o]);return e.createElement(h,M({"aria-label":"Toggle dark mode",onClick:l,role:"checkbox",sx:M({width:32,height:32,display:"inline-block",cursor:"pointer",color:"secondary"},r)},n),e.createElement(k,{sx:{strokeWidth:"1.75",transition:"stroke 0.15s","@media (hover: hover) and (pointer: fine)":{"&:hover":{stroke:"primary"}}}}))},Se=()=>{const t=process.env.NEXT_PUBLIC_VERCEL_GIT_COMMIT_SHA,r=process.env.NEXT_PUBLIC_VERCEL_GIT_REPO_OWNER,n=process.env.NEXT_PUBLIC_VERCEL_GIT_REPO_SLUG,{theme:o}=x(),a=o.rawColors.secondary;if(t&&r&&n){const o=t.substring(0,7),l="https://github.com/"+r+"/"+n+"/tree/"+t;return e.createElement(c,{sx:{display:"inline-block",width:"87px"}},e.createElement(ze,{color:a}),e.createElement(p,{href:l,sx:{whiteSpace:"nowrap",display:"inline-block",ml:[2],fontFamily:"mono",letterSpacing:"body",color:a,fontSize:[1],textTransform:"uppercase",textDecoration:"none"}},o))}return e.createElement(c,{sx:{display:"inline-block",width:"87px"}},e.createElement(ze,{color:a}),e.createElement(f,{sx:{whiteSpace:"nowrap",display:"inline-block",ml:[2],fontFamily:"mono",letterSpacing:"body",color:a,fontSize:[1],textTransform:"uppercase"}},a))},ze=({color:t})=>e.createElement("svg",{fill:t,opacity:"0.8",viewBox:"0 0 24 24",width:"24",height:"24"},e.createElement("circle",{r:5,cx:19,cy:19})),We=({mode:t})=>{const[r,n]=a(function(e){return"mouse"===e?`X,Y: ${Ae(0,4)},${Ae(0,4)}`:"scroll"===e?`SCROLL: 0.${Ae((0).toFixed(0),2)}`:e}(t));return l(()=>{if("mouse"===t){const e=e=>{const t=Ae(e.clientX,4),r=Ae(e.clientY,4);n(`X,Y: ${t},${r}`)};return window.addEventListener("mousemove",e),()=>{window.removeEventListener("mousemove",e)}}if("scroll"===t){const e=e=>{const t=function(e,t){return Math.min(e.scrollY/(document.body.offsetHeight-770),.99)}(window);n(`SCROLL: 0.${Ae((100*t).toFixed(0),2)}`)};return window.addEventListener("scroll",e),()=>{window.removeEventListener("scroll",e)}}},[]),e.createElement(f,{sx:{whiteSpace:"nowrap",display:"inline-block",mr:"-6px",fontFamily:"mono",letterSpacing:"body",color:"secondary",fontSize:[1],textTransform:"uppercase"}},r)},Me=({mode:t})=>e.createElement(c,{sx:{userSelect:"none",position:"fixed",bottom:"42px",right:"24px",transformOrigin:"right",transform:"rotate(90deg)",display:["none","none","initial"]}},e.createElement(We,{mode:t}),e.createElement(Se,null));function Ae(e,t){return e.toString().padStart(t,"0")}const Le=["duration","delay","children"],Te=W({from:{opacity:0},to:{opacity:1}}),Fe=t=>{let{duration:r=300,delay:n=0,children:o}=t,a=L(t,Le);return e.createElement(c,M({},a,{sx:{animationDuration:r+"ms",animationDelay:n+"ms",animationName:Te.toString(),animationFillMode:"backwards"}}),o)},Ie=e=>{const t=e.createElement("div");t.style.visibility="hidden",t.style.width="100px",e.body.appendChild(t),t.style.overflow="scroll";const r=e.createElement("div");r.style.width="100%",t.appendChild(r);const n=t.offsetWidth-r.offsetWidth;return t.parentNode.removeChild(t),n},Oe=()=>(l(()=>{"undefined"!=typeof document&&Ie(document)>0&&(document.body.classList.add("custom-scrollbar"),document.getElementsByTagName("html")[0].classList.add("custom-scrollbar"))},[]),null),Be=({color:t="muted"})=>{const[r,n]=a(!1);return l(()=>{function e(e){const{key:t,metaKey:r}=e;";"===t&&r&&n(e=>!e)}return document.addEventListener("keydown",e),()=>{document.removeEventListener("keydown",e)}},[]),e.createElement(c,{sx:{position:"fixed",width:"100%",left:0,top:0,zIndex:"teal"===t?5e3:-1,pointerEvents:"none",display:r?"initial":"none"}},e.createElement(u,null,e.createElement(c,{sx:{display:["none","none","initial","initial"]}},e.createElement(De,{indices:[1,2,3,4,5,6,7,8,9,10,11,12],color:t})),e.createElement(c,{sx:{display:["none","initial","none","none"]}},e.createElement(De,{indices:[1,2,3,4,5,6,7,8],color:t})),e.createElement(c,{sx:{display:["initial","none","none","none"]}},e.createElement(De,{indices:[1,2,3,4,5,6],color:t}))))},Re=["red","orange","yellow","green","teal","blue","purple","pink"];function De({indices:t,color:r}){const n={outerGuideColumn:{borderStyle:"solid",borderWidth:"0px",borderLeftWidth:"teal"===r?"0px":"1px",borderRightWidth:"teal"===r?"0px":"1px",opacity:"teal"==r?.4:1},innerGuideColumn:{borderStyle:"solid",borderWidth:"0px",borderLeftWidth:"0px",borderRightWidth:"0px",opacity:"teal"==r?.4:1}};return e.createElement(O,null,t.map(t=>e.createElement(R,{key:t,start:[t],width:[1,1],dl:.5,dr:.5,sx:M({bg:"teal"===r?"teal":"transparent",height:"100vh"},n.innerGuideColumn)},e.createElement(c,{sx:M({mx:["12px",3,3,4],bg:"teal"===r?"background":"transparent",height:"100%",borderLeftColor:"rainbow"===r?Re[t%8]:"muted",borderRightColor:"rainbow"===r?Re[t%8]:"muted"},n.outerGuideColumn)}))))}const $e=["value","sx"],He=t=>{let{value:r,sx:n}=t,o=L(t,$e);return e.createElement(h,M({sx:M({cursor:"pointer",fill:"none",strokeWidth:"2px",stroke:"text",".paren":{opacity:"0"},"@media (hover: hover) and (pointer: fine)":{"&:hover .paren":{opacity:"1"}}},n),"aria-label":"Toggle Menu"},o),!r&&e.createElement("svg",{style:{width:"50px",height:"30px",marginTop:"-3px",flexShrink:0},xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 68 36"},e.createElement("line",{x1:"24",y1:"2.1",x2:"24",y2:"6.1"}),e.createElement("line",{x1:"24",y1:"24.1",x2:"24",y2:"33.9"}),e.createElement("line",{x1:"44",y1:"2.1",x2:"44",y2:"12.1"}),e.createElement("line",{x1:"44",y1:"30.1",x2:"44",y2:"33.9"}),e.createElement("circle",{cx:"24",cy:"15.1",r:"5"}),e.createElement("circle",{cx:"44",cy:"21.1",r:"5"}),e.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"}),e.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&&e.createElement("svg",{style:{width:"50px",height:"30px",marginTop:"-3px",flexShrink:0},xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 68 36"},e.createElement("line",{x1:"50.85",y1:"29.79",x2:"17.15",y2:"6.21"}),e.createElement("line",{x1:"17.15",y1:"29.79",x2:"50.85",y2:"6.21"}),e.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"}),e.createElement("path",{style:{transition:"all 0.2s"},className:"paren",d:"M61.6,34.8c6.3-10.3,6.3-23.3,0-33.6"})))},je=({title:t,description:r,card:n,children:o,status:a,nav:i,settings:s,footer:m=!0,header:p=!0,metadata:h="mouse",links:g="remote",dimmer:f="bottom",guide:b=!0,scrollbar:E=!1,fade:y=!0,container:w=!0,printable:v=!1})=>{let k=o;y&&(k=e.createElement(Fe,{duration:250},k)),w&&(k=e.createElement(c,{sx:{mb:[8,8,9,10]}},e.createElement(u,null,k)));const{theme:C}=x(),S=v?{"@media print":{display:"none"}}:{};l(()=>{if(!C)return;const e=window.matchMedia(`(min-width: ${C.breakpoints[1]})`);return e.onchange=e=>{e.matches&&null!=s&&s.value&&null!=s&&s.onClick&&(null==s||s.onClick())},()=>{e.onchange=null}},[null==C?void 0:C.breakpoints,null==s?void 0:s.value,null==s?void 0:s.onClick]);const z=[e.createElement(Ce,{key:"dimmer",sx:{color:"primary",mt:"-2px",display:["block","block","top"===f?"block":"none","top"===f?"block":"none"]}})];return s&&z.push(e.createElement(He,M({key:"settings",sx:{mr:["2px"],display:["inherit","inherit","none","none"]}},s))),e.createElement(e.Fragment,null,b&&e.createElement(Be,{color:b}),E&&e.createElement(Oe,null),e.createElement(pe,{card:n,description:r,title:t}),e.createElement(d,{sx:{flexDirection:"column",minHeight:"100vh"}},p&&e.createElement(c,{as:"header",sx:M({width:"100%",borderStyle:"solid",borderColor:"muted",borderWidth:"0px",borderBottomWidth:"1px",position:"sticky",top:0,bg:"background",height:"56px",zIndex:2e3},S)},e.createElement(u,null,e.createElement(ye,{mode:g,status:a,nav:i,menuItems:z}))),e.createElement(c,{sx:{width:"100%",flex:"1 1 auto"}},k),m&&e.createElement(c,{as:"footer",sx:M({width:"100%",borderStyle:"solid",borderColor:"muted",borderWidth:"0px",borderTopWidth:"1px"},S)},e.createElement(u,null,e.createElement(ve,null))),"bottom"===f&&e.createElement(c,{sx:{display:["none","none","initial","initial"],position:["fixed"],right:[13],bottom:[17,17,15,15]}},e.createElement(Ce,null)),h&&e.createElement(Me,{mode:h})))},_e=()=>e.createElement(je,{footer:!1,title:"404 – CarbonPlan",description:"Sorry but we can't seem to find the page you are looking for."},e.createElement(O,{sx:{mb:[5,0,0],pt:[0,0,6]}},e.createElement(R,{start:[1,1,3,3],width:[6,4,4,4]},e.createElement(c,{as:"h1",variant:"styles.h1"},"Oops!"),e.createElement(c,{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."),e.createElement(c,{sx:{color:"secondary",fontFamily:"mono",letterSpacing:"mono",fontSize:[2,2,2,3],mt:[4,5,5]}},"ERROR CODE 404")),e.createElement(R,{start:[2,5,7,7],width:[4,4,4,4]},e.createElement(c,{sx:{width:["100%"],mt:[2,4,4,5],fill:"primary"}},e.createElement(S,{sx:{width:"100%",height:"auto"}}))))),Ve=({value:t,id:r,onClick:n,sx:o})=>e.createElement(h,{onClick:n,id:r,role:"checkbox","aria-checked":t,"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"}}},o)},e.createElement("svg",{viewBox:"0 0 16 16"},e.createElement("path",{d:"M8,0 V16 M0,8 H16",style:{strokeWidth:2,transition:"0.25s all",transformOrigin:"8px 8px",transform:t?"rotate(45deg)":""}}))),Ne=({as:t="figure",children:r,sx:n})=>e.createElement(c,{as:t,sx:M({my:[6,6,6,7],"@media print":{breakInside:"avoid"}},n)},e.createElement($,{spacing:[4,4,4,5]},r)),Pe=({as:t="figcaption",number:r,children:n})=>e.createElement(te,{as:t,number:r,label:"figure"},n),Ge=["label","value","sx","children"],Ye=t=>{let{label:r,value:n,sx:o,children:a}=t,l=L(t,Ge);const i=o&&o.color?o.color:"primary",s=l&&(l.onClick||l.onDoubleClick);return e.createElement(c,M({as:s?"button":"span",role:"checkbox","aria-checked":n,"aria-label":r,sx:M({display:"inline-block",fontSize:[1,1,1,2],fontFamily:"mono",letterSpacing:"mono",cursor:s?"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==n||n?1:"primary"==i?.24:.33},o)},l),a)},Xe=["values","setValues","label","colors","showAll","multiSelect"],Ue={label:{fontFamily:"mono",letterSpacing:"mono",fontSize:[1,1,1,2],color:"secondary",userSelect:"none",textTransform:"uppercase"}},qe=(e,t,r={})=>Object.keys(e).reduce((e,n)=>Object.assign(e,{[n]:r[n]||t}),{}),Ke=e=>Object.keys(e).filter(t=>e[t]).length==Object.keys(e).length,Ze=({values:e,multiSelect:t,setValues:r,value:n})=>{const o=Ke(e),a="all"===n;let l;t?l=a&&!o?qe(e,!0):a&&o?qe(e,!1):M({},e,{[n]:!e[n]}):a&&!o?l=qe(e,!0):a&&o||(l=qe(e,!1,{[n]:!0})),l&&r(l)},Je=t=>{let{values:r,setValues:n,label:o,colors:a,showAll:l=!1,multiSelect:i=!1}=t,s=L(t,Xe);return e.createElement(c,s,o&&e.createElement(c,{sx:Ue.label},o),e.createElement(c,{sx:{mt:o?[3]:0}},l&&e.createElement(Ye,{onClick:()=>Ze({values:r,multiSelect:i,setValues:n,value:"all"}),value:Ke(r),sx:{mr:[2]}},"All"),Object.keys(r).map((t,o)=>e.createElement(Ye,{onClick:()=>Ze({values:r,multiSelect:i,setValues:n,value:t}),onDoubleClick:()=>Ze({values:r,multiSelect:!1,setValues:n,value:t}),key:o,value:r[t],sx:{width:"max-content",color:a?a[t]:"primary",mr:[2],mb:[1]}},t))))},Qe=({children:t,variant:r="h1"})=>{let n;return"h1"===r&&(n=[4,"27px","42px","54px"]),"h2"===r&&(n=[4,4,"14px","25px"]),e.createElement(e.Fragment,null,e.createElement(R,{start:[1,4,8,8],width:[1,1,1,1]},e.createElement(c,{sx:{mt:n,fontFamily:"faux",letterSpacing:"faux",fontSize:[2,2,2,3],textAlign:"right"}},"/")),e.createElement(R,{start:[2,5,9,9],width:[3,3,2,2]},e.createElement(c,{sx:{mt:n,fontFamily:"faux",letterSpacing:"faux",fontSize:[2,2,2,3],height:["100%","0px","0px","0px"]}},t)))},et=({children:t,sidenote:r,variant:n="h1",description:o,descriptionStart:a=[1,3,5,5],descriptionWidth:l=[5,5,5,4],sx:i})=>{let s=[6,6,6,6];if(o&&(s[1]=a[1]-1,s[2]=a[2]-2,s[3]=a[3]-2),!["h1","h2"].includes(n))throw new Error(`variant must be 'h1' or 'h2' but got '${n}'`);return e.createElement(O,{sx:M({mt:[5,6,7,8],mb:[5,6,7,8]},i)},e.createElement(R,{start:[1,1,2,2],width:s},"h1"===n&&e.createElement(c,{as:"h1",variant:"styles.h1",sx:{my:[0,0,0,0]}},t),"h2"===n&&e.createElement(c,{as:"h2",variant:"styles.h2",sx:{my:[0,0,0,0]}},t)),r&&e.createElement(Qe,{variant:n},r),o&&e.createElement(R,{start:a,width:l},e.createElement(c,{sx:{mt:[4,"5px","20px","31px"],fontSize:[2,2,2,3]}},o)))},tt=["size","inverted","sx"];var rt=r((t,r)=>{let{size:n="sm",inverted:o,sx:a}=t,l=L(t,tt);const i=M({color:o?"secondary":"primary",borderColor:"secondary",borderStyle:"solid",borderWidth:"0px",borderBottomWidth:"1px",borderRadius:"0px",transition:"border 0.15s",borderBottomWidth:"1px",width:"calc(min(15ch, 100%))",p:[0],py:["2px"],"input::-webkit-outer-spin-button":{WebkitAppearance:"none",margin:0},"input::-webkit-inner-spin-button":{WebkitAppearance:"none",margin:0},":focus":{borderColor:"primary"},":focus-visible":{outline:"none !important",background:"none !important"}},q(n),a);return e.createElement(b,M({},l,{ref:r,sx:i}))});const nt=({members:t,color:r,inverted:n,tracking:o,size:a="xs",rowGap:l=[2,2,2,3],columnGap:i=[3,3,3,4],direction:c="horizontal",sx:s})=>e.createElement(d,{sx:M({flexDirection:"horizontal"===c?"row":"column",rowGap:l,columnGap:i,flexWrap:"wrap"},s)},t.map((t,l)=>e.createElement(J,{key:l,href:t.href,label:t.label,size:a,sx:{color:r},inverted:n,suffix:e.createElement(C,null),tracking:o},t.label))),ot=["children","size","sx","sxSelect"],at=t=>{let{children:r,size:n="sm",sx:a,sxSelect:l}=t,i=L(t,ot);const s=a&&a.color?a.color:"primary",m=q(n),p=o(null),{onChange:d}=i,x=(h=e=>"onChange"!==e,e=>{const t={};for(const r in e)h(r||"")&&(t[r]=e[r]);return t})(i);var h;if(!["xs","sm","md"].includes(n))throw new Error("Size must be xs, sm, or md");let u,g,f,b,E;return"xs"===n&&(g=[14,14,14,16],f=[14,14,14,14],E=["1px"],b=["-14px","-14px","-14px","-16px"]),"sm"===n&&(g=[15,15,15,20],f=[15,15,15,20],E=["1px"],b=["-16px","-16px","-16px","-20px"]),"md"===n&&(g=[20,20,20,20],f=[20,20,20,20],E=["2px"],b=["-20px","-20px","-20px","-20px"]),u=f.map(e=>e+12),e.createElement(c,{sx:M({display:"inline-block"},a)},e.createElement(c,M({as:"select",ref:p,onChange:e=>{p.current.blur(),d&&d(e)},sx:M({},m,{lineHeight:"normal",cursor:"pointer",WebkitAppearance:"none",MozAppearance:"none",pb:["5px"],bg:"background",pr:u,border:"none",borderBottomStyle:"solid",borderBottomWidth:"1px",borderBottomColor:"primary",borderRadius:"0px",color:"text",width:"fit-content",color:s,userSelect:"none","@media (hover: none) and (pointer: coarse)":{"&:focus-visible":{outline:"none !important",background:"transparent !important"}}},l)},x),r),e.createElement(v,{sx:{width:f,height:g,position:"relative",ml:b,top:E,fill:"secondary",transform:"rotate(135deg)",pointerEvents:"none"}}))},lt=["sx"];var it=r((t,r)=>{let{sx:n}=t,o=L(t,lt);const a=n&&n.color?n.color:"primary",{theme:{rawColors:l}}=x();return e.createElement(E,M({ref:r,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:a,"&::-webkit-slider-thumb":{boxShadow:`0 0 0 4px ${l.secondary}`},"&::-moz-range-thumb":{boxShadow:`0 0 0 4px ${l.secondary}`}},color:a},n)},o))});const ct={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]}},st=({data:t,sx:r,color:n,header:o,columns:a,start:l,width:i,index:s=!0,borderBottom:m=!0,borderTop:p=!0})=>{if(!l||!a||!i)throw new Error("Must provide columns, start, and width");return e.createElement(c,{as:"table",sx:M({display:"block"},r)},e.createElement(c,{as:"tbody",sx:{display:"block"}},o&&e.createElement(O,{as:"tr",sx:M({},ct.reset,ct.header,ct.row,{color:n,borderTopWidth:p?"1px":"0px"})},e.createElement(R,{as:"td",start:[1],width:a,sx:ct.index},o)),t.map((r,n)=>e.createElement(O,{as:"tr",columns:a,key:n,sx:M({},ct.reset,ct.row,{pb:m&&n===t.length-1?["18px","18px","18px","22px"]:[3,3,3,"20px"],borderBottomWidth:m&&n===t.length-1?"1px":"0px",borderTopWidth:p||0!==n||o?"1px":"0px"})},r.map((t,r)=>e.createElement(R,{as:"td",key:r,start:l[r],width:i[r],sx:M({},ct.reset,0==r&&s?ct.index:ct.entry)},t))))))},mt=({as:t="figcaption",number:r,children:n})=>e.createElement(te,{as:t,number:r,label:"table"},n),pt=["value","onClick","disabled","sx"];var dt=r((t,r)=>{let{value:n,onClick:o,disabled:a,sx:l}=t,i=L(t,pt);const s=l&&l.color?l.color:"primary";return n=!a&&n,e.createElement(c,M({ref:r,as:"button",onClick:o,role:"checkbox","aria-checked":n,"aria-label":"Toggle",sx:M({border:"none",background:"none",cursor:a?"default":"pointer",p:[0],m:[0],display:"inline-block"},l)},i),e.createElement(c,{sx:{width:"50px",height:"20px",borderRadius:"20px",backgroundColor:n?y(s,"primary"==s?.5:.45):"muted",position:"relative",transition:"0.15s",display:"inline-block"}},e.createElement(c,{sx:{width:"14px",height:"14px",borderRadius:"7px",position:"absolute",left:n?"32px":"4px",top:"3px",backgroundColor:n?s:"secondary",transition:"0.15s"}})))});const xt=({id:t})=>t?e.createElement(e.Fragment,null,e.createElement("script",{async:!0,src:`https://www.googletagmanager.com/gtag/js?id=${t}`}),e.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,ht=({expanded:t,sx:r,children:n})=>e.createElement(e.Fragment,null,e.createElement(c,{sx:{position:"fixed",top:"56px",bottom:"0px",left:"0px",width:"calc(100vw)",mt:["56px"],bg:"background",zIndex:1e3,transition:"opacity 0.15s",opacity:t?.9:0,pointerEvents:t?"all":"none"}}),e.createElement(c,{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:t?"translateY(0)":"translateY(-100%)"},r)},e.createElement(O,null,e.createElement(R,{start:[1,1,1,1],width:[6,8,10,10]},n)))),ut={month:"short",day:"numeric",year:"numeric"},gt=(e,t,r)=>{if(!r)return null;const n="string"==typeof r?r:ut[t],o=e.toLocaleString("default",{[t]:n});return"numeric"===n&&["day","month"].includes(t)?o.padStart(2,"0"):o},ft=(e,t=ut)=>{var r;const n=new Date(e.replace(/-/g,"/"));return[gt(n,"month",t.month),gt(n,"day",t.day),gt(n,"year",t.year)].filter(Boolean).join(null!=(r=t.separator)?r:" ")},bt=()=>{const[e,t]=a(null);return l(()=>{document&&Ie(document)>0&&t("custom-scrollbar")},[]),e};export{F as Avatar,V as AvatarGroup,P as Badge,Y as Blockquote,J as Button,ee as Callout,te as Caption,ie as Colorbar,me as Colors,R as Column,_e as Custom404,Ce as Dimmer,Ve as Expander,Fe as FadeIn,Ne as Figure,Pe as FigureCaption,Je as Filter,ve as Footer,$ as Group,Be as Guide,ye as Header,et as Heading,rt as Input,je as Layout,U as Link,nt as LinkGroup,de as Logo,he as Menu,pe as Meta,we as Monogram,O as Row,Oe as Scrollbar,at as Select,He as Settings,it as Slider,st as Table,mt as TableCaption,Ye as Tag,dt as Toggle,xt as Tracking,ht as Tray,ft as formatDate,Ie as getScrollbarWidth,bt as useScrollbarClass};
2
2
  //# sourceMappingURL=index.modern.js.map