Socket
Socket
Sign inDemoInstall

@kodiak-ui/primitives

Package Overview
Dependencies
Maintainers
6
Versions
104
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@kodiak-ui/primitives - npm Package Compare versions

Comparing version 0.14.0 to 0.14.1

dist/index.umd.js
dist/index.umd.js.map
dist/Input/useInput.d.ts

2

dist/index.es.js

@@ -1,2 +0,2 @@

import{version as e}from"@emotion/core/package.json";import r from"@styled-system/space";import{css as t,get as n}from"@theme-ui/css";import{createShouldForwardProp as a}from"@styled-system/should-forward-prop";import{space as i,color as o,typography as c,layout as s,flexbox as l,grid as d,background as u,border as f,position as p,shadow as v,get as h}from"styled-system";import m from"@emotion/styled";import b,{forwardRef as g,createElement as y,Fragment as x}from"react";import{keyframes as O}from"@emotion/core";import{variant as w,sx as j,systemProps as _,shouldForwardProp as k,css as E,styled as z}from"@kodiak-ui/core";function K(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function R(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 S(e){for(var r=arguments,t=1;t<arguments.length;t++){var n=null!=r[t]?r[t]:{};t%2?R(Object(n),!0).forEach(function(r){K(e,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):R(Object(n)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})}return e}b.createContext({__EMOTION_VERSION__:e,theme:null});var C=b.createContext({}),P={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,i=e.parentName,o=function(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},i=Object.keys(e);for(n=0;n<i.length;n++)r.indexOf(t=i[n])>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r.indexOf(t=i[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(C),t=r;return e&&(t="function"==typeof e?e(r):S({},r,{},e)),t}(t),s=n,l=c["".concat(i,".").concat(s)]||c[s]||P[s]||a;return b.createElement(l,t?S({ref:r},o,{components:t}):S({ref:r},o))}).displayName="MDXCreateElement";var W={inlineCode:"code",thematicBreak:"hr",root:"div"},H=function(e){return function(r){return t(n(r.theme,"styles."+e))(r.theme)}},N=m("div")(H("div")),F={};["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;F[e]=m(W[r=e]||r)(H(e)),N[e]=F[e]});var 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},B=function(e,r){if("number"!=typeof r||r>=0)return M(e,r,r);var t=Math.abs(r),n=M(e,t,t);return"string"==typeof n?"-"+n:-1*n},I=(["margin","marginTop","marginRight","marginBottom","marginLeft","marginX","marginY","top","bottom","left","right"].reduce(function(e,r){var t;return Object.assign({},e,((t={})[r]=B,t))},{}),Object.getOwnPropertySymbols),L=Object.prototype.hasOwnProperty,V=Object.prototype.propertyIsEnumerable,D=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,i=function(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(e),o=1;o<arguments.length;o++){for(var c in t=Object(a[o]))L.call(t,c)&&(i[c]=t[c]);if(I){n=I(t);for(var s=0;s<n.length;s++)V.call(t,n[s])&&(i[n[s]]=t[n[s]])}}return i},A=function(e,r){var t=D({},e,r);for(var n in e){var a;e[n]&&"object"==typeof r[n]&&D(t,((a={})[n]=D(e[n],r[n]),a))}return t},T={breakpoints:[40,52,64].map(function(e){return e+"em"})},G=function(e){return"@media screen and (min-width: "+e+")"},q=function(e,r){return X(r,e,e)},X=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},Z=function(e,r,t,n,a){var i={};return n.slice(0,e.length).forEach(function(n,o){var c,s=e[o],l=r(n,t,a);D(i,s?((c={})[s]=D({},i[s],l),c):l)}),i},Y=function(e,r,t,n,a){var i={};for(var o in n){var c=e[o],s=r(n[o],t,a);if(c){var l,d=G(c);D(i,((l={})[d]=D({},i[d],s),l))}else D(i,s)}return i},$=function(e){var r=e.properties,t=e.transform,n=void 0===t?q:t,a=e.defaultScale;r=r||[e.property];var i=function(e,t,a){var i={},o=n(e,t,a);if(null!==o)return r.forEach(function(e){i[e]=o}),i};return i.scale=e.scale,i.defaults=a,i},J={color:{property:"color",scale:"colors"},backgroundColor:{property:"backgroundColor",scale:"colors"},opacity:!0};J.bg=J.backgroundColor;var Q=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?$(n):n:$({property:t,scale:t})}),function e(r){var t={},n=function(e){var n,a,i={},o=!1,c=e.theme&&e.theme.disableStyledSystemCache;for(var s in e)if(r[s]){var l=r[s],d=e[s],u=X(e.theme,l.scale,l.defaults);if("object"!=typeof d)D(i,l(d,u,e));else{if(t.breakpoints=!c&&t.breakpoints||X(e.theme,"breakpoints",T.breakpoints),Array.isArray(d)){t.media=!c&&t.media||[null].concat(t.breakpoints.map(G)),i=A(i,Z(t.media,l,u,d,e));continue}null!==d&&(i=A(i,Y(t.breakpoints,l,u,d,e)),o=!0)}}return o&&(n=i,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]}),i=a),i};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)}(J),U=a(r.propNames.concat(Q.propNames)),ee=m("div",{shouldForwardProp:U})({boxSizing:"border-box",margin:0,minWidth:0},function(e){return t(e.__css)(e.theme)},function(e){var r=e.theme,a=e.variant,i=e.__themeKey;return void 0===i&&(i="variants"),t(n(r,i+"."+a,n(r,a)))},r,Q,function(e){return t(e.sx)(e.theme)},function(e){return e.css});m(ee)({display:"flex"});var re=function(e){return Array.isArray(e)?e.map(re):!!e&&"repeat(auto-fit, minmax("+("number"==typeof(r=e)?r+"px":r)+", 1fr))";var r},te=function(e){return Array.isArray(e)?e.map(te):!!e&&("number"==typeof e?"repeat("+e+", 1fr)":e)},ne=(b.forwardRef(function(e,r){var t=e.width,n=e.columns,a=e.gap;void 0===a&&(a=3);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,["width","columns","gap"]),o=t?re(t):te(n);return b.createElement(ee,Object.assign({},{ref:r},i,{__themeKey:"grids",__css:{display:"grid",gridGap:a,gridTemplateColumns:o}}))}),b.forwardRef(function(e,r){return b.createElement(ee,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(ee,Object.assign({},{ref:r,as:"a",variant:"styles.a"},e,{__themeKey:"links"}))})),ae=(b.forwardRef(function(e,r){return b.createElement(ee,Object.assign({},{ref:r},e,{__themeKey:"text"}))}),b.forwardRef(function(e,r){return b.createElement(ee,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(ee,Object.assign({},{ref:r,as:"img"},e,{__themeKey:"images",__css:Object.assign({},{maxWidth:"100%",height:"auto"},e.__css)}))})),ie=(b.forwardRef(function(e,r){return b.createElement(ee,Object.assign({},{ref:r,variant:"primary"},e,{__themeKey:"cards"}))}),b.forwardRef(function(e,r){return b.createElement(ee,Object.assign({},{ref:r,as:"label",variant:"label"},e,{__themeKey:"forms",__css:{width:"100%",display:"flex"}}))})),oe=b.forwardRef(function(e,r){return b.createElement(ee,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"}}))}),ce=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(ee,Object.assign({},{as:"svg",xmlns:"http://www.w3.org/2000/svg",width:r+"",height:r+"",viewBox:"0 0 24 24",fill:"currentcolor"},t))},se=function(e){return function(r){var t={};for(var n in r)e(n||"")&&(t[n]=r[n]);return t}},le=/^m[trblxy]?$/,de=se(function(e){return le.test(e)}),ue=se(function(e){return!le.test(e)}),fe=function(e){return b.createElement(ce,e,b.createElement("path",{d:"M7 10l5 5 5-5z"}))};b.forwardRef(function(e,r){return b.createElement(ee,Object.assign({},de(e),{sx:{display:"flex"}}),b.createElement(ee,Object.assign({},{ref:r,as:"select",variant:"select"},ue(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(fe,{sx:{ml:-28,alignSelf:"center",pointerEvents:"none"}}))}),b.forwardRef(function(e,r){return b.createElement(ee,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 pe=function(e){return b.createElement(ce,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"}))},ve=function(e){return b.createElement(ce,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"}))},he=function(e){return b.createElement(b.Fragment,null,b.createElement(pe,Object.assign({},e,{__css:{display:"none","input:checked ~ &":{display:"block"}}})),b.createElement(ve,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 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,["className","sx","variant"]);return b.createElement(ee,null,b.createElement(ee,Object.assign({},{ref:r,as:"input",type:"radio"},i,{sx:{position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"}})),b.createElement(ee,{as:he,"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 me=function(e){return b.createElement(ce,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"}))},be=function(e){return b.createElement(ce,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"}))},ge=function(e){return b.createElement(b.Fragment,null,b.createElement(me,Object.assign({},e,{__css:{display:"none","input:checked ~ &":{display:"block"}}})),b.createElement(be,Object.assign({},e,{__css:{display:"block","input:checked ~ &":{display:"none"}}})))},ye=(b.forwardRef(function(e,r){var t=e.className,n=e.sx,a=e.variant;void 0===a&&(a="checkbox");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,["className","sx","variant"]);return b.createElement(ee,null,b.createElement(ee,Object.assign({},{ref:r,as:"input",type:"checkbox"},i,{sx:{position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"}})),b.createElement(ee,{as:ge,"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(ee,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":ye,"&::-moz-range-thumb":ye,"&::-ms-thumb":ye}}))}),b.forwardRef(function(e,r){var t=e.as;void 0===t&&(t=oe);var n=e.label,a=e.name,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,["as","label","name"]);return b.createElement(ee,de(i),b.createElement(ie,{htmlFor:a},n),b.createElement(t,Object.assign({},{ref:r,id:a,name:a},ue(i))))}),b.forwardRef(function(e,r){return b.createElement(ee,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 i=e.min;void 0===i&&(i=0);var o=e.max;void 0===o&&(o=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,d=2*l*Math.PI,u=d-(a-i)/(o-i)*d;return b.createElement(ee,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":i,"aria-valuemax":o},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:d,strokeDashoffset:u,transform:"rotate(-90 16 16)"}))});var xe=O({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 i=e.duration;void 0===i&&(i=500);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,["size","strokeWidth","max","title","duration"]),c=16-n,s=2*c*Math.PI,l=s-.25*s;return b.createElement(ee,Object.assign({},{ref:r,as:"svg",viewBox:"0 0 32 32",width:t,height:t,strokeWidth:n,fill:"none",stroke:"currentcolor",role:"img"},o,{__css:{color:"primary",overflow:"visible"}}),b.createElement("title",null,a),b.createElement("circle",{cx:16,cy:16,r:c,opacity:1/8}),b.createElement(ee,{as:"circle",cx:16,cy:16,r:c,strokeDasharray:s,strokeDashoffset:l,__css:{transformOrigin:"50% 50%",animationName:xe.toString(),animationTimingFunction:"linear",animationDuration:i+"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(ae,Object.assign({},{ref:r,width:t,height:t,variant:"avatar"},n,{__css:{borderRadius:9999}}))}),b.forwardRef(function(e,r){return b.createElement(ee,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 Oe=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(ee,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}}))}),we=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(Oe,Object.assign({},{ref:r,title:"Close","aria-label":"Close",variant:"close"},t,{children:we}))}),b.forwardRef(function(e,r){return b.createElement(ee,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(ee,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 i=e.allowFullScreen;void 0===i&&(i=!0);var o=e.width;void 0===o&&(o=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(ee,Object.assign({},l,{__css:{width:"100%",height:0,paddingBottom:100/t+"%",position:"relative",overflow:"hidden"}}),b.createElement(ee,{ref:r,as:"iframe",src:n,width:o,height:c,frameBorder:a,allowFullScreen:i,allow:s,__css:{position:"absolute",width:"100%",height:"100%",top:0,bottom:0,left:0,border:0}}))});var je=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(ee,{ref:r,sx:{position:"relative",overflow:"hidden"}},b.createElement(ee,{sx:{width:"100%",height:0,paddingBottom:100/t+"%"}}),b.createElement(ee,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(je,{ratio:t},b.createElement(ae,Object.assign({},{ref:r},n,{__css:{objectFit:"cover"}})))}),b.forwardRef(function(e,r){return b.createElement(ee,Object.assign({},{ref:r,variant:"container"},e,{__themeKey:"layout",__css:{width:"100%",maxWidth:"container",mx:"auto"}}))}),b.forwardRef(function(e,r){return b.createElement(ne,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(ee,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 _e=function(e){var r=e.size;return void 0===r&&(r=24),b.createElement(ee,{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"}))},ke=(b.forwardRef(function(e,r){return b.createElement(Oe,Object.assign({},{ref:r,title:"Menu","aria-label":"Toggle Menu",variant:"menu"},e),b.createElement(_e,null))}),a(i.propNames.concat(o.propNames,c.propNames,s.propNames,l.propNames,d.propNames,u.propNames,f.propNames,p.propNames,v.propNames))),Ee=[i,o,c,s,l,d,u,f,p,v];function ze(e){return t(e.sx)(e.theme)}function Ke(e){return t(e.__base)(e.theme)}function Re(e){var r=e.variant,n=e.theme,a=e.variantKey;return t(h(n,a?a+"."+r:r,h(n,a)))(n)}var Se=m("div",{shouldForwardProp:ke}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},Ke,Re].concat(Ee,[ze]));function Ce(e){var r=e.theme;return E({px:3,py:2,color:"white",bg:"primary",border:0,borderRadius:"default","&:hover":{bg:"secondary"}})(r)}var Pe=function(e){var r=e.variantKey;return void 0===r&&(r="buttons"),w({variant:e.variant,theme:e.theme,variantKey:r})},We=z("button",{shouldForwardProp:k}).apply(void 0,[{appearance:"none",cursor:"pointer",display:"inline-block",fontSize:"inherit",lineHeight:"inherit",textAlign:"center",textDecoration:"none",transition:"all 0.2s ease-in-out"},Ce,Ke,Pe].concat(_,[j])),He=m("a",{shouldForwardProp:k}).apply(void 0,[{appearance:"none",cursor:"pointer",display:"inline-block",fontSize:"inherit",lineHeight:"inherit",textAlign:"center",textDecoration:"none",transition:"all 0.2s ease-in-out"},Ce,Pe].concat(_,[j])),Ne=m("svg",{shouldForwardProp:ke}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return t({fill:"currentColor",color:"black",display:"block"})(r)},function(e){var r=e.variantKey;return void 0===r&&(r="svg"),Re({variant:e.variant,theme:e.theme,variantKey:r})}].concat(Ee,[ze])),Fe=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(Ne,Object.assign({},n),b.createElement("title",null,r),b.createElement("desc",null,t),n.children)},Me=m("input",{shouldForwardProp:ke}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return t({display:"block",width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:"default",color:"inherit",bg:"transparent"})(r)},function(e){var r=e.variantKey;return void 0===r&&(r="inputs"),Re({variant:e.variant,theme:e.theme,variantKey:r})}].concat(Ee,[ze]));function Be(e){return y(Fe,Object.assign({title:"Checkbox input unchecked",height:16,width:16,viewBox:"0 0 16 16"},e),y("path",{d:"M0 3a3 3 0 013-3h10a3 3 0 013 3v10a3 3 0 01-3 3H3a3 3 0 01-3-3V3z",fill:"#fff"}),y("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13 1H3a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2V3a2 2 0 00-2-2zM3 0a3 3 0 00-3 3v10a3 3 0 003 3h10a3 3 0 003-3V3a3 3 0 00-3-3H3z",fill:"currentColor"}))}function Ie(e){return y(Fe,Object.assign({title:"Checkbox input checked",height:16,width:16,viewBox:"0 0 16 16"},e),y("path",{d:"M0 3a3 3 0 013-3h10a3 3 0 013 3v10a3 3 0 01-3 3H3a3 3 0 01-3-3V3z",fill:"#0076D1"}),y("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13 1H3a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2V3a2 2 0 00-2-2zM3 0a3 3 0 00-3 3v10a3 3 0 003 3h10a3 3 0 003-3V3a3 3 0 00-3-3H3z",fill:"currentColor"}),y("path",{d:"M12.937 5.062L11.7 3.815a.222.222 0 00-.313 0L6.165 9.068a.221.221 0 01-.314 0L4.615 7.822a.221.221 0 00-.314 0L3.065 9.068a.223.223 0 000 .315l2.786 2.802a.222.222 0 00.314 0l6.772-6.812a.223.223 0 000-.311z",fill:"#fff"}))}function Le(e){var r=e.sx,t=e.variant,n=e.variantKey;return y(x,null,y(Ie,{sx:Object.assign({},r,{display:"none","input:checked ~ &":{display:"block",color:"primary"}}),variant:t,variantKey:n}),y(Be,{sx:Object.assign({},r,{color:"defaultGray",display:"block","input:checked ~ &":{display:"none"}}),variant:t,variantKey:n}))}var Ve=g(function(e,r){var t=e.variant;void 0===t&&(t="checkbox");var n=e.variantKey;void 0===n&&(n="forms");var 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,["variant","variantKey"]);return y(Se,null,y(Me,Object.assign({ref:r,type:"checkbox",position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"},a)),y(Le,Object.assign({"aria-hidden":"true",sx:{"input:focus ~ &":{outline:"1px auto",outlineOffset:"1px",outlineColor:"primary"}},variant:t,variantKey:n},a)))}),De=m("label",{shouldForwardProp:ke}).apply(void 0,[{boxSizing:"border-box",display:"inline-block",margin:0,minWidth:0},function(e){var r=e.variantKey;return void 0===r&&(r="labels"),Re({variant:e.variant,variantKey:r,theme:e.theme})}].concat(Ee,[ze])),Ae=m("p",{shouldForwardProp:ke}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.variantKey;return void 0===r&&(r="text"),Re({variant:e.variant,theme:e.theme,variantKey:r})}].concat(Ee,[ze]));function Te(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}var Ge=g(function(e,r){var t=e.children,n=e.defaultValue,a=e.label,i=e.name,o=Te(e,["children","defaultValue","label","name"]);return y(Se,{mb:4},y(De,{htmlFor:i,mb:2},a),y(Me,Object.assign({ref:r,id:i,name:i,defaultValue:n},o)),t)});function qe(e){var r=e.children,t=Te(e,["children"]);return y(Ae,Object.assign({as:"span",color:"danger",role:"alert"},t),r)}var Xe=m(Se)({display:"flex"}),Ze=m(Se)({display:"grid"}),Ye=m("img",{shouldForwardProp:ke})({boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.variantKey;return void 0===r&&(r="images"),Re({variant:e.variant,variantKey:r,theme:e.theme})},ze),$e=m("a").apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},Ke,function(e){var r=e.variant;void 0===r&&(r="a");var t=e.variantKey;return void 0===t&&(t="links"),w({variant:r,variantKey:t,theme:e.theme})}].concat(_,[j])),Je=g(function(e,r){var t=e.children,n=e.variantKey;void 0===n&&(n="navs");var a=e.variant,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,["children","variantKey","variant"]);return y(Se,{as:"nav"},y(Se,Object.assign({__base:{listStyle:"none",margin:0,padding:0},ref:r,as:"ul",variantKey:n,variant:a},i),t))}),Qe=g(function(e,r){var t=e.children,n=e.variantKey;void 0===n&&(n="navs");var a=e.variant;void 0===a&&(a="navItem");var i=e.as;void 0===i&&(i="li");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,["children","variantKey","variant","as"]);return y(Se,Object.assign({variantKey:n,variant:a,as:i,ref:r,sx:{cursor:"pointer",transition:"all 0.2s ease-in-out"}},o),t)});function Ue(e){return y(Fe,Object.assign({title:"Radio input unchecked",height:16,width:16,viewBox:"0 0 16 16"},e),y("path",{d:"M8 0C3.584 0 0 3.584 0 8s3.584 8 8 8 8-3.584 8-8-3.584-8-8-8zm0 14.4A6.398 6.398 0 011.6 8c0-3.536 2.864-6.4 6.4-6.4 3.536 0 6.4 2.864 6.4 6.4 0 3.536-2.864 6.4-6.4 6.4z"}))}function er(e){return y(Fe,Object.assign({title:"Radio input checked",height:16,width:16,viewBox:"0 0 16 16"},e),y("path",{d:"M8 0C3.584 0 0 3.584 0 8C0 12.416 3.584 16 8 16C12.416 16 16 12.416 16 8C16 3.584 12.416 0 8 0ZM8 11C6.5 11 5 9.75484 5 8C5 6.24516 6.5 5 8 5C9.5 5 11 6.19903 11 8C11 9.80097 9.5 11 8 11Z"}))}function rr(e){var r=e.sx,t=e.variant,n=e.variantKey;return y(x,null,y(er,{sx:Object.assign({},r,{display:"none","input:checked ~ &":{display:"block",color:"primary"}}),variant:t,variantKey:n}),y(Ue,{sx:Object.assign({},r,{color:"defaultGray",display:"block","input:checked ~ &":{display:"none"}}),variant:t,variantKey:n}))}var tr=g(function(e,r){var t=e.variant;void 0===t&&(t="radio");var n=e.variantKey;void 0===n&&(n="forms");var 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,["variant","variantKey"]);return y(Se,null,y(Me,Object.assign({ref:r,type:"radio",position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"},a)),y(rr,Object.assign({"aria-hidden":"true",sx:{"input:focus ~ &":{outline:"1px auto",outlineOffset:"1px",outlineColor:"primary"}},variant:t,variantKey:n},a)))}),nr=m("select",{shouldForwardProp:ke}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return t({width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:"default",color:"inherit",bg:"transparent"})(r)},function(e){var r=e.variant;void 0===r&&(r="select");var t=e.variantKey;return void 0===t&&(t="forms"),Re({variant:r,theme:e.theme,variantKey:t})}].concat(Ee,[ze])),ar=g(function(e,r){return y(Xe,null,y(nr,Object.assign({ref:r},e)),y(Fe,{viewBox:"0 0 16 16",height:"16px",width:"16px",alignSelf:"center",ml:"-28px",color:"text"},y("path",{d:"M11.912 5.754a.62.62 0 0 0-.25-.186.883.883 0 0 0-.344-.068H4.682c-.12 0-.24.024-.344.068a.62.62 0 0 0-.25.186.398.398 0 0 0-.088.252.405.405 0 0 0 .098.25l3.318 4.004c.061.073.147.134.249.176A.886.886 0 0 0 8 10.5a.886.886 0 0 0 .335-.064.633.633 0 0 0 .249-.176l3.318-4.004a.405.405 0 0 0 .098-.25.398.398 0 0 0-.088-.252z"})))});function ir(e){var r=e.variant,t=e.variantKey;return y(Se,{variant:r,variantKey:t,__base:{opacity:e.disabled?.5:1,transition:"background-color 0.1s cubic-bezier(0.4, 1, 0.75, 0.9)",width:28,height:16,borderRadius:"full",borderStyle:"solid",borderWidth:1,display:"inline-flex","input:focus ~ &":{outlineWidth:1,outlineOffset:2,outlineStyle:"solid",outlineColor:"primary"},"input:checked ~ &":{backgroundColor:"primary",borderColor:"primary"},"input:not(:checked) ~ &":{backgroundColor:"muted",borderColor:"muted"}},sx:e.sx,alignItems:"center"},y(Se,{variantKey:t,variant:r+"."+e.indicatorVariant,__base:{borderRadius:"full",width:12,height:12,ml:"1px",backgroundColor:"background",transform:"translateX("+(e.checked?"calc(100% - 1px)":"0")+")",transition:"transform 0.1s cubic-bezier(0.4, 1, 0.75, 0.9)"}}))}var or=g(function(e,r){var t=e.checked,n=e.onChange,a=e.disabled,i=e.sx,o=e.variantKey;void 0===o&&(o="forms");var c=e.variant;void 0===c&&(c="switch");var s=e.indicatorVariant;void 0===s&&(s="indicator");var 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,["checked","onChange","disabled","sx","variantKey","variant","indicatorVariant"]);return y(Se,Object.assign({display:"inline-flex",position:"relative",sx:{cursor:a?"not-allowed":"pointer"}},l),y(Me,Object.assign({ref:r,opacity:0,type:"checkbox",position:"absolute",left:0,top:0,height:1,width:1,checked:t,onChange:function(e){return!a&&(null==n?void 0:n(e))},disabled:a},l)),y(ir,{checked:t,variant:c,variantKey:o,sx:i,disabled:a,indicatorVariant:s}))}),cr=m("textarea",{shouldForwardProp:ke}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return t({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 Re({variant:e.variant,theme:e.theme,variantKey:"textarea"})}].concat(Ee,[ze])),sr=m("span")({border:0,clip:"rect(0 0 0 0)",height:"1px",margin:"-1px",overflow:"hidden",padding:0,position:"absolute",width:"1px",whiteSpace:"nowrap",wordWrap:"normal"}),lr=g(function(e,r){return y(sr,Object.assign({ref:r},e))}),dr=m("iframe",{shouldForwardProp:ke}).apply(void 0,[{boxSizing:"border-box",display:"block",margin:0,minWidth:0},function(e){return Re({variant:e.variant,theme:e.theme,variantKey:"iframes"})}].concat(Ee,[ze])),ur=z("div")({boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return E({alignItems:"center",bg:"muted",borderRadius:"default",color:"text",display:"inline-flex",fontSize:1,lineHeight:1.2,py:1,px:2})(r)},function(e){var r=e.variant;void 0===r&&(r="default");var t=e.variantKey;return void 0===t&&(t="tags"),w({variant:r,theme:e.theme,variantKey:t})},j);function fr(e){return y(ur,Object.assign({},e))}var pr=z("span")({boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return E({border:"none",color:"text",fontSize:1,lineHeight:1.2,py:1,px:2})(r)},function(e){var r=e.variant;void 0===r&&(r="tagLabel");var t=e.variantKey;return void 0===t&&(t="tags"),w({variant:r,theme:e.theme,variantKey:t})},j),vr=z("button")({boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return E({appearance:"none",border:"none",borderRadius:"default",bg:"muted",color:"text",fontSize:1,lineHeight:1,py:1,px:2})(r)},function(e){var r=e.variant;void 0===r&&(r="tagDismiss");var t=e.variantKey;return void 0===t&&(t="tags"),w({variant:r,theme:e.theme,variantKey:t})},j);function hr(e){var r=e.icon,t=e.onDismiss;return y(fr,{sx:{p:0}},y(pr,{sx:{borderRight:"1px solid",borderColor:"muted"}},e.children),y(vr,{onClick:t},r))}var mr=O(Object.freeze(["\n 0%, 80%, 100% { opacity: 0; }\n 40% { opacity: 1; }\n"]));function br(e){var r=e.size;return y(Se,{as:"span",sx:{animation:mr+" 1s ease-in-out "+e.delay+"ms infinite;",backgroundColor:"currentColor",borderRadius:r,display:"inline-block",marginLeft:r/2+"px",height:r,width:r}})}var gr=z("div")({boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return E({label:"loadingIndicator",display:"flex",transition:"color 150ms",lineHeight:1,marginLeft:1,alignSelf:"center",textAlign:"center"})(r)},function(e){var r=e.variant;void 0===r&&(r="default");var t=e.variantKey;return void 0===t&&(t="loadingIndicators"),w({variant:r,theme:e.theme,variantKey:t})},j);function yr(e){var r=e.size;void 0===r&&(r=4);var t=e.delay;void 0===t&&(t=160);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","delay"]);return y(gr,Object.assign({},n),y(br,{delay:0,size:r,offset:!0}),y(br,{delay:t,size:r,offset:!0}),y(br,{delay:2*t,size:r,offset:!1}))}export{Se as Box,ze as sx,Re as variant,We as Button,He as AnchorButton,Ve as Checkbox,Ge as Field,qe as FieldError,Xe as Flex,Ze as Grid,Ye as Image,Me as Input,De as Label,$e as Link,Je as Nav,Qe as NavItem,tr as Radio,ar as Select,Ne as Svg,Fe as SvgIcon,or as Switch,Ae as Text,cr as Textarea,lr as VisuallyHidden,dr as Iframe,fr as Tag,pr as TagLabel,hr as TagDismiss,yr as DotLoadingIndicator};
import{version as e}from"@emotion/core/package.json";import r from"@styled-system/space";import{css as t,get as n}from"@theme-ui/css";import{createShouldForwardProp as a}from"@styled-system/should-forward-prop";import{space as i,color as o,typography as c,layout as s,flexbox as l,grid as d,background as u,border as f,position as p,shadow as v,get as h}from"styled-system";import m from"@emotion/styled";import b,{forwardRef as g,createElement as y,Fragment as x}from"react";import{keyframes as O}from"@emotion/core";import{variant as w,sx as j,systemProps as _,shouldForwardProp as k,css as E,styled as z}from"@kodiak-ui/core";function K(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function R(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 S(e){for(var r=arguments,t=1;t<arguments.length;t++){var n=null!=r[t]?r[t]:{};t%2?R(Object(n),!0).forEach(function(r){K(e,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):R(Object(n)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})}return e}b.createContext({__EMOTION_VERSION__:e,theme:null});var C=b.createContext({}),P={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,i=e.parentName,o=function(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},i=Object.keys(e);for(n=0;n<i.length;n++)r.indexOf(t=i[n])>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r.indexOf(t=i[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(C),t=r;return e&&(t="function"==typeof e?e(r):S({},r,{},e)),t}(t),s=n,l=c["".concat(i,".").concat(s)]||c[s]||P[s]||a;return b.createElement(l,t?S({ref:r},o,{components:t}):S({ref:r},o))}).displayName="MDXCreateElement";var W={inlineCode:"code",thematicBreak:"hr",root:"div"},H=function(e){return function(r){return t(n(r.theme,"styles."+e))(r.theme)}},N=m("div")(H("div")),F={};["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;F[e]=m(W[r=e]||r)(H(e)),N[e]=F[e]});var 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},B=function(e,r){if("number"!=typeof r||r>=0)return M(e,r,r);var t=Math.abs(r),n=M(e,t,t);return"string"==typeof n?"-"+n:-1*n},I=(["margin","marginTop","marginRight","marginBottom","marginLeft","marginX","marginY","top","bottom","left","right"].reduce(function(e,r){var t;return Object.assign({},e,((t={})[r]=B,t))},{}),Object.getOwnPropertySymbols),L=Object.prototype.hasOwnProperty,V=Object.prototype.propertyIsEnumerable,D=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,i=function(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(e),o=1;o<arguments.length;o++){for(var c in t=Object(a[o]))L.call(t,c)&&(i[c]=t[c]);if(I){n=I(t);for(var s=0;s<n.length;s++)V.call(t,n[s])&&(i[n[s]]=t[n[s]])}}return i},A=function(e,r){var t=D({},e,r);for(var n in e){var a;e[n]&&"object"==typeof r[n]&&D(t,((a={})[n]=D(e[n],r[n]),a))}return t},T={breakpoints:[40,52,64].map(function(e){return e+"em"})},G=function(e){return"@media screen and (min-width: "+e+")"},q=function(e,r){return X(r,e,e)},X=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},Z=function(e,r,t,n,a){var i={};return n.slice(0,e.length).forEach(function(n,o){var c,s=e[o],l=r(n,t,a);D(i,s?((c={})[s]=D({},i[s],l),c):l)}),i},Y=function(e,r,t,n,a){var i={};for(var o in n){var c=e[o],s=r(n[o],t,a);if(c){var l,d=G(c);D(i,((l={})[d]=D({},i[d],s),l))}else D(i,s)}return i},$=function(e){var r=e.properties,t=e.transform,n=void 0===t?q:t,a=e.defaultScale;r=r||[e.property];var i=function(e,t,a){var i={},o=n(e,t,a);if(null!==o)return r.forEach(function(e){i[e]=o}),i};return i.scale=e.scale,i.defaults=a,i},J={color:{property:"color",scale:"colors"},backgroundColor:{property:"backgroundColor",scale:"colors"},opacity:!0};J.bg=J.backgroundColor;var Q=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?$(n):n:$({property:t,scale:t})}),function e(r){var t={},n=function(e){var n,a,i={},o=!1,c=e.theme&&e.theme.disableStyledSystemCache;for(var s in e)if(r[s]){var l=r[s],d=e[s],u=X(e.theme,l.scale,l.defaults);if("object"!=typeof d)D(i,l(d,u,e));else{if(t.breakpoints=!c&&t.breakpoints||X(e.theme,"breakpoints",T.breakpoints),Array.isArray(d)){t.media=!c&&t.media||[null].concat(t.breakpoints.map(G)),i=A(i,Z(t.media,l,u,d,e));continue}null!==d&&(i=A(i,Y(t.breakpoints,l,u,d,e)),o=!0)}}return o&&(n=i,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]}),i=a),i};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)}(J),U=a(r.propNames.concat(Q.propNames)),ee=m("div",{shouldForwardProp:U})({boxSizing:"border-box",margin:0,minWidth:0},function(e){return t(e.__css)(e.theme)},function(e){var r=e.theme,a=e.variant,i=e.__themeKey;return void 0===i&&(i="variants"),t(n(r,i+"."+a,n(r,a)))},r,Q,function(e){return t(e.sx)(e.theme)},function(e){return e.css});m(ee)({display:"flex"});var re=function(e){return Array.isArray(e)?e.map(re):!!e&&"repeat(auto-fit, minmax("+("number"==typeof(r=e)?r+"px":r)+", 1fr))";var r},te=function(e){return Array.isArray(e)?e.map(te):!!e&&("number"==typeof e?"repeat("+e+", 1fr)":e)},ne=(b.forwardRef(function(e,r){var t=e.width,n=e.columns,a=e.gap;void 0===a&&(a=3);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,["width","columns","gap"]),o=t?re(t):te(n);return b.createElement(ee,Object.assign({},{ref:r},i,{__themeKey:"grids",__css:{display:"grid",gridGap:a,gridTemplateColumns:o}}))}),b.forwardRef(function(e,r){return b.createElement(ee,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(ee,Object.assign({},{ref:r,as:"a",variant:"styles.a"},e,{__themeKey:"links"}))})),ae=(b.forwardRef(function(e,r){return b.createElement(ee,Object.assign({},{ref:r},e,{__themeKey:"text"}))}),b.forwardRef(function(e,r){return b.createElement(ee,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(ee,Object.assign({},{ref:r,as:"img"},e,{__themeKey:"images",__css:Object.assign({},{maxWidth:"100%",height:"auto"},e.__css)}))})),ie=(b.forwardRef(function(e,r){return b.createElement(ee,Object.assign({},{ref:r,variant:"primary"},e,{__themeKey:"cards"}))}),b.forwardRef(function(e,r){return b.createElement(ee,Object.assign({},{ref:r,as:"label",variant:"label"},e,{__themeKey:"forms",__css:{width:"100%",display:"flex"}}))})),oe=b.forwardRef(function(e,r){return b.createElement(ee,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"}}))}),ce=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(ee,Object.assign({},{as:"svg",xmlns:"http://www.w3.org/2000/svg",width:r+"",height:r+"",viewBox:"0 0 24 24",fill:"currentcolor"},t))},se=function(e){return function(r){var t={};for(var n in r)e(n||"")&&(t[n]=r[n]);return t}},le=/^m[trblxy]?$/,de=se(function(e){return le.test(e)}),ue=se(function(e){return!le.test(e)}),fe=function(e){return b.createElement(ce,e,b.createElement("path",{d:"M7 10l5 5 5-5z"}))};b.forwardRef(function(e,r){return b.createElement(ee,Object.assign({},de(e),{sx:{display:"flex"}}),b.createElement(ee,Object.assign({},{ref:r,as:"select",variant:"select"},ue(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(fe,{sx:{ml:-28,alignSelf:"center",pointerEvents:"none"}}))}),b.forwardRef(function(e,r){return b.createElement(ee,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 pe=function(e){return b.createElement(ce,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"}))},ve=function(e){return b.createElement(ce,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"}))},he=function(e){return b.createElement(b.Fragment,null,b.createElement(pe,Object.assign({},e,{__css:{display:"none","input:checked ~ &":{display:"block"}}})),b.createElement(ve,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 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,["className","sx","variant"]);return b.createElement(ee,null,b.createElement(ee,Object.assign({},{ref:r,as:"input",type:"radio"},i,{sx:{position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"}})),b.createElement(ee,{as:he,"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 me=function(e){return b.createElement(ce,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"}))},be=function(e){return b.createElement(ce,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"}))},ge=function(e){return b.createElement(b.Fragment,null,b.createElement(me,Object.assign({},e,{__css:{display:"none","input:checked ~ &":{display:"block"}}})),b.createElement(be,Object.assign({},e,{__css:{display:"block","input:checked ~ &":{display:"none"}}})))},ye=(b.forwardRef(function(e,r){var t=e.className,n=e.sx,a=e.variant;void 0===a&&(a="checkbox");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,["className","sx","variant"]);return b.createElement(ee,null,b.createElement(ee,Object.assign({},{ref:r,as:"input",type:"checkbox"},i,{sx:{position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"}})),b.createElement(ee,{as:ge,"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(ee,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":ye,"&::-moz-range-thumb":ye,"&::-ms-thumb":ye}}))}),b.forwardRef(function(e,r){var t=e.as;void 0===t&&(t=oe);var n=e.label,a=e.name,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,["as","label","name"]);return b.createElement(ee,de(i),b.createElement(ie,{htmlFor:a},n),b.createElement(t,Object.assign({},{ref:r,id:a,name:a},ue(i))))}),b.forwardRef(function(e,r){return b.createElement(ee,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 i=e.min;void 0===i&&(i=0);var o=e.max;void 0===o&&(o=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,d=2*l*Math.PI,u=d-(a-i)/(o-i)*d;return b.createElement(ee,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":i,"aria-valuemax":o},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:d,strokeDashoffset:u,transform:"rotate(-90 16 16)"}))});var xe=O({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 i=e.duration;void 0===i&&(i=500);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,["size","strokeWidth","max","title","duration"]),c=16-n,s=2*c*Math.PI,l=s-.25*s;return b.createElement(ee,Object.assign({},{ref:r,as:"svg",viewBox:"0 0 32 32",width:t,height:t,strokeWidth:n,fill:"none",stroke:"currentcolor",role:"img"},o,{__css:{color:"primary",overflow:"visible"}}),b.createElement("title",null,a),b.createElement("circle",{cx:16,cy:16,r:c,opacity:1/8}),b.createElement(ee,{as:"circle",cx:16,cy:16,r:c,strokeDasharray:s,strokeDashoffset:l,__css:{transformOrigin:"50% 50%",animationName:xe.toString(),animationTimingFunction:"linear",animationDuration:i+"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(ae,Object.assign({},{ref:r,width:t,height:t,variant:"avatar"},n,{__css:{borderRadius:9999}}))}),b.forwardRef(function(e,r){return b.createElement(ee,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 Oe=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(ee,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}}))}),we=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(Oe,Object.assign({},{ref:r,title:"Close","aria-label":"Close",variant:"close"},t,{children:we}))}),b.forwardRef(function(e,r){return b.createElement(ee,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(ee,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 i=e.allowFullScreen;void 0===i&&(i=!0);var o=e.width;void 0===o&&(o=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(ee,Object.assign({},l,{__css:{width:"100%",height:0,paddingBottom:100/t+"%",position:"relative",overflow:"hidden"}}),b.createElement(ee,{ref:r,as:"iframe",src:n,width:o,height:c,frameBorder:a,allowFullScreen:i,allow:s,__css:{position:"absolute",width:"100%",height:"100%",top:0,bottom:0,left:0,border:0}}))});var je=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(ee,{ref:r,sx:{position:"relative",overflow:"hidden"}},b.createElement(ee,{sx:{width:"100%",height:0,paddingBottom:100/t+"%"}}),b.createElement(ee,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(je,{ratio:t},b.createElement(ae,Object.assign({},{ref:r},n,{__css:{objectFit:"cover"}})))}),b.forwardRef(function(e,r){return b.createElement(ee,Object.assign({},{ref:r,variant:"container"},e,{__themeKey:"layout",__css:{width:"100%",maxWidth:"container",mx:"auto"}}))}),b.forwardRef(function(e,r){return b.createElement(ne,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(ee,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 _e=function(e){var r=e.size;return void 0===r&&(r=24),b.createElement(ee,{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"}))},ke=(b.forwardRef(function(e,r){return b.createElement(Oe,Object.assign({},{ref:r,title:"Menu","aria-label":"Toggle Menu",variant:"menu"},e),b.createElement(_e,null))}),a(i.propNames.concat(o.propNames,c.propNames,s.propNames,l.propNames,d.propNames,u.propNames,f.propNames,p.propNames,v.propNames))),Ee=[i,o,c,s,l,d,u,f,p,v];function ze(e){return t(e.sx)(e.theme)}function Ke(e){return t(e.__base)(e.theme)}function Re(e){var r=e.variant,n=e.theme,a=e.variantKey;return t(h(n,a?a+"."+r:r,h(n,a)))(n)}var Se=m("div",{shouldForwardProp:ke}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},Ke,Re].concat(Ee,[ze]));function Ce(e){var r=e.theme;return E({px:3,py:2,color:"white",bg:"primary",border:0,borderRadius:"default","&:hover":{bg:"secondary"}})(r)}var Pe=function(e){var r=e.variantKey;return void 0===r&&(r="buttons"),w({variant:e.variant,theme:e.theme,variantKey:r})},We=z("button",{shouldForwardProp:k}).apply(void 0,[{appearance:"none",cursor:"pointer",display:"inline-block",fontSize:"inherit",lineHeight:"inherit",textAlign:"center",textDecoration:"none",transition:"all 0.2s ease-in-out"},Ce,Ke,Pe].concat(_,[j])),He=m("a",{shouldForwardProp:k}).apply(void 0,[{appearance:"none",cursor:"pointer",display:"inline-block",fontSize:"inherit",lineHeight:"inherit",textAlign:"center",textDecoration:"none",transition:"all 0.2s ease-in-out"},Ce,Pe].concat(_,[j])),Ne=m("svg",{shouldForwardProp:ke}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return t({fill:"currentColor",color:"black",display:"block"})(r)},function(e){var r=e.variantKey;return void 0===r&&(r="svg"),Re({variant:e.variant,theme:e.theme,variantKey:r})}].concat(Ee,[ze])),Fe=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(Ne,Object.assign({},n),b.createElement("title",null,r),b.createElement("desc",null,t),n.children)},Me=m("input",{shouldForwardProp:ke}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return t({display:"block",width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:"default",color:"inherit",bg:"transparent"})(r)},function(e){var r=e.variantKey;return void 0===r&&(r="inputs"),Re({variant:e.variant,theme:e.theme,variantKey:r})}].concat(Ee,[ze]));function Be(e){return y(Fe,Object.assign({title:"Checkbox input unchecked",height:16,width:16,viewBox:"0 0 16 16"},e),y("path",{d:"M0 3a3 3 0 013-3h10a3 3 0 013 3v10a3 3 0 01-3 3H3a3 3 0 01-3-3V3z",fill:"#fff"}),y("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13 1H3a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2V3a2 2 0 00-2-2zM3 0a3 3 0 00-3 3v10a3 3 0 003 3h10a3 3 0 003-3V3a3 3 0 00-3-3H3z",fill:"currentColor"}))}function Ie(e){return y(Fe,Object.assign({title:"Checkbox input checked",height:16,width:16,viewBox:"0 0 16 16"},e),y("path",{d:"M0 3a3 3 0 013-3h10a3 3 0 013 3v10a3 3 0 01-3 3H3a3 3 0 01-3-3V3z",fill:"#0076D1"}),y("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13 1H3a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2V3a2 2 0 00-2-2zM3 0a3 3 0 00-3 3v10a3 3 0 003 3h10a3 3 0 003-3V3a3 3 0 00-3-3H3z",fill:"currentColor"}),y("path",{d:"M12.937 5.062L11.7 3.815a.222.222 0 00-.313 0L6.165 9.068a.221.221 0 01-.314 0L4.615 7.822a.221.221 0 00-.314 0L3.065 9.068a.223.223 0 000 .315l2.786 2.802a.222.222 0 00.314 0l6.772-6.812a.223.223 0 000-.311z",fill:"#fff"}))}function Le(e){var r=e.sx,t=e.variant,n=e.variantKey;return y(x,null,y(Ie,{sx:Object.assign({},r,{display:"none","input:checked ~ &":{display:"block",color:"primary"}}),variant:t,variantKey:n}),y(Be,{sx:Object.assign({},r,{color:"defaultGray",display:"block","input:checked ~ &":{display:"none"}}),variant:t,variantKey:n}))}var Ve=g(function(e,r){var t=e.variant;void 0===t&&(t="checkbox");var n=e.variantKey;void 0===n&&(n="forms");var 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,["variant","variantKey"]);return y(Se,null,y(Me,Object.assign({ref:r,type:"checkbox",position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"},a)),y(Le,Object.assign({"aria-hidden":"true",sx:{"input:focus ~ &":{outline:"1px auto",outlineOffset:"1px",outlineColor:"primary"}},variant:t,variantKey:n},a)))}),De=m("label",{shouldForwardProp:ke}).apply(void 0,[{boxSizing:"border-box",display:"inline-block",margin:0,minWidth:0},function(e){var r=e.variantKey;return void 0===r&&(r="labels"),Re({variant:e.variant,variantKey:r,theme:e.theme})}].concat(Ee,[ze])),Ae=m("p",{shouldForwardProp:ke}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.variantKey;return void 0===r&&(r="text"),Re({variant:e.variant,theme:e.theme,variantKey:r})}].concat(Ee,[ze]));function Te(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}var Ge=g(function(e,r){var t=e.children,n=e.defaultValue,a=e.label,i=e.name,o=Te(e,["children","defaultValue","label","name"]);return y(Se,{mb:4},y(De,{htmlFor:i,mb:2},a),y(Me,Object.assign({ref:r,id:i,name:i,defaultValue:n},o)),t)});function qe(e){var r=e.children,t=Te(e,["children"]);return y(Ae,Object.assign({as:"span",color:"danger",role:"alert"},t),r)}var Xe=m(Se)({display:"flex"}),Ze=m(Se)({display:"grid"}),Ye=m("img",{shouldForwardProp:ke})({boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.variantKey;return void 0===r&&(r="images"),Re({variant:e.variant,variantKey:r,theme:e.theme})},ze),$e=m("a").apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},Ke,function(e){var r=e.variant;void 0===r&&(r="a");var t=e.variantKey;return void 0===t&&(t="links"),w({variant:r,variantKey:t,theme:e.theme})}].concat(_,[j])),Je=g(function(e,r){var t=e.children,n=e.variantKey;void 0===n&&(n="navs");var a=e.variant,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,["children","variantKey","variant"]);return y(Se,{as:"nav"},y(Se,Object.assign({__base:{listStyle:"none",margin:0,padding:0},ref:r,as:"ul",variantKey:n,variant:a},i),t))}),Qe=g(function(e,r){var t=e.children,n=e.variantKey;void 0===n&&(n="navs");var a=e.variant;void 0===a&&(a="navItem");var i=e.as;void 0===i&&(i="li");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,["children","variantKey","variant","as"]);return y(Se,Object.assign({variantKey:n,variant:a,as:i,ref:r,sx:{cursor:"pointer",transition:"all 0.2s ease-in-out"}},o),t)});function Ue(e){return y(Fe,Object.assign({title:"Radio input unchecked",height:16,width:16,viewBox:"0 0 16 16"},e),y("path",{d:"M8 0C3.584 0 0 3.584 0 8s3.584 8 8 8 8-3.584 8-8-3.584-8-8-8zm0 14.4A6.398 6.398 0 011.6 8c0-3.536 2.864-6.4 6.4-6.4 3.536 0 6.4 2.864 6.4 6.4 0 3.536-2.864 6.4-6.4 6.4z"}))}function er(e){return y(Fe,Object.assign({title:"Radio input checked",height:16,width:16,viewBox:"0 0 16 16"},e),y("path",{d:"M8 0C3.584 0 0 3.584 0 8C0 12.416 3.584 16 8 16C12.416 16 16 12.416 16 8C16 3.584 12.416 0 8 0ZM8 11C6.5 11 5 9.75484 5 8C5 6.24516 6.5 5 8 5C9.5 5 11 6.19903 11 8C11 9.80097 9.5 11 8 11Z"}))}function rr(e){var r=e.sx,t=e.variant,n=e.variantKey;return y(x,null,y(er,{sx:Object.assign({},r,{display:"none","input:checked ~ &":{display:"block",color:"primary"}}),variant:t,variantKey:n}),y(Ue,{sx:Object.assign({},r,{color:"defaultGray",display:"block","input:checked ~ &":{display:"none"}}),variant:t,variantKey:n}))}var tr=g(function(e,r){var t=e.variant;void 0===t&&(t="radio");var n=e.variantKey;void 0===n&&(n="forms");var a=e.sx,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,["variant","variantKey","sx"]);return y(Se,null,y(Me,Object.assign({ref:r,type:"radio",sx:{height:1,opacity:0,overflow:"hidden",position:"absolute",width:1,zIndex:-1}},i)),y(rr,Object.assign({"aria-hidden":"true",sx:Object.assign({},{"input:focus ~ &":{outline:"1px auto",outlineOffset:"1px",outlineColor:"primary"}},a),variant:t,variantKey:n},i)))}),nr=m("select",{shouldForwardProp:ke}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return t({width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:"default",color:"inherit",bg:"transparent"})(r)},function(e){var r=e.variant;void 0===r&&(r="select");var t=e.variantKey;return void 0===t&&(t="forms"),Re({variant:r,theme:e.theme,variantKey:t})}].concat(Ee,[ze])),ar=g(function(e,r){return y(Xe,null,y(nr,Object.assign({ref:r},e)),y(Fe,{viewBox:"0 0 16 16",height:"16px",width:"16px",alignSelf:"center",ml:"-28px",color:"text"},y("path",{d:"M11.912 5.754a.62.62 0 0 0-.25-.186.883.883 0 0 0-.344-.068H4.682c-.12 0-.24.024-.344.068a.62.62 0 0 0-.25.186.398.398 0 0 0-.088.252.405.405 0 0 0 .098.25l3.318 4.004c.061.073.147.134.249.176A.886.886 0 0 0 8 10.5a.886.886 0 0 0 .335-.064.633.633 0 0 0 .249-.176l3.318-4.004a.405.405 0 0 0 .098-.25.398.398 0 0 0-.088-.252z"})))});function ir(e){var r=e.variant,t=e.variantKey;return y(Se,{variant:r,variantKey:t,__base:{opacity:e.disabled?.5:1,transition:"background-color 0.1s cubic-bezier(0.4, 1, 0.75, 0.9)",width:28,height:16,borderRadius:"full",borderStyle:"solid",borderWidth:1,display:"inline-flex","input:focus ~ &":{outlineWidth:1,outlineOffset:2,outlineStyle:"solid",outlineColor:"primary"},"input:checked ~ &":{backgroundColor:"primary",borderColor:"primary"},"input:not(:checked) ~ &":{backgroundColor:"muted",borderColor:"muted"}},sx:e.sx,alignItems:"center"},y(Se,{variantKey:t,variant:r+"."+e.indicatorVariant,__base:{borderRadius:"full",width:12,height:12,ml:"1px",backgroundColor:"background",transform:"translateX("+(e.checked?"calc(100% - 1px)":"0")+")",transition:"transform 0.1s cubic-bezier(0.4, 1, 0.75, 0.9)"}}))}var or=g(function(e,r){var t=e.checked,n=e.onChange,a=e.disabled,i=e.sx,o=e.variantKey;void 0===o&&(o="forms");var c=e.variant;void 0===c&&(c="switch");var s=e.indicatorVariant;void 0===s&&(s="indicator");var 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,["checked","onChange","disabled","sx","variantKey","variant","indicatorVariant"]);return y(Se,Object.assign({display:"inline-flex",position:"relative",sx:{cursor:a?"not-allowed":"pointer"}},l),y(Me,Object.assign({ref:r,opacity:0,type:"checkbox",position:"absolute",left:0,top:0,height:1,width:1,checked:t,onChange:function(e){return!a&&(null==n?void 0:n(e))},disabled:a},l)),y(ir,{checked:t,variant:c,variantKey:o,sx:i,disabled:a,indicatorVariant:s}))}),cr=m("textarea",{shouldForwardProp:ke}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return t({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 Re({variant:e.variant,theme:e.theme,variantKey:"textarea"})}].concat(Ee,[ze])),sr=m("span")({border:0,clip:"rect(0 0 0 0)",height:"1px",margin:"-1px",overflow:"hidden",padding:0,position:"absolute",width:"1px",whiteSpace:"nowrap",wordWrap:"normal"}),lr=g(function(e,r){return y(sr,Object.assign({ref:r},e))}),dr=m("iframe",{shouldForwardProp:ke}).apply(void 0,[{boxSizing:"border-box",display:"block",margin:0,minWidth:0},function(e){return Re({variant:e.variant,theme:e.theme,variantKey:"iframes"})}].concat(Ee,[ze])),ur=z("div")({boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return E({alignItems:"center",bg:"muted",borderRadius:"default",color:"text",display:"inline-flex",fontSize:1,lineHeight:1.2,py:1,px:2})(r)},function(e){var r=e.variant;void 0===r&&(r="default");var t=e.variantKey;return void 0===t&&(t="tags"),w({variant:r,theme:e.theme,variantKey:t})},j);function fr(e){return y(ur,Object.assign({},e))}var pr=z("span")({boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return E({border:"none",color:"text",fontSize:1,lineHeight:1.2,py:1,px:2})(r)},function(e){var r=e.variant;void 0===r&&(r="tagLabel");var t=e.variantKey;return void 0===t&&(t="tags"),w({variant:r,theme:e.theme,variantKey:t})},j),vr=z("button")({boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return E({appearance:"none",border:"none",borderRadius:"default",bg:"muted",color:"text",fontSize:1,lineHeight:1,py:1,px:2})(r)},function(e){var r=e.variant;void 0===r&&(r="tagDismiss");var t=e.variantKey;return void 0===t&&(t="tags"),w({variant:r,theme:e.theme,variantKey:t})},j);function hr(e){var r=e.icon,t=e.onDismiss;return y(fr,{sx:{p:0}},y(pr,{sx:{borderRight:"1px solid",borderColor:"muted"}},e.children),y(vr,{onClick:t},r))}var mr=O(Object.freeze(["\n 0%, 80%, 100% { opacity: 0; }\n 40% { opacity: 1; }\n"]));function br(e){var r=e.size;return y(Se,{as:"span",sx:{animation:mr+" 1s ease-in-out "+e.delay+"ms infinite;",backgroundColor:"currentColor",borderRadius:r,display:"inline-block",marginLeft:r/2+"px",height:r,width:r}})}var gr=z("div")({boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return E({label:"loadingIndicator",display:"flex",transition:"color 150ms",lineHeight:1,marginLeft:1,alignSelf:"center",textAlign:"center"})(r)},function(e){var r=e.variant;void 0===r&&(r="default");var t=e.variantKey;return void 0===t&&(t="loadingIndicators"),w({variant:r,theme:e.theme,variantKey:t})},j);function yr(e){var r=e.size;void 0===r&&(r=4);var t=e.delay;void 0===t&&(t=160);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","delay"]);return y(gr,Object.assign({},n),y(br,{delay:0,size:r,offset:!0}),y(br,{delay:t,size:r,offset:!0}),y(br,{delay:2*t,size:r,offset:!1}))}export{Se as Box,ze as sx,Re as variant,We as Button,He as AnchorButton,Ve as Checkbox,Ge as Field,qe as FieldError,Xe as Flex,Ze as Grid,Ye as Image,Me as Input,De as Label,$e as Link,Je as Nav,Qe as NavItem,tr as Radio,ar as Select,Ne as Svg,Fe as SvgIcon,or as Switch,Ae as Text,cr as Textarea,lr as VisuallyHidden,dr as Iframe,fr as Tag,pr as TagLabel,hr as TagDismiss,yr as DotLoadingIndicator};
//# sourceMappingURL=index.es.js.map

2

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("@theme-ui/css"),a=require("@styled-system/should-forward-prop"),i=require("styled-system"),o=e(require("@emotion/styled")),c=require("react"),s=e(c),l=require("@emotion/core"),d=require("@kodiak-ui/core");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 f(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 p(e){for(var r=arguments,t=1;t<arguments.length;t++){var n=null!=r[t]?r[t]:{};t%2?f(Object(n),!0).forEach(function(r){u(e,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):f(Object(n)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})}return e}s.createContext({__EMOTION_VERSION__:r.version,theme:null});var v=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,i=e.parentName,o=function(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},i=Object.keys(e);for(n=0;n<i.length;n++)r.indexOf(t=i[n])>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r.indexOf(t=i[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(v),t=r;return e&&(t="function"==typeof e?e(r):p({},r,{},e)),t}(t),l=n,d=c["".concat(i,".").concat(l)]||c[l]||m[l]||a;return s.createElement(d,t?p({ref:r},o,{components:t}):p({ref:r},o))}).displayName="MDXCreateElement";var h={inlineCode:"code",thematicBreak:"hr",root:"div"},b=function(e){return function(r){return n.css(n.get(r.theme,"styles."+e))(r.theme)}},g=o("div")(b("div")),y={};["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;y[e]=o(h[r=e]||r)(b(e)),g[e]=y[e]});var x=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 x(e,r,r);var t=Math.abs(r),n=x(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),E=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable,_=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,i=function(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(e),o=1;o<arguments.length;o++){for(var c in t=Object(a[o]))E.call(t,c)&&(i[c]=t[c]);if(O){n=O(t);for(var s=0;s<n.length;s++)j.call(t,n[s])&&(i[n[s]]=t[n[s]])}}return i},k=function(e,r){var t=_({},e,r);for(var n in e){var a;e[n]&&"object"==typeof r[n]&&_(t,((a={})[n]=_(e[n],r[n]),a))}return t},z={breakpoints:[40,52,64].map(function(e){return e+"em"})},R=function(e){return"@media screen and (min-width: "+e+")"},K=function(e,r){return S(r,e,e)},S=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},P=function(e,r,t,n,a){var i={};return n.slice(0,e.length).forEach(function(n,o){var c,s=e[o],l=r(n,t,a);_(i,s?((c={})[s]=_({},i[s],l),c):l)}),i},C=function(e,r,t,n,a){var i={};for(var o in n){var c=e[o],s=r(n[o],t,a);if(c){var l,d=R(c);_(i,((l={})[d]=_({},i[d],s),l))}else _(i,s)}return i},F=function(e){var r=e.properties,t=e.transform,n=void 0===t?K:t,a=e.defaultScale;r=r||[e.property];var i=function(e,t,a){var i={},o=n(e,t,a);if(null!==o)return r.forEach(function(e){i[e]=o}),i};return i.scale=e.scale,i.defaults=a,i},W={color:{property:"color",scale:"colors"},backgroundColor:{property:"backgroundColor",scale:"colors"},opacity:!0};W.bg=W.backgroundColor;var N=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,i={},o=!1,c=e.theme&&e.theme.disableStyledSystemCache;for(var s in e)if(r[s]){var l=r[s],d=e[s],u=S(e.theme,l.scale,l.defaults);if("object"!=typeof d)_(i,l(d,u,e));else{if(t.breakpoints=!c&&t.breakpoints||S(e.theme,"breakpoints",z.breakpoints),Array.isArray(d)){t.media=!c&&t.media||[null].concat(t.breakpoints.map(R)),i=k(i,P(t.media,l,u,d,e));continue}null!==d&&(i=k(i,C(t.breakpoints,l,u,d,e)),o=!0)}}return o&&(n=i,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]}),i=a),i};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)}(W),H=a.createShouldForwardProp(t.propNames.concat(N.propNames)),M=o("div",{shouldForwardProp:H})({boxSizing:"border-box",margin:0,minWidth:0},function(e){return n.css(e.__css)(e.theme)},function(e){var r=e.theme,t=e.variant,a=e.__themeKey;return void 0===a&&(a="variants"),n.css(n.get(r,a+"."+t,n.get(r,t)))},t,N,function(e){return n.css(e.sx)(e.theme)},function(e){return e.css});o(M)({display:"flex"});var I=function(e){return Array.isArray(e)?e.map(I):!!e&&"repeat(auto-fit, minmax("+("number"==typeof(r=e)?r+"px":r)+", 1fr))";var r},B=function(e){return Array.isArray(e)?e.map(B):!!e&&("number"==typeof e?"repeat("+e+", 1fr)":e)},L=(s.forwardRef(function(e,r){var t=e.width,n=e.columns,a=e.gap;void 0===a&&(a=3);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,["width","columns","gap"]),o=t?I(t):B(n);return s.createElement(M,Object.assign({},{ref:r},i,{__themeKey:"grids",__css:{display:"grid",gridGap:a,gridTemplateColumns:o}}))}),s.forwardRef(function(e,r){return s.createElement(M,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(M,Object.assign({},{ref:r,as:"a",variant:"styles.a"},e,{__themeKey:"links"}))})),D=(s.forwardRef(function(e,r){return s.createElement(M,Object.assign({},{ref:r},e,{__themeKey:"text"}))}),s.forwardRef(function(e,r){return s.createElement(M,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(M,Object.assign({},{ref:r,as:"img"},e,{__themeKey:"images",__css:Object.assign({},{maxWidth:"100%",height:"auto"},e.__css)}))})),V=(s.forwardRef(function(e,r){return s.createElement(M,Object.assign({},{ref:r,variant:"primary"},e,{__themeKey:"cards"}))}),s.forwardRef(function(e,r){return s.createElement(M,Object.assign({},{ref:r,as:"label",variant:"label"},e,{__themeKey:"forms",__css:{width:"100%",display:"flex"}}))})),T=s.forwardRef(function(e,r){return s.createElement(M,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(M,Object.assign({},{as:"svg",xmlns:"http://www.w3.org/2000/svg",width:r+"",height:r+"",viewBox:"0 0 24 24",fill:"currentcolor"},t))},q=function(e){return function(r){var t={};for(var n in r)e(n||"")&&(t[n]=r[n]);return t}},G=/^m[trblxy]?$/,X=q(function(e){return G.test(e)}),Z=q(function(e){return!G.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(M,Object.assign({},X(e),{sx:{display:"flex"}}),s.createElement(M,Object.assign({},{ref:r,as:"select",variant:"select"},Z(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(M,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 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,["className","sx","variant"]);return s.createElement(M,null,s.createElement(M,Object.assign({},{ref:r,as:"input",type:"radio"},i,{sx:{position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"}})),s.createElement(M,{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"}))},ee=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"}))},re=function(e){return s.createElement(s.Fragment,null,s.createElement(U,Object.assign({},e,{__css:{display:"none","input:checked ~ &":{display:"block"}}})),s.createElement(ee,Object.assign({},e,{__css:{display:"block","input:checked ~ &":{display:"none"}}})))},te=(s.forwardRef(function(e,r){var t=e.className,n=e.sx,a=e.variant;void 0===a&&(a="checkbox");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,["className","sx","variant"]);return s.createElement(M,null,s.createElement(M,Object.assign({},{ref:r,as:"input",type:"checkbox"},i,{sx:{position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"}})),s.createElement(M,{as:re,"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(M,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":te,"&::-moz-range-thumb":te,"&::-ms-thumb":te}}))}),s.forwardRef(function(e,r){var t=e.as;void 0===t&&(t=T);var n=e.label,a=e.name,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,["as","label","name"]);return s.createElement(M,X(i),s.createElement(V,{htmlFor:a},n),s.createElement(t,Object.assign({},{ref:r,id:a,name:a},Z(i))))}),s.forwardRef(function(e,r){return s.createElement(M,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 i=e.min;void 0===i&&(i=0);var o=e.max;void 0===o&&(o=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"]),d=16-n,u=2*d*Math.PI,f=u-(a-i)/(o-i)*u;return s.createElement(M,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":i,"aria-valuemax":o},l,{__css:{color:"primary"}}),c&&s.createElement("title",null,c),s.createElement("circle",{cx:16,cy:16,r:d,opacity:1/8}),s.createElement("circle",{cx:16,cy:16,r:d,strokeDasharray:u,strokeDashoffset:f,transform:"rotate(-90 16 16)"}))});var ne=l.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 i=e.duration;void 0===i&&(i=500);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,["size","strokeWidth","max","title","duration"]),c=16-n,l=2*c*Math.PI,d=l-.25*l;return s.createElement(M,Object.assign({},{ref:r,as:"svg",viewBox:"0 0 32 32",width:t,height:t,strokeWidth:n,fill:"none",stroke:"currentcolor",role:"img"},o,{__css:{color:"primary",overflow:"visible"}}),s.createElement("title",null,a),s.createElement("circle",{cx:16,cy:16,r:c,opacity:1/8}),s.createElement(M,{as:"circle",cx:16,cy:16,r:c,strokeDasharray:l,strokeDashoffset:d,__css:{transformOrigin:"50% 50%",animationName:ne.toString(),animationTimingFunction:"linear",animationDuration:i+"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(D,Object.assign({},{ref:r,width:t,height:t,variant:"avatar"},n,{__css:{borderRadius:9999}}))}),s.forwardRef(function(e,r){return s.createElement(M,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 ae=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(M,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}}))}),ie=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(ae,Object.assign({},{ref:r,title:"Close","aria-label":"Close",variant:"close"},t,{children:ie}))}),s.forwardRef(function(e,r){return s.createElement(M,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(M,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 i=e.allowFullScreen;void 0===i&&(i=!0);var o=e.width;void 0===o&&(o=560);var c=e.height;void 0===c&&(c=315);var l=e.allow,d=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(M,Object.assign({},d,{__css:{width:"100%",height:0,paddingBottom:100/t+"%",position:"relative",overflow:"hidden"}}),s.createElement(M,{ref:r,as:"iframe",src:n,width:o,height:c,frameBorder:a,allowFullScreen:i,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(M,{ref:r,sx:{position:"relative",overflow:"hidden"}},s.createElement(M,{sx:{width:"100%",height:0,paddingBottom:100/t+"%"}}),s.createElement(M,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(D,Object.assign({},{ref:r},n,{__css:{objectFit:"cover"}})))}),s.forwardRef(function(e,r){return s.createElement(M,Object.assign({},{ref:r,variant:"container"},e,{__themeKey:"layout",__css:{width:"100%",maxWidth:"container",mx:"auto"}}))}),s.forwardRef(function(e,r){return s.createElement(L,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(M,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 ce=function(e){var r=e.size;return void 0===r&&(r=24),s.createElement(M,{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"}))},se=(s.forwardRef(function(e,r){return s.createElement(ae,Object.assign({},{ref:r,title:"Menu","aria-label":"Toggle Menu",variant:"menu"},e),s.createElement(ce,null))}),a.createShouldForwardProp(i.space.propNames.concat(i.color.propNames,i.typography.propNames,i.layout.propNames,i.flexbox.propNames,i.grid.propNames,i.background.propNames,i.border.propNames,i.position.propNames,i.shadow.propNames))),le=[i.space,i.color,i.typography,i.layout,i.flexbox,i.grid,i.background,i.border,i.position,i.shadow];function de(e){return n.css(e.sx)(e.theme)}function ue(e){return n.css(e.__base)(e.theme)}function fe(e){var r=e.variant,t=e.theme,a=e.variantKey;return n.css(i.get(t,a?a+"."+r:r,i.get(t,a)))(t)}var pe=o("div",{shouldForwardProp:se}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},ue,fe].concat(le,[de]));function ve(e){var r=e.theme;return d.css({px:3,py:2,color:"white",bg:"primary",border:0,borderRadius:"default","&:hover":{bg:"secondary"}})(r)}var me=function(e){var r=e.variantKey;return void 0===r&&(r="buttons"),d.variant({variant:e.variant,theme:e.theme,variantKey:r})},he=d.styled("button",{shouldForwardProp:d.shouldForwardProp}).apply(void 0,[{appearance:"none",cursor:"pointer",display:"inline-block",fontSize:"inherit",lineHeight:"inherit",textAlign:"center",textDecoration:"none",transition:"all 0.2s ease-in-out"},ve,ue,me].concat(d.systemProps,[d.sx])),be=o("a",{shouldForwardProp:d.shouldForwardProp}).apply(void 0,[{appearance:"none",cursor:"pointer",display:"inline-block",fontSize:"inherit",lineHeight:"inherit",textAlign:"center",textDecoration:"none",transition:"all 0.2s ease-in-out"},ve,me].concat(d.systemProps,[d.sx])),ge=o("svg",{shouldForwardProp:se}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return n.css({fill:"currentColor",color:"black",display:"block"})(r)},function(e){var r=e.variantKey;return void 0===r&&(r="svg"),fe({variant:e.variant,theme:e.theme,variantKey:r})}].concat(le,[de])),ye=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(ge,Object.assign({},n),s.createElement("title",null,r),s.createElement("desc",null,t),n.children)},xe=o("input",{shouldForwardProp:se}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return n.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){var r=e.variantKey;return void 0===r&&(r="inputs"),fe({variant:e.variant,theme:e.theme,variantKey:r})}].concat(le,[de]));function we(e){return c.createElement(ye,Object.assign({title:"Checkbox input unchecked",height:16,width:16,viewBox:"0 0 16 16"},e),c.createElement("path",{d:"M0 3a3 3 0 013-3h10a3 3 0 013 3v10a3 3 0 01-3 3H3a3 3 0 01-3-3V3z",fill:"#fff"}),c.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13 1H3a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2V3a2 2 0 00-2-2zM3 0a3 3 0 00-3 3v10a3 3 0 003 3h10a3 3 0 003-3V3a3 3 0 00-3-3H3z",fill:"currentColor"}))}function Oe(e){return c.createElement(ye,Object.assign({title:"Checkbox input checked",height:16,width:16,viewBox:"0 0 16 16"},e),c.createElement("path",{d:"M0 3a3 3 0 013-3h10a3 3 0 013 3v10a3 3 0 01-3 3H3a3 3 0 01-3-3V3z",fill:"#0076D1"}),c.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13 1H3a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2V3a2 2 0 00-2-2zM3 0a3 3 0 00-3 3v10a3 3 0 003 3h10a3 3 0 003-3V3a3 3 0 00-3-3H3z",fill:"currentColor"}),c.createElement("path",{d:"M12.937 5.062L11.7 3.815a.222.222 0 00-.313 0L6.165 9.068a.221.221 0 01-.314 0L4.615 7.822a.221.221 0 00-.314 0L3.065 9.068a.223.223 0 000 .315l2.786 2.802a.222.222 0 00.314 0l6.772-6.812a.223.223 0 000-.311z",fill:"#fff"}))}function Ee(e){var r=e.sx,t=e.variant,n=e.variantKey;return c.createElement(c.Fragment,null,c.createElement(Oe,{sx:Object.assign({},r,{display:"none","input:checked ~ &":{display:"block",color:"primary"}}),variant:t,variantKey:n}),c.createElement(we,{sx:Object.assign({},r,{color:"defaultGray",display:"block","input:checked ~ &":{display:"none"}}),variant:t,variantKey:n}))}var je=c.forwardRef(function(e,r){var t=e.variant;void 0===t&&(t="checkbox");var n=e.variantKey;void 0===n&&(n="forms");var 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,["variant","variantKey"]);return c.createElement(pe,null,c.createElement(xe,Object.assign({ref:r,type:"checkbox",position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"},a)),c.createElement(Ee,Object.assign({"aria-hidden":"true",sx:{"input:focus ~ &":{outline:"1px auto",outlineOffset:"1px",outlineColor:"primary"}},variant:t,variantKey:n},a)))}),_e=o("label",{shouldForwardProp:se}).apply(void 0,[{boxSizing:"border-box",display:"inline-block",margin:0,minWidth:0},function(e){var r=e.variantKey;return void 0===r&&(r="labels"),fe({variant:e.variant,variantKey:r,theme:e.theme})}].concat(le,[de])),ke=o("p",{shouldForwardProp:se}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.variantKey;return void 0===r&&(r="text"),fe({variant:e.variant,theme:e.theme,variantKey:r})}].concat(le,[de]));function ze(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}var Re=c.forwardRef(function(e,r){var t=e.children,n=e.defaultValue,a=e.label,i=e.name,o=ze(e,["children","defaultValue","label","name"]);return c.createElement(pe,{mb:4},c.createElement(_e,{htmlFor:i,mb:2},a),c.createElement(xe,Object.assign({ref:r,id:i,name:i,defaultValue:n},o)),t)}),Ke=o(pe)({display:"flex"}),Se=o(pe)({display:"grid"}),Pe=o("img",{shouldForwardProp:se})({boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.variantKey;return void 0===r&&(r="images"),fe({variant:e.variant,variantKey:r,theme:e.theme})},de),Ce=o("a").apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},ue,function(e){var r=e.variant;void 0===r&&(r="a");var t=e.variantKey;return void 0===t&&(t="links"),d.variant({variant:r,variantKey:t,theme:e.theme})}].concat(d.systemProps,[d.sx])),Fe=c.forwardRef(function(e,r){var t=e.children,n=e.variantKey;void 0===n&&(n="navs");var a=e.variant,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,["children","variantKey","variant"]);return c.createElement(pe,{as:"nav"},c.createElement(pe,Object.assign({__base:{listStyle:"none",margin:0,padding:0},ref:r,as:"ul",variantKey:n,variant:a},i),t))}),We=c.forwardRef(function(e,r){var t=e.children,n=e.variantKey;void 0===n&&(n="navs");var a=e.variant;void 0===a&&(a="navItem");var i=e.as;void 0===i&&(i="li");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,["children","variantKey","variant","as"]);return c.createElement(pe,Object.assign({variantKey:n,variant:a,as:i,ref:r,sx:{cursor:"pointer",transition:"all 0.2s ease-in-out"}},o),t)});function Ne(e){return c.createElement(ye,Object.assign({title:"Radio input unchecked",height:16,width:16,viewBox:"0 0 16 16"},e),c.createElement("path",{d:"M8 0C3.584 0 0 3.584 0 8s3.584 8 8 8 8-3.584 8-8-3.584-8-8-8zm0 14.4A6.398 6.398 0 011.6 8c0-3.536 2.864-6.4 6.4-6.4 3.536 0 6.4 2.864 6.4 6.4 0 3.536-2.864 6.4-6.4 6.4z"}))}function He(e){return c.createElement(ye,Object.assign({title:"Radio input checked",height:16,width:16,viewBox:"0 0 16 16"},e),c.createElement("path",{d:"M8 0C3.584 0 0 3.584 0 8C0 12.416 3.584 16 8 16C12.416 16 16 12.416 16 8C16 3.584 12.416 0 8 0ZM8 11C6.5 11 5 9.75484 5 8C5 6.24516 6.5 5 8 5C9.5 5 11 6.19903 11 8C11 9.80097 9.5 11 8 11Z"}))}function Me(e){var r=e.sx,t=e.variant,n=e.variantKey;return c.createElement(c.Fragment,null,c.createElement(He,{sx:Object.assign({},r,{display:"none","input:checked ~ &":{display:"block",color:"primary"}}),variant:t,variantKey:n}),c.createElement(Ne,{sx:Object.assign({},r,{color:"defaultGray",display:"block","input:checked ~ &":{display:"none"}}),variant:t,variantKey:n}))}var Ie=c.forwardRef(function(e,r){var t=e.variant;void 0===t&&(t="radio");var n=e.variantKey;void 0===n&&(n="forms");var 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,["variant","variantKey"]);return c.createElement(pe,null,c.createElement(xe,Object.assign({ref:r,type:"radio",position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"},a)),c.createElement(Me,Object.assign({"aria-hidden":"true",sx:{"input:focus ~ &":{outline:"1px auto",outlineOffset:"1px",outlineColor:"primary"}},variant:t,variantKey:n},a)))}),Be=o("select",{shouldForwardProp:se}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return n.css({width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:"default",color:"inherit",bg:"transparent"})(r)},function(e){var r=e.variant;void 0===r&&(r="select");var t=e.variantKey;return void 0===t&&(t="forms"),fe({variant:r,theme:e.theme,variantKey:t})}].concat(le,[de])),Le=c.forwardRef(function(e,r){return c.createElement(Ke,null,c.createElement(Be,Object.assign({ref:r},e)),c.createElement(ye,{viewBox:"0 0 16 16",height:"16px",width:"16px",alignSelf:"center",ml:"-28px",color:"text"},c.createElement("path",{d:"M11.912 5.754a.62.62 0 0 0-.25-.186.883.883 0 0 0-.344-.068H4.682c-.12 0-.24.024-.344.068a.62.62 0 0 0-.25.186.398.398 0 0 0-.088.252.405.405 0 0 0 .098.25l3.318 4.004c.061.073.147.134.249.176A.886.886 0 0 0 8 10.5a.886.886 0 0 0 .335-.064.633.633 0 0 0 .249-.176l3.318-4.004a.405.405 0 0 0 .098-.25.398.398 0 0 0-.088-.252z"})))});function De(e){var r=e.variant,t=e.variantKey;return c.createElement(pe,{variant:r,variantKey:t,__base:{opacity:e.disabled?.5:1,transition:"background-color 0.1s cubic-bezier(0.4, 1, 0.75, 0.9)",width:28,height:16,borderRadius:"full",borderStyle:"solid",borderWidth:1,display:"inline-flex","input:focus ~ &":{outlineWidth:1,outlineOffset:2,outlineStyle:"solid",outlineColor:"primary"},"input:checked ~ &":{backgroundColor:"primary",borderColor:"primary"},"input:not(:checked) ~ &":{backgroundColor:"muted",borderColor:"muted"}},sx:e.sx,alignItems:"center"},c.createElement(pe,{variantKey:t,variant:r+"."+e.indicatorVariant,__base:{borderRadius:"full",width:12,height:12,ml:"1px",backgroundColor:"background",transform:"translateX("+(e.checked?"calc(100% - 1px)":"0")+")",transition:"transform 0.1s cubic-bezier(0.4, 1, 0.75, 0.9)"}}))}var Ve=c.forwardRef(function(e,r){var t=e.checked,n=e.onChange,a=e.disabled,i=e.sx,o=e.variantKey;void 0===o&&(o="forms");var s=e.variant;void 0===s&&(s="switch");var l=e.indicatorVariant;void 0===l&&(l="indicator");var d=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,["checked","onChange","disabled","sx","variantKey","variant","indicatorVariant"]);return c.createElement(pe,Object.assign({display:"inline-flex",position:"relative",sx:{cursor:a?"not-allowed":"pointer"}},d),c.createElement(xe,Object.assign({ref:r,opacity:0,type:"checkbox",position:"absolute",left:0,top:0,height:1,width:1,checked:t,onChange:function(e){return!a&&(null==n?void 0:n(e))},disabled:a},d)),c.createElement(De,{checked:t,variant:s,variantKey:o,sx:i,disabled:a,indicatorVariant:l}))}),Te=o("textarea",{shouldForwardProp:se}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return n.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 fe({variant:e.variant,theme:e.theme,variantKey:"textarea"})}].concat(le,[de])),Ae=o("span")({border:0,clip:"rect(0 0 0 0)",height:"1px",margin:"-1px",overflow:"hidden",padding:0,position:"absolute",width:"1px",whiteSpace:"nowrap",wordWrap:"normal"}),qe=c.forwardRef(function(e,r){return c.createElement(Ae,Object.assign({ref:r},e))}),Ge=o("iframe",{shouldForwardProp:se}).apply(void 0,[{boxSizing:"border-box",display:"block",margin:0,minWidth:0},function(e){return fe({variant:e.variant,theme:e.theme,variantKey:"iframes"})}].concat(le,[de])),Xe=d.styled("div")({boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return d.css({alignItems:"center",bg:"muted",borderRadius:"default",color:"text",display:"inline-flex",fontSize:1,lineHeight:1.2,py:1,px:2})(r)},function(e){var r=e.variant;void 0===r&&(r="default");var t=e.variantKey;return void 0===t&&(t="tags"),d.variant({variant:r,theme:e.theme,variantKey:t})},d.sx);function Ze(e){return c.createElement(Xe,Object.assign({},e))}var Ye=d.styled("span")({boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return d.css({border:"none",color:"text",fontSize:1,lineHeight:1.2,py:1,px:2})(r)},function(e){var r=e.variant;void 0===r&&(r="tagLabel");var t=e.variantKey;return void 0===t&&(t="tags"),d.variant({variant:r,theme:e.theme,variantKey:t})},d.sx),$e=d.styled("button")({boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return d.css({appearance:"none",border:"none",borderRadius:"default",bg:"muted",color:"text",fontSize:1,lineHeight:1,py:1,px:2})(r)},function(e){var r=e.variant;void 0===r&&(r="tagDismiss");var t=e.variantKey;return void 0===t&&(t="tags"),d.variant({variant:r,theme:e.theme,variantKey:t})},d.sx),Je=Object.freeze(["\n 0%, 80%, 100% { opacity: 0; }\n 40% { opacity: 1; }\n"]),Qe=l.keyframes(Je);function Ue(e){var r=e.size;return c.createElement(pe,{as:"span",sx:{animation:Qe+" 1s ease-in-out "+e.delay+"ms infinite;",backgroundColor:"currentColor",borderRadius:r,display:"inline-block",marginLeft:r/2+"px",height:r,width:r}})}var er=d.styled("div")({boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return d.css({label:"loadingIndicator",display:"flex",transition:"color 150ms",lineHeight:1,marginLeft:1,alignSelf:"center",textAlign:"center"})(r)},function(e){var r=e.variant;void 0===r&&(r="default");var t=e.variantKey;return void 0===t&&(t="loadingIndicators"),d.variant({variant:r,theme:e.theme,variantKey:t})},d.sx);exports.Box=pe,exports.sx=de,exports.variant=fe,exports.Button=he,exports.AnchorButton=be,exports.Checkbox=je,exports.Field=Re,exports.FieldError=function(e){var r=e.children,t=ze(e,["children"]);return c.createElement(ke,Object.assign({as:"span",color:"danger",role:"alert"},t),r)},exports.Flex=Ke,exports.Grid=Se,exports.Image=Pe,exports.Input=xe,exports.Label=_e,exports.Link=Ce,exports.Nav=Fe,exports.NavItem=We,exports.Radio=Ie,exports.Select=Le,exports.Svg=ge,exports.SvgIcon=ye,exports.Switch=Ve,exports.Text=ke,exports.Textarea=Te,exports.VisuallyHidden=qe,exports.Iframe=Ge,exports.Tag=Ze,exports.TagLabel=Ye,exports.TagDismiss=function(e){var r=e.icon,t=e.onDismiss;return c.createElement(Ze,{sx:{p:0}},c.createElement(Ye,{sx:{borderRight:"1px solid",borderColor:"muted"}},e.children),c.createElement($e,{onClick:t},r))},exports.DotLoadingIndicator=function(e){var r=e.size;void 0===r&&(r=4);var t=e.delay;void 0===t&&(t=160);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","delay"]);return c.createElement(er,Object.assign({},n),c.createElement(Ue,{delay:0,size:r,offset:!0}),c.createElement(Ue,{delay:t,size:r,offset:!0}),c.createElement(Ue,{delay:2*t,size:r,offset:!1}))};
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("@theme-ui/css"),a=require("@styled-system/should-forward-prop"),i=require("styled-system"),o=e(require("@emotion/styled")),c=require("react"),s=e(c),l=require("@emotion/core"),d=require("@kodiak-ui/core");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 f(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 p(e){for(var r=arguments,t=1;t<arguments.length;t++){var n=null!=r[t]?r[t]:{};t%2?f(Object(n),!0).forEach(function(r){u(e,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):f(Object(n)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})}return e}s.createContext({__EMOTION_VERSION__:r.version,theme:null});var v=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,i=e.parentName,o=function(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},i=Object.keys(e);for(n=0;n<i.length;n++)r.indexOf(t=i[n])>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r.indexOf(t=i[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(v),t=r;return e&&(t="function"==typeof e?e(r):p({},r,{},e)),t}(t),l=n,d=c["".concat(i,".").concat(l)]||c[l]||m[l]||a;return s.createElement(d,t?p({ref:r},o,{components:t}):p({ref:r},o))}).displayName="MDXCreateElement";var h={inlineCode:"code",thematicBreak:"hr",root:"div"},b=function(e){return function(r){return n.css(n.get(r.theme,"styles."+e))(r.theme)}},g=o("div")(b("div")),y={};["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;y[e]=o(h[r=e]||r)(b(e)),g[e]=y[e]});var x=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 x(e,r,r);var t=Math.abs(r),n=x(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),E=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable,_=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,i=function(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(e),o=1;o<arguments.length;o++){for(var c in t=Object(a[o]))E.call(t,c)&&(i[c]=t[c]);if(O){n=O(t);for(var s=0;s<n.length;s++)j.call(t,n[s])&&(i[n[s]]=t[n[s]])}}return i},k=function(e,r){var t=_({},e,r);for(var n in e){var a;e[n]&&"object"==typeof r[n]&&_(t,((a={})[n]=_(e[n],r[n]),a))}return t},z={breakpoints:[40,52,64].map(function(e){return e+"em"})},R=function(e){return"@media screen and (min-width: "+e+")"},K=function(e,r){return S(r,e,e)},S=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},P=function(e,r,t,n,a){var i={};return n.slice(0,e.length).forEach(function(n,o){var c,s=e[o],l=r(n,t,a);_(i,s?((c={})[s]=_({},i[s],l),c):l)}),i},C=function(e,r,t,n,a){var i={};for(var o in n){var c=e[o],s=r(n[o],t,a);if(c){var l,d=R(c);_(i,((l={})[d]=_({},i[d],s),l))}else _(i,s)}return i},F=function(e){var r=e.properties,t=e.transform,n=void 0===t?K:t,a=e.defaultScale;r=r||[e.property];var i=function(e,t,a){var i={},o=n(e,t,a);if(null!==o)return r.forEach(function(e){i[e]=o}),i};return i.scale=e.scale,i.defaults=a,i},W={color:{property:"color",scale:"colors"},backgroundColor:{property:"backgroundColor",scale:"colors"},opacity:!0};W.bg=W.backgroundColor;var N=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,i={},o=!1,c=e.theme&&e.theme.disableStyledSystemCache;for(var s in e)if(r[s]){var l=r[s],d=e[s],u=S(e.theme,l.scale,l.defaults);if("object"!=typeof d)_(i,l(d,u,e));else{if(t.breakpoints=!c&&t.breakpoints||S(e.theme,"breakpoints",z.breakpoints),Array.isArray(d)){t.media=!c&&t.media||[null].concat(t.breakpoints.map(R)),i=k(i,P(t.media,l,u,d,e));continue}null!==d&&(i=k(i,C(t.breakpoints,l,u,d,e)),o=!0)}}return o&&(n=i,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]}),i=a),i};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)}(W),H=a.createShouldForwardProp(t.propNames.concat(N.propNames)),M=o("div",{shouldForwardProp:H})({boxSizing:"border-box",margin:0,minWidth:0},function(e){return n.css(e.__css)(e.theme)},function(e){var r=e.theme,t=e.variant,a=e.__themeKey;return void 0===a&&(a="variants"),n.css(n.get(r,a+"."+t,n.get(r,t)))},t,N,function(e){return n.css(e.sx)(e.theme)},function(e){return e.css});o(M)({display:"flex"});var I=function(e){return Array.isArray(e)?e.map(I):!!e&&"repeat(auto-fit, minmax("+("number"==typeof(r=e)?r+"px":r)+", 1fr))";var r},B=function(e){return Array.isArray(e)?e.map(B):!!e&&("number"==typeof e?"repeat("+e+", 1fr)":e)},L=(s.forwardRef(function(e,r){var t=e.width,n=e.columns,a=e.gap;void 0===a&&(a=3);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,["width","columns","gap"]),o=t?I(t):B(n);return s.createElement(M,Object.assign({},{ref:r},i,{__themeKey:"grids",__css:{display:"grid",gridGap:a,gridTemplateColumns:o}}))}),s.forwardRef(function(e,r){return s.createElement(M,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(M,Object.assign({},{ref:r,as:"a",variant:"styles.a"},e,{__themeKey:"links"}))})),D=(s.forwardRef(function(e,r){return s.createElement(M,Object.assign({},{ref:r},e,{__themeKey:"text"}))}),s.forwardRef(function(e,r){return s.createElement(M,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(M,Object.assign({},{ref:r,as:"img"},e,{__themeKey:"images",__css:Object.assign({},{maxWidth:"100%",height:"auto"},e.__css)}))})),V=(s.forwardRef(function(e,r){return s.createElement(M,Object.assign({},{ref:r,variant:"primary"},e,{__themeKey:"cards"}))}),s.forwardRef(function(e,r){return s.createElement(M,Object.assign({},{ref:r,as:"label",variant:"label"},e,{__themeKey:"forms",__css:{width:"100%",display:"flex"}}))})),T=s.forwardRef(function(e,r){return s.createElement(M,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(M,Object.assign({},{as:"svg",xmlns:"http://www.w3.org/2000/svg",width:r+"",height:r+"",viewBox:"0 0 24 24",fill:"currentcolor"},t))},q=function(e){return function(r){var t={};for(var n in r)e(n||"")&&(t[n]=r[n]);return t}},G=/^m[trblxy]?$/,X=q(function(e){return G.test(e)}),Z=q(function(e){return!G.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(M,Object.assign({},X(e),{sx:{display:"flex"}}),s.createElement(M,Object.assign({},{ref:r,as:"select",variant:"select"},Z(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(M,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 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,["className","sx","variant"]);return s.createElement(M,null,s.createElement(M,Object.assign({},{ref:r,as:"input",type:"radio"},i,{sx:{position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"}})),s.createElement(M,{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"}))},ee=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"}))},re=function(e){return s.createElement(s.Fragment,null,s.createElement(U,Object.assign({},e,{__css:{display:"none","input:checked ~ &":{display:"block"}}})),s.createElement(ee,Object.assign({},e,{__css:{display:"block","input:checked ~ &":{display:"none"}}})))},te=(s.forwardRef(function(e,r){var t=e.className,n=e.sx,a=e.variant;void 0===a&&(a="checkbox");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,["className","sx","variant"]);return s.createElement(M,null,s.createElement(M,Object.assign({},{ref:r,as:"input",type:"checkbox"},i,{sx:{position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"}})),s.createElement(M,{as:re,"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(M,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":te,"&::-moz-range-thumb":te,"&::-ms-thumb":te}}))}),s.forwardRef(function(e,r){var t=e.as;void 0===t&&(t=T);var n=e.label,a=e.name,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,["as","label","name"]);return s.createElement(M,X(i),s.createElement(V,{htmlFor:a},n),s.createElement(t,Object.assign({},{ref:r,id:a,name:a},Z(i))))}),s.forwardRef(function(e,r){return s.createElement(M,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 i=e.min;void 0===i&&(i=0);var o=e.max;void 0===o&&(o=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"]),d=16-n,u=2*d*Math.PI,f=u-(a-i)/(o-i)*u;return s.createElement(M,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":i,"aria-valuemax":o},l,{__css:{color:"primary"}}),c&&s.createElement("title",null,c),s.createElement("circle",{cx:16,cy:16,r:d,opacity:1/8}),s.createElement("circle",{cx:16,cy:16,r:d,strokeDasharray:u,strokeDashoffset:f,transform:"rotate(-90 16 16)"}))});var ne=l.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 i=e.duration;void 0===i&&(i=500);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,["size","strokeWidth","max","title","duration"]),c=16-n,l=2*c*Math.PI,d=l-.25*l;return s.createElement(M,Object.assign({},{ref:r,as:"svg",viewBox:"0 0 32 32",width:t,height:t,strokeWidth:n,fill:"none",stroke:"currentcolor",role:"img"},o,{__css:{color:"primary",overflow:"visible"}}),s.createElement("title",null,a),s.createElement("circle",{cx:16,cy:16,r:c,opacity:1/8}),s.createElement(M,{as:"circle",cx:16,cy:16,r:c,strokeDasharray:l,strokeDashoffset:d,__css:{transformOrigin:"50% 50%",animationName:ne.toString(),animationTimingFunction:"linear",animationDuration:i+"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(D,Object.assign({},{ref:r,width:t,height:t,variant:"avatar"},n,{__css:{borderRadius:9999}}))}),s.forwardRef(function(e,r){return s.createElement(M,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 ae=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(M,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}}))}),ie=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(ae,Object.assign({},{ref:r,title:"Close","aria-label":"Close",variant:"close"},t,{children:ie}))}),s.forwardRef(function(e,r){return s.createElement(M,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(M,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 i=e.allowFullScreen;void 0===i&&(i=!0);var o=e.width;void 0===o&&(o=560);var c=e.height;void 0===c&&(c=315);var l=e.allow,d=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(M,Object.assign({},d,{__css:{width:"100%",height:0,paddingBottom:100/t+"%",position:"relative",overflow:"hidden"}}),s.createElement(M,{ref:r,as:"iframe",src:n,width:o,height:c,frameBorder:a,allowFullScreen:i,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(M,{ref:r,sx:{position:"relative",overflow:"hidden"}},s.createElement(M,{sx:{width:"100%",height:0,paddingBottom:100/t+"%"}}),s.createElement(M,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(D,Object.assign({},{ref:r},n,{__css:{objectFit:"cover"}})))}),s.forwardRef(function(e,r){return s.createElement(M,Object.assign({},{ref:r,variant:"container"},e,{__themeKey:"layout",__css:{width:"100%",maxWidth:"container",mx:"auto"}}))}),s.forwardRef(function(e,r){return s.createElement(L,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(M,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 ce=function(e){var r=e.size;return void 0===r&&(r=24),s.createElement(M,{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"}))},se=(s.forwardRef(function(e,r){return s.createElement(ae,Object.assign({},{ref:r,title:"Menu","aria-label":"Toggle Menu",variant:"menu"},e),s.createElement(ce,null))}),a.createShouldForwardProp(i.space.propNames.concat(i.color.propNames,i.typography.propNames,i.layout.propNames,i.flexbox.propNames,i.grid.propNames,i.background.propNames,i.border.propNames,i.position.propNames,i.shadow.propNames))),le=[i.space,i.color,i.typography,i.layout,i.flexbox,i.grid,i.background,i.border,i.position,i.shadow];function de(e){return n.css(e.sx)(e.theme)}function ue(e){return n.css(e.__base)(e.theme)}function fe(e){var r=e.variant,t=e.theme,a=e.variantKey;return n.css(i.get(t,a?a+"."+r:r,i.get(t,a)))(t)}var pe=o("div",{shouldForwardProp:se}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},ue,fe].concat(le,[de]));function ve(e){var r=e.theme;return d.css({px:3,py:2,color:"white",bg:"primary",border:0,borderRadius:"default","&:hover":{bg:"secondary"}})(r)}var me=function(e){var r=e.variantKey;return void 0===r&&(r="buttons"),d.variant({variant:e.variant,theme:e.theme,variantKey:r})},he=d.styled("button",{shouldForwardProp:d.shouldForwardProp}).apply(void 0,[{appearance:"none",cursor:"pointer",display:"inline-block",fontSize:"inherit",lineHeight:"inherit",textAlign:"center",textDecoration:"none",transition:"all 0.2s ease-in-out"},ve,ue,me].concat(d.systemProps,[d.sx])),be=o("a",{shouldForwardProp:d.shouldForwardProp}).apply(void 0,[{appearance:"none",cursor:"pointer",display:"inline-block",fontSize:"inherit",lineHeight:"inherit",textAlign:"center",textDecoration:"none",transition:"all 0.2s ease-in-out"},ve,me].concat(d.systemProps,[d.sx])),ge=o("svg",{shouldForwardProp:se}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return n.css({fill:"currentColor",color:"black",display:"block"})(r)},function(e){var r=e.variantKey;return void 0===r&&(r="svg"),fe({variant:e.variant,theme:e.theme,variantKey:r})}].concat(le,[de])),ye=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(ge,Object.assign({},n),s.createElement("title",null,r),s.createElement("desc",null,t),n.children)},xe=o("input",{shouldForwardProp:se}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return n.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){var r=e.variantKey;return void 0===r&&(r="inputs"),fe({variant:e.variant,theme:e.theme,variantKey:r})}].concat(le,[de]));function we(e){return c.createElement(ye,Object.assign({title:"Checkbox input unchecked",height:16,width:16,viewBox:"0 0 16 16"},e),c.createElement("path",{d:"M0 3a3 3 0 013-3h10a3 3 0 013 3v10a3 3 0 01-3 3H3a3 3 0 01-3-3V3z",fill:"#fff"}),c.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13 1H3a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2V3a2 2 0 00-2-2zM3 0a3 3 0 00-3 3v10a3 3 0 003 3h10a3 3 0 003-3V3a3 3 0 00-3-3H3z",fill:"currentColor"}))}function Oe(e){return c.createElement(ye,Object.assign({title:"Checkbox input checked",height:16,width:16,viewBox:"0 0 16 16"},e),c.createElement("path",{d:"M0 3a3 3 0 013-3h10a3 3 0 013 3v10a3 3 0 01-3 3H3a3 3 0 01-3-3V3z",fill:"#0076D1"}),c.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13 1H3a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2V3a2 2 0 00-2-2zM3 0a3 3 0 00-3 3v10a3 3 0 003 3h10a3 3 0 003-3V3a3 3 0 00-3-3H3z",fill:"currentColor"}),c.createElement("path",{d:"M12.937 5.062L11.7 3.815a.222.222 0 00-.313 0L6.165 9.068a.221.221 0 01-.314 0L4.615 7.822a.221.221 0 00-.314 0L3.065 9.068a.223.223 0 000 .315l2.786 2.802a.222.222 0 00.314 0l6.772-6.812a.223.223 0 000-.311z",fill:"#fff"}))}function Ee(e){var r=e.sx,t=e.variant,n=e.variantKey;return c.createElement(c.Fragment,null,c.createElement(Oe,{sx:Object.assign({},r,{display:"none","input:checked ~ &":{display:"block",color:"primary"}}),variant:t,variantKey:n}),c.createElement(we,{sx:Object.assign({},r,{color:"defaultGray",display:"block","input:checked ~ &":{display:"none"}}),variant:t,variantKey:n}))}var je=c.forwardRef(function(e,r){var t=e.variant;void 0===t&&(t="checkbox");var n=e.variantKey;void 0===n&&(n="forms");var 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,["variant","variantKey"]);return c.createElement(pe,null,c.createElement(xe,Object.assign({ref:r,type:"checkbox",position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"},a)),c.createElement(Ee,Object.assign({"aria-hidden":"true",sx:{"input:focus ~ &":{outline:"1px auto",outlineOffset:"1px",outlineColor:"primary"}},variant:t,variantKey:n},a)))}),_e=o("label",{shouldForwardProp:se}).apply(void 0,[{boxSizing:"border-box",display:"inline-block",margin:0,minWidth:0},function(e){var r=e.variantKey;return void 0===r&&(r="labels"),fe({variant:e.variant,variantKey:r,theme:e.theme})}].concat(le,[de])),ke=o("p",{shouldForwardProp:se}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.variantKey;return void 0===r&&(r="text"),fe({variant:e.variant,theme:e.theme,variantKey:r})}].concat(le,[de]));function ze(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}var Re=c.forwardRef(function(e,r){var t=e.children,n=e.defaultValue,a=e.label,i=e.name,o=ze(e,["children","defaultValue","label","name"]);return c.createElement(pe,{mb:4},c.createElement(_e,{htmlFor:i,mb:2},a),c.createElement(xe,Object.assign({ref:r,id:i,name:i,defaultValue:n},o)),t)}),Ke=o(pe)({display:"flex"}),Se=o(pe)({display:"grid"}),Pe=o("img",{shouldForwardProp:se})({boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.variantKey;return void 0===r&&(r="images"),fe({variant:e.variant,variantKey:r,theme:e.theme})},de),Ce=o("a").apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},ue,function(e){var r=e.variant;void 0===r&&(r="a");var t=e.variantKey;return void 0===t&&(t="links"),d.variant({variant:r,variantKey:t,theme:e.theme})}].concat(d.systemProps,[d.sx])),Fe=c.forwardRef(function(e,r){var t=e.children,n=e.variantKey;void 0===n&&(n="navs");var a=e.variant,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,["children","variantKey","variant"]);return c.createElement(pe,{as:"nav"},c.createElement(pe,Object.assign({__base:{listStyle:"none",margin:0,padding:0},ref:r,as:"ul",variantKey:n,variant:a},i),t))}),We=c.forwardRef(function(e,r){var t=e.children,n=e.variantKey;void 0===n&&(n="navs");var a=e.variant;void 0===a&&(a="navItem");var i=e.as;void 0===i&&(i="li");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,["children","variantKey","variant","as"]);return c.createElement(pe,Object.assign({variantKey:n,variant:a,as:i,ref:r,sx:{cursor:"pointer",transition:"all 0.2s ease-in-out"}},o),t)});function Ne(e){return c.createElement(ye,Object.assign({title:"Radio input unchecked",height:16,width:16,viewBox:"0 0 16 16"},e),c.createElement("path",{d:"M8 0C3.584 0 0 3.584 0 8s3.584 8 8 8 8-3.584 8-8-3.584-8-8-8zm0 14.4A6.398 6.398 0 011.6 8c0-3.536 2.864-6.4 6.4-6.4 3.536 0 6.4 2.864 6.4 6.4 0 3.536-2.864 6.4-6.4 6.4z"}))}function He(e){return c.createElement(ye,Object.assign({title:"Radio input checked",height:16,width:16,viewBox:"0 0 16 16"},e),c.createElement("path",{d:"M8 0C3.584 0 0 3.584 0 8C0 12.416 3.584 16 8 16C12.416 16 16 12.416 16 8C16 3.584 12.416 0 8 0ZM8 11C6.5 11 5 9.75484 5 8C5 6.24516 6.5 5 8 5C9.5 5 11 6.19903 11 8C11 9.80097 9.5 11 8 11Z"}))}function Me(e){var r=e.sx,t=e.variant,n=e.variantKey;return c.createElement(c.Fragment,null,c.createElement(He,{sx:Object.assign({},r,{display:"none","input:checked ~ &":{display:"block",color:"primary"}}),variant:t,variantKey:n}),c.createElement(Ne,{sx:Object.assign({},r,{color:"defaultGray",display:"block","input:checked ~ &":{display:"none"}}),variant:t,variantKey:n}))}var Ie=c.forwardRef(function(e,r){var t=e.variant;void 0===t&&(t="radio");var n=e.variantKey;void 0===n&&(n="forms");var a=e.sx,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,["variant","variantKey","sx"]);return c.createElement(pe,null,c.createElement(xe,Object.assign({ref:r,type:"radio",sx:{height:1,opacity:0,overflow:"hidden",position:"absolute",width:1,zIndex:-1}},i)),c.createElement(Me,Object.assign({"aria-hidden":"true",sx:Object.assign({},{"input:focus ~ &":{outline:"1px auto",outlineOffset:"1px",outlineColor:"primary"}},a),variant:t,variantKey:n},i)))}),Be=o("select",{shouldForwardProp:se}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return n.css({width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:"default",color:"inherit",bg:"transparent"})(r)},function(e){var r=e.variant;void 0===r&&(r="select");var t=e.variantKey;return void 0===t&&(t="forms"),fe({variant:r,theme:e.theme,variantKey:t})}].concat(le,[de])),Le=c.forwardRef(function(e,r){return c.createElement(Ke,null,c.createElement(Be,Object.assign({ref:r},e)),c.createElement(ye,{viewBox:"0 0 16 16",height:"16px",width:"16px",alignSelf:"center",ml:"-28px",color:"text"},c.createElement("path",{d:"M11.912 5.754a.62.62 0 0 0-.25-.186.883.883 0 0 0-.344-.068H4.682c-.12 0-.24.024-.344.068a.62.62 0 0 0-.25.186.398.398 0 0 0-.088.252.405.405 0 0 0 .098.25l3.318 4.004c.061.073.147.134.249.176A.886.886 0 0 0 8 10.5a.886.886 0 0 0 .335-.064.633.633 0 0 0 .249-.176l3.318-4.004a.405.405 0 0 0 .098-.25.398.398 0 0 0-.088-.252z"})))});function De(e){var r=e.variant,t=e.variantKey;return c.createElement(pe,{variant:r,variantKey:t,__base:{opacity:e.disabled?.5:1,transition:"background-color 0.1s cubic-bezier(0.4, 1, 0.75, 0.9)",width:28,height:16,borderRadius:"full",borderStyle:"solid",borderWidth:1,display:"inline-flex","input:focus ~ &":{outlineWidth:1,outlineOffset:2,outlineStyle:"solid",outlineColor:"primary"},"input:checked ~ &":{backgroundColor:"primary",borderColor:"primary"},"input:not(:checked) ~ &":{backgroundColor:"muted",borderColor:"muted"}},sx:e.sx,alignItems:"center"},c.createElement(pe,{variantKey:t,variant:r+"."+e.indicatorVariant,__base:{borderRadius:"full",width:12,height:12,ml:"1px",backgroundColor:"background",transform:"translateX("+(e.checked?"calc(100% - 1px)":"0")+")",transition:"transform 0.1s cubic-bezier(0.4, 1, 0.75, 0.9)"}}))}var Ve=c.forwardRef(function(e,r){var t=e.checked,n=e.onChange,a=e.disabled,i=e.sx,o=e.variantKey;void 0===o&&(o="forms");var s=e.variant;void 0===s&&(s="switch");var l=e.indicatorVariant;void 0===l&&(l="indicator");var d=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,["checked","onChange","disabled","sx","variantKey","variant","indicatorVariant"]);return c.createElement(pe,Object.assign({display:"inline-flex",position:"relative",sx:{cursor:a?"not-allowed":"pointer"}},d),c.createElement(xe,Object.assign({ref:r,opacity:0,type:"checkbox",position:"absolute",left:0,top:0,height:1,width:1,checked:t,onChange:function(e){return!a&&(null==n?void 0:n(e))},disabled:a},d)),c.createElement(De,{checked:t,variant:s,variantKey:o,sx:i,disabled:a,indicatorVariant:l}))}),Te=o("textarea",{shouldForwardProp:se}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return n.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 fe({variant:e.variant,theme:e.theme,variantKey:"textarea"})}].concat(le,[de])),Ae=o("span")({border:0,clip:"rect(0 0 0 0)",height:"1px",margin:"-1px",overflow:"hidden",padding:0,position:"absolute",width:"1px",whiteSpace:"nowrap",wordWrap:"normal"}),qe=c.forwardRef(function(e,r){return c.createElement(Ae,Object.assign({ref:r},e))}),Ge=o("iframe",{shouldForwardProp:se}).apply(void 0,[{boxSizing:"border-box",display:"block",margin:0,minWidth:0},function(e){return fe({variant:e.variant,theme:e.theme,variantKey:"iframes"})}].concat(le,[de])),Xe=d.styled("div")({boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return d.css({alignItems:"center",bg:"muted",borderRadius:"default",color:"text",display:"inline-flex",fontSize:1,lineHeight:1.2,py:1,px:2})(r)},function(e){var r=e.variant;void 0===r&&(r="default");var t=e.variantKey;return void 0===t&&(t="tags"),d.variant({variant:r,theme:e.theme,variantKey:t})},d.sx);function Ze(e){return c.createElement(Xe,Object.assign({},e))}var Ye=d.styled("span")({boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return d.css({border:"none",color:"text",fontSize:1,lineHeight:1.2,py:1,px:2})(r)},function(e){var r=e.variant;void 0===r&&(r="tagLabel");var t=e.variantKey;return void 0===t&&(t="tags"),d.variant({variant:r,theme:e.theme,variantKey:t})},d.sx),$e=d.styled("button")({boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return d.css({appearance:"none",border:"none",borderRadius:"default",bg:"muted",color:"text",fontSize:1,lineHeight:1,py:1,px:2})(r)},function(e){var r=e.variant;void 0===r&&(r="tagDismiss");var t=e.variantKey;return void 0===t&&(t="tags"),d.variant({variant:r,theme:e.theme,variantKey:t})},d.sx),Je=Object.freeze(["\n 0%, 80%, 100% { opacity: 0; }\n 40% { opacity: 1; }\n"]),Qe=l.keyframes(Je);function Ue(e){var r=e.size;return c.createElement(pe,{as:"span",sx:{animation:Qe+" 1s ease-in-out "+e.delay+"ms infinite;",backgroundColor:"currentColor",borderRadius:r,display:"inline-block",marginLeft:r/2+"px",height:r,width:r}})}var er=d.styled("div")({boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return d.css({label:"loadingIndicator",display:"flex",transition:"color 150ms",lineHeight:1,marginLeft:1,alignSelf:"center",textAlign:"center"})(r)},function(e){var r=e.variant;void 0===r&&(r="default");var t=e.variantKey;return void 0===t&&(t="loadingIndicators"),d.variant({variant:r,theme:e.theme,variantKey:t})},d.sx);exports.Box=pe,exports.sx=de,exports.variant=fe,exports.Button=he,exports.AnchorButton=be,exports.Checkbox=je,exports.Field=Re,exports.FieldError=function(e){var r=e.children,t=ze(e,["children"]);return c.createElement(ke,Object.assign({as:"span",color:"danger",role:"alert"},t),r)},exports.Flex=Ke,exports.Grid=Se,exports.Image=Pe,exports.Input=xe,exports.Label=_e,exports.Link=Ce,exports.Nav=Fe,exports.NavItem=We,exports.Radio=Ie,exports.Select=Le,exports.Svg=ge,exports.SvgIcon=ye,exports.Switch=Ve,exports.Text=ke,exports.Textarea=Te,exports.VisuallyHidden=qe,exports.Iframe=Ge,exports.Tag=Ze,exports.TagLabel=Ye,exports.TagDismiss=function(e){var r=e.icon,t=e.onDismiss;return c.createElement(Ze,{sx:{p:0}},c.createElement(Ye,{sx:{borderRight:"1px solid",borderColor:"muted"}},e.children),c.createElement($e,{onClick:t},r))},exports.DotLoadingIndicator=function(e){var r=e.size;void 0===r&&(r=4);var t=e.delay;void 0===t&&(t=160);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","delay"]);return c.createElement(er,Object.assign({},n),c.createElement(Ue,{delay:0,size:r,offset:!0}),c.createElement(Ue,{delay:t,size:r,offset:!0}),c.createElement(Ue,{delay:2*t,size:r,offset:!1}))};
//# sourceMappingURL=index.js.map

6

dist/Radio/Radio.d.ts
import * as React from 'react';
import { VariantProps } from '../Box';
import { VariantProps } from '@kodiak-ui/core';
export declare const Radio: React.ForwardRefExoticComponent<{
sx?: object | undefined;
} & VariantProps & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").GridProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("styled-system").TLengthStyledSystem> & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("styled-system").TLengthStyledSystem> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ShadowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;
sx?: import("@styled-system/css").SystemCssProperties | import("@styled-system/css").CSSPseudoSelectorProps | import("@styled-system/css").CSSSelectorObject | import("@styled-system/css").VariantProperty | import("@styled-system/css").UseThemeFunction | null | undefined;
} & VariantProps & React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;

4

package.json
{
"name": "@kodiak-ui/primitives",
"version": "0.14.0",
"version": "0.14.1",
"description": "Kodiak's primitive components for building applications and complex components",

@@ -41,4 +41,4 @@ "main": "dist/index.js",

},
"gitHead": "67de3ee6da7509337b4732f161af7246112cd5c1",
"gitHead": "21b75a8b8b55e59ef68d04b5721ef3dc906d65e7",
"snyk": true
}
dist/Avatar/__tests__/Avatar.spec.d.ts
dist/Avatar/__tests__/DotLoadingIndicator.spec.d.ts
dist/Avatar/Avatar.d.ts
dist/Avatar/index.d.ts
dist/Image/__tests__/Avatar.spec.d.ts
dist/Loading/CircleLoadingIndicator.d.ts
dist/Loading/LoadingIndicator.d.ts
dist/index.es.js.map

Sorry, the diff of this file is not supported yet

dist/index.js.map

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc