@carbonplan/components 11.0.5-develop.3 → 11.0.6

package/dst/index.js

@@ -46,13 +46,15 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 
+var _excluded$g = ["sx", "children"];
+
 var Badge = function Badge(_ref) {
   var sx = _ref.sx,
       children = _ref.children,
-      props = _objectWithoutPropertiesLoose(_ref, ["sx", "children"]);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$g);
 
   var color$1 = sx && sx.color ? sx.color : 'primary';
-  return /*#__PURE__*/React__default['default'].createElement(themeUi.Box, _extends({
+  return /*#__PURE__*/React__default["default"].createElement(themeUi.Box, _extends({
     sx: _extends({
       display: 'inline-block',
       width: 'fit-content',
@@ -63,7 +65,7 @@ var Badge = function Badge(_ref) {
       userSelect: 'none',
       fontSize: [2, 2, 2, 3]
     }, sx)
-  }, props), /*#__PURE__*/React__default['default'].createElement(themeUi.Box, {
+  }, props), /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
     sx: {
       letterSpacing: '0.02em',
       fontFamily: 'mono',
@@ -74,6 +76,8 @@ var Badge = function Badge(_ref) {
   }, children));
 };
 
+var _excluded$f = ["href", "children", "internal", "tracking"];
+
 var event = function event(_ref) {
   var action = _ref.action,
       category = _ref.category,
@@ -99,13 +103,13 @@ var Link = function Link(_ref2, ref) {
       internal = _ref2$internal === void 0 ? false : _ref2$internal,
       _ref2$tracking = _ref2.tracking,
       tracking = _ref2$tracking === void 0 ? false : _ref2$tracking,
-      props = _objectWithoutPropertiesLoose(_ref2, ["href", "children", "internal", "tracking"]);
+      props = _objectWithoutPropertiesLoose(_ref2, _excluded$f);
 
   if (internal || href && href.startsWith('/')) {
-    return /*#__PURE__*/React__default['default'].createElement(NextLink__default['default'], {
+    return /*#__PURE__*/React__default["default"].createElement(NextLink__default["default"], {
       href: href,
       passHref: true
-    }, /*#__PURE__*/React__default['default'].createElement(themeUi.Link, _extends({
+    }, /*#__PURE__*/React__default["default"].createElement(themeUi.Link, _extends({
       ref: ref
     }, props), children));
   } else if (tracking) {
@@ -128,14 +132,14 @@ var Link = function Link(_ref2, ref) {
       });
     };
 
-    return /*#__PURE__*/React__default['default'].createElement(themeUi.Link, _extends({
+    return /*#__PURE__*/React__default["default"].createElement(themeUi.Link, _extends({
       ref: ref,
       onClick: track,
       onContextMenu: track,
       href: href
     }, props), children);
   } else {
-    return /*#__PURE__*/React__default['default'].createElement(themeUi.Link, _extends({
+    return /*#__PURE__*/React__default["default"].createElement(themeUi.Link, _extends({
       ref: ref,
       href: href
     }, props), children);
@@ -194,6 +198,8 @@ var getSizeStyles = function getSizeStyles(size) {
   };
 };
 
+var _excluded$e = ["size", "prefix", "suffix", "inverted", "sx", "children", "align", "href", "internal", "tracking"];
+
 var Button = function Button(_ref, ref) {
   var _ref$size = _ref.size,
       size = _ref$size === void 0 ? 'sm' : _ref$size,
@@ -206,7 +212,7 @@ var Button = function Button(_ref, ref) {
       href = _ref.href,
       internal = _ref.internal,
       tracking = _ref.tracking,
-      props = _objectWithoutPropertiesLoose(_ref, ["size", "prefix", "suffix", "inverted", "sx", "children", "align", "href", "internal", "tracking"]);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$e);
 
   if (!['xs', 'sm', 'md', 'lg', 'xl'].includes(size)) {
     throw new Error('Size must be xs, sm, md, lg, or xl');
@@ -344,18 +350,18 @@ var Button = function Button(_ref, ref) {
     }, suffixHover, prefixHover)
   }, sx);
 
-  var Inner = /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(themeUi.Box, {
+  var Inner = /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
     as: "span",
     id: "prefix-span",
     sx: _extends({
       display: 'inline-block'
     }, prefixOffset)
-  }, prefix && prefix), /*#__PURE__*/React__default['default'].createElement(themeUi.Box, {
+  }, prefix && prefix), /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
     as: "span",
     sx: {
       transition: 'color 0.15s'
     }
-  }, children), /*#__PURE__*/React__default['default'].createElement(themeUi.Box, {
+  }, children), /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
     as: "span",
     id: "suffix-span",
     sx: _extends({
@@ -364,7 +370,7 @@ var Button = function Button(_ref, ref) {
   }, suffix && suffix));
 
   if (href) {
-    return /*#__PURE__*/React__default['default'].createElement(Link$1, _extends({
+    return /*#__PURE__*/React__default["default"].createElement(Link$1, _extends({
       ref: ref,
       href: href,
       internal: internal,
@@ -374,7 +380,7 @@ var Button = function Button(_ref, ref) {
       })
     }, props), Inner);
   } else {
-    return /*#__PURE__*/React__default['default'].createElement(themeUi.Box, _extends({
+    return /*#__PURE__*/React__default["default"].createElement(themeUi.Box, _extends({
       ref: ref,
       as: "button",
       sx: style
@@ -384,6 +390,8 @@ var Button = function Button(_ref, ref) {
 
 var button = React.forwardRef(Button);
 
+var _excluded$d = ["label", "children", "inverted", "color", "href", "internal", "tracking", "sx"];
+
 var Callout = function Callout(_ref, ref) {
   var label = _ref.label,
       children = _ref.children,
@@ -393,7 +401,7 @@ var Callout = function Callout(_ref, ref) {
       internal = _ref.internal,
       tracking = _ref.tracking,
       sx = _ref.sx,
-      props = _objectWithoutPropertiesLoose(_ref, ["label", "children", "inverted", "color", "href", "internal", "tracking", "sx"]);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$d);
 
   var baseColor = color || (inverted ? 'secondary' : 'primary');
   var hoverColor = color ? 'primary' : inverted ? 'primary' : 'secondary';
@@ -423,13 +431,13 @@ var Callout = function Callout(_ref, ref) {
     }
   }, sx);
 
-  var Inner = /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(themeUi.Box, {
+  var Inner = /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
     sx: {
       transition: '0.15s',
       letterSpacing: 'body',
       pb: ['6px']
     }
-  }, children), /*#__PURE__*/React__default['default'].createElement(themeUi.Box, {
+  }, children), /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
     sx: {
       transition: '0.15s',
       display: 'inline-block',
@@ -438,14 +446,14 @@ var Callout = function Callout(_ref, ref) {
       fontFamily: 'heading',
       fontSize: [2, 2, 2, 3]
     }
-  }, label), /*#__PURE__*/React__default['default'].createElement(themeUi.Box, {
+  }, label), /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
     as: "span",
     id: "container",
     sx: {
       ml: [2],
       display: 'inline-block'
     }
-  }, /*#__PURE__*/React__default['default'].createElement(icons.Arrow, {
+  }, /*#__PURE__*/React__default["default"].createElement(icons.Arrow, {
     id: "arrow",
     sx: {
       transition: 'fill 0.15s, transform 0.15s',
@@ -458,7 +466,7 @@ var Callout = function Callout(_ref, ref) {
   })));
 
   if (href) {
-    return /*#__PURE__*/React__default['default'].createElement(Link$1, _extends({
+    return /*#__PURE__*/React__default["default"].createElement(Link$1, _extends({
       ref: ref,
       href: href,
       internal: internal,
@@ -466,7 +474,7 @@ var Callout = function Callout(_ref, ref) {
       sx: style
     }, props), Inner);
   } else {
-    return /*#__PURE__*/React__default['default'].createElement(themeUi.Box, _extends({
+    return /*#__PURE__*/React__default["default"].createElement(themeUi.Box, _extends({
       ref: ref,
       as: "button",
       sx: style
@@ -476,7 +484,8 @@ var Callout = function Callout(_ref, ref) {
 
 var callout = React.forwardRef(Callout);
 
-var styles = {
+var _excluded$c = ["colormap", "label", "clim", "setClim", "setClimStep", "discrete", "units", "width", "height", "format", "horizontal", "bottom", "sx", "sxClim"];
+var styles$1 = {
   clim: function clim(setClim) {
     return {
       fontFamily: 'mono',
@@ -521,7 +530,7 @@ var Gradient = function Gradient(_ref3) {
     return "rgb(" + d + ") " + i * step + "% " + (discrete && i < colormap.length - 1 ? (i + 1) * step + "%" : '');
   });
   var css = "linear-gradient(to " + (horizontal ? 'right' : 'top') + ", " + values.join(',') + ")";
-  return /*#__PURE__*/React__default['default'].createElement(themeUi.Box, {
+  return /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
     sx: _extends({}, horizontal ? {
       width: width || DIMENSIONS.height,
       height: height || DIMENSIONS.width
@@ -543,12 +552,12 @@ var Label = function Label(_ref5) {
   var label = _ref5.label,
       units = _ref5.units,
       horizontal = _ref5.horizontal;
-  return /*#__PURE__*/React__default['default'].createElement(themeUi.Box, {
+  return /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
     sx: !horizontal && {
       width: ['13px', '17px', '17px', '19px'],
       alignSelf: 'flex-end'
     }
-  }, /*#__PURE__*/React__default['default'].createElement(themeUi.Box, {
+  }, /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
     sx: _extends({
       mb: horizontal ? 0 : ['-4px', '-4px', '-4px', '-3px'],
       fontFamily: 'mono',
@@ -562,7 +571,7 @@ var Label = function Label(_ref5) {
       display: 'inline-block',
       overflow: 'visible'
     })
-  }, label, ' ', /*#__PURE__*/React__default['default'].createElement(themeUi.Box, {
+  }, label, ' ', /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
     as: "span",
     sx: {
       textTransform: 'none',
@@ -593,7 +602,7 @@ var Colorbar = function Colorbar(_ref6) {
       bottom = _ref6$bottom === void 0 ? false : _ref6$bottom,
       sx = _ref6.sx,
       sxClim = _ref6.sxClim,
-      props = _objectWithoutPropertiesLoose(_ref6, ["colormap", "label", "clim", "setClim", "setClimStep", "discrete", "units", "width", "height", "format", "horizontal", "bottom", "sx", "sxClim"]);
+      props = _objectWithoutPropertiesLoose(_ref6, _excluded$c);
 
   if (!Array.isArray(colormap)) {
     throw new Error("expected array for colormap, got '" + colormap + "'.");
@@ -713,11 +722,11 @@ var Colorbar = function Colorbar(_ref6) {
   }, [clim]);
 
   var ClimMin = function ClimMin() {
-    return /*#__PURE__*/React__default['default'].createElement(themeUi.Box, {
+    return /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
       id: "min",
       ref: climRef[0],
       tabIndex: 0,
-      sx: _extends({}, styles.clim(setClim), {
+      sx: _extends({}, styles$1.clim(setClim), {
         ml: label ? horizontal ? bottom ? '0px' : '10px' : ['2px', '1px', '1px', '2px'] : 0,
         mr: horizontal ? ['2px', '1px', '1px', '2px'] : 0,
         mb: horizontal ? 0 : ['-2px', '-2px', '-2px', '-3px'],
@@ -738,11 +747,11 @@ var Colorbar = function Colorbar(_ref6) {
   };
 
   var ClimMax = function ClimMax() {
-    return /*#__PURE__*/React__default['default'].createElement(themeUi.Box, {
+    return /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
       id: "max",
       ref: climRef[1],
       tabIndex: 0,
-      sx: _extends({}, styles.clim(setClim), {
+      sx: _extends({}, styles$1.clim(setClim), {
         ml: horizontal ? ['2px', '1px', '1px', '2px'] : ['2px', '1px', '1px', '2px'],
         mt: horizontal ? 0 : ['-2px', '-3px', '-3px', '-3px'],
         borderBottom: setClim ? climMaxDragging ? function (_ref9) {
@@ -761,7 +770,7 @@ var Colorbar = function Colorbar(_ref6) {
     }, format(clim[1]));
   };
 
-  return /*#__PURE__*/React__default['default'].createElement(themeUi.Flex, _extends({}, props, {
+  return /*#__PURE__*/React__default["default"].createElement(themeUi.Flex, _extends({}, props, {
     sx: _extends({
       flexDirection: 'row',
       alignItems: 'start',
@@ -769,41 +778,43 @@ var Colorbar = function Colorbar(_ref6) {
       gap: ['3px', '6px', '6px', '7px'],
       height: !horizontal ? '100%' : 'unset'
     }, sx)
-  }), label && /*#__PURE__*/React__default['default'].createElement(Label, {
+  }), label && /*#__PURE__*/React__default["default"].createElement(Label, {
     label: label,
     units: units,
     horizontal: horizontal
-  }), /*#__PURE__*/React__default['default'].createElement(themeUi.Flex, {
+  }), /*#__PURE__*/React__default["default"].createElement(themeUi.Flex, {
     sx: {
       flexGrow: horizontal ? 1 : 'unset',
       flexDirection: 'column',
       ml: bottom && label ? '4px' : '0px',
       height: !horizontal ? '100%' : 'unset'
     }
-  }, /*#__PURE__*/React__default['default'].createElement(themeUi.Flex, {
+  }, /*#__PURE__*/React__default["default"].createElement(themeUi.Flex, {
     sx: {
       gap: ['3px', '6px', '6px', '7px'],
       height: !horizontal ? '100%' : 'unset'
     }
-  }, horizontal && clim && !bottom && /*#__PURE__*/React__default['default'].createElement(ClimMin, null), /*#__PURE__*/React__default['default'].createElement(Gradient, {
+  }, horizontal && clim && !bottom && /*#__PURE__*/React__default["default"].createElement(ClimMin, null), /*#__PURE__*/React__default["default"].createElement(Gradient, {
     colormap: colormap,
     horizontal: horizontal,
     discrete: discrete,
     width: width,
     height: height
-  }), horizontal && clim && !bottom && /*#__PURE__*/React__default['default'].createElement(ClimMax, null)), horizontal && clim && bottom && /*#__PURE__*/React__default['default'].createElement(themeUi.Flex, {
+  }), horizontal && clim && !bottom && /*#__PURE__*/React__default["default"].createElement(ClimMax, null)), horizontal && clim && bottom && /*#__PURE__*/React__default["default"].createElement(themeUi.Flex, {
     sx: {
       justifyContent: 'space-between'
     }
-  }, /*#__PURE__*/React__default['default'].createElement(ClimMin, null), /*#__PURE__*/React__default['default'].createElement(ClimMax, null))), !horizontal && /*#__PURE__*/React__default['default'].createElement(themeUi.Flex, {
+  }, /*#__PURE__*/React__default["default"].createElement(ClimMin, null), /*#__PURE__*/React__default["default"].createElement(ClimMax, null))), !horizontal && /*#__PURE__*/React__default["default"].createElement(themeUi.Flex, {
     sx: {
       flexDirection: 'column-reverse',
       justifyContent: 'space-between',
       height: height || DIMENSIONS.height
     }
-  }, clim && /*#__PURE__*/React__default['default'].createElement(ClimMin, null), clim && /*#__PURE__*/React__default['default'].createElement(ClimMax, null)));
+  }, clim && /*#__PURE__*/React__default["default"].createElement(ClimMin, null), clim && /*#__PURE__*/React__default["default"].createElement(ClimMax, null)));
 };
 
+var _excluded$b = ["start", "width", "dl", "dr", "children", "sx"];
+
 var Column = function Column(_ref) {
   var start = _ref.start,
       width = _ref.width,
@@ -811,7 +822,7 @@ var Column = function Column(_ref) {
       dr = _ref.dr,
       children = _ref.children,
       sx = _ref.sx,
-      props = _objectWithoutPropertiesLoose(_ref, ["start", "width", "dl", "dr", "children", "sx"]);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$b);
 
   start = start || 'auto';
   width = width || 'auto';
@@ -874,7 +885,7 @@ var Column = function Column(_ref) {
     }
   }
 
-  return /*#__PURE__*/React__default['default'].createElement(themeUi.Box, _extends({}, props, {
+  return /*#__PURE__*/React__default["default"].createElement(themeUi.Box, _extends({}, props, {
     sx: _extends({
       gridColumnStart: start,
       gridColumnEnd: end,
@@ -891,92 +902,92 @@ var Meta = function Meta(_ref) {
   title = title ? title : 'carbonplan';
   description = description ? description : 'Data and science for climate action.';
   card = card ? card : 'https://images.carbonplan.org/social/homepage.png';
-  return /*#__PURE__*/React__default['default'].createElement(Head__default['default'], null, /*#__PURE__*/React__default['default'].createElement("title", null, title), /*#__PURE__*/React__default['default'].createElement("meta", {
+  return /*#__PURE__*/React__default["default"].createElement(Head__default["default"], null, /*#__PURE__*/React__default["default"].createElement("title", null, title), /*#__PURE__*/React__default["default"].createElement("meta", {
     name: "description",
     content: description
-  }), /*#__PURE__*/React__default['default'].createElement("meta", {
+  }), /*#__PURE__*/React__default["default"].createElement("meta", {
     name: "viewport",
     content: "initial-scale=1.0, width=device-width"
-  }), /*#__PURE__*/React__default['default'].createElement("link", {
+  }), /*#__PURE__*/React__default["default"].createElement("link", {
     rel: "canonical",
     content: "https://carbonplan.org/"
-  }), /*#__PURE__*/React__default['default'].createElement("link", {
+  }), /*#__PURE__*/React__default["default"].createElement("link", {
     rel: "icon",
     type: "image/svg+xml",
     href: "https://images.carbonplan.org/favicon.svg"
-  }), /*#__PURE__*/React__default['default'].createElement("link", {
+  }), /*#__PURE__*/React__default["default"].createElement("link", {
     rel: "preload",
     href: "https://fonts.carbonplan.org/relative/relative-book-pro.woff2",
     as: "font",
     type: "font/woff2",
     crossOrigin: "anonymous"
-  }), /*#__PURE__*/React__default['default'].createElement("link", {
+  }), /*#__PURE__*/React__default["default"].createElement("link", {
     rel: "preload",
     href: "https://fonts.carbonplan.org/relative/relative-medium-pro.woff2",
     as: "font",
     type: "font/woff2",
     crossOrigin: "anonymous"
-  }), /*#__PURE__*/React__default['default'].createElement("link", {
+  }), /*#__PURE__*/React__default["default"].createElement("link", {
     rel: "preload",
     href: "https://fonts.carbonplan.org/relative/relative-mono-11-pitch-pro.woff2",
     as: "font",
     type: "font/woff2",
     crossOrigin: "anonymous"
-  }), /*#__PURE__*/React__default['default'].createElement("link", {
+  }), /*#__PURE__*/React__default["default"].createElement("link", {
     rel: "preload",
     href: "https://fonts.carbonplan.org/relative/relative-faux-book-pro.woff2",
     as: "font",
     type: "font/woff2",
     crossOrigin: "anonymous"
-  }), /*#__PURE__*/React__default['default'].createElement("link", {
+  }), /*#__PURE__*/React__default["default"].createElement("link", {
     rel: "manifest",
     href: "https://images.carbonplan.org/manifest.json"
-  }), /*#__PURE__*/React__default['default'].createElement("meta", {
+  }), /*#__PURE__*/React__default["default"].createElement("meta", {
     name: "theme-color",
     content: "#1b1e23"
-  }), /*#__PURE__*/React__default['default'].createElement("link", {
+  }), /*#__PURE__*/React__default["default"].createElement("link", {
     rel: "alternate icon",
     type: "image/png",
     href: "https://images.carbonplan.org/favicon.png"
-  }), /*#__PURE__*/React__default['default'].createElement("link", {
+  }), /*#__PURE__*/React__default["default"].createElement("link", {
     rel: "mask-icon",
     href: "https://images.carbonplan.org/safari-pinned-tab.svg",
     color: "#000000"
-  }), /*#__PURE__*/React__default['default'].createElement("link", {
+  }), /*#__PURE__*/React__default["default"].createElement("link", {
     rel: "apple-touch-icon",
     sizes: "180x180",
     href: "https://images.carbonplan.org/apple-touch-icon.png"
-  }), /*#__PURE__*/React__default['default'].createElement("meta", {
+  }), /*#__PURE__*/React__default["default"].createElement("meta", {
     name: "msapplication-TileColor",
     content: "#1b1e23"
-  }), /*#__PURE__*/React__default['default'].createElement("meta", {
+  }), /*#__PURE__*/React__default["default"].createElement("meta", {
     name: "msapplication-TileImage",
     content: "https://images.carbonplan.org/mstile-144x144.png"
-  }), /*#__PURE__*/React__default['default'].createElement("meta", {
+  }), /*#__PURE__*/React__default["default"].createElement("meta", {
     name: "msapplication-config",
     content: "https://images.carbonplan.org/browserconfig.xml"
-  }), /*#__PURE__*/React__default['default'].createElement("meta", {
+  }), /*#__PURE__*/React__default["default"].createElement("meta", {
     property: "og:title",
     content: title
-  }), /*#__PURE__*/React__default['default'].createElement("meta", {
+  }), /*#__PURE__*/React__default["default"].createElement("meta", {
     property: "og:description",
     content: description
-  }), /*#__PURE__*/React__default['default'].createElement("meta", {
+  }), /*#__PURE__*/React__default["default"].createElement("meta", {
     property: "og:image",
     content: card
-  }), /*#__PURE__*/React__default['default'].createElement("meta", {
+  }), /*#__PURE__*/React__default["default"].createElement("meta", {
     property: "og:url",
     content: "https://carbonplan.org"
-  }), /*#__PURE__*/React__default['default'].createElement("meta", {
+  }), /*#__PURE__*/React__default["default"].createElement("meta", {
     name: "twitter:title",
     content: title
-  }), /*#__PURE__*/React__default['default'].createElement("meta", {
+  }), /*#__PURE__*/React__default["default"].createElement("meta", {
     name: "twitter:description",
     content: description
-  }), /*#__PURE__*/React__default['default'].createElement("meta", {
+  }), /*#__PURE__*/React__default["default"].createElement("meta", {
     name: "twitter:image",
     content: card
-  }), /*#__PURE__*/React__default['default'].createElement("meta", {
+  }), /*#__PURE__*/React__default["default"].createElement("meta", {
     name: "twitter:card",
     content: "summary_large_image"
   }));
@@ -985,45 +996,47 @@ var Meta = function Meta(_ref) {
 var Logo = function Logo(_ref) {
   var props = _extends({}, _ref);
 
-  return /*#__PURE__*/React__default['default'].createElement(themeUi.Box, _extends({
+  return /*#__PURE__*/React__default["default"].createElement(themeUi.Box, _extends({
     as: "svg",
     width: "150",
     fill: "currentColor",
     stroke: "none",
     viewBox: "0 0 151.1 28.8"
-  }, props), /*#__PURE__*/React__default['default'].createElement("g", null, /*#__PURE__*/React__default['default'].createElement("g", null, /*#__PURE__*/React__default['default'].createElement("path", {
+  }, props), /*#__PURE__*/React__default["default"].createElement("g", null, /*#__PURE__*/React__default["default"].createElement("g", null, /*#__PURE__*/React__default["default"].createElement("path", {
     d: "M9.7,20.1c-1.3-1.4-2-3.1-2-5.2c0-2.1,0.7-3.9,2-5.2c1.3-1.4,3-2,5.1-2c1.7,0,3.1,0.4,4.3,1.3 c1.1,0.9,1.8,2.1,2.1,3.5c0,0.1,0,0.2,0,0.3s-0.1,0.2-0.2,0.2h-2.3c-0.2,0-0.3-0.1-0.4-0.2c-0.3-0.8-0.7-1.4-1.3-1.8 c-0.6-0.4-1.4-0.6-2.2-0.6c-1.3,0-2.3,0.4-3,1.2c-0.8,0.8-1.1,1.9-1.1,3.4c0,1.5,0.4,2.6,1.1,3.4c0.8,0.8,1.8,1.2,3,1.2 c0.8,0,1.6-0.2,2.2-0.6c0.6-0.4,1.1-1,1.3-1.8c0.1-0.2,0.2-0.2,0.4-0.3H21c0.1,0,0.2,0.1,0.2,0.2c0,0.1,0,0.2,0,0.3 c-0.3,1.4-1,2.6-2.1,3.5c-1.1,0.9-2.5,1.3-4.3,1.3C12.7,22.1,11,21.4,9.7,20.1z"
-  })), /*#__PURE__*/React__default['default'].createElement("g", null, /*#__PURE__*/React__default['default'].createElement("path", {
+  })), /*#__PURE__*/React__default["default"].createElement("g", null, /*#__PURE__*/React__default["default"].createElement("path", {
     d: "M22.5,17.6c0-1.5,0.5-2.6,1.6-3.5c1.1-0.8,2.4-1.2,4.1-1.2c1.1,0,2.4,0.2,3.7,0.6V13c0-0.9-0.3-1.6-0.8-2.1 c-0.5-0.5-1.2-0.8-2.2-0.8c-1.4,0-2.4,0.6-2.9,1.8c-0.1,0.2-0.2,0.2-0.4,0.2h-2.3c-0.1,0-0.2-0.1-0.2-0.2c0-0.1,0-0.2,0-0.3 c0.3-1.2,0.9-2.2,1.9-2.9c1-0.8,2.3-1.1,3.8-1.1C30.6,7.6,32,8.1,33,9c1,0.9,1.5,2.2,1.5,3.8V19c0,1.1,0.2,1.9,0.5,2.6 c0,0.1,0.1,0.1,0.1,0.1c0,0.1-0.1,0.1-0.3,0.1h-2.8c-0.2,0-0.3-0.1-0.3-0.3v-1c-1.1,1.1-2.5,1.6-4.3,1.6c-1.4,0-2.6-0.4-3.6-1.2 C23,20.1,22.5,19,22.5,17.6z M25.4,17.5c0,0.6,0.2,1.1,0.7,1.5c0.4,0.4,1.1,0.5,1.9,0.5c1.1,0,2-0.3,2.8-0.9 c0.8-0.6,1.1-1.5,1.1-2.6c-1.3-0.4-2.5-0.6-3.6-0.6c-0.8,0-1.5,0.2-2.1,0.5C25.7,16.3,25.4,16.8,25.4,17.5z"
-  })), /*#__PURE__*/React__default['default'].createElement("g", null, /*#__PURE__*/React__default['default'].createElement("path", {
+  })), /*#__PURE__*/React__default["default"].createElement("g", null, /*#__PURE__*/React__default["default"].createElement("path", {
     d: "M37,21.6V8.2c0-0.2,0.1-0.3,0.3-0.3h2.2c0.2,0,0.3,0.1,0.3,0.3v1.1c1-1.1,2.3-1.6,3.7-1.6 c0.8,0,1.7,0.1,2.5,0.4c0.2,0.1,0.3,0.3,0.3,0.5v2.2c0,0.2-0.1,0.3-0.2,0.3c0,0-0.1,0-0.2-0.1c-1.1-0.5-2-0.8-2.9-0.8 c-0.9,0-1.7,0.4-2.3,1.1c-0.6,0.7-0.9,1.7-0.9,3v7.3c0,0.2-0.1,0.3-0.3,0.3h-2.2C37.1,21.8,37,21.7,37,21.6z"
-  })), /*#__PURE__*/React__default['default'].createElement("g", null, /*#__PURE__*/React__default['default'].createElement("path", {
+  })), /*#__PURE__*/React__default["default"].createElement("g", null, /*#__PURE__*/React__default["default"].createElement("path", {
     d: "M47.6,21.6V2.7c0-0.2,0.1-0.3,0.3-0.3H50c0.2,0,0.3,0.1,0.3,0.3v6.5c1.3-1.1,2.7-1.6,4.3-1.6 c1.9,0,3.4,0.7,4.6,2c1.1,1.3,1.7,3.1,1.7,5.3c0,2.2-0.6,4-1.7,5.3c-1.1,1.3-2.7,2-4.6,2c-1.8,0-3.2-0.5-4.3-1.6v1 c0,0.2-0.1,0.3-0.3,0.3h-2.2C47.7,21.8,47.6,21.7,47.6,21.6z M51.2,11.5c-0.7,0.9-1.1,2-1.1,3.3c0,1.4,0.4,2.5,1.1,3.3 s1.7,1.3,2.9,1.3c1.2,0,2.2-0.4,2.9-1.3c0.7-0.9,1.1-2,1.1-3.3c0-1.4-0.4-2.5-1.1-3.3c-0.7-0.9-1.7-1.3-2.9-1.3 C52.9,10.2,51.9,10.7,51.2,11.5z"
-  })), /*#__PURE__*/React__default['default'].createElement("g", null, /*#__PURE__*/React__default['default'].createElement("path", {
+  })), /*#__PURE__*/React__default["default"].createElement("g", null, /*#__PURE__*/React__default["default"].createElement("path", {
     d: "M64.3,20.1c-1.4-1.4-2.1-3.1-2.1-5.2c0-2.1,0.7-3.9,2.1-5.2c1.4-1.4,3.1-2,5.2-2c2.1,0,3.8,0.7,5.2,2 c1.4,1.4,2.1,3.1,2.1,5.2c0,2.1-0.7,3.9-2.1,5.2c-1.4,1.4-3.1,2-5.2,2C67.4,22.1,65.7,21.4,64.3,20.1z M66.4,11.5 c-0.8,0.8-1.2,2-1.2,3.4c0,1.4,0.4,2.5,1.2,3.4s1.9,1.3,3.1,1.3c1.3,0,2.3-0.4,3.1-1.3c0.8-0.8,1.2-2,1.2-3.4 c0-1.4-0.4-2.5-1.2-3.4c-0.8-0.8-1.9-1.3-3.1-1.3C68.2,10.2,67.2,10.7,66.4,11.5z"
-  })), /*#__PURE__*/React__default['default'].createElement("g", null, /*#__PURE__*/React__default['default'].createElement("path", {
+  })), /*#__PURE__*/React__default["default"].createElement("g", null, /*#__PURE__*/React__default["default"].createElement("path", {
     d: "M78.7,21.6V8.2c0-0.2,0.1-0.3,0.3-0.3h2.2c0.2,0,0.3,0.1,0.3,0.3v1.3c1.3-1.2,2.7-1.8,4.4-1.8 c1.5,0,2.7,0.4,3.5,1.3c0.8,0.9,1.3,2,1.3,3.6v9.1c0,0.2-0.1,0.3-0.3,0.3h-2.2c-0.2,0-0.3-0.1-0.3-0.3v-8.3c0-2-0.9-3.1-2.8-3.1 c-1.1,0-1.9,0.4-2.7,1.2c-0.7,0.8-1.1,2-1.1,3.5v6.6c0,0.2-0.1,0.3-0.3,0.3h-2.2C78.7,21.8,78.7,21.7,78.7,21.6z"
-  })), /*#__PURE__*/React__default['default'].createElement("g", null, /*#__PURE__*/React__default['default'].createElement("path", {
+  })), /*#__PURE__*/React__default["default"].createElement("g", null, /*#__PURE__*/React__default["default"].createElement("path", {
     d: "M101.7,27.1V8.2c0-0.2,0.1-0.3,0.3-0.3h2.2c0.2,0,0.3,0.1,0.3,0.3v1c1.1-1.1,2.5-1.6,4.3-1.6 c1.9,0,3.4,0.7,4.6,2s1.7,3.1,1.7,5.3c0,2.2-0.6,4-1.7,5.3c-1.1,1.3-2.7,2-4.6,2c-1.5,0-3-0.5-4.3-1.6v6.6c0,0.2-0.1,0.3-0.3,0.3 H102C101.8,27.3,101.7,27.2,101.7,27.1z M105.3,11.5c-0.7,0.9-1.1,2-1.1,3.3c0,1.4,0.4,2.5,1.1,3.3s1.7,1.3,2.9,1.3 c1.2,0,2.2-0.4,2.9-1.3c0.7-0.9,1.1-2,1.1-3.3c0-1.4-0.4-2.5-1.1-3.3c-0.7-0.9-1.7-1.3-2.9-1.3C107,10.2,106,10.7,105.3,11.5z"
-  })), /*#__PURE__*/React__default['default'].createElement("g", null, /*#__PURE__*/React__default['default'].createElement("path", {
+  })), /*#__PURE__*/React__default["default"].createElement("g", null, /*#__PURE__*/React__default["default"].createElement("path", {
     d: "M117.2,21.6V2.7c0-0.2,0.1-0.3,0.3-0.3h2.2c0.2,0,0.3,0.1,0.3,0.3v18.9c0,0.2-0.1,0.3-0.3,0.3h-2.2 C117.3,21.8,117.2,21.7,117.2,21.6z"
-  })), /*#__PURE__*/React__default['default'].createElement("g", null, /*#__PURE__*/React__default['default'].createElement("path", {
+  })), /*#__PURE__*/React__default["default"].createElement("g", null, /*#__PURE__*/React__default["default"].createElement("path", {
     d: "M122,17.6c0-1.5,0.5-2.6,1.6-3.5c1.1-0.8,2.4-1.2,4.1-1.2c1.1,0,2.4,0.2,3.7,0.6V13c0-0.9-0.3-1.6-0.8-2.1 c-0.5-0.5-1.2-0.8-2.2-0.8c-1.4,0-2.4,0.6-2.9,1.8c-0.1,0.2-0.2,0.2-0.4,0.2h-2.3c-0.1,0-0.2-0.1-0.2-0.2c0-0.1,0-0.2,0-0.3 c0.3-1.2,0.9-2.2,1.9-2.9c1-0.8,2.3-1.1,3.8-1.1c1.7,0,3.1,0.5,4.2,1.4s1.5,2.2,1.5,3.8V19c0,1.1,0.2,1.9,0.5,2.6 c0,0.1,0.1,0.1,0.1,0.1c0,0.1-0.1,0.1-0.3,0.1h-2.8c-0.2,0-0.3-0.1-0.3-0.3v-1c-1.1,1.1-2.5,1.6-4.3,1.6c-1.4,0-2.6-0.4-3.6-1.2 C122.5,20.1,122,19,122,17.6z M124.9,17.5c0,0.6,0.2,1.1,0.7,1.5c0.4,0.4,1.1,0.5,1.9,0.5c1.1,0,2-0.3,2.8-0.9 c0.8-0.6,1.1-1.5,1.1-2.6c-1.3-0.4-2.5-0.6-3.6-0.6c-0.8,0-1.5,0.2-2.1,0.5C125.2,16.3,124.9,16.8,124.9,17.5z"
-  })), /*#__PURE__*/React__default['default'].createElement("g", null, /*#__PURE__*/React__default['default'].createElement("path", {
+  })), /*#__PURE__*/React__default["default"].createElement("g", null, /*#__PURE__*/React__default["default"].createElement("path", {
     d: "M136.9,21.6V8.2c0-0.2,0.1-0.3,0.3-0.3h2.2c0.2,0,0.3,0.1,0.3,0.3v1.3c1.3-1.2,2.7-1.8,4.4-1.8 c1.5,0,2.7,0.4,3.5,1.3c0.8,0.9,1.3,2,1.3,3.6v9.1c0,0.2-0.1,0.3-0.3,0.3h-2.2c-0.2,0-0.3-0.1-0.3-0.3v-8.3c0-2-0.9-3.1-2.8-3.1 c-1.1,0-1.9,0.4-2.7,1.2c-0.7,0.8-1.1,2-1.1,3.5v6.6c0,0.2-0.1,0.3-0.3,0.3h-2.2C137,21.8,136.9,21.7,136.9,21.6z"
-  })), /*#__PURE__*/React__default['default'].createElement("path", {
+  })), /*#__PURE__*/React__default["default"].createElement("path", {
     d: "M97.6,14.9c0,4.2-0.6,8.3-1.6,12.3c0,0.1-0.1,0.2-0.2,0.2h-2.4c-0.1,0-0.2-0.1-0.2-0.3c1.1-3.9,1.7-8,1.7-12.2 s-0.6-8.3-1.7-12.2c0-0.1,0.1-0.3,0.2-0.3l2.4,0c0.1,0,0.2,0.1,0.2,0.2C97.1,6.5,97.6,10.6,97.6,14.9z"
-  }), /*#__PURE__*/React__default['default'].createElement("path", {
+  }), /*#__PURE__*/React__default["default"].createElement("path", {
     d: "M1.4,14.9C1.4,10.6,2,6.5,3,2.6c0-0.1,0.1-0.2,0.2-0.2l2.4,0c0.1,0,0.2,0.1,0.2,0.3c-1.1,3.9-1.7,8-1.7,12.2 s0.6,8.3,1.7,12.2c0,0.1-0.1,0.3-0.2,0.3H3.3c-0.1,0-0.2-0.1-0.2-0.2C2,23.2,1.4,19.1,1.4,14.9z"
   })));
 };
 
+var _excluded$a = ["children", "sx", "columns", "gap"];
+
 var Row = function Row(_ref) {
   var children = _ref.children,
       sx = _ref.sx,
       columns = _ref.columns,
       gap = _ref.gap,
-      props = _objectWithoutPropertiesLoose(_ref, ["children", "sx", "columns", "gap"]);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$a);
 
   var makeArray = function makeArray(input) {
     if (!Array.isArray(input)) {
@@ -1066,7 +1079,7 @@ var Row = function Row(_ref) {
     columns = [6, 8, 12, 12];
   }
 
-  return /*#__PURE__*/React__default['default'].createElement(themeUi.Grid, _extends({}, props, {
+  return /*#__PURE__*/React__default["default"].createElement(themeUi.Grid, _extends({}, props, {
     columns: columns,
     sx: _extends({
       columnGap: columnGap,
@@ -1075,12 +1088,14 @@ var Row = function Row(_ref) {
   }), children);
 };
 
+var _excluded$9 = ["value", "sx"];
+
 var Menu = function Menu(_ref) {
   var value = _ref.value,
       sx = _ref.sx,
-      props = _objectWithoutPropertiesLoose(_ref, ["value", "sx"]);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$9);
 
-  return /*#__PURE__*/React__default['default'].createElement(themeUi.IconButton, _extends({
+  return /*#__PURE__*/React__default["default"].createElement(themeUi.IconButton, _extends({
     sx: _extends({
       cursor: 'pointer',
       fill: 'none',
@@ -1096,7 +1111,7 @@ var Menu = function Menu(_ref) {
       }
     }, sx),
     "aria-label": "Toggle Menu"
-  }, props), !value && /*#__PURE__*/React__default['default'].createElement("svg", {
+  }, props), !value && /*#__PURE__*/React__default["default"].createElement("svg", {
     style: {
       width: '50px',
       height: '30px',
@@ -1105,34 +1120,34 @@ var Menu = function Menu(_ref) {
     },
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 68 36"
-  }, /*#__PURE__*/React__default['default'].createElement("line", {
+  }, /*#__PURE__*/React__default["default"].createElement("line", {
     x1: "52",
     y1: "29.9",
     x2: "16",
     y2: "29.9"
-  }), /*#__PURE__*/React__default['default'].createElement("line", {
+  }), /*#__PURE__*/React__default["default"].createElement("line", {
     x1: "52",
     y1: "6.1",
     x2: "16",
     y2: "6.1"
-  }), /*#__PURE__*/React__default['default'].createElement("line", {
+  }), /*#__PURE__*/React__default["default"].createElement("line", {
     x1: "52",
     y1: "18",
     x2: "16",
     y2: "18"
-  }), /*#__PURE__*/React__default['default'].createElement("path", {
+  }), /*#__PURE__*/React__default["default"].createElement("path", {
     style: {
       transition: 'all 0.2s'
     },
     className: "paren",
     d: "M6.4,1.2c-6.3,10.3-6.3,23.3,0,33.6"
-  }), /*#__PURE__*/React__default['default'].createElement("path", {
+  }), /*#__PURE__*/React__default["default"].createElement("path", {
     style: {
       transition: 'all 0.2s'
     },
     className: "paren",
     d: "M61.6,34.8c6.3-10.3,6.3-23.3,0-33.6"
-  })), value && /*#__PURE__*/React__default['default'].createElement("svg", {
+  })), value && /*#__PURE__*/React__default["default"].createElement("svg", {
     style: {
       width: '50px',
       height: '30px',
@@ -1141,23 +1156,23 @@ var Menu = function Menu(_ref) {
     },
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 68 36"
-  }, /*#__PURE__*/React__default['default'].createElement("line", {
+  }, /*#__PURE__*/React__default["default"].createElement("line", {
     x1: "50.85",
     y1: "29.79",
     x2: "17.15",
     y2: "6.21"
-  }), /*#__PURE__*/React__default['default'].createElement("line", {
+  }), /*#__PURE__*/React__default["default"].createElement("line", {
     x1: "17.15",
     y1: "29.79",
     x2: "50.85",
     y2: "6.21"
-  }), /*#__PURE__*/React__default['default'].createElement("path", {
+  }), /*#__PURE__*/React__default["default"].createElement("path", {
     style: {
       transition: 'all 0.2s'
     },
     className: "paren",
     d: "M6.4,1.2c-6.3,10.3-6.3,23.3,0,33.6"
-  }), /*#__PURE__*/React__default['default'].createElement("path", {
+  }), /*#__PURE__*/React__default["default"].createElement("path", {
     style: {
       transition: 'all 0.2s'
     },
@@ -1166,7 +1181,7 @@ var Menu = function Menu(_ref) {
   })));
 };
 
-var sx = {
+var sx$1 = {
   link: function link(current, label, first) {
     if (first === void 0) {
       first = false;
@@ -1214,7 +1229,7 @@ var links = [{
 }];
 
 var HoverArrow = function HoverArrow() {
-  return /*#__PURE__*/React__default['default'].createElement(icons.Arrow, {
+  return /*#__PURE__*/React__default["default"].createElement(icons.Arrow, {
     id: "arrow",
     sx: {
       pointerEvents: 'none',
@@ -1242,20 +1257,20 @@ var Nav = function Nav(_ref) {
   var href = mode === 'remote' ? 'https://carbonplan.org/' + url : '/' + url;
 
   if (mode === 'homepage' || mode === 'local' && nav === url) {
-    return /*#__PURE__*/React__default['default'].createElement(NextLink__default['default'], {
+    return /*#__PURE__*/React__default["default"].createElement(NextLink__default["default"], {
       href: href,
       passHref: true
-    }, /*#__PURE__*/React__default['default'].createElement(themeUi.Link, {
+    }, /*#__PURE__*/React__default["default"].createElement(themeUi.Link, {
       onClick: function onClick() {
         if (nav === url) setExpanded(false);
       },
-      sx: sx.link(nav, url, first)
-    }, /*#__PURE__*/React__default['default'].createElement(HoverArrow, null), display));
+      sx: sx$1.link(nav, url, first)
+    }, /*#__PURE__*/React__default["default"].createElement(HoverArrow, null), display));
   } else {
-    return /*#__PURE__*/React__default['default'].createElement(themeUi.Link, {
+    return /*#__PURE__*/React__default["default"].createElement(themeUi.Link, {
       href: href,
-      sx: sx.link(nav, url, first)
-    }, /*#__PURE__*/React__default['default'].createElement(HoverArrow, null), display);
+      sx: sx$1.link(nav, url, first)
+    }, /*#__PURE__*/React__default["default"].createElement(HoverArrow, null), display);
   }
 };
 
@@ -1265,7 +1280,7 @@ var NavGroup = function NavGroup(_ref2) {
       mode = _ref2.mode,
       setExpanded = _ref2.setExpanded;
   return links.map(function (d, i) {
-    return /*#__PURE__*/React__default['default'].createElement(Nav, {
+    return /*#__PURE__*/React__default["default"].createElement(Nav, {
       key: i,
       link: d,
       mode: mode,
@@ -1290,45 +1305,45 @@ var Header = function Header(_ref3) {
     setExpanded(!expanded);
   };
 
-  return /*#__PURE__*/React__default['default'].createElement(Row, {
+  return /*#__PURE__*/React__default["default"].createElement(Row, {
     sx: {
       pt: ['12px'],
       pb: [3]
     }
-  }, /*#__PURE__*/React__default['default'].createElement(Column, {
+  }, /*#__PURE__*/React__default["default"].createElement(Column, {
     start: [1],
     width: [2]
-  }, /*#__PURE__*/React__default['default'].createElement(themeUi.Box, {
+  }, /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
     sx: {
       display: 'block',
       width: 'fit-content'
     }
-  }, (mode == 'homepage' || mode == 'local') && /*#__PURE__*/React__default['default'].createElement(NextLink__default['default'], {
+  }, (mode == 'homepage' || mode == 'local') && /*#__PURE__*/React__default["default"].createElement(NextLink__default["default"], {
     href: "/",
     passHref: true
-  }, /*#__PURE__*/React__default['default'].createElement(themeUi.Link, {
+  }, /*#__PURE__*/React__default["default"].createElement(themeUi.Link, {
     "aria-label": "CarbonPlan Homepage",
     sx: {
       display: 'block'
     }
-  }, /*#__PURE__*/React__default['default'].createElement(Logo, {
+  }, /*#__PURE__*/React__default["default"].createElement(Logo, {
     id: "logo",
     sx: {
       cursor: 'pointer',
       color: 'primary'
     }
-  }))), (mode == null || mode == 'remote') && /*#__PURE__*/React__default['default'].createElement(themeUi.Link, {
+  }))), (mode == null || mode == 'remote') && /*#__PURE__*/React__default["default"].createElement(themeUi.Link, {
     href: "https://carbonplan.org",
     "aria-label": "CarbonPlan Homepage",
     sx: {
       display: 'block'
     }
-  }, /*#__PURE__*/React__default['default'].createElement(Logo, {
+  }, /*#__PURE__*/React__default["default"].createElement(Logo, {
     sx: {
       cursor: 'pointer',
       color: 'primary'
     }
-  })))), /*#__PURE__*/React__default['default'].createElement(Column, {
+  })))), /*#__PURE__*/React__default["default"].createElement(Column, {
     start: [4, 9],
     width: [2, 2],
     dr: 1,
@@ -1336,23 +1351,23 @@ var Header = function Header(_ref3) {
       display: [status ? 'flex' : 'none', 'flex', 'flex', 'flex'],
       alignItems: 'center'
     }
-  }, /*#__PURE__*/React__default['default'].createElement(themeUi.Box, {
+  }, /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
     sx: {
       fontSize: [1, 2, 3],
       position: 'relative',
       top: ['-2px', '-3px', '-3px']
     }
-  }, status ? "(" + status + ")" : '')), /*#__PURE__*/React__default['default'].createElement(Column, {
+  }, status ? "(" + status + ")" : '')), /*#__PURE__*/React__default["default"].createElement(Column, {
     start: [status ? 6 : 4, 6, 11, 11],
     width: [status ? 1 : 3, 3, 2, 2],
     sx: {
       zIndex: 5000
     }
-  }, /*#__PURE__*/React__default['default'].createElement(themeUi.Flex, {
+  }, /*#__PURE__*/React__default["default"].createElement(themeUi.Flex, {
     sx: {
       justifyContent: 'flex-end'
     }
-  }, /*#__PURE__*/React__default['default'].createElement(themeUi.Flex, {
+  }, /*#__PURE__*/React__default["default"].createElement(themeUi.Flex, {
     sx: {
       mr: '18px',
       gap: '18px',
@@ -1361,13 +1376,13 @@ var Header = function Header(_ref3) {
       justifyContent: 'space-between',
       alignItems: 'center'
     }
-  }, menuItems), /*#__PURE__*/React__default['default'].createElement(Menu, {
+  }, menuItems), /*#__PURE__*/React__default["default"].createElement(Menu, {
     sx: {
       mr: ['-2px']
     },
     value: expanded,
     onClick: toggle
-  }))), /*#__PURE__*/React__default['default'].createElement(themeUi.Box, {
+  }))), /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
     sx: {
       opacity: expanded ? 1 : 0,
       pointerEvents: expanded ? 'all' : 'none',
@@ -1383,16 +1398,16 @@ var Header = function Header(_ref3) {
       pt: ['79px'],
       transition: 'opacity 0.25s'
     }
-  }, /*#__PURE__*/React__default['default'].createElement(themeUi.Container, null, /*#__PURE__*/React__default['default'].createElement(Row, null, /*#__PURE__*/React__default['default'].createElement(Column, {
+  }, /*#__PURE__*/React__default["default"].createElement(themeUi.Container, null, /*#__PURE__*/React__default["default"].createElement(Row, null, /*#__PURE__*/React__default["default"].createElement(Column, {
     start: [2, 4, 7, 7],
     width: [5, 4, 5, 5]
-  }, /*#__PURE__*/React__default['default'].createElement(themeUi.Box, {
+  }, /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
     as: "nav",
     sx: {
       display: expanded ? 'inherit' : 'none',
       mt: [5, 5, 5, 6]
     }
-  }, /*#__PURE__*/React__default['default'].createElement(NavGroup, {
+  }, /*#__PURE__*/React__default["default"].createElement(NavGroup, {
     links: links,
     nav: nav,
     mode: mode,
@@ -1403,49 +1418,49 @@ var Header = function Header(_ref3) {
 var Monogram = function Monogram(_ref) {
   var props = _extends({}, _ref);
 
-  return /*#__PURE__*/React__default['default'].createElement(themeUi.Box, _extends({
+  return /*#__PURE__*/React__default["default"].createElement(themeUi.Box, _extends({
     as: "svg",
     width: "80",
     stroke: "none",
     fill: "currentColor",
     viewBox: "0 0 32 32"
-  }, props), /*#__PURE__*/React__default['default'].createElement("path", {
+  }, props), /*#__PURE__*/React__default["default"].createElement("path", {
     d: "M21.9395,14.9395 L17.5005,19.3785 L17.5005,7.0005 L14.5005,7.0005 L14.5005,19.3785 L10.0605,14.9395 L7.9395,17.0605 L14.9395,24.0605 C15.2325,24.3535 15.6165,24.5005 16.0005,24.5005 C16.3835,24.5005 16.7675,24.3535 17.0605,24.0605 L24.0605,17.0605 L21.9395,14.9395 Z"
-  }), /*#__PURE__*/React__default['default'].createElement("path", {
+  }), /*#__PURE__*/React__default["default"].createElement("path", {
     d: "M27.5986,4 L22.8966,4 C26.5556,6.303 28.9996,10.366 28.9996,15 C28.9996,20.4 25.6896,25.039 20.9926,27 L26.5586,27 C29.8886,24.068 31.9996,19.785 31.9996,15 C31.9996,10.734 30.3196,6.868 27.5986,4"
-  }), /*#__PURE__*/React__default['default'].createElement("path", {
+  }), /*#__PURE__*/React__default["default"].createElement("path", {
     d: "M3,15 C3,10.366 5.444,6.303 9.104,4 L4.401,4 C1.68,6.868 0,10.734 0,15 C0,19.785 2.112,24.068 5.441,27 L11.008,27 C6.311,25.039 3,20.4 3,15"
   }));
 };
 
 var Footer = function Footer() {
-  return /*#__PURE__*/React__default['default'].createElement(themeUi.Box, {
+  return /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
     sx: {
       mt: [7, 7, 7, 8],
       mb: [7, 7, 7, 8],
       pb: [2, 1, 0, 0]
     }
-  }, /*#__PURE__*/React__default['default'].createElement(Row, {
+  }, /*#__PURE__*/React__default["default"].createElement(Row, {
     sx: {
       mb: [0, 0, 4, 5]
     }
-  }, /*#__PURE__*/React__default['default'].createElement(Column, {
+  }, /*#__PURE__*/React__default["default"].createElement(Column, {
     start: [1, 2],
     width: [3, 3]
-  }, /*#__PURE__*/React__default['default'].createElement(themeUi.Box, null, /*#__PURE__*/React__default['default'].createElement(themeUi.Box, {
+  }, /*#__PURE__*/React__default["default"].createElement(themeUi.Box, null, /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
     sx: {
       fontSize: [2, 2, 2, 3],
       fontFamily: 'heading',
       letterSpacing: 'mono',
       mb: [2]
     }
-  }, "EMAIL"), /*#__PURE__*/React__default['default'].createElement(themeUi.Link, {
+  }, "EMAIL"), /*#__PURE__*/React__default["default"].createElement(themeUi.Link, {
     href: "mailto:hello@carbonplan.org",
     sx: {
       textDecoration: 'none',
       fontSize: [2, 2, 2, 3]
     }
-  }, "hello@carbonplan.org"))), /*#__PURE__*/React__default['default'].createElement(Column, {
+  }, "hello@carbonplan.org"))), /*#__PURE__*/React__default["default"].createElement(Column, {
     start: [5],
     width: [1],
     dl: 1,
@@ -1454,57 +1469,57 @@ var Footer = function Footer() {
       display: ['flex', 'none', 'none', 'none'],
       justifyContent: ['center']
     }
-  }, /*#__PURE__*/React__default['default'].createElement(Monogram, {
+  }, /*#__PURE__*/React__default["default"].createElement(Monogram, {
     sx: {
       mt: ['-4px'],
       width: '60px',
       height: '60px'
     }
-  })), /*#__PURE__*/React__default['default'].createElement(Column, {
+  })), /*#__PURE__*/React__default["default"].createElement(Column, {
     start: [1, 5, 5, 5],
     width: [3, 3],
     sx: {
       mt: [3, 0, 0, 0]
     }
-  }, /*#__PURE__*/React__default['default'].createElement(themeUi.Box, null, /*#__PURE__*/React__default['default'].createElement(themeUi.Box, {
+  }, /*#__PURE__*/React__default["default"].createElement(themeUi.Box, null, /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
     sx: {
       fontSize: [2, 2, 2, 3],
       fontFamily: 'heading',
       letterSpacing: 'mono',
       mb: [2]
     }
-  }, "FOLLOW"), /*#__PURE__*/React__default['default'].createElement(themeUi.Link, {
+  }, "FOLLOW"), /*#__PURE__*/React__default["default"].createElement(themeUi.Link, {
     href: "https://twitter.com/carbonplanorg",
     sx: {
       textDecoration: 'none',
       fontSize: [2, 2, 2, 3]
     }
-  }, "@carbonplanorg"))), /*#__PURE__*/React__default['default'].createElement(Column, {
+  }, "@carbonplanorg"))), /*#__PURE__*/React__default["default"].createElement(Column, {
     start: [1, 9],
     width: [5, 4, 3, 3],
     sx: {
       mt: ['42px', '42px', 0, 0],
       mb: [3, 3, 0, 0]
     }
-  }, /*#__PURE__*/React__default['default'].createElement(themeUi.Box, null, /*#__PURE__*/React__default['default'].createElement(themeUi.Box, {
+  }, /*#__PURE__*/React__default["default"].createElement(themeUi.Box, null, /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
     sx: {
       fontSize: [2, 2, 2, 3],
       fontFamily: 'body',
       color: 'secondary'
     }
-  }, "CarbonPlan is a registered non-profit public benefit corporation in California with 501(c)(3) status.")))), /*#__PURE__*/React__default['default'].createElement(Row, {
+  }, "CarbonPlan is a registered non-profit public benefit corporation in California with 501(c)(3) status.")))), /*#__PURE__*/React__default["default"].createElement(Row, {
     sx: {
       mb: ['2px'],
       mt: [5, 5, 4]
     }
-  }, /*#__PURE__*/React__default['default'].createElement(Column, {
+  }, /*#__PURE__*/React__default["default"].createElement(Column, {
     start: [1, 1, 2, 2],
     width: [3, 2, 3, 3],
     sx: {
       display: 'flex',
       alignItems: ['flex-start', 'flex-start', 'flex-end']
     }
-  }, /*#__PURE__*/React__default['default'].createElement(themeUi.Box, {
+  }, /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
     sx: {
       bottom: '0px',
       borderStyle: 'solid',
@@ -1513,14 +1528,14 @@ var Footer = function Footer() {
       borderTopWidth: '1px',
       pt: [2]
     }
-  }, /*#__PURE__*/React__default['default'].createElement(themeUi.Box, {
+  }, /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
     sx: {
       color: 'secondary',
       fontSize: [1, 1, 1, 2],
       fontFamily: 'mono',
       letterSpacing: 'mono'
     }
-  }, "(c) 2021 CARBONPLAN"))), /*#__PURE__*/React__default['default'].createElement(Column, {
+  }, "(c) 2021 CARBONPLAN"))), /*#__PURE__*/React__default["default"].createElement(Column, {
     start: [4, 3, 5, 5],
     width: [2, 2, 3, 3],
     sx: {
@@ -1528,7 +1543,7 @@ var Footer = function Footer() {
       alignItems: ['flex-start', 'flex-start', 'flex-end'],
       mt: [0, 0, 0, 0]
     }
-  }, /*#__PURE__*/React__default['default'].createElement(themeUi.Box, {
+  }, /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
     sx: {
       bottom: '0px',
       borderStyle: 'solid',
@@ -1538,10 +1553,10 @@ var Footer = function Footer() {
       width: ['100%', 'auto', 'auto', 'auto'],
       pt: [2]
     }
-  }, /*#__PURE__*/React__default['default'].createElement(NextLink__default['default'], {
+  }, /*#__PURE__*/React__default["default"].createElement(NextLink__default["default"], {
     href: "/terms",
     passHref: true
-  }, /*#__PURE__*/React__default['default'].createElement(themeUi.Box, {
+  }, /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
     as: "a",
     sx: {
       textDecoration: 'none',
@@ -1551,13 +1566,13 @@ var Footer = function Footer() {
       letterSpacing: 'mono',
       display: 'block'
     }
-  }, "READ OUR TERMS")))), /*#__PURE__*/React__default['default'].createElement(Column, {
+  }, "READ OUR TERMS")))), /*#__PURE__*/React__default["default"].createElement(Column, {
     start: [5, 7, 9, 9],
     width: [2, 3, 3, 3],
     sx: {
       display: ['none', 'initial', 'initial', 'initial']
     }
-  }, /*#__PURE__*/React__default['default'].createElement(Monogram, {
+  }, /*#__PURE__*/React__default["default"].createElement(Monogram, {
     sx: {
       width: 80,
       height: 80,
@@ -1567,9 +1582,11 @@ var Footer = function Footer() {
   }))));
 };
 
+var _excluded$8 = ["sx"];
+
 var Dimmer = function Dimmer(_ref) {
   var sx = _ref.sx,
-      props = _objectWithoutPropertiesLoose(_ref, ["sx"]);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$8);
 
   var _useColorMode = themeUi.useColorMode(),
       colorMode = _useColorMode[0],
@@ -1578,7 +1595,7 @@ var Dimmer = function Dimmer(_ref) {
   var toggle = React.useCallback(function () {
     setColorMode(colorMode === 'light' ? 'dark' : 'light');
   }, [colorMode]);
-  return /*#__PURE__*/React__default['default'].createElement(themeUi.IconButton, _extends({
+  return /*#__PURE__*/React__default["default"].createElement(themeUi.IconButton, _extends({
     "aria-label": "Toggle dark mode",
     onClick: toggle,
     role: "checkbox",
@@ -1589,7 +1606,7 @@ var Dimmer = function Dimmer(_ref) {
       cursor: 'pointer',
       color: 'secondary'
     }, sx)
-  }, props), /*#__PURE__*/React__default['default'].createElement(icons.Sun, {
+  }, props), /*#__PURE__*/React__default["default"].createElement(icons.Sun, {
     sx: {
       strokeWidth: '1.75',
       transition: 'stroke 0.15s',
@@ -1615,14 +1632,14 @@ var GitSha = function GitSha() {
   if (sha && owner && slug) {
     var shortSha = sha.substring(0, 7);
     var href = 'https://github.com/' + owner + '/' + slug + '/tree/' + sha;
-    return /*#__PURE__*/React__default['default'].createElement(themeUi.Box, {
+    return /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
       sx: {
         display: 'inline-block',
         width: '87px'
       }
-    }, /*#__PURE__*/React__default['default'].createElement(Separator, {
+    }, /*#__PURE__*/React__default["default"].createElement(Separator, {
       color: color
-    }), /*#__PURE__*/React__default['default'].createElement(themeUi.Link, {
+    }), /*#__PURE__*/React__default["default"].createElement(themeUi.Link, {
       href: href,
       sx: {
         whiteSpace: 'nowrap',
@@ -1638,14 +1655,14 @@ var GitSha = function GitSha() {
     }, shortSha));
   } else {
     // fallback
-    return /*#__PURE__*/React__default['default'].createElement(themeUi.Box, {
+    return /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
       sx: {
         display: 'inline-block',
         width: '87px'
       }
-    }, /*#__PURE__*/React__default['default'].createElement(Separator, {
+    }, /*#__PURE__*/React__default["default"].createElement(Separator, {
       color: color
-    }), /*#__PURE__*/React__default['default'].createElement(themeUi.Text, {
+    }), /*#__PURE__*/React__default["default"].createElement(themeUi.Text, {
       sx: {
         whiteSpace: 'nowrap',
         display: 'inline-block',
@@ -1662,13 +1679,13 @@ var GitSha = function GitSha() {
 
 var Separator = function Separator(_ref) {
   var color = _ref.color;
-  return /*#__PURE__*/React__default['default'].createElement("svg", {
+  return /*#__PURE__*/React__default["default"].createElement("svg", {
     fill: color,
     opacity: "0.8",
     viewBox: "0 0 24 24",
     width: "24",
     height: "24"
-  }, /*#__PURE__*/React__default['default'].createElement("circle", {
+  }, /*#__PURE__*/React__default["default"].createElement("circle", {
     r: 5,
     cx: 19,
     cy: 19
@@ -1708,7 +1725,7 @@ var Value = function Value(_ref) {
       };
     }
   }, []);
-  return /*#__PURE__*/React__default['default'].createElement(themeUi.Text, {
+  return /*#__PURE__*/React__default["default"].createElement(themeUi.Text, {
     sx: {
       whiteSpace: 'nowrap',
       display: 'inline-block',
@@ -1724,7 +1741,7 @@ var Value = function Value(_ref) {
 
 var Metadata = function Metadata(_ref2) {
   var mode = _ref2.mode;
-  return /*#__PURE__*/React__default['default'].createElement(themeUi.Box, {
+  return /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
     sx: {
       userSelect: 'none',
       position: 'fixed',
@@ -1734,9 +1751,9 @@ var Metadata = function Metadata(_ref2) {
       transform: 'rotate(90deg)',
       display: ['none', 'none', 'initial']
     }
-  }, /*#__PURE__*/React__default['default'].createElement(Value, {
+  }, /*#__PURE__*/React__default["default"].createElement(Value, {
     mode: mode
-  }), /*#__PURE__*/React__default['default'].createElement(GitSha, null));
+  }), /*#__PURE__*/React__default["default"].createElement(GitSha, null));
 };
 
 function init(mode) {
@@ -1757,6 +1774,7 @@ function scrollFraction(window, documnt) {
   return Math.min(window.scrollY / (document.body.offsetHeight - 770), 0.99);
 }
 
+var _excluded$7 = ["duration", "delay", "children"];
 var fade = react.keyframes({
   from: {
     opacity: 0
@@ -1772,9 +1790,9 @@ var FadeIn = function FadeIn(_ref) {
       _ref$delay = _ref.delay,
       delay = _ref$delay === void 0 ? 0 : _ref$delay,
       children = _ref.children,
-      delegated = _objectWithoutPropertiesLoose(_ref, ["duration", "delay", "children"]);
+      delegated = _objectWithoutPropertiesLoose(_ref, _excluded$7);
 
-  return /*#__PURE__*/React__default['default'].createElement(themeUi.Box, _extends({}, delegated, {
+  return /*#__PURE__*/React__default["default"].createElement(themeUi.Box, _extends({}, delegated, {
     sx: {
       animationDuration: duration + 'ms',
       animationDelay: delay + 'ms',
@@ -1837,7 +1855,7 @@ var Guide = function Guide(_ref) {
       document.removeEventListener('keydown', handler);
     };
   }, []);
-  return /*#__PURE__*/React__default['default'].createElement(themeUi.Box, {
+  return /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
     sx: {
       position: 'fixed',
       width: '100%',
@@ -1847,25 +1865,25 @@ var Guide = function Guide(_ref) {
       pointerEvents: 'none',
       display: display ? 'initial' : 'none'
     }
-  }, /*#__PURE__*/React__default['default'].createElement(themeUi.Container, null, /*#__PURE__*/React__default['default'].createElement(themeUi.Box, {
+  }, /*#__PURE__*/React__default["default"].createElement(themeUi.Container, null, /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
     sx: {
       display: ['none', 'none', 'initial', 'initial']
     }
-  }, /*#__PURE__*/React__default['default'].createElement(GuideColumns, {
+  }, /*#__PURE__*/React__default["default"].createElement(GuideColumns, {
     indices: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12],
     color: color
-  })), /*#__PURE__*/React__default['default'].createElement(themeUi.Box, {
+  })), /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
     sx: {
       display: ['none', 'initial', 'none', 'none']
     }
-  }, /*#__PURE__*/React__default['default'].createElement(GuideColumns, {
+  }, /*#__PURE__*/React__default["default"].createElement(GuideColumns, {
     indices: [1, 2, 3, 4, 5, 6, 7, 8],
     color: color
-  })), /*#__PURE__*/React__default['default'].createElement(themeUi.Box, {
+  })), /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
     sx: {
       display: ['initial', 'none', 'none', 'none']
     }
-  }, /*#__PURE__*/React__default['default'].createElement(GuideColumns, {
+  }, /*#__PURE__*/React__default["default"].createElement(GuideColumns, {
     indices: [1, 2, 3, 4, 5, 6],
     color: color
   }))));
@@ -1892,8 +1910,8 @@ function GuideColumns(_ref2) {
       opacity: color == 'teal' ? 0.4 : 1
     }
   };
-  return /*#__PURE__*/React__default['default'].createElement(Row, null, indices.map(function (i) {
-    return /*#__PURE__*/React__default['default'].createElement(Column, {
+  return /*#__PURE__*/React__default["default"].createElement(Row, null, indices.map(function (i) {
+    return /*#__PURE__*/React__default["default"].createElement(Column, {
       key: i,
       start: [i],
       width: [1, 1],
@@ -1903,7 +1921,7 @@ function GuideColumns(_ref2) {
         bg: color === 'teal' ? 'teal' : 'transparent',
         height: '100vh'
       }, sx.innerGuideColumn)
-    }, /*#__PURE__*/React__default['default'].createElement(themeUi.Box, {
+    }, /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
       sx: _extends({
         mx: ['12px', 3, 3, 4],
         bg: color === 'teal' ? 'background' : 'transparent',
@@ -1915,12 +1933,14 @@ function GuideColumns(_ref2) {
   }));
 }
 
+var _excluded$6 = ["value", "sx"];
+
 var Settings = function Settings(_ref) {
   var value = _ref.value,
       sx = _ref.sx,
-      props = _objectWithoutPropertiesLoose(_ref, ["value", "sx"]);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$6);
 
-  return /*#__PURE__*/React__default['default'].createElement(themeUi.IconButton, _extends({
+  return /*#__PURE__*/React__default["default"].createElement(themeUi.IconButton, _extends({
     sx: _extends({
       cursor: 'pointer',
       fill: 'none',
@@ -1936,7 +1956,7 @@ var Settings = function Settings(_ref) {
       }
     }, sx),
     "aria-label": "Toggle Menu"
-  }, props), !value && /*#__PURE__*/React__default['default'].createElement("svg", {
+  }, props), !value && /*#__PURE__*/React__default["default"].createElement("svg", {
     style: {
       width: '50px',
       height: '30px',
@@ -1945,47 +1965,47 @@ var Settings = function Settings(_ref) {
     },
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 68 36"
-  }, /*#__PURE__*/React__default['default'].createElement("line", {
+  }, /*#__PURE__*/React__default["default"].createElement("line", {
     x1: "24",
     y1: "2.1",
     x2: "24",
     y2: "6.1"
-  }), /*#__PURE__*/React__default['default'].createElement("line", {
+  }), /*#__PURE__*/React__default["default"].createElement("line", {
     x1: "24",
     y1: "24.1",
     x2: "24",
     y2: "33.9"
-  }), /*#__PURE__*/React__default['default'].createElement("line", {
+  }), /*#__PURE__*/React__default["default"].createElement("line", {
     x1: "44",
     y1: "2.1",
     x2: "44",
     y2: "12.1"
-  }), /*#__PURE__*/React__default['default'].createElement("line", {
+  }), /*#__PURE__*/React__default["default"].createElement("line", {
     x1: "44",
     y1: "30.1",
     x2: "44",
     y2: "33.9"
-  }), /*#__PURE__*/React__default['default'].createElement("circle", {
+  }), /*#__PURE__*/React__default["default"].createElement("circle", {
     cx: "24",
     cy: "15.1",
     r: "5"
-  }), /*#__PURE__*/React__default['default'].createElement("circle", {
+  }), /*#__PURE__*/React__default["default"].createElement("circle", {
     cx: "44",
     cy: "21.1",
     r: "5"
-  }), /*#__PURE__*/React__default['default'].createElement("path", {
+  }), /*#__PURE__*/React__default["default"].createElement("path", {
     style: {
       transition: 'all 0.2s'
     },
     className: "paren",
     d: "M6.4,1.2c-6.3,10.3-6.3,23.3,0,33.6"
-  }), /*#__PURE__*/React__default['default'].createElement("path", {
+  }), /*#__PURE__*/React__default["default"].createElement("path", {
     style: {
       transition: 'all 0.2s'
     },
     className: "paren",
     d: "M61.6,34.8c6.3-10.3,6.3-23.3,0-33.6"
-  })), value && /*#__PURE__*/React__default['default'].createElement("svg", {
+  })), value && /*#__PURE__*/React__default["default"].createElement("svg", {
     style: {
       width: '50px',
       height: '30px',
@@ -1994,23 +2014,23 @@ var Settings = function Settings(_ref) {
     },
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 68 36"
-  }, /*#__PURE__*/React__default['default'].createElement("line", {
+  }, /*#__PURE__*/React__default["default"].createElement("line", {
     x1: "50.85",
     y1: "29.79",
     x2: "17.15",
     y2: "6.21"
-  }), /*#__PURE__*/React__default['default'].createElement("line", {
+  }), /*#__PURE__*/React__default["default"].createElement("line", {
     x1: "17.15",
     y1: "29.79",
     x2: "50.85",
     y2: "6.21"
-  }), /*#__PURE__*/React__default['default'].createElement("path", {
+  }), /*#__PURE__*/React__default["default"].createElement("path", {
     style: {
       transition: 'all 0.2s'
     },
     className: "paren",
     d: "M6.4,1.2c-6.3,10.3-6.3,23.3,0,33.6"
-  }), /*#__PURE__*/React__default['default'].createElement("path", {
+  }), /*#__PURE__*/React__default["default"].createElement("path", {
     style: {
       transition: 'all 0.2s'
     },
@@ -2048,17 +2068,17 @@ var Layout = function Layout(_ref) {
   var content = children;
 
   if (fade) {
-    content = /*#__PURE__*/React__default['default'].createElement(FadeIn, {
+    content = /*#__PURE__*/React__default["default"].createElement(FadeIn, {
       duration: 250
     }, content);
   }
 
   if (container) {
-    content = /*#__PURE__*/React__default['default'].createElement(themeUi.Box, {
+    content = /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
       sx: {
         mb: [8, 8, 9, 10]
       }
-    }, /*#__PURE__*/React__default['default'].createElement(themeUi.Container, null, content));
+    }, /*#__PURE__*/React__default["default"].createElement(themeUi.Container, null, content));
   }
 
   var _useThemeUI = themeUi.useThemeUI(),
@@ -2078,8 +2098,8 @@ var Layout = function Layout(_ref) {
     return function () {
       query.onchange = null;
     };
-  }, [theme, settings == null ? void 0 : settings.value, settings == null ? void 0 : settings.onClick]);
-  var menuItems = [/*#__PURE__*/React__default['default'].createElement(Dimmer, {
+  }, [theme == null ? void 0 : theme.breakpoints, settings == null ? void 0 : settings.value, settings == null ? void 0 : settings.onClick]);
+  var menuItems = [/*#__PURE__*/React__default["default"].createElement(Dimmer, {
     key: "dimmer",
     sx: {
       color: 'primary',
@@ -2089,7 +2109,7 @@ var Layout = function Layout(_ref) {
   })];
 
   if (settings) {
-    menuItems.push( /*#__PURE__*/React__default['default'].createElement(Settings, _extends({
+    menuItems.push( /*#__PURE__*/React__default["default"].createElement(Settings, _extends({
       key: "settings",
       sx: {
         mr: ['2px'],
@@ -2098,18 +2118,18 @@ var Layout = function Layout(_ref) {
     }, settings)));
   }
 
-  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, guide && /*#__PURE__*/React__default['default'].createElement(Guide, {
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, guide && /*#__PURE__*/React__default["default"].createElement(Guide, {
     color: guide
-  }), scrollbar && /*#__PURE__*/React__default['default'].createElement(Scrollbar, null), /*#__PURE__*/React__default['default'].createElement(Meta, {
+  }), scrollbar && /*#__PURE__*/React__default["default"].createElement(Scrollbar, null), /*#__PURE__*/React__default["default"].createElement(Meta, {
     card: card,
     description: description,
     title: title
-  }), /*#__PURE__*/React__default['default'].createElement(themeUi.Flex, {
+  }), /*#__PURE__*/React__default["default"].createElement(themeUi.Flex, {
     sx: {
       flexDirection: 'column',
       minHeight: '100vh'
     }
-  }, header && /*#__PURE__*/React__default['default'].createElement(themeUi.Box, {
+  }, header && /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
     as: "header",
     sx: {
       width: '100%',
@@ -2123,17 +2143,17 @@ var Layout = function Layout(_ref) {
       height: '56px',
       zIndex: 2000
     }
-  }, /*#__PURE__*/React__default['default'].createElement(themeUi.Container, null, /*#__PURE__*/React__default['default'].createElement(Header, {
+  }, /*#__PURE__*/React__default["default"].createElement(themeUi.Container, null, /*#__PURE__*/React__default["default"].createElement(Header, {
     mode: links,
     status: status,
     nav: nav,
     menuItems: menuItems
-  }))), /*#__PURE__*/React__default['default'].createElement(themeUi.Box, {
+  }))), /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
     sx: {
       width: '100%',
       flex: '1 1 auto'
     }
-  }, content), footer && /*#__PURE__*/React__default['default'].createElement(themeUi.Box, {
+  }, content), footer && /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
     as: "footer",
     sx: {
       width: '100%',
@@ -2142,31 +2162,31 @@ var Layout = function Layout(_ref) {
       borderWidth: '0px',
       borderTopWidth: '1px'
     }
-  }, /*#__PURE__*/React__default['default'].createElement(themeUi.Container, null, /*#__PURE__*/React__default['default'].createElement(Footer, null))), dimmer === 'bottom' && /*#__PURE__*/React__default['default'].createElement(themeUi.Box, {
+  }, /*#__PURE__*/React__default["default"].createElement(themeUi.Container, null, /*#__PURE__*/React__default["default"].createElement(Footer, null))), dimmer === 'bottom' && /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
     sx: {
       display: ['none', 'none', 'initial', 'initial'],
       position: ['fixed'],
       right: [13],
       bottom: [17, 17, 15, 15]
     }
-  }, /*#__PURE__*/React__default['default'].createElement(Dimmer, null)), metadata && /*#__PURE__*/React__default['default'].createElement(Metadata, {
+  }, /*#__PURE__*/React__default["default"].createElement(Dimmer, null)), metadata && /*#__PURE__*/React__default["default"].createElement(Metadata, {
     mode: metadata
   })));
 };
 
 var Custom404 = function Custom404() {
-  return /*#__PURE__*/React__default['default'].createElement(Layout, {
+  return /*#__PURE__*/React__default["default"].createElement(Layout, {
     footer: false,
     title: '404 / carbonplan'
-  }, /*#__PURE__*/React__default['default'].createElement(Row, {
+  }, /*#__PURE__*/React__default["default"].createElement(Row, {
     sx: {
       mb: [5, 0, 0],
       pt: [0, 0, 6]
     }
-  }, /*#__PURE__*/React__default['default'].createElement(Column, {
+  }, /*#__PURE__*/React__default["default"].createElement(Column, {
     start: [1, 1, 3, 3],
     width: [6, 4, 4, 4]
-  }, /*#__PURE__*/React__default['default'].createElement(themeUi.Styled.h1, null, "Oops!"), /*#__PURE__*/React__default['default'].createElement(themeUi.Box, {
+  }, /*#__PURE__*/React__default["default"].createElement(themeUi.Styled.h1, null, "Oops!"), /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
     sx: {
       fontSize: [4, 4, 4, 5],
       lineHeight: 'h3',
@@ -2174,7 +2194,7 @@ var Custom404 = function Custom404() {
       mb: [2, 3, 3],
       maxWidth: ['90%', '90%', '400px']
     }
-  }, "Sorry but we can't seem to find the page you are looking for."), /*#__PURE__*/React__default['default'].createElement(themeUi.Box, {
+  }, "Sorry but we can't seem to find the page you are looking for."), /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
     sx: {
       color: 'secondary',
       fontFamily: 'mono',
@@ -2182,16 +2202,16 @@ var Custom404 = function Custom404() {
       fontSize: [2, 2, 2, 3],
       mt: [4, 5, 5]
     }
-  }, "ERROR CODE 404")), /*#__PURE__*/React__default['default'].createElement(Column, {
+  }, "ERROR CODE 404")), /*#__PURE__*/React__default["default"].createElement(Column, {
     start: [2, 5, 7, 7],
     width: [4, 4, 4, 4]
-  }, /*#__PURE__*/React__default['default'].createElement(themeUi.Box, {
+  }, /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
     sx: {
       width: ['100%'],
       mt: [2, 4, 4, 5],
       fill: 'primary'
     }
-  }, /*#__PURE__*/React__default['default'].createElement(emoji.PoopSad, {
+  }, /*#__PURE__*/React__default["default"].createElement(emoji.PoopSad, {
     sx: {
       width: '100%',
       height: 'auto'
@@ -2204,7 +2224,7 @@ var Expander = function Expander(_ref) {
       id = _ref.id,
       onClick = _ref.onClick,
       sx = _ref.sx;
-  return /*#__PURE__*/React__default['default'].createElement(themeUi.IconButton, {
+  return /*#__PURE__*/React__default["default"].createElement(themeUi.IconButton, {
     onClick: onClick,
     id: id,
     role: "checkbox",
@@ -2225,9 +2245,9 @@ var Expander = function Expander(_ref) {
         }
       }
     }, sx)
-  }, /*#__PURE__*/React__default['default'].createElement("svg", {
+  }, /*#__PURE__*/React__default["default"].createElement("svg", {
     viewBox: "0 0 16 16"
-  }, /*#__PURE__*/React__default['default'].createElement("path", {
+  }, /*#__PURE__*/React__default["default"].createElement("path", {
     d: "M8,0 V16 M0,8 H16",
     style: {
       strokeWidth: 2,
@@ -2238,16 +2258,18 @@ var Expander = function Expander(_ref) {
   })));
 };
 
+var _excluded$5 = ["label", "value", "sx", "children"];
+
 var Tag = function Tag(_ref) {
   var label = _ref.label,
       value = _ref.value,
       sx = _ref.sx,
       children = _ref.children,
-      props = _objectWithoutPropertiesLoose(_ref, ["label", "value", "sx", "children"]);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$5);
 
   var color = sx && sx.color ? sx.color : 'primary';
   var isClickable = props && (props.onClick || props.onDoubleClick);
-  return /*#__PURE__*/React__default['default'].createElement(themeUi.Box, _extends({
+  return /*#__PURE__*/React__default["default"].createElement(themeUi.Box, _extends({
     as: isClickable ? 'button' : 'span',
     role: "checkbox",
     "aria-checked": value,
@@ -2277,7 +2299,8 @@ var Tag = function Tag(_ref) {
   }, props), children);
 };
 
-var sx$1 = {
+var _excluded$4 = ["values", "setValues", "label", "colors", "showAll", "multiSelect"];
+var sx = {
   label: {
     fontFamily: 'mono',
     letterSpacing: 'mono',
@@ -2354,15 +2377,15 @@ var Filter = function Filter(_ref2) {
       showAll = _ref2$showAll === void 0 ? false : _ref2$showAll,
       _ref2$multiSelect = _ref2.multiSelect,
       multiSelect = _ref2$multiSelect === void 0 ? false : _ref2$multiSelect,
-      props = _objectWithoutPropertiesLoose(_ref2, ["values", "setValues", "label", "colors", "showAll", "multiSelect"]);
+      props = _objectWithoutPropertiesLoose(_ref2, _excluded$4);
 
-  return /*#__PURE__*/React__default['default'].createElement(themeUi.Box, props, label && /*#__PURE__*/React__default['default'].createElement(themeUi.Box, {
-    sx: sx$1.label
-  }, label), /*#__PURE__*/React__default['default'].createElement(themeUi.Box, {
+  return /*#__PURE__*/React__default["default"].createElement(themeUi.Box, props, label && /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
+    sx: sx.label
+  }, label), /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
     sx: {
       mt: label ? [3] : 0
     }
-  }, showAll && /*#__PURE__*/React__default['default'].createElement(Tag, {
+  }, showAll && /*#__PURE__*/React__default["default"].createElement(Tag, {
     onClick: function onClick() {
       return updateValues({
         values: values,
@@ -2376,7 +2399,7 @@ var Filter = function Filter(_ref2) {
       mr: [2]
     }
   }, "All"), Object.keys(values).map(function (d, i) {
-    return /*#__PURE__*/React__default['default'].createElement(Tag, {
+    return /*#__PURE__*/React__default["default"].createElement(Tag, {
       onClick: function onClick() {
         return updateValues({
           values: values,
@@ -2443,15 +2466,17 @@ var Group = function Group(_ref) {
   var additionalStyles = direction === 'horizontal' ? {
     display: 'inline-block'
   } : {};
-  return /*#__PURE__*/React__default['default'].createElement(themeUi.Box, null, React__default['default'].Children.map(children, function (child, i) {
+  return /*#__PURE__*/React__default["default"].createElement(themeUi.Box, null, React__default["default"].Children.map(children, function (child, i) {
     var _extends2;
 
-    return /*#__PURE__*/React__default['default'].createElement(themeUi.Box, {
+    return /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
       sx: _extends((_extends2 = {}, _extends2[marginProperty] = i > 0 ? marginValue : 0, _extends2), additionalStyles)
     }, child);
   }));
 };
 
+var _excluded$3 = ["size", "inverted", "sx"];
+
 var Input = function Input(_ref, ref) {
   var _extends2;
 
@@ -2459,7 +2484,7 @@ var Input = function Input(_ref, ref) {
       size = _ref$size === void 0 ? 'sm' : _ref$size,
       inverted = _ref.inverted,
       sx = _ref.sx,
-      props = _objectWithoutPropertiesLoose(_ref, ["size", "inverted", "sx"]);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$3);
 
   var defaultColor = inverted ? 'secondary' : 'primary';
 
@@ -2484,7 +2509,7 @@ var Input = function Input(_ref, ref) {
     background: 'none !important'
   }, _extends2), getSizeStyles(size), sx);
 
-  return /*#__PURE__*/React__default['default'].createElement(themeUi.Input, _extends({}, props, {
+  return /*#__PURE__*/React__default["default"].createElement(themeUi.Input, _extends({}, props, {
     ref: ref,
     sx: styles
   }));
@@ -2504,6 +2529,8 @@ var getProps = function getProps(test) {
   };
 };
 
+var _excluded$2 = ["children", "size", "sx", "sxSelect"];
+
 var Select = function Select(_ref) {
   var _extends2;
 
@@ -2512,7 +2539,7 @@ var Select = function Select(_ref) {
       size = _ref$size === void 0 ? 'sm' : _ref$size,
       sx = _ref.sx,
       sxSelect = _ref.sxSelect,
-      props = _objectWithoutPropertiesLoose(_ref, ["children", "size", "sx", "sxSelect"]);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$2);
 
   var color = sx && sx.color ? sx.color : 'primary';
   var sizeStyles = getSizeStyles(size);
@@ -2552,11 +2579,11 @@ var Select = function Select(_ref) {
   pr = width.map(function (d) {
     return d + 12;
   });
-  return /*#__PURE__*/React__default['default'].createElement(themeUi.Box, {
+  return /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
     sx: _extends({
       display: 'inline-block'
     }, sx)
-  }, /*#__PURE__*/React__default['default'].createElement(themeUi.Box, _extends({
+  }, /*#__PURE__*/React__default["default"].createElement(themeUi.Box, _extends({
     as: "select",
     ref: ref,
     onChange: function onChange(e) {
@@ -2584,7 +2611,7 @@ var Select = function Select(_ref) {
         background: 'transparent !important'
       }
     }, _extends2), sxSelect)
-  }, omitOnChange), children), /*#__PURE__*/React__default['default'].createElement(icons.Arrow, {
+  }, omitOnChange), children), /*#__PURE__*/React__default["default"].createElement(icons.Arrow, {
     sx: {
       width: width,
       height: height,
@@ -2598,16 +2625,18 @@ var Select = function Select(_ref) {
   }));
 };
 
+var _excluded$1 = ["sx"];
+
 var Slider = function Slider(_ref, ref) {
   var sx = _ref.sx,
-      props = _objectWithoutPropertiesLoose(_ref, ["sx"]);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1);
 
   var color = sx && sx.color ? sx.color : 'primary';
 
   var _useThemeUI = themeUi.useThemeUI(),
       colors = _useThemeUI.theme.rawColors;
 
-  return /*#__PURE__*/React__default['default'].createElement(themeUi.Slider, _extends({
+  return /*#__PURE__*/React__default["default"].createElement(themeUi.Slider, _extends({
     ref: ref,
     sx: _extends({
       '&::-webkit-slider-thumb': {
@@ -2642,7 +2671,7 @@ var Slider = function Slider(_ref, ref) {
 
 var slider = React.forwardRef(Slider);
 
-var styles$1 = {
+var styles = {
   reset: {
     verticalAlign: 'baseline',
     border: 0,
@@ -2702,59 +2731,61 @@ var Table = function Table(_ref) {
     throw new Error('Must provide columns, start, and width');
   }
 
-  return /*#__PURE__*/React__default['default'].createElement(themeUi.Box, {
+  return /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
     as: "table",
     sx: _extends({
       display: 'block'
     }, sx)
-  }, /*#__PURE__*/React__default['default'].createElement(themeUi.Box, {
+  }, /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
     as: "tbody",
     sx: {
       display: 'block'
     }
-  }, header && /*#__PURE__*/React__default['default'].createElement(Row, {
+  }, header && /*#__PURE__*/React__default["default"].createElement(Row, {
     as: "tr",
-    sx: _extends({}, styles$1.reset, styles$1.header, styles$1.row, {
+    sx: _extends({}, styles.reset, styles.header, styles.row, {
       color: color,
       borderTopWidth: !borderTop ? '0px' : '1px'
     })
-  }, /*#__PURE__*/React__default['default'].createElement(Column, {
+  }, /*#__PURE__*/React__default["default"].createElement(Column, {
     as: "td",
     start: [1],
     width: columns,
-    sx: styles$1.index
+    sx: styles.index
   }, header)), data.map(function (row, i) {
-    return /*#__PURE__*/React__default['default'].createElement(Row, {
+    return /*#__PURE__*/React__default["default"].createElement(Row, {
       as: "tr",
       columns: columns,
       key: i,
-      sx: _extends({}, styles$1.reset, styles$1.row, {
+      sx: _extends({}, styles.reset, styles.row, {
         pb: borderBottom && i === data.length - 1 ? ['18px', '18px', '18px', '22px'] : [3, 3, 3, '20px'],
         borderBottomWidth: borderBottom && i === data.length - 1 ? '1px' : '0px',
         borderTopWidth: !borderTop && i === 0 && !header ? '0px' : '1px'
       })
     }, row.map(function (column, j) {
-      return /*#__PURE__*/React__default['default'].createElement(Column, {
+      return /*#__PURE__*/React__default["default"].createElement(Column, {
         as: "td",
         key: j,
         start: start[j],
         width: width[j],
-        sx: j == 0 && index ? _extends({}, styles$1.reset, styles$1.index) : _extends({}, styles$1.reset, styles$1.entry)
+        sx: j == 0 && index ? _extends({}, styles.reset, styles.index) : _extends({}, styles.reset, styles.entry)
       }, column);
     }));
   })));
 };
 
+var _excluded = ["value", "onClick", "disabled", "sx"];
+
 var Toggle = function Toggle(_ref, ref) {
   var value = _ref.value,
       onClick = _ref.onClick,
       disabled = _ref.disabled,
       sx = _ref.sx,
-      props = _objectWithoutPropertiesLoose(_ref, ["value", "onClick", "disabled", "sx"]);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   var color$1 = sx && sx.color ? sx.color : 'primary';
   value = disabled ? false : value;
-  return /*#__PURE__*/React__default['default'].createElement(themeUi.Box, _extends({
+  return /*#__PURE__*/React__default["default"].createElement(themeUi.Box, _extends({
     ref: ref,
     as: "button",
     onClick: onClick,
@@ -2769,7 +2800,7 @@ var Toggle = function Toggle(_ref, ref) {
       m: [0],
       display: 'inline-block'
     }, sx)
-  }, props), /*#__PURE__*/React__default['default'].createElement(themeUi.Box, {
+  }, props), /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
     sx: {
       width: '50px',
       height: '20px',
@@ -2779,7 +2810,7 @@ var Toggle = function Toggle(_ref, ref) {
       transition: '0.15s',
       display: 'inline-block'
     }
-  }, /*#__PURE__*/React__default['default'].createElement(themeUi.Box, {
+  }, /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
     sx: {
       width: '14px',
       height: '14px',
@@ -2802,10 +2833,10 @@ var Tracking = function Tracking(_ref) {
     return null;
   }
 
-  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("script", {
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("script", {
     async: true,
     src: "https://www.googletagmanager.com/gtag/js?id=" + id
-  }), /*#__PURE__*/React__default['default'].createElement("script", {
+  }), /*#__PURE__*/React__default["default"].createElement("script", {
     dangerouslySetInnerHTML: {
       __html: "\n          window.dataLayer = window.dataLayer || [];\n          function gtag(){dataLayer.push(arguments);}\n          gtag('js', new Date());\n          gtag('config', '" + id + "', {\n            page_path: window.location.pathname,\n          });\n        "
     }
@@ -2816,7 +2847,7 @@ var Tray = function Tray(_ref) {
   var expanded = _ref.expanded,
       sx = _ref.sx,
       children = _ref.children;
-  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(themeUi.Box, {
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
     sx: {
       position: 'fixed',
       top: '56px',
@@ -2830,7 +2861,7 @@ var Tray = function Tray(_ref) {
       opacity: expanded ? 0.9 : 0,
       pointerEvents: expanded ? 'all' : 'none'
     }
-  }), /*#__PURE__*/React__default['default'].createElement(themeUi.Box, {
+  }), /*#__PURE__*/React__default["default"].createElement(themeUi.Box, {
     sx: _extends({
       position: 'fixed',
       width: 'calc(100vw)',
@@ -2850,7 +2881,7 @@ var Tray = function Tray(_ref) {
       pr: [3, 4, 5, 6],
       transform: expanded ? 'translateY(0)' : 'translateY(-100%)'
     }, sx)
-  }, /*#__PURE__*/React__default['default'].createElement(Row, null, /*#__PURE__*/React__default['default'].createElement(Column, {
+  }, /*#__PURE__*/React__default["default"].createElement(Row, null, /*#__PURE__*/React__default["default"].createElement(Column, {
     start: [1, 1, 1, 1],
     width: [6, 8, 10, 10]
   }, children))));