@kodiak-ui/primitives - npm Package Compare versions

Comparing version 0.8.2 to 0.8.3

dist/Button/Button.d.ts

@@ -16,6 +16,5 @@ /// <reference types="react" />
 }): SerializedStyles;
-export declare function buttonVariant({ theme, variant: defaultVariant, }: {
+export declare const buttonVariant: ({ variant: variantProp, variantKey, theme, }: {
     theme: Theme;
-    variant?: string;
-}): SerializedStyles;
+} & VariantProps) => SerializedStyles;
 export declare type ButtonProps = VariantProps & SystemProps;
@@ -25,2 +24,2 @@ /**
  */
-export declare const Button: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, Pick<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & VariantProps & import("styled-system").SpaceProps<string | number> & import("styled-system").ColorProps & import("styled-system").TypographyProps & import("styled-system").LayoutProps & import("styled-system").FlexboxProps & import("styled-system").GridProps & import("styled-system").BackgroundProps<string | number> & import("styled-system").BorderProps<string | number> & import("styled-system").PositionProps & import("styled-system").ShadowProps, "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxShadow" | "color" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflow" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textShadow" | "top" | "translate" | "verticalAlign" | "width" | "zIndex" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "padding" | "gridColumnGap" | "gridGap" | "gridRowGap" | "hidden" | "size" | "style" | "disabled" | "variant" | "form" | "p" | "title" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "variantKey" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "bg" | "borderX" | "borderY">, object>;
+export declare const Button: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, Pick<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & VariantProps & import("styled-system").SpaceProps<string | number> & import("styled-system").ColorProps & import("styled-system").TypographyProps & import("styled-system").LayoutProps & import("styled-system").FlexboxProps & import("styled-system").GridProps & import("styled-system").BackgroundProps<string | number> & import("styled-system").BorderProps<string | number> & import("styled-system").PositionProps & import("styled-system").ShadowProps, "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxShadow" | "color" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflow" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textShadow" | "top" | "translate" | "verticalAlign" | "width" | "zIndex" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "padding" | "gridColumnGap" | "gridGap" | "gridRowGap" | "hidden" | "size" | "style" | "disabled" | "variant" | "variantKey" | "form" | "p" | "title" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "bg" | "borderX" | "borderY">, object>;

dist/index.es.js

