/** * Minified by jsDelivr using Terser v5.39.0. * Original file: /npm/crox-new-uikit@1.0.9/dist/index.cjs.js * * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files */ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),styled=require("styled-components"),styledSystem=require("styled-system"),get=require("lodash/get"),noop=require("lodash/noop"),debounce=require("lodash/debounce"),throttle=require("lodash/throttle"),reactRouterDom=require("react-router-dom"),io=require("react-icons/io"),ai=require("react-icons/ai"),reactTransitionGroup=require("react-transition-group");function _interopDefaultLegacy(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),styled__default=_interopDefaultLegacy(styled),get__default=_interopDefaultLegacy(get),noop__default=_interopDefaultLegacy(noop),debounce__default=_interopDefaultLegacy(debounce),throttle__default=_interopDefaultLegacy(throttle),__assign=function(){return __assign=Object.assign||function(e){for(var t,n=1,a=arguments.length;n button + button,\n & > a + a {\n margin-left: 2px; // To avoid focus shadow overlap\n }\n"],["\n background-color: ",";\n border-radius: 10px;\n display: inline-flex;\n\n & > button + button,\n & > a + a {\n margin-left: 2px; // To avoid focus shadow overlap\n }\n"])),getBackgroundColor),ButtonMenu=function(e){var t=e.activeIndex,n=void 0===t?0:t,a=e.size,r=void 0===a?sizes$1.MD:a,l=e.variant,o=void 0===l?variants$1.PRIMARY:l,c=e.onClick,i=e.children;return React__default.default.createElement(StyledButtonMenu,{variant:o},React.Children.map(i,(function(e,t){return React.cloneElement(e,{isActive:n===t,onClick:c?function(){return c(t)}:void 0,size:r,variant:o})})))},InactiveButton=styled__default.default(Button)(templateObject_1$D||(templateObject_1$D=__makeTemplateObject(["\n background-color: transparent;\n color: ",";\n\n &:hover:not(:disabled):not(:active) {\n background-color: transparent;\n }\n"],["\n background-color: transparent;\n color: ",";\n\n &:hover:not(:disabled):not(:active) {\n background-color: transparent;\n }\n"])),(function(e){var t=e.theme,n=e.colorKey;return t.colors[n]})),ButtonMenuItem=function(e){var t=e.isActive,n=void 0!==t&&t,a=e.size,r=void 0===a?sizes$1.MD:a,l=e.variant,o=void 0===l?variants$1.PRIMARY:l,c=e.as,i=__rest(e,["isActive","size","variant","as"]);return n?React__default.default.createElement(Button,__assign({as:c,size:r,variant:o},i)):React__default.default.createElement(InactiveButton,__assign({forwardedAs:c,size:r,variant:"tertiary",colorKey:o},i))},getBoxShadow$1=function(e){var t=e.isActive,n=e.isSuccess,a=e.isWarning,r=e.theme;return a?r.card.boxShadowWarning:n?r.card.boxShadowSuccess:t?r.card.boxShadowActive:r.card.boxShadow},StyledCard=styled__default.default.div(templateObject_1$C||(templateObject_1$C=__makeTemplateObject(["\n background-color: #2c2d3a;\n border-radius: 10px;\n box-shadow: ",";\n color: ",";\n overflow: hidden;\n position: relative;\n\n ","\n"],["\n background-color: #2c2d3a;\n border-radius: 10px;\n box-shadow: ",";\n color: ",";\n overflow: hidden;\n position: relative;\n\n ","\n"])),getBoxShadow$1,(function(e){var t=e.theme,n=e.isDisabled;return t.colors[n?"black":"text"]}),styledSystem.space);StyledCard.defaultProps={isActive:!1,isSuccess:!1,isWarning:!1,isDisabled:!1};var templateObject_1$B,Card=function(e){var t=e.ribbon,n=e.children,a=__rest(e,["ribbon","children"]);return React__default.default.createElement(StyledCard,__assign({},a),t,n)},CardBody=styled__default.default.div(templateObject_1$B||(templateObject_1$B=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),styledSystem.space);CardBody.defaultProps={p:"24px"};var templateObject_1$A,CardHeader=styled__default.default.div(templateObject_1$A||(templateObject_1$A=__makeTemplateObject(["\n background: ",";\n\n ","\n"],["\n background: ",";\n\n ","\n"])),(function(e){return e.theme.card.cardHeaderBackground}),styledSystem.space);CardHeader.defaultProps={p:"24px"};var templateObject_1$z,CardFooter=styled__default.default.div(templateObject_1$z||(templateObject_1$z=__makeTemplateObject(["\n border-top: 1px solid #3b3c4e;\n ","\n"],["\n border-top: 1px solid #3b3c4e;\n ","\n"])),styledSystem.space);CardFooter.defaultProps={m:"0px 24px 24px",pt:"24px"};var templateObject_1$y,StyledCardRibbon=styled__default.default.div(templateObject_1$y||(templateObject_1$y=__makeTemplateObject(["\n background-color: ",";\n color: white;\n margin: 0;\n padding: 0;\n padding: 8px 0;\n position: absolute;\n right: 0;\n top: 0;\n text-align: center;\n transform: translateX(30%) translateY(0%) rotate(45deg);\n transform-origin: top left;\n width: 96px;\n\n &:before,\n &:after {\n background-color: ",';\n content: "";\n height: 100%;\n margin: 0 -1px; /* Removes tiny gap */\n position: absolute;\n top: 0;\n width: 100%;\n }\n\n &:before {\n right: 100%;\n }\n\n &:after {\n left: 100%;\n }\n\n & > div {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n width: 96px;\n }\n'],["\n background-color: ",";\n color: white;\n margin: 0;\n padding: 0;\n padding: 8px 0;\n position: absolute;\n right: 0;\n top: 0;\n text-align: center;\n transform: translateX(30%) translateY(0%) rotate(45deg);\n transform-origin: top left;\n width: 96px;\n\n &:before,\n &:after {\n background-color: ",';\n content: "";\n height: 100%;\n margin: 0 -1px; /* Removes tiny gap */\n position: absolute;\n top: 0;\n width: 100%;\n }\n\n &:before {\n right: 100%;\n }\n\n &:after {\n left: 100%;\n }\n\n & > div {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n width: 96px;\n }\n'])),(function(e){var t=e.variantColor,n=void 0===t?"secondary":t;return e.theme.colors[n]}),(function(e){var t=e.variantColor,n=void 0===t?"secondary":t;return e.theme.colors[n]})),CardRibbon=function(e){var t=e.variantColor,n=e.text;return React__default.default.createElement(StyledCardRibbon,{variantColor:t},React__default.default.createElement("div",{title:n},n))};CardRibbon.defaultProps={variantColor:"primary"};var templateObject_1$x,scales$2={SM:"sm",MD:"md"},getScale$1=function(e){switch(e.scale){case scales$2.SM:return"24px";case scales$2.MD:default:return"32px"}},Checkbox=styled__default.default.input.attrs({type:"checkbox"})(templateObject_1$x||(templateObject_1$x=__makeTemplateObject(["\n appearance: none;\n overflow: hidden;\n cursor: pointer;\n position: relative;\n display: inline-block;\n height: ",";\n width: ",";\n vertical-align: middle;\n transition: background-color 0.2s ease-in-out;\n border: 0;\n border-radius: 8px;\n background-color: ",";\n box-shadow: ",';\n\n &:after {\n content: "";\n position: absolute;\n border-bottom: 2px solid;\n border-left: 2px solid;\n border-color: transparent;\n top: 30%;\n left: 0;\n right: 0;\n width: 50%;\n height: 25%;\n margin: auto;\n transform: rotate(-50deg);\n transition: border-color 0.2s ease-in-out;\n }\n\n &:hover:not(:disabled):not(:checked) {\n box-shadow: ',";\n }\n\n &:focus {\n outline: none;\n box-shadow: ",";\n }\n\n &:checked {\n background-color: ",";\n &:after {\n border-color: white;\n }\n }\n\n &:disabled {\n cursor: default;\n opacity: 0.6;\n }\n"],["\n appearance: none;\n overflow: hidden;\n cursor: pointer;\n position: relative;\n display: inline-block;\n height: ",";\n width: ",";\n vertical-align: middle;\n transition: background-color 0.2s ease-in-out;\n border: 0;\n border-radius: 8px;\n background-color: ",";\n box-shadow: ",';\n\n &:after {\n content: "";\n position: absolute;\n border-bottom: 2px solid;\n border-left: 2px solid;\n border-color: transparent;\n top: 30%;\n left: 0;\n right: 0;\n width: 50%;\n height: 25%;\n margin: auto;\n transform: rotate(-50deg);\n transition: border-color 0.2s ease-in-out;\n }\n\n &:hover:not(:disabled):not(:checked) {\n box-shadow: ',";\n }\n\n &:focus {\n outline: none;\n box-shadow: ",";\n }\n\n &:checked {\n background-color: ",";\n &:after {\n border-color: white;\n }\n }\n\n &:disabled {\n cursor: default;\n opacity: 0.6;\n }\n"])),getScale$1,getScale$1,(function(e){return e.theme.colors.input}),(function(e){return e.theme.shadows.inset}),(function(e){return e.theme.shadows.focus}),(function(e){return e.theme.shadows.focus}),(function(e){return e.theme.colors.success}));Checkbox.defaultProps={scale:scales$2.MD};var templateObject_1$w,templateObject_2$c,getLeft=function(e){return"top-right"===e.position?"100%":"50%"},getBottom=function(e){var t=e.position;return"top"===t||"top-right"===t?"100%":"auto"},DropdownContent=styled__default.default.div(templateObject_1$w||(templateObject_1$w=__makeTemplateObject(["\n width: max-content;\n display: none;\n flex-direction: column;\n position: absolute;\n transform: translate(-50%, 0);\n left: ",";\n bottom: ",";\n background-color: ",";\n box-shadow: ",";\n padding: 16px;\n max-height: 500px;\n overflow-y: auto;\n z-index: ",";\n border-radius: ",";\n"],["\n width: max-content;\n display: none;\n flex-direction: column;\n position: absolute;\n transform: translate(-50%, 0);\n left: ",";\n bottom: ",";\n background-color: ",";\n box-shadow: ",";\n padding: 16px;\n max-height: 500px;\n overflow-y: auto;\n z-index: ",";\n border-radius: ",";\n"])),getLeft,getBottom,(function(e){return e.theme.nav.background}),(function(e){return e.theme.shadows.level1}),(function(e){return e.theme.zIndices.dropdown}),(function(e){return e.theme.radii.small})),Container$4=styled__default.default.div(templateObject_2$c||(templateObject_2$c=__makeTemplateObject(["\n position: relative;\n &:hover ",", &:focus-within "," {\n display: flex;\n }\n"],["\n position: relative;\n &:hover ",", &:focus-within "," {\n display: flex;\n }\n"])),DropdownContent,DropdownContent),Dropdown=function(e){var t=e.target,n=e.position,a=void 0===n?"bottom":n,r=e.children;return React__default.default.createElement(Container$4,null,t,React__default.default.createElement(DropdownContent,{position:a},r))};Dropdown.defaultProps={position:"bottom"};var _a$2,templateObject_1$v,tags={H1:"h1",H2:"h2",H3:"h3",H4:"h4",H5:"h5",H6:"h6"},sizes={MD:"md",LG:"lg",XL:"xl",XXL:"xxl"},style=((_a$2={})[sizes.MD]={fontSize:"20px"},_a$2[sizes.LG]={fontSize:"24px"},_a$2[sizes.XL]={fontSize:"40px"},_a$2[sizes.XXL]={fontSize:"64px"},_a$2),Heading=styled__default.default(Text).attrs({bold:!0})(templateObject_1$v||(templateObject_1$v=__makeTemplateObject(["\n ","\n font-weight:600;\n line-height: 1.1;\n"],["\n ","\n font-weight:600;\n line-height: 1.1;\n"])),(function(e){var t=e.size;return style[t||sizes.MD]}));Heading.defaultProps={as:tags.H2};var templateObject_1$u,templateObject_1$t,templateObject_2$b,templateObject_1$s,observerOptions={root:null,rootMargin:"200px",threshold:0},Wrapper$1=styled__default.default.div(templateObject_1$u||(templateObject_1$u=__makeTemplateObject(["\n position: relative;\n background-position: center center;\n background-repeat: no-repeat;\n background-size: cover;\n height: ","px;\n max-width: ","px;\n max-height: ","px;\n width: 100%;\n padding-top: ","%;\n ","\n"],["\n position: relative;\n background-position: center center;\n background-repeat: no-repeat;\n background-size: cover;\n height: ","px;\n max-width: ","px;\n max-height: ","px;\n width: 100%;\n padding-top: ","%;\n ","\n"])),(function(e){var t=e.height;return e.responsive?0:t}),(function(e){return e.width}),(function(e){return e.height}),(function(e){var t=e.width,n=e.height;return e.responsive?n/t*100:0}),styledSystem.space),BackgroundImage=function(e){var t=e.src,n=__rest(e,["src"]),a=React.useRef(null);return React.useEffect((function(){var e=a.current,n=new IntersectionObserver((function(a){a.forEach((function(a){a.isIntersecting&&(e.style.backgroundImage='url("'.concat(t,'")'),n.disconnect())}))}),observerOptions);return n.observe(e),function(){n.disconnect()}}),[t]),React__default.default.createElement(Wrapper$1,__assign({ref:a},n))},StyledImage=styled__default.default.img(templateObject_1$t||(templateObject_1$t=__makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n max-width: 100%;\n"],["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n max-width: 100%;\n"]))),Placeholder=styled__default.default.div(templateObject_2$b||(templateObject_2$b=__makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"],["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"]))),Image=function(e){var t=e.src,n=e.alt,a=__rest(e,["src","alt"]),r=React.useRef(null),l=React.useState(!1),o=l[0],c=l[1];return React.useEffect((function(){var e=r.current,t=new IntersectionObserver((function(e){e.forEach((function(e){e.isIntersecting&&(c(!0),t.disconnect())}))}),observerOptions);return t.observe(e),function(){t.disconnect()}}),[t]),React__default.default.createElement(Wrapper$1,__assign({ref:r},a),o?React__default.default.createElement(StyledImage,{src:t,alt:n}):React__default.default.createElement(Placeholder,null))},scales$1={SM:"sm",MD:"md",LG:"lg"},getBoxShadow=function(e){var t=e.isSuccess,n=void 0!==t&&t,a=e.isWarning,r=void 0!==a&&a,l=e.theme;return r?l.shadows.warning:n?l.shadows.success:l.shadows.inset},getHeight=function(e){var t=e.scale;switch(void 0===t?scales$1.MD:t){case scales$1.SM:return"32px";case scales$1.LG:return"48px";case scales$1.MD:default:return"40px"}},Input$1=styled__default.default.input(templateObject_1$s||(templateObject_1$s=__makeTemplateObject(["\n background-color: ",";\n border: 0;\n border-radius: 16px;\n box-shadow: ",";\n color: ",";\n display: block;\n font-size: 16px;\n height: ",";\n outline: 0;\n padding: 0 16px;\n width: 100%;\n\n &::placeholder {\n color: ",";\n }\n\n &:disabled {\n background-color: ",";\n box-shadow: none;\n color: ",";\n cursor: not-allowed;\n }\n\n &:focus:not(:disabled) {\n box-shadow: ",";\n }\n"],["\n background-color: ",";\n border: 0;\n border-radius: 16px;\n box-shadow: ",";\n color: ",";\n display: block;\n font-size: 16px;\n height: ",";\n outline: 0;\n padding: 0 16px;\n width: 100%;\n\n &::placeholder {\n color: ",";\n }\n\n &:disabled {\n background-color: ",";\n box-shadow: none;\n color: ",";\n cursor: not-allowed;\n }\n\n &:focus:not(:disabled) {\n box-shadow: ",";\n }\n"])),(function(e){return e.theme.colors.input}),getBoxShadow,(function(e){return e.theme.colors.text}),getHeight,(function(e){return e.theme.colors.textSubtle}),(function(e){return e.theme.colors.backgroundDisabled}),(function(e){return e.theme.colors.textDisabled}),(function(e){return e.theme.shadows.focus}));Input$1.defaultProps={scale:scales$1.MD,isSuccess:!1,isWarning:!1};var templateObject_1$r,templateObject_1$q,templateObject_1$p,GridLayout$1=styled__default.default.div(templateObject_1$r||(templateObject_1$r=__makeTemplateObject(["\n display: grid;\n grid-template-columns: repeat(6, 1fr);\n grid-gap: 16px;\n "," {\n grid-template-columns: repeat(8, 1fr);\n grid-gap: 24px;\n }\n "," {\n grid-template-columns: repeat(12, 1fr);\n grid-gap: 24px;\n }\n "," {\n grid-template-columns: repeat(12, 1fr);\n grid-gap: 32px;\n }\n"],["\n display: grid;\n grid-template-columns: repeat(6, 1fr);\n grid-gap: 16px;\n "," {\n grid-template-columns: repeat(8, 1fr);\n grid-gap: 24px;\n }\n "," {\n grid-template-columns: repeat(12, 1fr);\n grid-gap: 24px;\n }\n "," {\n grid-template-columns: repeat(12, 1fr);\n grid-gap: 32px;\n }\n"])),(function(e){return e.theme.mediaQueries.sm}),(function(e){return e.theme.mediaQueries.md}),(function(e){return e.theme.mediaQueries.lg})),GridLayout=styled__default.default(GridLayout$1)(templateObject_1$q||(templateObject_1$q=__makeTemplateObject(["\n & > div {\n grid-column: span 6;\n "," {\n grid-column: span 4;\n }\n }\n"],["\n & > div {\n grid-column: span 6;\n "," {\n grid-column: span 4;\n }\n }\n"])),(function(e){return e.theme.mediaQueries.sm})),scales={SM:"sm",MD:"md"},getScale=function(e){switch(e.scale){case scales.SM:return"24px";case scales.MD:default:return"32px"}},getCheckedScale=function(e){switch(e.scale){case scales.SM:return"12px";case scales.MD:default:return"20px"}},Radio=styled__default.default.input.attrs({type:"radio"})(templateObject_1$p||(templateObject_1$p=__makeTemplateObject(["\n appearance: none;\n overflow: hidden;\n cursor: pointer;\n position: relative;\n display: inline-block;\n height: ",";\n width: ",";\n vertical-align: middle;\n transition: background-color 0.2s ease-in-out;\n border: 0;\n border-radius: 50%;\n background-color: ",";\n box-shadow: ",';\n\n &:after {\n border-radius: 50%;\n content: "";\n height: ',";\n left: 6px;\n position: absolute;\n top: 6px;\n width: ",";\n }\n\n &:hover:not(:disabled):not(:checked) {\n box-shadow: ",";\n }\n\n &:focus {\n outline: none;\n box-shadow: ",";\n }\n\n &:checked {\n background-color: ",";\n &:after {\n background-color: ",";\n }\n }\n\n &:disabled {\n cursor: default;\n opacity: 0.6;\n }\n ","\n"],["\n appearance: none;\n overflow: hidden;\n cursor: pointer;\n position: relative;\n display: inline-block;\n height: ",";\n width: ",";\n vertical-align: middle;\n transition: background-color 0.2s ease-in-out;\n border: 0;\n border-radius: 50%;\n background-color: ",";\n box-shadow: ",';\n\n &:after {\n border-radius: 50%;\n content: "";\n height: ',";\n left: 6px;\n position: absolute;\n top: 6px;\n width: ",";\n }\n\n &:hover:not(:disabled):not(:checked) {\n box-shadow: ",";\n }\n\n &:focus {\n outline: none;\n box-shadow: ",";\n }\n\n &:checked {\n background-color: ",";\n &:after {\n background-color: ",";\n }\n }\n\n &:disabled {\n cursor: default;\n opacity: 0.6;\n }\n ","\n"])),getScale,getScale,(function(e){return e.theme.colors.input}),(function(e){return e.theme.shadows.inset}),getCheckedScale,getCheckedScale,(function(e){return e.theme.shadows.focus}),(function(e){return e.theme.shadows.focus}),(function(e){return e.theme.colors.success}),(function(e){return e.theme.radio.handleBackground}),styledSystem.space);Radio.defaultProps={scale:scales.MD,m:0};var templateObject_1$o,getColor=function(e,t){return getThemeValue("colors.".concat(e),e)(t)},getThemeTextColor=function(e){var t=e.outline,n=e.variant,a=void 0===n?"primary":n,r=e.theme;return t?getColor(a,r):"#ffffff"},StyledTag=styled__default.default.div(templateObject_1$o||(templateObject_1$o=__makeTemplateObject(["\n align-items: center;\n background-color: ",";\n border: 2px solid ",";\n border-radius: 16px;\n color: ",";\n display: inline-flex;\n font-size: 14px;\n font-weight: 400;\n height: 28px;\n line-height: 1.5;\n padding: 0 8px;\n white-space: nowrap;\n\n svg {\n fill: ",";\n }\n"],["\n align-items: center;\n background-color: ",";\n border: 2px solid ",";\n border-radius: 16px;\n color: ",";\n display: inline-flex;\n font-size: 14px;\n font-weight: 400;\n height: 28px;\n line-height: 1.5;\n padding: 0 8px;\n white-space: nowrap;\n\n svg {\n fill: ",";\n }\n"])),(function(e){var t=e.outline,n=e.theme,a=e.variant;return t?"transparent":getColor(void 0===a?"primary":a,n)}),(function(e){var t=e.variant,n=void 0===t?"primary":t,a=e.theme;return getColor(n,a)}),getThemeTextColor,getThemeTextColor),Tag=function(e){var t=e.startIcon,n=e.endIcon,a=e.children,r=__rest(e,["startIcon","endIcon","children"]);return React__default.default.createElement(StyledTag,__assign({},r),React__default.default.isValidElement(t)&&React__default.default.cloneElement(t,{mr:"0.5rem"}),a,React__default.default.isValidElement(n)&&React__default.default.cloneElement(n,{ml:"0.5rem"}))};Tag.defaultProps={variant:"primary",outline:!1};var templateObject_1$n,StyledLink$1=styled__default.default(Text)(templateObject_1$n||(templateObject_1$n=__makeTemplateObject(["\n display: flex;\n align-items: center;\n width: fit-content;\n &:hover {\n text-decoration: underline;\n }\n"],["\n display: flex;\n align-items: center;\n width: fit-content;\n &:hover {\n text-decoration: underline;\n }\n"]))),Link=function(e){var t=e.external,n=__rest(e,["external"]),a=t?getExternalLinkProps():{};return React__default.default.createElement(StyledLink$1,__assign({as:"a",bold:!0},a,n))};Link.defaultProps={color:"primary"};var LinkExternal=function(e){var t=e.children,n=__rest(e,["children"]);return React__default.default.createElement(Link,__assign({external:!0},n),t,React__default.default.createElement(Icon$P,{color:"primary",ml:"4px"}))},Bar=styled__default.default.div(templateObject_1$m||(templateObject_1$m=__makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n background-color: ",";\n border-top-left-radius: 32px;\n border-bottom-left-radius: 32px;\n height: 16px;\n transition: width 200ms ease;\n"],["\n position: absolute;\n top: 0;\n left: 0;\n background-color: ",";\n border-top-left-radius: 32px;\n border-bottom-left-radius: 32px;\n height: 16px;\n transition: width 200ms ease;\n"])),(function(e){return e.primary?e.theme.colors.secondary:"".concat(e.theme.colors.secondary,"80")}));Bar.defaultProps={primary:!1};var templateObject_1$m,templateObject_2$a,templateObject_1$l,templateObject_1$k,templateObject_2$9,templateObject_3$6,templateObject_1$j,templateObject_2$8,templateObject_3$5,templateObject_4$3,templateObject_5$2,templateObject_1$i,templateObject_2$7,templateObject_3$4,templateObject_1$h,templateObject_2$6,templateObject_3$3,templateObject_4$2,templateObject_5$1,templateObject_6,templateObject_1$g,StyledProgress=styled__default.default.div(templateObject_2$a||(templateObject_2$a=__makeTemplateObject(["\n position: relative;\n background-color: ",";\n border-radius: 32px;\n box-shadow: ",";\n height: 16px;\n overflow: hidden;\n"],["\n position: relative;\n background-color: ",";\n border-radius: 32px;\n box-shadow: ",";\n height: 16px;\n overflow: hidden;\n"])),(function(e){return e.theme.colors.input}),(function(e){return e.theme.shadows.inset})),ProgressBunnyWrapper=styled__default.default.div(templateObject_1$l||(templateObject_1$l=__makeTemplateObject(["\n display: flex;\n z-index: 2;\n top: -65%;\n position: absolute;\n transform: translate(-50%, -50%);\n transition: left 200ms ease-out;\n"],["\n display: flex;\n z-index: 2;\n top: -65%;\n position: absolute;\n transform: translate(-50%, -50%);\n transition: left 200ms ease-out;\n"]))),stepGuard=function(e){return e<0?0:e>100?100:e},Progress=function(e){var t=e.primaryStep,n=void 0===t?0:t,a=e.secondaryStep,r=void 0===a?null:a,l=e.showProgressBunny,o=void 0!==l&&l;return React__default.default.createElement(StyledProgress,null,o&&React__default.default.createElement(ProgressBunnyWrapper,{style:{left:"".concat(stepGuard(n),"%")}},React__default.default.createElement(Icon$I,null)),React__default.default.createElement(Bar,{primary:!0,style:{width:"".concat(stepGuard(n),"%")}}),r?React__default.default.createElement(Bar,{style:{width:"".concat(stepGuard(r),"%")}}):null)},rotate=styled.keyframes(templateObject_1$k||(templateObject_1$k=__makeTemplateObject(["\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n"],["\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n"]))),SpinnerIcon=function(e){return React__default.default.createElement(Svg,__assign({viewBox:"0 0 96 96"},e),React__default.default.createElement("image",{width:"96",height:"96",href:"/images/egg/9.png"}))},Container$3=styled__default.default.div(templateObject_2$9||(templateObject_2$9=__makeTemplateObject(["\n position: relative;\n"],["\n position: relative;\n"]))),RotatingPancakeIcon=styled__default.default(SpinnerIcon)(templateObject_3$6||(templateObject_3$6=__makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n animation: "," 2s linear infinite;\n transform: translate3d(0, 0, 0);\n"],["\n position: absolute;\n top: 0;\n left: 0;\n animation: "," 2s linear infinite;\n transform: translate3d(0, 0, 0);\n"])),rotate),Spinner=function(e){var t=e.size,n=void 0===t?128:t;return React__default.default.createElement(Container$3,null,React__default.default.createElement(RotatingPancakeIcon,{width:"".concat(.5*n,"px")}))},animation={WAVES:"waves",PULSE:"pulse"},variant={RECT:"rect",CIRCLE:"circle"},waves=styled.keyframes(templateObject_1$j||(templateObject_1$j=__makeTemplateObject(["\n from {\n left: -150px;\n }\n to {\n left: 100%;\n }\n"],["\n from {\n left: -150px;\n }\n to {\n left: 100%;\n }\n"]))),pulse=styled.keyframes(templateObject_2$8||(templateObject_2$8=__makeTemplateObject(["\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0.4;\n }\n 100% {\n opacity: 1;\n }\n"],["\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0.4;\n }\n 100% {\n opacity: 1;\n }\n"]))),Root=styled__default.default.div(templateObject_3$5||(templateObject_3$5=__makeTemplateObject(["\n min-height: 20px;\n display: block;\n background-color: ",";\n border-radius: ",";\n\n ","\n ","\n"],["\n min-height: 20px;\n display: block;\n background-color: ",";\n border-radius: ",";\n\n ","\n ","\n"])),(function(e){return e.theme.colors.backgroundDisabled}),(function(e){var t=e.variant,n=e.theme;return t===variant.CIRCLE?n.radii.circle:n.radii.small}),styledSystem.layout,styledSystem.space),Pulse=styled__default.default(Root)(templateObject_4$3||(templateObject_4$3=__makeTemplateObject(["\n animation: "," 2s infinite ease-out;\n transform: translate3d(0, 0, 0);\n"],["\n animation: "," 2s infinite ease-out;\n transform: translate3d(0, 0, 0);\n"])),pulse),Waves=styled__default.default(Root)(templateObject_5$2||(templateObject_5$2=__makeTemplateObject(['\n position: relative;\n overflow: hidden;\n transform: translate3d(0, 0, 0);\n &:before {\n content: "";\n position: absolute;\n background-image: linear-gradient(90deg, transparent, rgba(243, 243, 243, 0.5), transparent);\n top: 0;\n left: -150px;\n height: 100%;\n width: 150px;\n animation: '," 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;\n }\n"],['\n position: relative;\n overflow: hidden;\n transform: translate3d(0, 0, 0);\n &:before {\n content: "";\n position: absolute;\n background-image: linear-gradient(90deg, transparent, rgba(243, 243, 243, 0.5), transparent);\n top: 0;\n left: -150px;\n height: 100%;\n width: 150px;\n animation: '," 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;\n }\n"])),waves),Skeleton=function(e){var t=e.variant,n=void 0===t?variant.RECT:t,a=e.animation,r=void 0===a?animation.PULSE:a,l=__rest(e,["variant","animation"]);return r===animation.WAVES?React__default.default.createElement(Waves,__assign({variant:n},l)):React__default.default.createElement(Pulse,__assign({variant:n},l))},Handle=styled__default.default.div(templateObject_1$i||(templateObject_1$i=__makeTemplateObject(["\n background-color: ",";\n border-radius: 50%;\n cursor: pointer;\n height: 32px;\n left: 4px;\n position: absolute;\n top: 4px;\n transition: left 200ms ease-in;\n width: 32px;\n z-index: 1;\n"],["\n background-color: ",";\n border-radius: 50%;\n cursor: pointer;\n height: 32px;\n left: 4px;\n position: absolute;\n top: 4px;\n transition: left 200ms ease-in;\n width: 32px;\n z-index: 1;\n"])),(function(e){return e.theme.toggle.handleBackground})),Input=styled__default.default.input(templateObject_2$7||(templateObject_2$7=__makeTemplateObject(["\n cursor: pointer;\n opacity: 0;\n height: 100%;\n position: absolute;\n width: 100%;\n z-index: 3;\n\n &:checked + "," {\n left: calc(100% - 36px);\n }\n"],["\n cursor: pointer;\n opacity: 0;\n height: 100%;\n position: absolute;\n width: 100%;\n z-index: 3;\n\n &:checked + "," {\n left: calc(100% - 36px);\n }\n"])),Handle),StyledToggle=styled__default.default.div(templateObject_3$4||(templateObject_3$4=__makeTemplateObject(["\n align-items: center;\n background-color: ",";\n border-radius: 24px;\n cursor: pointer;\n display: inline-flex;\n height: 40px;\n position: relative;\n transition: background-color 200ms;\n width: 72px;\n"],["\n align-items: center;\n background-color: ",";\n border-radius: 24px;\n cursor: pointer;\n display: inline-flex;\n height: 40px;\n position: relative;\n transition: background-color 200ms;\n width: 72px;\n"])),(function(e){var t=e.theme;e.checked;return t.colors.input})),Toggle=function(e){var t=e.checked,n=__rest(e,["checked"]),a=!!t;return React__default.default.createElement(StyledToggle,{checked:a},React__default.default.createElement(Input,__assign({checked:t},n,{type:"checkbox"})),React__default.default.createElement(Handle,null))},byTextAscending=function(e){return function(t,n){var a=e(t).toUpperCase(),r=e(n).toUpperCase();return ar?1:0}},byTextDescending=function(e){return function(t,n){var a=e(t).toUpperCase(),r=e(n).toUpperCase();return a>r?-1:a0})),u;case"TOGGLE_ALL":return e.selectedRows.length