@blockstack/ui
Version:
Blockstack UI components built using React and styled-components with styled-system.
1 lines • 77.4 kB
JavaScript
"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),r=e(t),n=require("@styled-system/should-forward-prop"),o=require("styled-components"),i=e(o),a=e(require("@styled-system/css")),l=require("styled-system"),s=require("use-events"),c=e(require("prism-react-renderer")),u=require("@reach/auto-id"),d=e(require("color")),p=require("@styled-system/theme-get");require("prop-types");var f=e(require("use-onclickoutside")),m=require("@popperjs/core"),h=require("react-dom"),b=e(require("@reach/alert")),g=require("@reach/rect"),v=e(require("react-transition-group/Transition")),x=e(require("flushable"));function C(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function y(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 w(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?y(Object(r),!0).forEach((function(t){C(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):y(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function E(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 k(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 O(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)}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=l.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},j=function e(t){var r={};for(var n in t){var o;r="object"!=typeof t[n]||Array.isArray(t[n])?w({},r,{},R(n,t[n])):w({},r,((o={})[n]=e(t[n]),o))}return r},M=Object.keys(z);function A(){var e=k(["\n ",";\n ",";\n"]);return A=function(){return e},e}var I=l.compose(l.layout,l.color,l.space,l.background,l.border,l.grid,l.position,l.shadow,l.typography,l.flexbox,l.textStyle,l.buttonStyle,l.colorStyle),H=n.createShouldForwardProp([].concat(n.props,M)),T=i("div").withConfig({shouldForwardProp:function(e){return H(e)}})(A(),I,L),B=i(T)((function(e){var t,r=e._after,n=e._focus,o=e._selected,i=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,x=e._last,C=e._placeholder,y=e._checked,w=e._groupHover,E=e._mixed,k=e._odd,S=e._even;return a(((t={})["&:hover"]=j(e._hover),t["&:focus"]=j(n),t["&:active, &[data-active=true]"]=j(s),t["&:visited"]=j(f),t["&:disabled, &:disabled:focus, &:disabled:hover, &[aria-disabled=true], &[aria-disabled=true]:focus, &[aria-disabled=true]:hover"]=j(c),t["&[aria-selected=true]"]=j(o),t["&[aria-invalid=true]"]=j(l),t["&[aria-expanded=true]"]=j(p),t["&[aria-grabbed=true]"]=j(u),t["&[aria-readonly=true], &[readonly]"]=j(h),t["&:first-of-type"]=j(b),t["&:not(:first-of-type)"]=j(g),t["&:not(:last-of-type)"]=j(v),t["&:last-of-type"]=j(x),t["&:nth-of-type(odd)"]=j(k),t["&:nth-of-type(even)"]=j(S),t["&[aria-checked=mixed]"]=j(E),t["&[aria-checked=true]"]=j(y),t["&[aria-pressed=true]"]=j(d),t["[role=group]:hover &"]=j(w),t["&:before"]=j(m),t["&:after"]=j(r),t["&:focus-within"]=j(i),t["&::placeholder"]=j(C),t))})),P=t.forwardRef((function(e,t){return r.createElement(B,Object.assign({ref:t},e))}));P.displayName="Box";var F=function(e){var n=e.size,o=e.variantColor,i=e.variant,a=e.isAttached,l=e.spacing,s=void 0===l?2:l,c=e.children,u=E(e,["size","variantColor","variant","isAttached","spacing","children"]),d=t.Children.map(c,(function(e,l){var u=0===l,d=l===t.Children.count(c)-1;return r.isValidElement(e)?t.cloneElement(e,w({size:n||e.props.size,variantColor:e.props.variantColor||o,variant:e.props.variant||i,_focus:{boxShadow:"outline",zIndex:1}},!d&&!a&&{mr:s},{},u&&a&&{roundedRight:0},{},d&&a&&{roundedLeft:0},{},!u&&!d&&a&&{rounded:0})):null}));return r.createElement(P,Object.assign({display:"inline-block"},u),d)};F.displayName="ButtonGroup";var W={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:{}};W.feedback={error:W.red,success:W.green,warning:W.orange,info:W.cyan};var V={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"},_={none:V[0],"extra-tight":V[1],tight:V[2],"base-tight":V[3],base:V[4],"base-loose":V[5],loose:V[6],"extra-loose":V[8]},D=w({},V,{containers:{"screen-sm":"640px","screen-md":"768px","screen-lg":"1024px","screen-xl":"1280px"}},_),N={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]},Z={fontWeight:N.fontWeights.semibold,fontSize:N.fontSizes[4],lineHeight:N.lineHeights.shorter,letterSpacing:"-0.02em"},q={fontWeight:N.fontWeights.medium,fontSize:N.fontSizes[3],lineHeight:N.lineHeights.short,letterSpacing:"-0.02em"},U={fontWeight:N.fontWeights.normal,fontSize:N.fontSizes[2],lineHeight:N.lineHeights.base,letterSpacing:"-0.01em"},G=w({},U,{fontWeight:N.fontWeights.medium}),Y={fontWeight:N.fontWeights.normal,fontSize:N.fontSizes[1],lineHeight:N.lineHeights.short,letterSpacing:"-0.01em"},X=w({},Y,{fontWeight:N.fontWeights.medium}),J={fontSize:N.fontSizes[0],lineHeight:N.lineHeights.shorter,letterSpacing:"0.00em"},$=w({},Y,{fontWeight:N.fontWeights.medium}),K={display:{large:Z,small:q},body:{large:w({},U,{medium:G}),small:w({},Y,{medium:X})},caption:w({},J,{medium:$})},Q=w({},N,{textStyles:K}),ee=D,te={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)"},re=["30em","48em","62em","80em"];re.sm=re[0],re.md=re[1],re.lg=re[2],re.xl=re[3];var ne=w({breakpoints:re,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:W},Q,{sizes:D,shadows:te,space:ee}),oe="all 0.2s cubic-bezier(0.23, 1, 0.32, 1)",ie={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"},ae={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}},le={userSelect:"inherit",bg:"none",border:0,color:"inherit",display:"inline",font:"inherit",lineHeight:"inherit",m:0,p:0,textAlign:"inherit"};function se(){var e=k(["\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 se=function(){return e},e}var ce=i(P)(se());function ue(){var e=k(["\n animation: "," "," linear infinite;\n"]);return ue=function(){return e},e}var de=o.keyframes(["0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}"]),pe=i(P)(ue(),de,(function(e){return e.speed})),fe=t.forwardRef((function(e,t){var n=e.size,o=void 0===n?"md":n,i=e.label,a=void 0===i?"Loading...":i,l=e.thickness,s=void 0===l?"2px":l,c=e.speed,u=void 0===c?"0.85s":c,d=e.color,p=e.emptyColor,f=void 0===p?"transparent":p,m=E(e,["size","label","thickness","speed","color","emptyColor"]),h=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}}(o);return r.createElement(pe,Object.assign({ref:t,display:"inline-block",borderWidth:s,borderColor:"currentColor",borderBottomColor:f,borderLeftColor:f,borderRadius:"100%",speed:u,color:d,size:h},m),a&&r.createElement(ce,null,a))}));fe.displayName="Spinner";var me=function(e){return r.createElement(P,{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"})},he=t.forwardRef((function(e,t){var n,o=e.isDisabled,i=e.isActive,a=e.children,l=e.as,c=e.mode,u=void 0===c?"primary":c,d=e.variant,p=void 0===d?"solid":d,f=e.type,m=e.size,h=void 0===m?"md":m,b=e.isLoading,g=e.loadingText,v=e.customStyles,x=E(e,["isDisabled","isActive","children","as","mode","variant","type","size","isLoading","loadingText","customStyles"]),C=w({},ie,{},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:te.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:te.focus},_disabled:{bg:"blue.200",cursor:"not-allowed",color:"white",border:"none"}},tertiary:{bg:"white",color:"blue",boxShadow:te["button.secondary"],_hover:{cursor:"pointer",bg:"white",boxShadow:te["button.secondary"]},_focus:{borderColor:"blue.300",boxShadow:te.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 le;default:return{}}var t,r,n}(n={variant:p,mode:u,size:h,customStyles:v}),{},ae[n.size]),y=s.useHover(),k=y[0];return r.createElement(P,Object.assign({disabled:o,"aria-disabled":o,ref:t,type:f,borderRadius:"6px",fontWeight:"medium",position:"relative","data-active":i?"true":void 0,as:l||"button"},x,C,y[1]),r.createElement(P,{as:"span",display:"flex",alignItems:"center",justifyContent:"center",position:"relative",zIndex:5},b&&r.createElement(fe,{position:g?"relative":"absolute",mx:g?"unset":"auto",color:"currentColor",size:"sm"===h?"xs":"sm"}),b?r.createElement(P,{ml:"tight"},g)||r.createElement(P,{ml:"tight",as:"span",opacity:0},a):a),"primary"===u?r.createElement(me,{isDisabled:o||!1,isHovered:k}):null)}));he.displayName="Button";var be=t.forwardRef((function(e,t){var n=e.align,o=e.justify,i=e.wrap,a=e.direction,l=E(e,["align","justify","wrap","direction"]);return r.createElement(P,Object.assign({ref:t,display:"flex",flexDirection:a,alignItems:n,justifyContent:o,flexWrap:i},l))}));be.displayName="Flex";var ge=void 0;try{ge=window}catch(e){}function ve(e){var t,r;return null!==(t=null==e||null===(r=e.ownerDocument)||void 0===r?void 0:r.defaultView)&&void 0!==t?t:ge}function xe(){var e=ve();return Boolean(void 0!==e&&e.document&&e.document.createElement)}var Ce=xe();function ye(e){return"function"==typeof e}function we(e){void 0===e&&(e={});var t=e.strict,n=void 0===t||t,o=e.errorMessage,i=void 0===o?"useContext must be inside a Provider with a value":o,a=e.name,l=r.createContext(void 0);return l.displayName=a,[l.Provider,function(){var e=r.useContext(l);if(!e&&n)throw new Error(i);return e},l]}function Ee(e,t){if(null!=e)if(ye(e))e(t);else try{e.current=t}catch(r){throw new Error("Cannot assign value '"+t+"' to ref '"+e+"'")}}function ke(){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 Ee(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 Oe(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=Oe(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 je(e,r,n,o){void 0===n&&(n=Ce?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 Me(e,t){return e+"-"+t}function Ae(e,t){var r=u.useId(),n=null!=e?e:r;return t?Me(t,n):n}function Ie(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&&Ie(t,e)}))}}),r)}var Te=Ce?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}},Pe=function(e,t){return d(e).fade(1-t).rgb().string()},Fe=function(e){return{900:Pe(e,.92),800:Pe(e,.8),700:Pe(e,.6),600:Pe(e,.48),500:Pe(e,.38),400:Pe(e,.24),300:Pe(e,.16),200:Pe(e,.12),100:Pe(e,.08),50:Pe(e,.04)}},We=r.createContext(ne),Ve=function(){var e=t.useContext(We);if(void 0===e)throw new Error("useTheme must be used within a ThemeProvider");return e},_e="undefined"!=typeof window,De=function(e){return _e&&e in window};function Ne(e){var r=t.useState((function(){return!!De("matchMedia")&&window.matchMedia(e).matches})),n=r[0],o=r[1];return Te((function(){if(De("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"}(exports.Color||(exports.Color={}));var Ze=function(e,t){return p.themeGet("colors."+e,t)},qe=function(e){var t,r;return{light:(t={},t[exports.Color.Accent]=Ze("blue")(e),t[exports.Color.Bg]="white",t[exports.Color.BgAlt]=Ze("ink.50")(e),t[exports.Color.BgLight]="white",t[exports.Color.Invert]=Ze("ink")(e),t[exports.Color.TextHover]=Ze("blue")(e),t[exports.Color.TextTitle]=Ze("ink")(e),t[exports.Color.TextCaption]=Ze("ink.600")(e),t[exports.Color.TextBody]=Ze("ink.900")(e),t[exports.Color.InputPlaceholder]=Ze("ink.400")(e),t[exports.Color.Border]="rgb(229, 229, 236)",t[exports.Color.FeedbackAlert]=Ze("orange")(e),t[exports.Color.FeedbackError]=Ze("red")(e),t[exports.Color.FeedbackSuccess]=Ze("green")(e),t),dark:(r={},r[exports.Color.Accent]=Ze("blue.400")(e),r[exports.Color.Bg]=Ze("ink")(e),r[exports.Color.BgAlt]="rgba(255,255,255,0.05)",r[exports.Color.BgLight]="rgba(255,255,255,0.08)",r[exports.Color.Invert]="white",r[exports.Color.TextHover]=Ze("blue.300")(e),r[exports.Color.TextTitle]="white",r[exports.Color.TextCaption]="#a7a7ad",r[exports.Color.TextBody]=Ze("ink.300")(e),r[exports.Color.InputPlaceholder]="rgba(255,255,255,0.3)",r[exports.Color.Border]="rgb(39, 41, 46)",r[exports.Color.FeedbackAlert]=Ze("orange")(e),r[exports.Color.FeedbackError]=Ze("red")(e),r[exports.Color.FeedbackSuccess]=Ze("green")(e),r)}},Ue=function(e){return function(t){var r,n=t.colorMode,o=void 0===n?e:n,i=E(t,["colorMode"]);return(r=w({colorMode:o},i),Object.keys(qe(r)[r.colorMode])).map((function(e){return"--colors-"+e+": "+function(e){return qe(e)[e.colorMode]}(w({colorMode:o},i))[e]+";"}))}};function Ge(){var e=k(["\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 Ge=function(){return e},e}var Ye=o.createGlobalStyle(Ge(),Ue("light"),Ue("dark"),Ue("light")),Xe=r.createContext({colorMode:void 0}),Je={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"}}]},$e=function(e){var t=e.tokens,n=e.getTokenProps,o=e.showLineNumbers,i=E(e,["tokens","getTokenProps","showLineNumbers"]),a=Ve();return r.createElement(P,Object.assign({pl:"calc("+(o?60:"0")+"px + "+(a.sizes.base||"16px")+")",pr:"base",position:"relative",zIndex:2},i),t.map((function(e,t){return r.createElement(P,Object.assign({py:"2px",display:"inline-block"},n({token:e,key:t})))})))},Ke=function(e){var t=e.number,n=e.length,o=E(e,["number","length"]);return r.createElement(be,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},o),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,n))},Qe=function(e){var t=e.tokens,n=e.getTokenProps,o=e.index,i=e.length,a=e.showLineNumbers,l=e.hideLineHover,s=E(e,["tokens","getTokenProps","index","length","showLineNumbers","hideLineHover"]);return r.createElement(be,Object.assign({height:"loose",align:"baseline",borderColor:"ink.900",_hover:l?void 0:{bg:["unset","unset","ink.900"],borderColor:["ink.900","ink.900","ink.600"]},position:"relative"},s),a?r.createElement(Ke,{number:o,length:i}):null,r.createElement($e,{showLineNumbers:a,getTokenProps:n,tokens:t}))},et=function(e){var t=e.tokens,n=e.getLineProps,o=e.getTokenProps,i=e.showLineNumbers,a=e.hideLineHover;return r.createElement(P,{display:"block",className:e.className},r.createElement(P,{display:"block",style:{fontFamily:"Fira Code"}},t.map((function(e,l){return r.createElement(Qe,Object.assign({index:l,tokens:e,getTokenProps:o,length:t.length+1,showLineNumbers:i,hideLineHover:a||t.length<3},n({line:e,key:l})))}))))},tt=r.memo((function(e){var t=e.language,n=e.showLineNumbers,o=e.hideLineHover;return r.createElement(c,{theme:Je,code:e.code,language:void 0===t?"clarity":t,Prism:e.Prism},(function(e){return r.createElement(et,Object.assign({showLineNumbers:n,hideLineHover:o},e))}))}));tt.displayName="Highlighter";var rt=r.forwardRef((function(e,t){var n=e.code,o=e.showLineNumbers,i=e.hideLineHover,a=e.style,l=void 0===a?{}:a,s=e.language,c=e.Prism,u=E(e,["code","showLineNumbers","hideLineHover","style","language","Prism"]);return r.createElement(P,Object.assign({overflowX:"auto",bg:"ink",borderRadius:[0,0,"12px"],py:"base",width:"100%",ref:t,style:w({},l,{whiteSpace:"pre",fontFamily:"Fira Code, Consolata, monospace",fontSize:"14px"})},u),r.createElement(tt,{language:s,code:n.toString().trim(),showLineNumbers:o,hideLineHover:i,Prism:c}))})),nt=o.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 ot(){var e=k(["\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 ot=function(){return e},e}function it(){var e=k(["",""]);return it=function(){return e},e}var at=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]}}}(ne).light,lt=at.borderColor,st=at.placeholderColor,ct=o.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:",";}"],nt,at.color,at.bg,ne&&ne.fonts&&ne.fonts.body,lt,st,st,st),ut=o.createGlobalStyle(it(),ct),dt=i.div(ot(),lt,st,st,st,ne&&ne.fonts&&ne.fonts.body),pt=t.createContext({}),ft=function(){return t.useContext(pt)},mt=function(e){var t=ft();return t?Object.keys(t).reduce((function(r,n){return r[n]=e[n],t&&null==e[n]&&(r[n]=t[n]),r}),{}):e},ht=t.forwardRef((function(e,t){var n=e.isInvalid,o=e.isRequired,i=e.isDisabled,a=e.isReadOnly,l=E(e,["isInvalid","isRequired","isDisabled","isReadOnly"]);return r.createElement(pt.Provider,{value:{isRequired:o,isDisabled:i,isInvalid:n,isReadOnly:a}},r.createElement(P,Object.assign({role:"group",ref:t},l)))}));ht.displayName="FormControl";var bt=function(e){switch(e){case"h1":return"display.large";case"h2":return"display.small";case"h3":return"body.large.medium";default:return}},gt=t.forwardRef((function(e,t){var n=e.textStyle,o=e.as,i=void 0===o?"span":o,a=E(e,["textStyle","as"]);return r.createElement(P,Object.assign({ref:t,as:i,whiteSpace:"unset",display:"inline",textStyle:n||bt(i)},a))}));gt.displayName="Text";var vt=function(e){return r.createElement(P,Object.assign({as:"span",ml:1,color:"red","aria-hidden":"true",children:"*"},e))},xt=t.forwardRef((function(e,t){var n=e.children,o=E(e,["children"]),i=mt(o);return r.createElement(gt,Object.assign({ref:t,pb:"4px",opacity:i.isDisabled?.4:1,textAlign:"left",verticalAlign:"middle",display:"inline-block",as:"label",textStyle:"body.small.medium"},o),n,i.isRequired&&r.createElement(vt,null))}));xt.displayName="FormLabel";var Ct=t.forwardRef((function(e,t){var n=e.templateColumns,o=e.gap,i=e.rowGap,a=e.columnGap,l=e.autoFlow,s=e.autoRows,c=e.autoColumns,u=e.templateRows,d=e.templateAreas,p=e.area,f=e.column,m=e.row,h=E(e,["templateColumns","gap","rowGap","columnGap","autoFlow","autoRows","autoColumns","templateRows","templateAreas","area","column","row"]);return r.createElement(P,Object.assign({ref:t,display:"grid",gridArea:p,gridTemplateAreas:d,gridGap:o,gridRowGap:i,gridColumnGap:a,gridAutoColumns:c,gridColumn:f,gridRow:m,gridAutoFlow:l,gridAutoRows:s,gridTemplateRows:u,gridTemplateColumns:n},h))}));Ct.displayName="Grid";var yt=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=E(e,["width","height","viewBox","fill"]);return t.createElement(P,Object.assign({as:"svg",width:n,height:i,viewBox:l,fill:c},u))},wt=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")}},Et=function(e){return r.createElement(P,Object.assign({},e),r.createElement("svg",{width:"100%",viewBox:"0 0 16 17",fill:"none"},r.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"})))},kt=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 r.createElement(P,Object.assign({},e),r.createElement("svg",{width:"100%",viewBox:"0 0 16 16",fill:"none"},r.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"})))},Ot=function(e){return r.createElement(P,Object.assign({},e),r.createElement(yt,{width:"100%",viewBox:"0 0 10 10"},r.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"}},jt=function(e){return w({width:e.isFullWidth?"100%":void 0},Lt,{},zt)},Mt=function(e){var t=e.placement,n=void 0===t?"left":t,o=E(e,["placement"]),i=w({},jt({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}}[n]);return r.createElement(P,Object.assign({},i,o,{css:{"input:focus + &":{zIndex:-1}}}))};Mt.displayName="InputAddon";var At=t.forwardRef((function(e,t){var n,o=e.size,i=void 0===o?"default":o,a=e.children,l=e.placement,s=void 0===l?"left":l,c=e.disablePointerEvents,u=void 0!==c&&c,d=E(e,["size","children","placement","disablePointerEvents"]),p=Rt[i]&&Rt[i].height,f=Rt[i]&&Rt[i].fontSize,m=((n={})[s]="0",n);return r.createElement(P,Object.assign({display:"flex",alignItems:"center",justifyContent:"center",position:"absolute",height:p,width:p,fontSize:f,top:"0",zIndex:1,ref:t},u&&{pointerEvents:"none"},m,d),a)})),It=t.forwardRef((function(e,t){return r.createElement(At,Object.assign({ref:t,placement:"left"},e))})),Ht=t.forwardRef((function(e,t){return r.createElement(At,Object.assign({ref:t,placement:"right"},e))}));At.displayName="InputElement",It.displayName="InputLeftElement",Ht.displayName="InputRightElement";var Tt=t.forwardRef((function(e,t){var n=e.as,o=e["aria-label"],i=e["aria-describedby"],a=e.isReadOnly,l=e.style,s=void 0===l?{}:l,c=E(e,["as","aria-label","aria-describedby","isReadOnly","style"]),u=jt(e),d=mt(e);return r.createElement(P,Object.assign({ref:t,as:n,_readOnly:d.isReadOnly,"aria-readonly":a,isDisabled:d.isDisabled,"aria-label":o,"aria-invalid":d.isInvalid,isRequired:d.isRequired,"aria-required":d.isRequired,"aria-disabled":d.isDisabled,"aria-describedby":i,textStyle:"body.small",style:w({WebkitAppearance:"none"},s)},u,c))}));Tt.defaultProps={as:"input",isFullWidth:!0,focusBorderColor:"blue.300"},Tt.displayName="Input";var Bt=r.createContext({isOpen:!1}),Pt=function(){return r.useContext(Bt)},Ft=r.memo((function(e){var t=e.component;return t?r.createElement(P,{borderTopRightRadius:"6px",borderTopLeftRadius:"6px"},t):null})),Wt=r.memo((function(e){var t=e.component;return t?r.createElement(P,{borderBottomRightRadius:"6px",borderBottomLeftRadius:"6px"},t):null})),Vt=function(e){var t=e.isOpen;return r.createElement(P,{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"}})},_t=function(e){var t=e.isOpen,n=E(e,["isOpen"]);return r.createElement(be,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"}},n))},Dt=r.forwardRef((function(e,t){var n=e.noAnimation,o=e.isOpen,i=E(e,["noAnimation","isOpen"]);return r.createElement(be,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:n||o?"translateY(0px)":"translateY(15px)",transition:n?"unset":"all 0.2s ease-in-out",style:{willChange:"transform"},ref:t},i))})),Nt=r.memo((function(e){var t=e.footerComponent,n=void 0===t?null:t,o=e.headerComponent,i=void 0===o?null:o,a=e.isOpen,l=void 0!==a&&a,s=e.children,c=e.noAnimation,u=void 0!==c&&c,d=e.close,p=E(e,["footerComponent","headerComponent","isOpen","children","noAnimation","close"]),m=Pt().doCloseModal,h=r.useRef(null);return r.useEffect((function(){var e,t,r=function(e){"Escape"===e.key&&(d?d():m&&m())};return l&&"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)}}),[l,d]),f(h,l&&(d||m)||null),r.createElement(r.Fragment,null,r.createElement(Vt,{isOpen:l,noAnimation:u}),r.createElement(_t,{isOpen:l},r.createElement(Dt,Object.assign({ref:h,isOpen:l,noAnimation:u},p),r.createElement(Ft,{component:i}),r.createElement(P,{overflowY:"auto"},s),r.createElement(Wt,{component:n}))))})),Zt={top:"bottom",bottom:"top",right:"left",left:"right"},qt=function(e){return Zt[e]};function Ut(e,t){var r,n=function(e){return e.split("-")}(e),o=qt(n[0]);return o?((r={})[o]="-"+t/2+"px",r.width=t,r.height=t,r.position="absolute",r.transform="rotate(45deg)",r):{}}var Gt="undefined"!=typeof window?t.useLayoutEffect:t.useEffect;function Yt(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,f=e.arrowSize,h=void 0===f?10:f,b=e.gutter,g=void 0===b?h:b,v=e.eventsEnabled,x=void 0===v||v,C=t.useRef(null),y=t.useRef(null),E=t.useRef(null),k=t.useRef(null),S=t.useState(n),O=S[0],z=S[1],L=t.useState(n),R=L[0],j=L[1],M=t.useState(o||[0,g])[0],A=t.useState({}),I=A[0],H=A[1],T=t.useState({}),B=T[0],P=T[1],F=t.useCallback((function(){return!!C.current&&(C.current.forceUpdate(),!0)}),[]);Gt((function(){return y.current&&E.current&&(C.current=m.createPopper(y.current,E.current,{placement:O,strategy:s?"fixed":"absolute",modifiers:[{name:"eventListener",phase:"write",enabled:x},{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;j(t.placement),H(t.styles.popper),P(t.styles.arrow)}}]})),function(){C.current&&(C.current.destroy(),C.current=null)}}),[O,s,u,p,M,a]),Gt((function(){requestAnimationFrame((function(){var e;u&&(null===(e=C.current)||void 0===e||e.forceUpdate())}))}),[u]);var W=w({},B,{},Ut(R,h));return{popperInstance:C.current,reference:{ref:y},popper:{ref:E,style:I},arrow:{ref:k,style:W},update:F,placement:R,place:z}}var Xt=we({strict:!1})[1],Jt=we({strict:!1}),$t=Jt[0],Kt=Jt[1];function Qt(e){var r=e.onMount,n=e.onUnmount,o=e.children,i=e.container,a=t.useState((function(){if(Ce){var e=document.createElement("div");return e.className="portal",e}return null}))[0],l=Kt(),s=Xt(),c=t.useCallback((function(e){a&&e&&e.appendChild(a)}),[a]);Te((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?h.createPortal(t.createElement($t,{value:a},u),a):t.createElement(t.Fragment,null,u)}var er=t.forwardRef((function(e,n){var o=e.isInline,i=e.children,a=e.align,l=e.justify,s=e.spacing,c=void 0===s?2:s,u=e.shouldWrapChildren,d=E(e,["isInline","children","align","justify","spacing","shouldWrapChildren"]),p=Array.isArray(i)?i.filter(t.isValidElement):[];return r.createElement(be,Object.assign({align:a,justify:l,flexDir:o?"row":"column",ref:n},d),t.Children.map(p,(function(e,n){if(!t.isValidElement(e))return null;if(!Array.isArray(i))return null;var a=p.length===n+1,l=o?{mr:a?void 0:c}:{mb:a?void 0:c};return u?r.createElement(P,Object.assign({d:"inline-block"},l),e):t.cloneElement(e,l)})))}));er.displayName="Stack";var tr=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=E(e,["styles","in","timeout","transition","children"]);return t.createElement(v,Object.assign({appear:!0,unmountOnExit:!0,in:n,timeout:i},c),(function(e){return s(function(e){return w({},r.init,{transition:l},r[e])}(e))}))},rr={init:{opacity:0},entered:{opacity:1},exiting:{opacity:0}},nr=function(e,t){var r="";return"left"!==e&&"right"!==e||(r="X"),"top"!==e&&"bottom"!==e||(r="Y"),"translate"+r+"("+t+")"},or={critical:St,positive:Et,none:function(){return null}},ir=function(e){var n=e.label,o=e.onClick,i=e.removeToast,a=E(e,["label","onClick","removeToast"]),l=t.useCallback((function(){i(),o()}),[i,o]);return r.createElement(P,Object.assign({_hover:{cursor:"pointer",textDecoration:"underline"},onClick:l,"aria-hidden":!0},a),r.createElement(gt,null,n))},ar=function(e){var t=e.onClick,n=E(e,["onClick"]),o=s.useHover(),i=o[0],a=o[1],l=s.useFocus(),c=l[0],u=l[1];return r.createElement(be,Object.assign({position:"relative",justify:"center",cursor:i?"pointer":"unset",onClick:t},a,n),r.createElement(P,Object.assign({ml:"tight",mt:"extra-tight",opacity:i?1:.5,as:"button",role:"button","aria-label":"Close popup",title:"Close",style:{outline:"none"},position:"relative",zIndex:99,transition:oe},u),r.createElement(Ot,{size:"12px"})),r.createElement(P,{size:"24px",bg:"currentColor",borderRadius:"100%",position:"absolute",left:"-50%",top:"-50%",opacity:i?.1:0,transform:"translate3d(12px, 6px, 0)",transition:oe,boxShadow:c?"focus":"unset"}))},lr=function(e){var t=e.children,n=E(e,["children"]);return r.createElement(gt,Object.assign({fontSize:"14px",style:{wordBreak:"break-word"},display:"block"},n),t)},sr=function(e){var t=e.children,n=E(e,["children"]);return r.createElement(gt,Object.assign({fontWeight:"600",display:"block"},n),t)},cr=function(e){var t=e.styles,n=void 0===t?{}:t,o=e.message,i=e.description,a=e.action,l=e.remove,s=E(e,["styles","message","description","action","remove"]);return i?r.createElement(er,Object.assign({spacing:"tight"},s),r.createElement(sr,Object.assign({},null==n?void 0:n.message),o),i?r.createElement(lr,Object.assign({},null==n?void 0:n.description),i):null,a?r.createElement(ir,Object.assign({key:a.label,removeToast:l},a,n.action)):null):r.createElement(er,Object.assign({spacing:"tight"},s),r.createElement(sr,Object.assign({},null==n?void 0:n.message),o),a?r.createElement(ir,Object.assign({key:a.label,removeToast:l},a,n.action)):null)},ur=r.forwardRef((function(e,n){var o,i=e.message,a=e.description,l=e.tone,s=void 0===l?"none":l,c=e.onClear,d=e.action,p=e.toastProps,f=void 0===p?{}:p,m=u.useId(e.id),h=t.useMemo((function(){return void 0===(e=f)&&(e={}),{message:w({color:"ink"},null===(t=e)||void 0===t?void 0:t.message),description:w({color:"ink.600"},null===(r=e)||void 0===r?void 0:r.description),toast:w({background:"white",borderColor:"inherit",boxShadow:"high"},null===(n=e)||void 0===n?void 0:n.toast),icon:w({},null===(o=e)||void 0===o?void 0:o.icon,{color:w({critical:"red",positive:"green"},null===(i=e)||void 0===i||null===(a=i.icon)||void 0===a?void 0:a.color)}),close:w({color:"ink.600"},null===(l=e)||void 0===l?void 0:l.close),action:w({color:"blue",fontSize:"14px"},null===(s=e)||void 0===s?void 0:s.action)};var e,t,r,n,o,i,a,l,s}),[f]),v=t.useCallback((function(){return c(m)}),[c,m]),x=t.useRef(null),C=g.useRect(x),y=r.useState(!0),E=y[0],k=y[1],S=null!==(o=null==C?void 0:C.height)&&void 0!==o?o:0,O=r.useCallback((function(){k(!1)}),[]),z=Be({duration:7200,onTimeout:O}),L=z.stopTimeout,R=z.startTimeout,j="none"===s,M=or[s];return r.createElement(tr,{styles:{init:{opacity:0,height:0,transform:"scale(1)"},entered:{opacity:1,height:S,transform:"scale(1)"},exiting:{opacity:0,height:0,transform:"scale(0.9)"}},in:E,onExited:function(){E||c(m)},timeout:350},(function(e){return r.createElement(P,{onMouseEnter:L,onMouseLeave:R,style:w({willChange:"transform, height, opacity"},e),ref:n},r.createElement(be,{justify:"center",as:b,maxWidth:"100%",pb:"tight",px:"tight",ref:x},r.createElement(P,Object.assign({p:"base",border:"1px solid",borderColor:"inherit",borderRadius:"6px",maxWidth:"100%"},h.toast,{style:{pointerEvents:"all"}}),r.createElement(P,{position:"relative"},r.createElement(be,{align:"flex-start"},"none"!==s?r.createElement(P,Object.assign({pt:"extra-tight",pr:"tight"},null==h?void 0:h.icon,{color:h.icon.color[s]}),r.createElement(M,{size:"16px"})):null,r.createElement(P,{pr:j?"unset":"base"},r.createElement(cr,{message:i,description:a,action:d,styles:h,remove:v})),r.createElement(ar,{onClick:O}))))))}))})),dr=function(e){var n=e.toasts,o=e.removeToast,i=E(e,["toasts","removeToast"]),a=t.useCallback((function(e){o(e)}),[o]);return r.createElement(be,Object.assign({align:"center",justify:"flex-end",flexDirection:"column",position:"fixed",width:"100%",height:"100vh",bottom:0,zIndex:9999999,style:{pointerEvents:"none"}},i),n.map((function(e){var t=e.id,n=E(e,["id"]);return r.createElement(P,{key:t},r.createElement(ur,Object.assign({id:t,onClear:a},n)))})))},pr=0,fr=t.createContext(null);function mr(e,t){switch(t.type){case 0:return w({},e,{toasts:[].concat(e.toasts,[t.payload])});case 1:var r=e.toasts.filter((function(e){return e.id!==t.payload}));return w({},e,{toasts:r})}return e}var hr,br=function(e){var n=e.children,o=t.useReducer(mr,{toasts:[]}),i=o[0].toasts,a=o[1],l=t.useCallback((function(e){return a({type:0,payload:e})}),[]),s=t.useCallback((function(e){return a({type:1,payload:e})}),[]);return r.createElement(fr.Provider,{value:l},n,r.createElement(Qt,null,r.createElement(dr,{toasts:i,removeToast:s})))},gr=null,vr=[EvalError,RangeError,ReferenceError,SyntaxError,TypeError,URIError].filter((function(e){return"function"==typeof e}));function xr(e){for(var t,r=O(vr);!(t=r()).done;)if(e instanceof t.value)throw e}exports.AppsIcon=function(e){return r.createElement(yt,Object.assign({},e),r.createElement("rect",{y:"1.02686",width:"10.0435",height:"9.88235",rx:"1.75",fill:"currentColor"}),r.createElement("path",{opacity:"0.8",d:"M13.5697 10.9091H22.2999C23.0625 10.9091 23.5444 10.0897 23.1739 9.42317L18.8088 1.572