@@ -1,2 +0,2 @@
-import{version as e}from"@emotion/core/package.json";import r from"@styled-system/space";import{keyframes as t}from"@emotion/core";import{css as n,get as a}from"@theme-ui/css";import{createShouldForwardProp as i}from"@styled-system/should-forward-prop";import{space as o,color as c,typography as s,layout as l,flexbox as d,grid as u,background as f,border as p,position as h,shadow as v,get as m}from"styled-system";import{variant as b,sx as g,systemProps as y,shouldForwardProp as w}from"@kodiak-ui/core";import x,{forwardRef as O,createElement as _,Fragment as j}from"react";import k from"@emotion/styled";function E(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function z(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 R(e){for(var r=arguments,t=1;t<arguments.length;t++){var n=null!=r[t]?r[t]:{};t%2?z(Object(n),!0).forEach(function(r){E(e,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):z(Object(n)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})}return e}x.createContext({__EMOTION_VERSION__:e,theme:null});var K=x.createContext({}),C={inlineCode:"code",wrapper:function(e){return x.createElement(x.Fragment,{},e.children)}};O(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=x.useContext(K),t=r;return e&&(t="function"==typeof e?e(r):R({},r,{},e)),t}(t),s=n,l=c["".concat(i,".").concat(s)]||c[s]||C[s]||a;return x.createElement(l,t?R({ref:r},o,{components:t}):R({ref:r},o))}).displayName="MDXCreateElement";var P={inlineCode:"code",thematicBreak:"hr",root:"div"},S=function(e){return function(r){return n(a(r.theme,"styles."+e))(r.theme)}},N=k("div")(S("div")),M={};["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;M[e]=k(P[r=e]||r)(S(e)),N[e]=M[e]});var W=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},F=function(e,r){if("number"!=typeof r||r>=0)return W(e,r,r);var t=Math.abs(r),n=W(e,t,t);return"string"==typeof n?"-"+n:-1*n},H=(["margin","marginTop","marginRight","marginBottom","marginLeft","marginX","marginY","top","bottom","left","right"].reduce(function(e,r){var t;return Object.assign({},e,((t={})[r]=F,t))},{}),Object.getOwnPropertySymbols),B=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]))B.call(t,c)&&(i[c]=t[c]);if(H){n=H(t);for(var s=0;s<n.length;s++)V.call(t,n[s])&&(i[n[s]]=t[n[s]])}}return i},I=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},L={breakpoints:[40,52,64].map(function(e){return e+"em"})},A=function(e){return"@media screen and (min-width: "+e+")"},T=function(e,r){return G(r,e,e)},G=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},q=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},X=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=A(c);D(i,((l={})[d]=D({},i[d],s),l))}else D(i,s)}return i},Z=function(e){var r=e.properties,t=e.transform,n=void 0===t?T: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},Y={color:{property:"color",scale:"colors"},backgroundColor:{property:"backgroundColor",scale:"colors"},opacity:!0};Y.bg=Y.backgroundColor;var $=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?Z(n):n:Z({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=G(e.theme,l.scale,l.defaults);if("object"!=typeof d)D(i,l(d,u,e));else{if(t.breakpoints=!c&&t.breakpoints||G(e.theme,"breakpoints",L.breakpoints),Array.isArray(d)){t.media=!c&&t.media||[null].concat(t.breakpoints.map(A)),i=I(i,q(t.media,l,u,d,e));continue}null!==d&&(i=I(i,X(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)}(Y),J=i(r.propNames.concat($.propNames)),Q=k("div",{shouldForwardProp:J})({boxSizing:"border-box",margin:0,minWidth:0},function(e){return n(e.__css)(e.theme)},function(e){var r=e.theme,t=e.variant,i=e.__themeKey;return void 0===i&&(i="variants"),n(a(r,i+"."+t,a(r,t)))},r,$,function(e){return n(e.sx)(e.theme)},function(e){return e.css});k(Q)({display:"flex"});var U=function(e){return Array.isArray(e)?e.map(U):!!e&&"repeat(auto-fit, minmax("+("number"==typeof(r=e)?r+"px":r)+", 1fr))";var r},ee=function(e){return Array.isArray(e)?e.map(ee):!!e&&("number"==typeof e?"repeat("+e+", 1fr)":e)},re=(x.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?U(t):ee(n);return x.createElement(Q,Object.assign({},{ref:r},i,{__themeKey:"grids",__css:{display:"grid",gridGap:a,gridTemplateColumns:o}}))}),x.forwardRef(function(e,r){return x.createElement(Q,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}}))}),x.forwardRef(function(e,r){return x.createElement(Q,Object.assign({},{ref:r,as:"a",variant:"styles.a"},e,{__themeKey:"links"}))})),te=(x.forwardRef(function(e,r){return x.createElement(Q,Object.assign({},{ref:r},e,{__themeKey:"text"}))}),x.forwardRef(function(e,r){return x.createElement(Q,Object.assign({},{ref:r,as:"h2",variant:"heading"},e,{__themeKey:"text",__css:{fontFamily:"heading",fontWeight:"heading",lineHeight:"heading"}}))}),x.forwardRef(function(e,r){return x.createElement(Q,Object.assign({},{ref:r,as:"img"},e,{__themeKey:"images",__css:Object.assign({},{maxWidth:"100%",height:"auto"},e.__css)}))})),ne=(x.forwardRef(function(e,r){return x.createElement(Q,Object.assign({},{ref:r,variant:"primary"},e,{__themeKey:"cards"}))}),x.forwardRef(function(e,r){return x.createElement(Q,Object.assign({},{ref:r,as:"label",variant:"label"},e,{__themeKey:"forms",__css:{width:"100%",display:"flex"}}))})),ae=x.forwardRef(function(e,r){return x.createElement(Q,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"}}))}),ie=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 x.createElement(Q,Object.assign({},{as:"svg",xmlns:"http://www.w3.org/2000/svg",width:r+"",height:r+"",viewBox:"0 0 24 24",fill:"currentcolor"},t))},oe=function(e){return function(r){var t={};for(var n in r)e(n||"")&&(t[n]=r[n]);return t}},ce=/^m[trblxy]?$/,se=oe(function(e){return ce.test(e)}),le=oe(function(e){return!ce.test(e)}),de=function(e){return x.createElement(ie,e,x.createElement("path",{d:"M7 10l5 5 5-5z"}))};x.forwardRef(function(e,r){return x.createElement(Q,Object.assign({},se(e),{sx:{display:"flex"}}),x.createElement(Q,Object.assign({},{ref:r,as:"select",variant:"select"},le(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"}})),x.createElement(de,{sx:{ml:-28,alignSelf:"center",pointerEvents:"none"}}))}),x.forwardRef(function(e,r){return x.createElement(Q,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 ue=function(e){return x.createElement(ie,e,x.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"}))},fe=function(e){return x.createElement(ie,e,x.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"}))},pe=function(e){return x.createElement(x.Fragment,null,x.createElement(ue,Object.assign({},e,{__css:{display:"none","input:checked ~ &":{display:"block"}}})),x.createElement(fe,Object.assign({},e,{__css:{display:"block","input:checked ~ &":{display:"none"}}})))};x.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 x.createElement(Q,null,x.createElement(Q,Object.assign({},{ref:r,as:"input",type:"radio"},i,{sx:{position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"}})),x.createElement(Q,{as:pe,"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 he=function(e){return x.createElement(ie,e,x.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"}))},ve=function(e){return x.createElement(ie,e,x.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"}))},me=function(e){return x.createElement(x.Fragment,null,x.createElement(he,Object.assign({},e,{__css:{display:"none","input:checked ~ &":{display:"block"}}})),x.createElement(ve,Object.assign({},e,{__css:{display:"block","input:checked ~ &":{display:"none"}}})))},be=(x.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 x.createElement(Q,null,x.createElement(Q,Object.assign({},{ref:r,as:"input",type:"checkbox"},i,{sx:{position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"}})),x.createElement(Q,{as:me,"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"});x.forwardRef(function(e,r){return x.createElement(Q,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":be,"&::-moz-range-thumb":be,"&::-ms-thumb":be}}))}),x.forwardRef(function(e,r){var t=e.as;void 0===t&&(t=ae);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 x.createElement(Q,se(i),x.createElement(ne,{htmlFor:a},n),x.createElement(t,Object.assign({},{ref:r,id:a,name:a},le(i))))}),x.forwardRef(function(e,r){return x.createElement(Q,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"}}}))}),x.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 x.createElement(Q,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&&x.createElement("title",null,c),x.createElement("circle",{cx:16,cy:16,r:l,opacity:1/8}),x.createElement("circle",{cx:16,cy:16,r:l,strokeDasharray:d,strokeDashoffset:u,transform:"rotate(-90 16 16)"}))});var ge=t({from:{transform:"rotate(0deg)"},to:{transform:"rotate(360deg)"}});x.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 x.createElement(Q,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"}}),x.createElement("title",null,a),x.createElement("circle",{cx:16,cy:16,r:c,opacity:1/8}),x.createElement(Q,{as:"circle",cx:16,cy:16,r:c,strokeDasharray:s,strokeDashoffset:l,__css:{transformOrigin:"50% 50%",animationName:ge.toString(),animationTimingFunction:"linear",animationDuration:i+"ms",animationIterationCount:"infinite"}}))}),x.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 x.createElement(te,Object.assign({},{ref:r,width:t,height:t,variant:"avatar"},n,{__css:{borderRadius:9999}}))}),x.forwardRef(function(e,r){return x.createElement(Q,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 ye=x.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 x.createElement(Q,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=x.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",fill:"currentcolor",viewBox:"0 0 24 24"},x.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"}));x.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 x.createElement(ye,Object.assign({},{ref:r,title:"Close","aria-label":"Close",variant:"close"},t,{children:we}))}),x.forwardRef(function(e,r){return x.createElement(Q,Object.assign({},{ref:r},e,{__themeKey:"alerts",__css:{display:"flex",alignItems:"center",px:3,py:2,fontWeight:"bold",color:"white",bg:"primary",borderRadius:4}}))}),x.forwardRef(function(e,r){return x.createElement(Q,Object.assign({},{ref:r,as:"hr",variant:"styles.hr"},e,{__css:{color:"gray",m:0,my:2,border:0,borderBottom:"1px solid"}}))}),x.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 x.createElement(Q,Object.assign({},l,{__css:{width:"100%",height:0,paddingBottom:100/t+"%",position:"relative",overflow:"hidden"}}),x.createElement(Q,{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 xe=x.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 x.createElement(Q,{ref:r,sx:{position:"relative",overflow:"hidden"}},x.createElement(Q,{sx:{width:"100%",height:0,paddingBottom:100/t+"%"}}),x.createElement(Q,Object.assign({},a,{__css:{position:"absolute",top:0,right:0,bottom:0,left:0}}),n))});x.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 x.createElement(xe,{ratio:t},x.createElement(te,Object.assign({},{ref:r},n,{__css:{objectFit:"cover"}})))}),x.forwardRef(function(e,r){return x.createElement(Q,Object.assign({},{ref:r,variant:"container"},e,{__themeKey:"layout",__css:{width:"100%",maxWidth:"container",mx:"auto"}}))}),x.forwardRef(function(e,r){return x.createElement(re,Object.assign({},{ref:r,variant:"nav"},e,{__css:{color:"inherit",textDecoration:"none",fontWeight:"bold",display:"inline-block","&:hover, &:focus, &.active":{color:"primary"}}}))}),x.forwardRef(function(e,r){return x.createElement(Q,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 Oe=function(e){var r=e.size;return void 0===r&&(r=24),x.createElement(Q,{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}},x.createElement("path",{d:"M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"}))},_e=(x.forwardRef(function(e,r){return x.createElement(ye,Object.assign({},{ref:r,title:"Menu","aria-label":"Toggle Menu",variant:"menu"},e),x.createElement(Oe,null))}),i(o.propNames.concat(c.propNames,s.propNames,l.propNames,d.propNames,u.propNames,f.propNames,p.propNames,h.propNames,v.propNames))),je=[o,c,s,l,d,u,f,p,h,v];function ke(e){return n(e.sx)(e.theme)}function Ee(e){var r=e.variant,t=e.theme,a=e.variantKey;return n(m(t,a?a+"."+r:r,m(t,a)))(t)}var ze=k("div",{shouldForwardProp:_e}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){return n(e.__base)(e.theme)},Ee].concat(je,[ke])),Re=k(ze)({display:"grid"}),Ke=k(ze)({display:"flex"}),Ce=k("label",{shouldForwardProp:_e}).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"),Ee({variant:e.variant,variantKey:r,theme:e.theme})}].concat(je,[ke]));function Pe(e){var r=e.theme;return n({px:3,py:2,color:"white",bg:"primary",border:0,borderRadius:"default","&:hover":{bg:"secondary"}})(r)}function Se(e){var r=e.variant;return void 0===r&&(r="buttons.primary"),b({theme:e.theme,variant:r})}var Ne=k("button",{shouldForwardProp:w}).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"},Pe,Se].concat(y,[g])),Me=k("a",{shouldForwardProp:w}).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"},Pe,Se].concat(y,[g])),We=k("a",{shouldForwardProp:_e}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.variant;void 0===r&&(r="a");var t=e.variantKey;return void 0===t&&(t="links"),Ee({variant:r,variantKey:t,theme:e.theme})}].concat(je,[ke])),Fe=k("p",{shouldForwardProp:_e}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.variantKey;return void 0===r&&(r="text"),Ee({variant:e.variant,theme:e.theme,variantKey:r})}].concat(je,[ke])),He=k("input",{shouldForwardProp:_e}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return n({display:"block",width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:"default",color:"inherit",bg:"transparent"})(r)},function(e){var r=e.variantKey;return void 0===r&&(r="inputs"),Ee({variant:e.variant,theme:e.theme,variantKey:r})}].concat(je,[ke])),Be=k("svg",{shouldForwardProp:_e}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return n({fill:"currentColor",color:"black",display:"block"})(r)},function(e){var r=e.variantKey;return void 0===r&&(r="svg"),Ee({variant:e.variant,theme:e.theme,variantKey:r})}].concat(je,[ke])),Ve=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 x.createElement(Be,Object.assign({},n),x.createElement("title",null,r),x.createElement("desc",null,t),n.children)},De=k("select",{shouldForwardProp:_e}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return n({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"),Ee({variant:r,theme:e.theme,variantKey:t})}].concat(je,[ke])),Ie=O(function(e,r){return _(Ke,null,_(De,Object.assign({ref:r},e)),_(Ve,{viewBox:"0 0 16 16",height:"16px",width:"16px",alignSelf:"center",ml:"-28px",color:"text"},_("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 Le(e){var r=e.variant,t=e.variantKey;return _(ze,{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"},_(ze,{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 Ae=O(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 _(ze,Object.assign({display:"inline-flex",position:"relative",sx:{cursor:a?"not-allowed":"pointer"}},l),_(He,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)),_(Le,{checked:t,variant:c,variantKey:o,sx:i,disabled:a,indicatorVariant:s}))}),Te=k("textarea",{shouldForwardProp:_e}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return n({display:"block",width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:"default",color:"inherit",bg:"transparent"})(r)},function(e){return Ee({variant:e.variant,theme:e.theme,variantKey:"textarea"})}].concat(je,[ke]));function Ge(e){return _(Ve,Object.assign({title:"Radio input unchecked",height:16,width:16,viewBox:"0 0 16 16"},e),_("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 qe(e){return _(Ve,Object.assign({title:"Radio input checked",height:16,width:16,viewBox:"0 0 16 16"},e),_("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 Xe(e){var r=e.sx,t=e.variant,n=e.variantKey;return _(j,null,_(qe,{sx:Object.assign({},r,{display:"none","input:checked ~ &":{display:"block",color:"primary"}}),variant:t,variantKey:n}),_(Ge,{sx:Object.assign({},r,{color:"defaultGray",display:"block","input:checked ~ &":{display:"none"}}),variant:t,variantKey:n}))}var Ze=O(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 _(ze,null,_(He,Object.assign({ref:r,type:"radio",position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"},a)),_(Xe,Object.assign({"aria-hidden":"true",sx:{"input:focus ~ &":{outline:"1px auto",outlineOffset:"1px",outlineColor:"primary"}},variant:t,variantKey:n},a)))});function Ye(e){return _(Ve,Object.assign({title:"Checkbox input unchecked",height:16,width:16,viewBox:"0 0 16 16"},e),_("path",{d:"M0 3a3 3 0 013-3h10a3 3 0 013 3v10a3 3 0 01-3 3H3a3 3 0 01-3-3V3z",fill:"#fff"}),_("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 $e(e){return _(Ve,Object.assign({title:"Checkbox input checked",height:16,width:16,viewBox:"0 0 16 16"},e),_("path",{d:"M0 3a3 3 0 013-3h10a3 3 0 013 3v10a3 3 0 01-3 3H3a3 3 0 01-3-3V3z",fill:"#0076D1"}),_("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"}),_("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 Je(e){var r=e.sx,t=e.variant,n=e.variantKey;return _(j,null,_($e,{sx:Object.assign({},r,{display:"none","input:checked ~ &":{display:"block",color:"primary"}}),variant:t,variantKey:n}),_(Ye,{sx:Object.assign({},r,{color:"defaultGray",display:"block","input:checked ~ &":{display:"none"}}),variant:t,variantKey:n}))}var Qe=O(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 _(ze,null,_(He,Object.assign({ref:r,type:"checkbox",position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"},a)),_(Je,Object.assign({"aria-hidden":"true",sx:{"input:focus ~ &":{outline:"1px auto",outlineOffset:"1px",outlineColor:"primary"}},variant:t,variantKey:n},a)))}),Ue=O(function(e,r){var t=e.name,n=e.defaultValue,a=e.children;return _(ze,{mb:4},_(Ce,{htmlFor:t,mb:2},e.label),_(He,{ref:r,id:t,name:t,defaultValue:n}),a)});function er(e){var r=e.children,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,["children"]);return _(Fe,Object.assign({as:"span",color:"danger",role:"alert"},t),r)}var rr=k("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"}),tr=O(function(e,r){return _(rr,Object.assign({ref:r},e))});export{ze as Box,ke as sx,Ee as variant,Re as Grid,Ke as Flex,Ce as Label,Ne as Button,Me as AnchorButton,We as Link,Fe as Text,He as Input,Ie as Select,Be as Svg,Ve as SvgIcon,Ae as Switch,Te as Textarea,Ze as Radio,Qe as Checkbox,Ue as Field,er as FieldError,tr as VisuallyHidden};
+import{version as e}from"@emotion/core/package.json";import r from"@styled-system/space";import{keyframes as t}from"@emotion/core";import{css as n,get as a}from"@theme-ui/css";import{createShouldForwardProp as i}from"@styled-system/should-forward-prop";import{space as o,color as c,typography as s,layout as l,flexbox as d,grid as u,background as f,border as p,position as h,shadow as v,get as m}from"styled-system";import{variant as b,sx as g,systemProps as y,shouldForwardProp as w}from"@kodiak-ui/core";import x,{forwardRef as O,createElement as _,Fragment as j}from"react";import k from"@emotion/styled";function E(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function z(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 R(e){for(var r=arguments,t=1;t<arguments.length;t++){var n=null!=r[t]?r[t]:{};t%2?z(Object(n),!0).forEach(function(r){E(e,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):z(Object(n)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})}return e}x.createContext({__EMOTION_VERSION__:e,theme:null});var K=x.createContext({}),C={inlineCode:"code",wrapper:function(e){return x.createElement(x.Fragment,{},e.children)}};O(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=x.useContext(K),t=r;return e&&(t="function"==typeof e?e(r):R({},r,{},e)),t}(t),s=n,l=c["".concat(i,".").concat(s)]||c[s]||C[s]||a;return x.createElement(l,t?R({ref:r},o,{components:t}):R({ref:r},o))}).displayName="MDXCreateElement";var P={inlineCode:"code",thematicBreak:"hr",root:"div"},S=function(e){return function(r){return n(a(r.theme,"styles."+e))(r.theme)}},N=k("div")(S("div")),M={};["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;M[e]=k(P[r=e]||r)(S(e)),N[e]=M[e]});var W=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},F=function(e,r){if("number"!=typeof r||r>=0)return W(e,r,r);var t=Math.abs(r),n=W(e,t,t);return"string"==typeof n?"-"+n:-1*n},H=(["margin","marginTop","marginRight","marginBottom","marginLeft","marginX","marginY","top","bottom","left","right"].reduce(function(e,r){var t;return Object.assign({},e,((t={})[r]=F,t))},{}),Object.getOwnPropertySymbols),B=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]))B.call(t,c)&&(i[c]=t[c]);if(H){n=H(t);for(var s=0;s<n.length;s++)V.call(t,n[s])&&(i[n[s]]=t[n[s]])}}return i},I=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},L={breakpoints:[40,52,64].map(function(e){return e+"em"})},A=function(e){return"@media screen and (min-width: "+e+")"},T=function(e,r){return G(r,e,e)},G=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},q=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},X=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=A(c);D(i,((l={})[d]=D({},i[d],s),l))}else D(i,s)}return i},Z=function(e){var r=e.properties,t=e.transform,n=void 0===t?T: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},Y={color:{property:"color",scale:"colors"},backgroundColor:{property:"backgroundColor",scale:"colors"},opacity:!0};Y.bg=Y.backgroundColor;var $=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?Z(n):n:Z({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=G(e.theme,l.scale,l.defaults);if("object"!=typeof d)D(i,l(d,u,e));else{if(t.breakpoints=!c&&t.breakpoints||G(e.theme,"breakpoints",L.breakpoints),Array.isArray(d)){t.media=!c&&t.media||[null].concat(t.breakpoints.map(A)),i=I(i,q(t.media,l,u,d,e));continue}null!==d&&(i=I(i,X(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)}(Y),J=i(r.propNames.concat($.propNames)),Q=k("div",{shouldForwardProp:J})({boxSizing:"border-box",margin:0,minWidth:0},function(e){return n(e.__css)(e.theme)},function(e){var r=e.theme,t=e.variant,i=e.__themeKey;return void 0===i&&(i="variants"),n(a(r,i+"."+t,a(r,t)))},r,$,function(e){return n(e.sx)(e.theme)},function(e){return e.css});k(Q)({display:"flex"});var U=function(e){return Array.isArray(e)?e.map(U):!!e&&"repeat(auto-fit, minmax("+("number"==typeof(r=e)?r+"px":r)+", 1fr))";var r},ee=function(e){return Array.isArray(e)?e.map(ee):!!e&&("number"==typeof e?"repeat("+e+", 1fr)":e)},re=(x.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?U(t):ee(n);return x.createElement(Q,Object.assign({},{ref:r},i,{__themeKey:"grids",__css:{display:"grid",gridGap:a,gridTemplateColumns:o}}))}),x.forwardRef(function(e,r){return x.createElement(Q,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}}))}),x.forwardRef(function(e,r){return x.createElement(Q,Object.assign({},{ref:r,as:"a",variant:"styles.a"},e,{__themeKey:"links"}))})),te=(x.forwardRef(function(e,r){return x.createElement(Q,Object.assign({},{ref:r},e,{__themeKey:"text"}))}),x.forwardRef(function(e,r){return x.createElement(Q,Object.assign({},{ref:r,as:"h2",variant:"heading"},e,{__themeKey:"text",__css:{fontFamily:"heading",fontWeight:"heading",lineHeight:"heading"}}))}),x.forwardRef(function(e,r){return x.createElement(Q,Object.assign({},{ref:r,as:"img"},e,{__themeKey:"images",__css:Object.assign({},{maxWidth:"100%",height:"auto"},e.__css)}))})),ne=(x.forwardRef(function(e,r){return x.createElement(Q,Object.assign({},{ref:r,variant:"primary"},e,{__themeKey:"cards"}))}),x.forwardRef(function(e,r){return x.createElement(Q,Object.assign({},{ref:r,as:"label",variant:"label"},e,{__themeKey:"forms",__css:{width:"100%",display:"flex"}}))})),ae=x.forwardRef(function(e,r){return x.createElement(Q,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"}}))}),ie=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 x.createElement(Q,Object.assign({},{as:"svg",xmlns:"http://www.w3.org/2000/svg",width:r+"",height:r+"",viewBox:"0 0 24 24",fill:"currentcolor"},t))},oe=function(e){return function(r){var t={};for(var n in r)e(n||"")&&(t[n]=r[n]);return t}},ce=/^m[trblxy]?$/,se=oe(function(e){return ce.test(e)}),le=oe(function(e){return!ce.test(e)}),de=function(e){return x.createElement(ie,e,x.createElement("path",{d:"M7 10l5 5 5-5z"}))};x.forwardRef(function(e,r){return x.createElement(Q,Object.assign({},se(e),{sx:{display:"flex"}}),x.createElement(Q,Object.assign({},{ref:r,as:"select",variant:"select"},le(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"}})),x.createElement(de,{sx:{ml:-28,alignSelf:"center",pointerEvents:"none"}}))}),x.forwardRef(function(e,r){return x.createElement(Q,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 ue=function(e){return x.createElement(ie,e,x.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"}))},fe=function(e){return x.createElement(ie,e,x.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"}))},pe=function(e){return x.createElement(x.Fragment,null,x.createElement(ue,Object.assign({},e,{__css:{display:"none","input:checked ~ &":{display:"block"}}})),x.createElement(fe,Object.assign({},e,{__css:{display:"block","input:checked ~ &":{display:"none"}}})))};x.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 x.createElement(Q,null,x.createElement(Q,Object.assign({},{ref:r,as:"input",type:"radio"},i,{sx:{position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"}})),x.createElement(Q,{as:pe,"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 he=function(e){return x.createElement(ie,e,x.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"}))},ve=function(e){return x.createElement(ie,e,x.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"}))},me=function(e){return x.createElement(x.Fragment,null,x.createElement(he,Object.assign({},e,{__css:{display:"none","input:checked ~ &":{display:"block"}}})),x.createElement(ve,Object.assign({},e,{__css:{display:"block","input:checked ~ &":{display:"none"}}})))},be=(x.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 x.createElement(Q,null,x.createElement(Q,Object.assign({},{ref:r,as:"input",type:"checkbox"},i,{sx:{position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"}})),x.createElement(Q,{as:me,"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"});x.forwardRef(function(e,r){return x.createElement(Q,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":be,"&::-moz-range-thumb":be,"&::-ms-thumb":be}}))}),x.forwardRef(function(e,r){var t=e.as;void 0===t&&(t=ae);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 x.createElement(Q,se(i),x.createElement(ne,{htmlFor:a},n),x.createElement(t,Object.assign({},{ref:r,id:a,name:a},le(i))))}),x.forwardRef(function(e,r){return x.createElement(Q,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"}}}))}),x.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 x.createElement(Q,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&&x.createElement("title",null,c),x.createElement("circle",{cx:16,cy:16,r:l,opacity:1/8}),x.createElement("circle",{cx:16,cy:16,r:l,strokeDasharray:d,strokeDashoffset:u,transform:"rotate(-90 16 16)"}))});var ge=t({from:{transform:"rotate(0deg)"},to:{transform:"rotate(360deg)"}});x.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 x.createElement(Q,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"}}),x.createElement("title",null,a),x.createElement("circle",{cx:16,cy:16,r:c,opacity:1/8}),x.createElement(Q,{as:"circle",cx:16,cy:16,r:c,strokeDasharray:s,strokeDashoffset:l,__css:{transformOrigin:"50% 50%",animationName:ge.toString(),animationTimingFunction:"linear",animationDuration:i+"ms",animationIterationCount:"infinite"}}))}),x.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 x.createElement(te,Object.assign({},{ref:r,width:t,height:t,variant:"avatar"},n,{__css:{borderRadius:9999}}))}),x.forwardRef(function(e,r){return x.createElement(Q,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 ye=x.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 x.createElement(Q,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=x.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",fill:"currentcolor",viewBox:"0 0 24 24"},x.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"}));x.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 x.createElement(ye,Object.assign({},{ref:r,title:"Close","aria-label":"Close",variant:"close"},t,{children:we}))}),x.forwardRef(function(e,r){return x.createElement(Q,Object.assign({},{ref:r},e,{__themeKey:"alerts",__css:{display:"flex",alignItems:"center",px:3,py:2,fontWeight:"bold",color:"white",bg:"primary",borderRadius:4}}))}),x.forwardRef(function(e,r){return x.createElement(Q,Object.assign({},{ref:r,as:"hr",variant:"styles.hr"},e,{__css:{color:"gray",m:0,my:2,border:0,borderBottom:"1px solid"}}))}),x.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 x.createElement(Q,Object.assign({},l,{__css:{width:"100%",height:0,paddingBottom:100/t+"%",position:"relative",overflow:"hidden"}}),x.createElement(Q,{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 xe=x.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 x.createElement(Q,{ref:r,sx:{position:"relative",overflow:"hidden"}},x.createElement(Q,{sx:{width:"100%",height:0,paddingBottom:100/t+"%"}}),x.createElement(Q,Object.assign({},a,{__css:{position:"absolute",top:0,right:0,bottom:0,left:0}}),n))});x.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 x.createElement(xe,{ratio:t},x.createElement(te,Object.assign({},{ref:r},n,{__css:{objectFit:"cover"}})))}),x.forwardRef(function(e,r){return x.createElement(Q,Object.assign({},{ref:r,variant:"container"},e,{__themeKey:"layout",__css:{width:"100%",maxWidth:"container",mx:"auto"}}))}),x.forwardRef(function(e,r){return x.createElement(re,Object.assign({},{ref:r,variant:"nav"},e,{__css:{color:"inherit",textDecoration:"none",fontWeight:"bold",display:"inline-block","&:hover, &:focus, &.active":{color:"primary"}}}))}),x.forwardRef(function(e,r){return x.createElement(Q,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 Oe=function(e){var r=e.size;return void 0===r&&(r=24),x.createElement(Q,{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}},x.createElement("path",{d:"M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"}))},_e=(x.forwardRef(function(e,r){return x.createElement(ye,Object.assign({},{ref:r,title:"Menu","aria-label":"Toggle Menu",variant:"menu"},e),x.createElement(Oe,null))}),i(o.propNames.concat(c.propNames,s.propNames,l.propNames,d.propNames,u.propNames,f.propNames,p.propNames,h.propNames,v.propNames))),je=[o,c,s,l,d,u,f,p,h,v];function ke(e){return n(e.sx)(e.theme)}function Ee(e){var r=e.variant,t=e.theme,a=e.variantKey;return n(m(t,a?a+"."+r:r,m(t,a)))(t)}var ze=k("div",{shouldForwardProp:_e}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){return n(e.__base)(e.theme)},Ee].concat(je,[ke])),Re=k(ze)({display:"grid"}),Ke=k(ze)({display:"flex"}),Ce=k("label",{shouldForwardProp:_e}).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"),Ee({variant:e.variant,variantKey:r,theme:e.theme})}].concat(je,[ke]));function Pe(e){var r=e.theme;return n({px:3,py:2,color:"white",bg:"primary",border:0,borderRadius:"default","&:hover":{bg:"secondary"}})(r)}var Se=function(e){var r=e.variantKey;return void 0===r&&(r="buttons"),b({variant:e.variant,theme:e.theme,variantKey:r})},Ne=k("button",{shouldForwardProp:w}).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"},Pe,Se].concat(y,[g])),Me=k("a",{shouldForwardProp:w}).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"},Pe,Se].concat(y,[g])),We=k("a",{shouldForwardProp:_e}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.variant;void 0===r&&(r="a");var t=e.variantKey;return void 0===t&&(t="links"),Ee({variant:r,variantKey:t,theme:e.theme})}].concat(je,[ke])),Fe=k("p",{shouldForwardProp:_e}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.variantKey;return void 0===r&&(r="text"),Ee({variant:e.variant,theme:e.theme,variantKey:r})}].concat(je,[ke])),He=k("input",{shouldForwardProp:_e}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return n({display:"block",width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:"default",color:"inherit",bg:"transparent"})(r)},function(e){var r=e.variantKey;return void 0===r&&(r="inputs"),Ee({variant:e.variant,theme:e.theme,variantKey:r})}].concat(je,[ke])),Be=k("svg",{shouldForwardProp:_e}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return n({fill:"currentColor",color:"black",display:"block"})(r)},function(e){var r=e.variantKey;return void 0===r&&(r="svg"),Ee({variant:e.variant,theme:e.theme,variantKey:r})}].concat(je,[ke])),Ve=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 x.createElement(Be,Object.assign({},n),x.createElement("title",null,r),x.createElement("desc",null,t),n.children)},De=k("select",{shouldForwardProp:_e}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return n({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"),Ee({variant:r,theme:e.theme,variantKey:t})}].concat(je,[ke])),Ie=O(function(e,r){return _(Ke,null,_(De,Object.assign({ref:r},e)),_(Ve,{viewBox:"0 0 16 16",height:"16px",width:"16px",alignSelf:"center",ml:"-28px",color:"text"},_("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 Le(e){var r=e.variant,t=e.variantKey;return _(ze,{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"},_(ze,{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 Ae=O(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 _(ze,Object.assign({display:"inline-flex",position:"relative",sx:{cursor:a?"not-allowed":"pointer"}},l),_(He,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)),_(Le,{checked:t,variant:c,variantKey:o,sx:i,disabled:a,indicatorVariant:s}))}),Te=k("textarea",{shouldForwardProp:_e}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return n({display:"block",width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:"default",color:"inherit",bg:"transparent"})(r)},function(e){return Ee({variant:e.variant,theme:e.theme,variantKey:"textarea"})}].concat(je,[ke]));function Ge(e){return _(Ve,Object.assign({title:"Radio input unchecked",height:16,width:16,viewBox:"0 0 16 16"},e),_("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 qe(e){return _(Ve,Object.assign({title:"Radio input checked",height:16,width:16,viewBox:"0 0 16 16"},e),_("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 Xe(e){var r=e.sx,t=e.variant,n=e.variantKey;return _(j,null,_(qe,{sx:Object.assign({},r,{display:"none","input:checked ~ &":{display:"block",color:"primary"}}),variant:t,variantKey:n}),_(Ge,{sx:Object.assign({},r,{color:"defaultGray",display:"block","input:checked ~ &":{display:"none"}}),variant:t,variantKey:n}))}var Ze=O(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 _(ze,null,_(He,Object.assign({ref:r,type:"radio",position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"},a)),_(Xe,Object.assign({"aria-hidden":"true",sx:{"input:focus ~ &":{outline:"1px auto",outlineOffset:"1px",outlineColor:"primary"}},variant:t,variantKey:n},a)))});function Ye(e){return _(Ve,Object.assign({title:"Checkbox input unchecked",height:16,width:16,viewBox:"0 0 16 16"},e),_("path",{d:"M0 3a3 3 0 013-3h10a3 3 0 013 3v10a3 3 0 01-3 3H3a3 3 0 01-3-3V3z",fill:"#fff"}),_("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 $e(e){return _(Ve,Object.assign({title:"Checkbox input checked",height:16,width:16,viewBox:"0 0 16 16"},e),_("path",{d:"M0 3a3 3 0 013-3h10a3 3 0 013 3v10a3 3 0 01-3 3H3a3 3 0 01-3-3V3z",fill:"#0076D1"}),_("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"}),_("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 Je(e){var r=e.sx,t=e.variant,n=e.variantKey;return _(j,null,_($e,{sx:Object.assign({},r,{display:"none","input:checked ~ &":{display:"block",color:"primary"}}),variant:t,variantKey:n}),_(Ye,{sx:Object.assign({},r,{color:"defaultGray",display:"block","input:checked ~ &":{display:"none"}}),variant:t,variantKey:n}))}var Qe=O(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 _(ze,null,_(He,Object.assign({ref:r,type:"checkbox",position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"},a)),_(Je,Object.assign({"aria-hidden":"true",sx:{"input:focus ~ &":{outline:"1px auto",outlineOffset:"1px",outlineColor:"primary"}},variant:t,variantKey:n},a)))}),Ue=O(function(e,r){var t=e.name,n=e.defaultValue,a=e.children;return _(ze,{mb:4},_(Ce,{htmlFor:t,mb:2},e.label),_(He,{ref:r,id:t,name:t,defaultValue:n}),a)});function er(e){var r=e.children,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,["children"]);return _(Fe,Object.assign({as:"span",color:"danger",role:"alert"},t),r)}var rr=k("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"}),tr=O(function(e,r){return _(rr,Object.assign({ref:r},e))});export{ze as Box,ke as sx,Ee as variant,Re as Grid,Ke as Flex,Ce as Label,Ne as Button,Me as AnchorButton,We as Link,Fe as Text,He as Input,Ie as Select,Be as Svg,Ve as SvgIcon,Ae as Switch,Te as Textarea,Ze as Radio,Qe as Checkbox,Ue as Field,er as FieldError,tr as VisuallyHidden};
 //# sourceMappingURL=index.es.js.map

dist/index.js

@@ -1,2 +0,2 @@
-function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}var r=require("@emotion/core/package.json"),t=e(require("@styled-system/space")),n=require("@emotion/core"),a=require("@theme-ui/css"),i=require("@styled-system/should-forward-prop"),o=require("styled-system"),c=require("@kodiak-ui/core"),s=require("react"),l=e(s),d=e(require("@emotion/styled"));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}l.createContext({__EMOTION_VERSION__:r.version,theme:null});var h=l.createContext({}),m={inlineCode:"code",wrapper:function(e){return l.createElement(l.Fragment,{},e.children)}};s.forwardRef(function(e,r){var t=e.components,n=e.mdxType,a=e.originalType,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=l.useContext(h),t=r;return e&&(t="function"==typeof e?e(r):p({},r,{},e)),t}(t),s=n,d=c["".concat(i,".").concat(s)]||c[s]||m[s]||a;return l.createElement(d,t?p({ref:r},o,{components:t}):p({ref:r},o))}).displayName="MDXCreateElement";var v={inlineCode:"code",thematicBreak:"hr",root:"div"},b=function(e){return function(r){return a.css(a.get(r.theme,"styles."+e))(r.theme)}},g=d("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]=d(v[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,_=Object.prototype.propertyIsEnumerable,j=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var r={},t=0;t<10;t++)r["_"+String.fromCharCode(t)]=t;if("0123456789"!==Object.getOwnPropertyNames(r).map(function(e){return r[e]}).join(""))return!1;var n={};return"abcdefghijklmnopqrst".split("").forEach(function(e){n[e]=e}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},n)).join("")}catch(e){return!1}}()?Object.assign:function(e,r){for(var t,n,a=arguments,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++)_.call(t,n[s])&&(i[n[s]]=t[n[s]])}}return i},k=function(e,r){var t=j({},e,r);for(var n in e){var a;e[n]&&"object"==typeof r[n]&&j(t,((a={})[n]=j(e[n],r[n]),a))}return t},R={breakpoints:[40,52,64].map(function(e){return e+"em"})},z=function(e){return"@media screen and (min-width: "+e+")"},K=function(e,r){return P(r,e,e)},P=function(e,r,t,n,a){for(r=r&&r.split?r.split("."):[r],n=0;n<r.length;n++)e=e?e[r[n]]:a;return e===a?t:e},S=function(e,r,t,n,a){var i={};return n.slice(0,e.length).forEach(function(n,o){var c,s=e[o],l=r(n,t,a);j(i,s?((c={})[s]=j({},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=z(c);j(i,((l={})[d]=j({},i[d],s),l))}else j(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},N={color:{property:"color",scale:"colors"},backgroundColor:{property:"backgroundColor",scale:"colors"},opacity:!0};N.bg=N.backgroundColor;var M=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=P(e.theme,l.scale,l.defaults);if("object"!=typeof d)j(i,l(d,u,e));else{if(t.breakpoints=!c&&t.breakpoints||P(e.theme,"breakpoints",R.breakpoints),Array.isArray(d)){t.media=!c&&t.media||[null].concat(t.breakpoints.map(z)),i=k(i,S(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)}(N),W=i.createShouldForwardProp(t.propNames.concat(M.propNames)),H=d("div",{shouldForwardProp:W})({boxSizing:"border-box",margin:0,minWidth:0},function(e){return a.css(e.__css)(e.theme)},function(e){var r=e.theme,t=e.variant,n=e.__themeKey;return void 0===n&&(n="variants"),a.css(a.get(r,n+"."+t,a.get(r,t)))},t,M,function(e){return a.css(e.sx)(e.theme)},function(e){return e.css});d(H)({display:"flex"});var B=function(e){return Array.isArray(e)?e.map(B):!!e&&"repeat(auto-fit, minmax("+("number"==typeof(r=e)?r+"px":r)+", 1fr))";var r},V=function(e){return Array.isArray(e)?e.map(V):!!e&&("number"==typeof e?"repeat("+e+", 1fr)":e)},I=(l.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?B(t):V(n);return l.createElement(H,Object.assign({},{ref:r},i,{__themeKey:"grids",__css:{display:"grid",gridGap:a,gridTemplateColumns:o}}))}),l.forwardRef(function(e,r){return l.createElement(H,Object.assign({},{ref:r,as:"button",variant:"primary"},e,{__themeKey:"buttons",__css:{appearance:"none",display:"inline-block",textAlign:"center",lineHeight:"inherit",textDecoration:"none",fontSize:"inherit",px:3,py:2,color:"white",bg:"primary",border:0,borderRadius:4}}))}),l.forwardRef(function(e,r){return l.createElement(H,Object.assign({},{ref:r,as:"a",variant:"styles.a"},e,{__themeKey:"links"}))})),D=(l.forwardRef(function(e,r){return l.createElement(H,Object.assign({},{ref:r},e,{__themeKey:"text"}))}),l.forwardRef(function(e,r){return l.createElement(H,Object.assign({},{ref:r,as:"h2",variant:"heading"},e,{__themeKey:"text",__css:{fontFamily:"heading",fontWeight:"heading",lineHeight:"heading"}}))}),l.forwardRef(function(e,r){return l.createElement(H,Object.assign({},{ref:r,as:"img"},e,{__themeKey:"images",__css:Object.assign({},{maxWidth:"100%",height:"auto"},e.__css)}))})),L=(l.forwardRef(function(e,r){return l.createElement(H,Object.assign({},{ref:r,variant:"primary"},e,{__themeKey:"cards"}))}),l.forwardRef(function(e,r){return l.createElement(H,Object.assign({},{ref:r,as:"label",variant:"label"},e,{__themeKey:"forms",__css:{width:"100%",display:"flex"}}))})),A=l.forwardRef(function(e,r){return l.createElement(H,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"}}))}),q=function(e){var r=e.size;void 0===r&&(r=24);var t=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size"]);return l.createElement(H,Object.assign({},{as:"svg",xmlns:"http://www.w3.org/2000/svg",width:r+"",height:r+"",viewBox:"0 0 24 24",fill:"currentcolor"},t))},T=function(e){return function(r){var t={};for(var n in r)e(n||"")&&(t[n]=r[n]);return t}},G=/^m[trblxy]?$/,X=T(function(e){return G.test(e)}),Z=T(function(e){return!G.test(e)}),Y=function(e){return l.createElement(q,e,l.createElement("path",{d:"M7 10l5 5 5-5z"}))};l.forwardRef(function(e,r){return l.createElement(H,Object.assign({},X(e),{sx:{display:"flex"}}),l.createElement(H,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"}})),l.createElement(Y,{sx:{ml:-28,alignSelf:"center",pointerEvents:"none"}}))}),l.forwardRef(function(e,r){return l.createElement(H,Object.assign({},{ref:r,as:"textarea",variant:"textarea"},e,{__themeKey:"forms",__css:{display:"block",width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:4,color:"inherit",bg:"transparent"}}))});var $=function(e){return l.createElement(q,e,l.createElement("path",{d:"M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}))},J=function(e){return l.createElement(q,e,l.createElement("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}))},Q=function(e){return l.createElement(l.Fragment,null,l.createElement($,Object.assign({},e,{__css:{display:"none","input:checked ~ &":{display:"block"}}})),l.createElement(J,Object.assign({},e,{__css:{display:"block","input:checked ~ &":{display:"none"}}})))};l.forwardRef(function(e,r){var t=e.className,n=e.sx,a=e.variant;void 0===a&&(a="radio");var 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 l.createElement(H,null,l.createElement(H,Object.assign({},{ref:r,as:"input",type:"radio"},i,{sx:{position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"}})),l.createElement(H,{as:Q,"aria-hidden":"true",__themeKey:"forms",variant:a,className:t,sx:n,__css:{mr:2,borderRadius:9999,color:"gray","input:checked ~ &":{color:"primary"},"input:focus ~ &":{bg:"highlight"}}}))});var U=function(e){return l.createElement(q,e,l.createElement("path",{d:"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"}))},ee=function(e){return l.createElement(q,e,l.createElement("path",{d:"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"}))},re=function(e){return l.createElement(l.Fragment,null,l.createElement(U,Object.assign({},e,{__css:{display:"none","input:checked ~ &":{display:"block"}}})),l.createElement(ee,Object.assign({},e,{__css:{display:"block","input:checked ~ &":{display:"none"}}})))},te=(l.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 l.createElement(H,null,l.createElement(H,Object.assign({},{ref:r,as:"input",type:"checkbox"},i,{sx:{position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"}})),l.createElement(H,{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"});l.forwardRef(function(e,r){return l.createElement(H,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}}))}),l.forwardRef(function(e,r){var t=e.as;void 0===t&&(t=A);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 l.createElement(H,X(i),l.createElement(L,{htmlFor:a},n),l.createElement(t,Object.assign({},{ref:r,id:a,name:a},Z(i))))}),l.forwardRef(function(e,r){return l.createElement(H,Object.assign({},{ref:r,as:"progress",variant:"styles.progress"},e,{__css:{display:"block",width:"100%",height:"4px",margin:0,padding:0,overflow:"hidden",appearance:"none",color:"primary",bg:"gray",borderRadius:9999,border:"none","&::-webkit-progress-bar":{bg:"transparent"},"&::-webkit-progress-value":{bg:"currentcolor"},"&::-moz-progress-bar":{bg:"currentcolor"}}}))}),l.forwardRef(function(e,r){var t=e.size;void 0===t&&(t=128);var n=e.strokeWidth;void 0===n&&(n=2);var a=e.value;void 0===a&&(a=0);var 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"]),d=16-n,u=2*d*Math.PI,f=u-(a-i)/(o-i)*u;return l.createElement(H,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&&l.createElement("title",null,c),l.createElement("circle",{cx:16,cy:16,r:d,opacity:1/8}),l.createElement("circle",{cx:16,cy:16,r:d,strokeDasharray:u,strokeDashoffset:f,transform:"rotate(-90 16 16)"}))});var ne=n.keyframes({from:{transform:"rotate(0deg)"},to:{transform:"rotate(360deg)"}});l.forwardRef(function(e,r){var t=e.size;void 0===t&&(t=48);var n=e.strokeWidth;void 0===n&&(n=4);var a=e.title;void 0===a&&(a="Loading...");var 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,d=s-.25*s;return l.createElement(H,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"}}),l.createElement("title",null,a),l.createElement("circle",{cx:16,cy:16,r:c,opacity:1/8}),l.createElement(H,{as:"circle",cx:16,cy:16,r:c,strokeDasharray:s,strokeDashoffset:d,__css:{transformOrigin:"50% 50%",animationName:ne.toString(),animationTimingFunction:"linear",animationDuration:i+"ms",animationIterationCount:"infinite"}}))}),l.forwardRef(function(e,r){var t=e.size;void 0===t&&(t=48);var n=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size"]);return l.createElement(D,Object.assign({},{ref:r,width:t,height:t,variant:"avatar"},n,{__css:{borderRadius:9999}}))}),l.forwardRef(function(e,r){return l.createElement(H,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=l.forwardRef(function(e,r){var t=e.size;void 0===t&&(t=32);var n=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size"]);return l.createElement(H,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=l.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",fill:"currentcolor",viewBox:"0 0 24 24"},l.createElement("path",{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"}));l.forwardRef(function(e,r){var t=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size"]);return l.createElement(ae,Object.assign({},{ref:r,title:"Close","aria-label":"Close",variant:"close"},t,{children:ie}))}),l.forwardRef(function(e,r){return l.createElement(H,Object.assign({},{ref:r},e,{__themeKey:"alerts",__css:{display:"flex",alignItems:"center",px:3,py:2,fontWeight:"bold",color:"white",bg:"primary",borderRadius:4}}))}),l.forwardRef(function(e,r){return l.createElement(H,Object.assign({},{ref:r,as:"hr",variant:"styles.hr"},e,{__css:{color:"gray",m:0,my:2,border:0,borderBottom:"1px solid"}}))}),l.forwardRef(function(e,r){var t=e.ratio;void 0===t&&(t=16/9);var n=e.src,a=e.frameBorder;void 0===a&&(a=0);var 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,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 l.createElement(H,Object.assign({},d,{__css:{width:"100%",height:0,paddingBottom:100/t+"%",position:"relative",overflow:"hidden"}}),l.createElement(H,{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 oe=l.forwardRef(function(e,r){var t=e.ratio;void 0===t&&(t=4/3);var n=e.children,a=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["ratio","children"]);return l.createElement(H,{ref:r,sx:{position:"relative",overflow:"hidden"}},l.createElement(H,{sx:{width:"100%",height:0,paddingBottom:100/t+"%"}}),l.createElement(H,Object.assign({},a,{__css:{position:"absolute",top:0,right:0,bottom:0,left:0}}),n))});l.forwardRef(function(e,r){var t=e.ratio,n=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["ratio"]);return l.createElement(oe,{ratio:t},l.createElement(D,Object.assign({},{ref:r},n,{__css:{objectFit:"cover"}})))}),l.forwardRef(function(e,r){return l.createElement(H,Object.assign({},{ref:r,variant:"container"},e,{__themeKey:"layout",__css:{width:"100%",maxWidth:"container",mx:"auto"}}))}),l.forwardRef(function(e,r){return l.createElement(I,Object.assign({},{ref:r,variant:"nav"},e,{__css:{color:"inherit",textDecoration:"none",fontWeight:"bold",display:"inline-block","&:hover, &:focus, &.active":{color:"primary"}}}))}),l.forwardRef(function(e,r){return l.createElement(H,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),l.createElement(H,{as:"svg",xmlns:"http://www.w3.org/2000/svg",width:r,height:r,fill:"currentcolor",viewBox:"0 0 24 24",sx:{display:"block",margin:0}},l.createElement("path",{d:"M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"}))},se=(l.forwardRef(function(e,r){return l.createElement(ae,Object.assign({},{ref:r,title:"Menu","aria-label":"Toggle Menu",variant:"menu"},e),l.createElement(ce,null))}),i.createShouldForwardProp(o.space.propNames.concat(o.color.propNames,o.typography.propNames,o.layout.propNames,o.flexbox.propNames,o.grid.propNames,o.background.propNames,o.border.propNames,o.position.propNames,o.shadow.propNames))),le=[o.space,o.color,o.typography,o.layout,o.flexbox,o.grid,o.background,o.border,o.position,o.shadow];function de(e){return a.css(e.sx)(e.theme)}function ue(e){var r=e.variant,t=e.theme,n=e.variantKey;return a.css(o.get(t,n?n+"."+r:r,o.get(t,n)))(t)}var fe=d("div",{shouldForwardProp:se}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){return a.css(e.__base)(e.theme)},ue].concat(le,[de])),pe=d(fe)({display:"grid"}),he=d(fe)({display:"flex"}),me=d("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"),ue({variant:e.variant,variantKey:r,theme:e.theme})}].concat(le,[de]));function ve(e){var r=e.theme;return a.css({px:3,py:2,color:"white",bg:"primary",border:0,borderRadius:"default","&:hover":{bg:"secondary"}})(r)}function be(e){var r=e.variant;return void 0===r&&(r="buttons.primary"),c.variant({theme:e.theme,variant:r})}var ge=d("button",{shouldForwardProp:c.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,be].concat(c.systemProps,[c.sx])),ye=d("a",{shouldForwardProp:c.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,be].concat(c.systemProps,[c.sx])),xe=d("a",{shouldForwardProp:se}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.variant;void 0===r&&(r="a");var t=e.variantKey;return void 0===t&&(t="links"),ue({variant:r,variantKey:t,theme:e.theme})}].concat(le,[de])),we=d("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"),ue({variant:e.variant,theme:e.theme,variantKey:r})}].concat(le,[de])),Oe=d("input",{shouldForwardProp:se}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return a.css({display:"block",width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:"default",color:"inherit",bg:"transparent"})(r)},function(e){var r=e.variantKey;return void 0===r&&(r="inputs"),ue({variant:e.variant,theme:e.theme,variantKey:r})}].concat(le,[de])),Ee=d("svg",{shouldForwardProp:se}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return a.css({fill:"currentColor",color:"black",display:"block"})(r)},function(e){var r=e.variantKey;return void 0===r&&(r="svg"),ue({variant:e.variant,theme:e.theme,variantKey:r})}].concat(le,[de])),_e=function(e){var r=e.title,t=e.desc,n=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["title","desc"]);return l.createElement(Ee,Object.assign({},n),l.createElement("title",null,r),l.createElement("desc",null,t),n.children)},je=d("select",{shouldForwardProp:se}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return a.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"),ue({variant:r,theme:e.theme,variantKey:t})}].concat(le,[de])),ke=s.forwardRef(function(e,r){return s.createElement(he,null,s.createElement(je,Object.assign({ref:r},e)),s.createElement(_e,{viewBox:"0 0 16 16",height:"16px",width:"16px",alignSelf:"center",ml:"-28px",color:"text"},s.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 Re(e){var r=e.variant,t=e.variantKey;return s.createElement(fe,{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"},s.createElement(fe,{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 ze=s.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 c=e.variant;void 0===c&&(c="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 s.createElement(fe,Object.assign({display:"inline-flex",position:"relative",sx:{cursor:a?"not-allowed":"pointer"}},d),s.createElement(Oe,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)),s.createElement(Re,{checked:t,variant:c,variantKey:o,sx:i,disabled:a,indicatorVariant:l}))}),Ke=d("textarea",{shouldForwardProp:se}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return a.css({display:"block",width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:"default",color:"inherit",bg:"transparent"})(r)},function(e){return ue({variant:e.variant,theme:e.theme,variantKey:"textarea"})}].concat(le,[de]));function Pe(e){return s.createElement(_e,Object.assign({title:"Radio input unchecked",height:16,width:16,viewBox:"0 0 16 16"},e),s.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 Se(e){return s.createElement(_e,Object.assign({title:"Radio input checked",height:16,width:16,viewBox:"0 0 16 16"},e),s.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 Ce(e){var r=e.sx,t=e.variant,n=e.variantKey;return s.createElement(s.Fragment,null,s.createElement(Se,{sx:Object.assign({},r,{display:"none","input:checked ~ &":{display:"block",color:"primary"}}),variant:t,variantKey:n}),s.createElement(Pe,{sx:Object.assign({},r,{color:"defaultGray",display:"block","input:checked ~ &":{display:"none"}}),variant:t,variantKey:n}))}var Fe=s.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 s.createElement(fe,null,s.createElement(Oe,Object.assign({ref:r,type:"radio",position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"},a)),s.createElement(Ce,Object.assign({"aria-hidden":"true",sx:{"input:focus ~ &":{outline:"1px auto",outlineOffset:"1px",outlineColor:"primary"}},variant:t,variantKey:n},a)))});function Ne(e){return s.createElement(_e,Object.assign({title:"Checkbox input unchecked",height:16,width:16,viewBox:"0 0 16 16"},e),s.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"}),s.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 Me(e){return s.createElement(_e,Object.assign({title:"Checkbox input checked",height:16,width:16,viewBox:"0 0 16 16"},e),s.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"}),s.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"}),s.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 We(e){var r=e.sx,t=e.variant,n=e.variantKey;return s.createElement(s.Fragment,null,s.createElement(Me,{sx:Object.assign({},r,{display:"none","input:checked ~ &":{display:"block",color:"primary"}}),variant:t,variantKey:n}),s.createElement(Ne,{sx:Object.assign({},r,{color:"defaultGray",display:"block","input:checked ~ &":{display:"none"}}),variant:t,variantKey:n}))}var He=s.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 s.createElement(fe,null,s.createElement(Oe,Object.assign({ref:r,type:"checkbox",position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"},a)),s.createElement(We,Object.assign({"aria-hidden":"true",sx:{"input:focus ~ &":{outline:"1px auto",outlineOffset:"1px",outlineColor:"primary"}},variant:t,variantKey:n},a)))}),Be=s.forwardRef(function(e,r){var t=e.name,n=e.defaultValue,a=e.children;return s.createElement(fe,{mb:4},s.createElement(me,{htmlFor:t,mb:2},e.label),s.createElement(Oe,{ref:r,id:t,name:t,defaultValue:n}),a)}),Ve=d("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"}),Ie=s.forwardRef(function(e,r){return s.createElement(Ve,Object.assign({ref:r},e))});exports.Box=fe,exports.sx=de,exports.variant=ue,exports.Grid=pe,exports.Flex=he,exports.Label=me,exports.Button=ge,exports.AnchorButton=ye,exports.Link=xe,exports.Text=we,exports.Input=Oe,exports.Select=ke,exports.Svg=Ee,exports.SvgIcon=_e,exports.Switch=ze,exports.Textarea=Ke,exports.Radio=Fe,exports.Checkbox=He,exports.Field=Be,exports.FieldError=function(e){var r=e.children,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,["children"]);return s.createElement(we,Object.assign({as:"span",color:"danger",role:"alert"},t),r)},exports.VisuallyHidden=Ie;
+function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}var r=require("@emotion/core/package.json"),t=e(require("@styled-system/space")),n=require("@emotion/core"),a=require("@theme-ui/css"),i=require("@styled-system/should-forward-prop"),o=require("styled-system"),c=require("@kodiak-ui/core"),s=require("react"),l=e(s),d=e(require("@emotion/styled"));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}l.createContext({__EMOTION_VERSION__:r.version,theme:null});var h=l.createContext({}),m={inlineCode:"code",wrapper:function(e){return l.createElement(l.Fragment,{},e.children)}};s.forwardRef(function(e,r){var t=e.components,n=e.mdxType,a=e.originalType,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=l.useContext(h),t=r;return e&&(t="function"==typeof e?e(r):p({},r,{},e)),t}(t),s=n,d=c["".concat(i,".").concat(s)]||c[s]||m[s]||a;return l.createElement(d,t?p({ref:r},o,{components:t}):p({ref:r},o))}).displayName="MDXCreateElement";var v={inlineCode:"code",thematicBreak:"hr",root:"div"},b=function(e){return function(r){return a.css(a.get(r.theme,"styles."+e))(r.theme)}},g=d("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]=d(v[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,_=Object.prototype.propertyIsEnumerable,j=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var r={},t=0;t<10;t++)r["_"+String.fromCharCode(t)]=t;if("0123456789"!==Object.getOwnPropertyNames(r).map(function(e){return r[e]}).join(""))return!1;var n={};return"abcdefghijklmnopqrst".split("").forEach(function(e){n[e]=e}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},n)).join("")}catch(e){return!1}}()?Object.assign:function(e,r){for(var t,n,a=arguments,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++)_.call(t,n[s])&&(i[n[s]]=t[n[s]])}}return i},k=function(e,r){var t=j({},e,r);for(var n in e){var a;e[n]&&"object"==typeof r[n]&&j(t,((a={})[n]=j(e[n],r[n]),a))}return t},R={breakpoints:[40,52,64].map(function(e){return e+"em"})},z=function(e){return"@media screen and (min-width: "+e+")"},K=function(e,r){return P(r,e,e)},P=function(e,r,t,n,a){for(r=r&&r.split?r.split("."):[r],n=0;n<r.length;n++)e=e?e[r[n]]:a;return e===a?t:e},S=function(e,r,t,n,a){var i={};return n.slice(0,e.length).forEach(function(n,o){var c,s=e[o],l=r(n,t,a);j(i,s?((c={})[s]=j({},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=z(c);j(i,((l={})[d]=j({},i[d],s),l))}else j(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},N={color:{property:"color",scale:"colors"},backgroundColor:{property:"backgroundColor",scale:"colors"},opacity:!0};N.bg=N.backgroundColor;var M=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=P(e.theme,l.scale,l.defaults);if("object"!=typeof d)j(i,l(d,u,e));else{if(t.breakpoints=!c&&t.breakpoints||P(e.theme,"breakpoints",R.breakpoints),Array.isArray(d)){t.media=!c&&t.media||[null].concat(t.breakpoints.map(z)),i=k(i,S(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)}(N),W=i.createShouldForwardProp(t.propNames.concat(M.propNames)),H=d("div",{shouldForwardProp:W})({boxSizing:"border-box",margin:0,minWidth:0},function(e){return a.css(e.__css)(e.theme)},function(e){var r=e.theme,t=e.variant,n=e.__themeKey;return void 0===n&&(n="variants"),a.css(a.get(r,n+"."+t,a.get(r,t)))},t,M,function(e){return a.css(e.sx)(e.theme)},function(e){return e.css});d(H)({display:"flex"});var B=function(e){return Array.isArray(e)?e.map(B):!!e&&"repeat(auto-fit, minmax("+("number"==typeof(r=e)?r+"px":r)+", 1fr))";var r},V=function(e){return Array.isArray(e)?e.map(V):!!e&&("number"==typeof e?"repeat("+e+", 1fr)":e)},I=(l.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?B(t):V(n);return l.createElement(H,Object.assign({},{ref:r},i,{__themeKey:"grids",__css:{display:"grid",gridGap:a,gridTemplateColumns:o}}))}),l.forwardRef(function(e,r){return l.createElement(H,Object.assign({},{ref:r,as:"button",variant:"primary"},e,{__themeKey:"buttons",__css:{appearance:"none",display:"inline-block",textAlign:"center",lineHeight:"inherit",textDecoration:"none",fontSize:"inherit",px:3,py:2,color:"white",bg:"primary",border:0,borderRadius:4}}))}),l.forwardRef(function(e,r){return l.createElement(H,Object.assign({},{ref:r,as:"a",variant:"styles.a"},e,{__themeKey:"links"}))})),D=(l.forwardRef(function(e,r){return l.createElement(H,Object.assign({},{ref:r},e,{__themeKey:"text"}))}),l.forwardRef(function(e,r){return l.createElement(H,Object.assign({},{ref:r,as:"h2",variant:"heading"},e,{__themeKey:"text",__css:{fontFamily:"heading",fontWeight:"heading",lineHeight:"heading"}}))}),l.forwardRef(function(e,r){return l.createElement(H,Object.assign({},{ref:r,as:"img"},e,{__themeKey:"images",__css:Object.assign({},{maxWidth:"100%",height:"auto"},e.__css)}))})),L=(l.forwardRef(function(e,r){return l.createElement(H,Object.assign({},{ref:r,variant:"primary"},e,{__themeKey:"cards"}))}),l.forwardRef(function(e,r){return l.createElement(H,Object.assign({},{ref:r,as:"label",variant:"label"},e,{__themeKey:"forms",__css:{width:"100%",display:"flex"}}))})),A=l.forwardRef(function(e,r){return l.createElement(H,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"}}))}),q=function(e){var r=e.size;void 0===r&&(r=24);var t=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size"]);return l.createElement(H,Object.assign({},{as:"svg",xmlns:"http://www.w3.org/2000/svg",width:r+"",height:r+"",viewBox:"0 0 24 24",fill:"currentcolor"},t))},T=function(e){return function(r){var t={};for(var n in r)e(n||"")&&(t[n]=r[n]);return t}},G=/^m[trblxy]?$/,X=T(function(e){return G.test(e)}),Z=T(function(e){return!G.test(e)}),Y=function(e){return l.createElement(q,e,l.createElement("path",{d:"M7 10l5 5 5-5z"}))};l.forwardRef(function(e,r){return l.createElement(H,Object.assign({},X(e),{sx:{display:"flex"}}),l.createElement(H,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"}})),l.createElement(Y,{sx:{ml:-28,alignSelf:"center",pointerEvents:"none"}}))}),l.forwardRef(function(e,r){return l.createElement(H,Object.assign({},{ref:r,as:"textarea",variant:"textarea"},e,{__themeKey:"forms",__css:{display:"block",width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:4,color:"inherit",bg:"transparent"}}))});var $=function(e){return l.createElement(q,e,l.createElement("path",{d:"M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}))},J=function(e){return l.createElement(q,e,l.createElement("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}))},Q=function(e){return l.createElement(l.Fragment,null,l.createElement($,Object.assign({},e,{__css:{display:"none","input:checked ~ &":{display:"block"}}})),l.createElement(J,Object.assign({},e,{__css:{display:"block","input:checked ~ &":{display:"none"}}})))};l.forwardRef(function(e,r){var t=e.className,n=e.sx,a=e.variant;void 0===a&&(a="radio");var 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 l.createElement(H,null,l.createElement(H,Object.assign({},{ref:r,as:"input",type:"radio"},i,{sx:{position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"}})),l.createElement(H,{as:Q,"aria-hidden":"true",__themeKey:"forms",variant:a,className:t,sx:n,__css:{mr:2,borderRadius:9999,color:"gray","input:checked ~ &":{color:"primary"},"input:focus ~ &":{bg:"highlight"}}}))});var U=function(e){return l.createElement(q,e,l.createElement("path",{d:"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"}))},ee=function(e){return l.createElement(q,e,l.createElement("path",{d:"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"}))},re=function(e){return l.createElement(l.Fragment,null,l.createElement(U,Object.assign({},e,{__css:{display:"none","input:checked ~ &":{display:"block"}}})),l.createElement(ee,Object.assign({},e,{__css:{display:"block","input:checked ~ &":{display:"none"}}})))},te=(l.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 l.createElement(H,null,l.createElement(H,Object.assign({},{ref:r,as:"input",type:"checkbox"},i,{sx:{position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"}})),l.createElement(H,{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"});l.forwardRef(function(e,r){return l.createElement(H,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}}))}),l.forwardRef(function(e,r){var t=e.as;void 0===t&&(t=A);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 l.createElement(H,X(i),l.createElement(L,{htmlFor:a},n),l.createElement(t,Object.assign({},{ref:r,id:a,name:a},Z(i))))}),l.forwardRef(function(e,r){return l.createElement(H,Object.assign({},{ref:r,as:"progress",variant:"styles.progress"},e,{__css:{display:"block",width:"100%",height:"4px",margin:0,padding:0,overflow:"hidden",appearance:"none",color:"primary",bg:"gray",borderRadius:9999,border:"none","&::-webkit-progress-bar":{bg:"transparent"},"&::-webkit-progress-value":{bg:"currentcolor"},"&::-moz-progress-bar":{bg:"currentcolor"}}}))}),l.forwardRef(function(e,r){var t=e.size;void 0===t&&(t=128);var n=e.strokeWidth;void 0===n&&(n=2);var a=e.value;void 0===a&&(a=0);var 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"]),d=16-n,u=2*d*Math.PI,f=u-(a-i)/(o-i)*u;return l.createElement(H,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&&l.createElement("title",null,c),l.createElement("circle",{cx:16,cy:16,r:d,opacity:1/8}),l.createElement("circle",{cx:16,cy:16,r:d,strokeDasharray:u,strokeDashoffset:f,transform:"rotate(-90 16 16)"}))});var ne=n.keyframes({from:{transform:"rotate(0deg)"},to:{transform:"rotate(360deg)"}});l.forwardRef(function(e,r){var t=e.size;void 0===t&&(t=48);var n=e.strokeWidth;void 0===n&&(n=4);var a=e.title;void 0===a&&(a="Loading...");var 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,d=s-.25*s;return l.createElement(H,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"}}),l.createElement("title",null,a),l.createElement("circle",{cx:16,cy:16,r:c,opacity:1/8}),l.createElement(H,{as:"circle",cx:16,cy:16,r:c,strokeDasharray:s,strokeDashoffset:d,__css:{transformOrigin:"50% 50%",animationName:ne.toString(),animationTimingFunction:"linear",animationDuration:i+"ms",animationIterationCount:"infinite"}}))}),l.forwardRef(function(e,r){var t=e.size;void 0===t&&(t=48);var n=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size"]);return l.createElement(D,Object.assign({},{ref:r,width:t,height:t,variant:"avatar"},n,{__css:{borderRadius:9999}}))}),l.forwardRef(function(e,r){return l.createElement(H,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=l.forwardRef(function(e,r){var t=e.size;void 0===t&&(t=32);var n=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size"]);return l.createElement(H,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=l.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",fill:"currentcolor",viewBox:"0 0 24 24"},l.createElement("path",{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"}));l.forwardRef(function(e,r){var t=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size"]);return l.createElement(ae,Object.assign({},{ref:r,title:"Close","aria-label":"Close",variant:"close"},t,{children:ie}))}),l.forwardRef(function(e,r){return l.createElement(H,Object.assign({},{ref:r},e,{__themeKey:"alerts",__css:{display:"flex",alignItems:"center",px:3,py:2,fontWeight:"bold",color:"white",bg:"primary",borderRadius:4}}))}),l.forwardRef(function(e,r){return l.createElement(H,Object.assign({},{ref:r,as:"hr",variant:"styles.hr"},e,{__css:{color:"gray",m:0,my:2,border:0,borderBottom:"1px solid"}}))}),l.forwardRef(function(e,r){var t=e.ratio;void 0===t&&(t=16/9);var n=e.src,a=e.frameBorder;void 0===a&&(a=0);var 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,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 l.createElement(H,Object.assign({},d,{__css:{width:"100%",height:0,paddingBottom:100/t+"%",position:"relative",overflow:"hidden"}}),l.createElement(H,{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 oe=l.forwardRef(function(e,r){var t=e.ratio;void 0===t&&(t=4/3);var n=e.children,a=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["ratio","children"]);return l.createElement(H,{ref:r,sx:{position:"relative",overflow:"hidden"}},l.createElement(H,{sx:{width:"100%",height:0,paddingBottom:100/t+"%"}}),l.createElement(H,Object.assign({},a,{__css:{position:"absolute",top:0,right:0,bottom:0,left:0}}),n))});l.forwardRef(function(e,r){var t=e.ratio,n=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["ratio"]);return l.createElement(oe,{ratio:t},l.createElement(D,Object.assign({},{ref:r},n,{__css:{objectFit:"cover"}})))}),l.forwardRef(function(e,r){return l.createElement(H,Object.assign({},{ref:r,variant:"container"},e,{__themeKey:"layout",__css:{width:"100%",maxWidth:"container",mx:"auto"}}))}),l.forwardRef(function(e,r){return l.createElement(I,Object.assign({},{ref:r,variant:"nav"},e,{__css:{color:"inherit",textDecoration:"none",fontWeight:"bold",display:"inline-block","&:hover, &:focus, &.active":{color:"primary"}}}))}),l.forwardRef(function(e,r){return l.createElement(H,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),l.createElement(H,{as:"svg",xmlns:"http://www.w3.org/2000/svg",width:r,height:r,fill:"currentcolor",viewBox:"0 0 24 24",sx:{display:"block",margin:0}},l.createElement("path",{d:"M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"}))},se=(l.forwardRef(function(e,r){return l.createElement(ae,Object.assign({},{ref:r,title:"Menu","aria-label":"Toggle Menu",variant:"menu"},e),l.createElement(ce,null))}),i.createShouldForwardProp(o.space.propNames.concat(o.color.propNames,o.typography.propNames,o.layout.propNames,o.flexbox.propNames,o.grid.propNames,o.background.propNames,o.border.propNames,o.position.propNames,o.shadow.propNames))),le=[o.space,o.color,o.typography,o.layout,o.flexbox,o.grid,o.background,o.border,o.position,o.shadow];function de(e){return a.css(e.sx)(e.theme)}function ue(e){var r=e.variant,t=e.theme,n=e.variantKey;return a.css(o.get(t,n?n+"."+r:r,o.get(t,n)))(t)}var fe=d("div",{shouldForwardProp:se}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){return a.css(e.__base)(e.theme)},ue].concat(le,[de])),pe=d(fe)({display:"grid"}),he=d(fe)({display:"flex"}),me=d("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"),ue({variant:e.variant,variantKey:r,theme:e.theme})}].concat(le,[de]));function ve(e){var r=e.theme;return a.css({px:3,py:2,color:"white",bg:"primary",border:0,borderRadius:"default","&:hover":{bg:"secondary"}})(r)}var be=function(e){var r=e.variantKey;return void 0===r&&(r="buttons"),c.variant({variant:e.variant,theme:e.theme,variantKey:r})},ge=d("button",{shouldForwardProp:c.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,be].concat(c.systemProps,[c.sx])),ye=d("a",{shouldForwardProp:c.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,be].concat(c.systemProps,[c.sx])),xe=d("a",{shouldForwardProp:se}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.variant;void 0===r&&(r="a");var t=e.variantKey;return void 0===t&&(t="links"),ue({variant:r,variantKey:t,theme:e.theme})}].concat(le,[de])),we=d("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"),ue({variant:e.variant,theme:e.theme,variantKey:r})}].concat(le,[de])),Oe=d("input",{shouldForwardProp:se}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return a.css({display:"block",width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:"default",color:"inherit",bg:"transparent"})(r)},function(e){var r=e.variantKey;return void 0===r&&(r="inputs"),ue({variant:e.variant,theme:e.theme,variantKey:r})}].concat(le,[de])),Ee=d("svg",{shouldForwardProp:se}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return a.css({fill:"currentColor",color:"black",display:"block"})(r)},function(e){var r=e.variantKey;return void 0===r&&(r="svg"),ue({variant:e.variant,theme:e.theme,variantKey:r})}].concat(le,[de])),_e=function(e){var r=e.title,t=e.desc,n=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["title","desc"]);return l.createElement(Ee,Object.assign({},n),l.createElement("title",null,r),l.createElement("desc",null,t),n.children)},je=d("select",{shouldForwardProp:se}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return a.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"),ue({variant:r,theme:e.theme,variantKey:t})}].concat(le,[de])),ke=s.forwardRef(function(e,r){return s.createElement(he,null,s.createElement(je,Object.assign({ref:r},e)),s.createElement(_e,{viewBox:"0 0 16 16",height:"16px",width:"16px",alignSelf:"center",ml:"-28px",color:"text"},s.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 Re(e){var r=e.variant,t=e.variantKey;return s.createElement(fe,{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"},s.createElement(fe,{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 ze=s.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 c=e.variant;void 0===c&&(c="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 s.createElement(fe,Object.assign({display:"inline-flex",position:"relative",sx:{cursor:a?"not-allowed":"pointer"}},d),s.createElement(Oe,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)),s.createElement(Re,{checked:t,variant:c,variantKey:o,sx:i,disabled:a,indicatorVariant:l}))}),Ke=d("textarea",{shouldForwardProp:se}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return a.css({display:"block",width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:"default",color:"inherit",bg:"transparent"})(r)},function(e){return ue({variant:e.variant,theme:e.theme,variantKey:"textarea"})}].concat(le,[de]));function Pe(e){return s.createElement(_e,Object.assign({title:"Radio input unchecked",height:16,width:16,viewBox:"0 0 16 16"},e),s.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 Se(e){return s.createElement(_e,Object.assign({title:"Radio input checked",height:16,width:16,viewBox:"0 0 16 16"},e),s.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 Ce(e){var r=e.sx,t=e.variant,n=e.variantKey;return s.createElement(s.Fragment,null,s.createElement(Se,{sx:Object.assign({},r,{display:"none","input:checked ~ &":{display:"block",color:"primary"}}),variant:t,variantKey:n}),s.createElement(Pe,{sx:Object.assign({},r,{color:"defaultGray",display:"block","input:checked ~ &":{display:"none"}}),variant:t,variantKey:n}))}var Fe=s.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 s.createElement(fe,null,s.createElement(Oe,Object.assign({ref:r,type:"radio",position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"},a)),s.createElement(Ce,Object.assign({"aria-hidden":"true",sx:{"input:focus ~ &":{outline:"1px auto",outlineOffset:"1px",outlineColor:"primary"}},variant:t,variantKey:n},a)))});function Ne(e){return s.createElement(_e,Object.assign({title:"Checkbox input unchecked",height:16,width:16,viewBox:"0 0 16 16"},e),s.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"}),s.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 Me(e){return s.createElement(_e,Object.assign({title:"Checkbox input checked",height:16,width:16,viewBox:"0 0 16 16"},e),s.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"}),s.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"}),s.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 We(e){var r=e.sx,t=e.variant,n=e.variantKey;return s.createElement(s.Fragment,null,s.createElement(Me,{sx:Object.assign({},r,{display:"none","input:checked ~ &":{display:"block",color:"primary"}}),variant:t,variantKey:n}),s.createElement(Ne,{sx:Object.assign({},r,{color:"defaultGray",display:"block","input:checked ~ &":{display:"none"}}),variant:t,variantKey:n}))}var He=s.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 s.createElement(fe,null,s.createElement(Oe,Object.assign({ref:r,type:"checkbox",position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"},a)),s.createElement(We,Object.assign({"aria-hidden":"true",sx:{"input:focus ~ &":{outline:"1px auto",outlineOffset:"1px",outlineColor:"primary"}},variant:t,variantKey:n},a)))}),Be=s.forwardRef(function(e,r){var t=e.name,n=e.defaultValue,a=e.children;return s.createElement(fe,{mb:4},s.createElement(me,{htmlFor:t,mb:2},e.label),s.createElement(Oe,{ref:r,id:t,name:t,defaultValue:n}),a)}),Ve=d("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"}),Ie=s.forwardRef(function(e,r){return s.createElement(Ve,Object.assign({ref:r},e))});exports.Box=fe,exports.sx=de,exports.variant=ue,exports.Grid=pe,exports.Flex=he,exports.Label=me,exports.Button=ge,exports.AnchorButton=ye,exports.Link=xe,exports.Text=we,exports.Input=Oe,exports.Select=ke,exports.Svg=Ee,exports.SvgIcon=_e,exports.Switch=ze,exports.Textarea=Ke,exports.Radio=Fe,exports.Checkbox=He,exports.Field=Be,exports.FieldError=function(e){var r=e.children,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,["children"]);return s.createElement(we,Object.assign({as:"span",color:"danger",role:"alert"},t),r)},exports.VisuallyHidden=Ie;
 //# sourceMappingURL=index.js.map

dist/index.umd.js

@@ -1,2 +0,2 @@
-!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("@emotion/core/package.json"),require("@styled-system/space"),require("@emotion/core"),require("@theme-ui/css"),require("@styled-system/should-forward-prop"),require("styled-system"),require("@kodiak-ui/core"),require("react"),require("@emotion/styled")):"function"==typeof define&&define.amd?define(["exports","@emotion/core/package.json","@styled-system/space","@emotion/core","@theme-ui/css","@styled-system/should-forward-prop","styled-system","@kodiak-ui/core","react","@emotion/styled"],r):r(e.primitives={},e.package_json,e.space,e.core,e.css,e.shouldForwardProp,e.styledSystem,e.core$1,e.react,e.styled)}(this,function(e,r,t,n,a,i,o,c,s,l){t=t&&t.hasOwnProperty("default")?t.default:t;var d="default"in s?s.default:s;function u(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function 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}l=l&&l.hasOwnProperty("default")?l.default:l,d.createContext({__EMOTION_VERSION__:r.version,theme:null});var h=d.createContext({}),m={inlineCode:"code",wrapper:function(e){return d.createElement(d.Fragment,{},e.children)}};s.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=d.useContext(h),t=r;return e&&(t="function"==typeof e?e(r):p({},r,{},e)),t}(t),s=n,l=c["".concat(i,".").concat(s)]||c[s]||m[s]||a;return d.createElement(l,t?p({ref:r},o,{components:t}):p({ref:r},o))}).displayName="MDXCreateElement";var v={inlineCode:"code",thematicBreak:"hr",root:"div"},b=function(e){return function(r){return a.css(a.get(r.theme,"styles."+e))(r.theme)}},y=l("div")(b("div")),g={};["p","b","i","a","h1","h2","h3","h4","h5","h6","img","pre","code","ol","ul","li","blockquote","hr","em","table","tr","th","td","em","strong","del","inlineCode","thematicBreak","div","root"].forEach(function(e){var r;g[e]=l(v[r=e]||r)(b(e)),y[e]=g[e]});var w=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},x=function(e,r){if("number"!=typeof r||r>=0)return w(e,r,r);var t=Math.abs(r),n=w(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]=x,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},R={breakpoints:[40,52,64].map(function(e){return e+"em"})},z=function(e){return"@media screen and (min-width: "+e+")"},P=function(e,r){return K(r,e,e)},K=function(e,r,t,n,a){for(r=r&&r.split?r.split("."):[r],n=0;n<r.length;n++)e=e?e[r[n]]:a;return e===a?t:e},S=function(e,r,t,n,a){var 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=z(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?P: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},N={color:{property:"color",scale:"colors"},backgroundColor:{property:"backgroundColor",scale:"colors"},opacity:!0};N.bg=N.backgroundColor;var M=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=K(e.theme,l.scale,l.defaults);if("object"!=typeof d)_(i,l(d,u,e));else{if(t.breakpoints=!c&&t.breakpoints||K(e.theme,"breakpoints",R.breakpoints),Array.isArray(d)){t.media=!c&&t.media||[null].concat(t.breakpoints.map(z)),i=k(i,S(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)}(N),W=i.createShouldForwardProp(t.propNames.concat(M.propNames)),H=l("div",{shouldForwardProp:W})({boxSizing:"border-box",margin:0,minWidth:0},function(e){return a.css(e.__css)(e.theme)},function(e){var r=e.theme,t=e.variant,n=e.__themeKey;return void 0===n&&(n="variants"),a.css(a.get(r,n+"."+t,a.get(r,t)))},t,M,function(e){return a.css(e.sx)(e.theme)},function(e){return e.css});l(H)({display:"flex"});var B=function(e){return Array.isArray(e)?e.map(B):!!e&&"repeat(auto-fit, minmax("+("number"==typeof(r=e)?r+"px":r)+", 1fr))";var r},V=function(e){return Array.isArray(e)?e.map(V):!!e&&("number"==typeof e?"repeat("+e+", 1fr)":e)},I=(d.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?B(t):V(n);return d.createElement(H,Object.assign({},{ref:r},i,{__themeKey:"grids",__css:{display:"grid",gridGap:a,gridTemplateColumns:o}}))}),d.forwardRef(function(e,r){return d.createElement(H,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}}))}),d.forwardRef(function(e,r){return d.createElement(H,Object.assign({},{ref:r,as:"a",variant:"styles.a"},e,{__themeKey:"links"}))})),D=(d.forwardRef(function(e,r){return d.createElement(H,Object.assign({},{ref:r},e,{__themeKey:"text"}))}),d.forwardRef(function(e,r){return d.createElement(H,Object.assign({},{ref:r,as:"h2",variant:"heading"},e,{__themeKey:"text",__css:{fontFamily:"heading",fontWeight:"heading",lineHeight:"heading"}}))}),d.forwardRef(function(e,r){return d.createElement(H,Object.assign({},{ref:r,as:"img"},e,{__themeKey:"images",__css:Object.assign({},{maxWidth:"100%",height:"auto"},e.__css)}))})),L=(d.forwardRef(function(e,r){return d.createElement(H,Object.assign({},{ref:r,variant:"primary"},e,{__themeKey:"cards"}))}),d.forwardRef(function(e,r){return d.createElement(H,Object.assign({},{ref:r,as:"label",variant:"label"},e,{__themeKey:"forms",__css:{width:"100%",display:"flex"}}))})),A=d.forwardRef(function(e,r){return d.createElement(H,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"}}))}),q=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 d.createElement(H,Object.assign({},{as:"svg",xmlns:"http://www.w3.org/2000/svg",width:r+"",height:r+"",viewBox:"0 0 24 24",fill:"currentcolor"},t))},T=function(e){return function(r){var t={};for(var n in r)e(n||"")&&(t[n]=r[n]);return t}},G=/^m[trblxy]?$/,X=T(function(e){return G.test(e)}),Z=T(function(e){return!G.test(e)}),$=function(e){return d.createElement(q,e,d.createElement("path",{d:"M7 10l5 5 5-5z"}))};d.forwardRef(function(e,r){return d.createElement(H,Object.assign({},X(e),{sx:{display:"flex"}}),d.createElement(H,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"}})),d.createElement($,{sx:{ml:-28,alignSelf:"center",pointerEvents:"none"}}))}),d.forwardRef(function(e,r){return d.createElement(H,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 Y=function(e){return d.createElement(q,e,d.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 d.createElement(q,e,d.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 d.createElement(d.Fragment,null,d.createElement(Y,Object.assign({},e,{__css:{display:"none","input:checked ~ &":{display:"block"}}})),d.createElement(J,Object.assign({},e,{__css:{display:"block","input:checked ~ &":{display:"none"}}})))};d.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 d.createElement(H,null,d.createElement(H,Object.assign({},{ref:r,as:"input",type:"radio"},i,{sx:{position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"}})),d.createElement(H,{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 d.createElement(q,e,d.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 d.createElement(q,e,d.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 d.createElement(d.Fragment,null,d.createElement(U,Object.assign({},e,{__css:{display:"none","input:checked ~ &":{display:"block"}}})),d.createElement(ee,Object.assign({},e,{__css:{display:"block","input:checked ~ &":{display:"none"}}})))},te=(d.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 d.createElement(H,null,d.createElement(H,Object.assign({},{ref:r,as:"input",type:"checkbox"},i,{sx:{position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"}})),d.createElement(H,{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"});d.forwardRef(function(e,r){return d.createElement(H,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}}))}),d.forwardRef(function(e,r){var t=e.as;void 0===t&&(t=A);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 d.createElement(H,X(i),d.createElement(L,{htmlFor:a},n),d.createElement(t,Object.assign({},{ref:r,id:a,name:a},Z(i))))}),d.forwardRef(function(e,r){return d.createElement(H,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"}}}))}),d.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,u=2*l*Math.PI,f=u-(a-i)/(o-i)*u;return d.createElement(H,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&&d.createElement("title",null,c),d.createElement("circle",{cx:16,cy:16,r:l,opacity:1/8}),d.createElement("circle",{cx:16,cy:16,r:l,strokeDasharray:u,strokeDashoffset:f,transform:"rotate(-90 16 16)"}))});var ne=n.keyframes({from:{transform:"rotate(0deg)"},to:{transform:"rotate(360deg)"}});d.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 d.createElement(H,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"}}),d.createElement("title",null,a),d.createElement("circle",{cx:16,cy:16,r:c,opacity:1/8}),d.createElement(H,{as:"circle",cx:16,cy:16,r:c,strokeDasharray:s,strokeDashoffset:l,__css:{transformOrigin:"50% 50%",animationName:ne.toString(),animationTimingFunction:"linear",animationDuration:i+"ms",animationIterationCount:"infinite"}}))}),d.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 d.createElement(D,Object.assign({},{ref:r,width:t,height:t,variant:"avatar"},n,{__css:{borderRadius:9999}}))}),d.forwardRef(function(e,r){return d.createElement(H,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=d.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 d.createElement(H,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=d.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",fill:"currentcolor",viewBox:"0 0 24 24"},d.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"}));d.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 d.createElement(ae,Object.assign({},{ref:r,title:"Close","aria-label":"Close",variant:"close"},t,{children:ie}))}),d.forwardRef(function(e,r){return d.createElement(H,Object.assign({},{ref:r},e,{__themeKey:"alerts",__css:{display:"flex",alignItems:"center",px:3,py:2,fontWeight:"bold",color:"white",bg:"primary",borderRadius:4}}))}),d.forwardRef(function(e,r){return d.createElement(H,Object.assign({},{ref:r,as:"hr",variant:"styles.hr"},e,{__css:{color:"gray",m:0,my:2,border:0,borderBottom:"1px solid"}}))}),d.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 d.createElement(H,Object.assign({},l,{__css:{width:"100%",height:0,paddingBottom:100/t+"%",position:"relative",overflow:"hidden"}}),d.createElement(H,{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 oe=d.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 d.createElement(H,{ref:r,sx:{position:"relative",overflow:"hidden"}},d.createElement(H,{sx:{width:"100%",height:0,paddingBottom:100/t+"%"}}),d.createElement(H,Object.assign({},a,{__css:{position:"absolute",top:0,right:0,bottom:0,left:0}}),n))});d.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 d.createElement(oe,{ratio:t},d.createElement(D,Object.assign({},{ref:r},n,{__css:{objectFit:"cover"}})))}),d.forwardRef(function(e,r){return d.createElement(H,Object.assign({},{ref:r,variant:"container"},e,{__themeKey:"layout",__css:{width:"100%",maxWidth:"container",mx:"auto"}}))}),d.forwardRef(function(e,r){return d.createElement(I,Object.assign({},{ref:r,variant:"nav"},e,{__css:{color:"inherit",textDecoration:"none",fontWeight:"bold",display:"inline-block","&:hover, &:focus, &.active":{color:"primary"}}}))}),d.forwardRef(function(e,r){return d.createElement(H,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),d.createElement(H,{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}},d.createElement("path",{d:"M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"}))},se=(d.forwardRef(function(e,r){return d.createElement(ae,Object.assign({},{ref:r,title:"Menu","aria-label":"Toggle Menu",variant:"menu"},e),d.createElement(ce,null))}),i.createShouldForwardProp(o.space.propNames.concat(o.color.propNames,o.typography.propNames,o.layout.propNames,o.flexbox.propNames,o.grid.propNames,o.background.propNames,o.border.propNames,o.position.propNames,o.shadow.propNames))),le=[o.space,o.color,o.typography,o.layout,o.flexbox,o.grid,o.background,o.border,o.position,o.shadow];function de(e){return a.css(e.sx)(e.theme)}function ue(e){var r=e.variant,t=e.theme,n=e.variantKey;return a.css(o.get(t,n?n+"."+r:r,o.get(t,n)))(t)}var fe=l("div",{shouldForwardProp:se}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){return a.css(e.__base)(e.theme)},ue].concat(le,[de])),pe=l(fe)({display:"grid"}),he=l(fe)({display:"flex"}),me=l("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"),ue({variant:e.variant,variantKey:r,theme:e.theme})}].concat(le,[de]));function ve(e){var r=e.theme;return a.css({px:3,py:2,color:"white",bg:"primary",border:0,borderRadius:"default","&:hover":{bg:"secondary"}})(r)}function be(e){var r=e.variant;return void 0===r&&(r="buttons.primary"),c.variant({theme:e.theme,variant:r})}var ye=l("button",{shouldForwardProp:c.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,be].concat(c.systemProps,[c.sx])),ge=l("a",{shouldForwardProp:c.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,be].concat(c.systemProps,[c.sx])),we=l("a",{shouldForwardProp:se}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.variant;void 0===r&&(r="a");var t=e.variantKey;return void 0===t&&(t="links"),ue({variant:r,variantKey:t,theme:e.theme})}].concat(le,[de])),xe=l("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"),ue({variant:e.variant,theme:e.theme,variantKey:r})}].concat(le,[de])),Oe=l("input",{shouldForwardProp:se}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return a.css({display:"block",width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:"default",color:"inherit",bg:"transparent"})(r)},function(e){var r=e.variantKey;return void 0===r&&(r="inputs"),ue({variant:e.variant,theme:e.theme,variantKey:r})}].concat(le,[de])),Ee=l("svg",{shouldForwardProp:se}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return a.css({fill:"currentColor",color:"black",display:"block"})(r)},function(e){var r=e.variantKey;return void 0===r&&(r="svg"),ue({variant:e.variant,theme:e.theme,variantKey:r})}].concat(le,[de])),je=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 d.createElement(Ee,Object.assign({},n),d.createElement("title",null,r),d.createElement("desc",null,t),n.children)},_e=l("select",{shouldForwardProp:se}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return a.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"),ue({variant:r,theme:e.theme,variantKey:t})}].concat(le,[de])),ke=s.forwardRef(function(e,r){return s.createElement(he,null,s.createElement(_e,Object.assign({ref:r},e)),s.createElement(je,{viewBox:"0 0 16 16",height:"16px",width:"16px",alignSelf:"center",ml:"-28px",color:"text"},s.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 Re(e){var r=e.variant,t=e.variantKey;return s.createElement(fe,{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"},s.createElement(fe,{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 ze=s.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 c=e.variant;void 0===c&&(c="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 s.createElement(fe,Object.assign({display:"inline-flex",position:"relative",sx:{cursor:a?"not-allowed":"pointer"}},d),s.createElement(Oe,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)),s.createElement(Re,{checked:t,variant:c,variantKey:o,sx:i,disabled:a,indicatorVariant:l}))}),Pe=l("textarea",{shouldForwardProp:se}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return a.css({display:"block",width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:"default",color:"inherit",bg:"transparent"})(r)},function(e){return ue({variant:e.variant,theme:e.theme,variantKey:"textarea"})}].concat(le,[de]));function Ke(e){return s.createElement(je,Object.assign({title:"Radio input unchecked",height:16,width:16,viewBox:"0 0 16 16"},e),s.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 Se(e){return s.createElement(je,Object.assign({title:"Radio input checked",height:16,width:16,viewBox:"0 0 16 16"},e),s.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 Ce(e){var r=e.sx,t=e.variant,n=e.variantKey;return s.createElement(s.Fragment,null,s.createElement(Se,{sx:Object.assign({},r,{display:"none","input:checked ~ &":{display:"block",color:"primary"}}),variant:t,variantKey:n}),s.createElement(Ke,{sx:Object.assign({},r,{color:"defaultGray",display:"block","input:checked ~ &":{display:"none"}}),variant:t,variantKey:n}))}var Fe=s.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 s.createElement(fe,null,s.createElement(Oe,Object.assign({ref:r,type:"radio",position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"},a)),s.createElement(Ce,Object.assign({"aria-hidden":"true",sx:{"input:focus ~ &":{outline:"1px auto",outlineOffset:"1px",outlineColor:"primary"}},variant:t,variantKey:n},a)))});function Ne(e){return s.createElement(je,Object.assign({title:"Checkbox input unchecked",height:16,width:16,viewBox:"0 0 16 16"},e),s.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"}),s.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 Me(e){return s.createElement(je,Object.assign({title:"Checkbox input checked",height:16,width:16,viewBox:"0 0 16 16"},e),s.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"}),s.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"}),s.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 We(e){var r=e.sx,t=e.variant,n=e.variantKey;return s.createElement(s.Fragment,null,s.createElement(Me,{sx:Object.assign({},r,{display:"none","input:checked ~ &":{display:"block",color:"primary"}}),variant:t,variantKey:n}),s.createElement(Ne,{sx:Object.assign({},r,{color:"defaultGray",display:"block","input:checked ~ &":{display:"none"}}),variant:t,variantKey:n}))}var He=s.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 s.createElement(fe,null,s.createElement(Oe,Object.assign({ref:r,type:"checkbox",position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"},a)),s.createElement(We,Object.assign({"aria-hidden":"true",sx:{"input:focus ~ &":{outline:"1px auto",outlineOffset:"1px",outlineColor:"primary"}},variant:t,variantKey:n},a)))}),Be=s.forwardRef(function(e,r){var t=e.name,n=e.defaultValue,a=e.children;return s.createElement(fe,{mb:4},s.createElement(me,{htmlFor:t,mb:2},e.label),s.createElement(Oe,{ref:r,id:t,name:t,defaultValue:n}),a)}),Ve=l("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"}),Ie=s.forwardRef(function(e,r){return s.createElement(Ve,Object.assign({ref:r},e))});e.Box=fe,e.sx=de,e.variant=ue,e.Grid=pe,e.Flex=he,e.Label=me,e.Button=ye,e.AnchorButton=ge,e.Link=we,e.Text=xe,e.Input=Oe,e.Select=ke,e.Svg=Ee,e.SvgIcon=je,e.Switch=ze,e.Textarea=Pe,e.Radio=Fe,e.Checkbox=He,e.Field=Be,e.FieldError=function(e){var r=e.children,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,["children"]);return s.createElement(xe,Object.assign({as:"span",color:"danger",role:"alert"},t),r)},e.VisuallyHidden=Ie});
+!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("@emotion/core/package.json"),require("@styled-system/space"),require("@emotion/core"),require("@theme-ui/css"),require("@styled-system/should-forward-prop"),require("styled-system"),require("@kodiak-ui/core"),require("react"),require("@emotion/styled")):"function"==typeof define&&define.amd?define(["exports","@emotion/core/package.json","@styled-system/space","@emotion/core","@theme-ui/css","@styled-system/should-forward-prop","styled-system","@kodiak-ui/core","react","@emotion/styled"],r):r(e.primitives={},e.package_json,e.space,e.core,e.css,e.shouldForwardProp,e.styledSystem,e.core$1,e.react,e.styled)}(this,function(e,r,t,n,a,i,o,c,s,l){t=t&&t.hasOwnProperty("default")?t.default:t;var d="default"in s?s.default:s;function u(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function 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}l=l&&l.hasOwnProperty("default")?l.default:l,d.createContext({__EMOTION_VERSION__:r.version,theme:null});var h=d.createContext({}),m={inlineCode:"code",wrapper:function(e){return d.createElement(d.Fragment,{},e.children)}};s.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=d.useContext(h),t=r;return e&&(t="function"==typeof e?e(r):p({},r,{},e)),t}(t),s=n,l=c["".concat(i,".").concat(s)]||c[s]||m[s]||a;return d.createElement(l,t?p({ref:r},o,{components:t}):p({ref:r},o))}).displayName="MDXCreateElement";var v={inlineCode:"code",thematicBreak:"hr",root:"div"},b=function(e){return function(r){return a.css(a.get(r.theme,"styles."+e))(r.theme)}},y=l("div")(b("div")),g={};["p","b","i","a","h1","h2","h3","h4","h5","h6","img","pre","code","ol","ul","li","blockquote","hr","em","table","tr","th","td","em","strong","del","inlineCode","thematicBreak","div","root"].forEach(function(e){var r;g[e]=l(v[r=e]||r)(b(e)),y[e]=g[e]});var w=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},x=function(e,r){if("number"!=typeof r||r>=0)return w(e,r,r);var t=Math.abs(r),n=w(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]=x,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},R={breakpoints:[40,52,64].map(function(e){return e+"em"})},z=function(e){return"@media screen and (min-width: "+e+")"},P=function(e,r){return K(r,e,e)},K=function(e,r,t,n,a){for(r=r&&r.split?r.split("."):[r],n=0;n<r.length;n++)e=e?e[r[n]]:a;return e===a?t:e},S=function(e,r,t,n,a){var 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=z(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?P: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},N={color:{property:"color",scale:"colors"},backgroundColor:{property:"backgroundColor",scale:"colors"},opacity:!0};N.bg=N.backgroundColor;var M=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=K(e.theme,l.scale,l.defaults);if("object"!=typeof d)_(i,l(d,u,e));else{if(t.breakpoints=!c&&t.breakpoints||K(e.theme,"breakpoints",R.breakpoints),Array.isArray(d)){t.media=!c&&t.media||[null].concat(t.breakpoints.map(z)),i=k(i,S(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)}(N),W=i.createShouldForwardProp(t.propNames.concat(M.propNames)),H=l("div",{shouldForwardProp:W})({boxSizing:"border-box",margin:0,minWidth:0},function(e){return a.css(e.__css)(e.theme)},function(e){var r=e.theme,t=e.variant,n=e.__themeKey;return void 0===n&&(n="variants"),a.css(a.get(r,n+"."+t,a.get(r,t)))},t,M,function(e){return a.css(e.sx)(e.theme)},function(e){return e.css});l(H)({display:"flex"});var B=function(e){return Array.isArray(e)?e.map(B):!!e&&"repeat(auto-fit, minmax("+("number"==typeof(r=e)?r+"px":r)+", 1fr))";var r},V=function(e){return Array.isArray(e)?e.map(V):!!e&&("number"==typeof e?"repeat("+e+", 1fr)":e)},I=(d.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?B(t):V(n);return d.createElement(H,Object.assign({},{ref:r},i,{__themeKey:"grids",__css:{display:"grid",gridGap:a,gridTemplateColumns:o}}))}),d.forwardRef(function(e,r){return d.createElement(H,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}}))}),d.forwardRef(function(e,r){return d.createElement(H,Object.assign({},{ref:r,as:"a",variant:"styles.a"},e,{__themeKey:"links"}))})),D=(d.forwardRef(function(e,r){return d.createElement(H,Object.assign({},{ref:r},e,{__themeKey:"text"}))}),d.forwardRef(function(e,r){return d.createElement(H,Object.assign({},{ref:r,as:"h2",variant:"heading"},e,{__themeKey:"text",__css:{fontFamily:"heading",fontWeight:"heading",lineHeight:"heading"}}))}),d.forwardRef(function(e,r){return d.createElement(H,Object.assign({},{ref:r,as:"img"},e,{__themeKey:"images",__css:Object.assign({},{maxWidth:"100%",height:"auto"},e.__css)}))})),L=(d.forwardRef(function(e,r){return d.createElement(H,Object.assign({},{ref:r,variant:"primary"},e,{__themeKey:"cards"}))}),d.forwardRef(function(e,r){return d.createElement(H,Object.assign({},{ref:r,as:"label",variant:"label"},e,{__themeKey:"forms",__css:{width:"100%",display:"flex"}}))})),A=d.forwardRef(function(e,r){return d.createElement(H,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"}}))}),q=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 d.createElement(H,Object.assign({},{as:"svg",xmlns:"http://www.w3.org/2000/svg",width:r+"",height:r+"",viewBox:"0 0 24 24",fill:"currentcolor"},t))},T=function(e){return function(r){var t={};for(var n in r)e(n||"")&&(t[n]=r[n]);return t}},G=/^m[trblxy]?$/,X=T(function(e){return G.test(e)}),Z=T(function(e){return!G.test(e)}),$=function(e){return d.createElement(q,e,d.createElement("path",{d:"M7 10l5 5 5-5z"}))};d.forwardRef(function(e,r){return d.createElement(H,Object.assign({},X(e),{sx:{display:"flex"}}),d.createElement(H,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"}})),d.createElement($,{sx:{ml:-28,alignSelf:"center",pointerEvents:"none"}}))}),d.forwardRef(function(e,r){return d.createElement(H,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 Y=function(e){return d.createElement(q,e,d.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 d.createElement(q,e,d.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 d.createElement(d.Fragment,null,d.createElement(Y,Object.assign({},e,{__css:{display:"none","input:checked ~ &":{display:"block"}}})),d.createElement(J,Object.assign({},e,{__css:{display:"block","input:checked ~ &":{display:"none"}}})))};d.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 d.createElement(H,null,d.createElement(H,Object.assign({},{ref:r,as:"input",type:"radio"},i,{sx:{position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"}})),d.createElement(H,{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 d.createElement(q,e,d.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 d.createElement(q,e,d.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 d.createElement(d.Fragment,null,d.createElement(U,Object.assign({},e,{__css:{display:"none","input:checked ~ &":{display:"block"}}})),d.createElement(ee,Object.assign({},e,{__css:{display:"block","input:checked ~ &":{display:"none"}}})))},te=(d.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 d.createElement(H,null,d.createElement(H,Object.assign({},{ref:r,as:"input",type:"checkbox"},i,{sx:{position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"}})),d.createElement(H,{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"});d.forwardRef(function(e,r){return d.createElement(H,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}}))}),d.forwardRef(function(e,r){var t=e.as;void 0===t&&(t=A);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 d.createElement(H,X(i),d.createElement(L,{htmlFor:a},n),d.createElement(t,Object.assign({},{ref:r,id:a,name:a},Z(i))))}),d.forwardRef(function(e,r){return d.createElement(H,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"}}}))}),d.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,u=2*l*Math.PI,f=u-(a-i)/(o-i)*u;return d.createElement(H,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&&d.createElement("title",null,c),d.createElement("circle",{cx:16,cy:16,r:l,opacity:1/8}),d.createElement("circle",{cx:16,cy:16,r:l,strokeDasharray:u,strokeDashoffset:f,transform:"rotate(-90 16 16)"}))});var ne=n.keyframes({from:{transform:"rotate(0deg)"},to:{transform:"rotate(360deg)"}});d.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 d.createElement(H,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"}}),d.createElement("title",null,a),d.createElement("circle",{cx:16,cy:16,r:c,opacity:1/8}),d.createElement(H,{as:"circle",cx:16,cy:16,r:c,strokeDasharray:s,strokeDashoffset:l,__css:{transformOrigin:"50% 50%",animationName:ne.toString(),animationTimingFunction:"linear",animationDuration:i+"ms",animationIterationCount:"infinite"}}))}),d.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 d.createElement(D,Object.assign({},{ref:r,width:t,height:t,variant:"avatar"},n,{__css:{borderRadius:9999}}))}),d.forwardRef(function(e,r){return d.createElement(H,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=d.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 d.createElement(H,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=d.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",fill:"currentcolor",viewBox:"0 0 24 24"},d.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"}));d.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 d.createElement(ae,Object.assign({},{ref:r,title:"Close","aria-label":"Close",variant:"close"},t,{children:ie}))}),d.forwardRef(function(e,r){return d.createElement(H,Object.assign({},{ref:r},e,{__themeKey:"alerts",__css:{display:"flex",alignItems:"center",px:3,py:2,fontWeight:"bold",color:"white",bg:"primary",borderRadius:4}}))}),d.forwardRef(function(e,r){return d.createElement(H,Object.assign({},{ref:r,as:"hr",variant:"styles.hr"},e,{__css:{color:"gray",m:0,my:2,border:0,borderBottom:"1px solid"}}))}),d.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 d.createElement(H,Object.assign({},l,{__css:{width:"100%",height:0,paddingBottom:100/t+"%",position:"relative",overflow:"hidden"}}),d.createElement(H,{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 oe=d.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 d.createElement(H,{ref:r,sx:{position:"relative",overflow:"hidden"}},d.createElement(H,{sx:{width:"100%",height:0,paddingBottom:100/t+"%"}}),d.createElement(H,Object.assign({},a,{__css:{position:"absolute",top:0,right:0,bottom:0,left:0}}),n))});d.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 d.createElement(oe,{ratio:t},d.createElement(D,Object.assign({},{ref:r},n,{__css:{objectFit:"cover"}})))}),d.forwardRef(function(e,r){return d.createElement(H,Object.assign({},{ref:r,variant:"container"},e,{__themeKey:"layout",__css:{width:"100%",maxWidth:"container",mx:"auto"}}))}),d.forwardRef(function(e,r){return d.createElement(I,Object.assign({},{ref:r,variant:"nav"},e,{__css:{color:"inherit",textDecoration:"none",fontWeight:"bold",display:"inline-block","&:hover, &:focus, &.active":{color:"primary"}}}))}),d.forwardRef(function(e,r){return d.createElement(H,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),d.createElement(H,{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}},d.createElement("path",{d:"M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"}))},se=(d.forwardRef(function(e,r){return d.createElement(ae,Object.assign({},{ref:r,title:"Menu","aria-label":"Toggle Menu",variant:"menu"},e),d.createElement(ce,null))}),i.createShouldForwardProp(o.space.propNames.concat(o.color.propNames,o.typography.propNames,o.layout.propNames,o.flexbox.propNames,o.grid.propNames,o.background.propNames,o.border.propNames,o.position.propNames,o.shadow.propNames))),le=[o.space,o.color,o.typography,o.layout,o.flexbox,o.grid,o.background,o.border,o.position,o.shadow];function de(e){return a.css(e.sx)(e.theme)}function ue(e){var r=e.variant,t=e.theme,n=e.variantKey;return a.css(o.get(t,n?n+"."+r:r,o.get(t,n)))(t)}var fe=l("div",{shouldForwardProp:se}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){return a.css(e.__base)(e.theme)},ue].concat(le,[de])),pe=l(fe)({display:"grid"}),he=l(fe)({display:"flex"}),me=l("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"),ue({variant:e.variant,variantKey:r,theme:e.theme})}].concat(le,[de]));function ve(e){var r=e.theme;return a.css({px:3,py:2,color:"white",bg:"primary",border:0,borderRadius:"default","&:hover":{bg:"secondary"}})(r)}var be=function(e){var r=e.variantKey;return void 0===r&&(r="buttons"),c.variant({variant:e.variant,theme:e.theme,variantKey:r})},ye=l("button",{shouldForwardProp:c.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,be].concat(c.systemProps,[c.sx])),ge=l("a",{shouldForwardProp:c.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,be].concat(c.systemProps,[c.sx])),we=l("a",{shouldForwardProp:se}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.variant;void 0===r&&(r="a");var t=e.variantKey;return void 0===t&&(t="links"),ue({variant:r,variantKey:t,theme:e.theme})}].concat(le,[de])),xe=l("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"),ue({variant:e.variant,theme:e.theme,variantKey:r})}].concat(le,[de])),Oe=l("input",{shouldForwardProp:se}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return a.css({display:"block",width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:"default",color:"inherit",bg:"transparent"})(r)},function(e){var r=e.variantKey;return void 0===r&&(r="inputs"),ue({variant:e.variant,theme:e.theme,variantKey:r})}].concat(le,[de])),Ee=l("svg",{shouldForwardProp:se}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return a.css({fill:"currentColor",color:"black",display:"block"})(r)},function(e){var r=e.variantKey;return void 0===r&&(r="svg"),ue({variant:e.variant,theme:e.theme,variantKey:r})}].concat(le,[de])),je=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 d.createElement(Ee,Object.assign({},n),d.createElement("title",null,r),d.createElement("desc",null,t),n.children)},_e=l("select",{shouldForwardProp:se}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return a.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"),ue({variant:r,theme:e.theme,variantKey:t})}].concat(le,[de])),ke=s.forwardRef(function(e,r){return s.createElement(he,null,s.createElement(_e,Object.assign({ref:r},e)),s.createElement(je,{viewBox:"0 0 16 16",height:"16px",width:"16px",alignSelf:"center",ml:"-28px",color:"text"},s.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 Re(e){var r=e.variant,t=e.variantKey;return s.createElement(fe,{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"},s.createElement(fe,{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 ze=s.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 c=e.variant;void 0===c&&(c="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 s.createElement(fe,Object.assign({display:"inline-flex",position:"relative",sx:{cursor:a?"not-allowed":"pointer"}},d),s.createElement(Oe,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)),s.createElement(Re,{checked:t,variant:c,variantKey:o,sx:i,disabled:a,indicatorVariant:l}))}),Pe=l("textarea",{shouldForwardProp:se}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return a.css({display:"block",width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:"default",color:"inherit",bg:"transparent"})(r)},function(e){return ue({variant:e.variant,theme:e.theme,variantKey:"textarea"})}].concat(le,[de]));function Ke(e){return s.createElement(je,Object.assign({title:"Radio input unchecked",height:16,width:16,viewBox:"0 0 16 16"},e),s.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 Se(e){return s.createElement(je,Object.assign({title:"Radio input checked",height:16,width:16,viewBox:"0 0 16 16"},e),s.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 Ce(e){var r=e.sx,t=e.variant,n=e.variantKey;return s.createElement(s.Fragment,null,s.createElement(Se,{sx:Object.assign({},r,{display:"none","input:checked ~ &":{display:"block",color:"primary"}}),variant:t,variantKey:n}),s.createElement(Ke,{sx:Object.assign({},r,{color:"defaultGray",display:"block","input:checked ~ &":{display:"none"}}),variant:t,variantKey:n}))}var Fe=s.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 s.createElement(fe,null,s.createElement(Oe,Object.assign({ref:r,type:"radio",position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"},a)),s.createElement(Ce,Object.assign({"aria-hidden":"true",sx:{"input:focus ~ &":{outline:"1px auto",outlineOffset:"1px",outlineColor:"primary"}},variant:t,variantKey:n},a)))});function Ne(e){return s.createElement(je,Object.assign({title:"Checkbox input unchecked",height:16,width:16,viewBox:"0 0 16 16"},e),s.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"}),s.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 Me(e){return s.createElement(je,Object.assign({title:"Checkbox input checked",height:16,width:16,viewBox:"0 0 16 16"},e),s.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"}),s.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"}),s.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 We(e){var r=e.sx,t=e.variant,n=e.variantKey;return s.createElement(s.Fragment,null,s.createElement(Me,{sx:Object.assign({},r,{display:"none","input:checked ~ &":{display:"block",color:"primary"}}),variant:t,variantKey:n}),s.createElement(Ne,{sx:Object.assign({},r,{color:"defaultGray",display:"block","input:checked ~ &":{display:"none"}}),variant:t,variantKey:n}))}var He=s.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 s.createElement(fe,null,s.createElement(Oe,Object.assign({ref:r,type:"checkbox",position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"},a)),s.createElement(We,Object.assign({"aria-hidden":"true",sx:{"input:focus ~ &":{outline:"1px auto",outlineOffset:"1px",outlineColor:"primary"}},variant:t,variantKey:n},a)))}),Be=s.forwardRef(function(e,r){var t=e.name,n=e.defaultValue,a=e.children;return s.createElement(fe,{mb:4},s.createElement(me,{htmlFor:t,mb:2},e.label),s.createElement(Oe,{ref:r,id:t,name:t,defaultValue:n}),a)}),Ve=l("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"}),Ie=s.forwardRef(function(e,r){return s.createElement(Ve,Object.assign({ref:r},e))});e.Box=fe,e.sx=de,e.variant=ue,e.Grid=pe,e.Flex=he,e.Label=me,e.Button=ye,e.AnchorButton=ge,e.Link=we,e.Text=xe,e.Input=Oe,e.Select=ke,e.Svg=Ee,e.SvgIcon=je,e.Switch=ze,e.Textarea=Pe,e.Radio=Fe,e.Checkbox=He,e.Field=Be,e.FieldError=function(e){var r=e.children,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,["children"]);return s.createElement(xe,Object.assign({as:"span",color:"danger",role:"alert"},t),r)},e.VisuallyHidden=Ie});
 //# sourceMappingURL=index.umd.js.map

package.json

 {
   "name": "@kodiak-ui/primitives",
-  "version": "0.8.2",
+  "version": "0.8.3",
   "description": "Kodiak's primitive components for building applications and complex components",
@@ -39,3 +39,3 @@ "main": "dist/index.js",
   },
-  "gitHead": "d5a4018631b025a8fb54b8b54bc3c8729badaedb"
+  "gitHead": "3900616d524fa64f7d23084e42afcfd71078440f"
 }

New alerts

License Policy Violation

License

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

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

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

Found 1 instance in 1 package

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

554763

increased by0.05%

Number of package files

62

increased by1.64%

Lines of code

1280

increased by0.79%

Number of medium supply chain risk alerts

0

decreased by-100%

No dependency changes