@spicy-ui/core
Version:
A themable and extensible React UI library, ready to use out of the box
1 lines • 68 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 n=require("react"),r=require("@spicy-ui/styled-system"),t=e(require("deepmerge")),o=e(require("react-fast-compare")),i=require("styled-components"),a=e(i),l=require("react-icons/hi"),s=require("react-popper"),c=e(require("react-focus-lock")),u=require("framer-motion"),d=require("react-dom"),p=require("downshift"),m=require("styled-normalize"),f=require("polished");function h(){return(h=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e}).apply(this,arguments)}function g(e,n){if(null==e)return{};var r,t,o={},i=Object.keys(e);for(t=0;t<i.length;t++)n.indexOf(r=i[t])>=0||(o[r]=e[r]);return o}function b(e,n){return n||(n=e.slice(0)),e.raw=n,e}function x(e){return"function"==typeof e}function v(e){for(var n=arguments.length,r=new Array(n>1?n-1:0),t=1;t<n;t++)r[t-1]=arguments[t];return x(e)?e.apply(void 0,r):e}function y(e){return function(n){e.forEach((function(e){"function"==typeof e?e(n):null!=e&&(e.current=n)}))}}var E=["children"],C=["children","theme"];function w(e,n){if(void 0===n&&(n={}),e){var r,o,i=null!=(r=e.propToScaleMap)?r:[],a=e.baseStyle?v(e.baseStyle,n):{},l=i.map((function(r){var t,o=r[0];return e.scales&&n[o]?v(null==(t=e.scales[r[1]])?void 0:t[n[o]],n):void 0})).filter((function(e){return!!e}));return t.all([a].concat(l,[null!=(o=n.sx)?o:{}]))}return{}}function F(e,a){void 0===a&&(a={});var l=i.useTheme(),s=r.get(l,"components."+e),c=n.useMemo((function(){var e=g(a,E);return t.all([{theme:l},e])}),[a,l]),u=n.useRef({});return n.useMemo((function(){var e=w(s,c);return o(u.current,e)||(u.current=e),u.current}),[c,s])}function S(e){return function(n){var o=n.theme,i=g(n,C),a=w(r.get(o,"components."+e),t.all([{theme:o},i]));return r.css(a)(n)}}function k(e){return e.sx?r.css(e.sx):{}}var _=r.compose(r.animation,r.background,r.border,r.color,r.flexbox,r.grid,r.layout,r.other,r.position,r.shadow,r.space,r.transition,r.typography),z=a.div.withConfig({shouldForwardProp:r.shouldForwardProp})(k,_);z.displayName="Box";var O=["children","sx","color"],D=n.forwardRef((function(e,r){var t=e.children,o=g(e,O),i=F("Alert",e);return n.createElement(z,Object.assign({ref:r,sx:i},o),t)}));function A(e){void 0===e&&(e={});var r=e.onOpen,t=e.onClose,o=n.useState(e.defaultIsOpen||!1),i=o[0],a=o[1],l=n.useCallback((function(){a(!0),r&&r()}),[r]),s=n.useCallback((function(){a(!1),t&&t()}),[t]),c=n.useCallback((function(){(i?s:l)()}),[i,s,l]);return{isOpen:!!i,onOpen:l,onClose:s,onToggle:c}}D.defaultProps={color:"gray"},D.displayName="Alert";var T={image:void 0,status:"loading"};function B(e,r){var t=n.useState(T),o=t[0],i=t[1],a=o.image,l=o.status;return n.useEffect((function(){if(e){var n=document.createElement("img");return n.addEventListener("load",t),n.addEventListener("error",o),r&&(n.crossOrigin=r),n.src=e,function(){n.removeEventListener("load",t),n.removeEventListener("error",o),i(T)}}function t(){i({image:n,status:"loaded"})}function o(){i({image:void 0,status:"failed"})}}),[r,e]),{image:a,status:l}}var I=function(e,r,t){void 0===r&&(r=function(){}),void 0===t&&(t=function(){});var o=n.useRef(""),i=n.useCallback((function(n){var t=n.key;e!==o.current&&t===e&&(r(),o.current=t)}),[e,r]),a=n.useCallback((function(n){n.key===e&&(t(),o.current="")}),[e,t]);n.useEffect((function(){return window.addEventListener("keydown",i),window.addEventListener("keyup",a),function(){window.removeEventListener("keydown",i),window.removeEventListener("keyup",a)}}),[e,i,a])},R={closeOnBlur:!1,closeOnEsc:!1,closeOnInnerClick:!1,closeOnOuterClick:!1,placement:"bottom-start",offset:[0,0]};function P(e){var r=h({},R,e),t=r.isOpen,o=r.onClose,a=r.closeOnBlur,l=r.closeOnEsc,c=r.closeOnInnerClick,u=r.closeOnOuterClick,d=r.placement,p=r.offset,m=n.useRef(null),f=n.useRef(null),g=s.usePopper(m.current,f.current,{placement:d,modifiers:[{name:"offset",options:{offset:p}}]}),b=g.attributes,x=g.styles,v=n.useCallback((function(){a&&o&&o()}),[a,o]),y=n.useCallback((function(e){var n,r,i;t&&o&&(c&&null!=(n=f.current)&&n.contains(e.target)?o():!u||null!=(r=m.current)&&r.contains(e.target)||null!=(i=f.current)&&i.contains(e.target)||o())}),[c,u,t,o]);I("Escape",(function(){t&&l&&o&&o()})),n.useEffect((function(){return document.addEventListener("mouseup",y),function(){return document.removeEventListener("mouseup",y)}}),[y]);var E=i.useTheme();return{triggerProps:{ref:m,onBlur:v,"data-active":!!t||void 0},childProps:h({ref:f,style:h({},x.popper,{zIndex:E.zIndices.popover})},b.popper)}}var M=a.p.withConfig({shouldForwardProp:r.shouldForwardProp})(S("Text"),k,_);M.defaultProps={variant:"md"},M.displayName="Text";var H=["children","sx","getInitials","icon","name","showBorder","size","src","variant"],j=function(e){var r=e.getInitials,t=e.icon,o=e.name,i=e.src,a=B(i);return i&&"loaded"===a.status?n.createElement(z,{as:"img",src:i,alt:o,size:"full",objectFit:"cover"}):o?n.createElement(M,{as:"span",fontSize:"inherit",fontFamily:"inherit",lineHeight:"inherit"},r(o)):n.createElement(n.Fragment,null,t)},N=function(e){var n=e.split(" "),r=n[0],t=n[1];return r&&t?""+r.charAt(0)+t.charAt(0):r.charAt(0)},W=n.forwardRef((function(e,r){var t=e.children,o=e.getInitials,i=void 0===o?N:o,a=e.icon,s=void 0===a?n.createElement(l.HiOutlineUser,{size:"75%"}):a,c=e.name,u=e.src,d=g(e,H),p=F("Avatar",e);return n.createElement(z,Object.assign({ref:r,sx:p},d),n.createElement(j,{getInitials:i,icon:s,name:c,src:u}),t)}));W.defaultProps={size:"md",variant:"circle"},W.displayName="Avatar";var L=["children","sx","borderColor","max","size","spacing","variant"],G=n.forwardRef((function(e,r){var t=e.children,o=e.borderColor,i=e.max,a=e.size,l=e.spacing,s=e.variant,c=g(e,L),u=F("Avatar",h({},e,{showBorder:!0})),d=n.Children.toArray(t).filter((function(e){return n.isValidElement(e)})),p=(i?d.slice(0,i):d).reverse(),m=null!=i&&d.length-i;return n.createElement(z,Object.assign({ref:r,display:"flex",alignItems:"center",justifyContent:"flex-end",flexDirection:"row-reverse"},c),m>0&&n.createElement(z,{as:"span",sx:h({},u,o?{borderColor:o}:{}),ml:l},"+",m),p.map((function(e,r){return n.cloneElement(e,{showBorder:!0,sx:h({mr:0===r?0:l},o?{borderColor:o}:{},e.props.sx),size:a,variant:s})})))}));G.defaultProps={spacing:"-0.75rem",variant:"circle",size:"md"},G.displayName="AvatarGroup";var q=["as","children","sx","color","variant"],V=n.forwardRef((function(e,r){var t=e.as,o=e.children,i=g(e,q),a=F("Badge",e);return n.createElement(z,Object.assign({ref:r,as:null!=t?t:"span",sx:a},i),o)}));V.defaultProps={color:"gray",variant:"subtle"},V.displayName="Badge";var U=["sx","color","trackColor","thickness","speed","size"],K=n.forwardRef((function(e,r){var t=g(e,U),o=F("Spinner",e);return n.createElement(z,Object.assign({ref:r,sx:o},t))}));K.defaultProps={color:"blue.500",trackColor:"transparent",thickness:"2px",speed:"0.45s",size:"md"},K.displayName="Spinner";var X=["as","children","sx","iconSpacing","iconBefore","iconAfter","isActive","isDisabled","isLoading","loadingText","spinner","type","color","size","variant"],Y=function(e){var r=e.children,t=void 0===r?n.createElement(K,{sx:{color:"currentcolor",height:"1em",width:"1em"}}):r,o=F("ButtonSpinner",e);return n.createElement(z,{sx:o},t)},J={"& > *":{display:"inline-block"}},Q=n.forwardRef((function(e,r){var t=e.as,o=e.children,i=e.iconSpacing,a=e.iconBefore,l=e.iconAfter,s=e.isActive,c=e.isDisabled,u=e.isLoading,d=e.loadingText,p=e.spinner,m=e.type,f=g(e,X),h=F("Button",e);return n.createElement(z,Object.assign({ref:r,as:null!=t?t:"button",disabled:u||c,type:t?void 0:m,role:"button","data-active":s,"data-loading":u,sx:h},f),a&&!u&&n.createElement(z,{as:"span",mr:i,sx:J},a),u&&n.createElement(Y,{hasText:!!d,spacing:i},p),u?d||n.createElement(z,{as:"span",opacity:"0"},o):n.createElement(z,{as:"span",userSelect:"none"},o),l&&!u&&n.createElement(z,{as:"span",ml:i,sx:J},l))}));Q.defaultProps={iconSpacing:"0.5rem",type:"button",color:"gray",size:"md",variant:"filled"},Q.displayName="Button";var Z=["children","sx","icon","isRound"],$=n.forwardRef((function(e,r){var t=e.children,o=e.icon,i=g(e,Z),a=F("IconButton",e);return n.createElement(Q,Object.assign({ref:r,sx:a},i),o||t)}));$.displayName="IconButton";var ee=["id","name","value","label","checked","isDisabled","isInvalid","color","size"],ne=n.forwardRef((function(e,r){var t=e.id,o=e.name,i=e.value,a=e.label,l=e.checked,s=e.isDisabled,c=g(e,ee),u=F("CheckboxOuter",e),d=F("CheckboxInput",e),p=F("CheckboxLabel",e);return n.createElement(z,{as:"label",htmlFor:t,sx:u},n.createElement(z,Object.assign({ref:r,as:"input",type:"checkbox",id:t,name:o,value:i,defaultChecked:l,"data-checked":l||void 0,disabled:s,sx:d},c)),a&&n.createElement(M,{as:"div",fontSize:"inherit",lineHeight:"inherit",sx:p},a))}));ne.defaultProps={color:"blue",size:"md"},ne.displayName="Checkbox";var re=["sx","icon"],te=n.forwardRef((function(e,r){var t=e.icon,o=void 0===t?n.createElement(l.HiX,null):t,i=g(e,re),a=F("CloseButton",e);return n.createElement($,Object.assign({ref:r,icon:o,sx:a},i))}));te.defaultProps={color:"blackAlpha",variant:"ghost"},te.displayName="CloseButton";var oe=["as","children","sx","color","variant"],ie=n.forwardRef((function(e,r){var t=e.as,o=e.children,i=g(e,oe),a=F("Code",e);return n.createElement(z,Object.assign({ref:r,as:null!=t?t:"code",sx:a},i),o)}));ie.defaultProps={color:"gray",variant:"subtle"},ie.displayName="Code";var ae=["as","children","sx","isCentered"],le=n.forwardRef((function(e,r){var t=e.children,o=g(e,ae),i=F("Container",e);return n.createElement(z,Object.assign({ref:r,sx:i},o),t)}));le.displayName="Container";var se=["sx","orientation"],ce=n.forwardRef((function(e,r){var t=g(e,se),o=F("Divider",e);return n.createElement(z,Object.assign({ref:r,sx:o},t))}));ce.defaultProps={orientation:"horizontal"},ce.displayName="Divider";var ue=function(e){var r=e.children,t=n.useState(!1),o=t[0],i=t[1],a=n.useRef();return n.useEffect((function(){if(!a.current){var e=document.createElement("div");e.setAttribute("data-spicy-portal",""),a.current=e}return document.body.appendChild(a.current),i(!0),function(){a.current&&(document.body.removeChild(a.current),a.current=void 0,i(!1))}}),[]),o&&a.current?d.createPortal(r,a.current):null};ue.displayName="Portal";var de=["children","sx","isOpen","onClick"],pe=a(u.motion.div)(k),me={hidden:{opacity:0,pointerEvents:"none",transition:{duration:.3}},visible:{opacity:1,pointerEvents:"auto",transition:{duration:.2}}},fe=function(e){var r=e.children,t=e.isOpen,o=e.onClick,i=g(e,de),a=F("Overlay",e);return n.createElement(ue,null,n.createElement(pe,Object.assign({initial:"hidden",animate:t?"visible":"hidden",variants:me,onClick:o,sx:a},i),r))};fe.displayName="Overlay";var he=["children","sx","isOpen","onClose","anchor","closeOnEsc","closeOnOverlayClick","disableFocusTrap","size"],ge=function(e){switch(e){case"top":return{top:0,right:0,bottom:"unset",left:0};case"right":return{top:0,right:0,bottom:0,left:"unset"};case"bottom":return{top:"unset",right:0,bottom:0,left:0};default:return{top:0,right:"unset",bottom:0,left:0}}},be=function(e){var r=e.children,t=e.isOpen,o=e.onClose,i=e.anchor,a=e.closeOnEsc,l=e.closeOnOverlayClick,s=e.disableFocusTrap,u=g(e,he);I("Escape",(function(){t&&!a&&o&&o()}));var d=n.useCallback((function(e){e.target===e.currentTarget&&l&&o&&o()}),[l,o]);n.useEffect((function(){return t&&!document.body.classList.contains("noscroll")&&document.body.classList.add("noscroll"),function(){return document.body.classList.remove("noscroll")}}),[t]);var p=F("Drawer",e);return n.createElement(fe,{isOpen:t,onClick:d,sx:ge(i)},n.createElement(c,{disabled:s||!t},n.createElement(z,Object.assign({role:"dialog","aria-modal":"true",sx:p},u),r)))};be.defaultProps={anchor:"right",closeOnOverlayClick:!0,size:"xs"},be.displayName="Drawer";var xe=a.div.withConfig({shouldForwardProp:r.shouldForwardProp})(k,_,r.extendedFlexbox);xe.defaultProps={display:"flex"},xe.displayName="Flex";var ve=a.div.withConfig({shouldForwardProp:r.shouldForwardProp})(k,_,r.extendedGrid);ve.defaultProps={display:"grid"},ve.displayName="Grid";var ye=a.h2.withConfig({shouldForwardProp:r.shouldForwardProp})(S("Heading"),k,_);ye.defaultProps={variant:"h2"},ye.displayName="Heading";var Ee=["sx","crossOrigin","fallback","fallbackSrc","src"],Ce=n.forwardRef((function(e,r){var t=e.crossOrigin,o=e.fallback,i=e.fallbackSrc,a=e.src,l=g(e,Ee),s=B(a,t).status,c=F("Image",e);return"loaded"!==s?o||n.createElement(z,Object.assign({ref:r,as:"img",sx:c,src:i},l)):n.createElement(z,Object.assign({ref:r,as:"img",sx:c,src:a},l))}));Ce.displayName="Image";var we=["as","children","sx","isDisabled","isInvalid","isReadOnly","isRequired","size","variant"],Fe=n.forwardRef((function(e,r){var t=e.as,o=e.children,i=e.isDisabled,a=e.isReadOnly,l=e.isRequired,s=g(e,we),c=F("Input",e);return n.createElement(z,Object.assign({ref:r,as:null!=t?t:"input",disabled:i,readOnly:a,required:l,sx:c},s),o)}));Fe.defaultProps={size:"md",type:"text",variant:"outlined"},Fe.displayName="Input";var Se=["as","children","sx"],ke=n.forwardRef((function(e,r){var t=e.as,o=e.children,i=g(e,Se),a=F("Kbd",e);return n.createElement(z,Object.assign({ref:r,as:null!=t?t:"kbd",sx:a},i),o)}));ke.displayName="Kbd";var _e=a.a.attrs((function(e){var n=e.isDisabled,r=e.isExternal,t=e.onClick;return{"aria-disabled":n||void 0,"data-disabled":n||void 0,tabIndex:n?-1:void 0,target:r?"_blank":void 0,role:r?"noopener noreferrer":void 0,onClick:function(e){n?e.preventDefault():t&&t(e)}}})).withConfig({shouldForwardProp:r.sfp(["color","hoverColor","isDisabled","isExternal","underlineBehaviour"])})(S("Link"),k);_e.defaultProps={underlineBehaviour:"hover"},_e.displayName="Link";var ze=["children","sx","trigger","closeOnBlur","closeOnEsc","closeOnInnerClick","closeOnOuterClick","openOnHover","placement","offset"],Oe=a(u.motion.div)(k),De={hidden:{opacity:0,pointerEvents:"none",transition:{duration:.2}},visible:{opacity:1,pointerEvents:"auto",transition:{duration:.2}}},Ae=function(e){var r=e.children,t=e.trigger,o=e.closeOnBlur,i=e.closeOnEsc,a=e.closeOnInnerClick,l=e.closeOnOuterClick,s=e.openOnHover,c=e.placement,u=e.offset,d=g(e,ze),p=F("Menu",e),m=A(),f=m.isOpen,b=m.onOpen,x=m.onClose,y=m.onToggle,E=P({isOpen:f,onClose:x,closeOnBlur:o,closeOnEsc:i,closeOnInnerClick:a,closeOnOuterClick:l,placement:c,offset:u}),C=E.triggerProps,w=E.childProps;return n.createElement(n.Fragment,null,n.cloneElement(v(t,{isOpen:f,onOpen:b,onClose:x,onToggle:y}),h({},C,{onClick:s?void 0:y,onKeyDown:function(e){return"Enter"===e.key?y:void 0},onMouseEnter:s?b:void 0})),n.createElement(ue,null,n.createElement(Oe,Object.assign({},w,{initial:"hidden",tabIndex:f?0:-1,animate:f?"visible":"hidden",variants:De,sx:p},d),v(r,{isOpen:f,onOpen:b,onClose:x,onToggle:y}))))};Ae.defaultProps={closeOnBlur:!1,closeOnEsc:!0,closeOnInnerClick:!0,closeOnOuterClick:!0,openOnHover:!1,placement:"bottom-start",offset:[0,8]},Ae.displayName="Menu";var Te=a.div(S("MenuDivider"),k);Te.displayName="MenuDivider";var Be=a.div(S("MenuHeader"),k);Be.displayName="MenuHeader";var Ie=a.div(S("MenuItem"),k);Ie.displayName="MenuItem";var Re=["children","sx","isOpen","onClose","size","closeOnEsc","closeOnOverlayClick","disableFocusTrap"],Pe=function(e){var r=e.children,t=e.isOpen,o=e.onClose,i=e.closeOnEsc,a=e.closeOnOverlayClick,l=e.disableFocusTrap,s=g(e,Re);I("Escape",(function(){t&&i&&o&&o()}));var u=n.useCallback((function(e){e.target===e.currentTarget&&a&&o&&o()}),[a,o]);n.useEffect((function(){return t&&!document.body.classList.contains("noscroll")&&document.body.classList.add("noscroll"),function(){return document.body.classList.remove("noscroll")}}),[t]);var d=F("Modal",e);return n.createElement(fe,{isOpen:t,onClick:u},n.createElement(c,{disabled:l||!t},n.createElement(z,Object.assign({role:"dialog","aria-modal":"true",sx:d},s),r)))};Pe.defaultProps={closeOnOverlayClick:!0,size:"md"},Pe.displayName="Modal";var Me=["children","sx"],He=function(e){var r=e.children,t=g(e,Me),o=F("ModalBody",e);return n.createElement(z,Object.assign({sx:o},t),r)};He.displayName="ModalBody";var je=["sx"],Ne=function(e){var r=g(e,je),t=F("ModalCloseButton",e);return n.createElement(te,Object.assign({sx:t},r))};Ne.displayName="ModalCloseButton";var We=["children","sx"],Le=function(e){var r=e.children,t=g(e,We),o=F("ModalFooter",e);return n.createElement(z,Object.assign({as:"footer",sx:o},t),r)};Le.displayName="ModalFooter";var Ge=["children","sx"],qe=function(e){var r=e.children,t=g(e,Ge),o=F("ModalHeader",e);return n.createElement(z,Object.assign({as:"header",sx:o},t),r)};qe.displayName="ModalHeader";var Ve,Ue,Ke=["children","angle","color","isCapRound","isIndeterminate","max","min","trackColor","thickness","value"],Xe=a.svg(k),Ye=a.circle(k),Je=n.forwardRef((function(e,r){var t=e.children,o=e.angle,i=void 0===o?0:o,a=e.color,l=void 0===a?"blue.500":a,s=e.isCapRound,c=void 0!==s&&s,u=e.isIndeterminate,d=void 0!==u&&u,p=e.max,m=void 0===p?100:p,f=e.min,b=void 0===f?0:f,x=e.trackColor,v=void 0===x?"gray.100":x,y=e.thickness,E=void 0===y?1:y,C=e.value,w=void 0===C?0:C,S=g(e,Ke),k=F("ProgressCircular",e),_=F("ProgressCircularSvg",e),O=F("ProgressCircularShape",e),D=F("ProgressCircularInner",e),A=Math.min(Math.max(100*(w-b)/(m-b),b),m)/100;return n.createElement(z,Object.assign({ref:r,role:"progressbar",sx:k},S),n.createElement(Xe,{viewBox:"0 0 100 100",sx:_},n.createElement(Ye,{cx:50,cy:50,r:42,fill:"transparent",stroke:"currentColor",strokeWidth:8*E,sx:h({},O,{color:v})}),n.createElement(Ye,{cx:50,cy:50,r:42,fill:"transparent",stroke:"currentColor",strokeWidth:8*E,strokeLinecap:c?"round":void 0,strokeDasharray:42*Math.PI*2*A+", "+42*Math.PI*2,transform:"rotate("+(i-90)+", 50, 50)",sx:h({},O,{color:l})},d&&n.createElement(n.Fragment,null,n.createElement("animate",{attributeName:"stroke-dasharray",values:"1,400;400,400;400,400",dur:"2",repeatCount:"indefinite"}),n.createElement("animate",{attributeName:"stroke-dashoffset",values:"0;-100;-260",dur:"2",repeatCount:"indefinite"}),n.createElement("animateTransform",{attributeName:"transform",type:"rotate",from:"0 50 50",to:"360 50 50",dur:"2",repeatCount:"indefinite"})))),t&&n.createElement(z,{sx:D},t))}));Je.defaultProps={size:"48px"},Je.displayName="CircularProgress";var Qe=i.keyframes(Ve||(Ve=b(["\n 0% {\n margin-left: 0;\n margin-right: 100%;\n }\n\n 50% {\n margin-left: 25%;\n margin-right: 0;\n }\n\n 100% {\n margin-left: 100%;\n margin-right: 0%;\n }\n"]))),Ze=a.div(Ue||(Ue=b(["\n /* "," */\n\n display: none;\n"])),Qe),$e=["children","isIndeterminate","max","min","trackColor","value"],en=n.forwardRef((function(e,r){var t=e.children,o=e.isIndeterminate,i=void 0!==o&&o,a=e.max,l=void 0===a?100:a,s=e.min,c=void 0===s?0:s,u=e.trackColor,d=void 0===u?"gray.100":u,p=e.value,m=void 0===p?0:p,f=g(e,$e),h=F("ProgressHorizontal",e),b=F("ProgressHorizontalIndeterminateInner",e),x=F("ProgressHorizontalInner",e);return n.createElement(z,Object.assign({ref:r,role:"progressbar",bg:d,height:4,sx:h},f),i?n.createElement(n.Fragment,null,n.createElement(Ze,null),n.createElement(z,{animationName:Qe.getName(),sx:b})):n.createElement(z,{width:Math.min(Math.max(100*(m-c)/(l-c),c),l)+"%",sx:x},t))}));en.defaultProps={color:"blue.500"},en.displayName="HorizontalProgress";var nn=["isCircular"],rn=n.forwardRef((function(e,r){var t=e.isCircular,o=void 0!==t&&t,i=g(e,nn);return n.createElement(o?Je:en,Object.assign({ref:r},i))}));rn.displayName="Progress";var tn=["id","name","value","label","checked","isDisabled","isInvalid","color","size"],on=n.forwardRef((function(e,r){var t=e.id,o=e.name,i=e.value,a=e.label,l=e.checked,s=e.isDisabled,c=g(e,tn),u=F("RadioOuter",e),d=F("RadioInput",e),p=F("RadioLabel",e);return n.createElement(z,{as:"label",htmlFor:t,sx:u},n.createElement(z,Object.assign({ref:r,as:"input",type:"radio",id:t,name:o,value:i,defaultChecked:l,"data-checked":l||void 0,disabled:s,sx:d},c)),a&&n.createElement(M,{as:"div",fontSize:"inherit",lineHeight:"inherit",sx:p},a))}));on.defaultProps={color:"blue",size:"md"},on.displayName="Radio";var an=["children","sx","flexDir","flexDirection","direction","align","justify","wrap","spacing","shouldWrapChildren","divider"];function ln(e,n){if(Array.isArray(e))return e.map((function(e){return null===e?null:n(e)}));var r=typeof e;if(("function"===r||"object"===r)&&e){var t={};return Object.keys(e).forEach((function(r){t[r]=n(e[r])})),t}return null!=e?n(e):null}var sn=n.forwardRef((function(e,r){var t=e.children,o=e.sx,i=e.flexDir,a=e.flexDirection,l=e.direction,s=void 0===l?"column":l,c=e.align,u=e.justify,d=e.wrap,p=e.spacing,m=e.shouldWrapChildren,f=e.divider,b=g(e,an),x=i||a||s,v=n.useMemo((function(){var e={row:{marginLeft:p,marginTop:0},column:{marginTop:p,marginLeft:0},"row-reverse":{marginRight:p,marginBottom:0},"column-reverse":{marginBottom:p,marginRight:0}};return{"& > * ~ *":ln(x,(function(n){return e[n]}))}}),[x,p]),y=n.useMemo((function(){var e={row:{my:0,mx:p},column:{my:p,mx:0},"row-reverse":{my:0,mx:p},"column-reverse":{my:p,mx:0}};return{"&":ln(x,(function(n){return e[n]}))}}),[x,p]),E=n.Children.toArray(t).filter((function(e){return n.isValidElement(e)})),C=n.useMemo((function(){return f?o:h({},v,o)}),[f,v,o]);return n.createElement(z,Object.assign({ref:r,display:"flex",alignItems:c,justifyContent:u,flexDirection:x,flexWrap:d,sx:C},b),m||f?E.map((function(e,r){var t=m?n.createElement(z,{key:"stack-child-"+r},e):e;if(!f)return t;var o=r+1!==E.length?n.cloneElement(f,{sx:y}):null;return n.createElement(n.Fragment,{key:"stack-fragment-"+r},t,o)})):E)}));sn.displayName="Stack";var cn=["icon","sx"];function un(e){return e?e.label:""}function dn(e,r){return void 0===r&&(r=null),!e&&r?n.createElement(M,{as:"span",color:"gray.400",userSelect:"none"},r):e?n.createElement(M,{as:"span",userSelect:"none"},e.label):null}var pn=function(e){return n.createElement(xe,{py:4,align:"center",justify:"center"},n.createElement(M,{as:"span",userSelect:"none",sx:e.sx},e.label))},mn=function(e){var r=e.icon,t=e.sx,o=g(e,cn);return n.createElement(M,Object.assign({as:"span",sx:t},o),r)},fn={loading:"Loading...",noItems:"No items"},hn=a(u.motion.div)(k),gn={hidden:{opacity:0,pointerEvents:"none",transition:{duration:.3}},visible:{opacity:1,pointerEvents:"auto",transition:{duration:.2}}},bn=function(e){var r=e.searchValue,t=e.onSearchChange,o=e.items,i=e.itemToString,a=void 0===i?un:i,s=e.renderItem,c=void 0===s?dn:s,u=e.value,d=e.onChange,m=e.isClearable,f=e.isDisabled,g=e.isInvalid,b=e.isLoading,x=e.isSearchable,v=e.autoFocus,E=e.placeholder,C=e.size,w=e.variant,S=h({},fn,e.i18n),k=n.useCallback((function(e){e.selectedItem&&d(e.selectedItem)}),[d]),_=n.useCallback((function(e){t&&null!=e.inputValue&&t(e.inputValue)}),[t]),O=p.useCombobox({items:o,selectedItem:u,onSelectedItemChange:k,itemToString:a,inputValue:r,onInputValueChange:_}),D=O.isOpen,A=O.selectedItem,T=O.getComboboxProps,B=O.getToggleButtonProps,I=O.getInputProps,R=O.getMenuProps,M=O.getItemProps,H=O.setInputValue,j=O.highlightedIndex,N=O.closeMenu,W=P({isOpen:D,offset:[0,8]}),L=W.triggerProps,G=W.childProps,q=n.useCallback((function(e){e.stopPropagation(),D&&N(),H(""),d(null)}),[N,D,d,H]),V=T(),U=B(),X=I({},{suppressRefError:!0}),Y=R({},{suppressRefError:!0}),J=F("Menu",{isFullWidth:!0,size:C,variant:w}),Q=F("SelectText",{size:C,variant:w}),Z=F("SelectIcon",{size:C,variant:w});return n.createElement(z,Object.assign({pos:"relative"},V),n.createElement(Fe,Object.assign({as:"button",type:"button",isDisabled:f,isInvalid:g,size:C,variant:w,autoFocus:v},L,U,{ref:y([L.ref,U.ref])}),n.createElement(xe,{pr:2,flex:"1 1 0%"},x?n.createElement(Fe,Object.assign({isDisabled:f,placeholder:E,variant:"unstyled",sx:{boxShadow:"none !important"}},X)):c(A,E)),n.createElement(sn,{spacing:2,direction:"row",align:"center",flexShrink:0},b&&n.createElement(K,{color:"gray.400",size:C}),!b&&m&&(A||r)&&n.createElement(mn,{icon:n.createElement(l.HiX,null),onClick:q,sx:Z}),n.createElement(mn,{icon:n.createElement(l.HiChevronDown,null),sx:Z}))),n.createElement(hn,Object.assign({initial:"hidden",animate:D?"visible":"hidden",variants:gn,sx:J},G,Y,{ref:y([G.ref,Y.ref])}),b&&n.createElement(pn,{label:S.loading,sx:Q}),!b&&0===o.length&&n.createElement(pn,{label:S.noItems,sx:Q}),!b&&o.map((function(e,r){return n.createElement(Ie,Object.assign({key:"select-item-"+r},M({"data-active":j===r||void 0,index:r,item:e})),c(e))}))))};bn.defaultProps={size:"md",variant:"outlined"},bn.displayName="Select";var xn=["children","sx"],vn=n.forwardRef((function(e,r){var t=e.children,o=g(e,xn),i=F("Skeleton",e);return n.createElement(z,Object.assign({ref:r,sx:i},o),t)}));vn.defaultProps={variant:"text"},vn.displayName="Skeleton";var yn=["id","name","value","label","checked","isDisabled","isInvalid","color","size"],En=n.forwardRef((function(e,r){var t=e.id,o=e.name,i=e.value,a=e.checked,l=e.isDisabled,s=g(e,yn),c=F("SwitchOuter",e),u=F("SwitchInput",e),d=F("SwitchToggle",e);return n.createElement(z,{as:"label",htmlFor:l?void 0:t,sx:c},n.createElement(z,Object.assign({ref:r,as:"input",type:"checkbox",role:"switch",id:t,name:o,value:i,defaultChecked:a,"data-checked":a||void 0,disabled:l},s,{sx:u})),n.createElement(z,{"data-checked":a||void 0,sx:d}))}));En.defaultProps={color:"blue",size:"md"},En.displayName="Switch";var Cn=a.button.attrs((function(e){var n=e.isDisabled,r=e.isSelected,t=e.onClick;return{"aria-disabled":n||void 0,"data-disabled":n||void 0,"aria-selected":r||void 0,"data-selected":r||void 0,disabled:n||void 0,onClick:function(e){n?e.preventDefault():t&&t(e)},tabIndex:n?-1:void 0}})).withConfig({shouldForwardProp:function(e,n,t){return"button"===t?r.sfp(["isDisabled","isSelected"])(e):r.sfp(["type","isDisabled","isSelected"])(e)}})(S("Tab"),k);Cn.defaultProps={type:"button",role:"tab"},Cn.displayName="Tab";var wn=["children","sx"],Fn=n.forwardRef((function(e,r){var t=e.children,o=g(e,wn),i=F("Tabs",e);return n.createElement(z,Object.assign({ref:r,role:"tablist",sx:i},o),t)}));Fn.defaultProps={color:"blue",variant:"line"},Fn.displayName="Tabs";var Sn=["as","children","sx","label","isRound","color","size","variant"],kn=n.forwardRef((function(e,r){var t=e.as,o=e.children,i=e.label,a=g(e,Sn),l=F("Tag",e);return n.createElement(z,Object.assign({ref:r,as:null!=t?t:"span",sx:l},a),i||o)}));kn.defaultProps={color:"gray",size:"md",variant:"subtle"},kn.displayName="Tag";var _n=["children","sx"],zn=n.forwardRef((function(e,r){var t=e.children,o=void 0===t?n.createElement(l.HiX,null):t,i=g(e,_n),a=F("TagAction",e);return n.createElement($,Object.assign({ref:r,sx:a,isRound:!0,variant:"unstyled"},i),o)}));zn.displayName="TagAction";var On=["children","icon"],Dn=["sx"],An=["sx"],Tn=n.forwardRef((function(e,r){var t=e.children,o=e.icon,i=g(e,On);return n.createElement(z,Object.assign({ref:r,as:"span"},i),o||t)}));Tn.displayName="TagIcon";var Bn=n.forwardRef((function(e,r){var t=e.sx,o=g(e,Dn),i=F("TagIconBefore",e);return n.createElement(Tn,Object.assign({ref:r,sx:h({},i,t)},o))}));Bn.displayName="TagIconBefore";var In=n.forwardRef((function(e,r){var t=e.sx,o=g(e,An),i=F("TagIconAfter",e);return n.createElement(Tn,Object.assign({ref:r,sx:h({},i,t)},o))}));In.displayName="TagIconAfter";var Rn=["children","sx","label"],Pn=n.forwardRef((function(e,r){var t=e.children,o=e.label,i=g(e,Rn),a=F("TagLabel",e);return n.createElement(z,Object.assign({ref:r,as:"span",sx:a},i),o||t)}));Pn.displayName="TagLabel";var Mn,Hn,jn,Nn,Wn,Ln=["as","children","sx","isDisabled","isInvalid","isReadOnly","isRequired","resize","size","variant"],Gn=n.forwardRef((function(e,r){var t=e.as,o=e.isDisabled,i=e.isReadOnly,a=e.isRequired,l=e.resize,s=g(e,Ln),c=F("TextArea",e);return n.createElement(z,Object.assign({as:null!=t?t:"textarea",ref:r,disabled:o,readOnly:i,required:a,resize:l,sx:c},s))}));Gn.defaultProps={resize:"vertical",size:"md",variant:"outlined"},Gn.displayName="TextArea";var qn,Vn=i.keyframes(Mn||(Mn=b(["\n 0%, 100% {\n transform: translateY(-25%);\n animationTimingFunction: cubic-bezier(0.8, 0, 1, 1);\n }\n\n 50% {\n transform: translateY(0);\n animationTimingFunction: cubic-bezier(0, 0, 0.2, 1);\n }\n"]))),Un=i.keyframes(Hn||(Hn=b(["\n 75%, 100% {\n transform: scale(2);\n opacity: 0;\n }\n"]))),Kn=i.keyframes(jn||(jn=b(["\n 0%, 100% {\n opacity: 1;\n }\n\n 50% {\n opacity: .5;\n }\n"]))),Xn=i.keyframes(Nn||(Nn=b(["\n from {\n transform: rotate(0deg);\n }\n\n to {\n transform: rotate(360deg);\n }\n"]))),Yn=i.css(Wn||(Wn=b(["\n ","\n ","\n ","\n ","\n"])),Vn,Un,Kn,Xn),Jn={bounce:Vn.getName(),ping:Un.getName(),pulse:Kn.getName(),spin:Xn.getName()},Qn={animation:{bounce:Jn.bounce+" 1s infinite",ping:Jn.ping+" 1s cubic-bezier(0, 0, 0.2, 1) infinite",pulse:Jn.pulse+" 2s cubic-bezier(0.4, 0, 0.6, 1) infinite",spin:Jn.spin+" 1s linear infinite"},name:Jn,duration:{},timingFn:{},delay:{}},Zn=function(e){return{GlobalStyle:i.createGlobalStyle(qn||(qn=b(["\n ","\n\n *,\n *::before,\n *::after {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n border-width: 0;\n border-style: solid;\n border-color: ",";\n word-wrap: break-word;\n }\n\n *::placeholder {\n color: ",";\n }\n \n html {\n background: ",";\n color: ",";\n font-family: ",";\n line-height: ",";\n }\n\n hr {\n border-top-width: 1px;\n }\n\n img {\n border-style: solid;\n }\n\n textarea {\n resize: vertical;\n }\n\n input:-ms-input-placeholder, textarea:-ms-input-placeholder {\n color: ",";\n }\n\n input::-ms-input-placeholder, textarea::-ms-input-placeholder {\n color: ",";\n }\n\n input::placeholder,\n textarea::placeholder {\n color: ",';\n }\n\n button,\n [role="button"] {\n cursor: pointer;\n }\n\n table {\n border-collapse: collapse;\n }\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n font-size: inherit;\n font-weight: inherit;\n }\n\n a {\n color: inherit;\n text-decoration: inherit;\n }\n\n button,\n input,\n optgroup,\n select,\n textarea {\n padding: 0;\n line-height: inherit;\n color: inherit;\n }\n\n pre,\n code,\n kbd,\n samp {\n font-family: ',";\n }\n\n img,\n svg,\n video,\n canvas,\n audio,\n iframe,\n embed,\n object {\n display: block;\n vertical-align: middle;\n }\n\n img,\n video {\n max-width: 100%;\n height: auto;\n }\n\n /* "," */\n\n .noscroll {\n overflow: hidden;\n }\n\n ",";\n "])),m.normalize,(function(e){return e.theme.colors.gray[200]}),(function(e){return e.theme.colors.gray[400]}),(function(e){return e.theme.colors.white}),(function(e){return e.theme.colors.gray[800]}),(function(e){return e.theme.fonts.body}),(function(e){return e.theme.lineHeights.normal}),(function(e){return e.theme.colors.gray[400]}),(function(e){return e.theme.colors.gray[400]}),(function(e){return e.theme.colors.gray[400]}),(function(e){return e.theme.fonts.mono}),Yn,e)}};function $n(e){for(var n=0,r=0;r<e.length;r+=1)n=e.charCodeAt(r)+((n<<5)-n);return"hsl("+n%360+", 55%, 55%)"}var er=function(e){var n=e.color;switch(n){case"blueGray":case"coolGray":case"gray":case"trueGray":case"warmGray":return{color:n+".800",_hover:{backgroundColor:function(e){return f.transparentize(.5,e.colors[n][200])},_disabled:{backgroundColor:"transparent"}},_active:{backgroundColor:function(e){return f.transparentize(.5,e.colors[n][300])}}};case"blackAlpha":case"whiteAlpha":return{color:n+".800",_hover:{backgroundColor:n+".200",_disabled:{backgroundColor:"transparent"}},_active:{backgroundColor:n+".300"}};default:return{color:n+".500",_hover:{backgroundColor:function(e){return f.transparentize(.5,e.colors[n][100])},_disabled:{backgroundColor:"transparent"}},_active:{backgroundColor:function(e){return f.transparentize(.5,e.colors[n][200])}}}}},nr={propToScaleMap:[["size","sizes"],["variant","variants"]],baseStyle:function(e){return{width:e.isFullWidth?"100%":"auto",position:"relative",display:"inline-flex",alignItems:"center",justifyContent:"center",appearance:"none",background:"none",border:"none",borderRadius:"md",color:"inherit",fontWeight:"semibold",lineHeight:1.2,outline:"none",transitionProperty:"common",transitionTimingFunction:"inOut",transitionDuration:"300",userSelect:"none",verticalAlign:"middle",whiteSpace:"nowrap",_focus:{boxShadow:"outline",zIndex:1},_disabled:{boxShadow:"none",cursor:"not-allowed",opacity:.4}}},scales:{sizes:{xs:function(){return{px:2,height:6,minWidth:6,fontSize:"xs"}},sm:function(){return{px:3,height:8,minWidth:8,fontSize:"sm"}},md:function(){return{px:4,height:10,minWidth:10,fontSize:"md"}},lg:function(){return{px:6,height:12,minWidth:12,fontSize:"lg"}}},variants:{filled:function(e){var n=e.color;switch(n){case"blueGray":case"coolGray":case"gray":case"trueGray":case"warmGray":return{backgroundColor:n+".100",color:"gray.800",_hover:{backgroundColor:n+".200",_disabled:{backgroundColor:n+".100"}},_active:{backgroundColor:n+".300"}};case"blackAlpha":case"whiteAlpha":return{backgroundColor:n+".200",color:"white",_hover:{backgroundColor:n+".300",_disabled:{backgroundColor:n+".200"}},_active:{backgroundColor:n+".400"}};default:return{backgroundColor:n+".500",color:"white",_hover:{backgroundColor:n+".600",_disabled:{backgroundColor:n+".500"}},_active:{backgroundColor:n+".700"}}}},outlined:function(e){return h({border:"2px",borderColor:(n=e.color,["blueGray","coolGray","gray","trueGray","warmGray"].includes(n)?e.color+".200":"currentcolor")},er(e));var n},ghost:er,link:function(e){var n=e.color;return{p:0,height:"auto",minWidth:0,lineHeight:"normal",color:n+".500",_hover:{textDecoration:"underline",_disabled:{textDecoration:"none"}},_disabled:{textDecoration:"none"},_active:{color:n+".700"}}},unstyled:{p:0,minWidth:0,display:"inline",height:"auto",lineHeight:"inherit",backgroundColor:"none",color:"inherit"}}}},rr="@supports (-webkit-appearance: none) or (-moz-appearance: none)",tr={baseStyle:function(e){return h({mx:"auto",px:4,w:"full"},e.isCentered?{d:"flex",flexDirection:"column",alignItems:"center"}:{})}},or={propToScaleMap:[["size","sizes"],["variant","variants"]],baseStyle:function(){return{display:"flex",appearance:"none",alignItems:"center",background:"none",borderWidth:"0",borderColor:"gray.300",borderRadius:"sm",color:"inherit",fontWeight:"normal",lineHeight:"tight",outline:"none",transitionProperty:"common",transitionTimingFunction:"inOut",transitionDuration:"300",width:"full",_placeholder:{color:"gray.400"},_focus:{boxShadow:"outline",zIndex:1},_focusWithin:{boxShadow:"outline",zIndex:1},_disabled:{opacity:.7,cursor:"not-allowed"}}},scales:{sizes:{xs:function(){return{fontSize:"xs",px:2,height:6}},sm:function(){return{fontSize:"sm",px:2,height:8}},md:function(){return{fontSize:"md",px:2,height:10}},lg:function(){return{fontSize:"lg",px:3,height:12}}},variants:{outlined:function(e){return{backgroundColor:"white",borderWidth:"1px",boxShadow:e.isInvalid?"error":"none",_hover:{borderColor:"gray.400",_disabled:{borderColor:"gray.300"}},_focus:{borderColor:"blue.400"}}},filled:function(e){return{backgroundColor:"gray.200",borderWidth:"1px",borderColor:"transparent",boxShadow:e.isInvalid?"error":"none",_hover:{backgroundColor:"gray.300",_disabled:{backgroundColor:"gray.200"}}}},underlined:function(e){var n=e.isInvalid;return{p:0,border:"none",borderBottom:"2px",borderBottomColor:n?"red.500":"gray.300",borderRadius:"none",_hover:{borderBottomColor:n?void 0:"gray.400",_disabled:{borderBottomColor:n?"red.500":"gray.300"}},_focus:{boxShadow:"none",borderBottomColor:"blue.400"}}},unstyled:function(){return{p:0,height:"unset",borderRadius:"none"}}}}},ir=function(e,n){return void 0===n&&(n="none"),("hover"===e?["none"]:["none","hover"]).includes(n)?"none":"underline"},ar="@supports (-webkit-appearance: none) or (-moz-appearance: none)",lr=function(e){switch(e){case"top-left":case"top-right":return{mb:4};case"bottom-left":case"bottom-right":return{mt:4};default:return{}}},sr={baseStyle:function(e){var n=e.placement;return h({m:4,maxWidth:80,minWidth:80,position:"fixed"},function(e){switch(e){case"top-left":return{top:0,left:0};case"top-right":return{top:0,right:0};case"bottom-left":return{bottom:0,left:0};case"bottom-right":return{bottom:0,right:0};default:return{}}}(n),{zIndex:"toast","& > *":h({},lr(n))})}},cr=h({},{__proto__:null,Alert:{baseStyle:function(e){var n=e.color;return{p:4,position:"relative",bgColor:n+".100",borderRadius:"md",color:n+".800"}}}},{__proto__:null,Avatar:{propToScaleMap:[["size","sizes"],["variant","variants"]],baseStyle:function(e){var n=e.name,r=e.showBorder;return{display:"inline-flex",alignItems:"center",justifyContent:"center",textAlign:"center",textTransform:"uppercase",fontWeight:"medium",position:"relative",flexShrink:0,backgroundColor:n?$n(n):"gray.400",color:"white",borderColor:"white",borderWidth:r?"2px":0,verticalAlign:"top"}},scales:{sizes:{xs:function(e){return{width:6,height:6,fontSize:"xs",lineHeight:e.theme.space[6]}},sm:function(e){return{width:8,height:8,fontSize:"sm",lineHeight:e.theme.space[8]}},md:function(e){return{width:12,height:12,fontSize:"md",lineHeight:e.theme.space[12]}},lg:function(e){return{width:16,height:16,fontSize:"lg",lineHeight:e.theme.space[16]}},xl:function(e){return{width:24,height:24,fontSize:"xl",lineHeight:e.theme.space[24]}},"2xl":function(e){return{width:32,height:32,fontSize:"2xl",lineHeight:e.theme.space[32]}}},variants:{circle:{borderRadius:"full","& img":{borderRadius:"full"}},rounded:function(e){var n=e.size;return{borderRadius:n,"& img":{borderRadius:n}}},square:{borderRadius:0,"& img":{borderRadius:0}}}}}},{__proto__:null,Badge:{propToScaleMap:[["variant","variants"]],baseStyle:function(){return{px:1,display:"inline-block",borderRadius:"xs",fontSize:"xs",fontWeight:"bold",lineHeight:1.5,textTransform:"uppercase",verticalAlign:"middle",whiteSpace:"nowrap"}},scales:{variants:{outline:function(e){var n=e.color;return{color:n+".500",boxShadow:"inset 0 0 0 1px "+r.get(e.theme.colors,n+".500")}},solid:function(e){return{background:e.color+".500",color:"white"}},subtle:function(e){var n=e.color;return{background:n+".100",color:n+".800"}}}}}},{__proto__:null,Button:nr,ButtonSpinner:{baseStyle:function(e){var n=e.hasText;return{display:"flex",alignItems:"center",position:n?"relative":"absolute",marginInlineEnd:n?e.spacing:0}}},IconButton:{baseStyle:function(e){return{p:0,borderRadius:e.isRound?"full":"md"}}}},{__proto__:null,CheckboxOuter:{propToScaleMap:[["size","sizes"]],baseStyle:function(e){return{width:"full",display:"inline-flex",flexDirection:"row",alignItems:"center",opacity:e.isDisabled?.7:1,cursor:"pointer",userSelect:"none"}},scales:{sizes:{xs:function(){return{fontSize:"xs",height:6}},sm:function(){return{fontSize:"sm",height:8}},md:function(){return{fontSize:"md",height:10}},lg:function(){return{fontSize:"lg",height:12}}}}},CheckboxInput:{propToScaleMap:[["size","sizes"]],baseStyle:function(e){var n,r=e.color;return(n={})[rr]={m:0,width:4,height:4,display:"inline-block",position:"relative",appearance:"none",bgColor:"white",borderRadius:"xs",borderWidth:"1px",borderStyle:"solid",borderColor:"gray.300",boxShadow:e.isInvalid?"error":"none",cursor:"pointer",outline:"none",verticalAlign:"top",transitionProperty:"common",transitionTimingFunction:"inOut",transitionDuration:"300",_after:{content:'""',display:"block",position:"absolute",borderStyle:"solid",borderColor:"whiteAlpha"===r?"black":"white",borderLeft:0,borderTop:0,opacity:"var(--o, 0)",transform:"rotate(43deg)",transitionProperty:"common",transitionTimingFunction:"inOut",transitionDuration:"300"},_checked:{"--o":1,bgColor:r+".500",borderColor:r+".400"},_hover:{borderColor:r+".400",_disabled:{borderColor:r+".300"}},_focus:{borderColor:r+".400",boxShadow:"outline",zIndex:1}},n},scales:{sizes:{xs:function(){var e;return(e={})[rr]={height:3,width:3,_after:{top:0,left:"3px",width:"4px",height:"8px",borderWidth:"2px"}},e},sm:function(){var e;return(e={})[rr]={height:3,width:3,_after:{top:0,left:"3px",width:"4px",height:"8px",borderWidth:"2px"}},e},md:function(){var e;return(e={})[rr]={height:4,width:4,_after:{top:"1px",left:"4px",width:"6px",height:"10px",borderWidth:"2px"}},e},lg:function(){var e;return(e={})[rr]={height:6,width:6,_after:{top:"1px",left:"7px",width:"8px",height:"16px",borderWidth:"3px"}},e}}}},CheckboxLabel:{baseStyle:function(){return{ml:1.5}}}},{__proto__:null,CloseButton:{}},{__proto__:null,Code:{propToScaleMap:[["variant","variants"]],baseStyle:function(){return{px:1,display:"inline-block",borderRadius:"xs",fontSize:"xs"}},scales:{variants:{outline:function(e){var n=e.color;return{color:n+".500",boxShadow:"inset 0 0 0 1px "+r.get(e.theme.colors,n+".500")}},solid:function(e){return{background:e.color+".500",color:"white"}},subtle:function(e){var n=e.color;return{background:n+".100",color:n+".800"}}}}}},{__proto__:null,Container:tr},{__proto__:null,Divider:{propToScaleMap:[["orientation","orientations"]],baseStyle:function(){return{border:0,borderColor:"inherit",color:"gray.300",opacity:.6}},scales:{orientations:{horizontal:function(){return{my:3,width:"auto",borderBottom:"1px solid"}},vertical:function(){return{mx:3,height:"auto",borderLeft:"1px solid"}}}}}},{__proto__:null,Drawer:{propToScaleMap:[["size","sizes"]],baseStyle:function(e){var n=e.anchor,r=e.theme;return{display:"flex",flexDirection:"column",width:["top","bottom"].includes(n)?"100vw":"100%",height:["left","right"].includes(n)?"100vh":"100%",maxWidth:["top","bottom"].includes(n)?"100vw":"calc(100vw - "+r.space[12]+")",maxHeight:["left","right"].includes(n)?"100vh":"calc(100vh - "+r.space[12]+")",backgroundColor:"white",boxShadow:"lg",overflow:"auto",transform:"translate(0, 0)"}},scales:{sizes:{xs:function(e){return{width:["top","bottom"].includes(e.anchor)?"100vw":"xs"}},sm:function(e){return{width:["top","bottom"].includes(e.anchor)?"100vw":"sm"}},md:function(e){return{width:["top","bottom"].includes(e.anchor)?"100vw":"md"}},lg:function(e){return{width:["top","bottom"].includes(e.anchor)?"100vw":"lg"}}}}}},{__proto__:null,Heading:{propToScaleMap:[["variant","variants"]],scales:{variants:{h6:function(){return{fontSize:"lg",lineHeight:7}},h5:function(){return{fontSize:"xl",lineHeight:8}},h4:function(){return{fontSize:"2xl",lineHeight:9}},h3:function(){return{fontSize:"3xl",lineHeight:10}},h2:function(){return{fontSize:"4xl",lineHeight:"3rem"}},h1:function(){return{fontSize:"5xl",lineHeight:"3.5rem"}},inherit:function(){return{fontSize:"inherit",lineHeight:"inherit"}}}}}},{__proto__:null,Image:{}},{__proto__:null,Input:or},{__proto__:null,Kbd:{baseStyle:function(){return{px:1.5,background:"gray.100",borderRadius:"0.375rem",borderWidth:"1px 1px 3px",fontSize:"0.8em",fontWeight:700,lineHeight:"normal",whiteSpace:"nowrap"}}}},{__proto__:null,Link:{baseStyle:function(e){var n=e.color,r=e.hoverColor,t=e.underlineBehaviour;return{color:null!=n?n:"inherit",cursor:"pointer",outline:"none",textDecoration:ir("normal",t),transitionProperty:"common",transitionDuration:"150",transitionTimingFunction:"out",_hover:{color:null!=r?r:"inherit",textDecoration:ir("hover",t)},_focus:{boxShadow:"outline"},_disabled:{opacity:.5,boxShadow:"none",cursor:"not-allowed",textDecoration:"none"}}}}},{__proto__:null,Menu:{baseStyle:function(e){return{minWidth:56,width:e.isFullWidth?"full":"auto",display:"flex",flexDirection:"column",bg:"white",borderRadius:"sm",borderWidth:"1px",boxShadow:"sm",outline:0,overflow:"hidden",userSelect:"none"}}},MenuDivider:{baseStyle:function(){return{width:"auto",borderTopWidth:"1px",borderTopStyle:"solid",opacity:.6}}},MenuHeader:{baseStyle:function(){return{mx:4,my:2,flex:"1 1 auto",display:"flex",alignItems:"center",fontSize:"sm",fontWeight:"semibold"}}},MenuItem:{baseStyle:function(e){var n=e.theme;return{px:4,minHeight:10,flex:"1 1 auto",display:"flex",alignItems:"center",appearance:"none",background:"none",backgroundColor:"none",border:"none",cursor:"pointer",outline:"none",textAlign:"left",transitionProperty:"common",transitionTimingFunction:"inOut",transitionDuration:"300",_hover:{backgroundColor:f.transparentize(.5,r.get(n.colors,"gray.100")),_disabled:{backgroundColor:"none"}},_active:{backgroundColor:f.transparentize(.5,r.get(n.colors,"gray.200"))}}}}},{__proto__:null,Modal:{propToScaleMap:[["size","sizes"]],baseStyle:function(e){var n=e.theme;return{mx:6,my:8,display:"flex",flexDirection:"column",height:"100%",maxHeight:"calc(100vh - "+n.space[16]+")",maxWidth:"calc(100vw - "+n.space[12]+")",backgroundColor:"white",borderRadius:"sm",boxShadow:"lg",overflow:"auto",transform:"translate(0, 0)"}},scales:{sizes:{full:function(e){return{width:"calc(100vw - "+e.theme.space[12]+")"}},"3xs":function(){return{width:"3xs"}},"2xs":function(){return{width:"2xs"}},xs:function(){return{width:"xs"}},sm:function(){return{width:"sm"}},md:function(){return{width:"md"}},lg:function(){return{width:"lg"}},xl:function(){return{width:"xl"}},"2xl":function(){return{width:"2xl"}},"3xl":function(){return{width:"3xl"}},"4xl":function(){return{width:"4xl"}},"5xl":function(){return{width:"5xl"}},"6xl":function(){return{width:"6xl"}}}}},ModalCloseButton:{baseStyle:function(){return{position:"absolute",top:2,right:2}}},ModalHeader:{baseStyle:function(){return{py:4,px:4,fontSize:"lg",fontWeight:"medium"}}},ModalBody:{baseStyle:function(){return{py:2,px:4}}},ModalFooter:{baseStyle:function(){return{py:4,px:4,display:"flex",alignItems:"center"}}}},{__proto__:null,Overlay:{baseStyle:function(){return{position:"fixed",top:0,left:0,bottom:0,right:0,display:"flex",alignItems:"flex-start",justifyContent:"center",zIndex:"overlay",_before:{content:'""',display:"block",position:"fixed",top:0,left:0,width:"100%",height:"100%",backgroundColor:"blackAlpha.400"}}}}},{__proto__:null,ProgressCircular:{baseStyle:function(e){return{height:"1em",width:"1em",position:"relative",fontSize:e.size}}},ProgressCircularSvg:{baseStyle:function(){return{}}},ProgressCircularShape:{baseStyle:function(){return{}}},ProgressCircularInner:{baseStyle:function(){return{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)"}}},ProgressHorizontal:{baseStyle:function(){return{}}},ProgressHorizontalIndeterminateInner:{baseStyle:function(e){return{height:"full",bgColor:e.color,borderRadius:e.isCapRound?"full":void 0,animationDuration:"1.4s",animationFillMode:"forwards",animationIterationCount:"infinite",animationTimingFunction:function(e){return e.transition.timingFn.inOut}}}},ProgressHorizontalInner:{baseStyle:function(e){var n=e.isCapRound;return{height:"full",display:"flex",alignItems:"center",bgColor:e.color,borderBottomRightRadius:n?"full":void 0,borderTopRightRadius:n?"full":void 0,justifyContent:"flex-end",overflow:"hidden",userSelect:"none",whiteSpace:"nowrap"}}}},{__proto__:null,RadioOuter:{propToScaleMap:[["size","sizes"]],baseStyle:function(e){return{width:"full",display:"inline-flex",flexDirection:"row",alignItems:"center",opacity:e.disabled?.7:1,cursor:"pointer",userSelect:"none"}},scales:{sizes:{xs:function(){return{fontSize:"xs",height:6}},sm:function(){return{fontSize:"sm",height:8}},md:function(){return{fontSize:"md",height:10}},lg:function(){return{fontSize:"lg",height:12}}}}},RadioInput:{propToScaleMap:[["size","sizes"]],baseStyle:function(e){var n,r=e.color;return(n={})[ar]={m:0,width:4,height:4,display:"inline-block",position:"relative",appearance:"none",bgColor:"white",borderRadius:"full",borderWidth:"1px",borderStyle:"solid",borderColor:"gray.300",boxShadow:e.isInvalid?"error":"none",cursor:"pointer",outline:"none",verticalAlign:"top",transitionProperty:"common",transitionTimingFunction:"inOut",transitionDuration:"300",_after:{content:'""',display:"block",position:"absolute",bg:r+".500",borderRadius:"full",opacity:"var(--o, 0)",transitionProperty:"common",transitionTimingFunction:"inOut",transitionDuration:"300"},_checked:{"--o":1,borderColor:r+".400"},_hover:{borderColor:r+".400",_disabled:{borderColor:r+".300"}},_focus:{borderColor:r+".400",boxShadow:"outline",zIndex:1}},n},scales:{sizes:{xs:function(){var e;return(e={})[ar]={height:3,width:3,_after:{top:"2px",left:"2px",width:"6px",height:"6px"}},e},sm:function(){var e;return(e={})[ar]={height:3,width:3,_after:{top:"2px",left:"2px",width:"6px",height:"6px"}},e},md:function(){var e;return(e={})[ar]={height:4,width:4,_after:{top:"3px",left:"3px",width:"8px",height:"8px"}},e},lg:function(){var e;return(e={})[ar]={height:6,width:6,_after:{top:"4px",left:"4px",width:"14px",height:"14px"}},e}}}},RadioLabel:{baseStyle:function(){return{ml:1.5}}}},{__proto__:null,Skeleton:{propToScaleMap:[["variant","variants"]],baseStyle:function(){return{height:"1.2em",display:"block",bgColor:"blackAlpha.300",animation:"pulse"}},scales:{variants:{text:function(){return{transform:"scale(1, 0.60)",marginTop:0,borderRadius:"4px",marginBottom:0,transformOrigin:"0 60%"}},circle:function(){return{borderRadius:"50%"}},square:function(){return{}}}}}},{__proto__:null,Spinner:{propToScaleMap:[["size","sizes"]],baseStyle:function(e){var n=e.trackColor,r=e.speed;return{display:"inline-block",borderColor:"currentcolor",borderStyle:"solid",borderRadius:"full",borderWidth:e.thickness,borderBottomColor:n,borderLeftColor:n,color:e.color,animation:function(e){return e.animation.name.spin+" "+r+" linear infinite"}}},scales:{sizes:{xs:{height:3,width:3},sm:{height:4,width:4},md:{height:6,width:6},lg:{height:8,width:8},xl:{height:12,width:12}}}}},{__proto__:null,SwitchOuter:{baseStyle:function(e){var n=e.isDisabled;return{display:"inline-flex",flexDirection:"row",alignItems:"center",opacity:n?.7:1,cursor:n?"not-allowed":"pointer",userSelect:"none"}}},SwitchInput:{propToScaleMap:[["size","sizes"]],baseStyle:function(e){var n=e.color;return{m:"-1px",p:"0px",height:"1px",width:"1px",position:"absolute",border:"none",cl