@kodiak-ui/primitives - npm Package Compare versions

Comparing version 0.5.0 to 0.6.0

dist/index.d.ts

@@ -8,3 +8,3 @@ export { Box, sx, variant } from './Box';
 export { Input } from './Input';
-export { Svg } from './Svg';
-export { SvgIcon } from './Svg/SvgIcon';
+export { Svg, SvgIcon } from './Svg';
+export { Textarea } from './Textarea';

dist/index.es.js

@@ -1,2 +0,2 @@
-import{version as e}from"@emotion/core/package.json";import r from"@styled-system/space";import{keyframes as t}from"@emotion/core";import{css as n,get as a}from"@theme-ui/css";import{space as o,color as i,typography as c,layout as s,flexbox as l,grid as f,background as u,border as p,position as d,shadow as m,get as h}from"styled-system";import{createShouldForwardProp as v}from"@styled-system/should-forward-prop";import b from"@emotion/styled";import g,{forwardRef as y}from"react";function w(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function O(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})),t.push.apply(t,n)}return t}function _(e){for(var r=arguments,t=1;t<arguments.length;t++){var n=null!=r[t]?r[t]:{};t%2?O(Object(n),!0).forEach(function(r){w(e,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):O(Object(n)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})}return e}g.createContext({__EMOTION_VERSION__:e,theme:null});var x=g.createContext({}),j={inlineCode:"code",wrapper:function(e){return g.createElement(g.Fragment,{},e.children)}};y(function(e,r){var t=e.components,n=e.mdxType,a=e.originalType,o=e.parentName,i=function(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)r.indexOf(t=o[n])>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r.indexOf(t=o[n])>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}(e,["components","mdxType","originalType","parentName"]),c=function(e){var r=g.useContext(x),t=r;return e&&(t="function"==typeof e?e(r):_({},r,{},e)),t}(t),s=n,l=c["".concat(o,".").concat(s)]||c[s]||j[s]||a;return g.createElement(l,t?_({ref:r},i,{components:t}):_({ref:r},i))}).displayName="MDXCreateElement";var E={inlineCode:"code",thematicBreak:"hr",root:"div"},k=function(e){return function(r){return n(a(r.theme,"styles."+e))(r.theme)}},R=b("div")(k("div")),z={};["p","b","i","a","h1","h2","h3","h4","h5","h6","img","pre","code","ol","ul","li","blockquote","hr","em","table","tr","th","td","em","strong","del","inlineCode","thematicBreak","div","root"].forEach(function(e){var r;z[e]=b(E[r=e]||r)(k(e)),R[e]=z[e]});var P=function(e,r,t,n,a){for(r=r&&r.split?r.split("."):[r],n=0;n<r.length;n++)e=e?e[r[n]]:a;return e===a?t:e},N=function(e,r){if("number"!=typeof r||r>=0)return P(e,r,r);var t=Math.abs(r),n=P(e,t,t);return"string"==typeof n?"-"+n:-1*n},S=(["margin","marginTop","marginRight","marginBottom","marginLeft","marginX","marginY","top","bottom","left","right"].reduce(function(e,r){var t;return Object.assign({},e,((t={})[r]=N,t))},{}),Object.getOwnPropertySymbols),K=Object.prototype.hasOwnProperty,C=Object.prototype.propertyIsEnumerable,F=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var r={},t=0;t<10;t++)r["_"+String.fromCharCode(t)]=t;if("0123456789"!==Object.getOwnPropertyNames(r).map(function(e){return r[e]}).join(""))return!1;var n={};return"abcdefghijklmnopqrst".split("").forEach(function(e){n[e]=e}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},n)).join("")}catch(e){return!1}}()?Object.assign:function(e,r){for(var t,n,a=arguments,o=function(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(e),i=1;i<arguments.length;i++){for(var c in t=Object(a[i]))K.call(t,c)&&(o[c]=t[c]);if(S){n=S(t);for(var s=0;s<n.length;s++)C.call(t,n[s])&&(o[n[s]]=t[n[s]])}}return o},W=function(e,r){var t=F({},e,r);for(var n in e){var a;e[n]&&"object"==typeof r[n]&&F(t,((a={})[n]=F(e[n],r[n]),a))}return t},B={breakpoints:[40,52,64].map(function(e){return e+"em"})},D=function(e){return"@media screen and (min-width: "+e+")"},H=function(e,r){return M(r,e,e)},M=function(e,r,t,n,a){for(r=r&&r.split?r.split("."):[r],n=0;n<r.length;n++)e=e?e[r[n]]:a;return e===a?t:e},I=function(e,r,t,n,a){var o={};return n.slice(0,e.length).forEach(function(n,i){var c,s=e[i],l=r(n,t,a);F(o,s?((c={})[s]=F({},o[s],l),c):l)}),o},L=function(e,r,t,n,a){var o={};for(var i in n){var c=e[i],s=r(n[i],t,a);if(c){var l,f=D(c);F(o,((l={})[f]=F({},o[f],s),l))}else F(o,s)}return o},T=function(e){var r=e.properties,t=e.transform,n=void 0===t?H:t,a=e.defaultScale;r=r||[e.property];var o=function(e,t,a){var o={},i=n(e,t,a);if(null!==i)return r.forEach(function(e){o[e]=i}),o};return o.scale=e.scale,o.defaults=a,o},A={color:{property:"color",scale:"colors"},backgroundColor:{property:"backgroundColor",scale:"colors"},opacity:!0};A.bg=A.backgroundColor;var V=function(e){void 0===e&&(e={});var r={};return Object.keys(e).forEach(function(t){var n=e[t];r[t]=!0!==n?"function"!=typeof n?T(n):n:T({property:t,scale:t})}),function e(r){var t={},n=function(e){var n,a,o={},i=!1,c=e.theme&&e.theme.disableStyledSystemCache;for(var s in e)if(r[s]){var l=r[s],f=e[s],u=M(e.theme,l.scale,l.defaults);if("object"!=typeof f)F(o,l(f,u,e));else{if(t.breakpoints=!c&&t.breakpoints||M(e.theme,"breakpoints",B.breakpoints),Array.isArray(f)){t.media=!c&&t.media||[null].concat(t.breakpoints.map(D)),o=W(o,I(t.media,l,u,f,e));continue}null!==f&&(o=W(o,L(t.breakpoints,l,u,f,e)),i=!0)}}return i&&(n=o,a={},Object.keys(n).sort(function(e,r){return e.localeCompare(r,void 0,{numeric:!0,sensitivity:"base"})}).forEach(function(e){a[e]=n[e]}),o=a),o};n.config=r,n.propNames=Object.keys(r),n.cache=t;var a=Object.keys(r).filter(function(e){return"config"!==e});return a.length>1&&a.forEach(function(t){var a;n[t]=e(((a={})[t]=r[t],a))}),n}(r)}(A),q=v(r.propNames.concat(V.propNames)),X=b("div",{shouldForwardProp:q})({boxSizing:"border-box",margin:0,minWidth:0},function(e){return n(e.__css)(e.theme)},function(e){var r=e.theme,t=e.variant,o=e.__themeKey;return void 0===o&&(o="variants"),n(a(r,o+"."+t,a(r,t)))},r,V,function(e){return n(e.sx)(e.theme)},function(e){return e.css});b(X)({display:"flex"});var G=function(e){return Array.isArray(e)?e.map(G):!!e&&"repeat(auto-fit, minmax("+("number"==typeof(r=e)?r+"px":r)+", 1fr))";var r},Y=function(e){return Array.isArray(e)?e.map(Y):!!e&&("number"==typeof e?"repeat("+e+", 1fr)":e)},$=(g.forwardRef(function(e,r){var t=e.width,n=e.columns,a=e.gap;void 0===a&&(a=3);var o=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["width","columns","gap"]),i=t?G(t):Y(n);return g.createElement(X,Object.assign({},{ref:r},o,{__themeKey:"grids",__css:{display:"grid",gridGap:a,gridTemplateColumns:i}}))}),g.forwardRef(function(e,r){return g.createElement(X,Object.assign({},{ref:r,as:"button",variant:"primary"},e,{__themeKey:"buttons",__css:{appearance:"none",display:"inline-block",textAlign:"center",lineHeight:"inherit",textDecoration:"none",fontSize:"inherit",px:3,py:2,color:"white",bg:"primary",border:0,borderRadius:4}}))}),g.forwardRef(function(e,r){return g.createElement(X,Object.assign({},{ref:r,as:"a",variant:"styles.a"},e,{__themeKey:"links"}))})),J=(g.forwardRef(function(e,r){return g.createElement(X,Object.assign({},{ref:r},e,{__themeKey:"text"}))}),g.forwardRef(function(e,r){return g.createElement(X,Object.assign({},{ref:r,as:"h2",variant:"heading"},e,{__themeKey:"text",__css:{fontFamily:"heading",fontWeight:"heading",lineHeight:"heading"}}))}),g.forwardRef(function(e,r){return g.createElement(X,Object.assign({},{ref:r,as:"img"},e,{__themeKey:"images",__css:Object.assign({},{maxWidth:"100%",height:"auto"},e.__css)}))})),Q=(g.forwardRef(function(e,r){return g.createElement(X,Object.assign({},{ref:r,variant:"primary"},e,{__themeKey:"cards"}))}),g.forwardRef(function(e,r){return g.createElement(X,Object.assign({},{ref:r,as:"label",variant:"label"},e,{__themeKey:"forms",__css:{width:"100%",display:"flex"}}))})),U=g.forwardRef(function(e,r){return g.createElement(X,Object.assign({},{ref:r,as:"input",variant:"input"},e,{__themeKey:"forms",__css:{display:"block",width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:4,color:"inherit",bg:"transparent"}}))}),Z=function(e){var r=e.size;void 0===r&&(r=24);var t=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size"]);return g.createElement(X,Object.assign({},{as:"svg",xmlns:"http://www.w3.org/2000/svg",width:r+"",height:r+"",viewBox:"0 0 24 24",fill:"currentcolor"},t))},ee=function(e){return function(r){var t={};for(var n in r)e(n||"")&&(t[n]=r[n]);return t}},re=/^m[trblxy]?$/,te=ee(function(e){return re.test(e)}),ne=ee(function(e){return!re.test(e)}),ae=function(e){return g.createElement(Z,e,g.createElement("path",{d:"M7 10l5 5 5-5z"}))};g.forwardRef(function(e,r){return g.createElement(X,Object.assign({},te(e),{sx:{display:"flex"}}),g.createElement(X,Object.assign({},{ref:r,as:"select",variant:"select"},ne(e),{__themeKey:"forms",__css:{display:"block",width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:4,color:"inherit",bg:"transparent"}})),g.createElement(ae,{sx:{ml:-28,alignSelf:"center",pointerEvents:"none"}}))}),g.forwardRef(function(e,r){return g.createElement(X,Object.assign({},{ref:r,as:"textarea",variant:"textarea"},e,{__themeKey:"forms",__css:{display:"block",width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:4,color:"inherit",bg:"transparent"}}))});var oe=function(e){return g.createElement(Z,e,g.createElement("path",{d:"M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}))},ie=function(e){return g.createElement(Z,e,g.createElement("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}))},ce=function(e){return g.createElement(g.Fragment,null,g.createElement(oe,Object.assign({},e,{__css:{display:"none","input:checked ~ &":{display:"block"}}})),g.createElement(ie,Object.assign({},e,{__css:{display:"block","input:checked ~ &":{display:"none"}}})))};g.forwardRef(function(e,r){var t=e.className,n=e.sx,a=e.variant;void 0===a&&(a="radio");var o=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["className","sx","variant"]);return g.createElement(X,null,g.createElement(X,Object.assign({},{ref:r,as:"input",type:"radio"},o,{sx:{position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"}})),g.createElement(X,{as:ce,"aria-hidden":"true",__themeKey:"forms",variant:a,className:t,sx:n,__css:{mr:2,borderRadius:9999,color:"gray","input:checked ~ &":{color:"primary"},"input:focus ~ &":{bg:"highlight"}}}))});var se=function(e){return g.createElement(Z,e,g.createElement("path",{d:"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"}))},le=function(e){return g.createElement(Z,e,g.createElement("path",{d:"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"}))},fe=function(e){return g.createElement(g.Fragment,null,g.createElement(se,Object.assign({},e,{__css:{display:"none","input:checked ~ &":{display:"block"}}})),g.createElement(le,Object.assign({},e,{__css:{display:"block","input:checked ~ &":{display:"none"}}})))},ue=(g.forwardRef(function(e,r){var t=e.className,n=e.sx,a=e.variant;void 0===a&&(a="checkbox");var o=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["className","sx","variant"]);return g.createElement(X,null,g.createElement(X,Object.assign({},{ref:r,as:"input",type:"checkbox"},o,{sx:{position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"}})),g.createElement(X,{as:fe,"aria-hidden":"true",__themeKey:"forms",variant:a,className:t,sx:n,__css:{mr:2,borderRadius:4,color:"gray","input:checked ~ &":{color:"primary"},"input:focus ~ &":{color:"primary",bg:"highlight"}}}))}),{appearance:"none",width:16,height:16,bg:"currentcolor",border:0,borderRadius:9999,variant:"forms.slider.thumb"});g.forwardRef(function(e,r){return g.createElement(X,Object.assign({},{ref:r,as:"input",type:"range",variant:"slider"},e,{__themeKey:"forms",__css:{display:"block",width:"100%",height:4,my:2,cursor:"pointer",appearance:"none",borderRadius:9999,color:"inherit",bg:"gray",":focus":{outline:"none",color:"primary"},"&::-webkit-slider-thumb":ue,"&::-moz-range-thumb":ue,"&::-ms-thumb":ue}}))}),g.forwardRef(function(e,r){var t=e.as;void 0===t&&(t=U);var n=e.label,a=e.name,o=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["as","label","name"]);return g.createElement(X,te(o),g.createElement(Q,{htmlFor:a},n),g.createElement(t,Object.assign({},{ref:r,id:a,name:a},ne(o))))}),g.forwardRef(function(e,r){return g.createElement(X,Object.assign({},{ref:r,as:"progress",variant:"styles.progress"},e,{__css:{display:"block",width:"100%",height:"4px",margin:0,padding:0,overflow:"hidden",appearance:"none",color:"primary",bg:"gray",borderRadius:9999,border:"none","&::-webkit-progress-bar":{bg:"transparent"},"&::-webkit-progress-value":{bg:"currentcolor"},"&::-moz-progress-bar":{bg:"currentcolor"}}}))}),g.forwardRef(function(e,r){var t=e.size;void 0===t&&(t=128);var n=e.strokeWidth;void 0===n&&(n=2);var a=e.value;void 0===a&&(a=0);var o=e.min;void 0===o&&(o=0);var i=e.max;void 0===i&&(i=1);var c=e.title,s=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size","strokeWidth","value","min","max","title"]),l=16-n,f=2*l*Math.PI,u=f-(a-o)/(i-o)*f;return g.createElement(X,Object.assign({},{ref:r,as:"svg",viewBox:"0 0 32 32",width:t,height:t,strokeWidth:n,fill:"none",stroke:"currentcolor",role:"img","aria-valuenow":a,"aria-valuemin":o,"aria-valuemax":i},s,{__css:{color:"primary"}}),c&&g.createElement("title",null,c),g.createElement("circle",{cx:16,cy:16,r:l,opacity:1/8}),g.createElement("circle",{cx:16,cy:16,r:l,strokeDasharray:f,strokeDashoffset:u,transform:"rotate(-90 16 16)"}))});var pe=t({from:{transform:"rotate(0deg)"},to:{transform:"rotate(360deg)"}});g.forwardRef(function(e,r){var t=e.size;void 0===t&&(t=48);var n=e.strokeWidth;void 0===n&&(n=4);var a=e.title;void 0===a&&(a="Loading...");var o=e.duration;void 0===o&&(o=500);var i=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size","strokeWidth","max","title","duration"]),c=16-n,s=2*c*Math.PI,l=s-.25*s;return g.createElement(X,Object.assign({},{ref:r,as:"svg",viewBox:"0 0 32 32",width:t,height:t,strokeWidth:n,fill:"none",stroke:"currentcolor",role:"img"},i,{__css:{color:"primary",overflow:"visible"}}),g.createElement("title",null,a),g.createElement("circle",{cx:16,cy:16,r:c,opacity:1/8}),g.createElement(X,{as:"circle",cx:16,cy:16,r:c,strokeDasharray:s,strokeDashoffset:l,__css:{transformOrigin:"50% 50%",animationName:pe.toString(),animationTimingFunction:"linear",animationDuration:o+"ms",animationIterationCount:"infinite"}}))}),g.forwardRef(function(e,r){var t=e.size;void 0===t&&(t=48);var n=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size"]);return g.createElement(J,Object.assign({},{ref:r,width:t,height:t,variant:"avatar"},n,{__css:{borderRadius:9999}}))}),g.forwardRef(function(e,r){return g.createElement(X,Object.assign({},{ref:r},e,{__themeKey:"badges",__css:{display:"inline-block",verticalAlign:"baseline",fontSize:0,fontWeight:"bold",whiteSpace:"nowrap",px:1,borderRadius:2,color:"white",bg:"primary"}}))});var de=g.forwardRef(function(e,r){var t=e.size;void 0===t&&(t=32);var n=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size"]);return g.createElement(X,Object.assign({},{ref:r,as:"button",variant:"icon"},n,{__themeKey:"buttons",__css:{appearance:"none",display:"inline-flex",alignItems:"center",justifyContent:"center",padding:1,width:t,height:t,color:"inherit",bg:"transparent",border:"none",borderRadius:4}}))}),me=g.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",fill:"currentcolor",viewBox:"0 0 24 24"},g.createElement("path",{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"}));g.forwardRef(function(e,r){var t=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size"]);return g.createElement(de,Object.assign({},{ref:r,title:"Close","aria-label":"Close",variant:"close"},t,{children:me}))}),g.forwardRef(function(e,r){return g.createElement(X,Object.assign({},{ref:r},e,{__themeKey:"alerts",__css:{display:"flex",alignItems:"center",px:3,py:2,fontWeight:"bold",color:"white",bg:"primary",borderRadius:4}}))}),g.forwardRef(function(e,r){return g.createElement(X,Object.assign({},{ref:r,as:"hr",variant:"styles.hr"},e,{__css:{color:"gray",m:0,my:2,border:0,borderBottom:"1px solid"}}))}),g.forwardRef(function(e,r){var t=e.ratio;void 0===t&&(t=16/9);var n=e.src,a=e.frameBorder;void 0===a&&(a=0);var o=e.allowFullScreen;void 0===o&&(o=!0);var i=e.width;void 0===i&&(i=560);var c=e.height;void 0===c&&(c=315);var s=e.allow,l=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["ratio","src","frameBorder","allowFullScreen","width","height","allow"]);return g.createElement(X,Object.assign({},l,{__css:{width:"100%",height:0,paddingBottom:100/t+"%",position:"relative",overflow:"hidden"}}),g.createElement(X,{ref:r,as:"iframe",src:n,width:i,height:c,frameBorder:a,allowFullScreen:o,allow:s,__css:{position:"absolute",width:"100%",height:"100%",top:0,bottom:0,left:0,border:0}}))});var he=g.forwardRef(function(e,r){var t=e.ratio;void 0===t&&(t=4/3);var n=e.children,a=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["ratio","children"]);return g.createElement(X,{ref:r,sx:{position:"relative",overflow:"hidden"}},g.createElement(X,{sx:{width:"100%",height:0,paddingBottom:100/t+"%"}}),g.createElement(X,Object.assign({},a,{__css:{position:"absolute",top:0,right:0,bottom:0,left:0}}),n))});g.forwardRef(function(e,r){var t=e.ratio,n=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["ratio"]);return g.createElement(he,{ratio:t},g.createElement(J,Object.assign({},{ref:r},n,{__css:{objectFit:"cover"}})))}),g.forwardRef(function(e,r){return g.createElement(X,Object.assign({},{ref:r,variant:"container"},e,{__themeKey:"layout",__css:{width:"100%",maxWidth:"container",mx:"auto"}}))}),g.forwardRef(function(e,r){return g.createElement($,Object.assign({},{ref:r,variant:"nav"},e,{__css:{color:"inherit",textDecoration:"none",fontWeight:"bold",display:"inline-block","&:hover, &:focus, &.active":{color:"primary"}}}))}),g.forwardRef(function(e,r){return g.createElement(X,Object.assign({},{ref:r},e,{__themeKey:"messages",__css:{padding:3,paddingLeft:function(e){return e.space[3]-e.space[1]},borderLeftWidth:function(e){return e.space[1]},borderLeftStyle:"solid",borderLeftColor:"primary",borderRadius:4,bg:"highlight"}}))});var ve=function(e){var r=e.size;return void 0===r&&(r=24),g.createElement(X,{as:"svg",xmlns:"http://www.w3.org/2000/svg",width:r,height:r,fill:"currentcolor",viewBox:"0 0 24 24",sx:{display:"block",margin:0}},g.createElement("path",{d:"M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"}))},be=(g.forwardRef(function(e,r){return g.createElement(de,Object.assign({},{ref:r,title:"Menu","aria-label":"Toggle Menu",variant:"menu"},e),g.createElement(ve,null))}),v(o.propNames.concat(i.propNames,c.propNames,s.propNames,l.propNames,f.propNames,u.propNames,p.propNames,d.propNames,m.propNames))),ge=[o,i,c,s,l,f,u,p,d,m];function ye(e){return n(e.sx)(e.theme)}function we(e){var r=e.variant,t=e.theme,a=e.variantKey;return n(h(t,a?a+"."+r:r,h(t,a)))(t)}var Oe=b("div",{shouldForwardProp:be}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},we].concat(ge,[ye])),_e=b(Oe)({display:"flex"}),xe=b("label",{shouldForwardProp:be}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.variant;return void 0===r&&(r="default"),we({variantKey:"labels",variant:r,theme:e.theme})}].concat(ge,[ye])),je=v(o.propNames.concat(i.propNames,c.propNames,p.propNames,d.propNames,m.propNames));function Ee(e){var r=e.theme;return n({px:3,py:2,color:"white",bg:"primary",border:0,borderRadius:"default","&:hover":{bg:"secondary"}})(r)}function ke(e){var r=e.variant;return void 0===r&&(r="buttons.primary"),we({theme:e.theme,variant:r})}var Re=b("button",{shouldForwardProp:je})({appearance:"none",cursor:"pointer",display:"inline-block",fontSize:"inherit",lineHeight:"inherit",textAlign:"center",textDecoration:"none",transition:"all 0.2s ease-in-out"},Ee,ke,o,i,c,p,d,m,ye),ze=b("a",{shouldForwardProp:je})({appearance:"none",cursor:"pointer",display:"inline-block",fontSize:"inherit",lineHeight:"inherit",textAlign:"center",textDecoration:"none",transition:"all 0.2s ease-in-out"},Ee,ke,o,i,c,p,d,m,ye),Pe=v(o.propNames.concat(i.propNames,c.propNames)),Ne=b("a",{shouldForwardProp:Pe})({boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.variant;return void 0===r&&(r="links.a"),we({theme:e.theme,variant:r})},o,i,c,ye),Se=v(o.propNames.concat(i.propNames,c.propNames)),Ke=b("p",{shouldForwardProp:Se})({boxSizing:"border-box",margin:0,minWidth:0},we,o,i,c,ye),Ce=b("input",{shouldForwardProp:be}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return n({display:"block",width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:"default",color:"inherit",bg:"transparent"})(r)},function(e){return we({variant:e.variant,theme:e.theme,variantKey:"inputs"})}].concat(ge,[ye])),Fe=b("svg",{shouldForwardProp:be}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return n({fill:"currentColor",color:"black",display:"block"})(r)},function(e){return we({variant:e.variant,theme:e.theme,variantKey:"svg"})}].concat(ge,[ye])),We=function(e){var r=e.title,t=e.desc,n=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["title","desc"]);return g.createElement(Fe,Object.assign({},n),g.createElement("title",null,r),g.createElement("desc",null,t),n.children)};export{Oe as Box,ye as sx,we as variant,_e as Flex,xe as Label,Re as Button,ze as AnchorButton,Ne as Link,Ke as Text,Ce as Input,Fe as Svg,We as SvgIcon};
+import{version as e}from"@emotion/core/package.json";import r from"@styled-system/space";import{keyframes as t}from"@emotion/core";import{css as n,get as a}from"@theme-ui/css";import{space as o,color as i,typography as c,layout as s,flexbox as l,grid as f,background as u,border as p,position as d,shadow as m,get as h}from"styled-system";import{createShouldForwardProp as v}from"@styled-system/should-forward-prop";import b,{forwardRef as g}from"react";import y from"@emotion/styled";function w(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function O(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})),t.push.apply(t,n)}return t}function x(e){for(var r=arguments,t=1;t<arguments.length;t++){var n=null!=r[t]?r[t]:{};t%2?O(Object(n),!0).forEach(function(r){w(e,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):O(Object(n)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})}return e}b.createContext({__EMOTION_VERSION__:e,theme:null});var _=b.createContext({}),j={inlineCode:"code",wrapper:function(e){return b.createElement(b.Fragment,{},e.children)}};g(function(e,r){var t=e.components,n=e.mdxType,a=e.originalType,o=e.parentName,i=function(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)r.indexOf(t=o[n])>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r.indexOf(t=o[n])>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}(e,["components","mdxType","originalType","parentName"]),c=function(e){var r=b.useContext(_),t=r;return e&&(t="function"==typeof e?e(r):x({},r,{},e)),t}(t),s=n,l=c["".concat(o,".").concat(s)]||c[s]||j[s]||a;return b.createElement(l,t?x({ref:r},i,{components:t}):x({ref:r},i))}).displayName="MDXCreateElement";var E={inlineCode:"code",thematicBreak:"hr",root:"div"},k=function(e){return function(r){return n(a(r.theme,"styles."+e))(r.theme)}},R=y("div")(k("div")),z={};["p","b","i","a","h1","h2","h3","h4","h5","h6","img","pre","code","ol","ul","li","blockquote","hr","em","table","tr","th","td","em","strong","del","inlineCode","thematicBreak","div","root"].forEach(function(e){var r;z[e]=y(E[r=e]||r)(k(e)),R[e]=z[e]});var P=function(e,r,t,n,a){for(r=r&&r.split?r.split("."):[r],n=0;n<r.length;n++)e=e?e[r[n]]:a;return e===a?t:e},N=function(e,r){if("number"!=typeof r||r>=0)return P(e,r,r);var t=Math.abs(r),n=P(e,t,t);return"string"==typeof n?"-"+n:-1*n},S=(["margin","marginTop","marginRight","marginBottom","marginLeft","marginX","marginY","top","bottom","left","right"].reduce(function(e,r){var t;return Object.assign({},e,((t={})[r]=N,t))},{}),Object.getOwnPropertySymbols),K=Object.prototype.hasOwnProperty,C=Object.prototype.propertyIsEnumerable,F=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var r={},t=0;t<10;t++)r["_"+String.fromCharCode(t)]=t;if("0123456789"!==Object.getOwnPropertyNames(r).map(function(e){return r[e]}).join(""))return!1;var n={};return"abcdefghijklmnopqrst".split("").forEach(function(e){n[e]=e}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},n)).join("")}catch(e){return!1}}()?Object.assign:function(e,r){for(var t,n,a=arguments,o=function(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(e),i=1;i<arguments.length;i++){for(var c in t=Object(a[i]))K.call(t,c)&&(o[c]=t[c]);if(S){n=S(t);for(var s=0;s<n.length;s++)C.call(t,n[s])&&(o[n[s]]=t[n[s]])}}return o},W=function(e,r){var t=F({},e,r);for(var n in e){var a;e[n]&&"object"==typeof r[n]&&F(t,((a={})[n]=F(e[n],r[n]),a))}return t},B={breakpoints:[40,52,64].map(function(e){return e+"em"})},H=function(e){return"@media screen and (min-width: "+e+")"},D=function(e,r){return M(r,e,e)},M=function(e,r,t,n,a){for(r=r&&r.split?r.split("."):[r],n=0;n<r.length;n++)e=e?e[r[n]]:a;return e===a?t:e},I=function(e,r,t,n,a){var o={};return n.slice(0,e.length).forEach(function(n,i){var c,s=e[i],l=r(n,t,a);F(o,s?((c={})[s]=F({},o[s],l),c):l)}),o},T=function(e,r,t,n,a){var o={};for(var i in n){var c=e[i],s=r(n[i],t,a);if(c){var l,f=H(c);F(o,((l={})[f]=F({},o[f],s),l))}else F(o,s)}return o},L=function(e){var r=e.properties,t=e.transform,n=void 0===t?D:t,a=e.defaultScale;r=r||[e.property];var o=function(e,t,a){var o={},i=n(e,t,a);if(null!==i)return r.forEach(function(e){o[e]=i}),o};return o.scale=e.scale,o.defaults=a,o},A={color:{property:"color",scale:"colors"},backgroundColor:{property:"backgroundColor",scale:"colors"},opacity:!0};A.bg=A.backgroundColor;var V=function(e){void 0===e&&(e={});var r={};return Object.keys(e).forEach(function(t){var n=e[t];r[t]=!0!==n?"function"!=typeof n?L(n):n:L({property:t,scale:t})}),function e(r){var t={},n=function(e){var n,a,o={},i=!1,c=e.theme&&e.theme.disableStyledSystemCache;for(var s in e)if(r[s]){var l=r[s],f=e[s],u=M(e.theme,l.scale,l.defaults);if("object"!=typeof f)F(o,l(f,u,e));else{if(t.breakpoints=!c&&t.breakpoints||M(e.theme,"breakpoints",B.breakpoints),Array.isArray(f)){t.media=!c&&t.media||[null].concat(t.breakpoints.map(H)),o=W(o,I(t.media,l,u,f,e));continue}null!==f&&(o=W(o,T(t.breakpoints,l,u,f,e)),i=!0)}}return i&&(n=o,a={},Object.keys(n).sort(function(e,r){return e.localeCompare(r,void 0,{numeric:!0,sensitivity:"base"})}).forEach(function(e){a[e]=n[e]}),o=a),o};n.config=r,n.propNames=Object.keys(r),n.cache=t;var a=Object.keys(r).filter(function(e){return"config"!==e});return a.length>1&&a.forEach(function(t){var a;n[t]=e(((a={})[t]=r[t],a))}),n}(r)}(A),q=v(r.propNames.concat(V.propNames)),X=y("div",{shouldForwardProp:q})({boxSizing:"border-box",margin:0,minWidth:0},function(e){return n(e.__css)(e.theme)},function(e){var r=e.theme,t=e.variant,o=e.__themeKey;return void 0===o&&(o="variants"),n(a(r,o+"."+t,a(r,t)))},r,V,function(e){return n(e.sx)(e.theme)},function(e){return e.css});y(X)({display:"flex"});var G=function(e){return Array.isArray(e)?e.map(G):!!e&&"repeat(auto-fit, minmax("+("number"==typeof(r=e)?r+"px":r)+", 1fr))";var r},Y=function(e){return Array.isArray(e)?e.map(Y):!!e&&("number"==typeof e?"repeat("+e+", 1fr)":e)},$=(b.forwardRef(function(e,r){var t=e.width,n=e.columns,a=e.gap;void 0===a&&(a=3);var o=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["width","columns","gap"]),i=t?G(t):Y(n);return b.createElement(X,Object.assign({},{ref:r},o,{__themeKey:"grids",__css:{display:"grid",gridGap:a,gridTemplateColumns:i}}))}),b.forwardRef(function(e,r){return b.createElement(X,Object.assign({},{ref:r,as:"button",variant:"primary"},e,{__themeKey:"buttons",__css:{appearance:"none",display:"inline-block",textAlign:"center",lineHeight:"inherit",textDecoration:"none",fontSize:"inherit",px:3,py:2,color:"white",bg:"primary",border:0,borderRadius:4}}))}),b.forwardRef(function(e,r){return b.createElement(X,Object.assign({},{ref:r,as:"a",variant:"styles.a"},e,{__themeKey:"links"}))})),J=(b.forwardRef(function(e,r){return b.createElement(X,Object.assign({},{ref:r},e,{__themeKey:"text"}))}),b.forwardRef(function(e,r){return b.createElement(X,Object.assign({},{ref:r,as:"h2",variant:"heading"},e,{__themeKey:"text",__css:{fontFamily:"heading",fontWeight:"heading",lineHeight:"heading"}}))}),b.forwardRef(function(e,r){return b.createElement(X,Object.assign({},{ref:r,as:"img"},e,{__themeKey:"images",__css:Object.assign({},{maxWidth:"100%",height:"auto"},e.__css)}))})),Q=(b.forwardRef(function(e,r){return b.createElement(X,Object.assign({},{ref:r,variant:"primary"},e,{__themeKey:"cards"}))}),b.forwardRef(function(e,r){return b.createElement(X,Object.assign({},{ref:r,as:"label",variant:"label"},e,{__themeKey:"forms",__css:{width:"100%",display:"flex"}}))})),U=b.forwardRef(function(e,r){return b.createElement(X,Object.assign({},{ref:r,as:"input",variant:"input"},e,{__themeKey:"forms",__css:{display:"block",width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:4,color:"inherit",bg:"transparent"}}))}),Z=function(e){var r=e.size;void 0===r&&(r=24);var t=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size"]);return b.createElement(X,Object.assign({},{as:"svg",xmlns:"http://www.w3.org/2000/svg",width:r+"",height:r+"",viewBox:"0 0 24 24",fill:"currentcolor"},t))},ee=function(e){return function(r){var t={};for(var n in r)e(n||"")&&(t[n]=r[n]);return t}},re=/^m[trblxy]?$/,te=ee(function(e){return re.test(e)}),ne=ee(function(e){return!re.test(e)}),ae=function(e){return b.createElement(Z,e,b.createElement("path",{d:"M7 10l5 5 5-5z"}))};b.forwardRef(function(e,r){return b.createElement(X,Object.assign({},te(e),{sx:{display:"flex"}}),b.createElement(X,Object.assign({},{ref:r,as:"select",variant:"select"},ne(e),{__themeKey:"forms",__css:{display:"block",width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:4,color:"inherit",bg:"transparent"}})),b.createElement(ae,{sx:{ml:-28,alignSelf:"center",pointerEvents:"none"}}))}),b.forwardRef(function(e,r){return b.createElement(X,Object.assign({},{ref:r,as:"textarea",variant:"textarea"},e,{__themeKey:"forms",__css:{display:"block",width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:4,color:"inherit",bg:"transparent"}}))});var oe=function(e){return b.createElement(Z,e,b.createElement("path",{d:"M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}))},ie=function(e){return b.createElement(Z,e,b.createElement("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}))},ce=function(e){return b.createElement(b.Fragment,null,b.createElement(oe,Object.assign({},e,{__css:{display:"none","input:checked ~ &":{display:"block"}}})),b.createElement(ie,Object.assign({},e,{__css:{display:"block","input:checked ~ &":{display:"none"}}})))};b.forwardRef(function(e,r){var t=e.className,n=e.sx,a=e.variant;void 0===a&&(a="radio");var o=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["className","sx","variant"]);return b.createElement(X,null,b.createElement(X,Object.assign({},{ref:r,as:"input",type:"radio"},o,{sx:{position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"}})),b.createElement(X,{as:ce,"aria-hidden":"true",__themeKey:"forms",variant:a,className:t,sx:n,__css:{mr:2,borderRadius:9999,color:"gray","input:checked ~ &":{color:"primary"},"input:focus ~ &":{bg:"highlight"}}}))});var se=function(e){return b.createElement(Z,e,b.createElement("path",{d:"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"}))},le=function(e){return b.createElement(Z,e,b.createElement("path",{d:"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"}))},fe=function(e){return b.createElement(b.Fragment,null,b.createElement(se,Object.assign({},e,{__css:{display:"none","input:checked ~ &":{display:"block"}}})),b.createElement(le,Object.assign({},e,{__css:{display:"block","input:checked ~ &":{display:"none"}}})))},ue=(b.forwardRef(function(e,r){var t=e.className,n=e.sx,a=e.variant;void 0===a&&(a="checkbox");var o=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["className","sx","variant"]);return b.createElement(X,null,b.createElement(X,Object.assign({},{ref:r,as:"input",type:"checkbox"},o,{sx:{position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"}})),b.createElement(X,{as:fe,"aria-hidden":"true",__themeKey:"forms",variant:a,className:t,sx:n,__css:{mr:2,borderRadius:4,color:"gray","input:checked ~ &":{color:"primary"},"input:focus ~ &":{color:"primary",bg:"highlight"}}}))}),{appearance:"none",width:16,height:16,bg:"currentcolor",border:0,borderRadius:9999,variant:"forms.slider.thumb"});b.forwardRef(function(e,r){return b.createElement(X,Object.assign({},{ref:r,as:"input",type:"range",variant:"slider"},e,{__themeKey:"forms",__css:{display:"block",width:"100%",height:4,my:2,cursor:"pointer",appearance:"none",borderRadius:9999,color:"inherit",bg:"gray",":focus":{outline:"none",color:"primary"},"&::-webkit-slider-thumb":ue,"&::-moz-range-thumb":ue,"&::-ms-thumb":ue}}))}),b.forwardRef(function(e,r){var t=e.as;void 0===t&&(t=U);var n=e.label,a=e.name,o=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["as","label","name"]);return b.createElement(X,te(o),b.createElement(Q,{htmlFor:a},n),b.createElement(t,Object.assign({},{ref:r,id:a,name:a},ne(o))))}),b.forwardRef(function(e,r){return b.createElement(X,Object.assign({},{ref:r,as:"progress",variant:"styles.progress"},e,{__css:{display:"block",width:"100%",height:"4px",margin:0,padding:0,overflow:"hidden",appearance:"none",color:"primary",bg:"gray",borderRadius:9999,border:"none","&::-webkit-progress-bar":{bg:"transparent"},"&::-webkit-progress-value":{bg:"currentcolor"},"&::-moz-progress-bar":{bg:"currentcolor"}}}))}),b.forwardRef(function(e,r){var t=e.size;void 0===t&&(t=128);var n=e.strokeWidth;void 0===n&&(n=2);var a=e.value;void 0===a&&(a=0);var o=e.min;void 0===o&&(o=0);var i=e.max;void 0===i&&(i=1);var c=e.title,s=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size","strokeWidth","value","min","max","title"]),l=16-n,f=2*l*Math.PI,u=f-(a-o)/(i-o)*f;return b.createElement(X,Object.assign({},{ref:r,as:"svg",viewBox:"0 0 32 32",width:t,height:t,strokeWidth:n,fill:"none",stroke:"currentcolor",role:"img","aria-valuenow":a,"aria-valuemin":o,"aria-valuemax":i},s,{__css:{color:"primary"}}),c&&b.createElement("title",null,c),b.createElement("circle",{cx:16,cy:16,r:l,opacity:1/8}),b.createElement("circle",{cx:16,cy:16,r:l,strokeDasharray:f,strokeDashoffset:u,transform:"rotate(-90 16 16)"}))});var pe=t({from:{transform:"rotate(0deg)"},to:{transform:"rotate(360deg)"}});b.forwardRef(function(e,r){var t=e.size;void 0===t&&(t=48);var n=e.strokeWidth;void 0===n&&(n=4);var a=e.title;void 0===a&&(a="Loading...");var o=e.duration;void 0===o&&(o=500);var i=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size","strokeWidth","max","title","duration"]),c=16-n,s=2*c*Math.PI,l=s-.25*s;return b.createElement(X,Object.assign({},{ref:r,as:"svg",viewBox:"0 0 32 32",width:t,height:t,strokeWidth:n,fill:"none",stroke:"currentcolor",role:"img"},i,{__css:{color:"primary",overflow:"visible"}}),b.createElement("title",null,a),b.createElement("circle",{cx:16,cy:16,r:c,opacity:1/8}),b.createElement(X,{as:"circle",cx:16,cy:16,r:c,strokeDasharray:s,strokeDashoffset:l,__css:{transformOrigin:"50% 50%",animationName:pe.toString(),animationTimingFunction:"linear",animationDuration:o+"ms",animationIterationCount:"infinite"}}))}),b.forwardRef(function(e,r){var t=e.size;void 0===t&&(t=48);var n=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size"]);return b.createElement(J,Object.assign({},{ref:r,width:t,height:t,variant:"avatar"},n,{__css:{borderRadius:9999}}))}),b.forwardRef(function(e,r){return b.createElement(X,Object.assign({},{ref:r},e,{__themeKey:"badges",__css:{display:"inline-block",verticalAlign:"baseline",fontSize:0,fontWeight:"bold",whiteSpace:"nowrap",px:1,borderRadius:2,color:"white",bg:"primary"}}))});var de=b.forwardRef(function(e,r){var t=e.size;void 0===t&&(t=32);var n=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size"]);return b.createElement(X,Object.assign({},{ref:r,as:"button",variant:"icon"},n,{__themeKey:"buttons",__css:{appearance:"none",display:"inline-flex",alignItems:"center",justifyContent:"center",padding:1,width:t,height:t,color:"inherit",bg:"transparent",border:"none",borderRadius:4}}))}),me=b.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",fill:"currentcolor",viewBox:"0 0 24 24"},b.createElement("path",{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"}));b.forwardRef(function(e,r){var t=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size"]);return b.createElement(de,Object.assign({},{ref:r,title:"Close","aria-label":"Close",variant:"close"},t,{children:me}))}),b.forwardRef(function(e,r){return b.createElement(X,Object.assign({},{ref:r},e,{__themeKey:"alerts",__css:{display:"flex",alignItems:"center",px:3,py:2,fontWeight:"bold",color:"white",bg:"primary",borderRadius:4}}))}),b.forwardRef(function(e,r){return b.createElement(X,Object.assign({},{ref:r,as:"hr",variant:"styles.hr"},e,{__css:{color:"gray",m:0,my:2,border:0,borderBottom:"1px solid"}}))}),b.forwardRef(function(e,r){var t=e.ratio;void 0===t&&(t=16/9);var n=e.src,a=e.frameBorder;void 0===a&&(a=0);var o=e.allowFullScreen;void 0===o&&(o=!0);var i=e.width;void 0===i&&(i=560);var c=e.height;void 0===c&&(c=315);var s=e.allow,l=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["ratio","src","frameBorder","allowFullScreen","width","height","allow"]);return b.createElement(X,Object.assign({},l,{__css:{width:"100%",height:0,paddingBottom:100/t+"%",position:"relative",overflow:"hidden"}}),b.createElement(X,{ref:r,as:"iframe",src:n,width:i,height:c,frameBorder:a,allowFullScreen:o,allow:s,__css:{position:"absolute",width:"100%",height:"100%",top:0,bottom:0,left:0,border:0}}))});var he=b.forwardRef(function(e,r){var t=e.ratio;void 0===t&&(t=4/3);var n=e.children,a=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["ratio","children"]);return b.createElement(X,{ref:r,sx:{position:"relative",overflow:"hidden"}},b.createElement(X,{sx:{width:"100%",height:0,paddingBottom:100/t+"%"}}),b.createElement(X,Object.assign({},a,{__css:{position:"absolute",top:0,right:0,bottom:0,left:0}}),n))});b.forwardRef(function(e,r){var t=e.ratio,n=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["ratio"]);return b.createElement(he,{ratio:t},b.createElement(J,Object.assign({},{ref:r},n,{__css:{objectFit:"cover"}})))}),b.forwardRef(function(e,r){return b.createElement(X,Object.assign({},{ref:r,variant:"container"},e,{__themeKey:"layout",__css:{width:"100%",maxWidth:"container",mx:"auto"}}))}),b.forwardRef(function(e,r){return b.createElement($,Object.assign({},{ref:r,variant:"nav"},e,{__css:{color:"inherit",textDecoration:"none",fontWeight:"bold",display:"inline-block","&:hover, &:focus, &.active":{color:"primary"}}}))}),b.forwardRef(function(e,r){return b.createElement(X,Object.assign({},{ref:r},e,{__themeKey:"messages",__css:{padding:3,paddingLeft:function(e){return e.space[3]-e.space[1]},borderLeftWidth:function(e){return e.space[1]},borderLeftStyle:"solid",borderLeftColor:"primary",borderRadius:4,bg:"highlight"}}))});var ve=function(e){var r=e.size;return void 0===r&&(r=24),b.createElement(X,{as:"svg",xmlns:"http://www.w3.org/2000/svg",width:r,height:r,fill:"currentcolor",viewBox:"0 0 24 24",sx:{display:"block",margin:0}},b.createElement("path",{d:"M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"}))},be=(b.forwardRef(function(e,r){return b.createElement(de,Object.assign({},{ref:r,title:"Menu","aria-label":"Toggle Menu",variant:"menu"},e),b.createElement(ve,null))}),v(o.propNames.concat(i.propNames,c.propNames,s.propNames,l.propNames,f.propNames,u.propNames,p.propNames,d.propNames,m.propNames))),ge=[o,i,c,s,l,f,u,p,d,m];function ye(e){return n(e.sx)(e.theme)}function we(e){var r=e.variant,t=e.theme,a=e.variantKey;return n(h(t,a?a+"."+r:r,h(t,a)))(t)}var Oe=y("div",{shouldForwardProp:be}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},we].concat(ge,[ye])),xe=y(Oe)({display:"flex"}),_e=y("label",{shouldForwardProp:be}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.variant;return void 0===r&&(r="default"),we({variantKey:"labels",variant:r,theme:e.theme})}].concat(ge,[ye])),je=v(o.propNames.concat(i.propNames,c.propNames,p.propNames,d.propNames,m.propNames));function Ee(e){var r=e.theme;return n({px:3,py:2,color:"white",bg:"primary",border:0,borderRadius:"default","&:hover":{bg:"secondary"}})(r)}function ke(e){var r=e.variant;return void 0===r&&(r="buttons.primary"),we({theme:e.theme,variant:r})}var Re=y("button",{shouldForwardProp:je})({appearance:"none",cursor:"pointer",display:"inline-block",fontSize:"inherit",lineHeight:"inherit",textAlign:"center",textDecoration:"none",transition:"all 0.2s ease-in-out"},Ee,ke,o,i,c,p,d,m,ye),ze=y("a",{shouldForwardProp:je})({appearance:"none",cursor:"pointer",display:"inline-block",fontSize:"inherit",lineHeight:"inherit",textAlign:"center",textDecoration:"none",transition:"all 0.2s ease-in-out"},Ee,ke,o,i,c,p,d,m,ye),Pe=v(o.propNames.concat(i.propNames,c.propNames)),Ne=y("a",{shouldForwardProp:Pe})({boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.variant;return void 0===r&&(r="links.a"),we({theme:e.theme,variant:r})},o,i,c,ye),Se=v(o.propNames.concat(i.propNames,c.propNames)),Ke=y("p",{shouldForwardProp:Se})({boxSizing:"border-box",margin:0,minWidth:0},we,o,i,c,ye),Ce=y("input",{shouldForwardProp:be}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return n({display:"block",width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:"default",color:"inherit",bg:"transparent"})(r)},function(e){return we({variant:e.variant,theme:e.theme,variantKey:"inputs"})}].concat(ge,[ye])),Fe=y("svg",{shouldForwardProp:be}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return n({fill:"currentColor",color:"black",display:"block"})(r)},function(e){return we({variant:e.variant,theme:e.theme,variantKey:"svg"})}].concat(ge,[ye])),We=function(e){var r=e.title,t=e.desc,n=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["title","desc"]);return b.createElement(Fe,Object.assign({},n),b.createElement("title",null,r),b.createElement("desc",null,t),n.children)},Be=y("textarea",{shouldForwardProp:be}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return n({display:"block",width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:"default",color:"inherit",bg:"transparent"})(r)},function(e){return we({variant:e.variant,theme:e.theme,variantKey:"textarea"})}].concat(ge,[ye]));export{Oe as Box,ye as sx,we as variant,xe as Flex,_e as Label,Re as Button,ze as AnchorButton,Ne as Link,Ke as Text,Ce as Input,Fe as Svg,We as SvgIcon,Be as Textarea};
 //# sourceMappingURL=index.es.js.map

dist/index.js

@@ -1,2 +0,2 @@
-function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}var r=require("@emotion/core/package.json"),t=e(require("@styled-system/space")),n=require("@emotion/core"),a=require("@theme-ui/css"),o=require("styled-system"),i=require("@styled-system/should-forward-prop"),c=e(require("@emotion/styled")),s=require("react"),l=e(s);function p(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function u(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})),t.push.apply(t,n)}return t}function f(e){for(var r=arguments,t=1;t<arguments.length;t++){var n=null!=r[t]?r[t]:{};t%2?u(Object(n),!0).forEach(function(r){p(e,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):u(Object(n)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})}return e}l.createContext({__EMOTION_VERSION__:r.version,theme:null});var d=l.createContext({}),m={inlineCode:"code",wrapper:function(e){return l.createElement(l.Fragment,{},e.children)}};s.forwardRef(function(e,r){var t=e.components,n=e.mdxType,a=e.originalType,o=e.parentName,i=function(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)r.indexOf(t=o[n])>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r.indexOf(t=o[n])>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}(e,["components","mdxType","originalType","parentName"]),c=function(e){var r=l.useContext(d),t=r;return e&&(t="function"==typeof e?e(r):f({},r,{},e)),t}(t),s=n,p=c["".concat(o,".").concat(s)]||c[s]||m[s]||a;return l.createElement(p,t?f({ref:r},i,{components:t}):f({ref:r},i))}).displayName="MDXCreateElement";var h={inlineCode:"code",thematicBreak:"hr",root:"div"},b=function(e){return function(r){return a.css(a.get(r.theme,"styles."+e))(r.theme)}},v=c("div")(b("div")),g={};["p","b","i","a","h1","h2","h3","h4","h5","h6","img","pre","code","ol","ul","li","blockquote","hr","em","table","tr","th","td","em","strong","del","inlineCode","thematicBreak","div","root"].forEach(function(e){var r;g[e]=c(h[r=e]||r)(b(e)),v[e]=g[e]});var y=function(e,r,t,n,a){for(r=r&&r.split?r.split("."):[r],n=0;n<r.length;n++)e=e?e[r[n]]:a;return e===a?t:e},w=function(e,r){if("number"!=typeof r||r>=0)return y(e,r,r);var t=Math.abs(r),n=y(e,t,t);return"string"==typeof n?"-"+n:-1*n},O=(["margin","marginTop","marginRight","marginBottom","marginLeft","marginX","marginY","top","bottom","left","right"].reduce(function(e,r){var t;return Object.assign({},e,((t={})[r]=w,t))},{}),Object.getOwnPropertySymbols),x=Object.prototype.hasOwnProperty,_=Object.prototype.propertyIsEnumerable,j=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var r={},t=0;t<10;t++)r["_"+String.fromCharCode(t)]=t;if("0123456789"!==Object.getOwnPropertyNames(r).map(function(e){return r[e]}).join(""))return!1;var n={};return"abcdefghijklmnopqrst".split("").forEach(function(e){n[e]=e}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},n)).join("")}catch(e){return!1}}()?Object.assign:function(e,r){for(var t,n,a=arguments,o=function(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(e),i=1;i<arguments.length;i++){for(var c in t=Object(a[i]))x.call(t,c)&&(o[c]=t[c]);if(O){n=O(t);for(var s=0;s<n.length;s++)_.call(t,n[s])&&(o[n[s]]=t[n[s]])}}return o},E=function(e,r){var t=j({},e,r);for(var n in e){var a;e[n]&&"object"==typeof r[n]&&j(t,((a={})[n]=j(e[n],r[n]),a))}return t},k={breakpoints:[40,52,64].map(function(e){return e+"em"})},R=function(e){return"@media screen and (min-width: "+e+")"},P=function(e,r){return z(r,e,e)},z=function(e,r,t,n,a){for(r=r&&r.split?r.split("."):[r],n=0;n<r.length;n++)e=e?e[r[n]]:a;return e===a?t:e},S=function(e,r,t,n,a){var o={};return n.slice(0,e.length).forEach(function(n,i){var c,s=e[i],l=r(n,t,a);j(o,s?((c={})[s]=j({},o[s],l),c):l)}),o},N=function(e,r,t,n,a){var o={};for(var i in n){var c=e[i],s=r(n[i],t,a);if(c){var l,p=R(c);j(o,((l={})[p]=j({},o[p],s),l))}else j(o,s)}return o},F=function(e){var r=e.properties,t=e.transform,n=void 0===t?P:t,a=e.defaultScale;r=r||[e.property];var o=function(e,t,a){var o={},i=n(e,t,a);if(null!==i)return r.forEach(function(e){o[e]=i}),o};return o.scale=e.scale,o.defaults=a,o},K={color:{property:"color",scale:"colors"},backgroundColor:{property:"backgroundColor",scale:"colors"},opacity:!0};K.bg=K.backgroundColor;var C=function(e){void 0===e&&(e={});var r={};return Object.keys(e).forEach(function(t){var n=e[t];r[t]=!0!==n?"function"!=typeof n?F(n):n:F({property:t,scale:t})}),function e(r){var t={},n=function(e){var n,a,o={},i=!1,c=e.theme&&e.theme.disableStyledSystemCache;for(var s in e)if(r[s]){var l=r[s],p=e[s],u=z(e.theme,l.scale,l.defaults);if("object"!=typeof p)j(o,l(p,u,e));else{if(t.breakpoints=!c&&t.breakpoints||z(e.theme,"breakpoints",k.breakpoints),Array.isArray(p)){t.media=!c&&t.media||[null].concat(t.breakpoints.map(R)),o=E(o,S(t.media,l,u,p,e));continue}null!==p&&(o=E(o,N(t.breakpoints,l,u,p,e)),i=!0)}}return i&&(n=o,a={},Object.keys(n).sort(function(e,r){return e.localeCompare(r,void 0,{numeric:!0,sensitivity:"base"})}).forEach(function(e){a[e]=n[e]}),o=a),o};n.config=r,n.propNames=Object.keys(r),n.cache=t;var a=Object.keys(r).filter(function(e){return"config"!==e});return a.length>1&&a.forEach(function(t){var a;n[t]=e(((a={})[t]=r[t],a))}),n}(r)}(K),W=i.createShouldForwardProp(t.propNames.concat(C.propNames)),B=c("div",{shouldForwardProp:W})({boxSizing:"border-box",margin:0,minWidth:0},function(e){return a.css(e.__css)(e.theme)},function(e){var r=e.theme,t=e.variant,n=e.__themeKey;return void 0===n&&(n="variants"),a.css(a.get(r,n+"."+t,a.get(r,t)))},t,C,function(e){return a.css(e.sx)(e.theme)},function(e){return e.css});c(B)({display:"flex"});var D=function(e){return Array.isArray(e)?e.map(D):!!e&&"repeat(auto-fit, minmax("+("number"==typeof(r=e)?r+"px":r)+", 1fr))";var r},H=function(e){return Array.isArray(e)?e.map(H):!!e&&("number"==typeof e?"repeat("+e+", 1fr)":e)},M=(l.forwardRef(function(e,r){var t=e.width,n=e.columns,a=e.gap;void 0===a&&(a=3);var o=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["width","columns","gap"]),i=t?D(t):H(n);return l.createElement(B,Object.assign({},{ref:r},o,{__themeKey:"grids",__css:{display:"grid",gridGap:a,gridTemplateColumns:i}}))}),l.forwardRef(function(e,r){return l.createElement(B,Object.assign({},{ref:r,as:"button",variant:"primary"},e,{__themeKey:"buttons",__css:{appearance:"none",display:"inline-block",textAlign:"center",lineHeight:"inherit",textDecoration:"none",fontSize:"inherit",px:3,py:2,color:"white",bg:"primary",border:0,borderRadius:4}}))}),l.forwardRef(function(e,r){return l.createElement(B,Object.assign({},{ref:r,as:"a",variant:"styles.a"},e,{__themeKey:"links"}))})),I=(l.forwardRef(function(e,r){return l.createElement(B,Object.assign({},{ref:r},e,{__themeKey:"text"}))}),l.forwardRef(function(e,r){return l.createElement(B,Object.assign({},{ref:r,as:"h2",variant:"heading"},e,{__themeKey:"text",__css:{fontFamily:"heading",fontWeight:"heading",lineHeight:"heading"}}))}),l.forwardRef(function(e,r){return l.createElement(B,Object.assign({},{ref:r,as:"img"},e,{__themeKey:"images",__css:Object.assign({},{maxWidth:"100%",height:"auto"},e.__css)}))})),q=(l.forwardRef(function(e,r){return l.createElement(B,Object.assign({},{ref:r,variant:"primary"},e,{__themeKey:"cards"}))}),l.forwardRef(function(e,r){return l.createElement(B,Object.assign({},{ref:r,as:"label",variant:"label"},e,{__themeKey:"forms",__css:{width:"100%",display:"flex"}}))})),A=l.forwardRef(function(e,r){return l.createElement(B,Object.assign({},{ref:r,as:"input",variant:"input"},e,{__themeKey:"forms",__css:{display:"block",width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:4,color:"inherit",bg:"transparent"}}))}),L=function(e){var r=e.size;void 0===r&&(r=24);var t=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size"]);return l.createElement(B,Object.assign({},{as:"svg",xmlns:"http://www.w3.org/2000/svg",width:r+"",height:r+"",viewBox:"0 0 24 24",fill:"currentcolor"},t))},T=function(e){return function(r){var t={};for(var n in r)e(n||"")&&(t[n]=r[n]);return t}},V=/^m[trblxy]?$/,X=T(function(e){return V.test(e)}),G=T(function(e){return!V.test(e)}),Y=function(e){return l.createElement(L,e,l.createElement("path",{d:"M7 10l5 5 5-5z"}))};l.forwardRef(function(e,r){return l.createElement(B,Object.assign({},X(e),{sx:{display:"flex"}}),l.createElement(B,Object.assign({},{ref:r,as:"select",variant:"select"},G(e),{__themeKey:"forms",__css:{display:"block",width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:4,color:"inherit",bg:"transparent"}})),l.createElement(Y,{sx:{ml:-28,alignSelf:"center",pointerEvents:"none"}}))}),l.forwardRef(function(e,r){return l.createElement(B,Object.assign({},{ref:r,as:"textarea",variant:"textarea"},e,{__themeKey:"forms",__css:{display:"block",width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:4,color:"inherit",bg:"transparent"}}))});var $=function(e){return l.createElement(L,e,l.createElement("path",{d:"M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}))},J=function(e){return l.createElement(L,e,l.createElement("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}))},Q=function(e){return l.createElement(l.Fragment,null,l.createElement($,Object.assign({},e,{__css:{display:"none","input:checked ~ &":{display:"block"}}})),l.createElement(J,Object.assign({},e,{__css:{display:"block","input:checked ~ &":{display:"none"}}})))};l.forwardRef(function(e,r){var t=e.className,n=e.sx,a=e.variant;void 0===a&&(a="radio");var o=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["className","sx","variant"]);return l.createElement(B,null,l.createElement(B,Object.assign({},{ref:r,as:"input",type:"radio"},o,{sx:{position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"}})),l.createElement(B,{as:Q,"aria-hidden":"true",__themeKey:"forms",variant:a,className:t,sx:n,__css:{mr:2,borderRadius:9999,color:"gray","input:checked ~ &":{color:"primary"},"input:focus ~ &":{bg:"highlight"}}}))});var U=function(e){return l.createElement(L,e,l.createElement("path",{d:"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"}))},Z=function(e){return l.createElement(L,e,l.createElement("path",{d:"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"}))},ee=function(e){return l.createElement(l.Fragment,null,l.createElement(U,Object.assign({},e,{__css:{display:"none","input:checked ~ &":{display:"block"}}})),l.createElement(Z,Object.assign({},e,{__css:{display:"block","input:checked ~ &":{display:"none"}}})))},re=(l.forwardRef(function(e,r){var t=e.className,n=e.sx,a=e.variant;void 0===a&&(a="checkbox");var o=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["className","sx","variant"]);return l.createElement(B,null,l.createElement(B,Object.assign({},{ref:r,as:"input",type:"checkbox"},o,{sx:{position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"}})),l.createElement(B,{as:ee,"aria-hidden":"true",__themeKey:"forms",variant:a,className:t,sx:n,__css:{mr:2,borderRadius:4,color:"gray","input:checked ~ &":{color:"primary"},"input:focus ~ &":{color:"primary",bg:"highlight"}}}))}),{appearance:"none",width:16,height:16,bg:"currentcolor",border:0,borderRadius:9999,variant:"forms.slider.thumb"});l.forwardRef(function(e,r){return l.createElement(B,Object.assign({},{ref:r,as:"input",type:"range",variant:"slider"},e,{__themeKey:"forms",__css:{display:"block",width:"100%",height:4,my:2,cursor:"pointer",appearance:"none",borderRadius:9999,color:"inherit",bg:"gray",":focus":{outline:"none",color:"primary"},"&::-webkit-slider-thumb":re,"&::-moz-range-thumb":re,"&::-ms-thumb":re}}))}),l.forwardRef(function(e,r){var t=e.as;void 0===t&&(t=A);var n=e.label,a=e.name,o=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["as","label","name"]);return l.createElement(B,X(o),l.createElement(q,{htmlFor:a},n),l.createElement(t,Object.assign({},{ref:r,id:a,name:a},G(o))))}),l.forwardRef(function(e,r){return l.createElement(B,Object.assign({},{ref:r,as:"progress",variant:"styles.progress"},e,{__css:{display:"block",width:"100%",height:"4px",margin:0,padding:0,overflow:"hidden",appearance:"none",color:"primary",bg:"gray",borderRadius:9999,border:"none","&::-webkit-progress-bar":{bg:"transparent"},"&::-webkit-progress-value":{bg:"currentcolor"},"&::-moz-progress-bar":{bg:"currentcolor"}}}))}),l.forwardRef(function(e,r){var t=e.size;void 0===t&&(t=128);var n=e.strokeWidth;void 0===n&&(n=2);var a=e.value;void 0===a&&(a=0);var o=e.min;void 0===o&&(o=0);var i=e.max;void 0===i&&(i=1);var c=e.title,s=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size","strokeWidth","value","min","max","title"]),p=16-n,u=2*p*Math.PI,f=u-(a-o)/(i-o)*u;return l.createElement(B,Object.assign({},{ref:r,as:"svg",viewBox:"0 0 32 32",width:t,height:t,strokeWidth:n,fill:"none",stroke:"currentcolor",role:"img","aria-valuenow":a,"aria-valuemin":o,"aria-valuemax":i},s,{__css:{color:"primary"}}),c&&l.createElement("title",null,c),l.createElement("circle",{cx:16,cy:16,r:p,opacity:1/8}),l.createElement("circle",{cx:16,cy:16,r:p,strokeDasharray:u,strokeDashoffset:f,transform:"rotate(-90 16 16)"}))});var te=n.keyframes({from:{transform:"rotate(0deg)"},to:{transform:"rotate(360deg)"}});l.forwardRef(function(e,r){var t=e.size;void 0===t&&(t=48);var n=e.strokeWidth;void 0===n&&(n=4);var a=e.title;void 0===a&&(a="Loading...");var o=e.duration;void 0===o&&(o=500);var i=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size","strokeWidth","max","title","duration"]),c=16-n,s=2*c*Math.PI,p=s-.25*s;return l.createElement(B,Object.assign({},{ref:r,as:"svg",viewBox:"0 0 32 32",width:t,height:t,strokeWidth:n,fill:"none",stroke:"currentcolor",role:"img"},i,{__css:{color:"primary",overflow:"visible"}}),l.createElement("title",null,a),l.createElement("circle",{cx:16,cy:16,r:c,opacity:1/8}),l.createElement(B,{as:"circle",cx:16,cy:16,r:c,strokeDasharray:s,strokeDashoffset:p,__css:{transformOrigin:"50% 50%",animationName:te.toString(),animationTimingFunction:"linear",animationDuration:o+"ms",animationIterationCount:"infinite"}}))}),l.forwardRef(function(e,r){var t=e.size;void 0===t&&(t=48);var n=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size"]);return l.createElement(I,Object.assign({},{ref:r,width:t,height:t,variant:"avatar"},n,{__css:{borderRadius:9999}}))}),l.forwardRef(function(e,r){return l.createElement(B,Object.assign({},{ref:r},e,{__themeKey:"badges",__css:{display:"inline-block",verticalAlign:"baseline",fontSize:0,fontWeight:"bold",whiteSpace:"nowrap",px:1,borderRadius:2,color:"white",bg:"primary"}}))});var ne=l.forwardRef(function(e,r){var t=e.size;void 0===t&&(t=32);var n=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size"]);return l.createElement(B,Object.assign({},{ref:r,as:"button",variant:"icon"},n,{__themeKey:"buttons",__css:{appearance:"none",display:"inline-flex",alignItems:"center",justifyContent:"center",padding:1,width:t,height:t,color:"inherit",bg:"transparent",border:"none",borderRadius:4}}))}),ae=l.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",fill:"currentcolor",viewBox:"0 0 24 24"},l.createElement("path",{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"}));l.forwardRef(function(e,r){var t=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size"]);return l.createElement(ne,Object.assign({},{ref:r,title:"Close","aria-label":"Close",variant:"close"},t,{children:ae}))}),l.forwardRef(function(e,r){return l.createElement(B,Object.assign({},{ref:r},e,{__themeKey:"alerts",__css:{display:"flex",alignItems:"center",px:3,py:2,fontWeight:"bold",color:"white",bg:"primary",borderRadius:4}}))}),l.forwardRef(function(e,r){return l.createElement(B,Object.assign({},{ref:r,as:"hr",variant:"styles.hr"},e,{__css:{color:"gray",m:0,my:2,border:0,borderBottom:"1px solid"}}))}),l.forwardRef(function(e,r){var t=e.ratio;void 0===t&&(t=16/9);var n=e.src,a=e.frameBorder;void 0===a&&(a=0);var o=e.allowFullScreen;void 0===o&&(o=!0);var i=e.width;void 0===i&&(i=560);var c=e.height;void 0===c&&(c=315);var s=e.allow,p=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["ratio","src","frameBorder","allowFullScreen","width","height","allow"]);return l.createElement(B,Object.assign({},p,{__css:{width:"100%",height:0,paddingBottom:100/t+"%",position:"relative",overflow:"hidden"}}),l.createElement(B,{ref:r,as:"iframe",src:n,width:i,height:c,frameBorder:a,allowFullScreen:o,allow:s,__css:{position:"absolute",width:"100%",height:"100%",top:0,bottom:0,left:0,border:0}}))});var oe=l.forwardRef(function(e,r){var t=e.ratio;void 0===t&&(t=4/3);var n=e.children,a=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["ratio","children"]);return l.createElement(B,{ref:r,sx:{position:"relative",overflow:"hidden"}},l.createElement(B,{sx:{width:"100%",height:0,paddingBottom:100/t+"%"}}),l.createElement(B,Object.assign({},a,{__css:{position:"absolute",top:0,right:0,bottom:0,left:0}}),n))});l.forwardRef(function(e,r){var t=e.ratio,n=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["ratio"]);return l.createElement(oe,{ratio:t},l.createElement(I,Object.assign({},{ref:r},n,{__css:{objectFit:"cover"}})))}),l.forwardRef(function(e,r){return l.createElement(B,Object.assign({},{ref:r,variant:"container"},e,{__themeKey:"layout",__css:{width:"100%",maxWidth:"container",mx:"auto"}}))}),l.forwardRef(function(e,r){return l.createElement(M,Object.assign({},{ref:r,variant:"nav"},e,{__css:{color:"inherit",textDecoration:"none",fontWeight:"bold",display:"inline-block","&:hover, &:focus, &.active":{color:"primary"}}}))}),l.forwardRef(function(e,r){return l.createElement(B,Object.assign({},{ref:r},e,{__themeKey:"messages",__css:{padding:3,paddingLeft:function(e){return e.space[3]-e.space[1]},borderLeftWidth:function(e){return e.space[1]},borderLeftStyle:"solid",borderLeftColor:"primary",borderRadius:4,bg:"highlight"}}))});var ie=function(e){var r=e.size;return void 0===r&&(r=24),l.createElement(B,{as:"svg",xmlns:"http://www.w3.org/2000/svg",width:r,height:r,fill:"currentcolor",viewBox:"0 0 24 24",sx:{display:"block",margin:0}},l.createElement("path",{d:"M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"}))},ce=(l.forwardRef(function(e,r){return l.createElement(ne,Object.assign({},{ref:r,title:"Menu","aria-label":"Toggle Menu",variant:"menu"},e),l.createElement(ie,null))}),i.createShouldForwardProp(o.space.propNames.concat(o.color.propNames,o.typography.propNames,o.layout.propNames,o.flexbox.propNames,o.grid.propNames,o.background.propNames,o.border.propNames,o.position.propNames,o.shadow.propNames))),se=[o.space,o.color,o.typography,o.layout,o.flexbox,o.grid,o.background,o.border,o.position,o.shadow];function le(e){return a.css(e.sx)(e.theme)}function pe(e){var r=e.variant,t=e.theme,n=e.variantKey;return a.css(o.get(t,n?n+"."+r:r,o.get(t,n)))(t)}var ue=c("div",{shouldForwardProp:ce}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},pe].concat(se,[le])),fe=c(ue)({display:"flex"}),de=c("label",{shouldForwardProp:ce}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.variant;return void 0===r&&(r="default"),pe({variantKey:"labels",variant:r,theme:e.theme})}].concat(se,[le])),me=i.createShouldForwardProp(o.space.propNames.concat(o.color.propNames,o.typography.propNames,o.border.propNames,o.position.propNames,o.shadow.propNames));function he(e){var r=e.theme;return a.css({px:3,py:2,color:"white",bg:"primary",border:0,borderRadius:"default","&:hover":{bg:"secondary"}})(r)}function be(e){var r=e.variant;return void 0===r&&(r="buttons.primary"),pe({theme:e.theme,variant:r})}var ve=c("button",{shouldForwardProp:me})({appearance:"none",cursor:"pointer",display:"inline-block",fontSize:"inherit",lineHeight:"inherit",textAlign:"center",textDecoration:"none",transition:"all 0.2s ease-in-out"},he,be,o.space,o.color,o.typography,o.border,o.position,o.shadow,le),ge=c("a",{shouldForwardProp:me})({appearance:"none",cursor:"pointer",display:"inline-block",fontSize:"inherit",lineHeight:"inherit",textAlign:"center",textDecoration:"none",transition:"all 0.2s ease-in-out"},he,be,o.space,o.color,o.typography,o.border,o.position,o.shadow,le),ye=i.createShouldForwardProp(o.space.propNames.concat(o.color.propNames,o.typography.propNames)),we=c("a",{shouldForwardProp:ye})({boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.variant;return void 0===r&&(r="links.a"),pe({theme:e.theme,variant:r})},o.space,o.color,o.typography,le),Oe=i.createShouldForwardProp(o.space.propNames.concat(o.color.propNames,o.typography.propNames)),xe=c("p",{shouldForwardProp:Oe})({boxSizing:"border-box",margin:0,minWidth:0},pe,o.space,o.color,o.typography,le),_e=c("input",{shouldForwardProp:ce}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return a.css({display:"block",width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:"default",color:"inherit",bg:"transparent"})(r)},function(e){return pe({variant:e.variant,theme:e.theme,variantKey:"inputs"})}].concat(se,[le])),je=c("svg",{shouldForwardProp:ce}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return a.css({fill:"currentColor",color:"black",display:"block"})(r)},function(e){return pe({variant:e.variant,theme:e.theme,variantKey:"svg"})}].concat(se,[le]));exports.Box=ue,exports.sx=le,exports.variant=pe,exports.Flex=fe,exports.Label=de,exports.Button=ve,exports.AnchorButton=ge,exports.Link=we,exports.Text=xe,exports.Input=_e,exports.Svg=je,exports.SvgIcon=function(e){var r=e.title,t=e.desc,n=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["title","desc"]);return l.createElement(je,Object.assign({},n),l.createElement("title",null,r),l.createElement("desc",null,t),n.children)};
+function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}var r=require("@emotion/core/package.json"),t=e(require("@styled-system/space")),n=require("@emotion/core"),a=require("@theme-ui/css"),o=require("styled-system"),i=require("@styled-system/should-forward-prop"),c=require("react"),s=e(c),l=e(require("@emotion/styled"));function p(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function u(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})),t.push.apply(t,n)}return t}function d(e){for(var r=arguments,t=1;t<arguments.length;t++){var n=null!=r[t]?r[t]:{};t%2?u(Object(n),!0).forEach(function(r){p(e,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):u(Object(n)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})}return e}s.createContext({__EMOTION_VERSION__:r.version,theme:null});var f=s.createContext({}),m={inlineCode:"code",wrapper:function(e){return s.createElement(s.Fragment,{},e.children)}};c.forwardRef(function(e,r){var t=e.components,n=e.mdxType,a=e.originalType,o=e.parentName,i=function(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)r.indexOf(t=o[n])>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r.indexOf(t=o[n])>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}(e,["components","mdxType","originalType","parentName"]),c=function(e){var r=s.useContext(f),t=r;return e&&(t="function"==typeof e?e(r):d({},r,{},e)),t}(t),l=n,p=c["".concat(o,".").concat(l)]||c[l]||m[l]||a;return s.createElement(p,t?d({ref:r},i,{components:t}):d({ref:r},i))}).displayName="MDXCreateElement";var h={inlineCode:"code",thematicBreak:"hr",root:"div"},b=function(e){return function(r){return a.css(a.get(r.theme,"styles."+e))(r.theme)}},v=l("div")(b("div")),g={};["p","b","i","a","h1","h2","h3","h4","h5","h6","img","pre","code","ol","ul","li","blockquote","hr","em","table","tr","th","td","em","strong","del","inlineCode","thematicBreak","div","root"].forEach(function(e){var r;g[e]=l(h[r=e]||r)(b(e)),v[e]=g[e]});var y=function(e,r,t,n,a){for(r=r&&r.split?r.split("."):[r],n=0;n<r.length;n++)e=e?e[r[n]]:a;return e===a?t:e},w=function(e,r){if("number"!=typeof r||r>=0)return y(e,r,r);var t=Math.abs(r),n=y(e,t,t);return"string"==typeof n?"-"+n:-1*n},O=(["margin","marginTop","marginRight","marginBottom","marginLeft","marginX","marginY","top","bottom","left","right"].reduce(function(e,r){var t;return Object.assign({},e,((t={})[r]=w,t))},{}),Object.getOwnPropertySymbols),x=Object.prototype.hasOwnProperty,_=Object.prototype.propertyIsEnumerable,j=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var r={},t=0;t<10;t++)r["_"+String.fromCharCode(t)]=t;if("0123456789"!==Object.getOwnPropertyNames(r).map(function(e){return r[e]}).join(""))return!1;var n={};return"abcdefghijklmnopqrst".split("").forEach(function(e){n[e]=e}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},n)).join("")}catch(e){return!1}}()?Object.assign:function(e,r){for(var t,n,a=arguments,o=function(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(e),i=1;i<arguments.length;i++){for(var c in t=Object(a[i]))x.call(t,c)&&(o[c]=t[c]);if(O){n=O(t);for(var s=0;s<n.length;s++)_.call(t,n[s])&&(o[n[s]]=t[n[s]])}}return o},E=function(e,r){var t=j({},e,r);for(var n in e){var a;e[n]&&"object"==typeof r[n]&&j(t,((a={})[n]=j(e[n],r[n]),a))}return t},k={breakpoints:[40,52,64].map(function(e){return e+"em"})},R=function(e){return"@media screen and (min-width: "+e+")"},z=function(e,r){return P(r,e,e)},P=function(e,r,t,n,a){for(r=r&&r.split?r.split("."):[r],n=0;n<r.length;n++)e=e?e[r[n]]:a;return e===a?t:e},S=function(e,r,t,n,a){var o={};return n.slice(0,e.length).forEach(function(n,i){var c,s=e[i],l=r(n,t,a);j(o,s?((c={})[s]=j({},o[s],l),c):l)}),o},N=function(e,r,t,n,a){var o={};for(var i in n){var c=e[i],s=r(n[i],t,a);if(c){var l,p=R(c);j(o,((l={})[p]=j({},o[p],s),l))}else j(o,s)}return o},F=function(e){var r=e.properties,t=e.transform,n=void 0===t?z:t,a=e.defaultScale;r=r||[e.property];var o=function(e,t,a){var o={},i=n(e,t,a);if(null!==i)return r.forEach(function(e){o[e]=i}),o};return o.scale=e.scale,o.defaults=a,o},K={color:{property:"color",scale:"colors"},backgroundColor:{property:"backgroundColor",scale:"colors"},opacity:!0};K.bg=K.backgroundColor;var C=function(e){void 0===e&&(e={});var r={};return Object.keys(e).forEach(function(t){var n=e[t];r[t]=!0!==n?"function"!=typeof n?F(n):n:F({property:t,scale:t})}),function e(r){var t={},n=function(e){var n,a,o={},i=!1,c=e.theme&&e.theme.disableStyledSystemCache;for(var s in e)if(r[s]){var l=r[s],p=e[s],u=P(e.theme,l.scale,l.defaults);if("object"!=typeof p)j(o,l(p,u,e));else{if(t.breakpoints=!c&&t.breakpoints||P(e.theme,"breakpoints",k.breakpoints),Array.isArray(p)){t.media=!c&&t.media||[null].concat(t.breakpoints.map(R)),o=E(o,S(t.media,l,u,p,e));continue}null!==p&&(o=E(o,N(t.breakpoints,l,u,p,e)),i=!0)}}return i&&(n=o,a={},Object.keys(n).sort(function(e,r){return e.localeCompare(r,void 0,{numeric:!0,sensitivity:"base"})}).forEach(function(e){a[e]=n[e]}),o=a),o};n.config=r,n.propNames=Object.keys(r),n.cache=t;var a=Object.keys(r).filter(function(e){return"config"!==e});return a.length>1&&a.forEach(function(t){var a;n[t]=e(((a={})[t]=r[t],a))}),n}(r)}(K),W=i.createShouldForwardProp(t.propNames.concat(C.propNames)),B=l("div",{shouldForwardProp:W})({boxSizing:"border-box",margin:0,minWidth:0},function(e){return a.css(e.__css)(e.theme)},function(e){var r=e.theme,t=e.variant,n=e.__themeKey;return void 0===n&&(n="variants"),a.css(a.get(r,n+"."+t,a.get(r,t)))},t,C,function(e){return a.css(e.sx)(e.theme)},function(e){return e.css});l(B)({display:"flex"});var H=function(e){return Array.isArray(e)?e.map(H):!!e&&"repeat(auto-fit, minmax("+("number"==typeof(r=e)?r+"px":r)+", 1fr))";var r},D=function(e){return Array.isArray(e)?e.map(D):!!e&&("number"==typeof e?"repeat("+e+", 1fr)":e)},M=(s.forwardRef(function(e,r){var t=e.width,n=e.columns,a=e.gap;void 0===a&&(a=3);var o=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["width","columns","gap"]),i=t?H(t):D(n);return s.createElement(B,Object.assign({},{ref:r},o,{__themeKey:"grids",__css:{display:"grid",gridGap:a,gridTemplateColumns:i}}))}),s.forwardRef(function(e,r){return s.createElement(B,Object.assign({},{ref:r,as:"button",variant:"primary"},e,{__themeKey:"buttons",__css:{appearance:"none",display:"inline-block",textAlign:"center",lineHeight:"inherit",textDecoration:"none",fontSize:"inherit",px:3,py:2,color:"white",bg:"primary",border:0,borderRadius:4}}))}),s.forwardRef(function(e,r){return s.createElement(B,Object.assign({},{ref:r,as:"a",variant:"styles.a"},e,{__themeKey:"links"}))})),I=(s.forwardRef(function(e,r){return s.createElement(B,Object.assign({},{ref:r},e,{__themeKey:"text"}))}),s.forwardRef(function(e,r){return s.createElement(B,Object.assign({},{ref:r,as:"h2",variant:"heading"},e,{__themeKey:"text",__css:{fontFamily:"heading",fontWeight:"heading",lineHeight:"heading"}}))}),s.forwardRef(function(e,r){return s.createElement(B,Object.assign({},{ref:r,as:"img"},e,{__themeKey:"images",__css:Object.assign({},{maxWidth:"100%",height:"auto"},e.__css)}))})),T=(s.forwardRef(function(e,r){return s.createElement(B,Object.assign({},{ref:r,variant:"primary"},e,{__themeKey:"cards"}))}),s.forwardRef(function(e,r){return s.createElement(B,Object.assign({},{ref:r,as:"label",variant:"label"},e,{__themeKey:"forms",__css:{width:"100%",display:"flex"}}))})),q=s.forwardRef(function(e,r){return s.createElement(B,Object.assign({},{ref:r,as:"input",variant:"input"},e,{__themeKey:"forms",__css:{display:"block",width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:4,color:"inherit",bg:"transparent"}}))}),A=function(e){var r=e.size;void 0===r&&(r=24);var t=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size"]);return s.createElement(B,Object.assign({},{as:"svg",xmlns:"http://www.w3.org/2000/svg",width:r+"",height:r+"",viewBox:"0 0 24 24",fill:"currentcolor"},t))},L=function(e){return function(r){var t={};for(var n in r)e(n||"")&&(t[n]=r[n]);return t}},V=/^m[trblxy]?$/,X=L(function(e){return V.test(e)}),G=L(function(e){return!V.test(e)}),Y=function(e){return s.createElement(A,e,s.createElement("path",{d:"M7 10l5 5 5-5z"}))};s.forwardRef(function(e,r){return s.createElement(B,Object.assign({},X(e),{sx:{display:"flex"}}),s.createElement(B,Object.assign({},{ref:r,as:"select",variant:"select"},G(e),{__themeKey:"forms",__css:{display:"block",width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:4,color:"inherit",bg:"transparent"}})),s.createElement(Y,{sx:{ml:-28,alignSelf:"center",pointerEvents:"none"}}))}),s.forwardRef(function(e,r){return s.createElement(B,Object.assign({},{ref:r,as:"textarea",variant:"textarea"},e,{__themeKey:"forms",__css:{display:"block",width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:4,color:"inherit",bg:"transparent"}}))});var $=function(e){return s.createElement(A,e,s.createElement("path",{d:"M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}))},J=function(e){return s.createElement(A,e,s.createElement("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}))},Q=function(e){return s.createElement(s.Fragment,null,s.createElement($,Object.assign({},e,{__css:{display:"none","input:checked ~ &":{display:"block"}}})),s.createElement(J,Object.assign({},e,{__css:{display:"block","input:checked ~ &":{display:"none"}}})))};s.forwardRef(function(e,r){var t=e.className,n=e.sx,a=e.variant;void 0===a&&(a="radio");var o=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["className","sx","variant"]);return s.createElement(B,null,s.createElement(B,Object.assign({},{ref:r,as:"input",type:"radio"},o,{sx:{position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"}})),s.createElement(B,{as:Q,"aria-hidden":"true",__themeKey:"forms",variant:a,className:t,sx:n,__css:{mr:2,borderRadius:9999,color:"gray","input:checked ~ &":{color:"primary"},"input:focus ~ &":{bg:"highlight"}}}))});var U=function(e){return s.createElement(A,e,s.createElement("path",{d:"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"}))},Z=function(e){return s.createElement(A,e,s.createElement("path",{d:"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"}))},ee=function(e){return s.createElement(s.Fragment,null,s.createElement(U,Object.assign({},e,{__css:{display:"none","input:checked ~ &":{display:"block"}}})),s.createElement(Z,Object.assign({},e,{__css:{display:"block","input:checked ~ &":{display:"none"}}})))},re=(s.forwardRef(function(e,r){var t=e.className,n=e.sx,a=e.variant;void 0===a&&(a="checkbox");var o=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["className","sx","variant"]);return s.createElement(B,null,s.createElement(B,Object.assign({},{ref:r,as:"input",type:"checkbox"},o,{sx:{position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"}})),s.createElement(B,{as:ee,"aria-hidden":"true",__themeKey:"forms",variant:a,className:t,sx:n,__css:{mr:2,borderRadius:4,color:"gray","input:checked ~ &":{color:"primary"},"input:focus ~ &":{color:"primary",bg:"highlight"}}}))}),{appearance:"none",width:16,height:16,bg:"currentcolor",border:0,borderRadius:9999,variant:"forms.slider.thumb"});s.forwardRef(function(e,r){return s.createElement(B,Object.assign({},{ref:r,as:"input",type:"range",variant:"slider"},e,{__themeKey:"forms",__css:{display:"block",width:"100%",height:4,my:2,cursor:"pointer",appearance:"none",borderRadius:9999,color:"inherit",bg:"gray",":focus":{outline:"none",color:"primary"},"&::-webkit-slider-thumb":re,"&::-moz-range-thumb":re,"&::-ms-thumb":re}}))}),s.forwardRef(function(e,r){var t=e.as;void 0===t&&(t=q);var n=e.label,a=e.name,o=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["as","label","name"]);return s.createElement(B,X(o),s.createElement(T,{htmlFor:a},n),s.createElement(t,Object.assign({},{ref:r,id:a,name:a},G(o))))}),s.forwardRef(function(e,r){return s.createElement(B,Object.assign({},{ref:r,as:"progress",variant:"styles.progress"},e,{__css:{display:"block",width:"100%",height:"4px",margin:0,padding:0,overflow:"hidden",appearance:"none",color:"primary",bg:"gray",borderRadius:9999,border:"none","&::-webkit-progress-bar":{bg:"transparent"},"&::-webkit-progress-value":{bg:"currentcolor"},"&::-moz-progress-bar":{bg:"currentcolor"}}}))}),s.forwardRef(function(e,r){var t=e.size;void 0===t&&(t=128);var n=e.strokeWidth;void 0===n&&(n=2);var a=e.value;void 0===a&&(a=0);var o=e.min;void 0===o&&(o=0);var i=e.max;void 0===i&&(i=1);var c=e.title,l=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size","strokeWidth","value","min","max","title"]),p=16-n,u=2*p*Math.PI,d=u-(a-o)/(i-o)*u;return s.createElement(B,Object.assign({},{ref:r,as:"svg",viewBox:"0 0 32 32",width:t,height:t,strokeWidth:n,fill:"none",stroke:"currentcolor",role:"img","aria-valuenow":a,"aria-valuemin":o,"aria-valuemax":i},l,{__css:{color:"primary"}}),c&&s.createElement("title",null,c),s.createElement("circle",{cx:16,cy:16,r:p,opacity:1/8}),s.createElement("circle",{cx:16,cy:16,r:p,strokeDasharray:u,strokeDashoffset:d,transform:"rotate(-90 16 16)"}))});var te=n.keyframes({from:{transform:"rotate(0deg)"},to:{transform:"rotate(360deg)"}});s.forwardRef(function(e,r){var t=e.size;void 0===t&&(t=48);var n=e.strokeWidth;void 0===n&&(n=4);var a=e.title;void 0===a&&(a="Loading...");var o=e.duration;void 0===o&&(o=500);var i=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size","strokeWidth","max","title","duration"]),c=16-n,l=2*c*Math.PI,p=l-.25*l;return s.createElement(B,Object.assign({},{ref:r,as:"svg",viewBox:"0 0 32 32",width:t,height:t,strokeWidth:n,fill:"none",stroke:"currentcolor",role:"img"},i,{__css:{color:"primary",overflow:"visible"}}),s.createElement("title",null,a),s.createElement("circle",{cx:16,cy:16,r:c,opacity:1/8}),s.createElement(B,{as:"circle",cx:16,cy:16,r:c,strokeDasharray:l,strokeDashoffset:p,__css:{transformOrigin:"50% 50%",animationName:te.toString(),animationTimingFunction:"linear",animationDuration:o+"ms",animationIterationCount:"infinite"}}))}),s.forwardRef(function(e,r){var t=e.size;void 0===t&&(t=48);var n=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size"]);return s.createElement(I,Object.assign({},{ref:r,width:t,height:t,variant:"avatar"},n,{__css:{borderRadius:9999}}))}),s.forwardRef(function(e,r){return s.createElement(B,Object.assign({},{ref:r},e,{__themeKey:"badges",__css:{display:"inline-block",verticalAlign:"baseline",fontSize:0,fontWeight:"bold",whiteSpace:"nowrap",px:1,borderRadius:2,color:"white",bg:"primary"}}))});var ne=s.forwardRef(function(e,r){var t=e.size;void 0===t&&(t=32);var n=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size"]);return s.createElement(B,Object.assign({},{ref:r,as:"button",variant:"icon"},n,{__themeKey:"buttons",__css:{appearance:"none",display:"inline-flex",alignItems:"center",justifyContent:"center",padding:1,width:t,height:t,color:"inherit",bg:"transparent",border:"none",borderRadius:4}}))}),ae=s.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",fill:"currentcolor",viewBox:"0 0 24 24"},s.createElement("path",{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"}));s.forwardRef(function(e,r){var t=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size"]);return s.createElement(ne,Object.assign({},{ref:r,title:"Close","aria-label":"Close",variant:"close"},t,{children:ae}))}),s.forwardRef(function(e,r){return s.createElement(B,Object.assign({},{ref:r},e,{__themeKey:"alerts",__css:{display:"flex",alignItems:"center",px:3,py:2,fontWeight:"bold",color:"white",bg:"primary",borderRadius:4}}))}),s.forwardRef(function(e,r){return s.createElement(B,Object.assign({},{ref:r,as:"hr",variant:"styles.hr"},e,{__css:{color:"gray",m:0,my:2,border:0,borderBottom:"1px solid"}}))}),s.forwardRef(function(e,r){var t=e.ratio;void 0===t&&(t=16/9);var n=e.src,a=e.frameBorder;void 0===a&&(a=0);var o=e.allowFullScreen;void 0===o&&(o=!0);var i=e.width;void 0===i&&(i=560);var c=e.height;void 0===c&&(c=315);var l=e.allow,p=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["ratio","src","frameBorder","allowFullScreen","width","height","allow"]);return s.createElement(B,Object.assign({},p,{__css:{width:"100%",height:0,paddingBottom:100/t+"%",position:"relative",overflow:"hidden"}}),s.createElement(B,{ref:r,as:"iframe",src:n,width:i,height:c,frameBorder:a,allowFullScreen:o,allow:l,__css:{position:"absolute",width:"100%",height:"100%",top:0,bottom:0,left:0,border:0}}))});var oe=s.forwardRef(function(e,r){var t=e.ratio;void 0===t&&(t=4/3);var n=e.children,a=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["ratio","children"]);return s.createElement(B,{ref:r,sx:{position:"relative",overflow:"hidden"}},s.createElement(B,{sx:{width:"100%",height:0,paddingBottom:100/t+"%"}}),s.createElement(B,Object.assign({},a,{__css:{position:"absolute",top:0,right:0,bottom:0,left:0}}),n))});s.forwardRef(function(e,r){var t=e.ratio,n=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["ratio"]);return s.createElement(oe,{ratio:t},s.createElement(I,Object.assign({},{ref:r},n,{__css:{objectFit:"cover"}})))}),s.forwardRef(function(e,r){return s.createElement(B,Object.assign({},{ref:r,variant:"container"},e,{__themeKey:"layout",__css:{width:"100%",maxWidth:"container",mx:"auto"}}))}),s.forwardRef(function(e,r){return s.createElement(M,Object.assign({},{ref:r,variant:"nav"},e,{__css:{color:"inherit",textDecoration:"none",fontWeight:"bold",display:"inline-block","&:hover, &:focus, &.active":{color:"primary"}}}))}),s.forwardRef(function(e,r){return s.createElement(B,Object.assign({},{ref:r},e,{__themeKey:"messages",__css:{padding:3,paddingLeft:function(e){return e.space[3]-e.space[1]},borderLeftWidth:function(e){return e.space[1]},borderLeftStyle:"solid",borderLeftColor:"primary",borderRadius:4,bg:"highlight"}}))});var ie=function(e){var r=e.size;return void 0===r&&(r=24),s.createElement(B,{as:"svg",xmlns:"http://www.w3.org/2000/svg",width:r,height:r,fill:"currentcolor",viewBox:"0 0 24 24",sx:{display:"block",margin:0}},s.createElement("path",{d:"M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"}))},ce=(s.forwardRef(function(e,r){return s.createElement(ne,Object.assign({},{ref:r,title:"Menu","aria-label":"Toggle Menu",variant:"menu"},e),s.createElement(ie,null))}),i.createShouldForwardProp(o.space.propNames.concat(o.color.propNames,o.typography.propNames,o.layout.propNames,o.flexbox.propNames,o.grid.propNames,o.background.propNames,o.border.propNames,o.position.propNames,o.shadow.propNames))),se=[o.space,o.color,o.typography,o.layout,o.flexbox,o.grid,o.background,o.border,o.position,o.shadow];function le(e){return a.css(e.sx)(e.theme)}function pe(e){var r=e.variant,t=e.theme,n=e.variantKey;return a.css(o.get(t,n?n+"."+r:r,o.get(t,n)))(t)}var ue=l("div",{shouldForwardProp:ce}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},pe].concat(se,[le])),de=l(ue)({display:"flex"}),fe=l("label",{shouldForwardProp:ce}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.variant;return void 0===r&&(r="default"),pe({variantKey:"labels",variant:r,theme:e.theme})}].concat(se,[le])),me=i.createShouldForwardProp(o.space.propNames.concat(o.color.propNames,o.typography.propNames,o.border.propNames,o.position.propNames,o.shadow.propNames));function he(e){var r=e.theme;return a.css({px:3,py:2,color:"white",bg:"primary",border:0,borderRadius:"default","&:hover":{bg:"secondary"}})(r)}function be(e){var r=e.variant;return void 0===r&&(r="buttons.primary"),pe({theme:e.theme,variant:r})}var ve=l("button",{shouldForwardProp:me})({appearance:"none",cursor:"pointer",display:"inline-block",fontSize:"inherit",lineHeight:"inherit",textAlign:"center",textDecoration:"none",transition:"all 0.2s ease-in-out"},he,be,o.space,o.color,o.typography,o.border,o.position,o.shadow,le),ge=l("a",{shouldForwardProp:me})({appearance:"none",cursor:"pointer",display:"inline-block",fontSize:"inherit",lineHeight:"inherit",textAlign:"center",textDecoration:"none",transition:"all 0.2s ease-in-out"},he,be,o.space,o.color,o.typography,o.border,o.position,o.shadow,le),ye=i.createShouldForwardProp(o.space.propNames.concat(o.color.propNames,o.typography.propNames)),we=l("a",{shouldForwardProp:ye})({boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.variant;return void 0===r&&(r="links.a"),pe({theme:e.theme,variant:r})},o.space,o.color,o.typography,le),Oe=i.createShouldForwardProp(o.space.propNames.concat(o.color.propNames,o.typography.propNames)),xe=l("p",{shouldForwardProp:Oe})({boxSizing:"border-box",margin:0,minWidth:0},pe,o.space,o.color,o.typography,le),_e=l("input",{shouldForwardProp:ce}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return a.css({display:"block",width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:"default",color:"inherit",bg:"transparent"})(r)},function(e){return pe({variant:e.variant,theme:e.theme,variantKey:"inputs"})}].concat(se,[le])),je=l("svg",{shouldForwardProp:ce}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return a.css({fill:"currentColor",color:"black",display:"block"})(r)},function(e){return pe({variant:e.variant,theme:e.theme,variantKey:"svg"})}].concat(se,[le])),Ee=l("textarea",{shouldForwardProp:ce}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return a.css({display:"block",width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:"default",color:"inherit",bg:"transparent"})(r)},function(e){return pe({variant:e.variant,theme:e.theme,variantKey:"textarea"})}].concat(se,[le]));exports.Box=ue,exports.sx=le,exports.variant=pe,exports.Flex=de,exports.Label=fe,exports.Button=ve,exports.AnchorButton=ge,exports.Link=we,exports.Text=xe,exports.Input=_e,exports.Svg=je,exports.SvgIcon=function(e){var r=e.title,t=e.desc,n=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["title","desc"]);return s.createElement(je,Object.assign({},n),s.createElement("title",null,r),s.createElement("desc",null,t),n.children)},exports.Textarea=Ee;
 //# sourceMappingURL=index.js.map

dist/index.umd.js

@@ -1,2 +0,2 @@
-!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("@emotion/core/package.json"),require("@styled-system/space"),require("@emotion/core"),require("@theme-ui/css"),require("styled-system"),require("@styled-system/should-forward-prop"),require("@emotion/styled"),require("react")):"function"==typeof define&&define.amd?define(["exports","@emotion/core/package.json","@styled-system/space","@emotion/core","@theme-ui/css","styled-system","@styled-system/should-forward-prop","@emotion/styled","react"],r):r(e.primitives={},e.package_json,e.space,e.core,e.css,e.styledSystem,e.shouldForwardProp,e.styled,e.react)}(this,function(e,r,t,n,a,o,i,c,s){t=t&&t.hasOwnProperty("default")?t.default:t,c=c&&c.hasOwnProperty("default")?c.default:c;var l="default"in s?s.default:s;function u(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function p(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})),t.push.apply(t,n)}return t}function d(e){for(var r=arguments,t=1;t<arguments.length;t++){var n=null!=r[t]?r[t]:{};t%2?p(Object(n),!0).forEach(function(r){u(e,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):p(Object(n)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})}return e}l.createContext({__EMOTION_VERSION__:r.version,theme:null});var f=l.createContext({}),m={inlineCode:"code",wrapper:function(e){return l.createElement(l.Fragment,{},e.children)}};s.forwardRef(function(e,r){var t=e.components,n=e.mdxType,a=e.originalType,o=e.parentName,i=function(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)r.indexOf(t=o[n])>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r.indexOf(t=o[n])>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}(e,["components","mdxType","originalType","parentName"]),c=function(e){var r=l.useContext(f),t=r;return e&&(t="function"==typeof e?e(r):d({},r,{},e)),t}(t),s=n,u=c["".concat(o,".").concat(s)]||c[s]||m[s]||a;return l.createElement(u,t?d({ref:r},i,{components:t}):d({ref:r},i))}).displayName="MDXCreateElement";var h={inlineCode:"code",thematicBreak:"hr",root:"div"},b=function(e){return function(r){return a.css(a.get(r.theme,"styles."+e))(r.theme)}},v=c("div")(b("div")),g={};["p","b","i","a","h1","h2","h3","h4","h5","h6","img","pre","code","ol","ul","li","blockquote","hr","em","table","tr","th","td","em","strong","del","inlineCode","thematicBreak","div","root"].forEach(function(e){var r;g[e]=c(h[r=e]||r)(b(e)),v[e]=g[e]});var y=function(e,r,t,n,a){for(r=r&&r.split?r.split("."):[r],n=0;n<r.length;n++)e=e?e[r[n]]:a;return e===a?t:e},w=function(e,r){if("number"!=typeof r||r>=0)return y(e,r,r);var t=Math.abs(r),n=y(e,t,t);return"string"==typeof n?"-"+n:-1*n},O=(["margin","marginTop","marginRight","marginBottom","marginLeft","marginX","marginY","top","bottom","left","right"].reduce(function(e,r){var t;return Object.assign({},e,((t={})[r]=w,t))},{}),Object.getOwnPropertySymbols),x=Object.prototype.hasOwnProperty,_=Object.prototype.propertyIsEnumerable,j=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var r={},t=0;t<10;t++)r["_"+String.fromCharCode(t)]=t;if("0123456789"!==Object.getOwnPropertyNames(r).map(function(e){return r[e]}).join(""))return!1;var n={};return"abcdefghijklmnopqrst".split("").forEach(function(e){n[e]=e}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},n)).join("")}catch(e){return!1}}()?Object.assign:function(e,r){for(var t,n,a=arguments,o=function(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(e),i=1;i<arguments.length;i++){for(var c in t=Object(a[i]))x.call(t,c)&&(o[c]=t[c]);if(O){n=O(t);for(var s=0;s<n.length;s++)_.call(t,n[s])&&(o[n[s]]=t[n[s]])}}return o},E=function(e,r){var t=j({},e,r);for(var n in e){var a;e[n]&&"object"==typeof r[n]&&j(t,((a={})[n]=j(e[n],r[n]),a))}return t},k={breakpoints:[40,52,64].map(function(e){return e+"em"})},R=function(e){return"@media screen and (min-width: "+e+")"},P=function(e,r){return z(r,e,e)},z=function(e,r,t,n,a){for(r=r&&r.split?r.split("."):[r],n=0;n<r.length;n++)e=e?e[r[n]]:a;return e===a?t:e},S=function(e,r,t,n,a){var o={};return n.slice(0,e.length).forEach(function(n,i){var c,s=e[i],l=r(n,t,a);j(o,s?((c={})[s]=j({},o[s],l),c):l)}),o},N=function(e,r,t,n,a){var o={};for(var i in n){var c=e[i],s=r(n[i],t,a);if(c){var l,u=R(c);j(o,((l={})[u]=j({},o[u],s),l))}else j(o,s)}return o},F=function(e){var r=e.properties,t=e.transform,n=void 0===t?P:t,a=e.defaultScale;r=r||[e.property];var o=function(e,t,a){var o={},i=n(e,t,a);if(null!==i)return r.forEach(function(e){o[e]=i}),o};return o.scale=e.scale,o.defaults=a,o},K={color:{property:"color",scale:"colors"},backgroundColor:{property:"backgroundColor",scale:"colors"},opacity:!0};K.bg=K.backgroundColor;var C=function(e){void 0===e&&(e={});var r={};return Object.keys(e).forEach(function(t){var n=e[t];r[t]=!0!==n?"function"!=typeof n?F(n):n:F({property:t,scale:t})}),function e(r){var t={},n=function(e){var n,a,o={},i=!1,c=e.theme&&e.theme.disableStyledSystemCache;for(var s in e)if(r[s]){var l=r[s],u=e[s],p=z(e.theme,l.scale,l.defaults);if("object"!=typeof u)j(o,l(u,p,e));else{if(t.breakpoints=!c&&t.breakpoints||z(e.theme,"breakpoints",k.breakpoints),Array.isArray(u)){t.media=!c&&t.media||[null].concat(t.breakpoints.map(R)),o=E(o,S(t.media,l,p,u,e));continue}null!==u&&(o=E(o,N(t.breakpoints,l,p,u,e)),i=!0)}}return i&&(n=o,a={},Object.keys(n).sort(function(e,r){return e.localeCompare(r,void 0,{numeric:!0,sensitivity:"base"})}).forEach(function(e){a[e]=n[e]}),o=a),o};n.config=r,n.propNames=Object.keys(r),n.cache=t;var a=Object.keys(r).filter(function(e){return"config"!==e});return a.length>1&&a.forEach(function(t){var a;n[t]=e(((a={})[t]=r[t],a))}),n}(r)}(K),W=i.createShouldForwardProp(t.propNames.concat(C.propNames)),B=c("div",{shouldForwardProp:W})({boxSizing:"border-box",margin:0,minWidth:0},function(e){return a.css(e.__css)(e.theme)},function(e){var r=e.theme,t=e.variant,n=e.__themeKey;return void 0===n&&(n="variants"),a.css(a.get(r,n+"."+t,a.get(r,t)))},t,C,function(e){return a.css(e.sx)(e.theme)},function(e){return e.css});c(B)({display:"flex"});var D=function(e){return Array.isArray(e)?e.map(D):!!e&&"repeat(auto-fit, minmax("+("number"==typeof(r=e)?r+"px":r)+", 1fr))";var r},H=function(e){return Array.isArray(e)?e.map(H):!!e&&("number"==typeof e?"repeat("+e+", 1fr)":e)},M=(l.forwardRef(function(e,r){var t=e.width,n=e.columns,a=e.gap;void 0===a&&(a=3);var o=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["width","columns","gap"]),i=t?D(t):H(n);return l.createElement(B,Object.assign({},{ref:r},o,{__themeKey:"grids",__css:{display:"grid",gridGap:a,gridTemplateColumns:i}}))}),l.forwardRef(function(e,r){return l.createElement(B,Object.assign({},{ref:r,as:"button",variant:"primary"},e,{__themeKey:"buttons",__css:{appearance:"none",display:"inline-block",textAlign:"center",lineHeight:"inherit",textDecoration:"none",fontSize:"inherit",px:3,py:2,color:"white",bg:"primary",border:0,borderRadius:4}}))}),l.forwardRef(function(e,r){return l.createElement(B,Object.assign({},{ref:r,as:"a",variant:"styles.a"},e,{__themeKey:"links"}))})),I=(l.forwardRef(function(e,r){return l.createElement(B,Object.assign({},{ref:r},e,{__themeKey:"text"}))}),l.forwardRef(function(e,r){return l.createElement(B,Object.assign({},{ref:r,as:"h2",variant:"heading"},e,{__themeKey:"text",__css:{fontFamily:"heading",fontWeight:"heading",lineHeight:"heading"}}))}),l.forwardRef(function(e,r){return l.createElement(B,Object.assign({},{ref:r,as:"img"},e,{__themeKey:"images",__css:Object.assign({},{maxWidth:"100%",height:"auto"},e.__css)}))})),q=(l.forwardRef(function(e,r){return l.createElement(B,Object.assign({},{ref:r,variant:"primary"},e,{__themeKey:"cards"}))}),l.forwardRef(function(e,r){return l.createElement(B,Object.assign({},{ref:r,as:"label",variant:"label"},e,{__themeKey:"forms",__css:{width:"100%",display:"flex"}}))})),A=l.forwardRef(function(e,r){return l.createElement(B,Object.assign({},{ref:r,as:"input",variant:"input"},e,{__themeKey:"forms",__css:{display:"block",width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:4,color:"inherit",bg:"transparent"}}))}),L=function(e){var r=e.size;void 0===r&&(r=24);var t=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size"]);return l.createElement(B,Object.assign({},{as:"svg",xmlns:"http://www.w3.org/2000/svg",width:r+"",height:r+"",viewBox:"0 0 24 24",fill:"currentcolor"},t))},T=function(e){return function(r){var t={};for(var n in r)e(n||"")&&(t[n]=r[n]);return t}},V=/^m[trblxy]?$/,X=T(function(e){return V.test(e)}),G=T(function(e){return!V.test(e)}),Y=function(e){return l.createElement(L,e,l.createElement("path",{d:"M7 10l5 5 5-5z"}))};l.forwardRef(function(e,r){return l.createElement(B,Object.assign({},X(e),{sx:{display:"flex"}}),l.createElement(B,Object.assign({},{ref:r,as:"select",variant:"select"},G(e),{__themeKey:"forms",__css:{display:"block",width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:4,color:"inherit",bg:"transparent"}})),l.createElement(Y,{sx:{ml:-28,alignSelf:"center",pointerEvents:"none"}}))}),l.forwardRef(function(e,r){return l.createElement(B,Object.assign({},{ref:r,as:"textarea",variant:"textarea"},e,{__themeKey:"forms",__css:{display:"block",width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:4,color:"inherit",bg:"transparent"}}))});var $=function(e){return l.createElement(L,e,l.createElement("path",{d:"M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}))},J=function(e){return l.createElement(L,e,l.createElement("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}))},Q=function(e){return l.createElement(l.Fragment,null,l.createElement($,Object.assign({},e,{__css:{display:"none","input:checked ~ &":{display:"block"}}})),l.createElement(J,Object.assign({},e,{__css:{display:"block","input:checked ~ &":{display:"none"}}})))};l.forwardRef(function(e,r){var t=e.className,n=e.sx,a=e.variant;void 0===a&&(a="radio");var o=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["className","sx","variant"]);return l.createElement(B,null,l.createElement(B,Object.assign({},{ref:r,as:"input",type:"radio"},o,{sx:{position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"}})),l.createElement(B,{as:Q,"aria-hidden":"true",__themeKey:"forms",variant:a,className:t,sx:n,__css:{mr:2,borderRadius:9999,color:"gray","input:checked ~ &":{color:"primary"},"input:focus ~ &":{bg:"highlight"}}}))});var U=function(e){return l.createElement(L,e,l.createElement("path",{d:"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"}))},Z=function(e){return l.createElement(L,e,l.createElement("path",{d:"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"}))},ee=function(e){return l.createElement(l.Fragment,null,l.createElement(U,Object.assign({},e,{__css:{display:"none","input:checked ~ &":{display:"block"}}})),l.createElement(Z,Object.assign({},e,{__css:{display:"block","input:checked ~ &":{display:"none"}}})))},re=(l.forwardRef(function(e,r){var t=e.className,n=e.sx,a=e.variant;void 0===a&&(a="checkbox");var o=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["className","sx","variant"]);return l.createElement(B,null,l.createElement(B,Object.assign({},{ref:r,as:"input",type:"checkbox"},o,{sx:{position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"}})),l.createElement(B,{as:ee,"aria-hidden":"true",__themeKey:"forms",variant:a,className:t,sx:n,__css:{mr:2,borderRadius:4,color:"gray","input:checked ~ &":{color:"primary"},"input:focus ~ &":{color:"primary",bg:"highlight"}}}))}),{appearance:"none",width:16,height:16,bg:"currentcolor",border:0,borderRadius:9999,variant:"forms.slider.thumb"});l.forwardRef(function(e,r){return l.createElement(B,Object.assign({},{ref:r,as:"input",type:"range",variant:"slider"},e,{__themeKey:"forms",__css:{display:"block",width:"100%",height:4,my:2,cursor:"pointer",appearance:"none",borderRadius:9999,color:"inherit",bg:"gray",":focus":{outline:"none",color:"primary"},"&::-webkit-slider-thumb":re,"&::-moz-range-thumb":re,"&::-ms-thumb":re}}))}),l.forwardRef(function(e,r){var t=e.as;void 0===t&&(t=A);var n=e.label,a=e.name,o=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["as","label","name"]);return l.createElement(B,X(o),l.createElement(q,{htmlFor:a},n),l.createElement(t,Object.assign({},{ref:r,id:a,name:a},G(o))))}),l.forwardRef(function(e,r){return l.createElement(B,Object.assign({},{ref:r,as:"progress",variant:"styles.progress"},e,{__css:{display:"block",width:"100%",height:"4px",margin:0,padding:0,overflow:"hidden",appearance:"none",color:"primary",bg:"gray",borderRadius:9999,border:"none","&::-webkit-progress-bar":{bg:"transparent"},"&::-webkit-progress-value":{bg:"currentcolor"},"&::-moz-progress-bar":{bg:"currentcolor"}}}))}),l.forwardRef(function(e,r){var t=e.size;void 0===t&&(t=128);var n=e.strokeWidth;void 0===n&&(n=2);var a=e.value;void 0===a&&(a=0);var o=e.min;void 0===o&&(o=0);var i=e.max;void 0===i&&(i=1);var c=e.title,s=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size","strokeWidth","value","min","max","title"]),u=16-n,p=2*u*Math.PI,d=p-(a-o)/(i-o)*p;return l.createElement(B,Object.assign({},{ref:r,as:"svg",viewBox:"0 0 32 32",width:t,height:t,strokeWidth:n,fill:"none",stroke:"currentcolor",role:"img","aria-valuenow":a,"aria-valuemin":o,"aria-valuemax":i},s,{__css:{color:"primary"}}),c&&l.createElement("title",null,c),l.createElement("circle",{cx:16,cy:16,r:u,opacity:1/8}),l.createElement("circle",{cx:16,cy:16,r:u,strokeDasharray:p,strokeDashoffset:d,transform:"rotate(-90 16 16)"}))});var te=n.keyframes({from:{transform:"rotate(0deg)"},to:{transform:"rotate(360deg)"}});l.forwardRef(function(e,r){var t=e.size;void 0===t&&(t=48);var n=e.strokeWidth;void 0===n&&(n=4);var a=e.title;void 0===a&&(a="Loading...");var o=e.duration;void 0===o&&(o=500);var i=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size","strokeWidth","max","title","duration"]),c=16-n,s=2*c*Math.PI,u=s-.25*s;return l.createElement(B,Object.assign({},{ref:r,as:"svg",viewBox:"0 0 32 32",width:t,height:t,strokeWidth:n,fill:"none",stroke:"currentcolor",role:"img"},i,{__css:{color:"primary",overflow:"visible"}}),l.createElement("title",null,a),l.createElement("circle",{cx:16,cy:16,r:c,opacity:1/8}),l.createElement(B,{as:"circle",cx:16,cy:16,r:c,strokeDasharray:s,strokeDashoffset:u,__css:{transformOrigin:"50% 50%",animationName:te.toString(),animationTimingFunction:"linear",animationDuration:o+"ms",animationIterationCount:"infinite"}}))}),l.forwardRef(function(e,r){var t=e.size;void 0===t&&(t=48);var n=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size"]);return l.createElement(I,Object.assign({},{ref:r,width:t,height:t,variant:"avatar"},n,{__css:{borderRadius:9999}}))}),l.forwardRef(function(e,r){return l.createElement(B,Object.assign({},{ref:r},e,{__themeKey:"badges",__css:{display:"inline-block",verticalAlign:"baseline",fontSize:0,fontWeight:"bold",whiteSpace:"nowrap",px:1,borderRadius:2,color:"white",bg:"primary"}}))});var ne=l.forwardRef(function(e,r){var t=e.size;void 0===t&&(t=32);var n=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size"]);return l.createElement(B,Object.assign({},{ref:r,as:"button",variant:"icon"},n,{__themeKey:"buttons",__css:{appearance:"none",display:"inline-flex",alignItems:"center",justifyContent:"center",padding:1,width:t,height:t,color:"inherit",bg:"transparent",border:"none",borderRadius:4}}))}),ae=l.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",fill:"currentcolor",viewBox:"0 0 24 24"},l.createElement("path",{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"}));l.forwardRef(function(e,r){var t=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size"]);return l.createElement(ne,Object.assign({},{ref:r,title:"Close","aria-label":"Close",variant:"close"},t,{children:ae}))}),l.forwardRef(function(e,r){return l.createElement(B,Object.assign({},{ref:r},e,{__themeKey:"alerts",__css:{display:"flex",alignItems:"center",px:3,py:2,fontWeight:"bold",color:"white",bg:"primary",borderRadius:4}}))}),l.forwardRef(function(e,r){return l.createElement(B,Object.assign({},{ref:r,as:"hr",variant:"styles.hr"},e,{__css:{color:"gray",m:0,my:2,border:0,borderBottom:"1px solid"}}))}),l.forwardRef(function(e,r){var t=e.ratio;void 0===t&&(t=16/9);var n=e.src,a=e.frameBorder;void 0===a&&(a=0);var o=e.allowFullScreen;void 0===o&&(o=!0);var i=e.width;void 0===i&&(i=560);var c=e.height;void 0===c&&(c=315);var s=e.allow,u=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["ratio","src","frameBorder","allowFullScreen","width","height","allow"]);return l.createElement(B,Object.assign({},u,{__css:{width:"100%",height:0,paddingBottom:100/t+"%",position:"relative",overflow:"hidden"}}),l.createElement(B,{ref:r,as:"iframe",src:n,width:i,height:c,frameBorder:a,allowFullScreen:o,allow:s,__css:{position:"absolute",width:"100%",height:"100%",top:0,bottom:0,left:0,border:0}}))});var oe=l.forwardRef(function(e,r){var t=e.ratio;void 0===t&&(t=4/3);var n=e.children,a=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["ratio","children"]);return l.createElement(B,{ref:r,sx:{position:"relative",overflow:"hidden"}},l.createElement(B,{sx:{width:"100%",height:0,paddingBottom:100/t+"%"}}),l.createElement(B,Object.assign({},a,{__css:{position:"absolute",top:0,right:0,bottom:0,left:0}}),n))});l.forwardRef(function(e,r){var t=e.ratio,n=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["ratio"]);return l.createElement(oe,{ratio:t},l.createElement(I,Object.assign({},{ref:r},n,{__css:{objectFit:"cover"}})))}),l.forwardRef(function(e,r){return l.createElement(B,Object.assign({},{ref:r,variant:"container"},e,{__themeKey:"layout",__css:{width:"100%",maxWidth:"container",mx:"auto"}}))}),l.forwardRef(function(e,r){return l.createElement(M,Object.assign({},{ref:r,variant:"nav"},e,{__css:{color:"inherit",textDecoration:"none",fontWeight:"bold",display:"inline-block","&:hover, &:focus, &.active":{color:"primary"}}}))}),l.forwardRef(function(e,r){return l.createElement(B,Object.assign({},{ref:r},e,{__themeKey:"messages",__css:{padding:3,paddingLeft:function(e){return e.space[3]-e.space[1]},borderLeftWidth:function(e){return e.space[1]},borderLeftStyle:"solid",borderLeftColor:"primary",borderRadius:4,bg:"highlight"}}))});var ie=function(e){var r=e.size;return void 0===r&&(r=24),l.createElement(B,{as:"svg",xmlns:"http://www.w3.org/2000/svg",width:r,height:r,fill:"currentcolor",viewBox:"0 0 24 24",sx:{display:"block",margin:0}},l.createElement("path",{d:"M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"}))},ce=(l.forwardRef(function(e,r){return l.createElement(ne,Object.assign({},{ref:r,title:"Menu","aria-label":"Toggle Menu",variant:"menu"},e),l.createElement(ie,null))}),i.createShouldForwardProp(o.space.propNames.concat(o.color.propNames,o.typography.propNames,o.layout.propNames,o.flexbox.propNames,o.grid.propNames,o.background.propNames,o.border.propNames,o.position.propNames,o.shadow.propNames))),se=[o.space,o.color,o.typography,o.layout,o.flexbox,o.grid,o.background,o.border,o.position,o.shadow];function le(e){return a.css(e.sx)(e.theme)}function ue(e){var r=e.variant,t=e.theme,n=e.variantKey;return a.css(o.get(t,n?n+"."+r:r,o.get(t,n)))(t)}var pe=c("div",{shouldForwardProp:ce}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},ue].concat(se,[le])),de=c(pe)({display:"flex"}),fe=c("label",{shouldForwardProp:ce}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.variant;return void 0===r&&(r="default"),ue({variantKey:"labels",variant:r,theme:e.theme})}].concat(se,[le])),me=i.createShouldForwardProp(o.space.propNames.concat(o.color.propNames,o.typography.propNames,o.border.propNames,o.position.propNames,o.shadow.propNames));function he(e){var r=e.theme;return a.css({px:3,py:2,color:"white",bg:"primary",border:0,borderRadius:"default","&:hover":{bg:"secondary"}})(r)}function be(e){var r=e.variant;return void 0===r&&(r="buttons.primary"),ue({theme:e.theme,variant:r})}var ve=c("button",{shouldForwardProp:me})({appearance:"none",cursor:"pointer",display:"inline-block",fontSize:"inherit",lineHeight:"inherit",textAlign:"center",textDecoration:"none",transition:"all 0.2s ease-in-out"},he,be,o.space,o.color,o.typography,o.border,o.position,o.shadow,le),ge=c("a",{shouldForwardProp:me})({appearance:"none",cursor:"pointer",display:"inline-block",fontSize:"inherit",lineHeight:"inherit",textAlign:"center",textDecoration:"none",transition:"all 0.2s ease-in-out"},he,be,o.space,o.color,o.typography,o.border,o.position,o.shadow,le),ye=i.createShouldForwardProp(o.space.propNames.concat(o.color.propNames,o.typography.propNames)),we=c("a",{shouldForwardProp:ye})({boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.variant;return void 0===r&&(r="links.a"),ue({theme:e.theme,variant:r})},o.space,o.color,o.typography,le),Oe=i.createShouldForwardProp(o.space.propNames.concat(o.color.propNames,o.typography.propNames)),xe=c("p",{shouldForwardProp:Oe})({boxSizing:"border-box",margin:0,minWidth:0},ue,o.space,o.color,o.typography,le),_e=c("input",{shouldForwardProp:ce}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return a.css({display:"block",width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:"default",color:"inherit",bg:"transparent"})(r)},function(e){return ue({variant:e.variant,theme:e.theme,variantKey:"inputs"})}].concat(se,[le])),je=c("svg",{shouldForwardProp:ce}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return a.css({fill:"currentColor",color:"black",display:"block"})(r)},function(e){return ue({variant:e.variant,theme:e.theme,variantKey:"svg"})}].concat(se,[le]));e.Box=pe,e.sx=le,e.variant=ue,e.Flex=de,e.Label=fe,e.Button=ve,e.AnchorButton=ge,e.Link=we,e.Text=xe,e.Input=_e,e.Svg=je,e.SvgIcon=function(e){var r=e.title,t=e.desc,n=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["title","desc"]);return l.createElement(je,Object.assign({},n),l.createElement("title",null,r),l.createElement("desc",null,t),n.children)}});
+!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("@emotion/core/package.json"),require("@styled-system/space"),require("@emotion/core"),require("@theme-ui/css"),require("styled-system"),require("@styled-system/should-forward-prop"),require("react"),require("@emotion/styled")):"function"==typeof define&&define.amd?define(["exports","@emotion/core/package.json","@styled-system/space","@emotion/core","@theme-ui/css","styled-system","@styled-system/should-forward-prop","react","@emotion/styled"],r):r(e.primitives={},e.package_json,e.space,e.core,e.css,e.styledSystem,e.shouldForwardProp,e.react,e.styled)}(this,function(e,r,t,n,a,o,i,c,s){t=t&&t.hasOwnProperty("default")?t.default:t;var l="default"in c?c.default:c;function u(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function p(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})),t.push.apply(t,n)}return t}function d(e){for(var r=arguments,t=1;t<arguments.length;t++){var n=null!=r[t]?r[t]:{};t%2?p(Object(n),!0).forEach(function(r){u(e,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):p(Object(n)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})}return e}s=s&&s.hasOwnProperty("default")?s.default:s,l.createContext({__EMOTION_VERSION__:r.version,theme:null});var f=l.createContext({}),m={inlineCode:"code",wrapper:function(e){return l.createElement(l.Fragment,{},e.children)}};c.forwardRef(function(e,r){var t=e.components,n=e.mdxType,a=e.originalType,o=e.parentName,i=function(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)r.indexOf(t=o[n])>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r.indexOf(t=o[n])>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}(e,["components","mdxType","originalType","parentName"]),c=function(e){var r=l.useContext(f),t=r;return e&&(t="function"==typeof e?e(r):d({},r,{},e)),t}(t),s=n,u=c["".concat(o,".").concat(s)]||c[s]||m[s]||a;return l.createElement(u,t?d({ref:r},i,{components:t}):d({ref:r},i))}).displayName="MDXCreateElement";var h={inlineCode:"code",thematicBreak:"hr",root:"div"},b=function(e){return function(r){return a.css(a.get(r.theme,"styles."+e))(r.theme)}},v=s("div")(b("div")),g={};["p","b","i","a","h1","h2","h3","h4","h5","h6","img","pre","code","ol","ul","li","blockquote","hr","em","table","tr","th","td","em","strong","del","inlineCode","thematicBreak","div","root"].forEach(function(e){var r;g[e]=s(h[r=e]||r)(b(e)),v[e]=g[e]});var y=function(e,r,t,n,a){for(r=r&&r.split?r.split("."):[r],n=0;n<r.length;n++)e=e?e[r[n]]:a;return e===a?t:e},w=function(e,r){if("number"!=typeof r||r>=0)return y(e,r,r);var t=Math.abs(r),n=y(e,t,t);return"string"==typeof n?"-"+n:-1*n},O=(["margin","marginTop","marginRight","marginBottom","marginLeft","marginX","marginY","top","bottom","left","right"].reduce(function(e,r){var t;return Object.assign({},e,((t={})[r]=w,t))},{}),Object.getOwnPropertySymbols),x=Object.prototype.hasOwnProperty,_=Object.prototype.propertyIsEnumerable,j=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var r={},t=0;t<10;t++)r["_"+String.fromCharCode(t)]=t;if("0123456789"!==Object.getOwnPropertyNames(r).map(function(e){return r[e]}).join(""))return!1;var n={};return"abcdefghijklmnopqrst".split("").forEach(function(e){n[e]=e}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},n)).join("")}catch(e){return!1}}()?Object.assign:function(e,r){for(var t,n,a=arguments,o=function(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(e),i=1;i<arguments.length;i++){for(var c in t=Object(a[i]))x.call(t,c)&&(o[c]=t[c]);if(O){n=O(t);for(var s=0;s<n.length;s++)_.call(t,n[s])&&(o[n[s]]=t[n[s]])}}return o},E=function(e,r){var t=j({},e,r);for(var n in e){var a;e[n]&&"object"==typeof r[n]&&j(t,((a={})[n]=j(e[n],r[n]),a))}return t},k={breakpoints:[40,52,64].map(function(e){return e+"em"})},R=function(e){return"@media screen and (min-width: "+e+")"},P=function(e,r){return z(r,e,e)},z=function(e,r,t,n,a){for(r=r&&r.split?r.split("."):[r],n=0;n<r.length;n++)e=e?e[r[n]]:a;return e===a?t:e},S=function(e,r,t,n,a){var o={};return n.slice(0,e.length).forEach(function(n,i){var c,s=e[i],l=r(n,t,a);j(o,s?((c={})[s]=j({},o[s],l),c):l)}),o},N=function(e,r,t,n,a){var o={};for(var i in n){var c=e[i],s=r(n[i],t,a);if(c){var l,u=R(c);j(o,((l={})[u]=j({},o[u],s),l))}else j(o,s)}return o},F=function(e){var r=e.properties,t=e.transform,n=void 0===t?P:t,a=e.defaultScale;r=r||[e.property];var o=function(e,t,a){var o={},i=n(e,t,a);if(null!==i)return r.forEach(function(e){o[e]=i}),o};return o.scale=e.scale,o.defaults=a,o},K={color:{property:"color",scale:"colors"},backgroundColor:{property:"backgroundColor",scale:"colors"},opacity:!0};K.bg=K.backgroundColor;var C=function(e){void 0===e&&(e={});var r={};return Object.keys(e).forEach(function(t){var n=e[t];r[t]=!0!==n?"function"!=typeof n?F(n):n:F({property:t,scale:t})}),function e(r){var t={},n=function(e){var n,a,o={},i=!1,c=e.theme&&e.theme.disableStyledSystemCache;for(var s in e)if(r[s]){var l=r[s],u=e[s],p=z(e.theme,l.scale,l.defaults);if("object"!=typeof u)j(o,l(u,p,e));else{if(t.breakpoints=!c&&t.breakpoints||z(e.theme,"breakpoints",k.breakpoints),Array.isArray(u)){t.media=!c&&t.media||[null].concat(t.breakpoints.map(R)),o=E(o,S(t.media,l,p,u,e));continue}null!==u&&(o=E(o,N(t.breakpoints,l,p,u,e)),i=!0)}}return i&&(n=o,a={},Object.keys(n).sort(function(e,r){return e.localeCompare(r,void 0,{numeric:!0,sensitivity:"base"})}).forEach(function(e){a[e]=n[e]}),o=a),o};n.config=r,n.propNames=Object.keys(r),n.cache=t;var a=Object.keys(r).filter(function(e){return"config"!==e});return a.length>1&&a.forEach(function(t){var a;n[t]=e(((a={})[t]=r[t],a))}),n}(r)}(K),W=i.createShouldForwardProp(t.propNames.concat(C.propNames)),B=s("div",{shouldForwardProp:W})({boxSizing:"border-box",margin:0,minWidth:0},function(e){return a.css(e.__css)(e.theme)},function(e){var r=e.theme,t=e.variant,n=e.__themeKey;return void 0===n&&(n="variants"),a.css(a.get(r,n+"."+t,a.get(r,t)))},t,C,function(e){return a.css(e.sx)(e.theme)},function(e){return e.css});s(B)({display:"flex"});var H=function(e){return Array.isArray(e)?e.map(H):!!e&&"repeat(auto-fit, minmax("+("number"==typeof(r=e)?r+"px":r)+", 1fr))";var r},D=function(e){return Array.isArray(e)?e.map(D):!!e&&("number"==typeof e?"repeat("+e+", 1fr)":e)},M=(l.forwardRef(function(e,r){var t=e.width,n=e.columns,a=e.gap;void 0===a&&(a=3);var o=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["width","columns","gap"]),i=t?H(t):D(n);return l.createElement(B,Object.assign({},{ref:r},o,{__themeKey:"grids",__css:{display:"grid",gridGap:a,gridTemplateColumns:i}}))}),l.forwardRef(function(e,r){return l.createElement(B,Object.assign({},{ref:r,as:"button",variant:"primary"},e,{__themeKey:"buttons",__css:{appearance:"none",display:"inline-block",textAlign:"center",lineHeight:"inherit",textDecoration:"none",fontSize:"inherit",px:3,py:2,color:"white",bg:"primary",border:0,borderRadius:4}}))}),l.forwardRef(function(e,r){return l.createElement(B,Object.assign({},{ref:r,as:"a",variant:"styles.a"},e,{__themeKey:"links"}))})),I=(l.forwardRef(function(e,r){return l.createElement(B,Object.assign({},{ref:r},e,{__themeKey:"text"}))}),l.forwardRef(function(e,r){return l.createElement(B,Object.assign({},{ref:r,as:"h2",variant:"heading"},e,{__themeKey:"text",__css:{fontFamily:"heading",fontWeight:"heading",lineHeight:"heading"}}))}),l.forwardRef(function(e,r){return l.createElement(B,Object.assign({},{ref:r,as:"img"},e,{__themeKey:"images",__css:Object.assign({},{maxWidth:"100%",height:"auto"},e.__css)}))})),T=(l.forwardRef(function(e,r){return l.createElement(B,Object.assign({},{ref:r,variant:"primary"},e,{__themeKey:"cards"}))}),l.forwardRef(function(e,r){return l.createElement(B,Object.assign({},{ref:r,as:"label",variant:"label"},e,{__themeKey:"forms",__css:{width:"100%",display:"flex"}}))})),q=l.forwardRef(function(e,r){return l.createElement(B,Object.assign({},{ref:r,as:"input",variant:"input"},e,{__themeKey:"forms",__css:{display:"block",width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:4,color:"inherit",bg:"transparent"}}))}),A=function(e){var r=e.size;void 0===r&&(r=24);var t=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size"]);return l.createElement(B,Object.assign({},{as:"svg",xmlns:"http://www.w3.org/2000/svg",width:r+"",height:r+"",viewBox:"0 0 24 24",fill:"currentcolor"},t))},L=function(e){return function(r){var t={};for(var n in r)e(n||"")&&(t[n]=r[n]);return t}},V=/^m[trblxy]?$/,X=L(function(e){return V.test(e)}),G=L(function(e){return!V.test(e)}),Y=function(e){return l.createElement(A,e,l.createElement("path",{d:"M7 10l5 5 5-5z"}))};l.forwardRef(function(e,r){return l.createElement(B,Object.assign({},X(e),{sx:{display:"flex"}}),l.createElement(B,Object.assign({},{ref:r,as:"select",variant:"select"},G(e),{__themeKey:"forms",__css:{display:"block",width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:4,color:"inherit",bg:"transparent"}})),l.createElement(Y,{sx:{ml:-28,alignSelf:"center",pointerEvents:"none"}}))}),l.forwardRef(function(e,r){return l.createElement(B,Object.assign({},{ref:r,as:"textarea",variant:"textarea"},e,{__themeKey:"forms",__css:{display:"block",width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:4,color:"inherit",bg:"transparent"}}))});var $=function(e){return l.createElement(A,e,l.createElement("path",{d:"M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}))},J=function(e){return l.createElement(A,e,l.createElement("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}))},Q=function(e){return l.createElement(l.Fragment,null,l.createElement($,Object.assign({},e,{__css:{display:"none","input:checked ~ &":{display:"block"}}})),l.createElement(J,Object.assign({},e,{__css:{display:"block","input:checked ~ &":{display:"none"}}})))};l.forwardRef(function(e,r){var t=e.className,n=e.sx,a=e.variant;void 0===a&&(a="radio");var o=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["className","sx","variant"]);return l.createElement(B,null,l.createElement(B,Object.assign({},{ref:r,as:"input",type:"radio"},o,{sx:{position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"}})),l.createElement(B,{as:Q,"aria-hidden":"true",__themeKey:"forms",variant:a,className:t,sx:n,__css:{mr:2,borderRadius:9999,color:"gray","input:checked ~ &":{color:"primary"},"input:focus ~ &":{bg:"highlight"}}}))});var U=function(e){return l.createElement(A,e,l.createElement("path",{d:"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"}))},Z=function(e){return l.createElement(A,e,l.createElement("path",{d:"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"}))},ee=function(e){return l.createElement(l.Fragment,null,l.createElement(U,Object.assign({},e,{__css:{display:"none","input:checked ~ &":{display:"block"}}})),l.createElement(Z,Object.assign({},e,{__css:{display:"block","input:checked ~ &":{display:"none"}}})))},re=(l.forwardRef(function(e,r){var t=e.className,n=e.sx,a=e.variant;void 0===a&&(a="checkbox");var o=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["className","sx","variant"]);return l.createElement(B,null,l.createElement(B,Object.assign({},{ref:r,as:"input",type:"checkbox"},o,{sx:{position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"}})),l.createElement(B,{as:ee,"aria-hidden":"true",__themeKey:"forms",variant:a,className:t,sx:n,__css:{mr:2,borderRadius:4,color:"gray","input:checked ~ &":{color:"primary"},"input:focus ~ &":{color:"primary",bg:"highlight"}}}))}),{appearance:"none",width:16,height:16,bg:"currentcolor",border:0,borderRadius:9999,variant:"forms.slider.thumb"});l.forwardRef(function(e,r){return l.createElement(B,Object.assign({},{ref:r,as:"input",type:"range",variant:"slider"},e,{__themeKey:"forms",__css:{display:"block",width:"100%",height:4,my:2,cursor:"pointer",appearance:"none",borderRadius:9999,color:"inherit",bg:"gray",":focus":{outline:"none",color:"primary"},"&::-webkit-slider-thumb":re,"&::-moz-range-thumb":re,"&::-ms-thumb":re}}))}),l.forwardRef(function(e,r){var t=e.as;void 0===t&&(t=q);var n=e.label,a=e.name,o=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["as","label","name"]);return l.createElement(B,X(o),l.createElement(T,{htmlFor:a},n),l.createElement(t,Object.assign({},{ref:r,id:a,name:a},G(o))))}),l.forwardRef(function(e,r){return l.createElement(B,Object.assign({},{ref:r,as:"progress",variant:"styles.progress"},e,{__css:{display:"block",width:"100%",height:"4px",margin:0,padding:0,overflow:"hidden",appearance:"none",color:"primary",bg:"gray",borderRadius:9999,border:"none","&::-webkit-progress-bar":{bg:"transparent"},"&::-webkit-progress-value":{bg:"currentcolor"},"&::-moz-progress-bar":{bg:"currentcolor"}}}))}),l.forwardRef(function(e,r){var t=e.size;void 0===t&&(t=128);var n=e.strokeWidth;void 0===n&&(n=2);var a=e.value;void 0===a&&(a=0);var o=e.min;void 0===o&&(o=0);var i=e.max;void 0===i&&(i=1);var c=e.title,s=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size","strokeWidth","value","min","max","title"]),u=16-n,p=2*u*Math.PI,d=p-(a-o)/(i-o)*p;return l.createElement(B,Object.assign({},{ref:r,as:"svg",viewBox:"0 0 32 32",width:t,height:t,strokeWidth:n,fill:"none",stroke:"currentcolor",role:"img","aria-valuenow":a,"aria-valuemin":o,"aria-valuemax":i},s,{__css:{color:"primary"}}),c&&l.createElement("title",null,c),l.createElement("circle",{cx:16,cy:16,r:u,opacity:1/8}),l.createElement("circle",{cx:16,cy:16,r:u,strokeDasharray:p,strokeDashoffset:d,transform:"rotate(-90 16 16)"}))});var te=n.keyframes({from:{transform:"rotate(0deg)"},to:{transform:"rotate(360deg)"}});l.forwardRef(function(e,r){var t=e.size;void 0===t&&(t=48);var n=e.strokeWidth;void 0===n&&(n=4);var a=e.title;void 0===a&&(a="Loading...");var o=e.duration;void 0===o&&(o=500);var i=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size","strokeWidth","max","title","duration"]),c=16-n,s=2*c*Math.PI,u=s-.25*s;return l.createElement(B,Object.assign({},{ref:r,as:"svg",viewBox:"0 0 32 32",width:t,height:t,strokeWidth:n,fill:"none",stroke:"currentcolor",role:"img"},i,{__css:{color:"primary",overflow:"visible"}}),l.createElement("title",null,a),l.createElement("circle",{cx:16,cy:16,r:c,opacity:1/8}),l.createElement(B,{as:"circle",cx:16,cy:16,r:c,strokeDasharray:s,strokeDashoffset:u,__css:{transformOrigin:"50% 50%",animationName:te.toString(),animationTimingFunction:"linear",animationDuration:o+"ms",animationIterationCount:"infinite"}}))}),l.forwardRef(function(e,r){var t=e.size;void 0===t&&(t=48);var n=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size"]);return l.createElement(I,Object.assign({},{ref:r,width:t,height:t,variant:"avatar"},n,{__css:{borderRadius:9999}}))}),l.forwardRef(function(e,r){return l.createElement(B,Object.assign({},{ref:r},e,{__themeKey:"badges",__css:{display:"inline-block",verticalAlign:"baseline",fontSize:0,fontWeight:"bold",whiteSpace:"nowrap",px:1,borderRadius:2,color:"white",bg:"primary"}}))});var ne=l.forwardRef(function(e,r){var t=e.size;void 0===t&&(t=32);var n=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size"]);return l.createElement(B,Object.assign({},{ref:r,as:"button",variant:"icon"},n,{__themeKey:"buttons",__css:{appearance:"none",display:"inline-flex",alignItems:"center",justifyContent:"center",padding:1,width:t,height:t,color:"inherit",bg:"transparent",border:"none",borderRadius:4}}))}),ae=l.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",fill:"currentcolor",viewBox:"0 0 24 24"},l.createElement("path",{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"}));l.forwardRef(function(e,r){var t=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size"]);return l.createElement(ne,Object.assign({},{ref:r,title:"Close","aria-label":"Close",variant:"close"},t,{children:ae}))}),l.forwardRef(function(e,r){return l.createElement(B,Object.assign({},{ref:r},e,{__themeKey:"alerts",__css:{display:"flex",alignItems:"center",px:3,py:2,fontWeight:"bold",color:"white",bg:"primary",borderRadius:4}}))}),l.forwardRef(function(e,r){return l.createElement(B,Object.assign({},{ref:r,as:"hr",variant:"styles.hr"},e,{__css:{color:"gray",m:0,my:2,border:0,borderBottom:"1px solid"}}))}),l.forwardRef(function(e,r){var t=e.ratio;void 0===t&&(t=16/9);var n=e.src,a=e.frameBorder;void 0===a&&(a=0);var o=e.allowFullScreen;void 0===o&&(o=!0);var i=e.width;void 0===i&&(i=560);var c=e.height;void 0===c&&(c=315);var s=e.allow,u=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["ratio","src","frameBorder","allowFullScreen","width","height","allow"]);return l.createElement(B,Object.assign({},u,{__css:{width:"100%",height:0,paddingBottom:100/t+"%",position:"relative",overflow:"hidden"}}),l.createElement(B,{ref:r,as:"iframe",src:n,width:i,height:c,frameBorder:a,allowFullScreen:o,allow:s,__css:{position:"absolute",width:"100%",height:"100%",top:0,bottom:0,left:0,border:0}}))});var oe=l.forwardRef(function(e,r){var t=e.ratio;void 0===t&&(t=4/3);var n=e.children,a=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["ratio","children"]);return l.createElement(B,{ref:r,sx:{position:"relative",overflow:"hidden"}},l.createElement(B,{sx:{width:"100%",height:0,paddingBottom:100/t+"%"}}),l.createElement(B,Object.assign({},a,{__css:{position:"absolute",top:0,right:0,bottom:0,left:0}}),n))});l.forwardRef(function(e,r){var t=e.ratio,n=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["ratio"]);return l.createElement(oe,{ratio:t},l.createElement(I,Object.assign({},{ref:r},n,{__css:{objectFit:"cover"}})))}),l.forwardRef(function(e,r){return l.createElement(B,Object.assign({},{ref:r,variant:"container"},e,{__themeKey:"layout",__css:{width:"100%",maxWidth:"container",mx:"auto"}}))}),l.forwardRef(function(e,r){return l.createElement(M,Object.assign({},{ref:r,variant:"nav"},e,{__css:{color:"inherit",textDecoration:"none",fontWeight:"bold",display:"inline-block","&:hover, &:focus, &.active":{color:"primary"}}}))}),l.forwardRef(function(e,r){return l.createElement(B,Object.assign({},{ref:r},e,{__themeKey:"messages",__css:{padding:3,paddingLeft:function(e){return e.space[3]-e.space[1]},borderLeftWidth:function(e){return e.space[1]},borderLeftStyle:"solid",borderLeftColor:"primary",borderRadius:4,bg:"highlight"}}))});var ie=function(e){var r=e.size;return void 0===r&&(r=24),l.createElement(B,{as:"svg",xmlns:"http://www.w3.org/2000/svg",width:r,height:r,fill:"currentcolor",viewBox:"0 0 24 24",sx:{display:"block",margin:0}},l.createElement("path",{d:"M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"}))},ce=(l.forwardRef(function(e,r){return l.createElement(ne,Object.assign({},{ref:r,title:"Menu","aria-label":"Toggle Menu",variant:"menu"},e),l.createElement(ie,null))}),i.createShouldForwardProp(o.space.propNames.concat(o.color.propNames,o.typography.propNames,o.layout.propNames,o.flexbox.propNames,o.grid.propNames,o.background.propNames,o.border.propNames,o.position.propNames,o.shadow.propNames))),se=[o.space,o.color,o.typography,o.layout,o.flexbox,o.grid,o.background,o.border,o.position,o.shadow];function le(e){return a.css(e.sx)(e.theme)}function ue(e){var r=e.variant,t=e.theme,n=e.variantKey;return a.css(o.get(t,n?n+"."+r:r,o.get(t,n)))(t)}var pe=s("div",{shouldForwardProp:ce}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},ue].concat(se,[le])),de=s(pe)({display:"flex"}),fe=s("label",{shouldForwardProp:ce}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.variant;return void 0===r&&(r="default"),ue({variantKey:"labels",variant:r,theme:e.theme})}].concat(se,[le])),me=i.createShouldForwardProp(o.space.propNames.concat(o.color.propNames,o.typography.propNames,o.border.propNames,o.position.propNames,o.shadow.propNames));function he(e){var r=e.theme;return a.css({px:3,py:2,color:"white",bg:"primary",border:0,borderRadius:"default","&:hover":{bg:"secondary"}})(r)}function be(e){var r=e.variant;return void 0===r&&(r="buttons.primary"),ue({theme:e.theme,variant:r})}var ve=s("button",{shouldForwardProp:me})({appearance:"none",cursor:"pointer",display:"inline-block",fontSize:"inherit",lineHeight:"inherit",textAlign:"center",textDecoration:"none",transition:"all 0.2s ease-in-out"},he,be,o.space,o.color,o.typography,o.border,o.position,o.shadow,le),ge=s("a",{shouldForwardProp:me})({appearance:"none",cursor:"pointer",display:"inline-block",fontSize:"inherit",lineHeight:"inherit",textAlign:"center",textDecoration:"none",transition:"all 0.2s ease-in-out"},he,be,o.space,o.color,o.typography,o.border,o.position,o.shadow,le),ye=i.createShouldForwardProp(o.space.propNames.concat(o.color.propNames,o.typography.propNames)),we=s("a",{shouldForwardProp:ye})({boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.variant;return void 0===r&&(r="links.a"),ue({theme:e.theme,variant:r})},o.space,o.color,o.typography,le),Oe=i.createShouldForwardProp(o.space.propNames.concat(o.color.propNames,o.typography.propNames)),xe=s("p",{shouldForwardProp:Oe})({boxSizing:"border-box",margin:0,minWidth:0},ue,o.space,o.color,o.typography,le),_e=s("input",{shouldForwardProp:ce}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return a.css({display:"block",width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:"default",color:"inherit",bg:"transparent"})(r)},function(e){return ue({variant:e.variant,theme:e.theme,variantKey:"inputs"})}].concat(se,[le])),je=s("svg",{shouldForwardProp:ce}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return a.css({fill:"currentColor",color:"black",display:"block"})(r)},function(e){return ue({variant:e.variant,theme:e.theme,variantKey:"svg"})}].concat(se,[le])),Ee=s("textarea",{shouldForwardProp:ce}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return a.css({display:"block",width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:"default",color:"inherit",bg:"transparent"})(r)},function(e){return ue({variant:e.variant,theme:e.theme,variantKey:"textarea"})}].concat(se,[le]));e.Box=pe,e.sx=le,e.variant=ue,e.Flex=de,e.Label=fe,e.Button=ve,e.AnchorButton=ge,e.Link=we,e.Text=xe,e.Input=_e,e.Svg=je,e.SvgIcon=function(e){var r=e.title,t=e.desc,n=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["title","desc"]);return l.createElement(je,Object.assign({},n),l.createElement("title",null,r),l.createElement("desc",null,t),n.children)},e.Textarea=Ee});
 //# sourceMappingURL=index.umd.js.map

package.json

 {
   "name": "@kodiak-ui/primitives",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "description": "Kodiak's primitive components for building applications and complex components",
@@ -38,3 +38,3 @@ "main": "dist/index.js",
   },
-  "gitHead": "eac130793486f131eb81949083da9b8fed8f7a91"
+  "gitHead": "67723bff3f84ab348a521fbdf2e8d93c2a6b5512"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

414824

increased by3.4%

Number of package files

43

increased by7.5%

Lines of code

905

increased by6.1%

Number of medium supply chain risk alerts

0

decreased by-100%

No dependency changes