@blockstack/ui
Version:
Blockstack UI components built using React and styled-components with styled-system.
1 lines • 77.7 kB
JavaScript
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("@styled-system/should-forward-prop"),require("styled-components"),require("@styled-system/css"),require("styled-system"),require("use-events"),require("prism-react-renderer"),require("@reach/auto-id"),require("color"),require("@styled-system/theme-get"),require("prop-types"),require("use-onclickoutside"),require("@popperjs/core"),require("react-dom"),require("@reach/alert"),require("@reach/rect"),require("react-transition-group/Transition"),require("flushable")):"function"==typeof define&&define.amd?define(["exports","react","@styled-system/should-forward-prop","styled-components","@styled-system/css","styled-system","use-events","prism-react-renderer","@reach/auto-id","color","@styled-system/theme-get","prop-types","use-onclickoutside","@popperjs/core","react-dom","@reach/alert","@reach/rect","react-transition-group/Transition","flushable"],t):t((e=e||self)["@blockstack/ui"]={},e.React,e.shouldForwardProp,e.styled,e.css,e.styledSystem,e.useEvents,e.Highlight,e.autoId,e.Color,e.themeGet,0,e.useOnClickOutside,e.core,e.reactDom,e.ReachAlert,e.rect,e.CSSTransition,e.flushable)}(this,(function(e,t,r,n,o,i,a,l,s,c,u,d,p,f,m,h,b,g,v){"use strict";var C="default"in t?t.default:t,y="default"in n?n.default:n;function x(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function w(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function E(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?w(Object(r),!0).forEach((function(t){x(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):w(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function k(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)t.indexOf(r=i[n])>=0||(o[r]=e[r]);return o}function O(e,t){return t||(t=e.slice(0)),e.raw=t,e}function S(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function j(e,t){var r;if("undefined"==typeof Symbol||null==e[Symbol.iterator]){if(Array.isArray(e)||(r=function(e,t){if(e){if("string"==typeof e)return S(e,void 0);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?S(e,void 0):void 0}}(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var n=0;return function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}return(r=e[Symbol.iterator]()).next.bind(r)}o=o&&Object.prototype.hasOwnProperty.call(o,"default")?o.default:o,l=l&&Object.prototype.hasOwnProperty.call(l,"default")?l.default:l,c=c&&Object.prototype.hasOwnProperty.call(c,"default")?c.default:c,p=p&&Object.prototype.hasOwnProperty.call(p,"default")?p.default:p,h=h&&Object.prototype.hasOwnProperty.call(h,"default")?h.default:h,g=g&&Object.prototype.hasOwnProperty.call(g,"default")?g.default:g,v=v&&Object.prototype.hasOwnProperty.call(v,"default")?v.default:v;var z={roundedTop:{properties:["borderTopLeftRadius","borderTopRightRadius"],scale:"radii"},roundedBottom:{properties:["borderBottomLeftRadius","borderBottomRightRadius"],scale:"radii"},roundedLeft:{properties:["borderTopLeftRadius","borderBottomLeftRadius"],scale:"radii"},roundedRight:{properties:["borderTopRightRadius","borderBottomRightRadius"],scale:"radii"},roundedTopRight:{property:"borderTopRightRadius",scale:"radii"},roundedTopLeft:{property:"borderTopLeftRadius",scale:"radii"},roundedBottomRight:{property:"borderBottomRightRadius",scale:"radii"},roundedBottomLeft:{property:"borderBottomLeftRadius",scale:"radii"},rounded:{property:"borderRadius",scale:"radii"},d:{property:"display"},w:{property:"width",scale:"sizes"},minW:{property:"minWidth",scale:"sizes"},maxW:{property:"maxWidth",scale:"sizes"},h:{property:"height",scale:"sizes"},minH:{property:"minHeight",scale:"sizes"},maxH:{property:"maxHeight",scale:"sizes"},bgImg:{property:"backgroundImage"},bgSize:{property:"backgroundSize"},bgPos:{property:"backgroundPosition"},bgRepeat:{property:"backgroundRepeat"},pos:{property:"position"},flexDir:{property:"flexDirection"},shadow:{property:"boxShadow",scale:"shadows"},textDecoration:!0,overflowX:!0,overflowY:!0,textTransform:!0,animation:!0,appearance:!0,transform:!0,transformOrigin:!0,visibility:!0,whiteSpace:!0,userSelect:!0,pointerEvents:!0,wordBreak:!0,overflowWrap:!0,textOverflow:!0,boxSizing:!0,cursor:!0,resize:!0,transition:!0,listStyleType:!0,listStylePosition:!0,listStyleImage:!0,fill:{property:"fill",scale:"colors"},stroke:{property:"stroke",scale:"colors"},objectFit:!0,objectPosition:!0,backgroundAttachment:!0,outline:!0};z.bgAttachment=z.backgroundAttachment,z.textDecor=z.textDecoration,z.listStylePos=z.listStylePosition,z.listStyleImg=z.listStyleImage;var L=i.system(z),R=function(e,t){var r=Object.keys(z),n={};if(r.includes(e)){var o=z[e],i=o.properties,a=o.property;i&&i.forEach((function(e){return n[e]=t})),a&&(n[a]=t),!0===z[e]&&(n[e]=t)}else n[e]=t;return n},M=function e(t){var r={};for(var n in t){var o;r="object"!=typeof t[n]||Array.isArray(t[n])?E({},r,{},R(n,t[n])):E({},r,((o={})[n]=e(t[n]),o))}return r},A=Object.keys(z);function I(){var e=O(["\n ",";\n ",";\n"]);return I=function(){return e},e}var T=i.compose(i.layout,i.color,i.space,i.background,i.border,i.grid,i.position,i.shadow,i.typography,i.flexbox,i.textStyle,i.buttonStyle,i.colorStyle),H=r.createShouldForwardProp([].concat(r.props,A)),P=y("div").withConfig({shouldForwardProp:function(e){return H(e)}})(I(),T,L),B=y(P)((function(e){var t,r=e._after,n=e._focus,i=e._selected,a=e._focusWithin,l=e._invalid,s=e._active,c=e._disabled,u=e._grabbed,d=e._pressed,p=e._expanded,f=e._visited,m=e._before,h=e._readOnly,b=e._first,g=e._notFirst,v=e._notLast,C=e._last,y=e._placeholder,x=e._checked,w=e._groupHover,E=e._mixed,k=e._odd,O=e._even;return o(((t={})["&:hover"]=M(e._hover),t["&:focus"]=M(n),t["&:active, &[data-active=true]"]=M(s),t["&:visited"]=M(f),t["&:disabled, &:disabled:focus, &:disabled:hover, &[aria-disabled=true], &[aria-disabled=true]:focus, &[aria-disabled=true]:hover"]=M(c),t["&[aria-selected=true]"]=M(i),t["&[aria-invalid=true]"]=M(l),t["&[aria-expanded=true]"]=M(p),t["&[aria-grabbed=true]"]=M(u),t["&[aria-readonly=true], &[readonly]"]=M(h),t["&:first-of-type"]=M(b),t["&:not(:first-of-type)"]=M(g),t["&:not(:last-of-type)"]=M(v),t["&:last-of-type"]=M(C),t["&:nth-of-type(odd)"]=M(k),t["&:nth-of-type(even)"]=M(O),t["&[aria-checked=mixed]"]=M(E),t["&[aria-checked=true]"]=M(x),t["&[aria-pressed=true]"]=M(d),t["[role=group]:hover &"]=M(w),t["&:before"]=M(m),t["&:after"]=M(r),t["&:focus-within"]=M(a),t["&::placeholder"]=M(y),t))})),F=t.forwardRef((function(e,t){return C.createElement(B,Object.assign({ref:t},e))}));F.displayName="Box";var W=function(e){var r=e.size,n=e.variantColor,o=e.variant,i=e.isAttached,a=e.spacing,l=void 0===a?2:a,s=e.children,c=k(e,["size","variantColor","variant","isAttached","spacing","children"]),u=t.Children.map(s,(function(e,a){var c=0===a,u=a===t.Children.count(s)-1;return C.isValidElement(e)?t.cloneElement(e,E({size:r||e.props.size,variantColor:e.props.variantColor||n,variant:e.props.variant||o,_focus:{boxShadow:"outline",zIndex:1}},!u&&!i&&{mr:l},{},c&&i&&{roundedRight:0},{},u&&i&&{roundedLeft:0},{},!c&&!u&&i&&{rounded:0})):null}));return C.createElement(F,Object.assign({display:"inline-block"},c),u)};W.displayName="ButtonGroup";var V={transparent:"transparent",current:"currentColor",black:"#000000",white:"#ffffff",blue:Object.assign("#3700ff",{100:"#F2F2FF",200:"#E3E5FF",300:"#C5CCFF",400:"#AAB3FF",900:"#5548ff",hover:"#3100DC"}),ink:Object.assign("#0f1117",{50:"#f4f4f5",100:"#F9F9FC",150:"#F4F4F5",200:"#E7E7E8",250:"#C8C8CC",300:"#C8C8CC",400:"#A7A7AD",600:"#677282",900:"#222933"}),darken:{50:"rgba(15, 17, 23, 0.05)",100:"rgba(15, 17, 23, 0.1)",150:"rgba(15, 17, 23, 0.15)"},red:"#de0014",green:"#00a73e",orange:"#f7aa00",cyan:"#00d4ff",feedback:{}};V.feedback={error:V.red,success:V.green,warning:V.orange,info:V.cyan};var _={0:"0px",px:"1px",1:"4px",2:"8px",3:"12px",4:"16px",5:"20px",6:"24px",8:"32px",10:"40px",12:"48px",16:"64px",20:"80px",24:"96px",32:"128px",40:"160px",48:"192px",56:"224px",64:"256px"},D={none:_[0],"extra-tight":_[1],tight:_[2],"base-tight":_[3],base:_[4],"base-loose":_[5],loose:_[6],"extra-loose":_[8]},N=E({},_,{containers:{"screen-sm":"640px","screen-md":"768px","screen-lg":"1024px","screen-xl":"1280px"}},D),Z={letterSpacings:{tighter:"-0.02em",tight:"-0.01em",normal:"0",wide:"0.025em",wider:"0.05em",widest:"0.1em"},lineHeights:{normal:"normal",none:"1",shorter:"1.333",short:"1.4",base:"1.5",tall:"1.625",taller:"2"},fontWeights:{hairline:100,thin:200,light:300,normal:400,medium:500,semibold:600,bold:700,extrabold:800,black:900},fonts:{heading:'"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"',body:'"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"',mono:'SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace'},fontSizes:[12,14,16,20,24,28,32,36,48,64,96,128]},q={fontWeight:Z.fontWeights.semibold,fontSize:Z.fontSizes[4],lineHeight:Z.lineHeights.shorter,letterSpacing:"-0.02em"},U={fontWeight:Z.fontWeights.medium,fontSize:Z.fontSizes[3],lineHeight:Z.lineHeights.short,letterSpacing:"-0.02em"},G={fontWeight:Z.fontWeights.normal,fontSize:Z.fontSizes[2],lineHeight:Z.lineHeights.base,letterSpacing:"-0.01em"},Y=E({},G,{fontWeight:Z.fontWeights.medium}),X={fontWeight:Z.fontWeights.normal,fontSize:Z.fontSizes[1],lineHeight:Z.lineHeights.short,letterSpacing:"-0.01em"},J=E({},X,{fontWeight:Z.fontWeights.medium}),$={fontSize:Z.fontSizes[0],lineHeight:Z.lineHeights.shorter,letterSpacing:"0.00em"},K=E({},X,{fontWeight:Z.fontWeights.medium}),Q={display:{large:q,small:U},body:{large:E({},G,{medium:Y}),small:E({},X,{medium:J})},caption:E({},$,{medium:K})},ee=E({},Z,{textStyles:Q}),te=N,re={low:"0px 1px 2px rgba(0, 0, 0, 0.04)",mid:"0px 1px 2px rgba(27, 39, 51, 0.04), 0px 4px 8px rgba(27, 39, 51, 0.04)",high:"0px 8px 16px rgba(27, 39, 51, 0.08)",inner:"inset 0 2px 4px 0 rgba(0,0,0,0.06)",none:"none",focus:"0 0 0 3px rgba(170, 179, 255, 0.75)","button.secondary":"0px 1px 2px rgba(0, 0, 0, 0.08), 0px 1px 4px rgba(0, 0, 0, 0.08)"},ne=["30em","48em","62em","80em"];ne.sm=ne[0],ne.md=ne[1],ne.lg=ne[2],ne.xl=ne[3];var oe=E({breakpoints:ne,zIndices:{hide:-1,auto:"auto",0:0,10:10,20:20,30:30,40:40,50:50,60:60,70:70,80:80},radii:{none:"0",sm:"0.125rem",md:"0.25rem",lg:"0.5rem",full:"9999px"},opacity:{0:"0","20%":"0.2","40%":"0.4","60%":"0.6","80%":"0.8","100%":"1"},borders:{none:0,"1px":"1px solid","2px":"2px solid","4px":"4px solid"},colors:V},ee,{sizes:N,shadows:re,space:te}),ie="all 0.2s cubic-bezier(0.23, 1, 0.32, 1)",ae={display:"inline-flex",appearance:"none",alignItems:"center",justifyContent:"center",transition:"all 250ms",userSelect:"none",position:"relative",whiteSpace:"nowrap",verticalAlign:"middle",lineHeight:"shorter",outline:"none",border:"1px solid",borderColor:"transparent"},le={lg:{minHeight:12,minWidth:126,fontSize:"14px !important",px:5},md:{minHeight:10,minWidth:10,fontSize:"14px !important",px:4},sm:{minHeight:6,minWidth:10,fontSize:"11px !important",px:3}},se={userSelect:"inherit",bg:"none",border:0,color:"inherit",display:"inline",font:"inherit",lineHeight:"inherit",m:0,p:0,textAlign:"inherit"};function ce(){var e=O(["\n border: 0px;\n clip: rect(0px, 0px, 0px, 0px);\n height: 1px;\n width: 1px;\n margin: -1px;\n padding: 0px;\n overflow: hidden;\n white-space: nowrap;\n position: absolute;\n"]);return ce=function(){return e},e}var ue=y(F)(ce());function de(){var e=O(["\n animation: "," "," linear infinite;\n"]);return de=function(){return e},e}var pe=n.keyframes(["0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}"]),fe=y(F)(de(),pe,(function(e){return e.speed})),me=t.forwardRef((function(e,t){var r=e.size,n=void 0===r?"md":r,o=e.label,i=void 0===o?"Loading...":o,a=e.thickness,l=void 0===a?"2px":a,s=e.speed,c=void 0===s?"0.85s":s,u=e.color,d=e.emptyColor,p=void 0===d?"transparent":d,f=k(e,["size","label","thickness","speed","color","emptyColor"]),m=function(e){switch(e){case"xs":return"0.75rem";case"sm":return"1rem";case"md":return"1.5rem";case"lg":return"2rem";case"xl":return"3rem";default:return e}}(n);return C.createElement(fe,Object.assign({ref:t,display:"inline-block",borderWidth:l,borderColor:"currentColor",borderBottomColor:p,borderLeftColor:p,borderRadius:"100%",speed:c,color:u,size:m},f),i&&C.createElement(ue,null,i))}));me.displayName="Spinner";var he=function(e){return C.createElement(F,{borderRadius:"6px",position:"absolute",width:"100%",height:"100%",left:0,top:0,bg:"darken.150",opacity:!e.isDisabled&&e.isHovered?1:0,zIndex:1,transition:"all 250ms"})},be=t.forwardRef((function(e,t){var r,n=e.isDisabled,o=e.isActive,i=e.children,l=e.as,s=e.mode,c=void 0===s?"primary":s,u=e.variant,d=void 0===u?"solid":u,p=e.type,f=e.size,m=void 0===f?"md":f,h=e.isLoading,b=e.loadingText,g=e.customStyles,v=k(e,["isDisabled","isActive","children","as","mode","variant","type","size","isLoading","loadingText","customStyles"]),y=E({},ae,{},function(e){switch(e.variant){case"solid":return r=(t=e).mode,(n=t.customStyles)?n[r]:{primary:{bg:"blue",color:"white",_hover:{cursor:"pointer"},_focus:{borderColor:"blue.300",boxShadow:re.focus},_disabled:{bg:"blue.200",cursor:"not-allowed"}},secondary:{bg:"blue.100",color:"blue",border:"1px solid",borderColor:"blue.300",boxShadow:null,_hover:{cursor:"pointer",bg:"blue.200"},_focus:{borderColor:"blue.300",boxShadow:re.focus},_disabled:{bg:"blue.200",cursor:"not-allowed",color:"white",border:"none"}},tertiary:{bg:"white",color:"blue",boxShadow:re["button.secondary"],_hover:{cursor:"pointer",bg:"white",boxShadow:re["button.secondary"]},_focus:{borderColor:"blue.300",boxShadow:re.focus},_disabled:{bg:"white",pointerEvents:"none",cursor:"not-allowed",color:"blue.300"}}}[r];case"link":return{p:0,height:"unset",lineHeight:"normal",color:"blue",minWidth:"unset",_hover:{color:"blue.hover",textDecoration:"underline"},_active:{textDecoration:"underline"},_focus:{textDecoration:"underline"},_disabled:{color:"#A7A7AD"}};case"unstyled":return se;default:return{}}var t,r,n}(r={variant:d,mode:c,size:m,customStyles:g}),{},le[r.size]),x=a.useHover(),w=x[0];return C.createElement(F,Object.assign({disabled:n,"aria-disabled":n,ref:t,type:p,borderRadius:"6px",fontWeight:"medium",position:"relative","data-active":o?"true":void 0,as:l||"button"},v,y,x[1]),C.createElement(F,{as:"span",display:"flex",alignItems:"center",justifyContent:"center",position:"relative",zIndex:5},h&&C.createElement(me,{position:b?"relative":"absolute",mx:b?"unset":"auto",color:"currentColor",size:"sm"===m?"xs":"sm"}),h?C.createElement(F,{ml:"tight"},b)||C.createElement(F,{ml:"tight",as:"span",opacity:0},i):i),"primary"===c?C.createElement(he,{isDisabled:n||!1,isHovered:w}):null)}));be.displayName="Button";var ge=t.forwardRef((function(e,t){var r=e.align,n=e.justify,o=e.wrap,i=e.direction,a=k(e,["align","justify","wrap","direction"]);return C.createElement(F,Object.assign({ref:t,display:"flex",flexDirection:i,alignItems:r,justifyContent:n,flexWrap:o},a))}));ge.displayName="Flex";var ve=void 0;try{ve=window}catch(e){}function Ce(e){var t,r;return null!==(t=null==e||null===(r=e.ownerDocument)||void 0===r?void 0:r.defaultView)&&void 0!==t?t:ve}function ye(){var e=Ce();return Boolean(void 0!==e&&e.document&&e.document.createElement)}var xe=ye();function we(e){return"function"==typeof e}function Ee(e){void 0===e&&(e={});var t=e.strict,r=void 0===t||t,n=e.errorMessage,o=void 0===n?"useContext must be inside a Provider with a value":n,i=e.name,a=C.createContext(void 0);return a.displayName=i,[a.Provider,function(){var e=C.useContext(a);if(!e&&r)throw new Error(o);return e},a]}function ke(e,t){if(null!=e)if(we(e))e(t);else try{e.current=t}catch(r){throw new Error("Cannot assign value '"+t+"' to ref '"+e+"'")}}function Oe(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return function(e){t.forEach((function(t){return ke(t,e)}))}}function Se(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return function(e){t.some((function(t){return t&&t(e),e&&e.defaultPrevented}))}}function je(e,r){var n=t.useRef(void 0!==e).current;return[n,n&&void 0!==e?e:r]}function ze(e){var r=t.useRef();return t.useEffect((function(){r.current=e}),[e]),r.current}function Le(e){void 0===e&&(e={});var r=e.onClose,n=e.onOpen,o=t.useState(e.defaultIsOpen||!1),i=o[1],a=je(e.isOpen,o[0]),l=a[0],s=a[1],c=ze(s),u=t.useCallback((function(){l||i(!1),r&&r()}),[l,r]),d=t.useCallback((function(){l||i(!0),n&&n()}),[l,n]),p=t.useCallback((function(){(s?u:d)()}),[s,d,u]);return{isOpen:Boolean(s),prevIsOpen:Boolean(c),onOpen:d,onClose:u,onToggle:p,isControlled:l}}function Re(e){var r=t.useRef(e);return t.useEffect((function(){r.current=e}),[e]),r}function Me(e,r,n,o){void 0===n&&(n=xe?document:null);var i=Re(r);return t.useEffect((function(){if(n){var t=function(e){i.current(e)};return n.addEventListener(e,t,o),function(){n.removeEventListener(e,t,o)}}}),[e,n,o,i]),function(){var t;null===(t=n)||void 0===t||t.removeEventListener(e,i.current,o)}}function Ae(e,t){return e+"-"+t}function Ie(e,t){var r=s.useId(),n=null!=e?e:r;return t?Ae(t,n):n}function Te(e,t){if(null!=e)if("function"==typeof e)e(t);else try{e.current=t}catch(r){throw new Error('Cannot assign value "'+t+'" to ref "'+e+'"')}}function He(){for(var e=arguments.length,r=new Array(e),n=0;n<e;n++)r[n]=arguments[n];return t.useMemo((function(){return r.every((function(e){return null==e}))?null:function(e){r.forEach((function(t){t&&Te(t,e)}))}}),r)}var Pe=xe?t.useLayoutEffect:t.useEffect,Be=function(e){var r=e.onTimeout,n=e.duration,o=t.useState(!0),i=o[0],a=o[1],l=t.useRef(),s=t.useCallback((function(){window.clearTimeout(l.current),a(!1)}),[]);t.useEffect((function(){if(i)return l.current=window.setTimeout((function(){r()}),n),function(){s()}}),[r,i,n,s]);var c=t.useCallback((function(){a(!0)}),[]);return{stopTimeout:s,startTimeout:c}},Fe=function(e,t){return c(e).fade(1-t).rgb().string()},We=function(e){return{900:Fe(e,.92),800:Fe(e,.8),700:Fe(e,.6),600:Fe(e,.48),500:Fe(e,.38),400:Fe(e,.24),300:Fe(e,.16),200:Fe(e,.12),100:Fe(e,.08),50:Fe(e,.04)}},Ve=C.createContext(oe),_e=function(){var e=t.useContext(Ve);if(void 0===e)throw new Error("useTheme must be used within a ThemeProvider");return e},De="undefined"!=typeof window,Ne=function(e){return De&&e in window};function Ze(e){var r=t.useState((function(){return!!Ne("matchMedia")&&window.matchMedia(e).matches})),n=r[0],o=r[1];return Pe((function(){if(Ne("matchMedia")){var t=window.matchMedia(e),r=function(){return o(t.matches)};return t.addListener(r),r(),function(){t.removeListener(r)}}}),[e]),[n,o]}!function(e){e.Accent="accent",e.Bg="bg",e.BgAlt="bg-alt",e.BgLight="bg-light",e.Invert="invert",e.TextHover="text-hover",e.TextTitle="text-title",e.TextCaption="text-caption",e.TextBody="text-body",e.InputPlaceholder="input-placeholder",e.Border="border",e.FeedbackAlert="feedback-alert",e.FeedbackError="feedback-error",e.FeedbackSuccess="feedback-success"}(e.Color||(e.Color={}));var qe=function(e,t){return u.themeGet("colors."+e,t)},Ue=function(t){var r,n;return{light:(r={},r[e.Color.Accent]=qe("blue")(t),r[e.Color.Bg]="white",r[e.Color.BgAlt]=qe("ink.50")(t),r[e.Color.BgLight]="white",r[e.Color.Invert]=qe("ink")(t),r[e.Color.TextHover]=qe("blue")(t),r[e.Color.TextTitle]=qe("ink")(t),r[e.Color.TextCaption]=qe("ink.600")(t),r[e.Color.TextBody]=qe("ink.900")(t),r[e.Color.InputPlaceholder]=qe("ink.400")(t),r[e.Color.Border]="rgb(229, 229, 236)",r[e.Color.FeedbackAlert]=qe("orange")(t),r[e.Color.FeedbackError]=qe("red")(t),r[e.Color.FeedbackSuccess]=qe("green")(t),r),dark:(n={},n[e.Color.Accent]=qe("blue.400")(t),n[e.Color.Bg]=qe("ink")(t),n[e.Color.BgAlt]="rgba(255,255,255,0.05)",n[e.Color.BgLight]="rgba(255,255,255,0.08)",n[e.Color.Invert]="white",n[e.Color.TextHover]=qe("blue.300")(t),n[e.Color.TextTitle]="white",n[e.Color.TextCaption]="#a7a7ad",n[e.Color.TextBody]=qe("ink.300")(t),n[e.Color.InputPlaceholder]="rgba(255,255,255,0.3)",n[e.Color.Border]="rgb(39, 41, 46)",n[e.Color.FeedbackAlert]=qe("orange")(t),n[e.Color.FeedbackError]=qe("red")(t),n[e.Color.FeedbackSuccess]=qe("green")(t),n)}},Ge=function(e){return function(t){var r,n=t.colorMode,o=void 0===n?e:n,i=k(t,["colorMode"]);return(r=E({colorMode:o},i),Object.keys(Ue(r)[r.colorMode])).map((function(e){return"--colors-"+e+": "+function(e){return Ue(e)[e.colorMode]}(E({colorMode:o},i))[e]+";"}))}};function Ye(){var e=O(["\n :root{\n ",";\n }\n\n @media (prefers-color-scheme: dark) {\n :root {\n ",";\n }\n }\n\n @media (prefers-color-scheme: light) {\n :root {\n ",";\n }\n }\n\n html, body, #__next {\n background: var(--colors-bg);\n border-color: var(--colors-border);\n }\n\n input:-webkit-autofill,\n input:-webkit-autofill:hover,\n input:-webkit-autofill:focus,\n textarea:-webkit-autofill,\n textarea:-webkit-autofill:hover,\n textarea:-webkit-autofill:focus,\n select:-webkit-autofill,\n select:-webkit-autofill:hover,\n select:-webkit-autofill:focus {\n -webkit-text-fill-color: var(--colors-text-body);\n font-size: 16px !important;\n transition: background-color 5000s ease-in-out 0s;\n }\n\n input:-ms-input-placeholder,\n textarea:-ms-input-placeholder {\n color: var(--colors-input-placeholder) !important;\n }\n\n input::-ms-input-placeholder,\n textarea::-ms-input-placeholder {\n color: var(--colors-input-placeholder) !important;\n }\n\n input::placeholder,\n textarea::placeholder {\n color: var(--colors-input-placeholder) !important;\n }\n "]);return Ye=function(){return e},e}var Xe=n.createGlobalStyle(Ye(),Ge("light"),Ge("dark"),Ge("light")),Je=C.createContext({colorMode:void 0}),$e={plain:{color:"#fff",backgroundColor:"transparent"},styles:[{types:["prolog"],style:{color:"rgb(0, 0, 128)"}},{types:["comment","punctuation"],style:{color:"rgb(106, 153, 85)"}},{types:["builtin","tag","changed","function","keyword"],style:{color:"rgb(86, 156, 214)"}},{types:["number","variable","inserted"],style:{color:"#A58FFF"}},{types:["operator"],style:{color:"rgb(212, 212, 212)"}},{types:["constant"],style:{color:"rgb(100, 102, 149)"}},{types:["attr-name"],style:{color:"rgb(156, 220, 254)"}},{types:["car"],style:{color:"rgb(156, 220, 254)"}},{types:["deleted","string"],style:{color:"#FF7B48"}},{types:["class-name"],style:{color:"rgb(78, 201, 176)"}},{types:["char"],style:{color:"#FF7B48"}}]},Ke=function(e){var t=e.tokens,r=e.getTokenProps,n=e.showLineNumbers,o=k(e,["tokens","getTokenProps","showLineNumbers"]),i=_e();return C.createElement(F,Object.assign({pl:"calc("+(n?60:"0")+"px + "+(i.sizes.base||"16px")+")",pr:"base",position:"relative",zIndex:2},o),t.map((function(e,t){return C.createElement(F,Object.assign({py:"2px",display:"inline-block"},r({token:e,key:t})))})))},Qe=function(e){var t=e.number,r=e.length,n=k(e,["number","length"]);return C.createElement(ge,Object.assign({textAlign:"right",pr:"base",pl:"base",width:60,borderRight:"1px solid",borderRightColor:"inherit",color:"ink.400",flexShrink:0,style:{userSelect:"none"},position:"absolute",left:0,height:"100%",align:"baseline",justify:"center",zIndex:1},n),function(e,t){return function(e,t,r){return void 0===t&&(t=2),void 0===r&&(r="0"),(e+"").length<=t?["","-"][+(e<0)]+(r.repeat(t)+Math.abs(e)).slice(-1*t):e+""}(e+1,t.toString().length)}(t,r))},et=function(e){var t=e.tokens,r=e.getTokenProps,n=e.index,o=e.length,i=e.showLineNumbers,a=e.hideLineHover,l=k(e,["tokens","getTokenProps","index","length","showLineNumbers","hideLineHover"]);return C.createElement(ge,Object.assign({height:"loose",align:"baseline",borderColor:"ink.900",_hover:a?void 0:{bg:["unset","unset","ink.900"],borderColor:["ink.900","ink.900","ink.600"]},position:"relative"},l),i?C.createElement(Qe,{number:n,length:o}):null,C.createElement(Ke,{showLineNumbers:i,getTokenProps:r,tokens:t}))},tt=function(e){var t=e.tokens,r=e.getLineProps,n=e.getTokenProps,o=e.showLineNumbers,i=e.hideLineHover;return C.createElement(F,{display:"block",className:e.className},C.createElement(F,{display:"block",style:{fontFamily:"Fira Code"}},t.map((function(e,a){return C.createElement(et,Object.assign({index:a,tokens:e,getTokenProps:n,length:t.length+1,showLineNumbers:o,hideLineHover:i||t.length<3},r({line:e,key:a})))}))))},rt=C.memo((function(e){var t=e.language,r=e.showLineNumbers,n=e.hideLineHover;return C.createElement(l,{theme:$e,code:e.code,language:void 0===t?"clarity":t,Prism:e.Prism},(function(e){return C.createElement(tt,Object.assign({showLineNumbers:r,hideLineHover:n},e))}))}));rt.displayName="Highlighter";var nt=C.forwardRef((function(e,t){var r=e.code,n=e.showLineNumbers,o=e.hideLineHover,i=e.style,a=void 0===i?{}:i,l=e.language,s=e.Prism,c=k(e,["code","showLineNumbers","hideLineHover","style","language","Prism"]);return C.createElement(F,Object.assign({overflowX:"auto",bg:"ink",borderRadius:[0,0,"12px"],py:"base",width:"100%",ref:t,style:E({},a,{whiteSpace:"pre",fontFamily:"Fira Code, Consolata, monospace",fontSize:"14px"})},c),C.createElement(rt,{language:l,code:r.toString().trim(),showLineNumbers:n,hideLineHover:o,Prism:s}))})),ot=n.css(["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button::-moz-focus-inner,[type='button']::-moz-focus-inner,[type='reset']::-moz-focus-inner,[type='submit']::-moz-focus-inner{border-style:none;padding:0;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type='checkbox'],[type='radio']{box-sizing:border-box;padding:0;}[type='number']::-webkit-inner-spin-button,[type='number']::-webkit-outer-spin-button{-webkit-appearance:none !important;}[type='search']{-webkit-appearance:textfield;outline-offset:-2px;}[type='search']::-webkit-search-decoration{-webkit-appearance:none !important;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:list-item;}template{display:none;}[hidden]{display:none !important;}html{box-sizing:border-box;font-family:sans-serif;}*,*::before,*::after{box-sizing:border-box;}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0;}button{background:transparent;padding:0;}fieldset{margin:0;padding:0;}ol,ul{margin:0;padding:0;}html{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;text-rendering:optimizelegibility;}hr{border-top-width:1px;}img{border-style:solid;}textarea{resize:vertical;}button,[role='button']{cursor:pointer;}button::-moz-focus-inner{border:0 !important;}table{border-collapse:collapse;}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;}a{color:inherit;text-decoration:inherit;}button,input,optgroup,select,textarea{padding:0;line-height:inherit;color:inherit;}pre,code,kbd,samp{font-family:Menlo,Monaco,Consolas,'Liberation Mono','Courier New',monospace;}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle;}img,video{max-width:100%;height:auto;}"]);function it(){var e=O(["\n *,\n *::before,\n *::after {\n box-sizing: border-box;\n border-color: ",";\n }\n\n input:-ms-input-placeholder,\n textarea:-ms-input-placeholder {\n color: ",";\n }\n\n input::-ms-input-placeholder,\n textarea::-ms-input-placeholder {\n color: ",";\n }\n\n input::placeholder,\n textarea::placeholder {\n color: ",";\n }\n\n body,\n div,\n span {\n text-align: initial;\n font-family: ",";\n }\n"]);return it=function(){return e},e}function at(){var e=O(["",""]);return at=function(){return e},e}var lt=function(e){return{light:{color:e.colors.ink[900],bg:void 0,borderColor:"#E5E5EC",placeholderColor:e.colors.ink[400]},dark:{color:"white",bg:e.colors.ink[900],borderColor:e.colors.ink[600],placeholderColor:e.colors.ink[500]}}}(oe).light,st=lt.borderColor,ct=lt.placeholderColor,ut=n.css(["",";html{line-height:1.5;color:",";background-color:",";font-family:",";}*,*::before,*::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:",";}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:",";}input::-ms-input-placeholder,textarea::-ms-input-placeholder{color:",";}input::placeholder,textarea::placeholder{color:",";}"],ot,lt.color,lt.bg,oe&&oe.fonts&&oe.fonts.body,st,ct,ct,ct),dt=n.createGlobalStyle(at(),ut),pt=y.div(it(),st,ct,ct,ct,oe&&oe.fonts&&oe.fonts.body),ft=t.createContext({}),mt=function(){return t.useContext(ft)},ht=function(e){var t=mt();return t?Object.keys(t).reduce((function(r,n){return r[n]=e[n],t&&null==e[n]&&(r[n]=t[n]),r}),{}):e},bt=t.forwardRef((function(e,t){var r=e.isInvalid,n=e.isRequired,o=e.isDisabled,i=e.isReadOnly,a=k(e,["isInvalid","isRequired","isDisabled","isReadOnly"]);return C.createElement(ft.Provider,{value:{isRequired:n,isDisabled:o,isInvalid:r,isReadOnly:i}},C.createElement(F,Object.assign({role:"group",ref:t},a)))}));bt.displayName="FormControl";var gt=function(e){switch(e){case"h1":return"display.large";case"h2":return"display.small";case"h3":return"body.large.medium";default:return}},vt=t.forwardRef((function(e,t){var r=e.textStyle,n=e.as,o=void 0===n?"span":n,i=k(e,["textStyle","as"]);return C.createElement(F,Object.assign({ref:t,as:o,whiteSpace:"unset",display:"inline",textStyle:r||gt(o)},i))}));vt.displayName="Text";var Ct=function(e){return C.createElement(F,Object.assign({as:"span",ml:1,color:"red","aria-hidden":"true",children:"*"},e))},yt=t.forwardRef((function(e,t){var r=e.children,n=k(e,["children"]),o=ht(n);return C.createElement(vt,Object.assign({ref:t,pb:"4px",opacity:o.isDisabled?.4:1,textAlign:"left",verticalAlign:"middle",display:"inline-block",as:"label",textStyle:"body.small.medium"},n),r,o.isRequired&&C.createElement(Ct,null))}));yt.displayName="FormLabel";var xt=t.forwardRef((function(e,t){var r=e.templateColumns,n=e.gap,o=e.rowGap,i=e.columnGap,a=e.autoFlow,l=e.autoRows,s=e.autoColumns,c=e.templateRows,u=e.templateAreas,d=e.area,p=e.column,f=e.row,m=k(e,["templateColumns","gap","rowGap","columnGap","autoFlow","autoRows","autoColumns","templateRows","templateAreas","area","column","row"]);return C.createElement(F,Object.assign({ref:t,display:"grid",gridArea:d,gridTemplateAreas:u,gridGap:n,gridRowGap:o,gridColumnGap:i,gridAutoColumns:s,gridColumn:p,gridRow:f,gridAutoFlow:a,gridAutoRows:l,gridTemplateRows:c,gridTemplateColumns:r},m))}));xt.displayName="Grid";var wt=function(e){var r=e.width,n=void 0===r?"24px":r,o=e.height,i=void 0===o?"auto":o,a=e.viewBox,l=void 0===a?"0 0 24 24":a,s=e.fill,c=void 0===s?"none":s,u=k(e,["width","height","viewBox","fill"]);return t.createElement(F,Object.assign({as:"svg",width:n,height:i,viewBox:l,fill:c},u))},Et=function(e){switch(void 0===e&&(e="up"),e){case"up":return 0;case"right":return"90";case"down":return"180";case"left":return"270";default:throw new Error("`rotate` must receive direction parameter")}},kt=function(e){return C.createElement(F,Object.assign({},e),C.createElement("svg",{width:"100%",viewBox:"0 0 16 17",fill:"none"},C.createElement("path",{d:"M7.99613 16.9961C12.3809 16.9961 16 13.377 16 8.99996C16 4.61523 12.3731 0.996094 7.9884 0.996094C3.61141 0.996094 0 4.61523 0 8.99996C0 13.377 3.61914 16.9961 7.99613 16.9961ZM6.94442 13.0367C6.65056 13.0367 6.41856 12.9052 6.1943 12.6423L3.96713 9.92794C3.82794 9.75781 3.75834 9.56448 3.75834 9.37889C3.75834 8.96129 4.08313 8.64423 4.47753 8.64423C4.71725 8.64423 4.91832 8.74476 5.11165 8.97676L6.92122 11.2581L10.4089 5.69015C10.579 5.41175 10.8033 5.28029 11.043 5.28029C11.4297 5.28029 11.8009 5.55095 11.8009 5.96081C11.8009 6.14641 11.7081 6.33974 11.5998 6.50987L7.67134 12.6191C7.48574 12.8975 7.23828 13.0367 6.94442 13.0367Z",fill:"currentColor"})))},Ot=function(e){switch(void 0===e&&(e="right"),e){case"left":return"90";case"up":return"180";case"right":return"270";case"down":return 0;default:throw new Error("`rotate` must receive direction parameter")}},St=function(e){return C.createElement(F,Object.assign({},e),C.createElement("svg",{width:"100%",viewBox:"0 0 16 16",fill:"none"},C.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM7.9983 4C8.46541 4 8.84049 4.38536 8.82787 4.8523L8.72037 8.82986C8.70981 9.22031 8.39026 9.53134 7.99967 9.53134C7.60928 9.53134 7.28981 9.2206 7.279 8.83036L7.16874 4.85287C7.15579 4.38572 7.53096 4 7.9983 4ZM8.9199 11.0743C8.91607 11.5873 8.49058 12 7.99992 12C7.49392 12 7.0761 11.5873 7.07993 11.0743C7.0761 10.569 7.49392 10.1562 7.99992 10.1562C8.49058 10.1562 8.91607 10.569 8.9199 11.0743Z",fill:"currentColor"})))},jt=function(e){return C.createElement(F,Object.assign({},e),C.createElement(wt,{width:"100%",viewBox:"0 0 10 10"},C.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.81707 0.403005C1.62846 0.220847 1.37586 0.120052 1.11366 0.122331C0.851468 0.124609 0.600656 0.229778 0.415247 0.415186C0.229839 0.600595 0.12467 0.851407 0.122392 1.1136C0.120113 1.3758 0.220908 1.6284 0.403066 1.81701L3.58607 5L0.403066 8.183C0.215425 8.37051 0.109957 8.62488 0.109863 8.89015C0.109817 9.0215 0.135642 9.15157 0.185864 9.27294C0.236086 9.39431 0.309721 9.50459 0.402566 9.5975C0.495411 9.69041 0.605646 9.76413 0.726978 9.81444C0.848311 9.86475 0.978364 9.89066 1.10971 9.89071C1.37498 9.8908 1.62943 9.78551 1.81707 9.598L5.00007 6.415L8.18307 9.598C8.37071 9.78564 8.6252 9.89106 8.89057 9.89106C9.15593 9.89106 9.41043 9.78564 9.59807 9.598C9.78571 9.41036 9.89112 9.15587 9.89112 8.8905C9.89112 8.62514 9.78571 8.37065 9.59807 8.183L6.41507 5L9.59807 1.81701C9.69091 1.7241 9.76454 1.61381 9.81477 1.49244C9.86499 1.37107 9.89082 1.241 9.89077 1.10965C9.89072 0.978303 9.86481 0.84825 9.8145 0.726917C9.76419 0.605585 9.69048 0.49535 9.59757 0.402505C9.50466 0.30966 9.39437 0.236025 9.273 0.185803C9.15163 0.135581 9.02156 0.109756 8.89021 0.109802C8.75886 0.109849 8.62881 0.135766 8.50748 0.186073C8.38615 0.236381 8.27591 0.310094 8.18307 0.403005L5.00007 3.58601L1.81707 0.403005Z",fill:"currentColor"})))},zt={height:12,border:"1px solid",borderBottomColor:"inherit",borderLeftColor:"inherit",borderRightColor:"inherit",borderTopColor:"inherit",borderColor:"inherit",bg:"white",_hover:{borderBottomColor:"ink.300",borderLeftColor:"ink.300",borderRightColor:"ink.300",borderTopColor:"ink.300",borderColor:"ink.300"},_disabled:{bg:"#f9f9fc",cursor:"not-allowed",pointerEvents:"none"},_focus:{borderBottomColor:"blue.300",borderLeftColor:"blue.300",borderRightColor:"blue.300",borderTopColor:"blue.300",borderColor:"blue.300",boxShadow:"0 0 0 1px rgba(170, 179, 255, 0.75)"},_invalid:{borderBottomColor:"red",borderLeftColor:"red",borderRightColor:"red",borderTopColor:"red",borderColor:"red"}},Lt={display:"flex",alignItems:"center",position:"relative",transition:"all 0.2s",outline:"none",borderRadius:"6px",p:"14px 16px"},Rt={default:{fontSize:"body.small",height:"12",lineHeight:"base"}},Mt=function(e){return E({width:e.isFullWidth?"100%":void 0},Lt,{},zt)},At=function(e){var t=e.placement,r=void 0===t?"left":t,n=k(e,["placement"]),o=E({},Mt({variant:"outline"}),{flex:"0 0 auto",whiteSpace:"nowrap",bg:"white",fontSize:"body.small"},{left:{mr:"-1px",roundedRight:0,borderRightColor:"transparent",borderLeftWidth:0},right:{order:1,roundedLeft:0,borderLeftColor:"transparent",borderLeftWidth:0}}[r]);return C.createElement(F,Object.assign({},o,n,{css:{"input:focus + &":{zIndex:-1}}}))};At.displayName="InputAddon";var It=t.forwardRef((function(e,t){var r,n=e.size,o=void 0===n?"default":n,i=e.children,a=e.placement,l=void 0===a?"left":a,s=e.disablePointerEvents,c=void 0!==s&&s,u=k(e,["size","children","placement","disablePointerEvents"]),d=Rt[o]&&Rt[o].height,p=Rt[o]&&Rt[o].fontSize,f=((r={})[l]="0",r);return C.createElement(F,Object.assign({display:"flex",alignItems:"center",justifyContent:"center",position:"absolute",height:d,width:d,fontSize:p,top:"0",zIndex:1,ref:t},c&&{pointerEvents:"none"},f,u),i)})),Tt=t.forwardRef((function(e,t){return C.createElement(It,Object.assign({ref:t,placement:"left"},e))})),Ht=t.forwardRef((function(e,t){return C.createElement(It,Object.assign({ref:t,placement:"right"},e))}));It.displayName="InputElement",Tt.displayName="InputLeftElement",Ht.displayName="InputRightElement";var Pt=t.forwardRef((function(e,t){var r=e.as,n=e["aria-label"],o=e["aria-describedby"],i=e.isReadOnly,a=e.style,l=void 0===a?{}:a,s=k(e,["as","aria-label","aria-describedby","isReadOnly","style"]),c=Mt(e),u=ht(e);return C.createElement(F,Object.assign({ref:t,as:r,_readOnly:u.isReadOnly,"aria-readonly":i,isDisabled:u.isDisabled,"aria-label":n,"aria-invalid":u.isInvalid,isRequired:u.isRequired,"aria-required":u.isRequired,"aria-disabled":u.isDisabled,"aria-describedby":o,textStyle:"body.small",style:E({WebkitAppearance:"none"},l)},c,s))}));Pt.defaultProps={as:"input",isFullWidth:!0,focusBorderColor:"blue.300"},Pt.displayName="Input";var Bt=C.createContext({isOpen:!1}),Ft=function(){return C.useContext(Bt)},Wt=C.memo((function(e){var t=e.component;return t?C.createElement(F,{borderTopRightRadius:"6px",borderTopLeftRadius:"6px"},t):null})),Vt=C.memo((function(e){var t=e.component;return t?C.createElement(F,{borderBottomRightRadius:"6px",borderBottomLeftRadius:"6px"},t):null})),_t=function(e){var t=e.isOpen;return C.createElement(F,{position:"fixed",size:"100%",left:0,right:0,top:0,bottom:0,bg:"rgba(0,0,0,"+(t?"0.48":"0")+")",transition:e.noAnimation?"unset":"all 0.15s",zIndex:99999,style:{userSelect:t?"unset":"none",pointerEvents:t?"unset":"none",willChange:"background"}})},Dt=function(e){var t=e.isOpen,r=k(e,["isOpen"]);return C.createElement(ge,Object.assign({zIndex:999999,position:"fixed",bottom:[0,"unset"],width:"100%",top:0,left:0,height:"100%",maxHeight:["100vh","unset"],alignItems:"center",justifyContent:["flex-end","center"],flexDirection:"column",opacity:t?1:0,style:{userSelect:t?"unset":"none",pointerEvents:t?"unset":"none"}},r))},Nt=C.forwardRef((function(e,t){var r=e.noAnimation,n=e.isOpen,o=k(e,["noAnimation","isOpen"]);return C.createElement(ge,Object.assign({flexDirection:"column",position:"relative",bg:"white",mx:"auto",minWidth:["100%","396px"],maxWidth:["100%","396px"],maxHeight:["100%","calc(100% - 48px)"],borderRadius:["unset","6px"],boxShadow:"high",transform:r||n?"translateY(0px)":"translateY(15px)",transition:r?"unset":"all 0.2s ease-in-out",style:{willChange:"transform"},ref:t},o))})),Zt=C.memo((function(e){var t=e.footerComponent,r=void 0===t?null:t,n=e.headerComponent,o=void 0===n?null:n,i=e.isOpen,a=void 0!==i&&i,l=e.children,s=e.noAnimation,c=void 0!==s&&s,u=e.close,d=k(e,["footerComponent","headerComponent","isOpen","children","noAnimation","close"]),f=Ft().doCloseModal,m=C.useRef(null);return C.useEffect((function(){var e,t,r=function(e){"Escape"===e.key&&(u?u():f&&f())};return a&&"undefined"!=typeof window&&(null===(e=window)||void 0===e||null===(t=e.document)||void 0===t?void 0:t.createElement)&&document.addEventListener("keydown",r),function(){var e,t;"undefined"!=typeof window&&(null===(e=window)||void 0===e||null===(t=e.document)||void 0===t?void 0:t.createElement)&&document.removeEventListener("keydown",r)}}),[a,u]),p(m,a&&(u||f)||null),C.createElement(C.Fragment,null,C.createElement(_t,{isOpen:a,noAnimation:c}),C.createElement(Dt,{isOpen:a},C.createElement(Nt,Object.assign({ref:m,isOpen:a,noAnimation:c},d),C.createElement(Wt,{component:o}),C.createElement(F,{overflowY:"auto"},l),C.createElement(Vt,{component:r}))))})),qt={top:"bottom",bottom:"top",right:"left",left:"right"},Ut=function(e){return qt[e]};function Gt(e,t){var r,n=function(e){return e.split("-")}(e),o=Ut(n[0]);return o?((r={})[o]="-"+t/2+"px",r.width=t,r.height=t,r.position="absolute",r.transform="rotate(45deg)",r):{}}var Yt="undefined"!=typeof window?t.useLayoutEffect:t.useEffect;function Xt(e){var r=e.placement,n=void 0===r?"bottom":r,o=e.offset,i=e.preventOverflow,a=void 0===i||i,l=e.fixed,s=void 0!==l&&l,c=e.forceUpdate,u=void 0===c||c,d=e.flip,p=void 0===d||d,m=e.arrowSize,h=void 0===m?10:m,b=e.gutter,g=void 0===b?h:b,v=e.eventsEnabled,C=void 0===v||v,y=t.useRef(null),x=t.useRef(null),w=t.useRef(null),k=t.useRef(null),O=t.useState(n),S=O[0],j=O[1],z=t.useState(n),L=z[0],R=z[1],M=t.useState(o||[0,g])[0],A=t.useState({}),I=A[0],T=A[1],H=t.useState({}),P=H[0],B=H[1],F=t.useCallback((function(){return!!y.current&&(y.current.forceUpdate(),!0)}),[]);Yt((function(){return x.current&&w.current&&(y.current=f.createPopper(x.current,w.current,{placement:S,strategy:s?"fixed":"absolute",modifiers:[{name:"eventListener",phase:"write",enabled:C},{name:"applyStyles",enabled:!1},{name:"flip",enabled:p,options:{padding:8}},{name:"computeStyles",options:{gpuAcceleration:!1}},{name:"offset",options:{offset:M}},{name:"preventOverflow",enabled:a,options:{tetherOffset:function(){var e;return(null===(e=k.current)||void 0===e?void 0:e.clientWidth)||0}}},{name:"arrow",enabled:Boolean(k.current),options:{element:k.current}},{name:"updateState",phase:"write",enabled:!0,fn:function(e){var t=e.state;R(t.placement),T(t.styles.popper),B(t.styles.arrow)}}]})),function(){y.current&&(y.current.destroy(),y.current=null)}}),[S,s,u,p,M,a]),Yt((function(){requestAnimationFrame((function(){var e;u&&(null===(e=y.current)||void 0===e||e.forceUpdate())}))}),[u]);var W=E({},P,{},Gt(L,h));return{popperInstance:y.current,reference:{ref:x},popper:{ref:w,style:I},arrow:{ref:k,style:W},update:F,placement:L,place:j}}var Jt=Ee({strict:!1})[1],$t=Ee({strict:!1}),Kt=$t[0],Qt=$t[1];function er(e){var r=e.onMount,n=e.onUnmount,o=e.children,i=e.container,a=t.useState((function(){if(xe){var e=document.createElement("div");return e.className="portal",e}return null}))[0],l=Qt(),s=Jt(),c=t.useCallback((function(e){a&&e&&e.appendChild(a)}),[a]);Pe((function(){var e,t,o=null==i?void 0:i(),u=null!==(e=null!==(t=null!=o?o:l)&&void 0!==t?t:null==s?void 0:s.node)&&void 0!==e?e:document.body;return c(u),null==r||r(),function(){null==n||n(),a&&(null==u?void 0:u.contains(a))&&(null==u||u.removeChild(a))}}),[i,a,l,r,n,s&&s.node,c]);var u=(null==s?void 0:s.zIndex)?t.createElement("div",{className:"portal-zIndex",style:{zIndex:s.zIndex}},o):o;return a?m.createPortal(t.createElement(Kt,{value:a},u),a):t.createElement(t.Fragment,null,u)}var tr=t.forwardRef((function(e,r){var n=e.isInline,o=e.children,i=e.align,a=e.justify,l=e.spacing,s=void 0===l?2:l,c=e.shouldWrapChildren,u=k(e,["isInline","children","align","justify","spacing","shouldWrapChildren"]),d=Array.isArray(o)?o.filter(t.isValidElement):[];return C.createElement(ge,Object.assign({align:i,justify:a,flexDir:n?"row":"column",ref:r},u),t.Children.map(d,(function(e,r){if(!t.isValidElement(e))return null;if(!Array.isArray(o))return null;var i=d.length===r+1,a=n?{mr:i?void 0:s}:{mb:i?void 0:s};return c?C.createElement(F,Object.assign({d:"inline-block"},a),e):t.cloneElement(e,a)})))}));tr.displayName="Stack";var rr=function(e){var r=e.styles,n=e.in,o=e.timeout,i=void 0===o?200:o,a=e.transition,l=void 0===a?"all "+i+"ms cubic-bezier(0.23, 1, 0.32, 1)":a,s=e.children,c=k(e,["styles","in","timeout","transition","children"]);return t.createElement(g,Object.assign({appear:!0,unmountOnExit:!0,in:n,timeout:i},c),(function(e){return s(function(e){return E({},r.init,{transition:l},r[e])}(e))}))},nr={init:{opacity:0},entered:{opacity:1},exiting:{opacity:0}},or=function(e,t){var r="";return"left"!==e&&"right"!==e||(r="X"),"top"!==e&&"bottom"!==e||(r="Y"),"translate"+r+"("+t+")"},ir={critical:St,positive:kt,none:function(){return null}},ar=function(e){var r=e.label,n=e.onClick,o=e.removeToast,i=k(e,["label","onClick","removeToast"]),a=t.useCallback((function(){o(),n()}),[o,n]);return C.createElement(F,Object.assign({_hover:{cursor:"pointer",textDecoration:"underline"},onClick:a,"aria-hidden":!0},i),C.createElement(vt,null,r))},lr=function(e){var t=e.onClick,r=k(e,["onClick"]),n=a.useHover(),o=n[0],i=n[1],l=a.useFocus(),s=l[0],c=l[1];return C.createElement(ge,Object.assign({position:"relative",justify:"center",cursor:o?"pointer":"unset",onClick:t},i,r),C.createElement(F,Object.assign({ml:"tight",mt:"extra-tight",opacity:o?1:.5,as:"button",role:"button","aria-label":"Close popup",title:"Close",style:{outline:"none"},position:"relative",zIndex:99,transition:ie},c),C.createElement(jt,{size:"12px"})),C.createElement(F,{size:"24px",bg:"currentColor",borderRadius:"100%",position:"absolute",left:"-50%",top:"-50%",opacity:o?.1:0,transform:"translate3d(12px, 6px, 0)",transition:ie,boxShadow:s?"focus":"unset"}))},sr=function(e){var t=e.children,r=k(e,["children"]);return C.createElement(vt,Object.assign({fontSize:"14px",style:{wordBreak:"break-word"},display:"block"},r),t)},cr=function(e){var t=e.children,r=k(e,["children"]);return C.createElement(vt,Object.assign({fontWeight:"600",display:"block"},r),t)},ur=function(e){var t=e.styles,r=void 0===t?{}:t,n=e.message,o=e.description,i=e.action,a=e.remove,l=k(e,["styles","message","description","action","remove"]);return o?C.createElement(tr,Object.assign({spacing:"tight"},l),C.createElement(cr,Object.assign({},null==r?void 0:r.message),n),o?C.createElement(sr,Object.assign({},null==r?void 0:r.description),o):null,i?C.createElement(ar,Object.assign({key:i.label,removeToast:a},i,r.action)):null):C.createElement(tr,Object.assign({spacing:"tight"},l),C.createElement(cr,Object.assign({},null==r?void 0:r.message),n),i?C.createElement(ar,Object.assign({key:i.label,removeToast:a},i,r.action)):null)},dr=C.forwardRef((function(e,r){var n,o=e.message,i=e.description,a=e.tone,l=void 0===a?"none":a,c=e.onClear,u=e.action,d=e.toastProps,p=void 0===d?{}:d,f=s.useId(e.id),m=t.useMemo((function(){return void 0===(e=p)&&(e={}),{message:E({color:"ink"},null===(t=e)||void 0===t?void 0:t.message),description:E({color:"ink.600"},null===(r=e)||void 0===r?void 0:r.description),toast:E({background:"white",borderColor:"inherit",boxShadow:"high"},null===(n=e)||void 0===n?void 0:n.toast),icon:E({},null===(o=e)||void 0===o?void 0:o.icon,{color:E({critical:"red",positive:"green"},null===(i=e)||void 0===i||null===(a=i.icon)||void 0===a?void 0:a.color)}),close:E({color:"ink.600"},null===(l=e)||void 0===l?void 0:l.close),action:E({color:"blue",fontSize:"14px"},null===(s=e)||void 0===s?void 0:s.action)};var e,t,r,n,o,i,a,l,s}),[p]),g=t.useCallback((function(){return c(f)}),[c,f]),v=t.useRef(null),y=b.useRect(v),x=C.useState(!0),w=x[0],k=x[1],O=null!==(n=null==y?void 0:y.height)&&void 0!==n?n:0,S=C.useCallback((function(){k(!1)}),[]),j=Be({duration:7200,onTimeout:S}),z=j.stopTimeout,L=j.startTimeout,R="none"===l,M=ir[l];return C.createElement(rr,{styles:{init:{opacity:0,height:0,transform:"scale(1)"},entered:{opacity:1,height:O,transform:"scale(1)"},exiting:{opacity:0,height:0,transform:"scale(0.9)"}},in:w,onExited:function(){w||c(f)},timeout:350},(function(e){return C.createElement(F,{onMouseEnter:z,onMouseLeave:L,style:E({willChange:"transform, height, opacity"},e),ref:r},C.createElement(ge,{justify:"center",as:h,maxWidth:"100%",pb:"tight",px:"tight",ref:v},C.createElement(F,Object.assign({p:"base",border:"1px solid",borderColor:"inherit",borderRadius:"6px",maxWidth:"100%"},m.toast,{style:{pointerEvents:"all"}}),C.createElement(F,{position:"relative"},C.createElement(ge,{align:"flex-start"},"none"!==l?C.createElement(F,Object.assign({pt:"extra-tight",pr:"tight"},null==m?void 0:m.icon,{color:m.icon.color[l]}),C.createElement(M,{size:"16px"})):null,C.createElement(F,{pr:R?"unset":"base"},C.createElement(ur,{message:o,description:i,action:u,styles:m,remove:g})),C.createElement(lr,{onClick:S}))))))}))})),pr=function(e){var r=e.toasts,n=e.removeToast,o=k(e,["toasts","removeToast"]),i=t.useCallback((function(e){n(e)}),[n]);return C.createElement(ge,Object.assign({align:"center",justify:"flex-end",flexDirection:"column",position:"fixed",width:"100%",height:"100vh",bottom:0,zIndex:9999999,style:{pointerEvents:"none"}},o),r.map((function(e){var t=e.id,r=k(e,["id"]);return C.createElement(F,{key:t},C.createElement(dr,Object.assign({id:t,onClear:i},r)))})))},fr=0,mr=t.createContext(null);function hr(e,t){switch(t.type){case 0:return E({},e,{toasts:[].concat(e.toasts,[t.payload])});case 1:var r=e.toasts.filter((function(e){return