@activecollab/components 1.0.3 → 1.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components.js +45 -0
- package/package.json +2 -2
- package/dist/cjs/index.js +0 -11030
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
var _typeof2=require("@babel/runtime/helpers/typeof");(function(global,factory){(typeof exports==="undefined"?"undefined":_typeof2(exports))==='object'&&typeof module!=='undefined'?factory(exports,require('@babel/runtime/helpers/esm/defineProperty'),require('@babel/runtime/helpers/esm/objectWithoutProperties'),require('react'),require('styled-components'),require('classnames'),require('react/jsx-runtime'),require('@babel/runtime/helpers/esm/slicedToArray'),require('react-dom'),require('@popperjs/core'),require('react-transition-group'),require('moment'),require('react-day-picker/moment'),require('react-focus-lock'),require('react-remove-scroll'),require('react-day-picker'),require('@babel/runtime/helpers/esm/typeof'),require('@babel/runtime/helpers/esm/toConsumableArray'),require('resize-observer-polyfill'),require('lodash.debounce'),require('react-custom-scrollbars')):typeof define==='function'&&define.amd?define(['exports','@babel/runtime/helpers/esm/defineProperty','@babel/runtime/helpers/esm/objectWithoutProperties','react','styled-components','classnames','react/jsx-runtime','@babel/runtime/helpers/esm/slicedToArray','react-dom','@popperjs/core','react-transition-group','moment','react-day-picker/moment','react-focus-lock','react-remove-scroll','react-day-picker','@babel/runtime/helpers/esm/typeof','@babel/runtime/helpers/esm/toConsumableArray','resize-observer-polyfill','lodash.debounce','react-custom-scrollbars'],factory):(global=typeof globalThis!=='undefined'?globalThis:global||self,factory(global.components={},global._defineProperty,global._objectWithoutProperties,global.React,global.styled,global.classnames,global.jsxRuntime,global._slicedToArray,global.ReactDOM,global.core,global.reactTransitionGroup,global.moment,global.MomentLocaleUtils,global.FocusLock,global.reactRemoveScroll,global.DayPicker,global._typeof,global._toConsumableArray,global.ResizeObserver,global.debounce,global.reactCustomScrollbars));})(this,function(exports,_defineProperty,_objectWithoutProperties,React,styled,classnames,jsxRuntime,_slicedToArray,ReactDOM,core,reactTransitionGroup,moment,MomentLocaleUtils,FocusLock,reactRemoveScroll,DayPicker,_typeof,_toConsumableArray,ResizeObserver,debounce,reactCustomScrollbars){'use strict';function _interopDefaultLegacy(e){return e&&_typeof2(e)==='object'&&'default'in e?e:{'default':e};}var _defineProperty__default=/*#__PURE__*/_interopDefaultLegacy(_defineProperty);var _objectWithoutProperties__default=/*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);var React__default=/*#__PURE__*/_interopDefaultLegacy(React);var styled__default=/*#__PURE__*/_interopDefaultLegacy(styled);var classnames__default=/*#__PURE__*/_interopDefaultLegacy(classnames);var _slicedToArray__default=/*#__PURE__*/_interopDefaultLegacy(_slicedToArray);var ReactDOM__default=/*#__PURE__*/_interopDefaultLegacy(ReactDOM);var moment__default=/*#__PURE__*/_interopDefaultLegacy(moment);var MomentLocaleUtils__default=/*#__PURE__*/_interopDefaultLegacy(MomentLocaleUtils);var FocusLock__default=/*#__PURE__*/_interopDefaultLegacy(FocusLock);var DayPicker__default=/*#__PURE__*/_interopDefaultLegacy(DayPicker);var _typeof__default=/*#__PURE__*/_interopDefaultLegacy(_typeof);var _toConsumableArray__default=/*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);var ResizeObserver__default=/*#__PURE__*/_interopDefaultLegacy(ResizeObserver);var debounce__default=/*#__PURE__*/_interopDefaultLegacy(debounce);var FontStyle=styled.css(["font-family:-apple-system,BlinkMacSystemFont,\"Roboto\",\"Helvetica Neue\",Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;"]);var BoxSizingStyle=styled.css(["box-sizing:border-box;*{box-sizing:border-box;}"]);var StyledButton$1=styled__default["default"].button.withConfig({displayName:"Styles__StyledButton",componentId:"sc-vi1kcr-0"})([""," "," -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:middle;font-weight:500;display:inline-block;line-height:1;margin:0;text-decoration:none;font-size:0.875rem;user-select:none;cursor:pointer;text-align:center;border:none;height:32px;transition:all 0.3s ease;svg{fill:currentColor;}&:focus{outline:none;}&:hover{text-decoration:none;}&:disabled{cursor:default;opacity:50%;pointer-events:none;}"," "," "," "," "," "," "," "," "," ",""],FontStyle,BoxSizingStyle,function(props){return props.size==="small"&&styled.css(["height:24px;"]);},function(props){return props.size==="big"&&styled.css(["height:40px;"]);},function(props){return(props.variant==="primary"||props.variant==="contained")&&styled.css(["padding:0 16px;background-color:var(--color-primary);border-radius:var(--ac-br-rounded);color:var(--page-paper-main);&:hover{box-shadow:0 3px 6px -2px var(--color-primary-500);background-color:var(--color-primary-800);}&:active{box-shadow:0 4px 10px -2px var(--color-primary-600);background-color:var(--color-primary-800);}"]);},function(props){return(props.variant==="secondary"||props.variant==="outlined")&&styled.css(["padding:0 16px;background-color:transparent;border-radius:var(--ac-br-rounded);border:solid 1px var(--color-theme-700);color:var(--color-theme-700);&:hover{border-color:var(--color-primary);color:var(--color-primary);}&:active{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-primary-200);}"]);},function(props){return props.variant==="dark transparent"&&styled.css(["padding:0 8px;background-color:rgba(0,0,0,0.5);border-radius:var(--ac-br-6);color:var(--only-white);&:hover{background-color:rgba(0,0,0,0.85);}&:active{background-color:var(--only-black);}"]);},function(props){return(props.variant==="tertiary"||props.variant==="text colored")&&styled.css(["padding:0 8px;background-color:transparent;border-radius:var(--ac-br-6);color:var(--color-primary);&:hover{background-color:var(--color-primary-200);}&:active{background-color:var(--color-primary-300);}"]);},function(props){return(props.variant==="option"||props.variant==="text gray")&&styled.css(["padding:0 8px;background-color:transparent;border-radius:var(--ac-br-6);color:var(--color-theme-700);&:hover{background-color:var(--color-theme-300);color:var(--color-theme-900);}&:active{background-color:var(--color-theme-400);color:var(--color-theme-900);}"]);},function(props){return props.iconOnly&&styled.css(["display:inline-flex;justify-content:center;align-items:center;padding:0;width:32px;",";"," ",""],(props.size==="small"||props.size==="big")&&styled.css(["border-radius:var(--ac-br-rounded);"]),props.size==="small"&&styled.css(["width:24px;"]),props.size==="big"&&styled.css(["width:40px;"]));},function(props){return(props.variant==="primary"||props.variant==="contained"||props.variant==="secondary"||props.variant==="outlined")&&styled.css([".c-btn__elements__element:first-child svg{margin-left:-6px;}.c-btn__elements__element:last-child svg{margin-right:-6px;}",""],(props.size==="small"||props.size==="big")&&styled.css(["border-radius:var(--ac-br-rounded);"]));},function(props){return(props.variant==="tertiary"||props.variant==="text colored"||props.variant==="option"||props.variant==="text gray"||props.variant==="dark transparent")&&styled.css([".c-btn__elements__element:first-child svg{margin-left:-4px;}.c-btn__elements__element:last-child svg{margin-right:-4px;}"," ",""],props.size==="small"&&styled.css(["border-radius:var(--ac-br-4);"]),props.size==="big"&&styled.css(["border-radius:var(--ac-br-8);"]));});StyledButton$1.displayName="StyledButton";var StyledButtonElements=styled__default["default"].span.withConfig({displayName:"Styles__StyledButtonElements",componentId:"sc-vi1kcr-1"})(["display:flex;align-items:center;"]);StyledButtonElements.displayName="StyledButtonElements";var StyledButtonElement=styled__default["default"].span.withConfig({displayName:"Styles__StyledButtonElement",componentId:"sc-vi1kcr-2"})(["display:inline-flex;svg{margin:0 4px;}"]);StyledButtonElement.displayName="StyledButtonElement";var _excluded$S=["children","variant","size","disabled","className"];function ownKeys$2Z(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$2Z(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$2Z(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$2Z(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}/**
|
|
2
|
+
* Button component
|
|
3
|
+
*/var Button=/*#__PURE__*/React.forwardRef(function(_ref,ref){var children=_ref.children,_ref$variant=_ref.variant,variant=_ref$variant===void 0?"contained":_ref$variant,size=_ref.size,_ref$disabled=_ref.disabled,disabled=_ref$disabled===void 0?false:_ref$disabled,className=_ref.className,args=_objectWithoutProperties__default["default"](_ref,_excluded$S);return/*#__PURE__*/jsxRuntime.jsx(StyledButton$1,_objectSpread$2Z(_objectSpread$2Z({disabled:disabled,className:classnames__default["default"]("c-btn",className,{"c-btn--contained":variant==="primary"||variant==="contained","c-btn--outlined":variant==="secondary"||variant==="outlined","c-btn--text_colored":variant==="tertiary"||variant==="text colored","c-btn--text_gray":variant==="option"||variant==="text gray","c-btn--dark_transparent":variant==="dark transparent","c-btn--big":size==="big","c-btn--small":size==="small","c-btn--icon-only":children instanceof Object&&!(children instanceof Array)}),iconOnly:children instanceof Object&&!(children instanceof Array),variant:variant,size:size},args),{},{ref:ref,children:children instanceof Array?/*#__PURE__*/jsxRuntime.jsx(StyledButtonElements,{className:"c-btn__elements",children:children.map(function(value,index){return value?/*#__PURE__*/jsxRuntime.jsx(StyledButtonElement,{className:"c-btn__elements__element",children:value},index):null;})}):children}));});Button.displayName="Button";function ownKeys$2Y(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$2Y(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$2Y(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$2Y(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var AddCrossTinyIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$2Y(_objectSpread$2Y({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M12 4a1 1 0 011 1v6h6a1 1 0 010 2h-6v6a1 1 0 01-2 0l-.001-6H5a1 1 0 010-2h6V5a1 1 0 011-1z",fillRule:"evenodd"})}));});AddCrossTinyIcon.displayName="AddCrossTinyIcon";var AddCrossTinyIcon$1=AddCrossTinyIcon;var StyledGlobalAddButton=styled__default["default"](Button).withConfig({displayName:"Styles__StyledGlobalAddButton",componentId:"sc-7mpctc-0"})(["svg{fill:var(--color-theme-100);}&:hover svg{transform:rotate(90deg);transition:ease 0.3s;}"]);StyledGlobalAddButton.displayName="StyledGlobalAddButton";var _excluded$R=["className","disabled"];function ownKeys$2X(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$2X(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$2X(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$2X(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var GlobalAddButton=/*#__PURE__*/React.forwardRef(function(_ref,ref){var className=_ref.className,_ref$disabled=_ref.disabled,disabled=_ref$disabled===void 0?false:_ref$disabled,rest=_objectWithoutProperties__default["default"](_ref,_excluded$R);return/*#__PURE__*/jsxRuntime.jsx(StyledGlobalAddButton,_objectSpread$2X(_objectSpread$2X({ref:ref,variant:"contained",disabled:disabled,className:classnames__default["default"]("c-global-add-btn",className)},rest),{},{children:/*#__PURE__*/jsxRuntime.jsx(AddCrossTinyIcon$1,{})}));});GlobalAddButton.displayName="GlobalAddButton";var StyledButtonGroup$1=styled__default["default"].div.withConfig({displayName:"Styles__StyledButtonGroup",componentId:"sc-1vw4iq2-0"})([""," "," "," button{&:first-child:not(:last-child){svg{margin-right:-4px;}","}&:last-child:not(:first-child){svg{margin-left:-4px;}","}&:not(:first-child):not(:last-child){","}}svg{","}"],{"display":"flex","flexDirection":"row"},FontStyle,BoxSizingStyle,{"marginRight":"-1px","borderTopRightRadius":"0px","borderBottomRightRadius":"0px"},{"borderTopLeftRadius":"0px","borderBottomLeftRadius":"0px"},{"marginRight":"-1px","borderRadius":"0px"},{"color":"var(--color-theme-900)","fill":"currentColor"});StyledButtonGroup$1.displayName="StyledButtonGroup";var _excluded$Q=["children","className"];function ownKeys$2W(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$2W(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$2W(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$2W(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var ButtonGroup=/*#__PURE__*/React.forwardRef(function(_ref,ref){var children=_ref.children,className=_ref.className,rest=_objectWithoutProperties__default["default"](_ref,_excluded$Q);return/*#__PURE__*/jsxRuntime.jsx(StyledButtonGroup$1,_objectSpread$2W(_objectSpread$2W({ref:ref,className:classnames__default["default"]("c-btn-group",className)},rest),{},{children:children}));});ButtonGroup.displayName="ButtonGroup";function setRef(ref,value){if(typeof ref==="function"){ref(value);}else if(ref){ref.current=value;}}function useForkRef(refA,refB){return React.useMemo(function(){return function(refValue){setRef(refA,refValue);setRef(refB,refValue);};},[refA,refB]);}var _excluded$P=["children","anchorEl","open","style","transition","placement"];function ownKeys$2V(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$2V(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$2V(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$2V(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var Popper=/*#__PURE__*/React.forwardRef(function(_ref,ref){var children=_ref.children,anchorEl=_ref.anchorEl,_ref$open=_ref.open,open=_ref$open===void 0?false:_ref$open,style=_ref.style,_ref$transition=_ref.transition,transition=_ref$transition===void 0?false:_ref$transition,_ref$placement=_ref.placement,initialPlacement=_ref$placement===void 0?"bottom":_ref$placement,rest=_objectWithoutProperties__default["default"](_ref,_excluded$P);var _useState=React.useState(true),_useState2=_slicedToArray__default["default"](_useState,2),exited=_useState2[0],setExited=_useState2[1];var _useState3=React.useState(initialPlacement),_useState4=_slicedToArray__default["default"](_useState3,2),placement=_useState4[0],setPlacement=_useState4[1];var ownRef=React.useRef(null);var popperRef=React.useRef();var handleInnerRef=useForkRef(ownRef,ref);var handlePopperUpdate=function handlePopperUpdate(data){setPlacement(data.placement||"bottom");};var handleOpen=React.useCallback(function(){if(!ownRef.current||!anchorEl||!open){return;}if(popperRef.current){popperRef.current.destroy();}popperRef.current=core.createPopper(anchorEl,ownRef.current,{placement:placement,onFirstUpdate:handlePopperUpdate});},[anchorEl,open,placement]);var handleClose=function handleClose(){if(!popperRef.current){return;}popperRef.current.destroy();};var handleRef=React.useCallback(function(node){handleInnerRef(node);handleOpen();},[handleOpen,handleInnerRef]);var handleEnter=function handleEnter(){setExited(false);};var handleExited=function handleExited(){setExited(true);handleClose();};React.useEffect(function(){return function(){handleClose();};},[]);React.useEffect(function(){if(!open&&!transition){handleClose();}},[open,transition]);React.useEffect(function(){if(popperRef.current){popperRef.current.update();}});if(!open&&(!transition||exited)){return null;}var childProps={placement:placement};if(transition){childProps.transitionProps={in:open,onEnter:handleEnter,onExited:handleExited};}return/*#__PURE__*/jsxRuntime.jsx("div",_objectSpread$2V(_objectSpread$2V({ref:handleRef},rest),{},{style:_objectSpread$2V({},style),children:typeof children==="function"?children(childProps):children}));});Popper.displayName="Popper";function ownKeys$2U(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$2U(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$2U(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$2U(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var defaultStyle$3={transitionProperty:"opacity, transform",transitionDuration:".15s, .10s, .15s",transitionTimingFunction:"ease, ease, cubic-bezier(0.39, 0.575, 0.565, 1)",transformOrigin:"50% 0",transform:"scale(.85)",opacity:0};var transitionStyles$4={entering:{opacity:1,transform:"scale(1)",transitionDelay:".6s"},entered:{opacity:1,transform:"scale(1)"},exiting:{opacity:0,transform:"scale(.85)"},exited:{opacity:0,transform:"scale(.85)"}};var FromElement=function FromElement(_ref){var _ref$in=_ref.in,inProp=_ref$in===void 0?false:_ref$in,onEnter=_ref.onEnter,onExited=_ref.onExited,_children=_ref.children,style=_ref.style,_ref$timeout=_ref.timeout,timeout=_ref$timeout===void 0?1000:_ref$timeout;return/*#__PURE__*/jsxRuntime.jsx(reactTransitionGroup.Transition,{appear:true,in:inProp,timeout:timeout,onEnter:onEnter,onExited:onExited,children:function children(state){return/*#__PURE__*/React.cloneElement(_children,{style:_objectSpread$2U(_objectSpread$2U(_objectSpread$2U(_objectSpread$2U({visibility:state==="exited"&&!inProp?"hidden":undefined},defaultStyle$3),transitionStyles$4[state]),style),_children.props.style)});}});};FromElement.displayName="FromElement";var Portal=function Portal(_ref){var children=_ref.children,_ref$root=_ref.root,root=_ref$root===void 0?document.body:_ref$root;return/*#__PURE__*/ReactDOM__default["default"].createPortal(children,root);};Portal.displayName="Portal";var LayerContext=/*#__PURE__*/React.createContext({});var LayerContextProvider=LayerContext.Provider;var LayerContextConsumer=LayerContext.Consumer;var useLayerContext=function useLayerContext(){return React.useContext(LayerContext);};var LayerContext$1=LayerContext;var StyledTooltip=styled__default["default"].div.withConfig({displayName:"Styles__StyledTooltip",componentId:"sc-rur9b5-0"})([""," "," border-radius:8px;max-width:200px;padding:4px 10px;text-align:center;background-color:rgba(0,0,0,0.9);font-size:12px;font-weight:500;line-height:normal;color:#fff;margin:4px;",""],BoxSizingStyle,FontStyle,function(props){return props.$isLight&&styled.css(["background-color:var(--page-paper-main);box-shadow:var(--shadow-secondary);color:var(--color-theme-700);"]);});var _excluded$O=["children"];function ownKeys$2T(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$2T(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$2T(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$2T(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var TooltipAnimation=function TooltipAnimation(_ref){var children=_ref.children,props=_objectWithoutProperties__default["default"](_ref,_excluded$O);return/*#__PURE__*/jsxRuntime.jsx(FromElement,_objectSpread$2T(_objectSpread$2T({timeout:0},props),{},{children:children}));};var Tooltip=/*#__PURE__*/React.forwardRef(function(_ref2,ref){var children=_ref2.children,title=_ref2.title,className=_ref2.className,style=_ref2.style,_ref2$isLight=_ref2.isLight,isLight=_ref2$isLight===void 0?false:_ref2$isLight,_ref2$placement=_ref2.placement,placement=_ref2$placement===void 0?"top":_ref2$placement,_ref2$TransitionCompo=_ref2.TransitionComponent,TransitionComponent=_ref2$TransitionCompo===void 0?TooltipAnimation:_ref2$TransitionCompo,popperTooltipStyle=_ref2.popperTooltipStyle,popperTooltipClassName=_ref2.popperTooltipClassName,disable=_ref2.disable;var _useLayerContext=useLayerContext(),zIndex=_useLayerContext.zIndex;var _useState=React.useState(false),_useState2=_slicedToArray__default["default"](_useState,2),open=_useState2[0],setOpen=_useState2[1];var _useState3=React.useState(),_useState4=_slicedToArray__default["default"](_useState3,2),childNode=_useState4[0],setChildNode=_useState4[1];var handleEnter=function handleEnter(event){var childrenProps=children.props;if(event.type==="mouseover"&&childrenProps.onMouseOver){childrenProps.onMouseOver(event);}childNode&&childNode.removeAttribute("title");setOpen(true);};var handleLeave=function handleLeave(event){var childrenProps=children.props;if(event.type==="mouseleave"&&childrenProps.onMouseLeave&&event.currentTarget===childNode){childrenProps.onMouseLeave(event);}setOpen(false);};var handleOwnRef=useForkRef(children.ref,ref);var handleRef=useForkRef(setChildNode,handleOwnRef);var childrenProps={onMouseOver:handleEnter,onMouseLeave:handleLeave,ref:handleRef};return/*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[/*#__PURE__*/React__default["default"].cloneElement(children,childrenProps),!disable&&/*#__PURE__*/jsxRuntime.jsx(Portal,{children:/*#__PURE__*/jsxRuntime.jsx(Popper,{anchorEl:childNode,open:childNode?open:false,placement:placement,transition:true,className:popperTooltipClassName,style:_objectSpread$2T({zIndex:zIndex},popperTooltipStyle),role:"tooltip",children:function children(_ref3){var _ref3$transitionProps=_ref3.transitionProps,transitionProps=_ref3$transitionProps===void 0?{}:_ref3$transitionProps;return/*#__PURE__*/jsxRuntime.jsx(TransitionComponent,_objectSpread$2T(_objectSpread$2T({},transitionProps),{},{style:style,children:/*#__PURE__*/jsxRuntime.jsx(StyledTooltip,{className:classnames__default["default"]("c-tooltip-ds",className),$isLight:isLight,children:title})}));}})})]});});Tooltip.displayName="Tooltip";function ownKeys$2S(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$2S(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$2S(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$2S(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var CloseSmallIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$2S(_objectSpread$2S({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M9.485 8.071l2.828 2.827 2.83-2.827a1 1 0 011.413 1.414l-2.828 2.828 2.828 2.83a1 1 0 01-1.414 1.413l-2.829-2.828-2.828 2.828a1 1 0 11-1.414-1.414l2.827-2.829-2.827-2.828a1 1 0 011.414-1.414z",fillRule:"evenodd"})}));});CloseSmallIcon.displayName="CloseSmallIcon";var CloseSmallIcon$1=CloseSmallIcon;var colors={primary:{"color":"var(--color-theme-900)"},secondary:{"color":"var(--color-theme-700)"},tertiary:{"color":"var(--color-theme-600)"},quaternary:{"color":"var(--color-theme-600)","opacity":"0.5"},"theme-primary":{"color":"var(--color-primary)"},"theme-secondary":{"color":"var(--color-secondary)"},"page-paper":{"color":"var(--page-paper-main)"},"only-white":{"color":"var(--only-white)"},"only-black":{"color":"var(--only-black)"},success:{"color":"var(--color-sucess-green)"},alert:{"color":"var(--red-alert)"}};var StyledTypography=styled__default["default"].div.withConfig({displayName:"Styles__StyledTypography",componentId:"sc-mskw5w-0"})([""," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," ",""],FontStyle,BoxSizingStyle,function(props){return colors[props.$color];},function(props){return props.$variant==="Title 1"&&styled.css(["font-size:2rem;"]);},function(props){return props.$variant==="Header 2"&&styled.css(["font-size:1.125rem;"]);},function(props){return(props.$variant==="Header 3"||props.$variant==="Body 1")&&styled.css(["font-size:1rem;"]);},function(props){return props.$variant==="Body 2"&&styled.css(["font-size:0.875rem;"]);},function(props){return props.$variant==="Caption 1"&&styled.css(["font-size:0.75rem;"]);},function(props){return props.$variant==="Caption 2"&&styled.css(["font-size:0.625rem;"]);},function(props){return props.$italic?styled.css(["font-style:italic;"]):styled.css(["font-style:normal;"]);},function(props){return props.$tabularNums?styled.css(["font-variant-numeric:tabular-nums;"]):styled.css(["font-variant-numeric:normal;"]);},function(props){return props.$letterSpacing==="regular"&&styled.css(["letter-spacing:0.02em;"]);},function(props){return props.$letterSpacing==="tight"&&styled.css(["letter-spacing:0em;"]);},function(props){return props.$letterSpacing==="wide"&&styled.css(["letter-spacing:0.08em;"]);},function(props){return props.$lineHeight==="regular"&&styled.css(["line-height:1.375;"]);},function(props){return props.$lineHeight==="tight"&&styled.css(["line-height:1;"]);},function(props){return props.$lineHeight==="loose"&&styled.css(["line-height:1.625;"]);},function(props){return props.$align==="left"&&styled.css(["text-align:left;"]);},function(props){return props.$align==="right"&&styled.css(["text-align:right;"]);},function(props){return props.$align==="center"&&styled.css(["text-align:center;"]);},function(props){return props.$align==="justify"&&styled.css(["text-align:justify;"]);},function(props){return props.$decoration==="none"&&styled.css(["text-decoration:none;"]);},function(props){return props.$decoration==="underline"&&styled.css(["text-decoration:underline;"]);},function(props){return props.$decoration==="line-through"&&styled.css(["text-decoration:line-through;"]);},function(props){return props.$transform==="regular"&&styled.css(["text-transform:none;"]);},function(props){return props.$transform==="uppercase"&&styled.css(["text-transform:uppercase;"]);},function(props){return props.$transform==="lowercase"&&styled.css(["text-transform:lowercase;"]);},function(props){return props.$transform==="capitalize"&&styled.css(["text-transform:capitalize;"]);},function(props){return props.$overflow==="visible"&&styled.css(["overflow:visible;"]);},function(props){return props.$overflow==="ellipsis"&&styled.css(["text-overflow:ellipsis;"]);},function(props){return props.$overflow==="truncate"&&styled.css(["overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"]);},function(props){return props.$whitespace==="regular"&&styled.css(["white-space:normal;"]);},function(props){return props.$whitespace==="no-wrap"&&styled.css(["white-space:nowrap;"]);},function(props){return props.$wordBreak==="regular"&&styled.css(["overflow-wrap:normal;word-break:normal;"]);},function(props){return props.$wordBreak==="smart"&&styled.css(["overflow-wrap:break-word;"]);},function(props){return props.$wordBreak==="all"&&styled.css(["word-break:break-all;"]);},function(props){return props.$weight==="regular"&&styled.css(["font-weight:400;"]);},function(props){return props.$weight==="light"&&styled.css(["font-weight:300;"]);},function(props){return props.$weight==="medium"&&styled.css(["font-weight:500;"]);},function(props){return props.$weight==="bold"&&styled.css(["font-weight:700;"]);});StyledTypography.displayName="StyledTypography";var _excluded$N=["variant","Tag","color","italic","tabularNums","letterSpacing","lineHeight","align","decoration","transform","overflow","whitespace","wordBreak","weight","className","children"];function ownKeys$2R(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$2R(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$2R(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$2R(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var Typography=/*#__PURE__*/React.forwardRef(function(_ref,ref){var _ref$variant=_ref.variant,variant=_ref$variant===void 0?"Title 1":_ref$variant,_ref$Tag=_ref.Tag,Tag=_ref$Tag===void 0?"div":_ref$Tag,_ref$color=_ref.color,color=_ref$color===void 0?"primary":_ref$color,_ref$italic=_ref.italic,italic=_ref$italic===void 0?false:_ref$italic,_ref$tabularNums=_ref.tabularNums,tabularNums=_ref$tabularNums===void 0?false:_ref$tabularNums,_ref$letterSpacing=_ref.letterSpacing,letterSpacing=_ref$letterSpacing===void 0?"regular":_ref$letterSpacing,_ref$lineHeight=_ref.lineHeight,lineHeight=_ref$lineHeight===void 0?"regular":_ref$lineHeight,_ref$align=_ref.align,align=_ref$align===void 0?"left":_ref$align,_ref$decoration=_ref.decoration,decoration=_ref$decoration===void 0?"none":_ref$decoration,_ref$transform=_ref.transform,transform=_ref$transform===void 0?"regular":_ref$transform,_ref$overflow=_ref.overflow,overflow=_ref$overflow===void 0?"visible":_ref$overflow,_ref$whitespace=_ref.whitespace,whitespace=_ref$whitespace===void 0?"regular":_ref$whitespace,_ref$wordBreak=_ref.wordBreak,wordBreak=_ref$wordBreak===void 0?"regular":_ref$wordBreak,_ref$weight=_ref.weight,weight=_ref$weight===void 0?"regular":_ref$weight,className=_ref.className,children=_ref.children,props=_objectWithoutProperties__default["default"](_ref,_excluded$N);var innerRef=React.useRef(null);var handleRef=useForkRef(ref,innerRef);return/*#__PURE__*/jsxRuntime.jsx(StyledTypography,_objectSpread$2R(_objectSpread$2R({as:Tag,className:classnames__default["default"]("typography",className),$italic:italic,$tabularNums:tabularNums,$letterSpacing:letterSpacing,$lineHeight:lineHeight,$align:align,$decoration:decoration,$transform:transform,$overflow:overflow,$whitespace:whitespace,$wordBreak:wordBreak,$variant:variant,$color:color,$weight:weight,ref:handleRef},props),{},{children:children}));});Typography.displayName="Typography";var _excluded$M=["weight","children"];function ownKeys$2Q(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$2Q(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$2Q(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$2Q(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var Body2=/*#__PURE__*/React.forwardRef(function(_ref,ref){var _ref$weight=_ref.weight,weight=_ref$weight===void 0?"regular":_ref$weight,children=_ref.children,props=_objectWithoutProperties__default["default"](_ref,_excluded$M);return/*#__PURE__*/jsxRuntime.jsxs(Typography,_objectSpread$2Q(_objectSpread$2Q({variant:"Body 2",weight:weight,ref:ref},props),{},{children:[" ",children," "]}));});Body2.displayName="Body2";var StyledCounterButton=styled__default["default"](Button).withConfig({displayName:"Styles__StyledCounterButton",componentId:"sc-1ecrcba-0"})([""," ",""],function(props){return props.$active&&styled.css(["padding:0 8px;svg{fill:var(--color-primary);}&:hover{background:var(--color-primary-300);}"]);},function(props){return props.$selected&&styled.css(["border-top-right-radius:0;border-bottom-right-radius:0;background-color:var(--color-primary-200);"]);});StyledCounterButton.displayName="StyledCounterButton";var StyledCounterButtonCounter=styled__default["default"].div.withConfig({displayName:"Styles__StyledCounterButtonCounter",componentId:"sc-1ecrcba-1"})(["border-radius:50%;background-color:var(--color-primary);color:var(--page-paper-main);line-height:15px;width:15px;font-weight:bold;font-size:10px;text-align:center;margin-left:4px;margin-right:-6px;"]);StyledCounterButtonCounter.displayName="StyledCounterButtonCounter";var StyledCounterButtonReset=styled__default["default"](Button).withConfig({displayName:"Styles__StyledCounterButtonReset",componentId:"sc-1ecrcba-2"})(["background-color:var(--color-primary-200);border-top-left-radius:0;border-bottom-left-radius:0;&:hover{background-color:var(--color-primary-300);border-top-left-radius:0;border-bottom-left-radius:0;}"]);StyledCounterButtonReset.displayName="StyledCounterButtonReset";var StyledCounterButtonLabel=styled__default["default"](Body2).withConfig({displayName:"Styles__StyledCounterButtonLabel",componentId:"sc-1ecrcba-3"})([""," ",":hover &{","}",""],{"pointerEvents":"none"},StyledCounterButton,function(props){return!props.$active&&styled.css(["color:var(--color-theme-900);"]);},function(props){return props.$active&&styled.css(["color:var(--color-primary);"]);});StyledCounterButtonLabel.displayName="StyledCounterButtonLabel";var _excluded$L=["label","icon","active","counter","tooltipText","onClearAll","className"];function ownKeys$2P(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$2P(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$2P(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$2P(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var CounterButton=/*#__PURE__*/React.forwardRef(function(_ref,ref){var label=_ref.label,icon=_ref.icon,active=_ref.active,_ref$counter=_ref.counter,counter=_ref$counter===void 0?0:_ref$counter,tooltipText=_ref.tooltipText,onClearAll=_ref.onClearAll,className=_ref.className,args=_objectWithoutProperties__default["default"](_ref,_excluded$L);return/*#__PURE__*/jsxRuntime.jsxs("div",{className:classnames__default["default"]("tw-flex ac-font box-sizing",className),children:[/*#__PURE__*/jsxRuntime.jsxs(StyledCounterButton,_objectSpread$2P(_objectSpread$2P({className:classnames__default["default"]("c-counter-button",{"c-counter-button__selected":counter})},args),{},{ref:ref,variant:"text gray",$active:counter>0||active,$selected:counter>0,children:[icon&&/*#__PURE__*/React__default["default"].cloneElement(icon,{className:classnames__default["default"]("c-counter-button__icon")}),label&&/*#__PURE__*/jsxRuntime.jsx(StyledCounterButtonLabel,{color:"secondary",weight:"medium",className:"c-counter-button__label",$active:active,children:label}),counter>0?/*#__PURE__*/jsxRuntime.jsx(StyledCounterButtonCounter,{className:"c-counter-button__counter",children:counter}):null]})),counter>0?/*#__PURE__*/jsxRuntime.jsx(Tooltip,{title:"".concat(tooltipText),popperTooltipClassName:"z-index-1300",children:/*#__PURE__*/jsxRuntime.jsx(StyledCounterButtonReset,{variant:"text colored",className:"c-counter-button__reset",onClick:onClearAll,children:/*#__PURE__*/jsxRuntime.jsx(CloseSmallIcon$1,{})})}):null]});});CounterButton.displayName="CounterButton";function ownKeys$2O(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$2O(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$2O(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$2O(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var CaretLeftIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$2O(_objectSpread$2O({width:18,height:18,viewBox:"0 0 18 18",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M10 5v8L6 9l4-4z",fillRule:"evenodd"})}));});CaretLeftIcon.displayName="CaretLeftIcon";var CaretLeftIcon$1=CaretLeftIcon;function ownKeys$2N(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$2N(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$2N(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$2N(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var CaretRightIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$2N(_objectSpread$2N({width:18,height:18,viewBox:"0 0 18 18",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M8 5v8l4-4-4-4z",fillRule:"evenodd"})}));});CaretRightIcon.displayName="CaretRightIcon";var CaretRightIcon$1=CaretRightIcon;var customClassNames={container:"c-DayPicker",wrapper:"c-DayPicker-wrapper",interactionDisabled:"c-DayPicker--interactionDisabled",months:"c-DayPicker-Months",month:"c-DayPicker-Month",navBar:"c-DayPicker-NavBar",navButtonPrev:"c-DayPicker-NavButton DayPicker-NavButton--prev",navButtonNext:"c-DayPicker-NavButton DayPicker-NavButton--next",navButtonInteractionDisabled:"c-DayPicker-NavButton--interactionDisabled",caption:"c-DayPicker-Caption",weekdays:"c-DayPicker-Weekdays",weekdaysRow:"c-DayPicker-WeekdaysRow",weekday:"c-DayPicker-Weekday",body:"c-DayPicker-Body",week:"c-DayPicker-Week",weekNumber:"c-DayPicker-WeekNumber",day:"c-DayPicker-Day",footer:"c-DayPicker-Footer",todayButton:"c-DayPicker-TodayButton",// default modifiers
|
|
4
|
+
today:"c-DayPicker-Day--today",selected:"c-DayPicker-Day--selected",disabled:"c-DayPicker-Day--disabled",outside:"c-DayPicker-Day--outside",// custom modifiers
|
|
5
|
+
weekend:"c-DayPicker-Day--weekend",userAvailability:"c-DayPicker-Day--userAvailability",nonWorkingDay:"c-DayPicker-Day--nonWorkingDay"};function ownKeys$2M(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$2M(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$2M(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$2M(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var MenuNavIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$2M(_objectSpread$2M({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M13.45 6.337l-5.657 5.657 5.657 5.657a1 1 0 101.414-1.414l-4.241-4.243 4.241-4.243a1 1 0 00-1.414-1.414z",fillRule:"evenodd"})}));});MenuNavIcon.displayName="MenuNavIcon";var MenuNavIcon$1=MenuNavIcon;var StyledNavBarButton=styled__default["default"](Button).withConfig({displayName:"Styles__StyledNavBarButton",componentId:"sc-1owijsg-0"})(["position:absolute;margin-top:1px;cursor:pointer;z-index:2;background-image:none;"," ",""],function(props){return props.$direction==="previous"&&styled.css(["right:auto;left:1px;"]);},function(props){return props.$direction==="next"&&styled.css(["right:1px;"]);});var StyledMenuNavIcon=styled__default["default"](MenuNavIcon$1).withConfig({displayName:"Styles__StyledMenuNavIcon",componentId:"sc-1owijsg-1"})([""," transform:rotate(180deg);"],{"transform":"var(--tw-transform)"});var StyledMonths=styled__default["default"].div.withConfig({displayName:"Styles__StyledMonths",componentId:"sc-1owijsg-2"})(["top:30px;height:230px;",""],{"position":"absolute","left":"0px","padding":"1.25rem","display":"flex","flexWrap":"wrap","backgroundColor":"var(--page-paper-main)","zIndex":"10"});var StyledMonth=styled__default["default"].div.withConfig({displayName:"Styles__StyledMonth",componentId:"sc-1owijsg-3"})(["width:26%;transition-duration:0.3s;"," "," "," ",""],{"margin":"auto","cursor":"pointer","borderRadius":"1rem","fontWeight":"700","fontSize":"0.875rem","lineHeight":"1.25rem"},function(props){return!props.$isSelected?styled.css(["&:hover{background-color:var(--color-primary-300);}"]):styled.css([""," background-color:var(--color-primary);"],{"color":"var(--color-theme-100)"});},function(props){return props.$isCurrent&&styled.css(["",""],{"color":"var(--color-primary)"});},function(props){return props.$isCurrentQuarter&&styled.css(["background-color:var(--color-primary-300);"]);});var StyledYearMonthPicker=styled__default["default"].div.withConfig({displayName:"Styles__StyledYearMonthPicker",componentId:"sc-1owijsg-4"})(["display:table-caption;margin-bottom:0.5em;padding:0 0.5em;"," &> div{font-weight:500;font-size:1.15em;}"],{"textAlign":"center","color":"var(--color-theme-900)"});var StyledYearMonthPickerNavBar=styled__default["default"].div.withConfig({displayName:"Styles__StyledYearMonthPickerNavBar",componentId:"sc-1owijsg-5"})(["width:auto;margin:0 auto;"]);var StyledYearMonthPickerNavBarItem=styled__default["default"].span.withConfig({displayName:"Styles__StyledYearMonthPickerNavBarItem",componentId:"sc-1owijsg-6"})([""," transition-duration:0.3s;&:hover{background-color:var(--color-primary-300);border-radius:15px;}"],{"paddingLeft":"1rem","paddingRight":"1rem","cursor":"pointer"});StyledNavBarButton.displayName="StyledNavBarButton";StyledMenuNavIcon.displayName="StyledMenuNavIcon";StyledMonths.displayName="StyledMonths";StyledMonth.displayName="StyledMonth";var YearMonthPicker=function YearMonthPicker(_ref){var date=_ref.date,localeUtils=_ref.localeUtils,_ref$onChange=_ref.onChange,onChange=_ref$onChange===void 0?function(){return null;}:_ref$onChange,_ref$isShown=_ref.isShown,isShown=_ref$isShown===void 0?true:_ref$isShown,onClick=_ref.onClick,text=_ref.text,selectedDays=_ref.selectedDays,selectionMode=_ref.selectionMode;var _useState=React.useState(),_useState2=_slicedToArray__default["default"](_useState,2),enteredTo=_useState2[0],setEnteredTo=_useState2[1];var months=localeUtils.getMonths();var handleMonthChange=React.useCallback(function(e){onChange(new Date(date.getFullYear(),e.target.dataset.value));if(onClick){onClick(e);}},[date,onChange,onClick]);var onMouseEnterCallback=React.useCallback(function(e){if(selectionMode==="quarterly"){setEnteredTo(Math.floor(e.target.getAttribute("data-value")/3));}},[selectionMode]);var renderMonths=React.useMemo(function(){return/*#__PURE__*/jsxRuntime.jsx(StyledMonths,{className:"c-monthPicker","data-test":"months",children:months.map(function(month,i){return/*#__PURE__*/jsxRuntime.jsx(StyledMonth,{className:"c-monthPicker__month",onClick:handleMonthChange,onMouseEnter:onMouseEnterCallback,"data-value":i,"data-test":"month",$isCurrent:date.getFullYear()===new Date().getFullYear()&&new Date().getMonth()===i,$isCurrentQuarter:Math.floor(i/3)===enteredTo,$isSelected:selectedDays&&!(selectedDays instanceof Date)&&selectedDays.from&&selectedDays.to&&selectedDays.from.getFullYear()===date.getFullYear()&&i>=selectedDays.from.getMonth()&&i<=selectedDays.to.getMonth(),children:month.substring(0,3)},i);})});},[date,handleMonthChange,months,selectedDays,enteredTo,onMouseEnterCallback]);return/*#__PURE__*/jsxRuntime.jsxs(StyledYearMonthPicker,{className:"c-DayPicker-Caption",role:"button",children:[/*#__PURE__*/jsxRuntime.jsx(StyledYearMonthPickerNavBar,{role:"button",children:/*#__PURE__*/jsxRuntime.jsx(StyledYearMonthPickerNavBarItem,{"data-test":"show-picker",onClick:onClick,children:text})}),isShown&&renderMonths]});};YearMonthPicker.displayName="YearMonthPicker";var NavBarElement=/*#__PURE__*/React.forwardRef(function(_ref,ref){var onPreviousClick=_ref.onPreviousClick,onNextClick=_ref.onNextClick;var onPrevious=React.useCallback(function(){onPreviousClick();},[onPreviousClick]);var onNext=React.useCallback(function(){onNextClick();},[onNextClick]);return/*#__PURE__*/jsxRuntime.jsxs("div",{className:"c-DayPicker-NavBar",ref:ref,tabIndex:0,children:[/*#__PURE__*/jsxRuntime.jsx(StyledNavBarButton,{type:"button",variant:"text gray",size:"small",tabIndex:0,onClick:onPrevious,$direction:"previous",children:/*#__PURE__*/jsxRuntime.jsx(MenuNavIcon$1,{"aria-label":"Previous Month",width:"24",height:"24"})}),/*#__PURE__*/jsxRuntime.jsx(StyledNavBarButton,{type:"button",variant:"text gray",size:"small",tabIndex:0,onClick:onNext,$direction:"next",children:/*#__PURE__*/jsxRuntime.jsx(StyledMenuNavIcon,{"aria-label":"Next Month",width:"24",height:"24"})})]});});NavBarElement.displayName="NavBarElement";var CustomNavBarElement=function CustomNavBarElement(_ref){var className=_ref.className,classNames=_ref.classNames,month=_ref.month,showPreviousButton=_ref.showPreviousButton,showNextButton=_ref.showNextButton,labels=_ref.labels,localeUtils=_ref.localeUtils,locale=_ref.locale,_ref$showMonthPicker=_ref.showMonthPicker,showMonthPicker=_ref$showMonthPicker===void 0?false:_ref$showMonthPicker,onChangeDirection=_ref.onChangeDirection,onMonthChange=_ref.onMonthChange,onClick=_ref.onClick;var nextMonth=showMonthPicker?DayPicker.DateUtils.addMonths(month,12):DayPicker.DateUtils.addMonths(month,1);var previousMonth=showMonthPicker?DayPicker.DateUtils.addMonths(month,-12):DayPicker.DateUtils.addMonths(month,-1);var onNextClick=React.useCallback(function(){if(onChangeDirection){onChangeDirection(true);}if(onMonthChange){onMonthChange(nextMonth);}},[nextMonth,onChangeDirection,onMonthChange]);var onPreviousClick=React.useCallback(function(){if(onChangeDirection){onChangeDirection(false);}if(onMonthChange){onMonthChange(previousMonth);}},[onChangeDirection,onMonthChange,previousMonth]);return/*#__PURE__*/jsxRuntime.jsx(NavBarElement,{className:className,classNames:classNames,month:month,showPreviousButton:showPreviousButton,showNextButton:showNextButton,labels:labels,localeUtils:localeUtils,locale:locale,previousMonth:previousMonth,nextMonth:nextMonth,onNextClick:onNextClick,onPreviousClick:onPreviousClick,onClick:onClick});};var StyledDatePicker=styled__default["default"].div.withConfig({displayName:"Styles__StyledDatePicker",componentId:"sc-18towna-0"})([""," "," overflow:hidden;min-width:230px;",""],FontStyle,BoxSizingStyle,{"display":"flex","justifyContent":"center"});var StyledDayPicker=styled__default["default"](DayPicker__default["default"]).withConfig({displayName:"Styles__StyledDayPicker",componentId:"sc-18towna-1"})([""," width:230px;"," .c-DayPicker-Month{display:table;user-select:none;border-collapse:separate;border-spacing:4px;}.c-DayPicker-wrapper{position:relative;flex-direction:row;user-select:none;}.c-DayPicker-Caption{display:table-caption;margin-bottom:0.5em;padding:0 0.5em;","}.c-DayPicker-Weekday{font-size:11px;display:table-cell;padding:0.5em;text-align:center;","}.c-DayPicker-Body{display:table-row-group;font-size:13px;","}.c-DayPicker-Day{display:table-cell;border-radius:50%;vertical-align:middle;text-align:center;cursor:pointer;transition-duration:0.3s;width:27px;height:27px;line-height:27px;}.c-DayPicker{display:inline-block;font-size:1rem;}.c-DayPicker-Months{display:flex;flex-wrap:wrap;justify-content:center;}.c-DayPicker-NavButton--interactionDisabled{display:none;}.c-DayPicker-Weekdays{text-decoration:none;display:table-header-group;margin-top:1em;}.c-DayPicker-WeekdaysRow{display:table-row;}.c-DayPicker-Weekday *{display:block;border-bottom:none;text-decoration:none;overflow:hidden;text-overflow:\"\";white-space:nowrap;width:12px;letter-spacing:10px;transform:translateX(30%);}.c-DayPicker-Week{display:table-row;}.c-DayPicker--interactionDisabled .c-DayPicker-Day{cursor:default;}.hovered:not(.c-DayPicker-Day--selected){background-color:var(--color-primary-300);color:var(--color-theme-900);}.c-DayPicker-Day--today{font-weight:700;color:var(--color-primary);position:relative;&:after{position:absolute;content:\"\";bottom:3px;height:3px;width:3px;border-radius:3px;margin:0 auto;left:0;right:0;background:var(--color-primary);}&.hovered:not(.c-DayPicker-Day--selected){color:var(--color-primary);&:after{background-color:var(--color-primary);}}}.c-DayPicker-Day--userAvailability{color:var(--red-alert);&.hovered:not(.c-DayPicker-Day--selected){background-color:rgba(237,97,97,0.1);color:var(--red-alert);}&.c-DayPicker-Day--today{color:var(--red-alert);&:after{background-color:var(--red-alert);}&.hovered:not(.c-DayPicker-Day--selected):after{background-color:var(--red-alert);}}}.c-DayPicker-Day--selected{background-color:var(--color-primary);color:var(--color-theme-100);&.c-DayPicker-Day--today{color:var(--color-theme-100);&:after{background-color:var(--color-theme-100);}}&.c-DayPicker-Day--userAvailability{background-color:var(--red-alert);color:var(--color-theme-100);}}.c-DayPicker-Day--nonWorkingDay{color:var(--color-theme-500);&.hovered:not(.c-DayPicker-Day--selected){color:var(--color-theme-500);}&.c-DayPicker-Day--today{color:var(--color-primary-500);&:after{background-color:var(--color-primary-500);}&.hovered:not(.c-DayPicker-Day--selected){color:var(--color-theme-500);&:after{background-color:var(--color-theme-500);}}}&.c-DayPicker-Day--userAvailability{&.hovered:not(.c-DayPicker-Day--selected){color:var(--color-theme-500);background-color:var(--color-primary-300);&.c-DayPicker-Day--today:after{background-color:var(--color-theme-500);}}}&.c-DayPicker-Day--selected{color:rgba(255,255,255,0.6);background-color:var(--color-primary);.neon &{color:rgba(0,0,0,0.4);}&.c-DayPicker-Day--today{color:rgba(255,255,255,0.6);.neon &{color:rgba(0,0,0,0.4);}&:after{background-color:rgba(255,255,255,0.6);.neon &{background-color:rgba(0,0,0,0.4);}}}}}.c-DayPicker-Day--disabled{cursor:default;color:var(--color-theme-500);&.hovered{color:var(--color-theme-500);}}.c-DayPicker-Day--outside{cursor:default;opacity:0.15;color:var(--color-theme-900);&.c-DayPicker-Day--userAvailability.hovered:not(.c-DayPicker-Day--selected){background:var(--color-primary-300);}&.c-DayPicker-Day--userAvailability:not(.c-DayPicker-Day--selected),&.c-DayPicker-Day--userAvailability.hovered:not(.c-DayPicker-Day--selected),&.c-DayPicker-Day--nonWorkingDay.hovered:not(.c-DayPicker-Day--selected),&.c-DayPicker-Day--nonWorkingDay:not(.c-DayPicker-Day--selected),&.c-DayPicker-Day--today.hovered:not(.c-DayPicker-Day--selected),&.c-DayPicker-Day--today:not(.c-DayPicker-Day--selected){color:var(--color-theme-900);}&.c-DayPicker-Day--userAvailability.c-DayPicker-Day--today:not(.c-DayPicker-Day--selected):after,&.c-DayPicker-Day--userAvailability.c-DayPicker-Day--today.hovered:not(.c-DayPicker-Day--selected):after,&.c-DayPicker-Day--nonWorkingDay.c-DayPicker-Day--today:not(.c-DayPicker-Day--selected):after,&.c-DayPicker-Day--nonWorkingDay.c-DayPicker-Day--today.hovered:not(.c-DayPicker-Day--selected):after,&.c-DayPicker-Day--today.hovered:not(.c-DayPicker-Day--selected):after,&.c-DayPicker-Day--today:not(.c-DayPicker-Day--selected):after{background-color:var(--color-theme-900);}&.hovered:not(.c-DayPicker-Day--selected){background:var(--color-primary-400);}&.c-DayPicker-Day--selected{color:var(--page-paper-main);background:var(--color-primary);.neon &{color:var(--page-paper-main);}&.c-DayPicker-Day--today{&:after{background:var(--page-paper-main);.neon &{background:var(--page-paper-main);}}&.c-DayPicker-Day--nonWorkingDay{color:var(--page-paper-main);.neon &{color:var(--page-paper-main);}}}}}"],{"backgroundColor":"var(--page-paper-main)"},function(props){return props.$isYearlyView&&styled.css([".c-DayPicker-Weekdays,.c-DayPicker-Body{opacity:0 !important;}"]);},{"textAlign":"center","color":"var(--color-theme-900)"},{"color":"var(--color-theme-600)"},{"color":"var(--color-theme-900)","fontWeight":"700"});var StyledDatePickerCSSTransition=styled__default["default"](reactTransitionGroup.CSSTransition).withConfig({displayName:"Styles__StyledDatePickerCSSTransition",componentId:"sc-18towna-2"})(["",""],function(props){return props.$direction?styled.css(["&.c-date-picker__animation-enter{.c-DayPicker-Caption,.c-DayPicker-Body{opacity:0;transform:translateY(-20px);}}&.c-date-picker__animation-enter-active{.c-DayPicker-Caption,.c-DayPicker-Body{opacity:1;transform:translateY(0px);transition-duration:300ms;}}&.c-date-picker__animation-exit{.c-DayPicker-Caption,.c-DayPicker-Body{opacity:1;}}&.c-date-picker__animation-exit-active{.c-DayPicker-Caption,.c-DayPicker-Body{opacity:0;transform:translateY(20px);transition-duration:300ms;}}"]):styled.css(["&.c-date-picker__animation-enter{.c-DayPicker-Caption,.c-DayPicker-Body{opacity:0;transform:translateY(20px);}}&.c-date-picker__animation-enter-active{.c-DayPicker-Caption,.c-DayPicker-Body{opacity:1;transform:translateY(0px);transition-duration:300ms;}}&.c-date-picker__animation-exit{.c-DayPicker-Caption,.c-DayPicker-Body{opacity:1;}}&.c-date-picker__animation-exit-active{.c-DayPicker-Caption,.c-DayPicker-Body{opacity:0;transform:translateY(-20px);transition-duration:300ms;}}"]);});StyledDatePickerCSSTransition.displayName="StyledDatePickerCSSTransition";StyledDatePicker.displayName="StyledDatePicker";StyledDayPicker.displayName="StyledDayPicker";var _excluded$K=["className","onChange","onDayClick","selectedDays","disabledDays","selectionMode","month","onMonthChange","dateRequired","firstDayOfWeek","fixedWeeks","modifiers"];function ownKeys$2L(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$2L(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$2L(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$2L(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var DatePicker=function DatePicker(_ref){var className=_ref.className,onChange=_ref.onChange,onDayClick=_ref.onDayClick,selectedDays=_ref.selectedDays,disabledDays=_ref.disabledDays,_ref$selectionMode=_ref.selectionMode,selectionMode=_ref$selectionMode===void 0?"daily":_ref$selectionMode,_ref$month=_ref.month,month=_ref$month===void 0?new Date():_ref$month,_ref$onMonthChange=_ref.onMonthChange,onMonthChange=_ref$onMonthChange===void 0?function(){return null;}:_ref$onMonthChange,_ref$dateRequired=_ref.dateRequired,dateRequired=_ref$dateRequired===void 0?false:_ref$dateRequired,_ref$firstDayOfWeek=_ref.firstDayOfWeek,firstDayOfWeek=_ref$firstDayOfWeek===void 0?0:_ref$firstDayOfWeek,_ref$fixedWeeks=_ref.fixedWeeks,fixedWeeks=_ref$fixedWeeks===void 0?true:_ref$fixedWeeks,defaultModifiers=_ref.modifiers,rest=_objectWithoutProperties__default["default"](_ref,_excluded$K);var _useState=React.useState(),_useState2=_slicedToArray__default["default"](_useState,2),enteredTo=_useState2[0],setEnteredTo=_useState2[1];var _useState3=React.useState(),_useState4=_slicedToArray__default["default"](_useState3,2),enteredFrom=_useState4[0],setEnteredFrom=_useState4[1];var _useState5=React.useState(),_useState6=_slicedToArray__default["default"](_useState5,2),stopScroll=_useState6[0],setStopScroll=_useState6[1];var _useState7=React.useState(true),_useState8=_slicedToArray__default["default"](_useState7,2),direction=_useState8[0],setDirection=_useState8[1];var _useState9=React.useState(function(){return(selectedDays===null||selectedDays===void 0?void 0:selectedDays.from)instanceof Date&&(selectedDays===null||selectedDays===void 0?void 0:selectedDays.to)instanceof Date;}),_useState10=_slicedToArray__default["default"](_useState9,2),isPreselected=_useState10[0],setIsPreselected=_useState10[1];var _useState11=React.useState(selectionMode==="quarterly"||selectionMode==="monthly"),_useState12=_slicedToArray__default["default"](_useState11,2),showMonthPicker=_useState12[0],setShowMonthPicker=_useState12[1];var _useState13=React.useState(defaultModifiers),_useState14=_slicedToArray__default["default"](_useState13,2),modifiers=_useState14[0],setModifiers=_useState14[1];var week=firstDayOfWeek===0?"week":"isoWeek";React.useEffect(function(){if(enteredFrom instanceof Date&&enteredTo instanceof Date){setModifiers(function(prev){return _objectSpread$2L(_objectSpread$2L({},prev),{},{hovered:{from:enteredFrom,to:enteredTo}});});}else{setModifiers(defaultModifiers);}},[enteredTo,enteredFrom,defaultModifiers]);var handleDayClick=React.useCallback(function(day,modifiers){if(onDayClick){onDayClick(day,modifiers);}if(!onChange){return;}if(month.getMonth()!==day.getMonth()){onMonthChange(day);}if(modifiers["c-DayPicker-Day--disabled"]||selectionMode==="none"){return;}// reset the selectedDays if the user clicks on the same day
|
|
6
|
+
if(!dateRequired&&(selectedDays!==null&&selectedDays!==void 0&&selectedDays.from&&moment__default["default"](day).isSame(moment__default["default"](selectedDays.from),"day")||selectedDays!==null&&selectedDays!==void 0&&selectedDays.to&&moment__default["default"](day).isSame(moment__default["default"](selectedDays.to),"day"))){setEnteredTo(undefined);setEnteredFrom(undefined);return onChange(undefined);}if(selectionMode==="daily"){return onChange({from:day,to:day});}if(selectionMode==="weekly"){if(!dateRequired&&selectedDays!==null&&selectedDays!==void 0&&selectedDays.from&&moment__default["default"](day).isSame(moment__default["default"](selectedDays.from),week)){return onChange(undefined);}return onChange({from:moment__default["default"](day).startOf(week).toDate(),to:moment__default["default"](day).endOf(week).toDate()});}if(selectionMode==="custom"){if(isPreselected){setIsPreselected(false);return onChange({from:day,to:day});}if(!selectedDays||selectedDays!==null&&selectedDays!==void 0&&selectedDays.from&&selectedDays!==null&&selectedDays!==void 0&&selectedDays.to&&!moment__default["default"](selectedDays.from).isSame(moment__default["default"](selectedDays.to))){if(!dateRequired&&selectedDays!==null&&selectedDays!==void 0&&selectedDays.from&&selectedDays!==null&&selectedDays!==void 0&&selectedDays.to&&moment__default["default"](day).isBetween(moment__default["default"](selectedDays.from),moment__default["default"](selectedDays.to))){setEnteredTo(day);setEnteredFrom(day);return onChange(undefined);}setEnteredFrom(day);return onChange({from:day,to:day});}if(selectedDays!==null&&selectedDays!==void 0&&selectedDays.from&&DayPicker.DateUtils.isDayAfter(day,selectedDays.from)){setEnteredTo(undefined);setEnteredFrom(undefined);return onChange({from:selectedDays.from,to:day});}if(selectedDays!==null&&selectedDays!==void 0&&selectedDays.to){setEnteredTo(undefined);setEnteredFrom(undefined);return onChange({from:day,to:selectedDays.to});}}},[onDayClick,onChange,month,selectionMode,dateRequired,selectedDays,onMonthChange,week,isPreselected]);var isSelectedFirstDay=React.useCallback(function(){if(selectionMode!=="custom"){return false;}if(selectedDays!==null&&selectedDays!==void 0&&selectedDays.from&&selectedDays!==null&&selectedDays!==void 0&&selectedDays.to){return moment__default["default"](selectedDays.from).isSame(selectedDays.to);}},[selectionMode,selectedDays]);var handleDayMouseEnter=React.useCallback(function(day){if(isPreselected&&selectionMode!=="weekly"){setEnteredTo(day);setEnteredFrom(day);return;}if(selectionMode==="daily"){setEnteredTo(day);setEnteredFrom(day);}if(selectionMode==="weekly"){setEnteredFrom(moment__default["default"](day).startOf(week).toDate());setEnteredTo(moment__default["default"](day).endOf(week).toDate());}if(selectionMode!=="weekly"&&(!selectedDays||selectedDays!==null&&selectedDays!==void 0&&selectedDays.from&&selectedDays!==null&&selectedDays!==void 0&&selectedDays.to&&!moment__default["default"](selectedDays.from).isSame(moment__default["default"](selectedDays.to)))){setEnteredTo(day);setEnteredFrom(day);}if(isSelectedFirstDay()&&selectedDays!==null&&selectedDays!==void 0&&selectedDays.from){setEnteredFrom(selectedDays.from);setEnteredTo(day);}},[selectionMode,isSelectedFirstDay,selectedDays,week,isPreselected]);var onDayMouseLeave=React.useCallback(function(){if(selectionMode==="weekly"||selectionMode==="daily"||selectionMode==="custom"){setEnteredFrom(undefined);setEnteredTo(undefined);}},[setEnteredFrom,setEnteredTo,selectionMode]);var onWheel=React.useCallback(function(e){if(stopScroll&&(new Date().getTime()-stopScroll.getTime())/1000<0.9){return;}var nextMonth=showMonthPicker?DayPicker.DateUtils.addMonths(month,12):DayPicker.DateUtils.addMonths(month,1);var previousMonth=showMonthPicker?DayPicker.DateUtils.addMonths(month,-12):DayPicker.DateUtils.addMonths(month,-1);if(e.deltaY>0.9){setDirection(true);onMonthChange(nextMonth);setStopScroll(new Date());}if(e.deltaY<-0.9){setDirection(false);onMonthChange(previousMonth);setStopScroll(new Date());}},[stopScroll,showMonthPicker,month,onMonthChange]);var togglePicker=React.useCallback(function(){if(selectionMode!=="monthly"&&selectionMode!=="quarterly"){return setShowMonthPicker(!showMonthPicker);}setShowMonthPicker(true);},[showMonthPicker,selectionMode]);var customNavBarElement=React.useCallback(function(props){return/*#__PURE__*/jsxRuntime.jsx(CustomNavBarElement,_objectSpread$2L(_objectSpread$2L({},props),{},{showMonthPicker:showMonthPicker,month:month,onChangeDirection:setDirection,onMonthChange:onMonthChange,onClick:togglePicker}));},[showMonthPicker,month,onMonthChange,togglePicker]);var handleYearMonthChange=React.useCallback(function(m){if(onChange){if(selectionMode==="monthly"){if(!dateRequired&&selectedDays!==null&&selectedDays!==void 0&&selectedDays.from&&moment__default["default"](m).isSame(moment__default["default"](selectedDays.from),"month")){return onChange(undefined);}onChange({from:moment__default["default"](m).startOf("month").toDate(),to:moment__default["default"](m).endOf("month").toDate()});}if(selectionMode==="quarterly"){if(!dateRequired&&selectedDays!==null&&selectedDays!==void 0&&selectedDays.from&&moment__default["default"](m).isSame(moment__default["default"](selectedDays.from).startOf("quarter"),"quarter")){return onChange(undefined);}onChange({from:moment__default["default"](m).startOf("quarter").toDate(),to:moment__default["default"](m).endOf("quarter").toDate()});}}onMonthChange(m);},[onMonthChange,onChange,selectedDays,selectionMode,dateRequired]);var text=React.useMemo(function(){if(showMonthPicker){return"".concat(month.getFullYear());}return"".concat(moment__default["default"](month).format("MMMM")," ").concat(moment__default["default"](month).isSame(moment__default["default"](),"year")?"":month.getFullYear());},[showMonthPicker,month]);var handleYearMonthForm=React.useCallback(function(props){return/*#__PURE__*/jsxRuntime.jsx(YearMonthPicker,_objectSpread$2L(_objectSpread$2L({},props),{},{text:text,selectedDays:selectedDays,onChange:handleYearMonthChange,isShown:showMonthPicker,selectionMode:selectionMode}));},[text,selectedDays,handleYearMonthChange,showMonthPicker,selectionMode]);var onKeyDownCallback=React.useCallback(function(e){// Right Arrow
|
|
7
|
+
if(e.key==="ArrowRight"){setDirection(true);if(showMonthPicker){onMonthChange(new Date(month.getFullYear()+1,month.getMonth()));}else{onMonthChange(new Date(month.getFullYear(),month.getMonth()+1));}}// Left Arrow
|
|
8
|
+
if(e.key==="ArrowLeft"){setDirection(false);if(showMonthPicker){onMonthChange(new Date(month.getFullYear()-1,month.getMonth()));}else{onMonthChange(new Date(month.getFullYear(),month.getMonth()-1));}}// Up Arrow
|
|
9
|
+
if(e.key==="ArrowUp"){setDirection(true);onMonthChange(new Date(month.getFullYear()+1,month.getMonth()));}// Down Arrow
|
|
10
|
+
if(e.key==="ArrowDown"){setDirection(false);onMonthChange(new Date(month.getFullYear()-1,month.getMonth()));}},[showMonthPicker,onMonthChange,month]);React.useEffect(function(){document.addEventListener("keydown",onKeyDownCallback);return function(){document.removeEventListener("keydown",onKeyDownCallback);};},[month,onMonthChange,showMonthPicker,onKeyDownCallback]);return/*#__PURE__*/jsxRuntime.jsx(StyledDatePicker,{className:"c-date-picker-wrapper",onWheel:onWheel,children:/*#__PURE__*/jsxRuntime.jsx(reactTransitionGroup.SwitchTransition,{mode:"out-in",children:/*#__PURE__*/jsxRuntime.jsx(StyledDatePickerCSSTransition,{timeout:300,classNames:"c-date-picker__animation",$direction:direction,children:/*#__PURE__*/jsxRuntime.jsx(StyledDayPicker,_objectSpread$2L(_objectSpread$2L({},rest),{},{disabledDays:disabledDays,selectedDays:selectedDays,onDayClick:handleDayClick,modifiers:modifiers,onDayMouseEnter:handleDayMouseEnter,onDayMouseLeave:onDayMouseLeave,className:className,$isYearlyView:showMonthPicker,month:month,navbarElement:customNavBarElement,onCaptionClick:togglePicker,captionElement:handleYearMonthForm,classNames:customClassNames,fixedWeeks:fixedWeeks,firstDayOfWeek:firstDayOfWeek}))},showMonthPicker?month.getFullYear():month.getMonth())})});};DatePicker.displayName="DatePicker";var MenuContext=/*#__PURE__*/React.createContext({});var MenuContextProvider=MenuContext.Provider;MenuContext.Consumer;var useMenuContext=function useMenuContext(){return React.useContext(MenuContext);};var StyledOverlay=styled__default["default"].div.withConfig({displayName:"Styles__StyledOverlay",componentId:"sc-flnrpv-0"})(["position:fixed;top:0;right:0;bottom:0;left:0;"]);StyledOverlay.displayName="StyledOverlay";var _excluded$J=["className"];function ownKeys$2K(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$2K(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$2K(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$2K(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var Overlay=function Overlay(_ref){var className=_ref.className,rest=_objectWithoutProperties__default["default"](_ref,_excluded$J);return/*#__PURE__*/jsxRuntime.jsx(StyledOverlay,_objectSpread$2K({className:classnames__default["default"]("c-overlay",className)},rest));};Overlay.displayName="Overlay";var StyledWindow=styled__default["default"].div.withConfig({displayName:"Style__StyledWindow",componentId:"sc-rnlftg-0"})([""," "," position:fixed;top:0;right:0;bottom:0;left:0;"],FontStyle,BoxSizingStyle);StyledWindow.displayName="StyledWindow";var _excluded$I=["children","onClose","className","style","onKeyDown","disableFocusLock","disableScrollLock"];function ownKeys$2J(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$2J(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$2J(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$2J(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var returnFocus={preventScroll:true};var Window=/*#__PURE__*/React.forwardRef(function(_ref,ref){var children=_ref.children,onClose=_ref.onClose,className=_ref.className,style=_ref.style,onKeyDown=_ref.onKeyDown,_ref$disableFocusLock=_ref.disableFocusLock,disableFocusLock=_ref$disableFocusLock===void 0?false:_ref$disableFocusLock,_ref$disableScrollLoc=_ref.disableScrollLock,disableScrollLock=_ref$disableScrollLoc===void 0?false:_ref$disableScrollLoc,rest=_objectWithoutProperties__default["default"](_ref,_excluded$I);var innerRef=React.useRef(null);var handleRef=useForkRef(innerRef,ref);var _useLayerContext=useLayerContext(),_useLayerContext$zInd=_useLayerContext.zIndex,zIndex=_useLayerContext$zInd===void 0?1300:_useLayerContext$zInd;var handleKeyDown=React.useCallback(function(event){if(!event.defaultPrevented&&(event.key==="Esc"||event.key==="Escape")){event.preventDefault();if(onClose){onClose();}}if(typeof onKeyDown==="function"){onKeyDown(event);}},[onClose,onKeyDown]);React.useEffect(function(){return function(){typeof onClose==="function"&&onClose();};// Dependency is empty because we only want to call onClose when component is unmounted
|
|
11
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
12
|
+
},[]);return/*#__PURE__*/jsxRuntime.jsx(Portal,{children:/*#__PURE__*/jsxRuntime.jsx(FocusLock__default["default"],{returnFocus:returnFocus,disabled:disableFocusLock,children:/*#__PURE__*/jsxRuntime.jsx(reactRemoveScroll.RemoveScroll,{forwardProps:true,ref:handleRef,enabled:!disableScrollLock,noIsolation:true,children:/*#__PURE__*/jsxRuntime.jsx(StyledWindow,_objectSpread$2J(_objectSpread$2J({},rest),{},{style:_objectSpread$2J({zIndex:zIndex},style),onKeyDown:handleKeyDown,tabIndex:0,className:classnames__default["default"]("c-window",className),children:children}))})})});});Window.displayName="Window";var StyledBubble=styled__default["default"].div.withConfig({displayName:"Styles__StyledBubble",componentId:"sc-tloccl-0"})([""," transition:opacity 0.2s,visibility 0.2s;"," ",""],{"--tw-bg-opacity":"1","backgroundColor":"var(--color-theme-100)","--tw-shadow":"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)","boxShadow":"var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)","borderColor":"var(--color-theme-200)","borderRadius":"0.5rem","borderWidth":"1px","borderStyle":"solid","color":"var(--color-theme-800)","opacity":"1","display":"block","visibility":"visible"},FontStyle,BoxSizingStyle);StyledBubble.displayName="StyledBubble";var _excluded$H=["children","className","innerRef","style"];function ownKeys$2I(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$2I(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$2I(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$2I(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var Bubble=function Bubble(_ref){var children=_ref.children,className=_ref.className,_ref$innerRef=_ref.innerRef,innerRef=_ref$innerRef===void 0?null:_ref$innerRef,_ref$style=_ref.style,style=_ref$style===void 0?{}:_ref$style,rest=_objectWithoutProperties__default["default"](_ref,_excluded$H);return/*#__PURE__*/jsxRuntime.jsx(StyledBubble,_objectSpread$2I(_objectSpread$2I({},rest),{},{ref:innerRef,className:classnames__default["default"]("c-bubble",className),style:style,children:children}));};Bubble.displayName="Bubble";var StyledMenu$1=styled__default["default"](Bubble).withConfig({displayName:"Styles__StyledMenu",componentId:"sc-8fhkp-0"})([""," "," "," color:var(--color-theme-700);a:focus,a:active{outline:none;}"," "," ",""],{"backgroundColor":"var(--page-paper-main)","borderColor":"var(--border-primary)","marginTop":"0.25rem","marginBottom":"0.25rem","overflow":"auto"},FontStyle,BoxSizingStyle,function(props){return props.$mode==="normal"&&styled.css(["width:260px;"]);},function(props){return props.$mode==="wider"&&styled.css(["width:350px;"]);},function(props){return props.$mode==="tiny"&&styled.css(["width:180px;"]);});StyledMenu$1.displayName="StyledMenu";var StyledMenuFooter=styled__default["default"].div.withConfig({displayName:"Styles__StyledMenuFooter",componentId:"sc-8fhkp-1"})([""," display:flex;border-top:1px solid var(--border-primary);height:32px;align-items:center;"],{"display":"flex","paddingLeft":"0.5rem","paddingRight":"0.5rem","paddingTop":"0.25rem","paddingBottom":"0.25rem"});StyledMenuFooter.displayName="StyledMenuFooter";var StyledMenuHeader=styled__default["default"].div.withConfig({displayName:"Styles__StyledMenuHeader",componentId:"sc-8fhkp-2"})([""," border-bottom:1px solid var(--border-primary);height:32px;"],{"display":"flex","alignItems":"center","justifyContent":"space-between","paddingLeft":"0.5rem","paddingRight":"0.5rem","paddingTop":"0.25rem","paddingBottom":"0.25rem"});StyledMenuHeader.displayName="StyledMenuHeader";var Menu=function Menu(_ref){var children=_ref.children,_ref$disableFocusLock=_ref.disableFocusLock,disableFocusLock=_ref$disableFocusLock===void 0?false:_ref$disableFocusLock,onMenuClick=_ref.onMenuClick,_ref$handleScroll=_ref.handleScroll,handleScroll=_ref$handleScroll===void 0?true:_ref$handleScroll,_ref$mode=_ref.mode,mode=_ref$mode===void 0?"normal":_ref$mode,_ref$open=_ref.open,defaultOpen=_ref$open===void 0?false:_ref$open,onOpen=_ref.onOpen,onClose=_ref.onClose,onBeforeClose=_ref.onBeforeClose,_ref$position=_ref.position,position=_ref$position===void 0?"bottom-start":_ref$position,target=_ref.target,menuClassName=_ref.menuClassName,popperClassName=_ref.popperClassName,backgroundElementClass=_ref.backgroundElementClass,_ref$windowAbsolutely=_ref.windowAbsolutelyPositioned,windowAbsolutelyPositioned=_ref$windowAbsolutely===void 0?false:_ref$windowAbsolutely;var _useState=React.useState(defaultOpen),_useState2=_slicedToArray__default["default"](_useState,2),open=_useState2[0],setOpen=_useState2[1];var _useState3=React.useState(),_useState4=_slicedToArray__default["default"](_useState3,2),childNode=_useState4[0],setChildNode=_useState4[1];var elementRef=React.useRef(null);React.useEffect(function(){setOpen(defaultOpen);},[defaultOpen]);var handleRefRef=useForkRef(target?target.ref:undefined,setChildNode);var handleRef=useForkRef(handleRefRef,elementRef);var handleOpen=React.useCallback(function(event){event&&event.preventDefault();setOpen(true);typeof onOpen==="function"&&onOpen();},[onOpen]);var handleClose=React.useCallback(function(){if(typeof onBeforeClose==="function"&&!onBeforeClose()){return;}setOpen(false);typeof onClose==="function"&&onClose();},[onClose,onBeforeClose]);var childProps={forceClose:handleClose};var targetProps={open:open,ref:handleRef,onClick:handleOpen};return/*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[target&&/*#__PURE__*/React__default["default"].cloneElement(target,targetProps),open?/*#__PURE__*/jsxRuntime.jsxs(Window,{onClose:handleClose,disableScrollLock:!handleScroll,disableFocusLock:disableFocusLock,style:{position:windowAbsolutelyPositioned?"absolute":"fixed"},children:[/*#__PURE__*/jsxRuntime.jsx(Overlay,{className:backgroundElementClass,onClick:handleClose,tabIndex:-1}),/*#__PURE__*/jsxRuntime.jsx(Popper,{anchorEl:childNode,open:childNode?open:false,placement:position,className:popperClassName,tabIndex:-1,children:/*#__PURE__*/jsxRuntime.jsx(StyledMenu$1,{className:classnames__default["default"]("c-simple-menu__paper","c-simple-menu__".concat(mode),menuClassName),$mode:mode,onMouseDown:onMenuClick,children:/*#__PURE__*/jsxRuntime.jsx(MenuContextProvider,{value:{open:open,setOpen:setOpen},children:typeof children==="function"?children(childProps):children})})})]}):null]});};Menu.displayName="Menu";var _excluded$G=["title","className","leftElement","rightElement"];function ownKeys$2H(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$2H(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$2H(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$2H(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var MenuHeader=/*#__PURE__*/React.forwardRef(function(_ref,ref){var title=_ref.title,className=_ref.className,leftElement=_ref.leftElement,rightElement=_ref.rightElement,props=_objectWithoutProperties__default["default"](_ref,_excluded$G);return/*#__PURE__*/jsxRuntime.jsxs(StyledMenuHeader,_objectSpread$2H(_objectSpread$2H({},props),{},{className:classnames__default["default"]("c-menu-header",className),ref:ref,children:[leftElement||/*#__PURE__*/jsxRuntime.jsx("div",{style:{minWidth:"24px"},children:"\xA0"}),/*#__PURE__*/jsxRuntime.jsx(Typography,{variant:"Body 2",color:"secondary",weight:"bold",overflow:"truncate",className:"tw-mx-1",children:title}),rightElement||/*#__PURE__*/jsxRuntime.jsx("div",{style:{minWidth:"24px"},children:"\xA0"})]}));});MenuHeader.displayName="MenuHeader";var _excluded$F=["children","className"];function ownKeys$2G(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$2G(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$2G(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$2G(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var MenuFooter=/*#__PURE__*/React.forwardRef(function(_ref,ref){var children=_ref.children,className=_ref.className,props=_objectWithoutProperties__default["default"](_ref,_excluded$F);return/*#__PURE__*/jsxRuntime.jsx(StyledMenuFooter,_objectSpread$2G(_objectSpread$2G({},props),{},{className:classnames__default["default"]("c-menu-footer",className),ref:ref,children:children}));});MenuFooter.displayName="MenuFooter";var StyledButton=styled__default["default"].button.withConfig({displayName:"Styles__StyledButton",componentId:"sc-1v8h7mt-0"})([""," "," color:var(--color-theme-700);margin:0;padding:0;background:none;width:auto;height:auto;border:none;height:32px;transition:all 0.3s ease;"," svg{fill:currentColor;}&::-moz-focus-inner{border:0;}&:focus{outline:none;}&:hover{text-decoration:none;}&:disabled{cursor:default;opacity:50%;pointer-events:none;}"],FontStyle,BoxSizingStyle,{"position":"relative","WebkitFontSmoothing":"antialiased","MozOsxFontSmoothing":"grayscale","verticalAlign":"middle","fontWeight":"500","display":"inline-block","lineHeight":"1.25rem","margin":"0px","textDecoration":"none","fontSize":"0.875rem","userSelect":"none","cursor":"pointer","textAlign":"center"});var StyledMenu=styled__default["default"](Menu).withConfig({displayName:"Styles__StyledMenu",componentId:"sc-1v8h7mt-1"})(["",""],{"width":"auto","height":"auto","paddingTop":"1rem","paddingBottom":"1rem","paddingLeft":"0.5rem","paddingRight":"0.5rem"});var StyledButtonGroup=styled__default["default"](ButtonGroup).withConfig({displayName:"Styles__StyledButtonGroup",componentId:"sc-1v8h7mt-2"})([""," "," button{position:relative;z-index:1;}"],FontStyle,BoxSizingStyle);var StyledSpan=styled__default["default"].span.withConfig({displayName:"Styles__StyledSpan",componentId:"sc-1v8h7mt-3"})(["line-height:30px;color:var(--color-theme-700);"]);var StyledDiv=styled__default["default"].div.withConfig({displayName:"Styles__StyledDiv",componentId:"sc-1v8h7mt-4"})([""," "," "," height:32px;transition:all 0.3s ease;padding:0 16px;background-color:transparent;border:solid 1px var(--color-theme-700);color:var(--color-theme-700);margin-right:-1px;svg{fill:currentColor;}&::-moz-focus-inner{border:0;}&:focus{outline:none;}&:disabled{cursor:default;opacity:50%;pointer-events:none;}&:hover{border-color:var(--color-primary);color:var(--color-primary);text-decoration:none;}&:active{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-primary-200);}"],function(props){return props.$isTargetable&&styled.css(["",""],{"pointerEvents":"none"});},function(props){return props.$isRounded&&styled.css(["border-radius:var(--ac-br-rounded);"]);},{"position":"relative","textAlign":"center","padding":"0px","WebkitFontSmoothing":"antialiased","MozOsxFontSmoothing":"grayscale","verticalAlign":"middle","fontWeight":"500","display":"inline-block","lineHeight":"1.25rem","margin":"0px","textDecoration":"none","fontSize":"0.875rem","userSelect":"none","cursor":"pointer","borderWidth":"1px","borderStyle":"solid"});StyledButtonGroup.displayName="StyledButtonGroup";StyledSpan.displayName="StyledSpan";StyledDiv.displayName="StyledDiv";StyledMenu.displayName="StyledMenu";StyledButton.displayName="StyledButton";/**
|
|
13
|
+
* This component allow you to select date range. It accepts two parameters "from" and "to" as valid format
|
|
14
|
+
* onChange and onBack and onForward it will return "from: Date" and "to: Date" as function arguments
|
|
15
|
+
*/var DateStepper=function DateStepper(_ref){var step=_ref.step,formatCallback=_ref.formatCallback,onChange=_ref.onChange,from=_ref.from,to=_ref.to,onBack=_ref.onBack,onForward=_ref.onForward,minValue=_ref.minValue,maxValue=_ref.maxValue,className=_ref.className,_ref$period=_ref.period,period=_ref$period===void 0?"week":_ref$period,datePickerClass=_ref.datePickerClass,_ref$withDatePicker=_ref.withDatePicker,withDatePicker=_ref$withDatePicker===void 0?true:_ref$withDatePicker,_ref$defaultMonth=_ref.defaultMonth,defaultMonth=_ref$defaultMonth===void 0?new Date():_ref$defaultMonth,popperClassName=_ref.popperClassName,_ref$position=_ref.position,position=_ref$position===void 0?"bottom":_ref$position;var _useState=React.useState(moment__default["default"](from)),_useState2=_slicedToArray__default["default"](_useState,2),fromDate=_useState2[0],setFromDate=_useState2[1];var _useState3=React.useState(moment__default["default"](to)),_useState4=_slicedToArray__default["default"](_useState3,2),toDate=_useState4[0],setToDate=_useState4[1];var _useState5=React.useState(false),_useState6=_slicedToArray__default["default"](_useState5,2),showDatePicker=_useState6[0],setShowDatePicker=_useState6[1];var _useState7=React.useState(defaultMonth),_useState8=_slicedToArray__default["default"](_useState7,2),month=_useState8[0],setMonth=_useState8[1];var getDatesByPeriod=React.useCallback(function(interval){var date=fromDate?fromDate:moment__default["default"]();if(step==="daily"){date.add(interval,"days");return[date,date.clone()];}else if(step==="weekly"){date.add(interval,"weeks");return[date.clone().startOf(period),date.clone().endOf(period)];}else if(step==="monthly"){date.add(interval,"months");return[date.clone().startOf("month"),date.clone().endOf("month")];}else if(step==="quarterly"){date.add(interval,"quarters");return[date.clone().startOf("quarter"),date.clone().endOf("quarter")];}else if(step==="yearly"){date.add(interval,"years");return[date.clone().startOf("year"),date.clone().endOf("year")];}return[date,date];},[fromDate,period,step]);var getDateFormatted=React.useMemo(function(){if(formatCallback){return formatCallback(fromDate.toDate(),toDate.toDate());}var actualYear=moment__default["default"]().year();var showWeekOrCustomDateFormat=function showWeekOrCustomDateFormat(start,end){if(start.year()===actualYear&&end.year()===actualYear){return start.format("MMM DD")+" - "+end.format("MMM DD");}else{return start.format("MMM DD YYYY")+" - "+end.format("MMM DD YYYY");}};if(step==="daily"){if(fromDate.year()===actualYear){return fromDate.format("MMM DD");}return fromDate.format("MMM DD YYYY");}else if(step==="weekly"){var startDate=fromDate.clone().startOf(period);var endDate=startDate.clone().endOf(period);return showWeekOrCustomDateFormat(startDate,endDate);}else if(step==="monthly"){return fromDate.format("MMM YYYY");}else if(step==="quarterly"){return"Q".concat(fromDate.quarter(),"/").concat(fromDate.format("YYYY"));}else if(step==="yearly"){return fromDate.format("YYYY");}else if(step==="custom"){return showWeekOrCustomDateFormat(fromDate,toDate);}return"";},[fromDate,step,toDate,formatCallback,period]);var onChangeCallback=React.useCallback(function(amount){var _getDatesByPeriod=getDatesByPeriod(amount),_getDatesByPeriod2=_slicedToArray__default["default"](_getDatesByPeriod,2),newFrom=_getDatesByPeriod2[0],newTo=_getDatesByPeriod2[1];setFromDate(moment__default["default"](newFrom));setToDate(moment__default["default"](newTo));if(onChange){onChange(newFrom.toDate(),newTo.toDate());}},[onChange,getDatesByPeriod]);var onDatePickerChange=React.useCallback(function(dates){var fromDateTemp=dates===null||dates===void 0?void 0:dates.from;var toDateTemp=dates===null||dates===void 0?void 0:dates.to;setFromDate(moment__default["default"](fromDateTemp));setToDate(moment__default["default"](toDateTemp));if(onChange&&fromDateTemp instanceof Date&&toDateTemp instanceof Date){onChange(fromDateTemp,toDateTemp);}},[onChange,setFromDate,setToDate]);var isAfterMaxDate=React.useMemo(function(){return maxValue instanceof Date&&moment__default["default"](moment__default["default"](maxValue).format("YYYY-MM-DD")).isSameOrBefore(toDate.format("YYYY-MM-DD"));},[maxValue,toDate]);var isBeforeMinDate=React.useMemo(function(){return minValue instanceof Date&&moment__default["default"](moment__default["default"](minValue).format("YYYY-MM-DD")).isSameOrAfter(toDate.format("YYYY-MM-DD"));},[minValue,toDate]);React.useEffect(function(){if(isBeforeMinDate){if(step==="daily"){setFromDate(moment__default["default"](minValue));setToDate(moment__default["default"](minValue));}}if(isAfterMaxDate){if(step==="daily"){setFromDate(moment__default["default"](maxValue));setToDate(moment__default["default"](maxValue));}}},[step,minValue,maxValue,isBeforeMinDate,isAfterMaxDate]);var onRightClickHandler=React.useCallback(function(){if(isAfterMaxDate){return;}onChangeCallback(1);if(onForward){onForward(fromDate.toDate(),toDate.toDate());}},[isAfterMaxDate,onChangeCallback,onForward,fromDate,toDate]);var onLeftClickHandler=React.useCallback(function(){if(isBeforeMinDate){return;}onChangeCallback(-1);if(onBack){onBack(fromDate.toDate(),toDate.toDate());}},[isBeforeMinDate,onChangeCallback,onBack,fromDate,toDate]);var renderLeftRightButtons=React.useMemo(function(){return step!=="custom";},[step]);var handleShow=React.useCallback(function(){setShowDatePicker(!showDatePicker);if(fromDate){setMonth(fromDate.toDate());}},[setShowDatePicker,showDatePicker,fromDate]);var closeMenu=React.useCallback(function(){setShowDatePicker(false);},[]);var onMonthChange=React.useCallback(function(m){setMonth(m);},[setMonth]);React.useEffect(function(){setFromDate(moment__default["default"](from));setToDate(moment__default["default"](to));},[from,to]);var dateStepperWidth=function dateStepperWidth(fromDay,toDay,range){if(fromDay.year()!==moment__default["default"]().year()||toDay.year()!==moment__default["default"]().year()){switch(range){case"daily":case"monthly":return{minWidth:"122px"};case"weekly":case"custom":return{minWidth:"232px"};}}switch(range){case"monthly":return{minWidth:"122px"};case"weekly":case"custom":return{minWidth:"182px"};}return{minWidth:"102px"};};var isDisabled=React.useCallback(function(day){var dayFormat=moment__default["default"](day).format("YYYY-MM-DD");var isBefore=maxValue instanceof Date&&moment__default["default"](moment__default["default"](maxValue).format("YYYY-MM-DD")).isBefore(dayFormat);var isAfter=minValue instanceof Date&&moment__default["default"](moment__default["default"](minValue).format("YYYY-MM-DD")).isAfter(dayFormat);return isBefore||isAfter;},[maxValue,minValue]);var modifiers=React.useMemo(function(){var _ref2;return _ref2={},_defineProperty__default["default"](_ref2,customClassNames.disabled,function(day){return isDisabled(day);}),_defineProperty__default["default"](_ref2,customClassNames.nonWorkingDay,function(day){return isDisabled(day);}),_ref2;},[isDisabled]);return/*#__PURE__*/jsxRuntime.jsxs(StyledButtonGroup,{className:classnames__default["default"]("c-date-stepper",className),children:[renderLeftRightButtons?/*#__PURE__*/jsxRuntime.jsx(Button,{type:"button",variant:"secondary",onClick:onLeftClickHandler,disabled:isBeforeMinDate,children:/*#__PURE__*/jsxRuntime.jsx(CaretLeftIcon$1,{})}):null,/*#__PURE__*/jsxRuntime.jsx(StyledDiv,{$isTargetable:step==="yearly"||!withDatePicker,$isRounded:step==="custom",style:dateStepperWidth(fromDate,toDate,step),children:withDatePicker?/*#__PURE__*/jsxRuntime.jsx(StyledMenu,{target:/*#__PURE__*/jsxRuntime.jsx(StyledButton,{type:"button",className:"c-simple-menu__trigger",children:/*#__PURE__*/jsxRuntime.jsx("span",{children:getDateFormatted})}),open:showDatePicker,onOpen:handleShow,onClose:closeMenu,popperClassName:popperClassName,position:position,children:/*#__PURE__*/jsxRuntime.jsx(DatePicker,{month:month,localeUtils:MomentLocaleUtils__default["default"],locale:"en",selectionMode:step,className:datePickerClass,selectedDays:{from:fromDate.toDate(),to:toDate.toDate()},onChange:onDatePickerChange,onMonthChange:onMonthChange,firstDayOfWeek:period==="week"?0:1,modifiers:modifiers,dateRequired:true,fixedWeeks:true})}):/*#__PURE__*/jsxRuntime.jsx(StyledSpan,{children:getDateFormatted})}),renderLeftRightButtons?/*#__PURE__*/jsxRuntime.jsx(Button,{type:"button",variant:"secondary",onClick:onRightClickHandler,disabled:isAfterMaxDate,children:/*#__PURE__*/jsxRuntime.jsx(CaretRightIcon$1,{})}):null]});};DateStepper.displayName="DateStepper";var StyledSteps=styled__default["default"].div.withConfig({displayName:"Styles__StyledSteps",componentId:"sc-fkt5j2-0"})([""," "," display:flex;justify-content:center;"],FontStyle,BoxSizingStyle);var StyledStep=styled__default["default"].div.withConfig({displayName:"Styles__StyledStep",componentId:"sc-fkt5j2-1"})(["display:inline-block;width:8px;height:8px;background-color:var(--color-theme-400);border-radius:50%;margin:0 5px;",""],function(props){return props.$isActiveStep&&styled.css(["background-color:var(--color-primary);"]);});StyledSteps.displayName="StyledSteps";StyledStep.displayName="StyledStep";var Steps=/*#__PURE__*/React.forwardRef(function(_ref,ref){var numberOfSteps=_ref.numberOfSteps,activeStep=_ref.activeStep,_ref$progressive=_ref.progressive,progressive=_ref$progressive===void 0?false:_ref$progressive,wrapperClassName=_ref.wrapperClassName;var steps=React.useMemo(function(){// fastest way to generate an array of N numbers
|
|
16
|
+
var a=[];var b=numberOfSteps;while(b--){a[b]=b+1;}return a;},[numberOfSteps]);var activeSteps=React.useMemo(function(){if(!progressive){return[activeStep];}return steps.filter(function(step){return step<=activeStep;});},[activeStep,progressive,steps]);return/*#__PURE__*/jsxRuntime.jsx(StyledSteps,{className:classnames__default["default"]("c-steps-wrapper",wrapperClassName),ref:ref,children:steps.map(function(step){return/*#__PURE__*/jsxRuntime.jsx(StyledStep,{$isActiveStep:activeSteps.indexOf(step)>-1},"step-".concat(step));})});});Steps.displayName="Steps";var StyledTableHead=styled__default["default"].thead.withConfig({displayName:"Styles__StyledTableHead",componentId:"sc-e16t6w-0"})([""," "," "," th{","}tr{td:first-child,th:first-child{","}}"],FontStyle,BoxSizingStyle,{"textAlign":"left","textTransform":"uppercase"},{"whiteSpace":"nowrap","paddingLeft":"1rem","paddingRight":"1rem","paddingBottom":"2rem","paddingTop":"0.5rem","color":"var(--color-theme-700)","fontWeight":"600","fontSize":"0.6875rem"},{"paddingLeft":"1.5rem"});StyledTableHead.displayName="StyledTableHead";var StyledTableBody=styled__default["default"].tbody.withConfig({displayName:"Styles__StyledTableBody",componentId:"sc-e16t6w-1"})([""," "," "," td{","}&:not(.c-table__grouped__head){td{","}}a{"," &:hover{","}}"],FontStyle,BoxSizingStyle,{"overflow":"hidden","textOverflow":"ellipsis","whiteSpace":"nowrap"},{"overflow":"hidden","textOverflow":"ellipsis","whiteSpace":"nowrap"},{"color":"var(--color-theme-700)"},{"textDecoration":"none","color":"var(--color-primary)"},{"textDecoration":"underline"});StyledTableBody.displayName="StyledTableBody";var StyledTableWrapper=styled__default["default"].div.withConfig({displayName:"Styles__StyledTableWrapper",componentId:"sc-e16t6w-2"})([""," "," "," &:before{"," content:\"\";top:39px;z-index:-1;}"],FontStyle,BoxSizingStyle,{"marginTop":"2rem","marginLeft":"1rem","marginRight":"1rem","overflowX":"auto","overflowY":"hidden"},{"position":"absolute","left":"0px","right":"0px","bottom":"0px","backgroundColor":"var(--page-paper-main)","borderRadius":"0.5rem","--tw-shadow":"0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)","boxShadow":"var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)"});StyledTableWrapper.displayName="StyledTableWrapper";var StyledTable=styled__default["default"].table.withConfig({displayName:"Styles__StyledTable",componentId:"sc-e16t6w-3"})([""," border-spacing:0;"," tr th,"," tr td{&:last-child{","}}td{","}",""],{"width":"100%","padding":"0px","fontSize":"0.75rem","lineHeight":"1rem","paddingBottom":"1rem"},StyledTableHead,StyledTableBody,{"textAlign":"right"},{"paddingTop":"0.75rem","paddingBottom":"0.75rem","paddingLeft":"1rem","paddingRight":"1rem"},function(props){return props.$striped&&styled.css(["",":not(.c-table__grouped__head){tr:nth-child(odd){","}}"],StyledTableBody,{"backgroundColor":"var(--color-theme-200)"});});StyledTable.displayName="StyledTable";var StyledDataTable=styled__default["default"].div.withConfig({displayName:"Styles__StyledDataTable",componentId:"sc-e16t6w-4"})([""," "," &.c-table__collapsible{.c-table__head{tr{th{position:sticky;top:0;z-index:1;}}}}&.c-table__grouped{.c-table__head th{"," &:last-child{","}}}&.c-data-table{position:relative;.c-table__head th{&:last-child{","}}}.c-table__cell{"," &:hover{.c-table__icon{","}}}.c-table__overlay{"," top:0px;border-top-left-radius:8px;border-top-right-radius:8px;background:rgba(0,0,0,0.02);.neon &{background:rgba(0,0,0,0.1);}z-index:5;}.c-table__icon-wrapper{","}.c-table__label{","}.c-table__icon{transform:translateY(1px);"," fill:var(--color-theme-900);&:hover{","}}.c-table__icon--inactive{","}.c-table__icon--active{","}.c-table__icon--desc{transform:rotate(-180deg) scale(-1,1);}.c-table__grouped__head{"," >:first-child{","}a:first-child{","}}.c-table__head--hidden{","}.c-table__collapse_icon--expanded{transition-duration:0.3s;","}.c-table__collapse_icon--collapsed{transform:rotate(180deg);transition-duration:0.3s;","}.c-table__head__icon-wrapper__icon{"," transform:translate(-24px,-5px);}&.c-table__collapsible{.c-table__group{.c-table__row:last-child .c-table__cell{border-bottom:1px solid var(--border-primary);}&:last-child{.c-table__row:last-child .c-table__cell{border-bottom:0;}}}.c-table__grouped__head{tr td{border-bottom:1px solid var(--border-primary);}.c-table__body__collapse td{border-bottom:0;}&.last{tr td{border-bottom:0 !important;}}}.c-table__grouped__head--expanded{tr:last-child td{border-bottom:0;}}}.c-table__collapse_body{tr{background-color:transparent !important;}td:last-child{","}","}.c-table__row{td:first-child{position:sticky;left:0;z-index:1;}&:nth-child(odd){td{","}}&:nth-child(even){td{","}}}.c-table__row{th:first-child{position:sticky;left:0;z-index:2 !important;}}&.c-table__collapsible .c-table__body{tr{td:first-child,th:first-child{","}}}.c-table__body__icon{"," padding-left:0 !important;transform:translateY(8px);}&.padding-b-0{","}.cursor-pointer{","}.text-center{","}.opacity-75{","}.hidden{","}"],FontStyle,BoxSizingStyle,{"paddingBottom":"1rem"},{"paddingRight":"0px"},{"paddingRight":"0px"},{"position":"relative"},{"opacity":"0.5"},{"position":"absolute","width":"100%","left":"0px","pointerEvents":"none"},{"display":"inline-block","userSelect":"none"},{"borderWidth":"0px","borderColor":"rgba(0, 0, 0, 0)","borderStyle":"solid"},{"marginLeft":"0.25rem"},{"opacity":"1"},{"opacity":"0"},{"opacity":"1"},{"fontWeight":"700"},{"color":"var(--color-theme-900)"},{"color":"var(--color-primary)"},{"pointerEvents":"none","opacity":"0"},{"cursor":"pointer"},{"cursor":"pointer"},{"position":"absolute","cursor":"pointer"},{"borderWidth":"0px"},{"position":"absolute"},{"backgroundColor":"var(--color-theme-200)"},{"backgroundColor":"var(--page-paper-main)"},{"paddingLeft":"1.5rem"},{"padding":"0px"},{"paddingBottom":"0px"},{"cursor":"pointer"},{"textAlign":"center"},{"opacity":"0.75"},{"display":"none"});StyledDataTable.displayName="StyledDataTable";var Table=function Table(_ref){var children=_ref.children,className=_ref.className,_ref$striped=_ref.striped,striped=_ref$striped===void 0?false:_ref$striped,innerRef=_ref.innerRef;return/*#__PURE__*/jsxRuntime.jsx(StyledTableWrapper,{className:"c-table__wrap",children:/*#__PURE__*/jsxRuntime.jsx(StyledTable,{ref:innerRef,className:classnames__default["default"]("c-table",className),$striped:striped,children:children})});};Table.displayName="Table";var Thead=function Thead(_ref2){var children=_ref2.children,className=_ref2.className;return/*#__PURE__*/jsxRuntime.jsx(StyledTableHead,{className:classnames__default["default"]("c-table__head",className),children:children});};Thead.displayName="Thead";var Tbody=function Tbody(_ref3){var children=_ref3.children,className=_ref3.className;return/*#__PURE__*/jsxRuntime.jsx(StyledTableBody,{className:classnames__default["default"]("c-table__body",className),children:children});};Tbody.displayName="Tbody";function ownKeys$2F(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$2F(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$2F(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$2F(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var CollapseExpandSingleIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$2F(_objectSpread$2F({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M15.372 14.736a.993.993 0 001.349 0 .867.867 0 000-1.275L12 9l-4.72 4.461a.867.867 0 000 1.275.993.993 0 001.348 0L12 11.549l3.372 3.187z",fillRule:"nonzero"})}));});CollapseExpandSingleIcon.displayName="CollapseExpandSingleIcon";var CollapseExpandSingleIcon$1=CollapseExpandSingleIcon;function ownKeys$2E(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$2E(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$2E(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$2E(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var ExpandAllIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$2E(_objectSpread$2E({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M16.72 15.264a.867.867 0 010 1.275L12 21l-4.72-4.461a.867.867 0 010-1.275.993.993 0 011.348 0L12 18.451l3.372-3.187a.993.993 0 011.349 0zM12 3l4.72 4.461a.867.867 0 010 1.275.993.993 0 01-1.348 0L12 5.549 8.628 8.736a.993.993 0 01-1.349 0 .867.867 0 010-1.275L12 3zm0 11a2 2 0 100-4 2 2 0 000 4z",fillRule:"nonzero"})}));});ExpandAllIcon.displayName="ExpandAllIcon";var ExpandAllIcon$1=ExpandAllIcon;function ownKeys$2D(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$2D(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$2D(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$2D(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var CollapseAllIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$2D(_objectSpread$2D({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M12 15l4.72 4.461a.867.867 0 010 1.275.993.993 0 01-1.348 0L12 17.549l-3.372 3.187a.993.993 0 01-1.349 0 .867.867 0 010-1.275L12 15zm4.72-11.736a.867.867 0 010 1.275L12 9 7.28 4.539a.867.867 0 010-1.275.993.993 0 011.348 0L12 6.451l3.372-3.187a.993.993 0 011.349 0zM12 14a2 2 0 100-4 2 2 0 000 4z",fillRule:"nonzero"})}));});CollapseAllIcon.displayName="CollapseAllIcon";var CollapseAllIcon$1=CollapseAllIcon;function ownKeys$2C(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$2C(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$2C(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$2C(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var SortIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$2C(_objectSpread$2C({width:10,height:10,viewBox:"0 0 10 10",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M10 8v2H0V8h10zM7 4v2H0V4h7zM4 0v2H0V0h4z",fillRule:"evenodd"})}));});SortIcon.displayName="SortIcon";var SortIcon$1=SortIcon;var _excluded$E=["header","rows","className","sortBy","sortDirection","onSortCallback","theadClass","noResultsCallback","groupBy","groupHead","isCollapsible","emptyValue"];function ownKeys$2B(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$2B(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$2B(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$2B(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}exports.SortDirection=void 0;(function(SortDirection){SortDirection["None"]="none";SortDirection["Asc"]="asc";SortDirection["Desc"]="desc";})(exports.SortDirection||(exports.SortDirection={}));var groupByKey=function groupByKey(items,key){if(items[0]instanceof Array){items=items[0];}return items.reduce(function(result,item){return _objectSpread$2B(_objectSpread$2B({},result),{},_defineProperty__default["default"]({},item[key]!==null?" "+item[key]:item[key],[].concat(_toConsumableArray__default["default"](result[item[key]!==null?" "+item[key]:item[key]]||[]),[item])));},{});};var initialCollapsed=function initialCollapsed(rows,groupBy){if(groupBy){var groupedData=groupByKey(rows,groupBy);var keys=Object.keys(groupedData);var collapsedKeys={};keys.forEach(function(key){collapsedKeys[key]=true;});return collapsedKeys;}return{};};var DataTable=function DataTable(_ref){var header=_ref.header,rows=_ref.rows,className=_ref.className,sortBy=_ref.sortBy,_ref$sortDirection=_ref.sortDirection,sortDirection=_ref$sortDirection===void 0?exports.SortDirection.None:_ref$sortDirection,onSortCallback=_ref.onSortCallback,theadClass=_ref.theadClass,noResultsCallback=_ref.noResultsCallback,groupBy=_ref.groupBy,_ref$groupHead=_ref.groupHead,groupHead=_ref$groupHead===void 0?function(){return null;}:_ref$groupHead,isCollapsible=_ref.isCollapsible,emptyValue=_ref.emptyValue,args=_objectWithoutProperties__default["default"](_ref,_excluded$E);var _useState=React.useState(sortDirection),_useState2=_slicedToArray__default["default"](_useState,2),columnDirection=_useState2[0],setColumnDirection=_useState2[1];var _useState3=React.useState(sortBy),_useState4=_slicedToArray__default["default"](_useState3,2),active=_useState4[0],setActive=_useState4[1];var _useState5=React.useState(),_useState6=_slicedToArray__default["default"](_useState5,2),hovered=_useState6[0],setHovered=_useState6[1];var _useState7=React.useState(function(){return initialCollapsed(rows,groupBy);}),_useState8=_slicedToArray__default["default"](_useState7,2),collapsed=_useState8[0],setCollapsed=_useState8[1];var sort=function sort(sortByKey,direction,rowsData){if(direction===exports.SortDirection.None){return rowsData;}if(rowsData instanceof Array)return rowsData.sort(function(a,b){if(direction===exports.SortDirection.Asc){if(a[sortByKey]===null){return 1;}if(b[sortByKey]===null){return-1;}}if(a[sortByKey]===null){return-1;}if(b[sortByKey]===null){return 1;}if(typeof a[sortByKey]==="number"){if(direction===exports.SortDirection.Asc){return a[sortByKey]-b[sortByKey];}return b[sortByKey]-a[sortByKey];}var first=a[sortByKey].toString();var second=b[sortByKey].toString();if(direction===exports.SortDirection.Asc){return first.localeCompare(second);}return second.localeCompare(first);});return{};};var initialData=React.useCallback(function(){if(sortBy&&!groupBy){return sort(sortBy,sortDirection,rows);}if(sortBy&&groupBy){sort(sortBy,sortDirection,rows);return groupByKey(rows,groupBy);}if(!sortBy&&groupBy){return groupByKey(rows,groupBy);}return rows;},[groupBy,rows,sortBy,sortDirection]);var _useState9=React.useState(initialData),_useState10=_slicedToArray__default["default"](_useState9,2),data=_useState10[0],setData=_useState10[1];var getNextSortDirection=function getNextSortDirection(previousDirection,sameColumn){if(!sameColumn){return exports.SortDirection.Asc;}if(previousDirection===exports.SortDirection.Asc){return exports.SortDirection.Desc;}return exports.SortDirection.Asc;};var sortColumn=React.useCallback(function(event){var index=event.currentTarget.dataset.index;if(index&&header[index]&&header[index].sortable){var direction=getNextSortDirection(columnDirection,header[index].key===active);setActive(header[index].key);setColumnDirection(direction);if(groupBy){var grouped=_objectSpread$2B({},data);if(groupBy!==header[index].key){Object.keys(grouped).map(function(key){grouped[key]=sort(header[index].key,direction,grouped[key]);});}else{if(rows instanceof Object){grouped=sort(header[index].key,direction,rows);grouped=groupByKey([grouped],groupBy);}}setData(grouped);}else{setData(sort(header[index].key,direction,data));}if(onSortCallback){onSortCallback(header[index].key,direction);}}return null;},[setData,data,columnDirection,setColumnDirection,header,active,setActive,onSortCallback,groupBy,rows]);var cellMouseOver=React.useCallback(function(e){if(e.target instanceof HTMLElement){if(e.target.dataset.key){setHovered(e.target.dataset.key);}}},[]);var cellMouseOut=React.useCallback(function(){setHovered(null);},[]);React.useEffect(function(){setData(initialData());setCollapsed(initialCollapsed(rows,groupBy));},[rows,groupBy,initialData]);var renderNoResults=React.useCallback(function(){return/*#__PURE__*/jsxRuntime.jsx("tr",{children:/*#__PURE__*/jsxRuntime.jsx("td",{colSpan:header.length,className:classnames__default["default"]({"text-center":!noResultsCallback}),children:noResultsCallback?noResultsCallback():"There is no data."})});},[header,noResultsCallback]);var tableRef=React.useRef(null);var overlayStyles=function overlayStyles(){if(tableRef.current){return tableRef.current.clientHeight+5;}};var renderCell=React.useCallback(function(h,row,colIndex){if(h.renderCallback){return h.renderCallback(row,h.key,colIndex);}if(row[h.key]===null&&emptyValue){return/*#__PURE__*/jsxRuntime.jsx("i",{className:"opacity-75",children:emptyValue[h.key]});}return row[h.key];},[emptyValue]);var renderRow=React.useCallback(function(row,rowIndex){return/*#__PURE__*/jsxRuntime.jsx("tr",{"data-index":rowIndex,"data-direction":"asc",className:"c-table__row",onMouseOver:cellMouseOver,onMouseLeave:cellMouseOut,children:header.map(function(h,colIndex){return/*#__PURE__*/jsxRuntime.jsx("td",{className:classnames__default["default"]("c-table__cell c-data-table__item",{hovered:hovered===h.key}),"data-key":h.key,style:header[colIndex].style?header[colIndex].style:{},children:renderCell(h,row,colIndex)},colIndex);})},rowIndex);},[cellMouseOut,cellMouseOver,header,hovered,renderCell]);var toggleCollapse=React.useCallback(function(event){var collapseKey=event.currentTarget.dataset.groupkey;setCollapsed(function(prevState){var newState=_objectSpread$2B({},prevState);newState[collapseKey]=!prevState[collapseKey];return newState;});},[]);var renderRows=React.useMemo(function(){if(data&&data instanceof Array&&data.length>0||_typeof__default["default"](data)==="object"&&Object.keys(data).length>0){if(groupBy){var keys=Object.keys(data);return keys.map(function(key,i){return/*#__PURE__*/jsxRuntime.jsxs(React.Fragment,{children:[isCollapsible&&/*#__PURE__*/jsxRuntime.jsx(Tbody,{className:"c-table__collapse_body",children:/*#__PURE__*/jsxRuntime.jsx("tr",{children:/*#__PURE__*/jsxRuntime.jsx("td",{"data-groupkey":key,onClick:toggleCollapse,className:"c-table__body__icon c-table--toggle-collapsed",children:/*#__PURE__*/jsxRuntime.jsx(CollapseExpandSingleIcon$1,{className:classnames__default["default"]({"c-table__collapse_icon--expanded":!collapsed[key],"c-table__collapse_icon--collapsed":collapsed[key]})})})})}),/*#__PURE__*/jsxRuntime.jsx(Tbody,{className:classnames__default["default"]("c-table__grouped__head","head_".concat(i),{"c-table__grouped__head--expanded":isCollapsible&&!collapsed[key],"c-table__grouped__head--collapsed":isCollapsible&&collapsed[key],last:i===keys.length-1,first:i===0}),children:groupHead(data[key],keys[i]!=="null"?keys[i].trim():null)}),/*#__PURE__*/jsxRuntime.jsx(Tbody,{className:classnames__default["default"]("c-table__group c-table_group_".concat(i),{hidden:collapsed[key]}),children:data[key].map(function(row,index){return renderRow(row,index);})})]},key);});}return/*#__PURE__*/jsxRuntime.jsx(Tbody,{children:data instanceof Array&&data.map(function(row,rowIndex){return renderRow(row,rowIndex);})});}return renderNoResults();},[data,groupBy,renderRow,groupHead,collapsed,isCollapsible,renderNoResults,toggleCollapse]);var allGroupsCollapsed=React.useMemo(function(){return Object.keys(collapsed).every(function(key){return collapsed[key];});},[collapsed]);var hasCollapsed=React.useMemo(function(){return Object.keys(collapsed).some(function(key){return collapsed[key];});},[collapsed]);var toggleAllCollapsed=React.useCallback(function(){if(hasCollapsed){setCollapsed(function(prevState){var newState=_objectSpread$2B({},prevState);Object.keys(newState).forEach(function(key){newState[key]=false;});return newState;});}else{setCollapsed(function(prevState){var newState=_objectSpread$2B({},prevState);Object.keys(newState).forEach(function(key){newState[key]=true;});return newState;});}},[hasCollapsed]);return/*#__PURE__*/jsxRuntime.jsxs(StyledDataTable,_objectSpread$2B(_objectSpread$2B({as:Table,innerRef:tableRef,className:classnames__default["default"]("c-data-table",className,{"c-table__grouped":groupBy,"c-table__collapsible":isCollapsible,"padding-b-0":groupBy&&collapsed[Object.keys(data).slice(-1)[0]]})},args),{},{children:[/*#__PURE__*/jsxRuntime.jsx(Thead,{className:theadClass,children:header.length>0&&/*#__PURE__*/jsxRuntime.jsx("tr",{className:"c-table__row",children:header.map(function(h,index){return/*#__PURE__*/jsxRuntime.jsxs("th",{className:classnames__default["default"]("c-table__cell",{"c-table__cell--hovered":hovered===h.key,"c-table__head--hidden":groupBy&&allGroupsCollapsed&&h.hideCollapsed}),onMouseOver:cellMouseOver,onMouseLeave:cellMouseOut,"data-key":h.key,style:h.style,children:[isCollapsible&&groupBy&&index===0&&/*#__PURE__*/jsxRuntime.jsx("span",{className:"c-table__head__icon-wrapper",onClick:toggleAllCollapsed,"data-test":"toggle-collapse",children:hasCollapsed?/*#__PURE__*/jsxRuntime.jsx(ExpandAllIcon$1,{className:"c-table__head__icon-wrapper__icon"}):/*#__PURE__*/jsxRuntime.jsx(CollapseAllIcon$1,{className:"c-table__head__icon-wrapper__icon"})}),hovered===h.key&&/*#__PURE__*/jsxRuntime.jsx("div",{className:"c-table__overlay",style:{height:overlayStyles()+"px"}}),/*#__PURE__*/jsxRuntime.jsxs("div",{onClick:sortColumn,"data-index":index,className:classnames__default["default"]("c-table__icon-wrapper",{"cursor-pointer":h.sortable===true}),children:[/*#__PURE__*/jsxRuntime.jsx("span",{className:"c-table__label",children:h.label}),h.sortable&&/*#__PURE__*/jsxRuntime.jsx(SortIcon$1,{width:"10px",height:"10px",className:classnames__default["default"]("c-table__icon",{"c-table__icon--inactive":h.key!==active,"c-table__icon--active":h.key===active,"c-table__icon--asc":columnDirection===exports.SortDirection.Asc&&h.key===active,"c-table__icon--desc":columnDirection===exports.SortDirection.Desc&&h.key===active})})]})]},h.key);})})}),renderRows]}));};DataTable.displayName="DataTable";var burstScale=styled.keyframes(["from{transform:scale(0);}to{transform:scale(1);}"]);var burstAnimation=styled.keyframes(["from{stroke-dashoffset:0;}to{stroke-dashoffset:8;}"]);var StyledCompleteCheckbox=styled__default["default"].div.withConfig({displayName:"Styles__StyledCompleteCheckbox",componentId:"sc-1801dzg-0"})([""," border-color:var(--color-theme-600);transition:ease 0.3s all;svg{"," top:50%;left:50%;transform:translate(-50%,-50%);}svg path{fill:none;stroke:#32b370;stroke-width:3;transform:scale(0);}"," svg polyline{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:0.3s;stroke-dasharray:13;stroke-dashoffset:13;stroke:#d2d2d2;","}"," "," "," ",""],{"width":"1.5rem","height":"1.5rem","borderRadius":"9999px","borderWidth":"1px","borderStyle":"solid","position":"relative","cursor":"pointer"},{"position":"absolute","pointerEvents":"none"},function(props){return props.$primary&&styled.css(["svg path{stroke:var(--color-primary);}"]);},function(props){return props.$primary&&styled.css(["stroke:var(--color-theme-500);"]);},function(props){return props.$completed&&styled.css(["box-shadow:inset 0 0 0 12px var(--color-primary);border-color:var(--color-primary);border-width:0px;"," &:hover{box-shadow:inset 0 0 0 12px #84cc7c;","}svg polyline{stroke-dashoffset:0;stroke:#fff;","}svg path{stroke-dasharray:8;stroke-dashoffset:0;transform-origin:24px 24px;}"],!props.$primary&&styled.css([""," box-shadow:inset 0 0 0 12px #84cc7c;border-color:#84cc7c;"],{"borderWidth":"1px","borderStyle":"solid"}),props.$primary&&styled.css(["box-shadow:inset 0 0 0 12px var(--color-primary);"]),props.$primary&&styled.css(["stroke:var(--color-theme-100);"]));},function(props){return!props.$completed&&!props.$disabled&&styled.css(["&:hover{border:1px solid var(--color-primary);box-shadow:inset 0 0 0 2px var(--color-primary);border-width:0px;"," svg polyline{stroke-dashoffset:0;}}"],!props.$primary&&styled.css(["border:1px solid #84cc7c;box-shadow:inset 0 0 0 2px #84cc7c;"]));},function(props){return props.$animation&&styled.css(["svg path{animation:"," 0.6s ease 0s 1 normal,"," 0.4s ease 0.2s 1 normal;}"],burstScale,burstAnimation);},function(props){return props.$disabled&&styled.css([""," opacity:0.5;"],{"cursor":"default"});});StyledCompleteCheckbox.displayName="StyledCompleteCheckbox";var CompleteCheckbox=function CompleteCheckbox(_ref){var _ref$completed=_ref.completed,completed=_ref$completed===void 0?false:_ref$completed,_ref$disabled=_ref.disabled,disabled=_ref$disabled===void 0?false:_ref$disabled,_ref$animate=_ref.animate,animate=_ref$animate===void 0?false:_ref$animate,onClick=_ref.onClick,className=_ref.className,_ref$primary=_ref.primary,primary=_ref$primary===void 0?false:_ref$primary,checkMarkClassName=_ref.checkMarkClassName;return/*#__PURE__*/jsxRuntime.jsx(StyledCompleteCheckbox,{onClick:onClick,className:classnames__default["default"]("c-complete-checkbox",className),$primary:primary,$completed:completed,$disabled:disabled,$animation:!disabled&&completed&&animate,children:/*#__PURE__*/jsxRuntime.jsxs("svg",{viewBox:"0 0 48 48",className:checkMarkClassName?checkMarkClassName:"tw-w-12 tw-h-12",children:[/*#__PURE__*/jsxRuntime.jsx("path",{d:"M7,7l5.7,5.7 M0,24h8 M7,41l5.7-5.7 M24,48v-8 M41,41l-5.7-5.7 M48,24h-8 M41,7l-5.7,5.7 M24,0v8"}),/*#__PURE__*/jsxRuntime.jsx("polyline",{points:"19.5,24 22.5,27 28.5,21"})]})});};CompleteCheckbox.displayName="CompleteCheckbox";var StyledPaper=styled__default["default"].div.withConfig({displayName:"Styles__StyledPaper",componentId:"sc-1ld1e2o-0"})([""," border-radius:var(--ac-br-8);"," "," ",""],{"backgroundColor":"var(--page-paper-main)"},FontStyle,BoxSizingStyle,function(props){return props.type==="paper-3"&&styled.css(["border:solid 1px var(--border-primary);"]);});StyledPaper.displayName="StyledPaper";var _excluded$D=["children","className","type","hover","useOptimizedShadow"];function ownKeys$2A(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$2A(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$2A(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$2A(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}/**
|
|
17
|
+
* This is a component description and should sit directly above your component
|
|
18
|
+
*/var Paper=/*#__PURE__*/React.forwardRef(function(_ref,innerRef){var children=_ref.children,className=_ref.className,_ref$type=_ref.type,type=_ref$type===void 0?"paper-1":_ref$type,_ref$hover=_ref.hover,hover=_ref$hover===void 0?false:_ref$hover,_ref$useOptimizedShad=_ref.useOptimizedShadow,useOptimizedShadow=_ref$useOptimizedShad===void 0?false:_ref$useOptimizedShad,rest=_objectWithoutProperties__default["default"](_ref,_excluded$D);return/*#__PURE__*/jsxRuntime.jsx(StyledPaper,_objectSpread$2A(_objectSpread$2A({className:classnames__default["default"](className,{"ac-shadow--hover--lg":!useOptimizedShadow&&hover&&type==="paper-1","ac-shadow-optimized--lg":useOptimizedShadow&&hover&&type==="paper-1","ac-shadow--lg":!hover&&type==="paper-1","ac-shadow--hover--sm":!useOptimizedShadow&&hover&&type==="paper-2"||!useOptimizedShadow&&hover&&type==="paper-3","ac-shadow-optimized--sm":useOptimizedShadow&&hover&&type==="paper-2"||useOptimizedShadow&&hover&&type==="paper-3","ac-shadow--sm":!hover&&type==="paper-2"||!hover&&type==="paper-3"}),ref:innerRef,type:type},rest),{},{children:children}));});Paper.displayName="Paper";var StyledScaleBarInner=styled__default["default"].div.withConfig({displayName:"Styles__StyledScaleBarInner",componentId:"sc-1jbevna-0"})([""," height:3px;background:#37ba82;z-index:1;",""],{"position":"relative"},function(props){return props.$width&&styled.css(["width:","%;"],props.$width);});var StyledScaleBar=styled__default["default"].div.withConfig({displayName:"Styles__StyledScaleBar",componentId:"sc-1jbevna-1"})([""," ",""],{"width":"100%"},BoxSizingStyle);StyledScaleBar.displayName="StyledScaleBar";StyledScaleBarInner.displayName="StyledScaleBarInner";var ScaleBar=function ScaleBar(_ref){var width=_ref.width,className=_ref.className;return/*#__PURE__*/jsxRuntime.jsx(StyledScaleBar,{className:classnames__default["default"]("c-scale-bar",className),children:/*#__PURE__*/jsxRuntime.jsx(StyledScaleBarInner,{className:"c-scale-bar__progress",$width:width})});};ScaleBar.displayName="ScaleBar";var StyledCard=styled__default["default"](Paper).withConfig({displayName:"Styles__StyledCard",componentId:"sc-hllbj1-0"})(["",""],{"color":"var(--color-theme-900)"});StyledCard.displayName="StyledCard";var _excluded$C=["children","className","hoverable","paperType"];function ownKeys$2z(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$2z(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$2z(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$2z(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var Card=/*#__PURE__*/React.forwardRef(function(_ref,ref){var children=_ref.children,className=_ref.className,_ref$hoverable=_ref.hoverable,hoverable=_ref$hoverable===void 0?false:_ref$hoverable,_ref$paperType=_ref.paperType,paperType=_ref$paperType===void 0?"paper-2":_ref$paperType,rest=_objectWithoutProperties__default["default"](_ref,_excluded$C);return/*#__PURE__*/jsxRuntime.jsx(StyledCard,_objectSpread$2z(_objectSpread$2z({},rest),{},{type:paperType,className:classnames__default["default"]("c-card",className),hover:hoverable,useOptimizedShadow:true,ref:ref,children:children}));});Card.displayName="Card";var StyledEntityCard=styled__default["default"](Card).withConfig({displayName:"Styles__StyledEntityCard",componentId:"sc-3vmxf-0"})(["padding:12px;line-height:1.375;"," ",""],function(props){return props.$renderAs==="list-item"&&styled.css(["display:grid;grid-auto-flow:column;align-items:center;min-height:48px;margin-bottom:4px;"]);},function(props){return props.$renderAs==="grid-item"&&styled.css(["display:flex;flex-direction:column;height:250px;width:250px;.card-body{flex-grow:1;}"]);});StyledEntityCard.displayName="StyledEntityCard";var StyledLinkEntityCard=styled__default["default"].a.withConfig({displayName:"Styles__StyledLinkEntityCard",componentId:"sc-3vmxf-1"})([""," "," ",""],{"textDecoration":"none"},FontStyle,BoxSizingStyle);StyledLinkEntityCard.displayName="StyledLinkEntityCard";var EntityCard=/*#__PURE__*/React.forwardRef(function(_ref,ref){var _ref$renderAs=_ref.renderAs,renderAs=_ref$renderAs===void 0?"list-item":_ref$renderAs,properties=_ref.properties,link=_ref.link,linkClassName=_ref.linkClassName;var renderAsListItem=React.useCallback(function(properties){return properties.filter(function(p){return p.showInList;}).map(function(p){return/*#__PURE__*/jsxRuntime.jsx("div",{className:"entity-property-".concat(p.name),children:p.render()},p.name);});},[]);var renderAsGridItem=React.useCallback(function(properties){var headerSection=properties.filter(function(p){return p.cardSection==="header";});var bodySection=properties.filter(function(p){return p.cardSection==="body";});var footerSection=properties.filter(function(p){return p.cardSection==="footer";});var renderProperty=function renderProperty(p){return/*#__PURE__*/jsxRuntime.jsx("div",{className:"entity-property-".concat(p.name),children:p.render()},p.name);};return/*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[/*#__PURE__*/jsxRuntime.jsx("div",{className:"card-header",children:headerSection.map(function(p){return renderProperty(p);})}),/*#__PURE__*/jsxRuntime.jsx("div",{className:"card-body",children:bodySection.map(function(p){return renderProperty(p);})}),/*#__PURE__*/jsxRuntime.jsx("div",{className:"card-footer",children:footerSection.map(function(p){return renderProperty(p);})})]});},[]);return/*#__PURE__*/jsxRuntime.jsx(StyledLinkEntityCard,{href:link,className:linkClassName,children:/*#__PURE__*/jsxRuntime.jsxs(StyledEntityCard,{ref:ref,hoverable:true,className:classnames__default["default"]("entity-card-wrapper",{"grid-item":renderAs==="grid-item","list-item":renderAs==="list-item"}),paperType:renderAs==="grid-item"?"paper-1":"paper-2",$renderAs:renderAs,children:[renderAs==="list-item"?renderAsListItem(properties):null,renderAs==="grid-item"?renderAsGridItem(properties):null]})});});EntityCard.displayName="EntityCard";var _excluded$B=["weight","children"];function ownKeys$2y(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$2y(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$2y(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$2y(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var Title1=/*#__PURE__*/React.forwardRef(function(_ref,ref){var _ref$weight=_ref.weight,weight=_ref$weight===void 0?"light":_ref$weight,children=_ref.children,props=_objectWithoutProperties__default["default"](_ref,_excluded$B);return/*#__PURE__*/jsxRuntime.jsxs(Typography,_objectSpread$2y(_objectSpread$2y({weight:weight,variant:"Title 1",ref:ref},props),{},{children:[" ",children," "]}));});Title1.displayName="Title1";var _excluded$A=["children"];function ownKeys$2x(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$2x(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$2x(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$2x(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var Header2=/*#__PURE__*/React.forwardRef(function(_ref,ref){var children=_ref.children,props=_objectWithoutProperties__default["default"](_ref,_excluded$A);return/*#__PURE__*/jsxRuntime.jsxs(Typography,_objectSpread$2x(_objectSpread$2x({weight:"bold",variant:"Header 2",ref:ref},props),{},{children:[" ",children," "]}));});Header2.displayName="Header2";var _excluded$z=["children"];function ownKeys$2w(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$2w(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$2w(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$2w(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var Header3=/*#__PURE__*/React.forwardRef(function(_ref,ref){var children=_ref.children,props=_objectWithoutProperties__default["default"](_ref,_excluded$z);return/*#__PURE__*/jsxRuntime.jsxs(Typography,_objectSpread$2w(_objectSpread$2w({weight:"bold",variant:"Header 3",ref:ref},props),{},{children:[" ",children," "]}));});Header3.displayName="Header3";var _excluded$y=["weight","children"];function ownKeys$2v(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$2v(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$2v(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$2v(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var Body1=/*#__PURE__*/React.forwardRef(function(_ref,ref){var _ref$weight=_ref.weight,weight=_ref$weight===void 0?"regular":_ref$weight,children=_ref.children,props=_objectWithoutProperties__default["default"](_ref,_excluded$y);return/*#__PURE__*/jsxRuntime.jsxs(Typography,_objectSpread$2v(_objectSpread$2v({variant:"Body 1",weight:weight,ref:ref},props),{},{children:[" ",children," "]}));});Body1.displayName="Body1";var _excluded$x=["weight","children"];function ownKeys$2u(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$2u(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$2u(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$2u(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var Caption1=/*#__PURE__*/React.forwardRef(function(_ref,ref){var _ref$weight=_ref.weight,weight=_ref$weight===void 0?"regular":_ref$weight,children=_ref.children,props=_objectWithoutProperties__default["default"](_ref,_excluded$x);return/*#__PURE__*/jsxRuntime.jsxs(Typography,_objectSpread$2u(_objectSpread$2u({variant:"Caption 1",weight:weight,ref:ref},props),{},{children:[" ",children," "]}));});Caption1.displayName="Caption1";var _excluded$w=["weight","children"];function ownKeys$2t(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$2t(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$2t(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$2t(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var Caption2=/*#__PURE__*/React.forwardRef(function(_ref,ref){var _ref$weight=_ref.weight,weight=_ref$weight===void 0?"regular":_ref$weight,children=_ref.children,props=_objectWithoutProperties__default["default"](_ref,_excluded$w);return/*#__PURE__*/jsxRuntime.jsxs(Typography,_objectSpread$2t(_objectSpread$2t({variant:"Caption 2",weight:weight,ref:ref},props),{},{children:[" ",children," "]}));});Caption2.displayName="Caption2";var StyledSignifier=styled__default["default"].div.withConfig({displayName:"Styles__StyledSignifier",componentId:"sc-1idn4je-0"})([""," "," "," cursor:default;"," ",""],{"display":"inline-flex","alignItems":"center","color":"var(--color-theme-800)"},FontStyle,BoxSizingStyle,function(props){return props.$direction==="c-signifier--top"&&styled.css(["--signifier-in:60%;--signifier-out:-60%;"]);},function(props){return props.$direction==="c-signifier--bottom"&&styled.css(["--signifier-in:-60%;--signifier-out:60%;"]);});StyledSignifier.displayName="StyledSignifier";var StyledSignifierTransition=styled__default["default"](reactTransitionGroup.CSSTransition).withConfig({displayName:"Styles__StyledSignifierTransition",componentId:"sc-1idn4je-1"})(["&.c-signifier--animate-enter{opacity:0;transform:translateY(var(--signifier-in));}&.c-signifier--animate-enter-active{opacity:1;transform:translateY(0%);transition-duration:300ms;}&.c-signifier--animate-exit{transform:translateY(0%);opacity:1;}&.c-signifier--animate-exit-active{transform:translateY(var(--signifier-out));opacity:0;transition-duration:300ms;}"]);StyledSignifierTransition.displayName="StyledSignifierTransition";var StyledIcon=styled__default["default"].svg.withConfig({displayName:"Styles__StyledIcon",componentId:"sc-1idn4je-2"})(["",""],{"fontSize":"0.75rem","lineHeight":"1rem","marginRight":"0.25rem"});StyledIcon.displayName="StyledIcon";var signifierTypes=["EyeIcon","EyeSmallIcon","PencilIcon","PencilSmallIcon","EyeOffIcon","EyeOffSmallIcon","ChecklistIcon","ChecklistSmallIcon","WarningTriangleIcon","WarningTriangleSmallIcon","DependencyIcon","DependencySmallIcon","MessageIcon","MessageSmallIcon","ClockStopwatchIcon","ClockStopwatchSmallIcon","ClockIcon","ClockSmallIcon","DollarOffIcon","DollarOffSmallIcon","DollarIcon","DollarSmallIcon","DollarCheckmarkIcon","DollarCheckmarkSmallIcon","DollarClockIcon","DollarClockSmallIcon","BellOffIcon","BellOffSmallIcon","LockIcon","LockSmallIcon","RecurringCheckmarkIcon","RecurringCheckmarkSmallIcon"];var Signifier=function Signifier(_ref){var Component=_ref.type,_ref$value=_ref.value,value=_ref$value===void 0?null:_ref$value,className=_ref.className,tooltipText=_ref.tooltipText,tooltipClassName=_ref.tooltipClassName;if(signifierTypes.indexOf(Component.displayName)===-1){console.warn("You are using unsupported Signifier icon");}var _useState=React.useState("c-signifier--top"),_useState2=_slicedToArray__default["default"](_useState,2),direction=_useState2[0],setDirection=_useState2[1];var _useState3=React.useState(value),_useState4=_slicedToArray__default["default"](_useState3,2),setPrevValue=_useState4[1];var label=React.useMemo(function(){if(!value||value<1)return null;var max=1000000000;var newValue=value;if(newValue>max){newValue=max;}if(newValue===max){return"".concat(Math.floor(newValue/1000000000),"B+");}else if(newValue>999999){return"".concat(Math.floor(newValue/1000000),"M");}else if(newValue>999){return"".concat(Math.floor(newValue/1000),"k");}return"".concat(newValue);},[value]);React.useEffect(function(){value&&setPrevValue(function(v){v&&setDirection(v-value>0?"c-signifier--top":"c-signifier--bottom");return value;});},[value]);var renderSignifier=React.useMemo(function(){return/*#__PURE__*/jsxRuntime.jsxs(StyledSignifier,{className:classnames__default["default"]("c-signifier",className),$direction:direction,children:[/*#__PURE__*/jsxRuntime.jsx(StyledIcon,{as:Component}),value!==null&&/*#__PURE__*/jsxRuntime.jsx(reactTransitionGroup.SwitchTransition,{mode:"out-in",children:/*#__PURE__*/jsxRuntime.jsx(StyledSignifierTransition,{timeout:300,classNames:"c-signifier--animate",children:Component.displayName.includes("SmallIcon")?/*#__PURE__*/jsxRuntime.jsx(Caption1,{color:"secondary",children:label}):/*#__PURE__*/jsxRuntime.jsx(Body1,{color:"secondary",children:label})},label)})]});},[className,direction,Component,value,label]);return/*#__PURE__*/jsxRuntime.jsx(Tooltip,{title:tooltipText!==null&&tooltipText!==void 0?tooltipText:"",disable:!tooltipText,popperTooltipClassName:tooltipClassName,children:renderSignifier});};Signifier.displayName="Signifier";var StyledAvatar=styled__default["default"].img.withConfig({displayName:"Styles__StyledAvatar",componentId:"sc-5x2tyd-0"})(["",""],{"objectFit":"cover","borderRadius":"9999px"});var _excluded$v=["url","alt","size","className"];function ownKeys$2s(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$2s(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$2s(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$2s(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var Avatar=/*#__PURE__*/React.forwardRef(function(_ref,ref){var url=_ref.url,_ref$alt=_ref.alt,alt=_ref$alt===void 0?"Avatar Image":_ref$alt,_ref$size=_ref.size,size=_ref$size===void 0?24:_ref$size,className=_ref.className,rest=_objectWithoutProperties__default["default"](_ref,_excluded$v);return/*#__PURE__*/jsxRuntime.jsx(StyledAvatar,_objectSpread$2s(_objectSpread$2s({},rest),{},{ref:ref,src:url,alt:alt,width:size,height:size,className:className}));});Avatar.displayName="Avatar";var StyledLabel$1=styled__default["default"].div.withConfig({displayName:"Styles__StyledLabel",componentId:"sc-lo4p1f-0"})([""," font-size:13px;line-height:1.375;"," ",""],{"display":"flex","alignItems":"center"},BoxSizingStyle,FontStyle);StyledLabel$1.displayName="StyledLabel";var StyledLabelDot=styled__default["default"].div.withConfig({displayName:"Styles__StyledLabelDot",componentId:"sc-lo4p1f-1"})([""," "," ",""],{"width":"0.5rem","height":"0.5rem","borderRadius":"9999px","justifyContent":"center"},function(props){return props.$showText&&styled.css(["",""],{"marginRight":"0.25rem"});},function(props){return props.color&&styled.css(["background-color:",";"],props.color);});StyledLabelDot.displayName="StyledLabelDot";var StyledLabelText=styled__default["default"].div.withConfig({displayName:"Styles__StyledLabelText",componentId:"sc-lo4p1f-2"})([""," ",""],{"textTransform":"uppercase"},function(props){return props.color&&styled.css(["color:",";"],props.color);});StyledLabelText.displayName="StyledLabelText";var _excluded$u=["name","color","showText","showDot","className"];function ownKeys$2r(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$2r(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$2r(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$2r(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var Label=/*#__PURE__*/React.forwardRef(function(_ref,ref){var name=_ref.name,color=_ref.color,_ref$showText=_ref.showText,showText=_ref$showText===void 0?true:_ref$showText,_ref$showDot=_ref.showDot,showDot=_ref$showDot===void 0?true:_ref$showDot,className=_ref.className,rest=_objectWithoutProperties__default["default"](_ref,_excluded$u);return/*#__PURE__*/jsxRuntime.jsxs(StyledLabel$1,_objectSpread$2r(_objectSpread$2r({className:classnames__default["default"]("c-label",className),ref:ref},rest),{},{children:[showDot?/*#__PURE__*/jsxRuntime.jsx(StyledLabelDot,{$showText:showText,color:color}):null,showText?/*#__PURE__*/jsxRuntime.jsx(StyledLabelText,{color:color,children:name}):null]}));});Label.displayName="Label";var linearAnimation=styled.keyframes(["0%{background-position:left;}100%{background-position:right;}"]);var StyledLinearLoader=styled__default["default"].div.withConfig({displayName:"Styles__StyledLinearLoader",componentId:"sc-x4ge7a-0"})(["width:70%;background:linear-gradient( 90deg,rgba(255,255,255,0) 20%,rgba(0,0,0,0.05) 50%,rgba(255,255,255,0) 60% );background-size:400%;height:16px;border-radius:8px;.neon &{background:linear-gradient( 90deg,rgba(255,255,255,0) 20%,rgba(0,0,0,0.2) 50%,rgba(255,255,255,0) 60% );background-size:500%;}animation-duration:1s;animation-iteration-count:infinite;animation-name:",";animation-timing-function:linear;animation-direction:reverse;"],linearAnimation);var _excluded$t=["className"];function ownKeys$2q(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$2q(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$2q(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$2q(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var LinearLoader=/*#__PURE__*/React.forwardRef(function(_ref,ref){var className=_ref.className,rest=_objectWithoutProperties__default["default"](_ref,_excluded$t);return/*#__PURE__*/jsxRuntime.jsx(StyledLinearLoader,_objectSpread$2q({ref:ref,className:classnames__default["default"]("c-loader c-loader--linear",className)},rest));});LinearLoader.displayName="LinearLoader";var dotAnimation=styled.keyframes(["0%,80%,100%{transform:scale(0);}40%{transform:scale(1);}"]);var StyledDotsLoader=styled__default["default"].span.withConfig({displayName:"Styles__StyledDotsLoader",componentId:"sc-1f35d5h-0"})(["display:inline-block;text-align:center;& > span{display:inline-block;width:18px;height:18px;background-color:#777;border-radius:100%;animation:"," 1.4s infinite ease-in-out both;}span:nth-child(1){animation-delay:-0.32s;}span:nth-child(2){animation-delay:-0.16s;}"],dotAnimation);var _excluded$s=["className"];function ownKeys$2p(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$2p(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$2p(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$2p(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var DotsLoader=/*#__PURE__*/React.forwardRef(function(_ref,ref){var className=_ref.className,rest=_objectWithoutProperties__default["default"](_ref,_excluded$s);return/*#__PURE__*/jsxRuntime.jsxs(StyledDotsLoader,_objectSpread$2p(_objectSpread$2p({ref:ref,className:classnames__default["default"]("c-loader c-loader--dots",className)},rest),{},{children:[/*#__PURE__*/jsxRuntime.jsx("span",{}),/*#__PURE__*/jsxRuntime.jsx("span",{}),/*#__PURE__*/jsxRuntime.jsx("span",{})]}));});DotsLoader.displayName="DotsLoader";var rotateAnimation=styled.keyframes(["100%{transform:rotate(360deg);}"]);var dashAnimation=styled.keyframes(["0%{stroke-dasharray:1,200;stroke-dashoffset:0;}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px;}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px;}"]);var StyledSpinnerLoader=styled__default["default"].div.withConfig({displayName:"Styles__StyledSpinnerLoader",componentId:"sc-1ht53g9-0"})(["position:relative;width:20px;&:before{content:\"\";display:block;padding-top:100%;}svg{animation:"," 2s linear infinite;height:100%;transform-origin:center center;width:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;circle{stroke-dasharray:1,200;stroke-dashoffset:0;stroke:var(--color-theme-600);animation:"," 1.5s ease-in-out infinite;stroke-linecap:round;}}"],rotateAnimation,dashAnimation);var _excluded$r=["className"];function ownKeys$2o(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$2o(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$2o(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$2o(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var SpinnerLoader=/*#__PURE__*/React.forwardRef(function(_ref,ref){var className=_ref.className,rest=_objectWithoutProperties__default["default"](_ref,_excluded$r);return/*#__PURE__*/jsxRuntime.jsx(StyledSpinnerLoader,_objectSpread$2o(_objectSpread$2o({ref:ref,className:classnames__default["default"]("c-loader c-loader--spinner",className)},rest),{},{children:/*#__PURE__*/jsxRuntime.jsx("svg",{viewBox:"25 25 50 50",children:/*#__PURE__*/jsxRuntime.jsx("circle",{cx:"50",cy:"50",r:"20",fill:"none",strokeWidth:"4",strokeMiterlimit:"10"})})}));});SpinnerLoader.displayName="SpinnerLoader";function ownKeys$2n(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$2n(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$2n(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$2n(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var CheckboxIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$2n(_objectSpread$2n({width:16,height:16,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsxs("g",{fillRule:"evenodd",children:[/*#__PURE__*/jsxRuntime.jsx("rect",{stroke:"#8E8E8E",x:0.5,y:0.5,width:15,height:15,rx:2}),/*#__PURE__*/jsxRuntime.jsx("path",{stroke:"#979797",strokeWidth:2,d:"M12.243 5l-5.657 5.657-2.829-2.829"})]})}));});CheckboxIcon.displayName="CheckboxIcon";var CheckboxIcon$1=CheckboxIcon;var StyledInput$1=styled__default["default"].input.withConfig({displayName:"Styles__StyledInput",componentId:"sc-y7zymm-0"})(["display:none;"]);StyledInput$1.displayName="StyledInput";var StyledLabel=styled__default["default"].label.withConfig({displayName:"Styles__StyledLabel",componentId:"sc-y7zymm-1"})([""]);StyledLabel.displayName="StyledLabel";var StyledCheckbox=styled__default["default"].div.withConfig({displayName:"Styles__StyledCheckbox",componentId:"sc-y7zymm-2"})(["height:16px;width:16px;position:relative;transition-duration:0.2s;border-radius:2px;path{transition-duration:0.2s;stroke:transparent;stroke-dashoffset:12;stroke-dasharray:12;}svg{cursor:pointer;border-radius:2px;fill:transparent;}rect{transition-duration:0.2s;stroke:var(--color-theme-500);}",":disabled ~ ","{pointer-events:none;opacity:0.5;}",":focus ~ ","{rect{stroke:var(--color-secondary);stroke-width:3px;}}&:not(.c-checkbox__controlled) ",":hover ~ ","{path{stroke:var(--color-secondary-500);stroke-dashoffset:24;}rect{stroke:var(--color-secondary);stroke-width:3px;}}"," ",":checked ~ ","{path{stroke:var(--page-paper-main);stroke-dashoffset:24;}rect{stroke:var(--color-secondary);stroke-width:19px;}}"],StyledInput$1,StyledLabel,StyledInput$1,StyledLabel,StyledInput$1,StyledLabel,function(props){return props.hover&&styled.css(["","{path{stroke:var(--color-secondary-500);stroke-dashoffset:24;}rect{stroke:var(--color-secondary);stroke-width:3px;}"],StyledLabel);},StyledInput$1,StyledLabel);StyledCheckbox.displayName="StyledCheckbox";var _excluded$q=["className","hover","id"];function ownKeys$2m(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$2m(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$2m(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$2m(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}/**
|
|
19
|
+
* Checkbox component
|
|
20
|
+
*/var Checkbox=/*#__PURE__*/React.forwardRef(function(_ref,ref){var className=_ref.className,hover=_ref.hover,_ref$id=_ref.id,id=_ref$id===void 0?"checkbox":_ref$id,rest=_objectWithoutProperties__default["default"](_ref,_excluded$q);return/*#__PURE__*/jsxRuntime.jsxs(StyledCheckbox,{className:classnames__default["default"]("c-checkbox",{"c-checkbox__hover":hover,"c-checkbox__controlled":typeof hover==="boolean"},className),hover:hover,children:[/*#__PURE__*/jsxRuntime.jsx(StyledInput$1,_objectSpread$2m({id:id,className:"c-checkbox--input",type:"checkbox",ref:ref},rest)),/*#__PURE__*/jsxRuntime.jsx(StyledLabel,{htmlFor:id,className:"c-checkbox--label",children:/*#__PURE__*/jsxRuntime.jsx(CheckboxIcon$1,{height:16,width:16})})]});});Checkbox.displayName="Checkbox";function ownKeys$2l(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$2l(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$2l(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$2l(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var RadioButtonIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$2l(_objectSpread$2l({width:16,height:16,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsxs("g",{fillRule:"evenodd",children:[/*#__PURE__*/jsxRuntime.jsx("circle",{stroke:"#5D2BFF",cx:8,cy:8,r:7.5}),/*#__PURE__*/jsxRuntime.jsx("circle",{cx:8,cy:8,r:5})]})}));});RadioButtonIcon.displayName="RadioButtonIcon";var RadioButtonIcon$1=RadioButtonIcon;var StyledRadioInput=styled__default["default"].input.withConfig({displayName:"Styles__StyledRadioInput",componentId:"sc-1xh9uc2-0"})(["display none;"]);StyledRadioInput.displayName="StyledRadioInput";var StyledRadioLabel=styled__default["default"].label.withConfig({displayName:"Styles__StyledRadioLabel",componentId:"sc-1xh9uc2-1"})(["",""],{"display":"inline-flex","alignItems":"center"});StyledRadioLabel.displayName="StyledRadioLabel";var StyledRadioButton=styled__default["default"].div.withConfig({displayName:"Styles__StyledRadioButton",componentId:"sc-1xh9uc2-2"})([""," "," height:16px;width:16px;position:relative;svg{cursor:pointer;fill:transparent;}circle:first-child{transition-duration:0.2s;stroke:var(--color-theme-500);}circle:last-child{transition-duration:0.2s;transform-origin:center;transform:scale(0);fill:var(--color-secondary-500);}input:focus ~ ","{circle:first-child{stroke:var(--color-secondary);}}input:disabled ~ ","{pointer-events:none;opacity:0.5;}"," "," input:checked ~ ","{circle:first-child{stroke:var(--color-secondary);}circle:last-child{transform:scale(1);fill:var(--color-secondary);}}"],BoxSizingStyle,{"display":"inline-flex","alignItems":"center"},StyledRadioLabel,StyledRadioLabel,function(props){return props.$isControlled!==true&&styled.css(["input:hover ~ ","{circle:first-child{stroke:var(--color-secondary);}circle:last-child{transform:scale(1);}}"],StyledRadioLabel);},function(props){return props.$isHovered&&styled.css(["","{circle:first-child{stroke:var(--color-secondary);}circle:last-child{transform:scale(1);}}"],StyledRadioLabel);},StyledRadioLabel);StyledRadioButton.displayName="StyledRadioButton";var _excluded$p=["className","id","hover"];function ownKeys$2k(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$2k(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$2k(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$2k(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var RadioButton=/*#__PURE__*/React.forwardRef(function(_ref,ref){var _ref$className=_ref.className,className=_ref$className===void 0?"":_ref$className,_ref$id=_ref.id,id=_ref$id===void 0?"radio":_ref$id,hover=_ref.hover,props=_objectWithoutProperties__default["default"](_ref,_excluded$p);return/*#__PURE__*/jsxRuntime.jsxs(StyledRadioButton,{className:classnames__default["default"]("c-radio-btn",{"c-radio-btn__hover":hover,"c-radio-btn__controlled":typeof hover==="boolean"},className),$isHovered:hover,$isControlled:typeof hover==="boolean",children:[/*#__PURE__*/jsxRuntime.jsx(StyledRadioInput,_objectSpread$2k({id:id,className:"c-radio-btn--input",type:"radio",ref:ref},props)),/*#__PURE__*/jsxRuntime.jsx(StyledRadioLabel,{htmlFor:id,className:"c-radio-btn--label",children:/*#__PURE__*/jsxRuntime.jsx(RadioButtonIcon$1,{width:"16",height:"16"})})]});});RadioButton.displayName="RadioButton";var StyledScrollShadow=styled__default["default"].div.withConfig({displayName:"Styles__StyledScrollShadow",componentId:"sc-17pcaqo-0"})(["",""],{"position":"relative"});var StyledScrollShadowTop=styled__default["default"].div.withConfig({displayName:"Styles__StyledScrollShadowTop",componentId:"sc-17pcaqo-1"})([""," background-image:linear-gradient( to top,var(--page-paper-main-shadow),var(--page-paper-main) );"],{"position":"absolute","top":"0px","left":"0px","right":"0px","height":"0.5rem"});var StyledScrollShadowBottom=styled__default["default"].div.withConfig({displayName:"Styles__StyledScrollShadowBottom",componentId:"sc-17pcaqo-2"})([""," background-image:linear-gradient( to top,var(--page-paper-main),var(--page-paper-main-shadow) );"],{"position":"absolute","bottom":"0px","left":"0px","right":"0px","height":"0.5rem"});var StyledScrollShadowLeft=styled__default["default"].div.withConfig({displayName:"Styles__StyledScrollShadowLeft",componentId:"sc-17pcaqo-3"})([""," background-image:linear-gradient( to left,var(--page-paper-main-shadow),var(--page-paper-main) );"],{"position":"absolute","left":"0px","top":"0px","bottom":"0px","width":"0.5rem"});var StyledScrollShadowRight=styled__default["default"].div.withConfig({displayName:"Styles__StyledScrollShadowRight",componentId:"sc-17pcaqo-4"})([""," background-image:linear-gradient( to right,var(--page-paper-main-shadow),var(--page-paper-main) );"],{"position":"absolute","right":"0px","top":"0px","bottom":"0px","width":"0.5rem"});StyledScrollShadow.displayName="StyledScrollShadow";StyledScrollShadowTop.displayName="StyledScrollShadowTop";StyledScrollShadowBottom.displayName="StyledScrollShadowBottom";StyledScrollShadowLeft.displayName="StyledScrollShadowLeft";StyledScrollShadowRight.displayName="StyledScrollShadowRight";var _excluded$o=["children","className","disableVertical","disableHorizontal","invertHorizontal","invertVertical"];function ownKeys$2j(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$2j(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$2j(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$2j(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var ScrollShadow=/*#__PURE__*/React.forwardRef(function(_ref,ref){var children=_ref.children,className=_ref.className,_ref$disableVertical=_ref.disableVertical,disableVertical=_ref$disableVertical===void 0?false:_ref$disableVertical,_ref$disableHorizonta=_ref.disableHorizontal,disableHorizontal=_ref$disableHorizonta===void 0?false:_ref$disableHorizonta,_ref$invertHorizontal=_ref.invertHorizontal,invertHorizontal=_ref$invertHorizontal===void 0?false:_ref$invertHorizontal,_ref$invertVertical=_ref.invertVertical,invertVertical=_ref$invertVertical===void 0?false:_ref$invertVertical,rest=_objectWithoutProperties__default["default"](_ref,_excluded$o);var _useState=React.useState({top:0,right:0,bottom:0,left:0}),_useState2=_slicedToArray__default["default"](_useState,2),opacity=_useState2[0],setOpacity=_useState2[1];var handleScroll=React.useCallback(function(event){var _ref2=event.target,scrollHeight=_ref2.scrollHeight,clientHeight=_ref2.clientHeight,scrollWidth=_ref2.scrollWidth,clientWidth=_ref2.clientWidth;var _ref3=event.target,scrollTop=_ref3.scrollTop,scrollLeft=_ref3.scrollLeft;if(scrollLeft<0){scrollLeft*=-1;}if(scrollTop<0){scrollTop*=-1;}setOpacity(function(prevState){var top=1/20*Math.min(scrollTop,20);var bottomScrollTop=scrollHeight-clientHeight;var bottom=1/20*(bottomScrollTop-Math.max(scrollTop,bottomScrollTop-20));var left=1/20*Math.min(scrollLeft,20);var offset=scrollWidth-clientWidth;var right=1/20*(offset-Math.max(scrollLeft,offset-20));var newState={top:0,bottom:0,left:0,right:0};if(!disableVertical){newState.top=invertVertical?bottom:top;newState.bottom=invertVertical?top:bottom;}if(!disableHorizontal){newState.left=invertHorizontal?right:left;newState.right=invertHorizontal?left:right;}if(newState.top!==prevState.top||newState.bottom!==prevState.bottom||newState.left!==prevState.left||newState.right!==prevState.right){return newState;}return prevState;});},[invertHorizontal,invertVertical,disableVertical,disableHorizontal]);return/*#__PURE__*/jsxRuntime.jsxs(StyledScrollShadow,_objectSpread$2j(_objectSpread$2j({},rest),{},{ref:ref,className:classnames__default["default"]("c-scroll-shadow",className),children:[children({onScroll:handleScroll}),!disableVertical?/*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[/*#__PURE__*/jsxRuntime.jsx(StyledScrollShadowTop,{style:{opacity:opacity.top}}),/*#__PURE__*/jsxRuntime.jsx(StyledScrollShadowBottom,{style:{opacity:opacity.bottom}})]}):null,!disableHorizontal?/*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[/*#__PURE__*/jsxRuntime.jsx(StyledScrollShadowLeft,{style:{opacity:opacity.left}}),/*#__PURE__*/jsxRuntime.jsx(StyledScrollShadowRight,{style:{opacity:opacity.right}})]}):null]}));});ScrollShadow.displayName="ScrollShadow";var StyledHiglightedText=styled__default["default"].span.withConfig({displayName:"useHighlightText__StyledHiglightedText",componentId:"sc-13agf6o-0"})(["background-color:var(--color-primary-200);"]);StyledHiglightedText.displayName="StyledHiglightedText";var useHighlightText=function useHighlightText(text,searchBy){var matchCase=arguments.length>2&&arguments[2]!==undefined?arguments[2]:false;var textComparator=text;var searchByComparator=searchBy;if(!matchCase){textComparator=text.toLowerCase();searchByComparator=searchBy.toLowerCase();}if(searchBy&&textComparator&&textComparator.indexOf(searchByComparator)>=0){var beforeHighlighted=text.substring(0,textComparator.indexOf(searchByComparator));var highLighted=text.substring(textComparator.indexOf(searchByComparator),textComparator.indexOf(searchByComparator)+searchBy.length);var afterHighlighted=text.substring(textComparator.indexOf(searchByComparator)+searchBy.length);return/*#__PURE__*/jsxRuntime.jsxs(React.Fragment,{children:[beforeHighlighted.replace(/ /g,"\xA0"),/*#__PURE__*/jsxRuntime.jsx(StyledHiglightedText,{className:"c-option--text__highlight",children:highLighted.replace(/ /g,"\xA0")}),afterHighlighted.replace(/ /g,"\xA0")]});}return text;};var highlightText=useHighlightText;var handleKeyboardMovement=function handleKeyboardMovement(e,hover,flatOptions,showAddNew,showDefaultOption){if(e.key==="ArrowDown"||e.key==="ArrowUp"){e.preventDefault();}var options=flatOptions;if(showDefaultOption)options=[{id:null}].concat(_toConsumableArray__default["default"](options));if(showAddNew)options=[].concat(_toConsumableArray__default["default"](options),[{id:"addNew"}]);var hoveredIndex=options.findIndex(function(option){return option.id===hover;});if(e.key==="ArrowDown"){var isHoveredLastOption=options.findIndex(function(v){return v.id===hover;})+1>=options.length;return hoveredIndex===-1||isHoveredLastOption?options[0].id:options[hoveredIndex+1].id;}if(e.key==="ArrowUp"){var isHoveredFirstOption=options[0].id===hover;return hoveredIndex===-1||isHoveredFirstOption?options[options.length-1].id:options[hoveredIndex-1].id;}};var StyledOption=styled__default["default"].label.withConfig({displayName:"Styles__StyledOption",componentId:"sc-1232l97-0"})([""," font-size:14px;display:flex;justify-content:space-between;height:28px;padding-left:16px;padding-right:16px;margin-top:4px;margin-bottom:4px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition-duration:0.1s;color:var(--color-theme-900);"," "," ",""],{"userSelect":"none","fontWeight":"400"},FontStyle,BoxSizingStyle,function(props){return props.hover&&styled.css(["background-color:var(--color-theme-200);"]);});StyledOption.displayName="StyledOption";var Option=/*#__PURE__*/React.forwardRef(function(_ref,ref){var id=_ref.id,name=_ref.name,hover=_ref.hover,className=_ref.className,renderOption=_ref.renderOption,onMouseEnter=_ref.onMouseEnter;var handleOnMouseEnter=React.useCallback(function(){if(onMouseEnter){onMouseEnter(id);}},[onMouseEnter,id]);return/*#__PURE__*/jsxRuntime.jsx(StyledOption,{ref:hover?ref:null,title:name,onMouseEnter:handleOnMouseEnter,className:classnames__default["default"]("c-option",className),hover:hover,children:renderOption?renderOption:name});});Option.displayName="Option";var StyledOptionGroup=styled__default["default"].div.withConfig({displayName:"Styles__StyledOptionGroup",componentId:"sc-16v5afu-0"})([""," "," ",""],{"userSelect":"none"},FontStyle,BoxSizingStyle);StyledOptionGroup.displayName="StyledOptionGroup";var StyledOptionGroupHeader=styled__default["default"].h3.withConfig({displayName:"Styles__StyledOptionGroupHeader",componentId:"sc-16v5afu-1"})(["height:28px;display:flex;justify-content:space-between;padding:0 16px;color:var(--color-theme-900);margin:6px 0;*{margin:auto 0;}"]);StyledOptionGroupHeader.displayName="StyledOptionGroupHeader";var StyledOptionGroupOption=styled__default["default"].label.withConfig({displayName:"Styles__StyledOptionGroupOption",componentId:"sc-16v5afu-2"})(["",""],function(props){return props.hover&&styled.css(["background-color:var(--color-theme-200);"]);});StyledOptionGroupOption.displayName="StyledOptionGroupOption";var OptionGroup=function OptionGroup(_ref){var id=_ref.id,name=_ref.name,options=_ref.options,type=_ref.type,hover=_ref.hover,filter=_ref.filter,checked=_ref.checked,onChange=_ref.onChange,setHover=_ref.setHover,renderOptions=_ref.renderOptions,optionGroupClassName=_ref.optionGroupClassName;var list=React.useMemo(function(){return filter?options.filter(function(v){return v.name.toLowerCase().includes(filter.trim().toLowerCase());}):options;},[filter,options]);React.useEffect(function(){if(hover===id&&type!=="single"){var _document$getElementB;(_document$getElementB=document.getElementById("".concat(id)))===null||_document$getElementB===void 0?void 0:_document$getElementB.focus();}},[hover,type,id]);var isAllOptionsChecked=React.useMemo(function(){return options.every(function(option){return checked.includes(option.id);});},[options,checked]);var handleHover=React.useCallback(function(){if(setHover){setHover(type==="single"?undefined:id);}},[setHover,type,id]);var allOptionValues=React.useMemo(function(){return options.map(function(option){return option.id;});},[options]);var handleClick=React.useCallback(function(e){e.stopPropagation();if(onChange){onChange(allOptionValues);}},[allOptionValues,onChange]);return/*#__PURE__*/jsxRuntime.jsxs(StyledOptionGroup,{className:classnames__default["default"]("c-option-group",optionGroupClassName),children:[/*#__PURE__*/jsxRuntime.jsx(StyledOptionGroupOption,{title:name,onMouseEnter:handleHover,hover:hover===id&&type==="multiple",children:/*#__PURE__*/jsxRuntime.jsxs(StyledOptionGroupHeader,{children:[/*#__PURE__*/jsxRuntime.jsx("div",{children:name}),type==="multiple"&&/*#__PURE__*/jsxRuntime.jsx(Checkbox,{id:"".concat(id),checked:isAllOptionsChecked,onChange:handleClick,type:"checkbox"})]})}),list.map(function(item){return renderOptions&&renderOptions(item);})]},id);};OptionGroup.displayName="OptionGroup";var StyledAutocompleteBody=styled__default["default"].div.withConfig({displayName:"Styles__StyledAutocompleteBody",componentId:"sc-1bc1vz9-0"})(["max-height:340px;overflow:auto;margin-bottom:6px;"]);StyledAutocompleteBody.displayName="StyledAutocompleteBody";var StyledAutocompleteNoResult=styled__default["default"].div.withConfig({displayName:"Styles__StyledAutocompleteNoResult",componentId:"sc-1bc1vz9-1"})(["",";padding:6px 16px;margin:4px 0;&:hover{background-color:var(--color-theme-200);}color:var(--color-theme-600);"],{"cursor":"pointer","userSelect":"none"});StyledAutocompleteNoResult.displayName="StyledAutocompleteNoResult";var StyledAutocompleteNewItem=styled__default["default"].label.withConfig({displayName:"Styles__StyledAutocompleteNewItem",componentId:"sc-1bc1vz9-2"})(["",";padding:6px 16px;margin:4px 0;font-weight:normal;color:var(--color-primary);&:before{content:\"+ \";}",""],{"cursor":"pointer","userSelect":"none"},function(props){return props.hover&&styled.css(["background-color:var(--color-theme-200);content:\"+ \";"]);});StyledAutocompleteNewItem.displayName="StyledAutocompleteNewItem";function ownKeys$2i(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$2i(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$2i(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$2i(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var Autocomplete=function Autocomplete(_ref){var type=_ref.type,_ref$options=_ref.options,options=_ref$options===void 0?[]:_ref$options,inputEl=_ref.inputEl,_ref$selected=_ref.selected,selected=_ref$selected===void 0?[]:_ref$selected,emptyValue=_ref.emptyValue,noResultText=_ref.noResultText,_ref$renderOption=_ref.renderOption,renderOption=_ref$renderOption===void 0?function(option){return option===null||option===void 0?void 0:option.name;}:_ref$renderOption,defaultValue=_ref.defaultValue,_ref$sortDirection=_ref.sortDirection,sortDirection=_ref$sortDirection===void 0?"asc":_ref$sortDirection,handleChange=_ref.handleChange,optionClassName=_ref.optionClassName,handleEmptyAction=_ref.handleEmptyAction,disabledInternalSort=_ref.disabledInternalSort,AutocompleteClassName=_ref.AutocompleteClassName,handleDefaultOptionChange=_ref.handleDefaultOptionChange,preselectDefaultValue=_ref.preselectDefaultValue,_ref$keepSameOptionsO=_ref.keepSameOptionsOrder,keepSameOptionsOrder=_ref$keepSameOptionsO===void 0?false:_ref$keepSameOptionsO,_ref$autoHeightMax=_ref.autoHeightMax,autoHeightMax=_ref$autoHeightMax===void 0?340:_ref$autoHeightMax;var itemRef=React.useRef(null);var listRef=React.useRef(null);var selectedOptions=React.useMemo(function(){return selected instanceof Array?selected:[selected];},[selected]);var handleSort=React.useCallback(function(opts){if(keepSameOptionsOrder){return opts;}return opts.sort(function(a,b){if(selectedOptions.includes(b.id)&&!selectedOptions.includes(a.id)){return 1;}if(selectedOptions.includes(a.id)&&!selectedOptions.includes(b.id)){return-1;}return 0;});// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
21
|
+
},[]);var sortList=React.useCallback(function(options){if(disabledInternalSort){return handleSort(_toConsumableArray__default["default"](options));}return handleSort(_toConsumableArray__default["default"](options).sort(function(a,b){return sortDirection==="asc"?a.name.localeCompare(b.name):b.name.localeCompare(a.name);}));},[sortDirection,disabledInternalSort,handleSort]);var sortedList=React.useMemo(function(){return sortList(options);},[options,sortList]);var _useState=React.useState({item:undefined,by:undefined}),_useState2=_slicedToArray__default["default"](_useState,2),hover=_useState2[0],setHover=_useState2[1];var _useState3=React.useState(""),_useState4=_slicedToArray__default["default"](_useState3,2),filter=_useState4[0],setFilter=_useState4[1];var handleEmpty=React.useCallback(function(e){if(e&&e.button!==0){return;}if(handleEmptyAction){inputEl===null||inputEl===void 0?void 0:inputEl.focus();setFilter("");handleEmptyAction(filter);}},[filter,handleEmptyAction,inputEl]);var onAddNewMouseEnter=React.useCallback(function(){return setHover({item:"addNew",by:"mouse"});},[]);function isGroup(item){return item.options!==undefined;}var showAddNew=React.useMemo(function(){return!!(emptyValue&&filter.trim()&&options.every(function(option){if(isGroup(option)){return option.options.every(function(v){return v.name.toLowerCase()!==filter.trim().toLowerCase();});}return option.name.toLowerCase()!==filter.trim().toLowerCase();}));},[emptyValue,filter,options]);var renderAddNew=React.useMemo(function(){return/*#__PURE__*/jsxRuntime.jsx(StyledAutocompleteNewItem,{ref:hover.item==="addNew"?itemRef:null,hover:hover.item==="addNew",onMouseDown:handleEmpty,onMouseEnter:onAddNewMouseEnter,children:emptyValue},"emptyValue");},[emptyValue,handleEmpty,hover,onAddNewMouseEnter]);var filterOptions=React.useCallback(function(options,filter){var trimmedFilter=filter.trim();var isGrouped=options[0]&&isGroup(options[0]);if(isGrouped){var hovered=false;return options.reduce(function(acc,groupedOption){var filteredOptions=groupedOption.options.filter(function(v){return v.name.toLowerCase().includes(trimmedFilter.toLowerCase());});if(filteredOptions.length>0){if(!hovered&&filter){setHover({item:filteredOptions[0].id,by:"keyboard"});}hovered=true;return[].concat(_toConsumableArray__default["default"](acc),[_objectSpread$2i(_objectSpread$2i({},groupedOption),{},{options:filteredOptions})]);}return _toConsumableArray__default["default"](acc);},[]);}else{var filteredOptions=options.filter(function(v){return v.name.toLowerCase().includes(trimmedFilter.toLowerCase());});if(filter&&filteredOptions.length>0){setHover({item:filteredOptions[0].id,by:"keyboard"});}if(filteredOptions.length===0&&emptyValue){setHover({item:"addNew",by:"keyboard"});}return filteredOptions;}},[emptyValue]);var list=React.useMemo(function(){return filterOptions(sortedList,filter);},[filter,filterOptions,sortedList]);var showDefaultOption=React.useMemo(function(){return!!defaultValue&&!filter;},[defaultValue,filter]);var flatOptions=React.useMemo(function(){var options=list.reduce(function(acc,option){if(!isGroup(option)){return[].concat(_toConsumableArray__default["default"](acc),[option]);}return[].concat(_toConsumableArray__default["default"](acc),_toConsumableArray__default["default"](option.options));},[]);return filterOptions(options,filter);},[filter,filterOptions,list]);var handleInputChange=React.useCallback(function(e){if(e.target&&!(e.key==="ArrowDown")&&!(e.key==="ArrowUp")&&!(e.key==="Enter")){setFilter(e.target.value);}},[]);var handleMouseEnter=React.useCallback(function(e){if(e===undefined||e===null){return setHover({item:null,by:"mouse"});}setHover({item:e,by:"mouse"});},[]);var handleHoverCallback=React.useCallback(function(e){setHover({item:e,by:"mouse"});},[]);var handleRenderOption=React.useCallback(function(item){if(isGroup(item)){return/*#__PURE__*/jsxRuntime.jsx(OptionGroup,{checked:selectedOptions,name:item.name,setHover:handleHoverCallback,id:item.id,hover:hover.item,options:item.options,renderOptions:handleRenderOption,type:type,onChange:handleChange,filter:filter},item.id);}return/*#__PURE__*/jsxRuntime.jsx(Option,{name:item.name,ref:itemRef,onMouseEnter:handleMouseEnter,id:item.id,hover:item.id===hover.item,className:optionClassName,renderOption:renderOption(_objectSpread$2i(_objectSpread$2i({},item),{},{name:highlightText(item.name,filter)}),{id:"option_".concat(item.id),checked:selectedOptions&&selectedOptions.includes(item.id),hover:hover.item===item.id,onChange:function onChange(){return null;}})},item.id);},[handleMouseEnter,hover.item,optionClassName,renderOption,filter,selectedOptions,handleHoverCallback,type,handleChange]);var handleOnMouseLeave=React.useCallback(function(){setHover({item:undefined,by:"mouse"});},[]);var handleScroll=React.useCallback(function(list,itemOffset){if(list.getClientHeight()+list.getScrollTop()<itemOffset+40){return list.scrollTop(itemOffset-list.getClientHeight()+30);}if(list.getScrollTop()>itemOffset){return list.scrollTop(itemOffset);}},[]);React.useEffect(function(){if(hover.by==="keyboard"&&hover.item!==undefined){var item=itemRef.current;var _list=listRef.current;if(itemRef&&item&&_list){handleScroll(_list,item.offsetTop);}}},[handleScroll,hover]);var handleOnKeyDown=React.useCallback(function(e){if(e.key==="Enter"){e.preventDefault();if(hover.item===undefined&&filter===""){return;}if(hover.item==="addNew"){handleEmpty(null);return;}if(hover.item===null&&handleDefaultOptionChange){handleDefaultOptionChange();return;}if(handleChange){handleChange(hover.item);setFilter("");}return;}setHover({item:handleKeyboardMovement(e,hover.item,flatOptions,showAddNew,showDefaultOption),by:"keyboard"});},[filter,flatOptions,handleChange,handleDefaultOptionChange,handleEmpty,hover,showAddNew,showDefaultOption]);var handleClick=React.useCallback(function(){if(hover.item===null&&handleDefaultOptionChange){handleDefaultOptionChange();}if(handleChange){handleChange(hover===null||hover===void 0?void 0:hover.item);}setTimeout(function(){return inputEl===null||inputEl===void 0?void 0:inputEl.focus();},0);setFilter("");},[handleChange,handleDefaultOptionChange,hover,inputEl]);React.useEffect(function(){if(inputEl){inputEl.onkeydown=handleOnKeyDown;inputEl.onkeyup=handleInputChange;}},[handleInputChange,handleOnKeyDown,inputEl]);var isDefaultOptionSelected=React.useCallback(function(){if(preselectDefaultValue){return selectedOptions.length<1||selectedOptions[0]==="";}else{return selectedOptions[0]===null||selectedOptions.length===flatOptions.length;}},[flatOptions.length,preselectDefaultValue,selectedOptions]);var showNoResult=React.useMemo(function(){return noResultText&&!showAddNew&&list.length<1;},[list.length,noResultText,showAddNew]);var renderNoResult=React.useMemo(function(){return/*#__PURE__*/jsxRuntime.jsx(StyledAutocompleteNoResult,{children:noResultText});},[noResultText]);return/*#__PURE__*/jsxRuntime.jsx(ScrollShadow,{className:classnames__default["default"]("c-select--list",{"tw-hidden":!defaultValue&&!emptyValue&&!noResultText&&list.length<1},AutocompleteClassName),children:function children(_ref2){var onScroll=_ref2.onScroll;return/*#__PURE__*/jsxRuntime.jsx(StyledAutocompleteBody,{onChange:handleClick,onMouseLeave:handleOnMouseLeave,children:/*#__PURE__*/jsxRuntime.jsxs(reactCustomScrollbars.Scrollbars,{ref:listRef,autoHeight:true,autoHeightMax:autoHeightMax,onScroll:onScroll,children:[defaultValue&&!filter&&/*#__PURE__*/jsxRuntime.jsx(Option,{name:defaultValue,ref:itemRef,hover:hover.item===null,onMouseEnter:handleMouseEnter,renderOption:renderOption({name:defaultValue,id:null},{checked:isDefaultOptionSelected(),hover:hover.item===null,onChange:function onChange(){return null;}})}),list.map(function(item){return handleRenderOption(item);}),showNoResult&&renderNoResult,showAddNew&&renderAddNew]},"scrollBar")},"body");}});};Autocomplete.displayName="Autocomplete";var StyledInput=styled__default["default"].input.withConfig({displayName:"Styles__StyledInput",componentId:"sc-ce8kcp-0"})(["border:1px solid var(--border-primary);border-radius:10px;color:var(--color-theme-900);font-size:14px;padding:4px 10px 6px 8px;height:32px;background-color:var(--input-background-color);transition:all 0.3s ease;width:360px;outline:none;"," "," "," &::placeholder{color:var(--color-theme-600);}"],FontStyle,BoxSizingStyle,function(props){return props.disabled?styled.css(["",""],{"cursor":"not-allowed","opacity":"0.5","borderColor":"var(--color-theme-400)"}):styled.css(["&:hover{","}&:active{","}&:focus{","}"],{"borderColor":"var(--color-primary)"},{"borderColor":"var(--color-primary)"},{"borderColor":"var(--color-primary)"});});StyledInput.displayName="StyledInput";var _excluded$n=["className","type","disabled"];function ownKeys$2h(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$2h(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$2h(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$2h(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var Input=/*#__PURE__*/React.forwardRef(function(_ref,ref){var _ref$className=_ref.className,className=_ref$className===void 0?"":_ref$className,_ref$type=_ref.type,type=_ref$type===void 0?"text":_ref$type,_ref$disabled=_ref.disabled,disabled=_ref$disabled===void 0?false:_ref$disabled,rest=_objectWithoutProperties__default["default"](_ref,_excluded$n);return/*#__PURE__*/jsxRuntime.jsx(StyledInput,_objectSpread$2h({ref:ref,type:type,disabled:disabled,className:classnames__default["default"]("c-input",className)},rest));});Input.displayName="Input";var StyledSelectForm=styled__default["default"].form.withConfig({displayName:"Styles__StyledSelectForm",componentId:"sc-gfxqpu-0"})(["margin:12px 12px 0 12px;display:flex;*{margin:auto 0;}"]);StyledSelectForm.displayName="StyledSelectForm";var StyledSelectInput=styled__default["default"](Input).withConfig({displayName:"Styles__StyledSelectInput",componentId:"sc-gfxqpu-1"})(["width:100%;border-radius:4px;"]);StyledSelectInput.displayName="StyledSelectInput";var StyledOptionIndicator=styled__default["default"].div.withConfig({displayName:"Styles__StyledOptionIndicator",componentId:"sc-6fiqyy-0"})(["height:24px;width:24px;border-radius:100%;margin-right:8px;",""],function(props){return props.backgroundColor&&!props.children&&styled.css(["background-color:",";"],props.backgroundColor);});StyledOptionIndicator.displayName="StyledOptionIndicator";var StyledOptionText=styled__default["default"].span.withConfig({displayName:"Styles__StyledOptionText",componentId:"sc-6fiqyy-1"})([""," width:calc(100% - 50px);line-height:18px;",""],{"overflow":"hidden","textOverflow":"ellipsis","whiteSpace":"nowrap"},function(props){return props.textColor&&styled.css(["color:",";"],props.textColor);});StyledOptionText.displayName="StyledOptionText";var OptionContent=function OptionContent(_ref){var imageUrl=_ref.imageUrl,color=_ref.color,textColor=_ref.textColor,name=_ref.name;return/*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[imageUrl||color?/*#__PURE__*/jsxRuntime.jsx(StyledOptionIndicator,{className:"c-option--label",backgroundColor:color,children:imageUrl?/*#__PURE__*/jsxRuntime.jsx(Avatar,{className:"c-option--avatar",url:imageUrl}):null}):null,/*#__PURE__*/jsxRuntime.jsx(StyledOptionText,{className:"c-option--text",textColor:textColor,children:name})]});};OptionContent.displayName="OptionContent";var _excluded$m=["type","mode","target","options","selected","position","onChange","actionIcon","actionLabel","placeholder","emptyAction","disableSearch","forceCloseMenu","selectClassName","keepSameOptionsOrder","onSelectOpen","onSelectClose"];function ownKeys$2g(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$2g(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$2g(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$2g(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var Select=function Select(_ref){var _ref$type=_ref.type,type=_ref$type===void 0?"single":_ref$type,mode=_ref.mode,target=_ref.target,options=_ref.options,_ref$selected=_ref.selected,selected=_ref$selected===void 0?[]:_ref$selected,_ref$position=_ref.position,position=_ref$position===void 0?"bottom-start":_ref$position,_ref$onChange=_ref.onChange,onChange=_ref$onChange===void 0?function(){return null;}:_ref$onChange,actionIcon=_ref.actionIcon,actionLabel=_ref.actionLabel,placeholder=_ref.placeholder,_ref$emptyAction=_ref.emptyAction,emptyAction=_ref$emptyAction===void 0?function(){return null;}:_ref$emptyAction,_ref$disableSearch=_ref.disableSearch,disableSearch=_ref$disableSearch===void 0?false:_ref$disableSearch,forceCloseMenu=_ref.forceCloseMenu,selectClassName=_ref.selectClassName,_ref$keepSameOptionsO=_ref.keepSameOptionsOrder,keepSameOptionsOrder=_ref$keepSameOptionsO===void 0?false:_ref$keepSameOptionsO,onSelectOpen=_ref.onSelectOpen,onSelectClose=_ref.onSelectClose,prop=_objectWithoutProperties__default["default"](_ref,_excluded$m);var _useState=React.useState(),_useState2=_slicedToArray__default["default"](_useState,2),childNode=_useState2[0],setChildNode=_useState2[1];var elementRef=React.useRef(null);var handleRef=useForkRef(setChildNode,elementRef);var Tag=!target?"div":Menu;var formRef=React.useRef(null);var _useState3=React.useState(false),_useState4=_slicedToArray__default["default"](_useState3,2),open=_useState4[0],setOpen=_useState4[1];function isGroup(item){return item.options!==undefined;}var selectedOptions=React.useMemo(function(){return selected instanceof Array?selected:[selected];},[selected]);var selectOptions=React.useMemo(function(){if(!options){return[];}return options;},[options]);var allOptionValues=React.useMemo(function(){return selectOptions.reduce(function(acc,option){if(!isGroup(option)){return[].concat(_toConsumableArray__default["default"](acc),[option.id]);}var allGroupOptions=option.options.map(function(option){return option.id;});return[].concat(_toConsumableArray__default["default"](acc),_toConsumableArray__default["default"](allGroupOptions));},[]);},[selectOptions]);var isAllOptionsChecked=React.useMemo(function(){return allOptionValues.every(function(option){return selectedOptions.includes(option);});},[allOptionValues,selectedOptions]);React.useEffect(function(){open&&(childNode===null||childNode===void 0?void 0:childNode.focus());},[childNode,open]);var handleChange=React.useCallback(function(selectedValue){if(selectedValue!==null){if(type==="single"){if(forceCloseMenu){setOpen(false);}return onChange(selectedValue);}// multiple
|
|
22
|
+
var value=function value(){if(selectedValue instanceof Array){if(selectedValue.every(function(v){return selectedOptions.includes(v);})){return selectedOptions.filter(function(v){return!selectedValue.includes(v);});}return selectedValue.concat(selectedOptions);}if(selectedOptions.includes(selectedValue)){return selectedOptions.filter(function(option){return option!==selectedValue;});}return[].concat(_toConsumableArray__default["default"](selectedOptions),[selectedValue]);};return onChange(value());}},[onChange,type,forceCloseMenu,selectedOptions]);var onClose=React.useCallback(function(){setOpen(false);if(onSelectClose){onSelectClose();}},[onSelectClose]);var onOpen=React.useCallback(function(){setOpen(true);if(onSelectOpen){onSelectOpen();}},[onSelectOpen]);var props=React.useMemo(function(){if(target){return{menuClassName:classnames__default["default"]("c-select",selectClassName),onClose:onClose,onOpen:onOpen,target:target,mode:mode,open:open,position:position};}return{className:classnames__default["default"]("c-select",selectClassName)};},[target,selectClassName,onClose,onOpen,mode,open,position]);var handleEmptyAction=React.useCallback(function(value){var _formRef$current;emptyAction(value);if(forceCloseMenu){setOpen(false);}(_formRef$current=formRef.current)===null||_formRef$current===void 0?void 0:_formRef$current.reset();},[emptyAction,forceCloseMenu]);var handleDefaultOptionChange=React.useCallback(function(){if(type==="multiple"){if(selectedOptions.length===allOptionValues.length){onChange([]);}else{onChange(allOptionValues);}}else{onChange("");if(forceCloseMenu){setOpen(false);}}},[onChange,type,forceCloseMenu,selectedOptions.length,allOptionValues]);var handleRenderOption=React.useCallback(function(option,props){return/*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[/*#__PURE__*/jsxRuntime.jsx(OptionContent,{imageUrl:option.image,color:option.color,textColor:option.textColor,name:option.name}),option.id===null?type==="multiple"?/*#__PURE__*/jsxRuntime.jsx(Checkbox,_objectSpread$2g({checked:isAllOptionsChecked},props)):/*#__PURE__*/jsxRuntime.jsx(RadioButton,_objectSpread$2g({checked:selectedOptions.length<1||!selectedOptions[0]},props)):type==="multiple"?/*#__PURE__*/jsxRuntime.jsx(Checkbox,_objectSpread$2g({},props)):/*#__PURE__*/jsxRuntime.jsx(RadioButton,_objectSpread$2g({},props))]});},[isAllOptionsChecked,selectedOptions,type]);return/*#__PURE__*/jsxRuntime.jsx(Tag,_objectSpread$2g(_objectSpread$2g({},props),{},{children:/*#__PURE__*/jsxRuntime.jsxs("div",{children:[!disableSearch?/*#__PURE__*/jsxRuntime.jsxs(StyledSelectForm,{ref:formRef,children:[/*#__PURE__*/jsxRuntime.jsx(StyledSelectInput,{ref:handleRef,autoFocus:true,placeholder:placeholder}),actionIcon&&actionLabel&&/*#__PURE__*/jsxRuntime.jsx(Tooltip,{popperTooltipStyle:{zIndex:1301},title:actionLabel,children:/*#__PURE__*/jsxRuntime.jsx("div",{children:actionIcon})}),actionIcon&&!actionLabel&&actionIcon]}):null,/*#__PURE__*/jsxRuntime.jsx(Autocomplete,_objectSpread$2g(_objectSpread$2g({},prop),{},{inputEl:childNode,handleEmptyAction:handleEmptyAction,selected:selected,handleChange:handleChange,renderOption:handleRenderOption,options:options,handleDefaultOptionChange:handleDefaultOptionChange,type:type,preselectDefaultValue:type==="single",keepSameOptionsOrder:keepSameOptionsOrder}))]})}));};Select.displayName="Select";var StyledNav=styled__default["default"].nav.withConfig({displayName:"Styles__StyledNav",componentId:"sc-1khiypw-0"})([""," height:100%;overflow:clip visible;"," "," "," ",""],{"display":"flex"},function(props){return props.$align==="left"&&styled.css(["",""],{"justifyContent":"flex-start"});},function(props){return props.$align==="center"&&styled.css(["",""],{"justifyContent":"center"});},function(props){return props.$align==="right"&&styled.css(["",""],{"justifyContent":"flex-end"});},function(props){return props.$role==="light"&&styled.css(["height:auto;"]);});StyledNav.displayName="StyledNav";var StyledNavList=styled__default["default"].ul.withConfig({displayName:"Styles__StyledNavList",componentId:"sc-1khiypw-1"})([""," overflow:clip visible;"],{"display":"flex","listStyleType":"none","margin":"0px","padding":"0px"});StyledNavList.displayName="StyledNavList";var StyledNavListItem=styled__default["default"].li.withConfig({displayName:"Styles__StyledNavListItem",componentId:"sc-1khiypw-2"})([""," color:var(--color-theme-700);font-size:15px;display:flex;align-items:center;font-weight:500;padding:0 10px;flex-shrink:0;&:hover,&:hover *{","}"," &::after{content:\"\";"," bottom:0;left:50%;transform:translateX(-50%);height:3px;transition:width 0.3s ease,background-color 0.3s ease;}"," "," "," ",""],{"fontSize":"0.875rem","lineHeight":"1.25rem","cursor":"default","position":"relative","userSelect":"none"},function(props){return!props.$disabled&&styled.css(["",""],{"color":"var(--color-primary)"});},function(props){return!props.$active&&!props.$disabled&&styled.css(["",""],{"cursor":"pointer"});},{"position":"absolute","display":"block","margin":"auto","width":"0px","backgroundColor":"rgba(0, 0, 0, 0)"},function(props){return props.$active&&styled.css([""," &::after{","}"],{"pointerEvents":"none"},{"width":"100%","backgroundColor":"var(--color-primary)"});},function(props){return props.$disabled&&styled.css(["",""],{"userSelect":"none","cursor":"not-allowed","opacity":"0.5"});},function(props){return props.$role==="light"&&styled.css([""," color:var(--color-theme-800);font-weight:400;padding:0 8px;&::after{bottom:-4px;height:2px;}"],{"fontSize":"0.875rem","lineHeight":"1.25rem"});},function(props){return props.$active&&styled.css([""," & *{","}"],{"color":"var(--color-primary)"},{"color":"var(--color-primary)"});});StyledNavListItem.displayName="StyledNavListItem";var StyledNavAsSelect=styled__default["default"].div.withConfig({displayName:"Styles__StyledNavAsSelect",componentId:"sc-1khiypw-3"})(["padding:0 10px;height:100%;display:flex;align-items:center;svg{color:var(--color-primary);}"]);StyledNavAsSelect.displayName="StyledNavAsSelect";var StyledNavAsMoreTarget=styled__default["default"].div.withConfig({displayName:"Styles__StyledNavAsMoreTarget",componentId:"sc-1khiypw-4"})(["padding:0 10px;height:100%;display:flex;align-items:center;",""],function(props){return props.$role==="light"&&styled.css(["padding:0;"]);});StyledNavAsMoreTarget.displayName="StyledNavAsMoreTarget";var _excluded$l=["children","active","disabled","className","role"];function ownKeys$2f(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$2f(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$2f(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$2f(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var Item=/*#__PURE__*/React__default["default"].forwardRef(function(_ref,ref){var children=_ref.children,_ref$active=_ref.active,active=_ref$active===void 0?false:_ref$active,_ref$disabled=_ref.disabled,disabled=_ref$disabled===void 0?false:_ref$disabled,className=_ref.className,role=_ref.role,rest=_objectWithoutProperties__default["default"](_ref,_excluded$l);return/*#__PURE__*/jsxRuntime.jsx(StyledNavListItem,_objectSpread$2f(_objectSpread$2f({className:classnames__default["default"]("c-nav__item",{"c-nav__item--active":active},className),ref:ref},rest),{},{$active:active,$disabled:disabled,$role:role,children:children}));});Item.displayName="Item";var StyledNavListItemMore=styled__default["default"](Item).withConfig({displayName:"Styles__StyledNavListItemMore",componentId:"sc-m6npdq-0"})([""," cursor:pointer;",""],function(props){return props.role!=="light"&&styled.css(["padding:0;"]);},{"pointerEvents":"auto"});StyledNavListItemMore.displayName="StyledNavListItemMore";var StyledExpand=styled__default["default"].svg.withConfig({displayName:"Styles__StyledExpand",componentId:"sc-zjpl2-0"})(["",""],{"fill":"currentColor","width":"1.5rem","height":"1.5rem"});StyledExpand.displayName="StyledExpand";var StyledExpandSingle=styled__default["default"](StyledExpand).withConfig({displayName:"Styles__StyledExpandSingle",componentId:"sc-zjpl2-1"})(["",""],function(props){return!props.$expanded&&styled.css(["transform:rotate(180deg);"]);});StyledExpandSingle.displayName="StyledExpandSingle";var _excluded$k=["expanded"];function ownKeys$2e(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$2e(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$2e(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$2e(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var ExpandSingle=/*#__PURE__*/React.forwardRef(function(_ref,ref){var _ref$expanded=_ref.expanded,expanded=_ref$expanded===void 0?false:_ref$expanded,rest=_objectWithoutProperties__default["default"](_ref,_excluded$k);return/*#__PURE__*/jsxRuntime.jsx(StyledExpandSingle,_objectSpread$2e(_objectSpread$2e({ref:ref,viewBox:"0 0 24 24",$expanded:expanded},rest),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M15.372 14.736a.993.993 0 001.349 0 .867.867 0 000-1.275L12 9l-4.72 4.461a.867.867 0 000 1.275.993.993 0 001.348 0L12 11.549l3.372 3.187z",fillRule:"nonzero"})}));});ExpandSingle.displayName="ExpandSingle";function _createForOfIteratorHelper(o,allowArrayLike){var it=typeof Symbol!=="undefined"&&o[Symbol.iterator]||o["@@iterator"];if(!it){if(Array.isArray(o)||(it=_unsupportedIterableToArray(o))||allowArrayLike&&o&&typeof o.length==="number"){if(it)o=it;var i=0;var F=function F(){};return{s:F,n:function n(){if(i>=o.length)return{done:true};return{done:false,value:o[i++]};},e:function e(_e){throw _e;},f:F};}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}var normalCompletion=true,didErr=false,err;return{s:function s(){it=it.call(o);},n:function n(){var step=it.next();normalCompletion=step.done;return step;},e:function e(_e2){didErr=true;err=_e2;},f:function f(){try{if(!normalCompletion&&it.return!=null)it.return();}finally{if(didErr)throw err;}}};}function _unsupportedIterableToArray(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(o);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen);}function _arrayLikeToArray(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++){arr2[i]=arr[i];}return arr2;}var Nav=function Nav(_ref){var children=_ref.children,_ref$alignment=_ref.alignment,alignment=_ref$alignment===void 0?"left":_ref$alignment,onSelect=_ref.onSelect,onMoreOptionSelect=_ref.onMoreOptionSelect,className=_ref.className,_ref$role=_ref.role,role=_ref$role===void 0?"bold":_ref$role,moreLabel=_ref.moreLabel,_ref$type=_ref.type,type=_ref$type===void 0?"inline":_ref$type;var _useState=React.useState(0),_useState2=_slicedToArray__default["default"](_useState,2),active=_useState2[0],setActive=_useState2[1];var _useState3=React.useState([]),_useState4=_slicedToArray__default["default"](_useState3,2),visibleTabIndexes=_useState4[0],setVisibleTabIndexes=_useState4[1];var _useState5=React.useState(false),_useState6=_slicedToArray__default["default"](_useState5,2),measuringRender=_useState6[0],setMeasuringRender=_useState6[1];var _useState7=React.useState(false),_useState8=_slicedToArray__default["default"](_useState7,2),moreVisible=_useState8[0],setMoreVisible=_useState8[1];var _useState9=React.useState(false),_useState10=_slicedToArray__default["default"](_useState9,2),renderNavAsSelect=_useState10[0],setRenderNavAsSelect=_useState10[1];var _useState11=React.useState([]),_useState12=_slicedToArray__default["default"](_useState11,2),options=_useState12[0],setOptions=_useState12[1];var _useState13=React.useState(false),_useState14=_slicedToArray__default["default"](_useState13,2),moreOpened=_useState14[0],setMoreOpened=_useState14[1];var _useState15=React.useState(false),_useState16=_slicedToArray__default["default"](_useState15,2),isMounted=_useState16[0],setIsMounted=_useState16[1];var navItemNames=React.useMemo(function(){return children.map(function(item){return item.props.name;});},[children]);var allOptions=React.useMemo(function(){return navItemNames.map(function(name,index){return{id:index,name:name};});},[navItemNames]);// REFS
|
|
23
|
+
var navRef=React.useRef(null);var navItemsRefs=React.useRef({});var moreItemRef=React.useRef(null);var onClick=React.useCallback(function(e){if(e.target&&e.currentTarget.dataset.index&&!e.currentTarget.dataset.disabled){var _index=Number(e.currentTarget.dataset.index);setActive(_index);if(onSelect){onSelect(_index);}setMeasuringRender(true);}},[onSelect]);React.useMemo(function(){React.Children.forEach(children,function(child,index){if(child&&child.props.active){setActive(index);}});},[children]);React.useLayoutEffect(function(){if(type==="inline"&&measuringRender&&isMounted){var _navRef$current;var containerWidth=((_navRef$current=navRef.current)===null||_navRef$current===void 0?void 0:_navRef$current.offsetWidth)||0;var itemsWidth=Object.values(navItemsRefs.current).reduce(function(acc,item){var itemEl=item;return acc+(itemEl?itemEl.offsetWidth:0);},0);// all tabs are visible
|
|
24
|
+
if(containerWidth>=itemsWidth){setVisibleTabIndexes(Array.from(navItemNames.keys()));setMoreVisible(false);setRenderNavAsSelect(false);return setMeasuringRender(false);}setMoreVisible(true);if(moreVisible){var _moreItemRef$current;var moreItemWidth=((_moreItemRef$current=moreItemRef.current)===null||_moreItemRef$current===void 0?void 0:_moreItemRef$current.offsetWidth)||0;var firstItemWidth=navItemsRefs.current[0].offsetWidth;// collapse Nav to Select, there is no enough room
|
|
25
|
+
if(containerWidth<moreItemWidth+firstItemWidth){setVisibleTabIndexes([]);var _options2=navItemNames.map(function(name,index){return{id:index,name:name};});setOptions(_options2);setRenderNavAsSelect(true);setMoreVisible(false);return setMeasuringRender(false);}// item(s) + More...
|
|
26
|
+
var visible=[];var allWidth=0;Object.values(navItemsRefs.current).forEach(function(item,index){var liItem=item;allWidth+=liItem.offsetWidth;if(moreItemWidth+allWidth<=containerWidth){visible.push(index);}});setVisibleTabIndexes(visible);var _options=navItemNames.map(function(name,index){return{id:index,name:name};}).filter(function(item){return!visible.includes(item.id);});setOptions(_options);setRenderNavAsSelect(false);setMeasuringRender(false);}}},[children,isMounted,measuringRender,moreVisible,navItemNames,type,visibleTabIndexes]);React.useEffect(function(){if(type==="inline"){var handleResize=debounce__default["default"](function(){setMeasuringRender(true);},300);window.addEventListener("resize",handleResize);return function(){window.removeEventListener("resize",handleResize);};}},[type]);// we are using observer to solve the problem of the initial rendering
|
|
27
|
+
React.useEffect(function(){if(type==="inline"&&navRef.current){var resizeObserver=new ResizeObserver__default["default"](function(entries){var _iterator=_createForOfIteratorHelper(entries),_step;try{for(_iterator.s();!(_step=_iterator.n()).done;){var entry=_step.value;var contentRect=entry.contentRect;var _contentRect$width=contentRect.width,width=_contentRect$width===void 0?0:_contentRect$width;if(width>0){setMeasuringRender(true);}}}catch(err){_iterator.e(err);}finally{_iterator.f();}});resizeObserver.observe(navRef.current);setTimeout(function(){if(navRef.current){resizeObserver.unobserve(navRef.current);}},2000);return function(){resizeObserver.disconnect();};}},[type]);React.useEffect(function(){setMeasuringRender(true);setIsMounted(true);},[]);var visibleTabs=React.useMemo(function(){var tabs=React.Children.toArray(children);if(measuringRender||!isMounted){return tabs;}else{return tabs.filter(function(child,index){return visibleTabIndexes.includes(index);});}},[children,isMounted,measuringRender,visibleTabIndexes]);var onMoreOptionClick=React.useCallback(function(id){setActive(id);if(onMoreOptionSelect){onMoreOptionSelect(id);}setMeasuringRender(true);},[onMoreOptionSelect]);var navAsSelect=React.useMemo(function(){return/*#__PURE__*/jsxRuntime.jsxs(StyledNavAsSelect,{children:[/*#__PURE__*/jsxRuntime.jsx("span",{children:navItemNames[active]}),/*#__PURE__*/jsxRuntime.jsx(ExpandSingle,{expanded:moreOpened,fill:"currentColor"})]});},[active,moreOpened,navItemNames]);var setMoreOpen=React.useCallback(function(){return setMoreOpened(true);},[]);var setMoreClose=React.useCallback(function(){return setMoreOpened(false);},[]);return/*#__PURE__*/jsxRuntime.jsx(StyledNav,{className:classnames__default["default"]("c-nav",className),$align:alignment,$role:role,children:/*#__PURE__*/jsxRuntime.jsxs(StyledNavList,{ref:navRef,children:[type==="inline"&&visibleTabs.map(function(child,index){var element=child;return/*#__PURE__*/React.cloneElement(element,{active:index===active,role:role,ref:function ref(el){navItemsRefs.current[index]=el;},onClick:onClick,"data-index":index,"data-disabled":element.props.disabled});}),type==="inline"&&moreVisible?/*#__PURE__*/jsxRuntime.jsx(StyledNavListItemMore,{ref:moreItemRef,name:"More",active:visibleTabIndexes.indexOf(active)===-1,role:role,children:/*#__PURE__*/jsxRuntime.jsx(Select,{selected:active,target:/*#__PURE__*/jsxRuntime.jsx(StyledNavAsMoreTarget,{$role:role,children:moreLabel}),disabledInternalSort:true,onChange:onMoreOptionClick,options:options,type:"single",mode:"normal",forceCloseMenu:true,disableSearch:true,keepSameOptionsOrder:true,onSelectOpen:setMoreOpen,onSelectClose:setMoreClose})}):null,type==="dropdown"||renderNavAsSelect?/*#__PURE__*/jsxRuntime.jsx(StyledNavListItemMore,{name:"More",active:visibleTabIndexes.indexOf(active)===-1,role:role,children:/*#__PURE__*/jsxRuntime.jsx(Select,{selected:active,target:navAsSelect,disabledInternalSort:true,onChange:onMoreOptionClick,options:allOptions,type:"single",mode:"normal",forceCloseMenu:true,disableSearch:true,keepSameOptionsOrder:true,onSelectOpen:setMoreOpen,onSelectClose:setMoreClose})}):null]})});};Nav.displayName="Nav";var _excluded$j=["expanded"];function ownKeys$2d(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$2d(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$2d(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$2d(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var ExpandAll=/*#__PURE__*/React.forwardRef(function(_ref,ref){var _ref$expanded=_ref.expanded,expanded=_ref$expanded===void 0?false:_ref$expanded,rest=_objectWithoutProperties__default["default"](_ref,_excluded$j);return/*#__PURE__*/jsxRuntime.jsx(StyledExpand,_objectSpread$2d(_objectSpread$2d({ref:ref,viewBox:"0 0 24 24"},rest),{},{children:expanded?/*#__PURE__*/jsxRuntime.jsx("path",{d:"M13 16l4.72 4.461a.867.867 0 010 1.275.993.993 0 01-1.348 0L13 18.549l-3.372 3.187a.993.993 0 01-1.349 0 .867.867 0 010-1.275L13 16zm4.72-11.736a.867.867 0 010 1.275L13 10 8.28 5.539a.867.867 0 010-1.275.993.993 0 011.348 0L13 7.451l3.372-3.187a.993.993 0 011.349 0zM13 15a2 2 0 100-4 2 2 0 000 4z"}):/*#__PURE__*/jsxRuntime.jsx("path",{d:"M17.72 16.264a.867.867 0 010 1.275L13 22l-4.72-4.461a.867.867 0 010-1.275.993.993 0 011.348 0L13 19.451l3.372-3.187a.993.993 0 011.349 0zM13 4l4.72 4.461a.867.867 0 010 1.275.993.993 0 01-1.348 0L13 6.549 9.628 9.736a.993.993 0 01-1.349 0 .867.867 0 010-1.275L13 4zm0 11a2 2 0 100-4 2 2 0 000 4z"})}));});ExpandAll.displayName="ExpandAll";var StyledList=styled__default["default"].ul.withConfig({displayName:"Styles__StyledList",componentId:"sc-dv1w0m-0"})(["",""],{"listStyleType":"none","margin":"0px","padding":"0px"});StyledList.displayName="StyledList";var StyledListItem=styled__default["default"].li.withConfig({displayName:"Styles__StyledListItem",componentId:"sc-dv1w0m-1"})([""," "," "," color:var(--color-theme-900);line-height:28px;> svg:first-child{margin-right:8px;}&:hover{background-color:var(--color-theme-200);}&focus{outline:none;}"],{"display":"flex","flexDirection":"row","alignItems":"center","cursor":"pointer","paddingLeft":"1rem","paddingRight":"1rem","marginTop":"0.25rem","marginBottom":"0.25rem","fontSize":"0.875rem","lineHeight":"1.25rem","userSelect":"none"},BoxSizingStyle,FontStyle);StyledListItem.displayName="StyledListItem";var StyledListSeparator=styled__default["default"].div.withConfig({displayName:"Styles__StyledListSeparator",componentId:"sc-dv1w0m-2"})(["border-top:1px solid var(--border-primary);margin:12px 16px;height:1px;"]);StyledListSeparator.displayName="StyledListSeparator";var _excluded$i=["children","className"];function ownKeys$2c(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$2c(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$2c(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$2c(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var List=/*#__PURE__*/React.forwardRef(function(_ref,ref){var children=_ref.children,className=_ref.className,props=_objectWithoutProperties__default["default"](_ref,_excluded$i);return/*#__PURE__*/jsxRuntime.jsx(StyledList,_objectSpread$2c(_objectSpread$2c({},props),{},{className:className,ref:ref,children:children}));});List.displayName="List";var _excluded$h=["children","className"];function ownKeys$2b(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$2b(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$2b(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$2b(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var ListItem=/*#__PURE__*/React.forwardRef(function(_ref,ref){var children=_ref.children,className=_ref.className,props=_objectWithoutProperties__default["default"](_ref,_excluded$h);return/*#__PURE__*/jsxRuntime.jsx(StyledListItem,_objectSpread$2b(_objectSpread$2b({},props),{},{className:classnames__default["default"]("c-list-item",className),ref:ref,children:children}));});ListItem.displayName="ListItem";var ListSeparator=function ListSeparator(_ref){var className=_ref.className;return/*#__PURE__*/jsxRuntime.jsx(StyledListSeparator,{className:classnames__default["default"]("c-list-separator",className)});};ListSeparator.displayName="ListSeparator";function ownKeys$2a(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$2a(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$2a(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$2a(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var ArrowBackIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$2a(_objectSpread$2a({width:7,height:13,viewBox:"0 0 7 13",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M1.839 6.425l4.586-4.586V.425l-6 6 6 6V11.01z",fillRule:"nonzero"})}));});ArrowBackIcon.displayName="ArrowBackIcon";var ArrowBackIcon$1=ArrowBackIcon;function ownKeys$29(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$29(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$29(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$29(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var TreeDotsIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$29(_objectSpread$29({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M6 10a2 2 0 110 4 2 2 0 010-4zm6 0a2 2 0 110 4 2 2 0 010-4zm6 0a2 2 0 110 4 2 2 0 010-4z",fillRule:"nonzero"})}));});TreeDotsIcon.displayName="TreeDotsIcon";var TreeDotsIcon$1=TreeDotsIcon;var StyledMenuSelectorDots=styled__default["default"](TreeDotsIcon$1).withConfig({displayName:"Styles__StyledMenuSelectorDots",componentId:"sc-1x7qbnu-0"})(["",""],{"cursor":"pointer","flexShrink":"0","marginLeft":"0.5rem"});StyledMenuSelectorDots.displayName="StyledMenuSelectorDots";var StyledMenuSelectorBack=styled__default["default"](ArrowBackIcon$1).withConfig({displayName:"Styles__StyledMenuSelectorBack",componentId:"sc-1x7qbnu-1"})(["",""],{"cursor":"pointer","stroke":"currentColor","flexShrink":"0","marginRight":"0.5rem"});StyledMenuSelectorBack.displayName="StyledMenuSelectorBack";var StyledMenuSelector=styled__default["default"].div.withConfig({displayName:"Styles__StyledMenuSelector",componentId:"sc-1x7qbnu-2"})([""," "," color:var(--color-theme-700);"],BoxSizingStyle,FontStyle);StyledMenuSelector.displayName="StyledMenuSelector";var StyledMenuSelectorInner=styled__default["default"].div.withConfig({displayName:"Styles__StyledMenuSelectorInner",componentId:"sc-1x7qbnu-3"})(["",""],{"display":"flex","alignItems":"center","margin":"1rem"});StyledMenuSelectorInner.displayName="StyledMenuSelectorInner";var MenuSelector=function MenuSelector(_ref){var defaultValue=_ref.defaultValue,children=_ref.children,placeholder=_ref.placeholder,onChange=_ref.onChange,onBack=_ref.onBack,onEdit=_ref.onEdit,_ref$autoFocus=_ref.autoFocus,autoFocus=_ref$autoFocus===void 0?false:_ref$autoFocus,className=_ref.className,onFocus=_ref.onFocus,onBlur=_ref.onBlur,_ref$autoComplete=_ref.autoComplete,autoComplete=_ref$autoComplete===void 0?false:_ref$autoComplete;var handleChange=React.useCallback(function(e){if(typeof onChange==="function"){onChange(e.target.value);}},[onChange]);return/*#__PURE__*/jsxRuntime.jsxs(StyledMenuSelector,{className:classnames__default["default"]("c-menu-selector",className),children:[/*#__PURE__*/jsxRuntime.jsxs(StyledMenuSelectorInner,{children:[typeof onBack==="function"?/*#__PURE__*/jsxRuntime.jsx(StyledMenuSelectorBack,{onClick:onBack,width:"16px",height:"16px"}):null,/*#__PURE__*/jsxRuntime.jsx(Input,{onChange:handleChange,placeholder:placeholder,autoFocus:autoFocus,defaultValue:defaultValue,onFocus:onFocus,onBlur:onBlur,autoComplete:autoComplete?"on":"off"}),typeof onEdit==="function"?/*#__PURE__*/jsxRuntime.jsx(StyledMenuSelectorDots,{onClick:onEdit}):null]}),children]});};MenuSelector.displayName="MenuSelector";var StyledMultiAvatarImg=styled.css(["width:inherit;height:inherit;"]);var StyledMultiAvatarInner=styled__default["default"].div.withConfig({displayName:"Styles__StyledMultiAvatarInner",componentId:"sc-k6nldn-0"})(["overflow:hidden;position:absolute;"]);var StyledMultiAvatar=styled__default["default"].div.withConfig({displayName:"Styles__StyledMultiAvatar",componentId:"sc-k6nldn-1"})([""," border-radius:100%;position:relative;overflow:hidden;"," "," ",""],BoxSizingStyle,function(props){return props.$urlCount===2&&styled.css(["",":first-child{left:0;img{transform:translateX(-20%);}}",":last-child{right:0;img{transform:translateX(-20%);}}"],StyledMultiAvatarInner,StyledMultiAvatarInner);},function(props){return props.$urlCount===3&&styled.css(["",":nth-child(1){left:0;img{transform:translateX(-20%);}}",":nth-child(2){right:0;top:0;img{","}}",":nth-child(3){right:0;bottom:0;img{","}}"],StyledMultiAvatarInner,StyledMultiAvatarInner,StyledMultiAvatarImg,StyledMultiAvatarInner,StyledMultiAvatarImg);},function(props){return props.$urlCount>3&&styled.css(["img{","}",":nth-child(1){left:0;}",":nth-child(2){left:0;bottom:0;}",":nth-child(3){right:0;top:0;}",":nth-child(4){right:0;bottom:0;}"],StyledMultiAvatarImg,StyledMultiAvatarInner,StyledMultiAvatarInner,StyledMultiAvatarInner,StyledMultiAvatarInner);});StyledMultiAvatar.displayName="StyledMultiAvatar";StyledMultiAvatarInner.displayName="StyledMultiAvatarInner";var MultiAvatar=function MultiAvatar(_ref){var url=_ref.url,_ref$alt=_ref.alt,alt=_ref$alt===void 0?"Avatar Image":_ref$alt,_ref$size=_ref.size,size=_ref$size===void 0?24:_ref$size,className=_ref.className;var setSize=React.useCallback(function(i){switch(url.length){case 1:return{width:"".concat(size,"px"),height:"".concat(size,"px")};case 2:return{width:"".concat(size/2,"px"),height:"".concat(size,"px")};case 3:if(i===0){return{width:"".concat(size/2,"px"),height:"".concat(size,"px")};}else{return{width:"".concat(size/2,"px"),height:"".concat(size/2,"px")};}default:return{width:"".concat(size/2,"px"),height:"".concat(size/2,"px")};}},[size,url.length]);var slicedUrl=React.useMemo(function(){if((url===null||url===void 0?void 0:url.length)>4){return url.slice(0,4);}return url;},[url]);return/*#__PURE__*/jsxRuntime.jsx(StyledMultiAvatar,{style:{width:"".concat(size,"px"),height:"".concat(size,"px")},className:className,$urlCount:url.length,children:slicedUrl.map(function(v,i){return/*#__PURE__*/jsxRuntime.jsx(StyledMultiAvatarInner,{style:setSize(i),className:"c-multi-avatar__wrapper",children:/*#__PURE__*/jsxRuntime.jsx("img",{src:v,alt:alt[i]?alt[i]:"avatar_".concat(i),width:size,height:size})},"avatar_".concat(i));})});};MultiAvatar.displayName="MultiAvatar";var useInitScrollRef=function useInitScrollRef(element){var invert=arguments.length>1&&arguments[1]!==undefined?arguments[1]:false;var ref=React.useRef(element);React.useEffect(function(){if(ref.current){ref.current.scrollTop=invert?-1:1;ref.current.scrollTop=0;ref.current.scrollLeft=invert?-1:1;ref.current.scrollLeft=0;}},[invert]);return ref;};var _excluded$g=["as","className","invert"];function ownKeys$28(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$28(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$28(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$28(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var ScrollElement=/*#__PURE__*/React.forwardRef(function(_ref,ref){var _ref$as=_ref.as,as=_ref$as===void 0?"div":_ref$as,className=_ref.className,_ref$invert=_ref.invert,invert=_ref$invert===void 0?false:_ref$invert,rest=_objectWithoutProperties__default["default"](_ref,_excluded$g);var internalRef=useInitScrollRef(null,invert);var handleRef=useForkRef(internalRef,ref);var props=_objectSpread$28(_objectSpread$28({},rest),{},{ref:handleRef,className:classnames__default["default"]("c-scroll-element tw-overflow-auto",className)});return/*#__PURE__*/React__default["default"].createElement(as,props);});ScrollElement.displayName="ScrollElement";function ownKeys$27(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$27(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$27(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$27(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var ActivityIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsxs("svg",_objectSpread$27(_objectSpread$27({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:[/*#__PURE__*/jsxRuntime.jsx("path",{d:"M6 4a2 2 0 00-2 2v12a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2H6zm0-2h12a4 4 0 014 4v12a4 4 0 01-4 4H6a4 4 0 01-4-4V6a4 4 0 014-4zm2.962 10.317a1 1 0 01-.949.684H5.76a1 1 0 010-2h1.532l1.772-5.317c.304-.912 1.594-.912 1.898 0l3.051 9.154 1.051-3.154a1 1 0 01.95-.684H18a1 1 0 010 2h-1.266l-1.772 5.316c-.304.912-1.594.912-1.898 0l-3.05-9.153-1.052 3.154z"}),/*#__PURE__*/jsxRuntime.jsx("path",{stroke:"#F4F5F7",strokeWidth:0.1,opacity:0.01,d:"M.05.05h23.9v23.9H.05z"})]}));});ActivityIcon.displayName="ActivityIcon";var ActivityIcon$1=ActivityIcon;function ownKeys$26(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$26(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$26(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$26(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var AddCrossIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$26(_objectSpread$26({width:10,height:10,viewBox:"0 0 10 10",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M6 0v4h4v2H6v4H4V6H0V4h4V0h2z",fillRule:"nonzero"})}));});AddCrossIcon.displayName="AddCrossIcon";var AddCrossIcon$1=AddCrossIcon;function ownKeys$25(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$25(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$25(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$25(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var ArrowCollapseMultipleIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$25(_objectSpread$25({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M12 15l4.72 4.461a.867.867 0 010 1.275.995.995 0 01-1.25.08l-.098-.08L12 17.549l-3.372 3.187a.993.993 0 01-1.349 0 .865.865 0 01-.079-1.19l.08-.085L12 15zm4.72-11.736a.867.867 0 010 1.275L12 9 7.28 4.539a.867.867 0 010-1.275.993.993 0 011.348 0L12 6.451l3.372-3.187a.993.993 0 011.349 0zM6 11h12a1 1 0 010 2H6a1 1 0 010-2z",fillRule:"evenodd"})}));});ArrowCollapseMultipleIcon.displayName="ArrowCollapseMultipleIcon";var ArrowCollapseMultipleIcon$1=ArrowCollapseMultipleIcon;function ownKeys$24(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$24(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$24(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$24(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var ArrowExpandeMultipleIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$24(_objectSpread$24({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M16.72 15.264a.867.867 0 010 1.275L12 21l-4.72-4.461a.867.867 0 010-1.275.993.993 0 011.348 0L12 18.451l3.372-3.187a.993.993 0 011.349 0zM18 11a1 1 0 010 2H6a1 1 0 010-2h12zm-6-8l4.72 4.461a.867.867 0 010 1.275.995.995 0 01-1.25.08l-.098-.08L12 5.549 8.628 8.736a.993.993 0 01-1.349 0 .865.865 0 01-.079-1.19l.08-.085L12 3z",fillRule:"evenodd"})}));});ArrowExpandeMultipleIcon.displayName="ArrowExpandeMultipleIcon";var ArrowExpandeMultipleIcon$1=ArrowExpandeMultipleIcon;function ownKeys$23(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$23(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$23(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$23(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var ArrowLeftBoxIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$23(_objectSpread$23({width:24,height:24,xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M9.92 15.59L7.33 13H17v-2H7.33l2.59-2.59L8.5 7l-5 5 5 5 1.42-1.41zM5 3a2 2 0 00-2 2v4.67l2-2V5h14v14H5v-2.67l-2-2V19a2 2 0 002 2h14a2 2 0 002-2V5c0-1.11-.89-2-2-2H5z",fillRule:"evenodd"})}));});ArrowLeftBoxIcon.displayName="ArrowLeftBoxIcon";var ArrowLeftBoxIcon$1=ArrowLeftBoxIcon;function ownKeys$22(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$22(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$22(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$22(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var ArrowRefreshIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$22(_objectSpread$22({width:24,height:24,xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M12 3a9 9 0 00-9 9H1l3 3.89L7 12H5a7 7 0 117 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42A8.896 8.896 0 0012 21a9 9 0 000-18z",fillRule:"evenodd"})}));});ArrowRefreshIcon.displayName="ArrowRefreshIcon";var ArrowRefreshIcon$1=ArrowRefreshIcon;function ownKeys$21(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$21(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$21(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$21(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var AssignIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$21(_objectSpread$21({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M12 2c.685 0 1.354.069 2.001.2v2.052a8 8 0 00-7.86 13.195 3.988 3.988 0 011.981-1.05A19.248 19.248 0 0112 16c1.292 0 2.585.133 3.877.398.76.156 1.444.525 1.983 1.048A7.97 7.97 0 0020 12c0-.69-.087-1.36-.252-2H21.8c.131.646.2 1.315.2 2a9.971 9.971 0 01-3.073 7.212l-.001.001-.056.053a10.057 10.057 0 01-1.61 1.24A9.953 9.953 0 0112 22a9.954 9.954 0 01-4.951-1.31l-.31-.184-.02-.013a10.02 10.02 0 01-1.634-1.27l-.012-.01A9.971 9.971 0 012 12C2 6.477 6.477 2 12 2zm0 16c-1.157 0-2.315.119-3.476.357a1.998 1.998 0 00-.831.385A7.958 7.958 0 0012 20a7.963 7.963 0 004.307-1.257 1.984 1.984 0 00-.832-.386A17.249 17.249 0 0012 18zm0-11a4 4 0 110 8 4 4 0 010-8zm0 2a2 2 0 100 4 2 2 0 000-4zm8-7v2h2v2h-2v2h-2V5.999L16 6V4l2-.001V2h2z",fillRule:"evenodd"})}));});AssignIcon.displayName="AssignIcon";var AssignIcon$1=AssignIcon;function ownKeys$20(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$20(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$20(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$20(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var BackIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$20(_objectSpread$20({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{fillRule:"nonzero",d:"M11.071 5l1.414 1.414-4.657 4.657h11.243v2H7.83l4.656 4.657-1.414 1.414L4 12.072z"})}));});BackIcon.displayName="BackIcon";var BackIcon$1=BackIcon;function ownKeys$1$(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$1$(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$1$(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$1$(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var BellOffSmallIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$1$(_objectSpread$1$({width:12,height:12,viewBox:"0 0 12 12",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M8 11v1H4v-1h4zM1.414.707l9.9 9.9-.707.707L9.293 10H2V5c0-.665.162-1.292.45-1.843L.706 1.414l.707-.707zm1.591 4.117L3 5v4h5.293l-5.09-5.09c-.11.286-.18.593-.198.914zM7 0v1.126c1.725.444 3 2.01 3 3.874v2.9l-1-1V5a3 3 0 00-2.824-2.995L6 2c-.546 0-1.058.146-1.499.4l-.726-.725A3.98 3.98 0 015 1.126L5 0h2z",fillRule:"evenodd"})}));});BellOffSmallIcon.displayName="BellOffSmallIcon";var BellOffSmallIcon$1=BellOffSmallIcon;function ownKeys$1_(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$1_(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$1_(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$1_(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var BellOffIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$1_(_objectSpread$1_({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M11 19c0 .6.4 1 1 1s1-.4 1-1h2c0 1.7-1.3 3-3 3s-3-1.3-3-3h2zM4.222 2.808l16.97 16.97-1.414 1.414L16.586 18H3v-3.9l.7-.2C4.5 13.6 5 12.8 5 12v-2c0-1.029.232-2.028.652-2.932L2.808 4.222l1.414-1.414zM12 1c1.44 0 2.696 1.014 2.97 2.51l.03.19c2.4 1.2 4 3.6 4 6.3v2c0 .8.5 1.6 1.3 1.9l.7.2v2.674l-3.909-3.907A4.121 4.121 0 0117 12v-2c0-1.9-1.1-3.7-2.9-4.5l-1-.5-.1-1.1c-.1-.5-.5-.9-1-.9s-.9.4-1 .9L10.9 5l-1 .5-.118.055-1.481-1.482c.224-.137.458-.262.699-.373.2-1.6 1.5-2.7 3-2.7zm2.586 15L7.198 8.613C7.068 9.06 7 9.527 7 10v2c0 1.4-.8 2.8-2 3.5v.5h9.586z",fillRule:"evenodd"})}));});BellOffIcon.displayName="BellOffIcon";var BellOffIcon$1=BellOffIcon;function ownKeys$1Z(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$1Z(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$1Z(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$1Z(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var BudgetAlertIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$1Z(_objectSpread$1Z({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M14 17v1h-4v-1h4zM13 5l.001 1.1A5.002 5.002 0 0117 11v5H7v-5a5.002 5.002 0 014-4.9V5h2zm-1 2a4 4 0 00-3.995 3.8L8 11v4h8v-4a4 4 0 00-3.8-3.995L12 7z",fillRule:"nonzero"})}));});BudgetAlertIcon.displayName="BudgetAlertIcon";var BudgetAlertIcon$1=BudgetAlertIcon;function ownKeys$1Y(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$1Y(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$1Y(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$1Y(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var BudgetNoAlertIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$1Y(_objectSpread$1Y({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M14 17v1h-4v-1h4zm2.89-9.88l.717.698-1.072 1.073c.299.64.465 1.355.465 2.109v5H9.423L7.71 17.714 7 17.01l9.89-9.89zm-1.12 2.537L10.422 15H16v-4c0-.471-.081-.924-.23-1.343zM13 5l.002 1.1a4.97 4.97 0 011.63.647l-.732.732a3.977 3.977 0 00-1.7-.474L12 7a4 4 0 00-3.995 3.8L8 11v2.379l-1 1V11a5.002 5.002 0 014-4.9V5h2z",fillRule:"nonzero"})}));});BudgetNoAlertIcon.displayName="BudgetNoAlertIcon";var BudgetNoAlertIcon$1=BudgetNoAlertIcon;function ownKeys$1X(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$1X(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$1X(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$1X(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var CalendarAddXIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$1X(_objectSpread$1X({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M7 2v2h10V2h2v2h1a2 2 0 012 2v6h-2V9H4v11h8v2H4a2 2 0 01-2-2V6a2 2 0 012-2h1V2h2zm12 12v3h3v2h-3v3h-2v-3h-3v-2l3-.001V14h2zm-9.586-3.828l1.414 1.414L9.414 13l1.414 1.414-1.414 1.414L8 14.414l-1.413 1.414-1.414-1.414L6.585 13l-1.413-1.413 1.414-1.414L8 11.586l1.414-1.414z",fillRule:"evenodd"})}));});CalendarAddXIcon.displayName="CalendarAddXIcon";var CalendarAddXIcon$1=CalendarAddXIcon;function ownKeys$1W(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$1W(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$1W(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$1W(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var CalendarEmptyIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$1W(_objectSpread$1W({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M7 2v2h10V2h2v2h1a2 2 0 012 2v14a2 2 0 01-2 2H4a2 2 0 01-2-2V6a2 2 0 012-2h1V2h2zm13 7H4v11h16V9z",fillRule:"evenodd"})}));});CalendarEmptyIcon.displayName="CalendarEmptyIcon";var CalendarEmptyIcon$1=CalendarEmptyIcon;function ownKeys$1V(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$1V(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$1V(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$1V(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var CalendarIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$1V(_objectSpread$1V({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M7 2v2h10V2h2v2h1a2 2 0 012 2v14a2 2 0 01-2 2H4a2 2 0 01-2-2V6a2 2 0 012-2h1V2h2zm13 7H4v11h16V9zm-10 2v4H6v-4h4z",fillRule:"evenodd"})}));});CalendarIcon.displayName="CalendarIcon";var CalendarIcon$1=CalendarIcon;function ownKeys$1U(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$1U(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$1U(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$1U(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var CancelCrossIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$1U(_objectSpread$1U({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M16.95 5.636l1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636l4.95 4.95z",fillRule:"evenodd"})}));});CancelCrossIcon.displayName="CancelCrossIcon";var CancelCrossIcon$1=CancelCrossIcon;function ownKeys$1T(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$1T(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$1T(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$1T(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var ChatIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$1T(_objectSpread$1T({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M20 4a3 3 0 013 3v9.2a3 3 0 01-3 3H7.794L1 23V7a3 3 0 013-3h16z",fillRule:"evenodd"})}));});ChatIcon.displayName="ChatIcon";var ChatIcon$1=ChatIcon;function ownKeys$1S(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$1S(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$1S(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$1S(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var CheckIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$1S(_objectSpread$1S({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M18.94 5.938a1.5 1.5 0 012.222 2.01l-.103.114-10.026 10a1.5 1.5 0 01-2.005.103l-.114-.103-4.973-4.96a1.5 1.5 0 012.004-2.227l.114.102 3.914 3.904 8.968-8.943z",fillRule:"evenodd"})}));});CheckIcon.displayName="CheckIcon";var CheckIcon$1=CheckIcon;function ownKeys$1R(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$1R(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$1R(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$1R(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var CheckboxBlankTogglerIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$1R(_objectSpread$1R({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2a8 8 0 100 16 8 8 0 000-16zm3.607 5.707a1 1 0 010 1.414l-3.657 3.657a1 1 0 01-1.414 0L8.707 12.95a1 1 0 011.414-1.414l1.12 1.12 2.951-2.949a1 1 0 011.415 0z",fillRule:"evenodd"})}));});CheckboxBlankTogglerIcon.displayName="CheckboxBlankTogglerIcon";var CheckboxBlankTogglerIcon$1=CheckboxBlankTogglerIcon;function ownKeys$1Q(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$1Q(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$1Q(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$1Q(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var ChecklistSmallIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$1Q(_objectSpread$1Q({width:12,height:12,viewBox:"0 0 12 12",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M2.5 9a1.5 1.5 0 110 3 1.5 1.5 0 010-3zm0 1a.5.5 0 100 1 .5.5 0 000-1zm8.5 0v1H5v-1h6zM2.5 5a1.5 1.5 0 110 3 1.5 1.5 0 010-3zm0 1a.5.5 0 100 1 .5.5 0 000-1zM11 6v1H5V6h6zM2.5 1a1.5 1.5 0 110 3 1.5 1.5 0 010-3zm0 1a.5.5 0 100 1 .5.5 0 000-1zM11 2v1H5V2h6z",fillRule:"evenodd"})}));});ChecklistSmallIcon.displayName="ChecklistSmallIcon";var ChecklistSmallIcon$1=ChecklistSmallIcon;function ownKeys$1P(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$1P(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$1P(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$1P(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var ChecklistIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$1P(_objectSpread$1P({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M5 16a3 3 0 110 6 3 3 0 010-6zm16 2a1 1 0 010 2H11a1 1 0 010-2h10zM5 18a1 1 0 100 2 1 1 0 000-2zm0-9a3 3 0 110 6 3 3 0 010-6zm16 2a1 1 0 010 2H11a1 1 0 010-2h10zM5 11a1 1 0 100 2 1 1 0 000-2zm0-9a3 3 0 110 6 3 3 0 010-6zm16 2a1 1 0 010 2H11a1 1 0 010-2h10zM5 4a1 1 0 100 2 1 1 0 000-2z",fillRule:"evenodd"})}));});ChecklistIcon.displayName="ChecklistIcon";var ChecklistIcon$1=ChecklistIcon;function ownKeys$1O(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$1O(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$1O(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$1O(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var CircleMultipleIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$1O(_objectSpread$1O({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M19.657 8.343A8 8 0 118.343 19.657 8 8 0 0119.657 8.343zm-9.9 1.414a6 6 0 108.486 8.486 6 6 0 00-8.486-8.486zM10 2a7.97 7.97 0 015.291 2H10a6 6 0 00-5.996 5.775L4 10v5.291A8 8 0 0110 2z",fillRule:"evenodd"})}));});CircleMultipleIcon.displayName="CircleMultipleIcon";var CircleMultipleIcon$1=CircleMultipleIcon;function ownKeys$1N(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$1N(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$1N(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$1N(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var ClockAddIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$1N(_objectSpread$1N({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10h-2a8 8 0 10-8 8v2C6.477 22 2 17.523 2 12zm17 2v3h3v2h-3v3h-2v-3.001L14 19v-2l3-.001V14h2zm-8-8v4.999L6 11v2h7V6h-2z",fillRule:"evenodd"})}));});ClockAddIcon.displayName="ClockAddIcon";var ClockAddIcon$1=ClockAddIcon;function ownKeys$1M(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$1M(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$1M(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$1M(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var ClockSmallIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$1M(_objectSpread$1M({width:12,height:12,viewBox:"0 0 12 12",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M5.5.9a5.5 5.5 0 110 11 5.5 5.5 0 010-11zm0 1a4.5 4.5 0 100 9 4.5 4.5 0 000-9zM6 3v3h3v1H5V3h1z",fillRule:"evenodd"})}));});ClockSmallIcon.displayName="ClockSmallIcon";var ClockSmallIcon$1=ClockSmallIcon;function ownKeys$1L(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$1L(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$1L(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$1L(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var ClockStopwatchSmallIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$1L(_objectSpread$1L({width:12,height:12,viewBox:"0 0 12 12",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M5.5.9a5.5 5.5 0 110 11 5.5 5.5 0 010-11zm0 1a4.5 4.5 0 100 9 4.5 4.5 0 000-9zm.515 1v4H5v-4h1.015zM9.797 0l2.152 2.121-.717.707L9.08.708 9.797 0z",fillRule:"evenodd"})}));});ClockStopwatchSmallIcon.displayName="ClockStopwatchSmallIcon";var ClockStopwatchSmallIcon$1=ClockStopwatchSmallIcon;function ownKeys$1K(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$1K(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$1K(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$1K(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var ClockStopwatchIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$1K(_objectSpread$1K({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M12 2c2.393 0 4.59.84 6.312 2.243l1.604-1.657L21.33 4 19.73 5.654A9.959 9.959 0 0122 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2a8 8 0 100 16 8 8 0 000-16zm-1 2v7h2V6h-2z",fillRule:"evenodd"})}));});ClockStopwatchIcon.displayName="ClockStopwatchIcon";var ClockStopwatchIcon$1=ClockStopwatchIcon;function ownKeys$1J(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$1J(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$1J(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$1J(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var ClockIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$1J(_objectSpread$1J({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2a8 8 0 100 16 8 8 0 000-16zm1 2v7H6v-2h5V6h2z",fillRule:"evenodd"})}));});ClockIcon.displayName="ClockIcon";var ClockIcon$1=ClockIcon;function ownKeys$1I(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$1I(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$1I(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$1I(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var CommentIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$1I(_objectSpread$1I({width:12,height:12,viewBox:"0 0 12 12",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M2 0C1 0 0 1 0 2v10l2.667-2a5 5 0 013-1H10c1 0 2-1 2-2V2c0-1-1-2-2-2H2zm7.6 1A1.4 1.4 0 0111 2.4v4.2A1.4 1.4 0 019.6 8H5.009a4 4 0 00-2.391.794L1 10V2.4A1.4 1.4 0 012.4 1h7.2zM9 5H3v1h6V5zm0-2H3v1h6V3z",fillRule:"nonzero"})}));});CommentIcon.displayName="CommentIcon";var CommentIcon$1=CommentIcon;function ownKeys$1H(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$1H(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$1H(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$1H(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var CommentsIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$1H(_objectSpread$1H({width:12,height:12,viewBox:"0 0 12 12",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M2 0C1 0 0 1 0 2v10l2.667-2a5 5 0 013-1H10c1 0 2-1 2-2V2c0-1-1-2-2-2H2zm7.6 8H5.009a4 4 0 00-2.391.794L1 10V2.4A1.4 1.4 0 012.4 1h7.2A1.4 1.4 0 0111 2.4v4.2A1.4 1.4 0 019.6 8z",fillRule:"nonzero"})}));});CommentsIcon.displayName="CommentsIcon";var CommentsIcon$1=CommentsIcon;function ownKeys$1G(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$1G(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$1G(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$1G(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var ComputerIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$1G(_objectSpread$1G({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M21 16H3V4h18m0-2H3c-1.11 0-2 .89-2 2v12a2 2 0 002 2h7v2H8v2h8v-2h-2v-2h7a2 2 0 002-2V4a2 2 0 00-2-2z",fillRule:"evenodd"})}));});ComputerIcon.displayName="ComputerIcon";var ComputerIcon$1=ComputerIcon;function ownKeys$1F(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$1F(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$1F(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$1F(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var CrownBlankIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$1F(_objectSpread$1F({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M15.674 9.488l2.704-.98L17.3 13H6.7L5.663 8.507l2.662.978A1 1 0 009.45 9.17L12 5.988l2.552 3.186a1 1 0 001.122.314zM8.5 7.482L4.69 6.097a1 1 0 00-1.32 1.145L5 15h14l1.63-7.758a1 1 0 00-1.32-1.145L15.5 7.482l-2.747-3.14a1 1 0 00-1.506 0L8.5 7.482zM19 17H5v1c0 .6.4 1 1 1h12c.6 0 1-.4 1-1v-1z",fillRule:"evenodd"})}));});CrownBlankIcon.displayName="CrownBlankIcon";var CrownBlankIcon$1=CrownBlankIcon;function ownKeys$1E(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$1E(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$1E(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$1E(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var CrownSelectedIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$1E(_objectSpread$1E({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M8.5 7.487L4.69 6.1a1 1 0 00-1.32 1.146L5 15h14l1.63-7.753A1 1 0 0019.31 6.1L15.5 7.487l-2.747-3.14a1 1 0 00-1.506 0L8.5 7.487zM19 17H5v1c0 .6.4 1 1 1h12c.6 0 1-.4 1-1v-1z",fillRule:"nonzero"})}));});CrownSelectedIcon.displayName="CrownSelectedIcon";var CrownSelectedIcon$1=CrownSelectedIcon;function ownKeys$1D(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$1D(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$1D(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$1D(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var DependencySmallIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$1D(_objectSpread$1D({width:12,height:12,viewBox:"0 0 12 12",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M10 7a2 2 0 110 4 2 2 0 010-4zm0 1a1 1 0 100 2 1 1 0 000-2zM4.5 6v2.499L7 8.5v1H3.5V6h1zM4 1a2 2 0 110 4 2 2 0 010-4zm0 1a1 1 0 100 2 1 1 0 000-2z",fillRule:"evenodd"})}));});DependencySmallIcon.displayName="DependencySmallIcon";var DependencySmallIcon$1=DependencySmallIcon;function ownKeys$1C(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$1C(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$1C(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$1C(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var DependencyIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$1C(_objectSpread$1C({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M19 14a4 4 0 110 8 4 4 0 010-8zm0 2a2 2 0 100 4 2 2 0 000-4zM8 12v4.998L13 17v2H6v-7h2zM7 2a4 4 0 110 8 4 4 0 010-8zm0 2a2 2 0 100 4 2 2 0 000-4z",fillRule:"evenodd"})}));});DependencyIcon.displayName="DependencyIcon";var DependencyIcon$1=DependencyIcon;function ownKeys$1B(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$1B(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$1B(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$1B(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var DollarCheckmarkSmallIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$1B(_objectSpread$1B({width:12,height:12,viewBox:"0 0 12 12",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M11.243 8.121l.707.707-2.829 2.829L7 9.536l.707-.708 1.414 1.414 2.122-2.12zM5.5 0a5.5 5.5 0 015.293 7l-1.05.001A4.5 4.5 0 106 9.972v1.006A5.5 5.5 0 115.5 0zM6 2v1h1v1H5v1h2v3H6v1H5V8H4V7h2V6H4V3h1V2h1z",fillRule:"evenodd"})}));});DollarCheckmarkSmallIcon.displayName="DollarCheckmarkSmallIcon";var DollarCheckmarkSmallIcon$1=DollarCheckmarkSmallIcon;function ownKeys$1A(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$1A(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$1A(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$1A(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var DollarCheckmarkIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$1A(_objectSpread$1A({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M12 2c5.523 0 10 4.477 10 10h-2a8 8 0 10-8 8v2C6.477 22 2 17.523 2 12S6.477 2 12 2zm9.607 13.707a1 1 0 010 1.414l-3.657 3.657a1 1 0 01-1.414 0l-1.829-1.828a1 1 0 011.414-1.414l1.12 1.12 2.951-2.949a1 1 0 011.415 0zM13 7v1h2v2h-4v1h3a1 1 0 01.993.883L15 12v3a1 1 0 01-.883.993L14 16h-1v1h-2v-1H9v-2h4v-1h-3a1 1 0 01-.993-.883L9 12V9a1 1 0 01.883-.993L10 8h1V7h2z",fillRule:"evenodd"})}));});DollarCheckmarkIcon.displayName="DollarCheckmarkIcon";var DollarCheckmarkIcon$1=DollarCheckmarkIcon;function ownKeys$1z(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$1z(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$1z(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$1z(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var DollarClockSmallIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$1z(_objectSpread$1z({width:12,height:12,viewBox:"0 0 12 12",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M10 5v1h1v1H9v1h2v3h-1v1H9v-1H8v-1h2V9H8V6h1V5h1zM8 1v3L6 6l1 1v1.25l-2-2-2 2V10h4v1H2V8l2-2-2-2V1h6zM7 2H3v1.75l2 2 2-2V2z",fillRule:"evenodd"})}));});DollarClockSmallIcon.displayName="DollarClockSmallIcon";var DollarClockSmallIcon$1=DollarClockSmallIcon;function ownKeys$1y(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$1y(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$1y(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$1y(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var DollarClockIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$1y(_objectSpread$1y({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M20 13v1h2v2h-4v1h3a1 1 0 01.993.883L22 18v3a1 1 0 01-.883.993L21 22h-1v1h-2v-1h-2v-2h4v-1h-3a1 1 0 01-.993-.883L16 18v-3a1 1 0 01.883-.993L17 14h1v-1h2zM18 2v6l-4 4 1.199 1.199L14.2 14.7 12 12.5l-4 4V20h6v2H6v-6l4-4-4-4V2h12zm-2 2H8v3.5l4 4 4-4V4z",fillRule:"evenodd"})}));});DollarClockIcon.displayName="DollarClockIcon";var DollarClockIcon$1=DollarClockIcon;function ownKeys$1x(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$1x(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$1x(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$1x(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var DollarOffSmallIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$1x(_objectSpread$1x({width:12,height:12,viewBox:"0 0 12 12",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M1.05 1.05l9.9 9.9-.707.707L8.47 9.883A.996.996 0 018 10H7v1H5v-1H4a1 1 0 01-1-1V8h1v.7a.3.3 0 00.3.3h3.286l-3-3H4a1 1 0 01-1-1v-.587L.342 1.757l.707-.707zM8 5a1 1 0 011 1v1.586l-1-1V6.3a.3.3 0 00-.3-.3h-.286l-1-1H8zM7 1v1h1a1 1 0 011 1v1H8v-.7a.3.3 0 00-.3-.3H4.414l-.883-.883C3.67 2.042 3.83 2 4 2h1V1h2z",fillRule:"evenodd"})}));});DollarOffSmallIcon.displayName="DollarOffSmallIcon";var DollarOffSmallIcon$1=DollarOffSmallIcon;function ownKeys$1w(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$1w(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$1w(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$1w(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var DollarOffIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$1w(_objectSpread$1w({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M3 4.27L4.28 3 21 19.72 19.73 21l-3.67-3.67c-.62.67-1.52 1.22-2.56 1.49V21h-3v-2.18C8.47 18.31 7 16.79 7 15h2c0 1.08 1.37 2 3 2 1.13 0 2.14-.44 2.65-1.08l-2.97-2.97C9.58 12.42 7 11.75 7 9c0-.23 0-.45.07-.66L3 4.27m7.5.91V3h3v2.18C15.53 5.69 17 7.21 17 9h-2c0-1.08-1.37-2-3-2-.37 0-.72.05-1.05.13L9.4 5.58l1.1-.4z",fillRule:"evenodd"})}));});DollarOffIcon.displayName="DollarOffIcon";var DollarOffIcon$1=DollarOffIcon;function ownKeys$1v(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$1v(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$1v(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$1v(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var DollarSmallIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$1v(_objectSpread$1v({width:12,height:12,viewBox:"0 0 12 12",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M8 10H7v1H5v-1H4a1 1 0 01-1-1V8h1v.7a.3.3 0 00.3.3h3.4a.3.3 0 00.3-.3V6.3a.3.3 0 00-.3-.3H4a1 1 0 01-1-1V3a1 1 0 011-1h1V1h2v1h1a1 1 0 011 1v1H8v-.7a.3.3 0 00-.3-.3H4.3a.3.3 0 00-.3.3v1.4a.3.3 0 00.3.3H8a1 1 0 011 1v3a1 1 0 01-1 1z",fillRule:"evenodd"})}));});DollarSmallIcon.displayName="DollarSmallIcon";var DollarSmallIcon$1=DollarSmallIcon;function ownKeys$1u(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$1u(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$1u(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$1u(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var DollarIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$1u(_objectSpread$1u({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M7 15h2c0 1.08 1.37 2 3 2s3-.92 3-2c0-1.1-1.04-1.5-3.24-2.03C9.64 12.44 7 11.78 7 9c0-1.79 1.47-3.31 3.5-3.82V3h3v2.18C15.53 5.69 17 7.21 17 9h-2c0-1.08-1.37-2-3-2s-3 .92-3 2c0 1.1 1.04 1.5 3.24 2.03C14.36 11.56 17 12.22 17 15c0 1.79-1.47 3.31-3.5 3.82V21h-3v-2.18C8.47 18.31 7 16.79 7 15z",fillRule:"evenodd"})}));});DollarIcon.displayName="DollarIcon";var DollarIcon$1=DollarIcon;function ownKeys$1t(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$1t(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$1t(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$1t(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var DownloadIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$1t(_objectSpread$1t({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M5 21h14v-2H5m14-9h-4V4H9v6H5l7 7 7-7z",fillRule:"nonzero"})}));});DownloadIcon.displayName="DownloadIcon";var DownloadIcon$1=DownloadIcon;function ownKeys$1s(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$1s(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$1s(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$1s(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var DriveIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$1s(_objectSpread$1s({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M7.71 3.5L1.15 15l3.43 6 6.55-11.5M9.73 15L6.3 21h13.12l3.43-6m-.57-1L15.42 2H8.57l6.86 12h6.85z",fillRule:"evenodd"})}));});DriveIcon.displayName="DriveIcon";var DriveIcon$1=DriveIcon;function ownKeys$1r(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$1r(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$1r(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$1r(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var DropboxIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$1r(_objectSpread$1r({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M2 7.2l5 3.19 5-3.19L7 4 2 7.2m10 0l5 3.19 5-3.19L17 4l-5 3.2M2 13.55l5 3.19 5-3.19-5-3.2-5 3.2m15-3.2l-5 3.2 5 3.19 5-3.19-5-3.2M7.03 17.8l5.01 3.2 5-3.2-5-3.19-5.01 3.19z",fillRule:"evenodd"})}));});DropboxIcon.displayName="DropboxIcon";var DropboxIcon$1=DropboxIcon;function ownKeys$1q(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$1q(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$1q(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$1q(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var DuplicateIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$1q(_objectSpread$1q({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M20 20V8H8v12h12m2 0a2 2 0 01-2 2H8a2 2 0 01-2-2V8c0-1.11.89-2 2-2h12a2 2 0 012 2v12m-7-9v2h2v2h-2v2h-2v-2.001L11 15v-2l2-.001V11h2zM4 16H2V4a2 2 0 012-2h13v2H4v12z",fillRule:"evenodd"})}));});DuplicateIcon.displayName="DuplicateIcon";var DuplicateIcon$1=DuplicateIcon;function ownKeys$1p(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$1p(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$1p(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$1p(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var EditIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$1p(_objectSpread$1p({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M3 5v14a2 2 0 002 2h14a2 2 0 002-2v-7h-2v7H5V5h7V3H5c-1.11 0-2 .89-2 2zm6.875 10.535L18 7.41 16.59 6l-8.125 8.125a.997.997 0 101.41 1.41zM19.17 6.24L21 4.41 19.59 3l-1.83 1.83 1.41 1.41z",fillRule:"evenodd"})}));});EditIcon.displayName="EditIcon";var EditIcon$1=EditIcon;function ownKeys$1o(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$1o(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$1o(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$1o(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var EmojiIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$1o(_objectSpread$1o({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M12 17.5c2.33 0 4.3-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5M8.5 11a1.5 1.5 0 100-3 1.5 1.5 0 000 3m7 0a1.5 1.5 0 100-3 1.5 1.5 0 000 3M12 20a8 8 0 110-16 8 8 0 010 16m0-18C6.47 2 2 6.5 2 12a10 10 0 0010 10c5.523 0 10-4.477 10-10A10 10 0 0012 2z",fillRule:"evenodd"})}));});EmojiIcon.displayName="EmojiIcon";var EmojiIcon$1=EmojiIcon;function ownKeys$1n(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$1n(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$1n(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$1n(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var EstimatesIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsxs("svg",_objectSpread$1n(_objectSpread$1n({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:[/*#__PURE__*/jsxRuntime.jsx("path",{d:"M12 20a8 8 0 100-16 8 8 0 000 16zm0 2C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-6a4 4 0 100-8 4 4 0 000 8zm0 2a6 6 0 110-12 6 6 0 010 12zm0-4a2 2 0 110-4 2 2 0 010 4z"}),/*#__PURE__*/jsxRuntime.jsx("path",{stroke:"#F4F5F7",strokeWidth:0.1,opacity:0.01,d:"M.05.05h23.9v23.9H.05z"})]}));});EstimatesIcon.displayName="EstimatesIcon";var EstimatesIcon$1=EstimatesIcon;function ownKeys$1m(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$1m(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$1m(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$1m(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var ExportIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$1m(_objectSpread$1m({width:16,height:22,viewBox:"0 0 16 22",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M8 0L4 4h3v7h2V4h3L8 0zm6 22H2a2 2 0 01-2-2V8a2 2 0 012-2h3v2H2v12h12V8h-3V6h3a2 2 0 012 2v12a2 2 0 01-2 2z",fillRule:"nonzero"})}));});ExportIcon.displayName="ExportIcon";var ExportIcon$1=ExportIcon;function ownKeys$1l(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$1l(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$1l(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$1l(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var EyeOffSmallIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$1l(_objectSpread$1l({width:12,height:12,viewBox:"0 0 12 12",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M1.05 1.05l9.9 9.9-.707.707L8.205 9.62C7.517 9.866 6.775 10 6 10 3.273 10 .944 8.341 0 6a6.35 6.35 0 011.971-2.615L.343 1.757l.707-.707zM1.19 6C2.09 7.792 3.95 8.933 6 8.933c.463 0 .915-.058 1.35-.168L6.176 7.59c-.058.006-.117.009-.176.009-.904 0-1.636-.716-1.636-1.6 0-.07.004-.14.013-.207L2.736 4.15A5.273 5.273 0 001.189 6zM6 2c2.727 0 5.056 1.659 6 4a6.35 6.35 0 01-1.972 2.615l-.765-.766A5.273 5.273 0 0010.811 6C9.91 4.208 8.05 3.067 6 3.067c-.463 0-.916.058-1.35.168l-.857-.855A6.553 6.553 0 016 2zm0 2.4c.904 0 1.636.716 1.636 1.6 0 .07-.004.14-.013.208l-1.8-1.799C5.88 4.403 5.94 4.4 6 4.4z",fillRule:"evenodd"})}));});EyeOffSmallIcon.displayName="EyeOffSmallIcon";var EyeOffSmallIcon$1=EyeOffSmallIcon;function ownKeys$1k(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$1k(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$1k(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$1k(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var EyeOffIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$1k(_objectSpread$1k({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M2 5.27L3.28 4 20 20.72 18.73 22l-3.08-3.08c-1.15.38-2.37.58-3.65.58-5 0-9.27-3.11-11-7.5.69-1.76 1.79-3.31 3.19-4.54L2 5.27M12 9a3 3 0 012.83 4L11 9.17A3 3 0 0112 9m0-4.5c5 0 9.27 3.11 11 7.5a11.79 11.79 0 01-4 5.19l-1.42-1.43A9.862 9.862 0 0020.82 12 9.821 9.821 0 0012 6.5c-1.09 0-2.16.18-3.16.5L7.3 5.47c1.44-.62 3.03-.97 4.7-.97M3.18 12A9.821 9.821 0 0012 17.5c.69 0 1.37-.07 2-.21L11.72 15A3.064 3.064 0 019 12.28L5.6 8.87c-.99.85-1.82 1.91-2.42 3.13z",fillRule:"evenodd"})}));});EyeOffIcon.displayName="EyeOffIcon";var EyeOffIcon$1=EyeOffIcon;function ownKeys$1j(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$1j(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$1j(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$1j(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var EyeSmallIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$1j(_objectSpread$1j({width:12,height:12,viewBox:"0 0 12 12",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M6 4.4c.904 0 1.636.716 1.636 1.6 0 .884-.732 1.6-1.636 1.6-.904 0-1.636-.716-1.636-1.6 0-.884.732-1.6 1.636-1.6M6 2c2.727 0 5.056 1.659 6 4-.944 2.341-3.273 4-6 4S.944 8.341 0 6c.944-2.341 3.273-4 6-4M1.19 6C2.09 7.792 3.95 8.933 6 8.933S9.91 7.792 10.81 6C9.91 4.208 8.05 3.067 6 3.067S2.09 4.208 1.19 6z",fillRule:"evenodd"})}));});EyeSmallIcon.displayName="EyeSmallIcon";var EyeSmallIcon$1=EyeSmallIcon;function ownKeys$1i(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$1i(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$1i(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$1i(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var EyeIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$1i(_objectSpread$1i({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M12 9a3 3 0 110 6 3 3 0 010-6m0-4.5c5 0 9.27 3.11 11 7.5-1.73 4.39-6 7.5-11 7.5S2.73 16.39 1 12c1.73-4.39 6-7.5 11-7.5M3.18 12a9.821 9.821 0 0017.64 0 9.821 9.821 0 00-17.64 0z",fillRule:"evenodd"})}));});EyeIcon.displayName="EyeIcon";var EyeIcon$1=EyeIcon;function ownKeys$1h(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$1h(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$1h(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$1h(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var FilterIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$1h(_objectSpread$1h({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M7 13h10a1 1 0 000-2H7a1 1 0 000 2zM3 7a1 1 0 001 1h16a1 1 0 000-2H4a1 1 0 00-1 1zm8 11h2a1 1 0 000-2h-2a1 1 0 000 2z",fillRule:"evenodd"})}));});FilterIcon.displayName="FilterIcon";var FilterIcon$1=FilterIcon;function ownKeys$1g(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$1g(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$1g(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$1g(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var HelpIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$1g(_objectSpread$1g({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M12 5a7 7 0 100 14 7 7 0 000-14zm0-2a9 9 0 110 18 9 9 0 010-18zm0 12a1 1 0 110 2 1 1 0 010-2zm.276-3.865c.572-.311.724-.653.724-1.135a1 1 0 00-2 0H9a3 3 0 114 2.83V14h-2v-1a2 2 0 011.276-1.865z"})}));});HelpIcon.displayName="HelpIcon";var HelpIcon$1=HelpIcon;function ownKeys$1f(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$1f(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$1f(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$1f(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var InfoSmallIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$1f(_objectSpread$1f({width:15,height:15,viewBox:"0 0 15 15",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M7.5 14a6.5 6.5 0 100-13 6.5 6.5 0 000 13zm0 1a7.5 7.5 0 110-15 7.5 7.5 0 010 15zM7 6h1v6H7V6zm0-3h1v1H7V3z",fillRule:"nonzero"})}));});InfoSmallIcon.displayName="InfoSmallIcon";var InfoSmallIcon$1=InfoSmallIcon;function ownKeys$1e(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$1e(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$1e(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$1e(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var InfoIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$1e(_objectSpread$1e({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2a8 8 0 100 16 8 8 0 000-16zm-1 5V7h2v2h-2zm0 8v-6h2v6h-2z",fillRule:"evenodd"})}));});InfoIcon.displayName="InfoIcon";var InfoIcon$1=InfoIcon;function ownKeys$1d(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$1d(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$1d(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$1d(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var IntegrationsIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsxs("svg",_objectSpread$1d(_objectSpread$1d({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:[/*#__PURE__*/jsxRuntime.jsx("path",{d:"M10 6H5v13h13v-5h-8V6zm2 6h8v7a2 2 0 01-2 2H5a2 2 0 01-2-2V6a2 2 0 012-2h7v8zm4-7v3h3V5h-3zm-2-2h5a2 2 0 012 2v5h-7V3z"}),/*#__PURE__*/jsxRuntime.jsx("path",{stroke:"#F4F5F7",strokeWidth:0.1,opacity:0.01,d:"M.05.05h23.9v23.9H.05z"})]}));});IntegrationsIcon.displayName="IntegrationsIcon";var IntegrationsIcon$1=IntegrationsIcon;function ownKeys$1c(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$1c(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$1c(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$1c(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var InvoicesIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsxs("svg",_objectSpread$1c(_objectSpread$1c({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:[/*#__PURE__*/jsxRuntime.jsx("path",{d:"M15.19 4H5v16h14V7.891L15.19 4zM5 2h11.03L21 7.075V20a2 2 0 01-2 2H5a2 2 0 01-2-2V4a2 2 0 012-2zm4.974 11.752c-.01.532.13.952.42 1.26.29.308.649.504 1.078.588v-2.926a3.017 3.017 0 00-.448-.126 11.322 11.322 0 01-1.022-.329 3.337 3.337 0 01-.903-.504 2.325 2.325 0 01-.637-.784c-.159-.313-.238-.702-.238-1.169 0-.476.091-.896.273-1.26.182-.364.422-.67.721-.917a3.291 3.291 0 011.036-.574 4.667 4.667 0 011.218-.245V5.688h.826v1.078c.42.047.814.138 1.183.273.369.135.693.322.973.56.28.238.509.534.686.889.177.355.28.775.308 1.26H13.46a1.472 1.472 0 00-.35-.952c-.224-.261-.495-.392-.812-.392v2.478l.343.084a9 9 0 01.371.098c.69.187 1.223.418 1.596.693.373.275.649.562.826.861.177.299.282.597.315.896.033.299.049.565.049.798 0 .205-.051.464-.154.777a2.62 2.62 0 01-.553.917c-.266.299-.623.565-1.071.798-.448.233-1.022.373-1.722.42v1.19h-.826v-1.19c-1.045-.075-1.862-.397-2.45-.966-.588-.57-.929-1.405-1.022-2.506h1.974zm2.324 1.848c.168-.019.343-.058.525-.119a1.63 1.63 0 00.49-.259 1.38 1.38 0 00.357-.413c.093-.163.14-.357.14-.581 0-.364-.114-.637-.343-.819-.229-.182-.618-.348-1.169-.497V15.6zm-.826-7.196a1.54 1.54 0 00-.462.07 1.22 1.22 0 00-.406.217c-.121.098-.217.22-.287.364-.07.145-.105.315-.105.511 0 .308.098.546.294.714.196.168.518.303.966.406V8.404z"}),/*#__PURE__*/jsxRuntime.jsx("path",{stroke:"#F4F5F7",strokeWidth:0.1,opacity:0.01,d:"M.05.05h23.9v23.9H.05z"})]}));});InvoicesIcon.displayName="InvoicesIcon";var InvoicesIcon$1=InvoicesIcon;function ownKeys$1b(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$1b(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$1b(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$1b(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var LabelsIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$1b(_objectSpread$1b({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M17 2a3 3 0 013 3v17l-8-4-8 4V5a3 3 0 013-3h10zm0 2H7a1 1 0 00-.993.883L6 5v13.764l6-3 6 3V5a1 1 0 00-.883-.993L17 4z",fillRule:"evenodd"})}));});LabelsIcon.displayName="LabelsIcon";var LabelsIcon$1=LabelsIcon;function ownKeys$1a(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$1a(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$1a(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$1a(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var LockSmallIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$1a(_objectSpread$1a({width:12,height:12,viewBox:"0 0 12 12",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M7 0a2 2 0 012 2v1h1a1 1 0 011 1v7a1 1 0 01-1 1H2a1 1 0 01-1-1V4c0-.555.445-1 1-1h1V2a2 2 0 012-2h2zm3 4H2v7h8V4zM7 6v3H5V6h2zm0-5H5a1 1 0 00-.993.883L4 2v1h4V2a1 1 0 00-.883-.993L7 1z",fillRule:"evenodd"})}));});LockSmallIcon.displayName="LockSmallIcon";var LockSmallIcon$1=LockSmallIcon;function ownKeys$19(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$19(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$19(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$19(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var LockIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$19(_objectSpread$19({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M12 17a2 2 0 01-2-2c0-1.11.89-2 2-2a2 2 0 110 4m6 3V10H6v10h12m0-12a2 2 0 012 2v10a2 2 0 01-2 2H6a2 2 0 01-2-2V10c0-1.11.89-2 2-2h1V6a5 5 0 1110 0v2h1m-6-5a3 3 0 00-3 3v2h6V6a3 3 0 00-3-3z",fillRule:"evenodd"})}));});LockIcon.displayName="LockIcon";var LockIcon$1=LockIcon;function ownKeys$18(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$18(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$18(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$18(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var MarkerIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$18(_objectSpread$18({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M12 17a1 1 0 010 2H4a1 1 0 010-2h8zm0-4a1 1 0 010 2H4a1 1 0 010-2h8zm10-1a1 1 0 01-.883.993l-5.25-.002c-.214 0-.442-.06-.626-.2L13.436 11H4a1 1 0 010-2h9.592l1.611-1.604A.998.998 0 0116 7h5a1 1 0 011 1v4zm-5.579-3.001l-1.079 1.079.921.921 3.736.001V9l-3.578-.001zM12 5a1 1 0 010 2H4a1 1 0 110-2h8z",fillRule:"evenodd"})}));});MarkerIcon.displayName="MarkerIcon";var MarkerIcon$1=MarkerIcon;function ownKeys$17(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$17(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$17(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$17(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var MessageAddIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$17(_objectSpread$17({width:24,height:24,xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M11 4v2H6v11.26L10.39 15H18v-2h2v2a2 2 0 01-2 2H9.995L4 21V6a2 2 0 012-2h5zm7-1v3h3v2h-3v3h-2V8h-3V6h3V3h2z",fillRule:"evenodd"})}));});MessageAddIcon.displayName="MessageAddIcon";var MessageAddIcon$1=MessageAddIcon;function ownKeys$16(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$16(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$16(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$16(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var MessageSmallIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$16(_objectSpread$16({width:12,height:12,viewBox:"0 0 12 12",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M12 2v8H3.998L1 12V2h11zm-1 1H2v7.13L3.695 9H11V3zM6 6v1H3V6h3zm4-2v1H3V4h7z",fillRule:"evenodd"})}));});MessageSmallIcon.displayName="MessageSmallIcon";var MessageSmallIcon$1=MessageSmallIcon;function ownKeys$15(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$15(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$15(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$15(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var MessageIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$15(_objectSpread$15({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M22 4v12a2 2 0 01-2 2H7.995L2 22V4a2 2 0 012-2h16a2 2 0 012 2zm-2 0H4v14.26L7.39 16H20V4zm-8 6v2H6v-2h6zm6-4v2H6V6h12z",fillRule:"evenodd"})}));});MessageIcon.displayName="MessageIcon";var MessageIcon$1=MessageIcon;function ownKeys$14(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$14(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$14(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$14(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var MoveTriggerIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$14(_objectSpread$14({width:10,height:10,viewBox:"0 0 10 10",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M0 0h10v1H0zm0 3h10v1H0zm0 3h10v1H0zm0 3h10v1H0z",fillRule:"evenodd"})}));});MoveTriggerIcon.displayName="MoveTriggerIcon";var MoveTriggerIcon$1=MoveTriggerIcon;function ownKeys$13(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$13(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$13(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$13(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var MyWorkIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsxs("svg",_objectSpread$13(_objectSpread$13({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:[/*#__PURE__*/jsxRuntime.jsx("path",{d:"M12 12a2 2 0 100-4 2 2 0 000 4zm0 2a4 4 0 110-8 4 4 0 010 8zm-7 5c.4-1.647 1.356-2.88 2.53-3.265A14.25 14.25 0 0112 15c1.49 0 2.98.245 4.47.735C17.645 16.12 18.6 17.353 19 19h-2.085c-.274-.757-.696-1.243-1.068-1.365A12.252 12.252 0 0012 17c-1.275 0-2.555.21-3.847.635-.372.122-.794.608-1.068 1.365H5zM5 4a1 1 0 00-1 1v14a1 1 0 001 1h14a1 1 0 001-1V5a1 1 0 00-1-1H5zm0-2h14a3 3 0 013 3v14a3 3 0 01-3 3H5a3 3 0 01-3-3V5a3 3 0 013-3z"}),/*#__PURE__*/jsxRuntime.jsx("path",{stroke:"#F4F5F7",strokeWidth:0.1,opacity:0.01,d:"M.05.05h23.9v23.9H.05z"})]}));});MyWorkIcon.displayName="MyWorkIcon";var MyWorkIcon$1=MyWorkIcon;function ownKeys$12(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$12(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$12(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$12(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var NotificationBellIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$12(_objectSpread$12({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M21 19H3v-3.9l.7-.2C4.5 14.6 5 13.8 5 13v-2c0-2.7 1.6-5.2 4-6.3.2-1.6 1.5-2.7 3-2.7s2.8 1.1 3 2.7c2.4 1.2 4 3.6 4 6.3v2c0 .8.5 1.6 1.3 1.9l.7.2V19zM5 17h14v-.5c-1.2-.7-2-2-2-3.5v-2c0-1.9-1.1-3.7-2.9-4.5l-1-.5-.1-1.1c-.1-.5-.5-.9-1-.9s-.9.4-1 .9L10.9 6l-1 .5C8.1 7.3 7 9.1 7 11v2c0 1.4-.8 2.8-2 3.5v.5zm8 3h2c0 1.7-1.3 3-3 3s-3-1.3-3-3h2c0 .6.4 1 1 1s1-.4 1-1zm0 0h2c0 1.7-1.3 3-3 3s-3-1.3-3-3h2c0 .6.4 1 1 1s1-.4 1-1z"})}));});NotificationBellIcon.displayName="NotificationBellIcon";var NotificationBellIcon$1=NotificationBellIcon;function ownKeys$11(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$11(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$11(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$11(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var OpenExpandedIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$11(_objectSpread$11({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3m-2 16H5V5h5V3H5a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-5h-2v5z",fillRule:"nonzero"})}));});OpenExpandedIcon.displayName="OpenExpandedIcon";var OpenExpandedIcon$1=OpenExpandedIcon;function ownKeys$10(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$10(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$10(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$10(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var PaidSmallIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$10(_objectSpread$10({width:12,height:12,viewBox:"0 0 12 12",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M11.243 8.121l.707.707-2.829 2.829L7 9.536l.707-.708 1.414 1.414 2.122-2.12zM5.5 0a5.5 5.5 0 015.293 7l-1.05.001A4.5 4.5 0 106 9.972v1.006A5.5 5.5 0 115.5 0zM6 2v1h1v1H5v1h2v3H6v1H5V8H4V7h2V6H4V3h1V2h1z",fillRule:"evenodd"})}));});PaidSmallIcon.displayName="PaidSmallIcon";var PaidSmallIcon$1=PaidSmallIcon;function ownKeys$$(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$$(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$$(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$$(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var PauseIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$$(_objectSpread$$({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M12 3a9 9 0 110 18 9 9 0 010-18zm-1 6H9v6h2V9zm4 0h-2v6h2V9z",fillRule:"evenodd"})}));});PauseIcon.displayName="PauseIcon";var PauseIcon$1=PauseIcon;function ownKeys$_(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$_(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$_(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$_(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var PencilSmallIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$_(_objectSpread$_({width:12,height:12,xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M9 3.47L2.46 10H2v-.46L8.53 3l.47.47zM9.98.145l-.915.915 1.875 1.875.915-.915a.498.498 0 000-.705l-1.17-1.17a.5.5 0 00-.705 0zm-1.45 1.45L1 9.125V11h1.875l7.53-7.53L8.53 1.595z",fillRule:"evenodd"})}));});PencilSmallIcon.displayName="PencilSmallIcon";var PencilSmallIcon$1=PencilSmallIcon;function ownKeys$Z(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$Z(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$Z(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$Z(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var PencilIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$Z(_objectSpread$Z({width:24,height:24,xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M14.06 9l.94.94L5.92 19H5v-.92L14.06 9m3.6-6c-.25 0-.51.1-.7.29l-1.83 1.83 3.75 3.75 1.83-1.83c.39-.39.39-1.04 0-1.41l-2.34-2.34c-.2-.2-.45-.29-.71-.29m-3.6 3.19L3 17.25V21h3.75L17.81 9.94l-3.75-3.75z",fillRule:"evenodd"})}));});PencilIcon.displayName="PencilIcon";var PencilIcon$1=PencilIcon;function ownKeys$Y(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$Y(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$Y(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$Y(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var PendingPaymentSmallIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$Y(_objectSpread$Y({width:12,height:12,viewBox:"0 0 12 12",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M10 5v1h1v1H9v1h2v3h-1v1H9v-1H8v-1h2V9H8V6h1V5h1zM8 1v3L6 6l1 1v1.25l-2-2-2 2V10h4v1H2V8l2-2-2-2V1h6zM7 2H3v1.75l2 2 2-2V2z",fillRule:"evenodd"})}));});PendingPaymentSmallIcon.displayName="PendingPaymentSmallIcon";var PendingPaymentSmallIcon$1=PendingPaymentSmallIcon;function ownKeys$X(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$X(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$X(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$X(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var PeopleIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsxs("svg",_objectSpread$X(_objectSpread$X({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:[/*#__PURE__*/jsxRuntime.jsx("path",{d:"M20.998 16.775l-.148-.387a2.001 2.001 0 00-1.601-1.27 12.961 12.961 0 00-2.317-.105c-.253-.76-.683-1.527-.932-1.937a14.912 14.912 0 013.518.06 4.003 4.003 0 013.203 2.54l.147.387a2 2 0 01-1.614 2.696 27.849 27.849 0 01-3.248.24c0-.355-.004-.741-.127-1.115L17.587 17a27.311 27.311 0 003.41-.225zM17.5 10a1.5 1.5 0 100-3 1.5 1.5 0 000 3zm0 2a3.5 3.5 0 110-7 3.5 3.5 0 010 7zM5.437 14.315a2 2 0 00-1.494 1.333L3 18.51c1.826.327 3.65.49 5.473.49a30.99 30.99 0 005.474-.49l-.943-2.862a2 2 0 00-1.494-1.333A14.924 14.924 0 008.473 14c-1.01 0-2.021.105-3.036.315zm-.406-1.958A16.924 16.924 0 018.473 12c1.148 0 2.295.119 3.443.357a4 4 0 012.987 2.665l.943 2.862A2 2 0 0114.3 20.48a33.015 33.015 0 01-5.827.52c-1.941 0-3.883-.174-5.825-.521a2 2 0 01-1.547-2.595l.942-2.862a4 4 0 012.988-2.665zM8.474 9a2.5 2.5 0 100-5 2.5 2.5 0 000 5zm0 2a4.5 4.5 0 110-9 4.5 4.5 0 010 9z"}),/*#__PURE__*/jsxRuntime.jsx("path",{stroke:"#F4F5F7",strokeWidth:0.1,opacity:0.01,d:"M.05.05h23.9v23.9H.05z"})]}));});PeopleIcon.displayName="PeopleIcon";var PeopleIcon$1=PeopleIcon;function ownKeys$W(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$W(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$W(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$W(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var PersonPlusIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$W(_objectSpread$W({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M12 13c1.382 0 2.764.119 4.145.357 1.687.29 3.06 1.306 3.598 2.665l1.135 2.862c.417 1.05-.27 2.18-1.534 2.526-.107.03-.217.052-.329.069A47.673 47.673 0 0112 22c-2.339 0-4.677-.174-7.015-.521-1.31-.195-2.181-1.234-1.947-2.321a1.73 1.73 0 01.083-.274l1.136-2.862c.539-1.359 1.91-2.375 3.597-2.665A24.402 24.402 0 0112 13zm0 2c-1.292 0-2.586.105-3.884.315-.896.145-1.624.653-1.91 1.333L5 19.51c2.335.327 4.668.49 7 .49a50.46 50.46 0 007-.49l-1.206-2.862c-.286-.68-1.014-1.188-1.91-1.333A24.237 24.237 0 0012 15zm0-13c.711 0 1.388.149 2 .416v2.349A3 3 0 1014.829 8h2.072A5.002 5.002 0 017 7a5 5 0 015-5zm8 0v2h2v2h-2v2h-2V5.999L16 6V4l2-.001V2h2z",fillRule:"evenodd"})}));});PersonPlusIcon.displayName="PersonPlusIcon";var PersonPlusIcon$1=PersonPlusIcon;function ownKeys$V(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$V(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$V(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$V(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var PersonIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$V(_objectSpread$V({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M12 13c1.382 0 2.764.119 4.145.357 1.687.29 3.06 1.306 3.598 2.665l1.135 2.862c.417 1.05-.27 2.18-1.534 2.526-.107.03-.217.052-.329.069A47.673 47.673 0 0112 22c-2.339 0-4.677-.174-7.015-.521-1.31-.195-2.181-1.234-1.947-2.321a1.73 1.73 0 01.083-.274l1.136-2.862c.539-1.359 1.91-2.375 3.597-2.665A24.402 24.402 0 0112 13zm0 2c-1.292 0-2.586.105-3.884.315-.896.145-1.624.653-1.91 1.333L5 19.51c2.335.327 4.668.49 7 .49a50.46 50.46 0 007-.49l-1.206-2.862c-.286-.68-1.014-1.188-1.91-1.333A24.237 24.237 0 0012 15zm0-13a5 5 0 110 10 5 5 0 010-10zm0 2a3 3 0 100 6 3 3 0 000-6z",fillRule:"evenodd"})}));});PersonIcon.displayName="PersonIcon";var PersonIcon$1=PersonIcon;function ownKeys$U(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$U(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$U(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$U(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var PlayIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$U(_objectSpread$U({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M12 3a9 9 0 110 18 9 9 0 010-18zm-2 6v6l5-3-5-3z",fillRule:"evenodd"})}));});PlayIcon.displayName="PlayIcon";var PlayIcon$1=PlayIcon;function ownKeys$T(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$T(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$T(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$T(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var ProjectAddIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$T(_objectSpread$T({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M4 4v5h5V4H4zm0-2h5a2 2 0 012 2v5a2 2 0 01-2 2H4a2 2 0 01-2-2V4a2 2 0 012-2zm0 13v5h5v-5H4zm0-2h5a2 2 0 012 2v5a2 2 0 01-2 2H4a2 2 0 01-2-2v-5a2 2 0 012-2zm11-9v5h5V4h-5zm4 10v3h3v2h-3v3h-2v-3h-3v-2h3v-3h2zm1-12a2 2 0 012 2v5a2 2 0 01-2 2h-5a2 2 0 01-2-2V4a2 2 0 012-2h5z",fillRule:"evenodd"})}));});ProjectAddIcon.displayName="ProjectAddIcon";var ProjectAddIcon$1=ProjectAddIcon;function ownKeys$S(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$S(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$S(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$S(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var ProjectTemplateIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$S(_objectSpread$S({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M20 4a2 2 0 012 2v14a2 2 0 01-2 2H6a2 2 0 01-2-2v-8h2v8h14V6h-8V4h8zm-8.464 6.121l2.535 2.536L16 10.75V16h-5.249l1.906-1.929-2.536-2.535 1.415-1.415zM8 1a2 2 0 012 2v5a2 2 0 01-2 2H3a2 2 0 01-2-2V3a2 2 0 012-2h5zm0 2H3v5h5V3z",fillRule:"evenodd"})}));});ProjectTemplateIcon.displayName="ProjectTemplateIcon";var ProjectTemplateIcon$1=ProjectTemplateIcon;function ownKeys$R(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$R(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$R(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$R(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var ProjectsIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsxs("svg",_objectSpread$R(_objectSpread$R({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:[/*#__PURE__*/jsxRuntime.jsx("path",{d:"M4 4v5h5V4H4zm0-2h5a2 2 0 012 2v5a2 2 0 01-2 2H4a2 2 0 01-2-2V4a2 2 0 012-2zm0 13v5h5v-5H4zm0-2h5a2 2 0 012 2v5a2 2 0 01-2 2H4a2 2 0 01-2-2v-5a2 2 0 012-2zm11-9v5h5V4h-5zm0-2h5a2 2 0 012 2v5a2 2 0 01-2 2h-5a2 2 0 01-2-2V4a2 2 0 012-2zm0 13v5h5v-5h-5zm0-2h5a2 2 0 012 2v5a2 2 0 01-2 2h-5a2 2 0 01-2-2v-5a2 2 0 012-2z"}),/*#__PURE__*/jsxRuntime.jsx("path",{stroke:"#F4F5F7",strokeWidth:0.1,opacity:0.01,d:"M.05.05h23.9v23.9H.05z"})]}));});ProjectsIcon.displayName="ProjectsIcon";var ProjectsIcon$1=ProjectsIcon;function ownKeys$Q(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$Q(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$Q(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$Q(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var RadioBlankIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$Q(_objectSpread$Q({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2a8 8 0 100 16 8 8 0 000-16z",fillRule:"evenodd"})}));});RadioBlankIcon.displayName="RadioBlankIcon";var RadioBlankIcon$1=RadioBlankIcon;function ownKeys$P(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$P(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$P(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$P(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var RearangeIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$P(_objectSpread$P({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M9 16a2 2 0 110 4 2 2 0 010-4zm6 0a2 2 0 110 4 2 2 0 010-4zm-6-6a2 2 0 110 4 2 2 0 010-4zm6 0a2 2 0 110 4 2 2 0 010-4zM9 4a2 2 0 110 4 2 2 0 010-4zm6 0a2 2 0 110 4 2 2 0 010-4z",fillRule:"evenodd"})}));});RearangeIcon.displayName="RearangeIcon";var RearangeIcon$1=RearangeIcon;function ownKeys$O(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$O(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$O(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$O(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var RearrangeSmallIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$O(_objectSpread$O({width:12,height:12,viewBox:"0 0 12 12",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M4 8a1 1 0 110 2 1 1 0 010-2zm4 0a1 1 0 110 2 1 1 0 010-2zM4 5a1 1 0 110 2 1 1 0 010-2zm4 0a1 1 0 110 2 1 1 0 010-2zM4 2a1 1 0 110 2 1 1 0 010-2zm4 0a1 1 0 110 2 1 1 0 010-2z",fillRule:"evenodd"})}));});RearrangeSmallIcon.displayName="RearrangeSmallIcon";var RearrangeSmallIcon$1=RearrangeSmallIcon;function ownKeys$N(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$N(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$N(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$N(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var RecurringCheckmarkSmallIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$N(_objectSpread$N({width:12,height:12,viewBox:"0 0 12 12",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M1 5.874a5.002 5.002 0 008.743 3.442l-.78-.45 2.3-.982.3 2.482-.939-.542A6.002 6.002 0 01.001 6.141l1-.267zm6.93-1.177a.5.5 0 010 .707L5.975 7.39a.5.5 0 01-.707 0l-.971-.975a.5.5 0 01.707-.708l.617.622 1.602-1.63a.5.5 0 01.707 0zM9 .804a5.996 5.996 0 013 5.052l-1.001.268.001-.043a5.002 5.002 0 00-8.743-3.398l.779.451-2.3.982-.298-2.482.938.54A6.002 6.002 0 019 .805z",fillRule:"evenodd"})}));});RecurringCheckmarkSmallIcon.displayName="RecurringCheckmarkSmallIcon";var RecurringCheckmarkSmallIcon$1=RecurringCheckmarkSmallIcon;function ownKeys$M(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$M(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$M(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$M(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var RecurringCheckmarkIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$M(_objectSpread$M({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M5.014 12a6.944 6.944 0 001.826 4.73l.21.22a7 7 0 009.727.167l.173-.167-1.414-1.414 4.871-.63-.629 4.872-1.414-1.414a9 9 0 01-12.728 0 8.891 8.891 0 01-2.498-4.788A9.017 9.017 0 013 12.01h.006V12h2.008zm10.593-2.293a1 1 0 010 1.414l-3.657 3.657a1 1 0 01-1.414 0L8.707 12.95a1 1 0 011.414-1.414l1.12 1.12 2.951-2.949a1 1 0 011.415 0zm-3.246-6.7c2.1.084 4.175.898 5.813 2.444l.19.185.225.234.096.104.118.133a8.861 8.861 0 012.04 4.216l.043.25c.071.44.109.886.113 1.332h-.006l.001.095h-2.008a6.955 6.955 0 00-1.245-4.005l-.186-.254-.094-.12a7 7 0 00-10.238-.737l-.173.166 1.414 1.414-4.871.63.629-4.872 1.414 1.414a8.976 8.976 0 016.725-2.629z",fillRule:"evenodd"})}));});RecurringCheckmarkIcon.displayName="RecurringCheckmarkIcon";var RecurringCheckmarkIcon$1=RecurringCheckmarkIcon;function ownKeys$L(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$L(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$L(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$L(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var ReportsIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsxs("svg",_objectSpread$L(_objectSpread$L({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:[/*#__PURE__*/jsxRuntime.jsx("path",{d:"M17 6v2H7V6H6v15h12V6h-1zm0-2h1a2 2 0 012 2v15a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2h1V3h2c.336-2 1.336-3 3-3s2.664 1 3 3h2v1zM8 16h2v3H8v-3zm3-3h2v6h-2v-6zm3-3h2v9h-2v-9zm-1-5V3.332C13 2.327 12.61 2 12 2s-1 .303-1 1.332V5H9v1h6V5h-2z"}),/*#__PURE__*/jsxRuntime.jsx("path",{stroke:"#F4F5F7",strokeWidth:0.1,opacity:0.01,d:"M.05.05h23.9v23.9H.05z"})]}));});ReportsIcon.displayName="ReportsIcon";var ReportsIcon$1=ReportsIcon;function ownKeys$K(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$K(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$K(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$K(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var SearchIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$K(_objectSpread$K({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M16.717 15.708a6 6 0 10-1.07 1.056l.602-.46.468-.596zm1.572 1.238l2.883 2.882a1 1 0 01-1.415 1.415l-2.891-2.892a8 8 0 111.423-1.405z"})}));});SearchIcon.displayName="SearchIcon";var SearchIcon$1=SearchIcon;function ownKeys$J(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$J(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$J(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$J(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var SendBlankIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$J(_objectSpread$J({width:24,height:24,xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M1.241 1.405A2 2 0 013.812.53l.14.07 17.801 9.641a2 2 0 01.135 3.438l-.135.08-17.8 9.642a2 2 0 01-2.948-1.61L1 21.642V15l6-3-6-3V2.358a2 2 0 01.241-.953zM3 2.358v5.406L11.472 12 3 16.235v5.406L20.799 12 3 2.358z",fillRule:"evenodd"})}));});SendBlankIcon.displayName="SendBlankIcon";var SendBlankIcon$1=SendBlankIcon;function ownKeys$I(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$I(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$I(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$I(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var SendFilledIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$I(_objectSpread$I({width:24,height:24,xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M3.953 23.4l17.8-9.641a2 2 0 000-3.518L3.953.6A2 2 0 001 2.358V9l8 3-8 3v6.642a2 2 0 002.953 1.759z",fillRule:"evenodd"})}));});SendFilledIcon.displayName="SendFilledIcon";var SendFilledIcon$1=SendFilledIcon;function ownKeys$H(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$H(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$H(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$H(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var SortGeneralIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$H(_objectSpread$H({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M17 6v11h3l-4 4-4-4h3V6h2zM8 3l4 4H9v11H7V7H4l4-4z",fillRule:"evenodd"})}));});SortGeneralIcon.displayName="SortGeneralIcon";var SortGeneralIcon$1=SortGeneralIcon;function ownKeys$G(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$G(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$G(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$G(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var StarIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$G(_objectSpread$G({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M12.264 18.74l-5.26 2.766a1 1 0 01-1.451-1.054l1.004-5.857-4.255-4.148a1 1 0 01.554-1.706l5.881-.854 2.63-5.33a1 1 0 011.793 0l2.63 5.33 5.881.854a1 1 0 01.554 1.706l-4.255 4.148 1.005 5.857a1 1 0 01-1.451 1.054l-5.26-2.765z",fillRule:"nonzero"})}));});StarIcon.displayName="StarIcon";var StarIcon$1=StarIcon;function ownKeys$F(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$F(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$F(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$F(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var TaskAddIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$F(_objectSpread$F({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M12 2c5.523 0 10 4.477 10 10h-2a8 8 0 10-8 8v2C6.477 22 2 17.523 2 12S6.477 2 12 2zm7 12v3h3v2h-3v3h-2v-3.001L14 19v-2l3-.001V14h2zm-3.393-4.293a1 1 0 010 1.414l-3.657 3.657a1 1 0 01-1.414 0L8.707 12.95a1 1 0 011.414-1.414l1.12 1.12 2.951-2.949a1 1 0 011.415 0z",fillRule:"evenodd"})}));});TaskAddIcon.displayName="TaskAddIcon";var TaskAddIcon$1=TaskAddIcon;function ownKeys$E(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$E(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$E(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$E(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var TextFormatGeneralAltIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$E(_objectSpread$E({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M5 17v2h14v-2H5zm4.5-4.2h5l.9 2.2h2.1L12.75 4h-1.5L6.5 15h2.1l.9-2.2zM12 5.98L13.87 11h-3.74L12 5.98z",fillRule:"evenodd"})}));});TextFormatGeneralAltIcon.displayName="TextFormatGeneralAltIcon";var TextFormatGeneralAltIcon$1=TextFormatGeneralAltIcon;function ownKeys$D(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$D(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$D(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$D(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var ThumbUpOutlineIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$D(_objectSpread$D({width:14,height:14,viewBox:"0 0 14 14",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M8.647.034c.424.02.847.164 1.173.542.263.305.403.73.403 1.262l-.003.513-.015.658-.019.374-.028.33c-.033.312-.08.567-.148.796l-.022.065.069.091c.289.364.59.477 1.119.496l.15.003h.251c.682 0 1.239.08 1.679.286.37.175.624.435.726.876.07 2.43-.78 5.856-1.727 6.803a3.787 3.787 0 01-.494.433c-.39.278-.697.388-1.434.434l-.344.017-.405.01-.71.009c-1.71 0-2.668-.214-4.006-.754l-.393-.158a1.468 1.468 0 01-1.36.912H1.53c-.81 0-1.468-.657-1.468-1.468V7.5c0-.81.657-1.468 1.468-1.468h1.58c.443 0 .84.196 1.11.506.097-.236.216-.453.359-.635.21-.266.434-.459.881-.79l.286-.213c.973-.745 1.316-1.249 1.316-2.158l.005-.264c.028-.685.165-1.227.4-1.635.304-.526.745-.77 1.132-.808zM8.615.71l.027.003-.05.008c-.171.042-.377.18-.54.46-.199.347-.313.86-.313 1.56l-.005.202c-.054 1.114-.572 1.755-1.776 2.645l-.237.175-.23.182c-.168.138-.28.25-.381.377-.265.337-.448.94-.533 1.415v4.697l.539.216c1.172.473 2.01.675 3.414.702l.334.003.855-.012.335-.01.28-.016.122-.01.213-.025.177-.033a1.34 1.34 0 00.344-.126l.118-.072.06-.04c.12-.086.248-.2.406-.36.788-.787 1.597-4.044 1.54-6.234-.036-.148-.145-.259-.346-.354-.33-.154-.8-.222-1.39-.222h-.253c-.94-.005-1.484-.228-1.998-1.036l-.092-.145.062-.16c.11-.282.175-.626.21-1.134l.02-.363.012-.419.006-.746c0-.378-.087-.645-.238-.82C9.127.81 8.87.722 8.615.71zm-5.505 6H1.529a.79.79 0 00-.79.79v5.064c0 .437.354.79.79.79h1.58a.79.79 0 00.791-.79V7.5a.79.79 0 00-.79-.79z",fillRule:"evenodd"})}));});ThumbUpOutlineIcon.displayName="ThumbUpOutlineIcon";var ThumbUpOutlineIcon$1=ThumbUpOutlineIcon;function ownKeys$C(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$C(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$C(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$C(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var TrashIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsxs("svg",_objectSpread$C(_objectSpread$C({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:[/*#__PURE__*/jsxRuntime.jsx("path",{d:"M8 4l1-2h6l1 2h4v2h-1v13a2 2 0 01-2 2H7a2 2 0 01-2-2V6H4V4h4zm3 2v13h2V6h-2zM7 6v13h2V6H7zm10 0h-2v13h2V6z"}),/*#__PURE__*/jsxRuntime.jsx("path",{stroke:"#F4F5F7",strokeWidth:0.1,opacity:0.01,d:"M.05.05h23.9v23.9H.05z"})]}));});TrashIcon.displayName="TrashIcon";var TrashIcon$1=TrashIcon;function ownKeys$B(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$B(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$B(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$B(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var ViewGridIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$B(_objectSpread$B({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M12 16c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2m0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2m0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2M6 16c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2m0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2m0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2m12 12c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2m0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2m0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2z",fillRule:"evenodd"})}));});ViewGridIcon.displayName="ViewGridIcon";var ViewGridIcon$1=ViewGridIcon;function ownKeys$A(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$A(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$A(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$A(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var ViewListIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$A(_objectSpread$A({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M19 17a1 1 0 010 2H5a1 1 0 010-2h14zm0-6a1 1 0 010 2H5a1 1 0 010-2h14zm0-6a1 1 0 010 2H5a1 1 0 110-2h14z",fillRule:"evenodd"})}));});ViewListIcon.displayName="ViewListIcon";var ViewListIcon$1=ViewListIcon;function ownKeys$z(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$z(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$z(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$z(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var VolumeHighIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$z(_objectSpread$z({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M14 3.23c4 .91 7 4.49 7 8.77 0 4.187-2.871 7.704-6.74 8.707l-.26.063V18.7c2.89-.86 5-3.53 5-6.7a7.005 7.005 0 00-4.754-6.632L14 5.29V3.23zM12 4v16l-5-5H3V9h4l5-5zm2 3.97c1.5.74 2.5 2.26 2.5 4.03a4.403 4.403 0 01-2.307 3.903L14 16V7.97z",fillRule:"evenodd"})}));});VolumeHighIcon.displayName="VolumeHighIcon";var VolumeHighIcon$1=VolumeHighIcon;function ownKeys$y(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$y(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$y(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$y(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var VolumeOffIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$y(_objectSpread$y({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M4.64 3.64l15.72 15.72-1.41 1.42L15 16.83V20l-5-5H6V9h1.17L3.22 5.05l1.42-1.41M15 4v7.17l-3.59-3.59L15 4z",fillRule:"evenodd"})}));});VolumeOffIcon.displayName="VolumeOffIcon";var VolumeOffIcon$1=VolumeOffIcon;function ownKeys$x(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$x(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$x(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$x(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var WarningTriangleSmallIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$x(_objectSpread$x({width:12,height:12,viewBox:"0 0 12 12",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M6.54 1.123c.19.093.347.233.45.403l4.872 7.982c.298.49.097 1.102-.45 1.369-.166.08-.352.123-.541.123H1.129C.505 11 0 10.548 0 9.991c0-.169.047-.335.138-.483l4.871-7.982c.298-.49.984-.67 1.531-.403zM6 2l-5 8h10L6 2zm0 4a1.5 1.5 0 110 3 1.5 1.5 0 010-3z",fillRule:"evenodd"})}));});WarningTriangleSmallIcon.displayName="WarningTriangleSmallIcon";var WarningTriangleSmallIcon$1=WarningTriangleSmallIcon;function ownKeys$w(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$w(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$w(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$w(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var WarningTriangleIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$w(_objectSpread$w({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M13.08 2.247c.381.185.694.465.902.805l8.742 14.964c.597.978.194 2.204-.9 2.738a2.472 2.472 0 01-1.082.246H3.258C2.01 21 1 20.097 1 18.982c0-.337.095-.67.276-.966l8.742-14.964c.597-.978 1.968-1.339 3.063-.805zM12 4L3 19h18L12 4zm0 7a3 3 0 110 6 3 3 0 010-6z",fillRule:"evenodd"})}));});WarningTriangleIcon.displayName="WarningTriangleIcon";var WarningTriangleIcon$1=WarningTriangleIcon;function ownKeys$v(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$v(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$v(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$v(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var WarningIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$v(_objectSpread$v({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsx("path",{d:"M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2a8 8 0 100 16 8 8 0 000-16zm1 11v2h-2v-2h2zm0-8v6h-2V7h2z",fillRule:"evenodd"})}));});WarningIcon.displayName="WarningIcon";var WarningIcon$1=WarningIcon;function ownKeys$u(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$u(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$u(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$u(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var WorkloadIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsxs("svg",_objectSpread$u(_objectSpread$u({width:24,height:24,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"var(--color-theme-600)",ref:svgRef},props),{},{children:[/*#__PURE__*/jsxRuntime.jsx("path",{stroke:"#F4F5F7",strokeWidth:0.1,opacity:0.01,d:"M.05.05h23.9v23.9H.05z"}),/*#__PURE__*/jsxRuntime.jsx("path",{d:"M22 12a.834.834 0 00-.41-.717l-1.959-1.158 1.96-1.157a.834.834 0 000-1.435l-9.167-5.417a.833.833 0 00-.848 0L2.409 7.533a.833.833 0 000 1.435l1.96 1.157-1.96 1.158a.833.833 0 000 1.435l1.96 1.157-1.96 1.158a.833.833 0 000 1.435l9.167 5.416a.829.829 0 00.848 0l9.167-5.416a.834.834 0 000-1.435l-1.96-1.158 1.96-1.157A.834.834 0 0022 12zM12 3.801l7.528 4.45L12 12.698 4.471 8.25 12 3.801zm-.424 10.583a.829.829 0 00.848 0l5.57-3.29 1.535.907L12 16.449 4.471 12l1.536-.907 5.569 3.291zm7.952 1.366L12 20.2l-7.529-4.45 1.536-.907 5.57 3.29a.829.829 0 00.848 0l5.57-3.29 1.533.907z"})]}));});WorkloadIcon.displayName="WorkloadIcon";var WorkloadIcon$1=WorkloadIcon;var StyledTextarea=styled__default["default"].textarea.withConfig({displayName:"Styles__StyledTextarea",componentId:"sc-m6jqw8-0"})(["border:1px solid var(--border-primary);border-radius:10px;color:var(--color-theme-900);font-size:14px;padding:4px 10px 6px 8px;height:auto;background-color:var(--input-background-color);transition:all 0.3s ease;width:360px;min-height:90px;"," "," "," &:active,&:focus{outline:none !important;","}&:focus{box-shadow:none;}&::placeholder{color:var(--color-theme-600);}",""],FontStyle,BoxSizingStyle,function(props){return!props.disabled&&styled.css(["&:hover{outline:none !important;","}"],{"borderColor":"var(--color-primary)"});},{"borderColor":"var(--color-primary)"},function(props){return props.disabled&&styled.css(["outline:none;"," &:hover{border-color:var(--border-primary);}"],{"cursor":"not-allowed","opacity":"0.5","borderColor":"var(--color-theme-400)"});});StyledTextarea.displayName="StyledTextarea";var _excluded$f=["className","disabled"];function ownKeys$t(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$t(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$t(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$t(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var Textarea=/*#__PURE__*/React.forwardRef(function(_ref,ref){var className=_ref.className,_ref$disabled=_ref.disabled,disabled=_ref$disabled===void 0?false:_ref$disabled,rest=_objectWithoutProperties__default["default"](_ref,_excluded$f);return/*#__PURE__*/jsxRuntime.jsx(StyledTextarea,_objectSpread$t(_objectSpread$t({},rest),{},{ref:ref,disabled:disabled,className:classnames__default["default"]("c-textarea",{"c-textarea__disabled":disabled},className)}));});Textarea.displayName="Textarea";function createChainedFunction(){for(var _len=arguments.length,functions=new Array(_len),_key=0;_key<_len;_key++){functions[_key]=arguments[_key];}return functions.reduce(function(acc,func){if(func===null){return acc;}return function chainedFunction(){for(var _len2=arguments.length,args=new Array(_len2),_key2=0;_key2<_len2;_key2++){args[_key2]=arguments[_key2];}acc&&acc.apply(this,args);func&&func.apply(this,args);};},// eslint-disable-next-line @typescript-eslint/no-empty-function
|
|
28
|
+
function(){});}var StyledModalOverlay=styled__default["default"](Overlay).withConfig({displayName:"Styles__StyledModalOverlay",componentId:"sc-1elktgs-0"})([""," ",""],function(props){return!props.$open&&styled.css(["",""],{"display":"none"});},function(props){return!props.$disableBackgroundColor&&styled.css(["background:var(--modal-background);"]);});StyledModalOverlay.displayName="StyledModalOverlay";var _excluded$e=["children","disableFocusLock","disableScrollLock","disableBackgroundClick","disableBackgroundColor","open","onClose"];function ownKeys$s(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$s(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$s(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$s(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var getHasTransition=function getHasTransition(children){return children.props?Object.prototype.hasOwnProperty.call(children.props,"in"):false;};var Modal=/*#__PURE__*/React.forwardRef(function(_ref,ref){var children=_ref.children,_ref$disableFocusLock=_ref.disableFocusLock,disableFocusLock=_ref$disableFocusLock===void 0?false:_ref$disableFocusLock,_ref$disableScrollLoc=_ref.disableScrollLock,disableScrollLock=_ref$disableScrollLoc===void 0?false:_ref$disableScrollLoc,_ref$disableBackgroun=_ref.disableBackgroundClick,disableBackgroundClick=_ref$disableBackgroun===void 0?false:_ref$disableBackgroun,_ref$disableBackgroun2=_ref.disableBackgroundColor,disableBackgroundColor=_ref$disableBackgroun2===void 0?false:_ref$disableBackgroun2,_ref$open=_ref.open,defaultOpen=_ref$open===void 0?false:_ref$open,onClose=_ref.onClose,rest=_objectWithoutProperties__default["default"](_ref,_excluded$e);var _useState=React.useState(defaultOpen),_useState2=_slicedToArray__default["default"](_useState,2),open=_useState2[0],setOpen=_useState2[1];var _useState3=React.useState(true),_useState4=_slicedToArray__default["default"](_useState3,2),exited=_useState4[0],setExited=_useState4[1];var innerRef=React.useRef(null);var handleRef=useForkRef(innerRef,ref);var hasTransition=React.useMemo(function(){return getHasTransition(children);},[children]);React.useEffect(function(){setOpen(defaultOpen);},[defaultOpen]);var handleClose=React.useCallback(function(){setOpen(false);if(!hasTransition){typeof onClose==="function"&&onClose();}},[hasTransition,onClose]);var handleBackgroundClick=React.useCallback(function(event){if(!disableBackgroundClick){event.preventDefault();handleClose();}},[disableBackgroundClick,handleClose]);var handleEnter=React.useCallback(function(){setExited(false);},[]);var handleExited=React.useCallback(function(){setExited(true);typeof onClose==="function"&&onClose();},[onClose]);var childProps=React.useMemo(function(){var props={};// It's a Transition like component
|
|
29
|
+
if(hasTransition&&children){props={onEnter:createChainedFunction(handleEnter,children.props.onEnter),onExited:createChainedFunction(handleExited,children.props.onExited),in:open};}return props;},[children,handleEnter,handleExited,hasTransition,open]);if(!open&&(!hasTransition||exited)){return null;}return/*#__PURE__*/jsxRuntime.jsxs(Window,_objectSpread$s(_objectSpread$s({},rest),{},{ref:handleRef,onClose:handleClose,disableFocusLock:disableFocusLock,disableScrollLock:disableScrollLock,children:[/*#__PURE__*/jsxRuntime.jsx(StyledModalOverlay,{onClick:handleBackgroundClick,$disableBackgroundColor:disableBackgroundColor,$open:open}),/*#__PURE__*/React.cloneElement(children,childProps)]}));});Modal.displayName="Modal";var StyledSheetIcons=styled__default["default"].div.withConfig({displayName:"Styles__StyledSheetIcons",componentId:"sc-144eyxd-0"})(["display:flex;height:0;position:relative;span{position:relative;background-color:var(--page-paper-main);box-shadow:var(--shadow-secondary);cursor:pointer;border-radius:100%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;& > *{height:40px;width:40px;padding:8px;fill:var(--color-theme-600);}}"]);StyledSheetIcons.displayName="StyledSheetIcons";var StyledSheetOverlay=styled__default["default"](Overlay).withConfig({displayName:"Styles__StyledSheetOverlay",componentId:"sc-144eyxd-1"})(["",""],function(props){return props.$hasBgColor&&styled.css(["background:var(--modal-background);"]);});StyledSheetOverlay.displayName="StyledSheetOverlay";var StyledSheetWrapper=styled__default["default"].div.withConfig({displayName:"Styles__StyledSheetWrapper",componentId:"sc-144eyxd-2"})([""," "," position:relative;max-width:95vw;display:flex;flex-direction:row;"," "," "," "," "," ",""],BoxSizingStyle,FontStyle,function(props){return props.$mode==="stretch"?styled.css(["margin-top:8px;height:calc(100vh - 16px);width:calc(100vw - 100px);max-width:1000px;","{flex-direction:column;width:0;height:calc(100vh - 32px);& > *{margin-bottom:8px;animation-fill-mode:both;}span{top:8px;}}"],StyledSheetIcons):styled.css(["max-height:calc(100vh - 156px);margin-top:126px;margin-bottom:30px;width:540px;flex-direction:column;","{flex-direction:row-reverse;& > *{margin-left:8px;animation-fill-mode:both;}span{top:-48px;right:8px;}}"],StyledSheetIcons);},function(props){return props.$position==="center"&&styled.css(["",""],{"marginLeft":"auto","marginRight":"auto"});},function(props){return props.$position==="left"&&styled.css(["",""],{"marginLeft":"0.5rem","marginRight":"auto"});},function(props){return props.$position==="right"&&styled.css(["",""],{"marginRight":"0.5rem","marginLeft":"auto"});},function(props){return props.$mode==="stretch"&&props.$position!=="left"&&styled.css(["","{span{right:48px;}}"],StyledSheetIcons);},function(props){return props.$mode==="stretch"&&props.$position==="left"&&styled.css(["flex-direction:row-reverse;","{span{right:-8px;}}"],StyledSheetIcons);});StyledSheetWrapper.displayName="StyledSheetWrapper";var StyledSheetWrapperPaper=styled__default["default"].div.withConfig({displayName:"Styles__StyledSheetWrapperPaper",componentId:"sc-144eyxd-3"})(["background-color:var(--page-paper-main);color:var(--color-theme-900);box-shadow:var(--shadow-primary);border-radius:6px;overflow:auto;animation:0.3s linear ease-out;",""],{"flex":"1 1 auto"});StyledSheetWrapperPaper.displayName="StyledSheetWrapperPaper";var StyledSheetControlsTop=styled.keyframes(["0%{opacity:0;transform:translateY(-200px);}100%{opacity:1;transform:translateY(0);}"]);var StyledSheetControlsBottom=styled.keyframes(["0%{opacity:1;transform:translateY(0);}100%{opacity:0;transform:translateY(-200px);}"]);var StyledSheetControlsCenterIn=styled.keyframes(["0%{transform:translateY(-150px);opacity:0;}100%{transform:translateY(0);opacity:1;}"]);var StyledSheetControlsCenterOut=styled.keyframes(["0%{transform:translateY(0);opacity:1;}100%{transform:translateY(-150px);opacity:0;}"]);var StyledAnimatedSpan=styled__default["default"].span.withConfig({displayName:"Styles__StyledAnimatedSpan",componentId:"sc-144eyxd-4"})(["background:red;"," "," "," ",""],function(props){return props.$state==="entering"&&styled.css(["opacity:1;",""],props.$mode==="stretch"?styled.css(["animation-name:",";animation-duration:",";animation-delay:",";"],StyledSheetControlsTop,"".concat(props.$durationIn,"s"),"".concat(props.$durationIn,"s")):styled.css(["animation-name:",";animation-duration:",";animation-delay:0s;"],StyledSheetControlsCenterIn,"".concat(props.$maxDurationIn,"s")));},function(props){return props.$state==="entered"&&styled.css(["opacity:1;"]);},function(props){return props.$state==="exiting"&&styled.css(["opacity:0;",""],props.$mode==="stretch"?styled.css(["animation-name:",";animation-duration:",";animation-delay:",";"],StyledSheetControlsBottom,"".concat(props.$durationOut,"s"),"".concat(props.$durationOut,"s")):styled.css(["animation-name:",";animation-duration:",";animation-delay:0;"],StyledSheetControlsCenterOut,"".concat(props.$maxDurationOut,"s")));},function(props){return props.$state==="exited"&&styled.css(["opacity:0;"]);});StyledAnimatedSpan.displayName="StyledAnimatedSpan";var StyledCssTransition=styled__default["default"](reactTransitionGroup.CSSTransition).withConfig({displayName:"Styles__StyledCssTransition",componentId:"sc-144eyxd-5"})([""," "," "," ",""],function(props){return props.$direction==="top"&&styled.css(["&.c-sheet__animation-enter{opacity:0;transform:translateY(-100%);}&.c-sheet__animation-enter-active{opacity:1;transform:translateY(0);transition:opacity 400ms,transform 400ms;}&.c-sheet__animation-appear{opacity:0;transform:translateY(-100%);}&.c-sheet__animation-appear-active{opacity:1;transform:translateY(0);transition:opacity 400ms,transform 400ms;}&.c-sheet__animation-exit{opacity:1;}&.c-sheet__animation-exit-active{opacity:0;transform:translateY(-100%);transition:opacity 200ms,transform 200ms;}"]);},function(props){return props.$direction==="bottom"&&styled.css(["&.c-sheet__animation-enter{opacity:0;transform:translateY(100%);}&.c-sheet__animation-enter-active{opacity:1;transform:translateY(0);transition:opacity 400ms,transform 400ms;}&.c-sheet__animation-appear{opacity:0;transform:translateY(100%);}&.c-sheet__animation-appear-active{opacity:1;transform:translateY(0);transition:opacity 400ms,transform 400ms;}&.c-sheet__animation-exit{opacity:1;}&.c-sheet__animation-exit-active{opacity:0;transform:translateY(100%);transition:opacity 200ms,transform 200ms;}"]);},function(props){return props.$direction==="left"&&styled.css(["&.c-sheet__animation-enter{opacity:0;transform:translateX(-100%);}&.c-sheet__animation-enter-active{opacity:1;transform:translateX(0);transition:opacity 400ms,transform 400ms;}&.c-sheet__animation-appear{opacity:0;transform:translateX(-100%);}&.c-sheet__animation-appear-active{opacity:1;transform:translateX(0);transition:opacity 400ms,transform 400ms;}&.c-sheet__animation-exit{opacity:1;}&.c-sheet__animation-exit-active{opacity:0;transform:translateX(-100%);transition:opacity 200ms,transform 200ms;}"]);},function(props){return props.$direction==="right"&&styled.css(["&.c-sheet__animation-enter{opacity:0;transform:translateX(100%);}&.c-sheet__animation-enter-active{opacity:1;transform:translateX(0);transition:opacity 400ms,transform 400ms;}&.c-sheet__animation-appear{opacity:0;transform:translateX(100%);}&.c-sheet__animation-appear-active{opacity:1;transform:translateX(0);transition:opacity 400ms,transform 400ms;}&.c-sheet__animation-exit{opacity:1;}&.c-sheet__animation-exit-active{opacity:0;transform:translateX(100%);transition:opacity 200ms,transform 200ms;}"]);});StyledCssTransition.displayName="StyledCssTransition";var _excluded$d=["children","onClose","controls","open","animation","position","mode","disableFocusLock","disableScrollLock","disableBackgroundColor","bodyStyle","bodyClassName","disableBackgroundClick"];function ownKeys$r(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$r(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$r(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$r(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var Sheet=/*#__PURE__*/React.forwardRef(function(_ref,ref){var children=_ref.children,onClose=_ref.onClose,_ref$controls=_ref.controls,controls=_ref$controls===void 0?[]:_ref$controls,_ref$open=_ref.open,defaultOpen=_ref$open===void 0?false:_ref$open,_ref$animation=_ref.animation,animation=_ref$animation===void 0?"top":_ref$animation,_ref$position=_ref.position,position=_ref$position===void 0?"center":_ref$position,_ref$mode=_ref.mode,mode=_ref$mode===void 0?"normal":_ref$mode,_ref$disableFocusLock=_ref.disableFocusLock,disableFocusLock=_ref$disableFocusLock===void 0?false:_ref$disableFocusLock,_ref$disableScrollLoc=_ref.disableScrollLock,disableScrollLock=_ref$disableScrollLoc===void 0?false:_ref$disableScrollLoc,_ref$disableBackgroun=_ref.disableBackgroundColor,disableBackgroundColor=_ref$disableBackgroun===void 0?false:_ref$disableBackgroun,bodyStyle=_ref.bodyStyle,bodyClassName=_ref.bodyClassName,_ref$disableBackgroun2=_ref.disableBackgroundClick,disableBackgroundClick=_ref$disableBackgroun2===void 0?false:_ref$disableBackgroun2,rest=_objectWithoutProperties__default["default"](_ref,_excluded$d);var _useState=React.useState(defaultOpen),_useState2=_slicedToArray__default["default"](_useState,2),open=_useState2[0],setOpen=_useState2[1];var _useState3=React.useState(true),_useState4=_slicedToArray__default["default"](_useState3,2),exited=_useState4[0],setExited=_useState4[1];var innerRef=React.useRef(null);var handleRef=useForkRef(innerRef,ref);React.useEffect(function(){setOpen(defaultOpen);},[defaultOpen]);var handleEnter=React.useCallback(function(){setExited(false);},[]);var handleExited=React.useCallback(function(){setExited(true);typeof onClose==="function"&&onClose();},[onClose]);var handleClose=React.useCallback(function(){setOpen(false);},[]);var handleBackgroundClick=React.useCallback(function(event){if(!disableBackgroundClick){event.preventDefault();handleClose();}},[disableBackgroundClick,handleClose]);if(!open&&exited){return null;}return/*#__PURE__*/jsxRuntime.jsxs(Window,_objectSpread$r(_objectSpread$r({},rest),{},{ref:handleRef,onClose:handleClose,disableFocusLock:disableFocusLock,disableScrollLock:disableScrollLock,children:[/*#__PURE__*/jsxRuntime.jsx(StyledSheetOverlay,{onClick:handleBackgroundClick,$hasBgColor:!disableBackgroundColor}),/*#__PURE__*/jsxRuntime.jsxs(StyledSheetWrapper,{className:classnames__default["default"]("c-sheet__wrapper",bodyClassName),style:bodyStyle,$position:position,$mode:mode,children:[controls.length?/*#__PURE__*/jsxRuntime.jsx(StyledSheetIcons,{children:controls.map(function(item,index){var maxDurationIn=4;// max duration 4 for 400ms, shorten .4s
|
|
30
|
+
var maxDurationOut=2;// max duration 2 for 200ms, shorten .2s
|
|
31
|
+
var control=index+1;var durationOut=controls.length>maxDurationOut?maxDurationOut:maxDurationOut-control;var durationIn=control>=maxDurationIn?1:control;return/*#__PURE__*/jsxRuntime.jsx(reactTransitionGroup.Transition,{appear:true,in:open,timeout:maxDurationIn*100,children:function children(state){return/*#__PURE__*/jsxRuntime.jsx(StyledAnimatedSpan,{$state:state,$mode:mode,$maxDurationIn:maxDurationIn/10,$maxDurationOut:maxDurationOut/10,$durationOut:durationOut/10,$durationIn:durationIn/10,children:item});}},"c-sheet-control-".concat(index));})}):null,/*#__PURE__*/jsxRuntime.jsx(StyledCssTransition,{appear:true,in:open,timeout:400,classNames:"c-sheet__animation",$direction:animation,onEnter:handleEnter,onExited:handleExited,children:/*#__PURE__*/jsxRuntime.jsx(StyledSheetWrapperPaper,{className:"c-sheet__wrapper__paper",children:children})})]})]}));});Sheet.displayName="Sheet";var StyledHeader=styled__default["default"](Paper).withConfig({displayName:"Styles__StyledHeader",componentId:"sc-xrlqib-0"})(["height:4rem;padding:0 1rem;display:flex;overflow:hidden;min-width:350px;@media screen and (max-width:350px){overflow:auto;}"]);StyledHeader.displayName="StyledHeader";var _excluded$c=["className","children"];function ownKeys$q(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$q(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$q(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$q(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var Header=/*#__PURE__*/React.forwardRef(function(_ref,ref){var className=_ref.className,children=_ref.children,rest=_objectWithoutProperties__default["default"](_ref,_excluded$c);return/*#__PURE__*/jsxRuntime.jsx(StyledHeader,_objectSpread$q(_objectSpread$q({type:"paper-2",className:classnames__default["default"]("c-header",className),ref:ref},rest),{},{children:children}));});Header.displayName="Header";var StyledAutoResizeTextarea=styled__default["default"](Textarea).withConfig({displayName:"Styles__StyledAutoResizeTextarea",componentId:"sc-jg98vj-0"})(["white-space:pre-wrap;overflow-wrap:break-word;resize:none;"]);StyledAutoResizeTextarea.displayName="StyledAutoResizeTextarea";var _excluded$b=["minRows","maxRows","lineHeight","onChange","className","preventNewRowOnEnter","cursorAtTextEnd","onKeyDown","value"];function ownKeys$p(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$p(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$p(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$p(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var AutoResizeTextarea=/*#__PURE__*/React.forwardRef(function(_ref,ref){var _ref$minRows=_ref.minRows,minRows=_ref$minRows===void 0?1:_ref$minRows,_ref$maxRows=_ref.maxRows,maxRows=_ref$maxRows===void 0?6:_ref$maxRows,_ref$lineHeight=_ref.lineHeight,lineHeight=_ref$lineHeight===void 0?18:_ref$lineHeight,onChange=_ref.onChange,className=_ref.className,_ref$preventNewRowOnE=_ref.preventNewRowOnEnter,preventNewRowOnEnter=_ref$preventNewRowOnE===void 0?false:_ref$preventNewRowOnE,_ref$cursorAtTextEnd=_ref.cursorAtTextEnd,cursorAtTextEnd=_ref$cursorAtTextEnd===void 0?false:_ref$cursorAtTextEnd,onKeyDown=_ref.onKeyDown,value=_ref.value,rest=_objectWithoutProperties__default["default"](_ref,_excluded$b);var innerRef=React.useRef(null);var _useState=React.useState(minRows),_useState2=_slicedToArray__default["default"](_useState,2),rows=_useState2[0],setRows=_useState2[1];var handleRef=useForkRef(ref,innerRef);var calcRows=React.useCallback(function(elem){if(elem){var previousRows=elem.rows||minRows;elem.rows=minRows;var currentRows=Math.floor(elem.scrollHeight/lineHeight);if(currentRows===previousRows){elem.rows=currentRows;}if(currentRows>=maxRows){elem.rows=maxRows;elem.scrollTop=elem.scrollHeight;}setRows(currentRows<maxRows?currentRows:maxRows);}},[lineHeight,maxRows,minRows]);React.useEffect(function(){calcRows(innerRef.current);},[value,calcRows]);var handleOnChange=React.useCallback(function(e){calcRows(e.target);typeof onChange==="function"&&onChange(e);},[onChange,calcRows]);var handleFocus=React.useCallback(function(e){if(cursorAtTextEnd){e.target.setSelectionRange(e.target.value.length,e.target.value.length);}},[cursorAtTextEnd]);var handleTextAreaKeyDown=React.useCallback(function(e){if(preventNewRowOnEnter&&e.key==="Enter"){e.preventDefault();}typeof onKeyDown==="function"&&onKeyDown(e);},[preventNewRowOnEnter,onKeyDown]);return/*#__PURE__*/jsxRuntime.jsx(StyledAutoResizeTextarea,_objectSpread$p(_objectSpread$p({},rest),{},{value:value,ref:handleRef,onChange:handleOnChange,onKeyDown:handleTextAreaKeyDown,onFocus:handleFocus,rows:rows,className:classnames__default["default"]("c-autoresizetextarea",className),style:{minHeight:"".concat(lineHeight,"px"),lineHeight:"".concat(lineHeight,"px")}}));});AutoResizeTextarea.displayName="AutoResizeTextarea";var StyledAccordion=styled__default["default"].div.withConfig({displayName:"Styles__StyledAccordion",componentId:"sc-h8w6zs-0"})([""," "," ",""],{"borderRadius":"0.5rem","overflow":"hidden","borderStyle":"solid","borderWidth":"1px","borderColor":"var(--border-primary)","borderBottomWidth":"0px"},FontStyle,BoxSizingStyle);StyledAccordion.displayName="StyledAccordion";var StyledAccordionItem=styled__default["default"].div.withConfig({displayName:"Styles__StyledAccordionItem",componentId:"sc-h8w6zs-1"})(["display:flex;flex-direction:column;background-color:var(--page-paper-main);border:1px solid transparent;border-bottom:1px solid var(--border-primary);overflow:hidden;"," ",""],FontStyle,BoxSizingStyle);StyledAccordionItem.displayName="StyledAccordionItem";var StyledAccordionItemBody=styled__default["default"].div.withConfig({displayName:"Styles__StyledAccordionItemBody",componentId:"sc-h8w6zs-2"})(["margin:0 16px;"," ",""],FontStyle,BoxSizingStyle);StyledAccordionItemBody.displayName="StyledAccordionItemHead";var StyledAccordionItemHead=styled__default["default"].div.withConfig({displayName:"Styles__StyledAccordionItemHead",componentId:"sc-h8w6zs-3"})(["user-select:none;padding:8px 16px;display:flex;flex-direction:row;justify-content:space-between;color:var(--color-theme-900);cursor:pointer;"," "," .text{font-weight:bold;font-size:13px;}.icon{width:16px;height:16px;fill:currentColor;transform:translateY(-4px);}"],FontStyle,BoxSizingStyle);StyledAccordionItemHead.displayName="StyledAccordionItemHead";var StyledAccordionItemHeadText=styled__default["default"].div.withConfig({displayName:"Styles__StyledAccordionItemHeadText",componentId:"sc-h8w6zs-4"})(["font-weight:bold;font-size:13px;"]);StyledAccordionItemHeadText.displayName="StyledAccordionItemHeadText";var StyledAccordionItemHeadIcon=styled__default["default"].div.withConfig({displayName:"Styles__StyledAccordionItemHeadIcon",componentId:"sc-h8w6zs-5"})(["width:16px;height:16px;fill:currentColor;transform:translateY(-4px);"]);StyledAccordionItemHeadIcon.displayName="StyledAccordionItemHeadIcon";var AccordionContext=/*#__PURE__*/React__default["default"].createContext(null);var Accordion=function Accordion(_ref){var children=_ref.children,className=_ref.className,_ref$allowMultipleExp=_ref.allowMultipleExpanded,allowMultipleExpanded=_ref$allowMultipleExp===void 0?false:_ref$allowMultipleExp,_ref$allowZeroExpande=_ref.allowZeroExpanded,allowZeroExpanded=_ref$allowZeroExpande===void 0?false:_ref$allowZeroExpande,onChange=_ref.onChange,_ref$preExpanded=_ref.preExpanded,preExpanded=_ref$preExpanded===void 0?[]:_ref$preExpanded,_ref$disableToggleIco=_ref.disableToggleIcon,disableToggleIcon=_ref$disableToggleIco===void 0?false:_ref$disableToggleIco,customToggleIcon=_ref.customToggleIcon;var _useState=React.useState(preExpanded),_useState2=_slicedToArray__default["default"](_useState,2),expandedItems=_useState2[0],setExpandedItems=_useState2[1];var toggleExpandedCallback=React.useCallback(function(id){setExpandedItems(function(prevExpanded){if(prevExpanded.indexOf(id)>-1){if(!allowZeroExpanded&&prevExpanded.length===1){return prevExpanded;}return prevExpanded.filter(function(item){return item!==id;});}else{if(!allowMultipleExpanded){return[id];}return[].concat(_toConsumableArray__default["default"](prevExpanded),[id]);}});if(onChange){onChange(id);}},[allowMultipleExpanded,allowZeroExpanded,onChange]);return/*#__PURE__*/jsxRuntime.jsx(AccordionContext.Provider,{value:{expandedItems:expandedItems,toggleExpanded:toggleExpandedCallback,disableToggleIcon:disableToggleIcon,customToggleIcon:customToggleIcon},children:/*#__PURE__*/jsxRuntime.jsx(StyledAccordion,{className:classnames__default["default"]("accordion",className),children:children})});};Accordion.displayName="Accordion";var ItemContext=/*#__PURE__*/React__default["default"].createContext(null);var AccordionItem=function AccordionItem(_ref){var children=_ref.children,className=_ref.className,id=_ref.id;var accordionContext=React.useContext(AccordionContext);var itemId=React.useMemo(function(){if(!id){var randomString=Math.random().toString(36).slice(2);return"accordion-item-".concat(randomString);}return id;},[id]);return/*#__PURE__*/jsxRuntime.jsx(ItemContext.Provider,{value:{isItemExpanded:accordionContext?accordionContext.expandedItems.indexOf(itemId)>-1:false,id:itemId},children:/*#__PURE__*/jsxRuntime.jsx(StyledAccordionItem,{className:classnames__default["default"]("accordionItem",className),children:children})});};AccordionItem.displayName="AccordionItem";var AccordionItemHead=function AccordionItemHead(_ref){var children=_ref.children,className=_ref.className;var accordionContext=React.useContext(AccordionContext);var itemContext=React.useContext(ItemContext);var _useMemo=React.useMemo(function(){return{toggleExpanded:accordionContext?accordionContext.toggleExpanded:null,disableToggleIcon:accordionContext?accordionContext.disableToggleIcon:false,customToggleIcon:accordionContext?accordionContext.customToggleIcon:null};},[accordionContext]),toggleExpanded=_useMemo.toggleExpanded,disableToggleIcon=_useMemo.disableToggleIcon,customToggleIcon=_useMemo.customToggleIcon;var id=React.useMemo(function(){return itemContext?itemContext.id:"";},[itemContext]);var onClickCallback=React.useCallback(function(){if(toggleExpanded){toggleExpanded(id);}},[id,toggleExpanded]);var toggleIcon=React.useMemo(function(){return customToggleIcon?customToggleIcon:/*#__PURE__*/jsxRuntime.jsx(CollapseExpandSingleIcon$1,{style:{transform:"rotate(180deg)"}});},[customToggleIcon]);return/*#__PURE__*/jsxRuntime.jsxs(StyledAccordionItemHead,{onClick:onClickCallback,className:classnames__default["default"]("accordionItemHead",className),children:[/*#__PURE__*/jsxRuntime.jsx(StyledAccordionItemHeadText,{className:"accordionItemHead__text",children:children}),/*#__PURE__*/jsxRuntime.jsx(StyledAccordionItemHeadIcon,{className:"accordionItemHead__icon",children:!disableToggleIcon?toggleIcon:null})]});};AccordionItemHead.displayName="AccordionItemHead";var useHeight=function useHeight(ref){var _useState=React.useState(0),_useState2=_slicedToArray__default["default"](_useState,2),height=_useState2[0],setHeight=_useState2[1];React.useEffect(function(){if(ref&&ref.current){var element=ref.current;var prevMaxHeight=element.style.maxHeight;var prevVisibility=element.style.visibility;element.style.visibility="hidden";element.style.maxHeight="none";var elementHeight=element.clientHeight;element.style.visibility=prevVisibility;element.style.maxHeight=prevMaxHeight;return setHeight(elementHeight);}},[ref]);return height;};var useHeight$1=useHeight;function ownKeys$o(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$o(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$o(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$o(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var AccordionItemBody=function AccordionItemBody(_ref){var _children=_ref.children,className=_ref.className;var itemContext=React.useContext(ItemContext);var divRef=React.useRef(null);var duration=200;var height=useHeight$1(divRef);var defaultStyle={transition:"max-height ".concat(duration,"ms linear"),maxHeight:0};var transitionStyles={entering:{maxHeight:height},entered:{maxHeight:height},exiting:{maxHeight:0},exited:{maxHeight:0}};return/*#__PURE__*/jsxRuntime.jsx(reactTransitionGroup.Transition,{timeout:200,in:itemContext===null||itemContext===void 0?void 0:itemContext.isItemExpanded,children:function children(state){return/*#__PURE__*/jsxRuntime.jsx(StyledAccordionItemBody,{ref:divRef,className:classnames__default["default"]("accordionItemBody",className),style:_objectSpread$o(_objectSpread$o({},defaultStyle),transitionStyles[state]),children:_children});}});};AccordionItemBody.displayName="AccordionItemBody";var StyledChoose=styled__default["default"].button.withConfig({displayName:"Styles__StyledChoose",componentId:"sc-1j2qv02-0"})([""," "," "," "," height:32px;padding:0 16px;transition:all 0.3s ease;border:1px solid var(--border-primary);font-size:13px;transition-duration:0.3s;&:hover{"," box-shadow:inset 0 0 5px 3px var(--color-primary-300);}",""],{"WebkitFontSmoothing":"antialiased","MozOsxFontSmoothing":"grayscale","verticalAlign":"middle","fontWeight":"500","display":"inline-block","lineHeight":"1","margin":"0px","textDecoration":"none"},{"userSelect":"none","cursor":"pointer","textAlign":"center","borderRadius":"0.5rem","color":"var(--color-theme-700)"},FontStyle,BoxSizingStyle,{"borderColor":"var(--color-primary)"},function(props){return props.active&&styled.css([""," background-color:var(--color-primary-300);"],{"borderColor":"var(--color-primary)","zIndex":"0"});});StyledChoose.displayName="StyledChoose";var _excluded$a=["children","disabled","active","className"];function ownKeys$n(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$n(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$n(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$n(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}/**
|
|
32
|
+
* Choose component
|
|
33
|
+
*/var Choose=function Choose(_ref){var children=_ref.children,_ref$disabled=_ref.disabled,disabled=_ref$disabled===void 0?false:_ref$disabled,_ref$active=_ref.active,active=_ref$active===void 0?false:_ref$active,className=_ref.className,args=_objectWithoutProperties__default["default"](_ref,_excluded$a);return/*#__PURE__*/jsxRuntime.jsx(StyledChoose,_objectSpread$n(_objectSpread$n({disabled:disabled,className:classnames__default["default"]("c-choose",className),active:active},args),{},{children:children}));};Choose.displayName="Choose";var StyledLinkElement=styled__default["default"].div.withConfig({displayName:"Styles__StyledLinkElement",componentId:"sc-1c1jdox-0"})([""]);var StyledLink=styled__default["default"].a.withConfig({displayName:"Styles__StyledLink",componentId:"sc-1c1jdox-1"})([""," "," "," border:none;height:32px;transition:all 0.3s ease;svg{fill:currentColor;}&::-moz-focus-inner{border:0;}&:focus{outline:none;}&:hover{text-decoration:none;}"," "," "," "," "," "," "," "," "," "," ",""],FontStyle,BoxSizingStyle,{"WebkitFontSmoothing":"antialiased","MozOsxFontSmoothing":"grayscale","fontWeight":"500","lineHeight":"1.25rem","margin":"0px","textDecoration":"none","fontSize":"0.875rem","userSelect":"none","cursor":"pointer","display":"inline-flex","alignItems":"center","justifyContent":"center"},function(props){return props.disabled&&styled.css(["cursor:default;opacity:50%;pointer-events:none;"]);},function(props){return props.size==="small"&&styled.css(["height:24px;"]);},function(props){return props.size==="big"&&styled.css(["height:40px;"]);},function(props){return(props.variant==="primary"||props.variant==="contained")&&styled.css(["padding:0 16px;background-color:var(--color-primary);border-radius:16px;color:var(--color-theme-100);&:focus,&:hover{box-shadow:0 3px 6px -2px var(--color-primary-500);background-color:var(--color-primary-800);}&:active{box-shadow:0 4px 10px -2px var(--color-primary-600);background-color:var(--color-primary-800);}"]);},function(props){return(props.variant==="secondary"||props.variant==="outlined")&&styled.css(["padding:0 16px;background-color:transparent;border-radius:16px;border:solid 1px var(--color-theme-600);color:var(--color-theme-600);&:focus,&:hover{border-color:var(--color-primary);color:var(--color-primary);}&:active{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-primary-200);}"]);},function(props){return(props.variant==="tertiary"||props.variant==="text colored")&&styled.css(["padding:0 8px;background-color:transparent;border-radius:6px;color:var(--color-primary);&:focus,&:hover{background-color:var(--color-primary-200);}&:active{background-color:var(--color-primary-300);}"]);},function(props){return(props.variant==="option"||props.variant==="text gray")&&styled.css(["padding:0 8px;background-color:transparent;border-radius:6px;color:var(--color-theme-600);&:focus,&:hover{background-color:var(--color-theme-300);color:var(--color-theme-900);}&:active{background-color:var(--color-theme-400);color:var(--color-theme-900);}"]);},function(props){return props.variant==="dark transparent"&&styled.css(["padding:0 8px;background-color:rgba(0,0,0,0.5);border-radius:var(--ac-br-6);color:var(--only-white);&:hover{background-color:rgba(0,0,0,0.85);}&:active{background-color:var(--only-black);}"]);},function(props){return props.iconOnly&&styled.css(["padding:0;width:32px;"," ",""],props.size==="small"&&styled.css(["radius:16px;width:24px;"]),props.size==="big"&&styled.css(["radius:20px;width:40px;"]));},function(props){return(props.variant==="primary"||props.variant==="contained"||props.variant==="secondary"||props.variant==="outlined")&&styled.css(["",":first-child svg{margin-left:-6px;}",":last-child svg{margin-right:-6px;}"," ",""],StyledLinkElement,StyledLinkElement,props.size==="small"&&styled.css(["radius:16px;"]),props.size==="big"&&styled.css(["radius:20px;"]));},function(props){return(props.variant==="tertiary"||props.variant==="text colored"||props.variant==="option"||props.variant==="text gray"||props.variant==="dark transparent")&&styled.css(["",":first-child svg{margin-left:-4px;}",":last-child svg{margin-right:-4px;}"," ",""],StyledLinkElement,StyledLinkElement,props.size==="small"&&styled.css(["radius:4px;"]),props.size==="big"&&styled.css(["radius:8px;"]));});var StyledLinkElements=styled__default["default"].div.withConfig({displayName:"Styles__StyledLinkElements",componentId:"sc-1c1jdox-2"})(["display:table;height:inherit;svg{margin:0 4px;margin-bottom:-2px;}","{display:table-cell;vertical-align:middle;padding-bottom:2px;}"],StyledLinkElement);var StyledBackLink=styled__default["default"].a.withConfig({displayName:"Styles__StyledBackLink",componentId:"sc-1c1jdox-3"})([""," "," "," text-decoration:none;border:transparent 1px solid;border-radius:20px;height:32px;font-size:10px;font-weight:500;display:table-cell;vertical-align:middle;&:before,&:after{content:\"\";"," border-width:0 1px 1px 0;position:absolute;left:0;transition:all ease 0.3s;}&:before{"," transform:translateX(1rem) translateY(0.1rem) rotate(135deg);}&:after{"," transform:translateX(2rem) translateY(0.1rem) rotate(135deg);}&:hover{text-decoration:none;border-color:var(--border-primary);&:before{"," transform:translateX(0rem) translateY(0.1rem) rotate(135deg);}&:after{"," transform:translateX(1rem) translateY(0.1rem) rotate(135deg);}}"],FontStyle,BoxSizingStyle,{"paddingLeft":"2rem","fontSize":"0.6875rem","textTransform":"uppercase","display":"inline-flex","verticalAlign":"middle","paddingRight":"1rem","color":"var(--color-theme-600)","cursor":"pointer"},{"borderStyle":"solid","color":"var(--color-theme-700)","display":"inline-block","padding":"0px","width":"0.5rem","height":"0.5rem","backgroundRepeat":"no-repeat"},{"opacity":"1"},{"opacity":"0"},{"opacity":"0"},{"opacity":"1"});StyledBackLink.displayName="StyledBackLink";StyledLinkElement.displayName="StyledLinkElement";StyledLinkElements.displayName="StyledLinkElements";StyledLink.displayName="StyledLink";var _excluded$9=["children","className"];function ownKeys$m(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$m(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$m(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$m(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}/**
|
|
34
|
+
* Back link component
|
|
35
|
+
*/var BackLink=function BackLink(_ref){var children=_ref.children,className=_ref.className,args=_objectWithoutProperties__default["default"](_ref,_excluded$9);return/*#__PURE__*/jsxRuntime.jsx(StyledBackLink,_objectSpread$m(_objectSpread$m({className:classnames__default["default"]("c-back-link",className)},args),{},{children:children}));};BackLink.displayName="BackLink";var _excluded$8=["children","variant","size","disabled","className"];function ownKeys$l(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$l(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$l(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$l(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}/**
|
|
36
|
+
* Link component
|
|
37
|
+
*/var Link=function Link(_ref){var children=_ref.children,_ref$variant=_ref.variant,variant=_ref$variant===void 0?"contained":_ref$variant,size=_ref.size,_ref$disabled=_ref.disabled,disabled=_ref$disabled===void 0?false:_ref$disabled,className=_ref.className,args=_objectWithoutProperties__default["default"](_ref,_excluded$8);return/*#__PURE__*/jsxRuntime.jsx(StyledLink,_objectSpread$l(_objectSpread$l({disabled:disabled,className:classnames__default["default"]("c-link",className,{"c-link--contained":variant==="primary"||variant==="contained","c-link--outlined":variant==="secondary"||variant==="outlined","c-link--text_colored":variant==="tertiary"||variant==="text colored","c-link--text_gray":variant==="option"||variant==="text gray","c-link--dark_transparent":variant==="dark transparent","c-link--big":size==="big","c-link--small":size==="small","c-link--icon-only":children instanceof Object&&!(children instanceof Array),"c-link--disabled":disabled}),variant:variant,size:size,iconOnly:children instanceof Object&&!(children instanceof Array)},args),{},{children:children instanceof Array?/*#__PURE__*/jsxRuntime.jsx(StyledLinkElements,{className:"c-link__elements",children:children.map(function(value,index){return value?/*#__PURE__*/jsxRuntime.jsx(StyledLinkElement,{className:"c-link__elements__element",children:value},index):null;})}):children}));};Link.displayName="Link";function ownKeys$k(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$k(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$k(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$k(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var defaultStyle$2={transitionProperty:"opacity, transform",transitionTimingFunction:"linear ease-out",transform:"translateY(-100%)",opacity:0};var transitionStyles$3={entering:{opacity:1,transform:"translateY(0)",transitionDuration:".3s"},entered:{opacity:1,transform:"translateY(0)",transitionDuration:".3s"},exiting:{opacity:0,transform:"translateY(-100%)",transitionDuration:".2s"},exited:{opacity:0,transform:"translateY(-100%)",transitionDuration:".2s"}};var SlideFromTop=function SlideFromTop(_ref){var _ref$in=_ref.in,inProp=_ref$in===void 0?false:_ref$in,onEnter=_ref.onEnter,onExited=_ref.onExited,_children=_ref.children,style=_ref.style,_ref$timeout=_ref.timeout,timeout=_ref$timeout===void 0?400:_ref$timeout;return/*#__PURE__*/jsxRuntime.jsx(reactTransitionGroup.Transition,{appear:true,in:inProp,timeout:timeout,onEnter:onEnter,onExited:onExited,children:function children(state){return/*#__PURE__*/React.cloneElement(_children,{style:_objectSpread$k(_objectSpread$k(_objectSpread$k(_objectSpread$k({visibility:state==="exited"&&!inProp?"hidden":undefined},defaultStyle$2),transitionStyles$3[state]),style),_children.props.style)});}});};SlideFromTop.displayName="SlideFromTop";var StyledDialog=styled__default["default"].div.withConfig({displayName:"Styles__StyledDialog",componentId:"sc-jwpvgm-0"})(["max-height:calc(100vh - 156px);background-color:var(--page-paper-main);color:var(--color-theme-900);box-shadow:var(--shadow-primary);border-radius:6px;width:540px;display:flex;flex-direction:column;flex:1 1 auto;margin:126px auto 30px auto;position:relative;"," "," @media only screen and (max-width:480px){width:310px;margin:60px auto 30px auto;}"],FontStyle,BoxSizingStyle);StyledDialog.displayName="StyledDialog";var StyledDialogTitle=styled__default["default"].div.withConfig({displayName:"Styles__StyledDialogTitle",componentId:"sc-jwpvgm-1"})(["padding:20px 30px;"," ",""],FontStyle,BoxSizingStyle);StyledDialogTitle.displayName="StyledDialogTitle";var StyledDialogContent=styled__default["default"].div.withConfig({displayName:"Styles__StyledDialogContent",componentId:"sc-jwpvgm-2"})(["padding:20px 30px;max-height:580px;overflow-y:auto;flex:1 1 auto;"," ",""],FontStyle,BoxSizingStyle);StyledDialogContent.displayName="StyledDialogContent";var StyledDialogContentDivider=styled__default["default"].div.withConfig({displayName:"Styles__StyledDialogContentDivider",componentId:"sc-jwpvgm-3"})(["border-top:1px solid var(--border-primary);height:1px;"]);StyledDialogContentDivider.displayName="StyledDialogContentDivider";var StyledDialogActions=styled__default["default"].div.withConfig({displayName:"Styles__StyledDialogActions",componentId:"sc-jwpvgm-4"})(["padding:20px 30px;"," ",""],FontStyle,BoxSizingStyle);StyledDialogActions.displayName="StyledDialogActions";var Dialog=/*#__PURE__*/React.forwardRef(function(_ref,ref){var children=_ref.children,_ref$open=_ref.open,open=_ref$open===void 0?false:_ref$open,onClose=_ref.onClose,className=_ref.className,_ref$enableBackground=_ref.enableBackgroundClick,enableBackgroundClick=_ref$enableBackground===void 0?false:_ref$enableBackground;return/*#__PURE__*/jsxRuntime.jsx(Modal,{ref:ref,open:open,onClose:onClose,disableBackgroundClick:!enableBackgroundClick,children:/*#__PURE__*/jsxRuntime.jsx(SlideFromTop,{in:open,children:/*#__PURE__*/jsxRuntime.jsx(StyledDialog,{className:classnames__default["default"]("c-dialog",className),children:children})})});});Dialog.displayName="Dialog";var _excluded$7=["className","children"];function ownKeys$j(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$j(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$j(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$j(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var DialogContent=function DialogContent(_ref){var className=_ref.className,children=_ref.children,rest=_objectWithoutProperties__default["default"](_ref,_excluded$7);return/*#__PURE__*/jsxRuntime.jsx(StyledDialogContent,_objectSpread$j(_objectSpread$j({className:classnames__default["default"]("c-dialog-content",className)},rest),{},{children:children}));};DialogContent.displayName="DialogContent";var DialogContentDivider=function DialogContentDivider(_ref){var className=_ref.className;return/*#__PURE__*/jsxRuntime.jsx(StyledDialogContentDivider,{className:classnames__default["default"]("c-dialog-content-divider",className)});};DialogContentDivider.displayName="DialogContentDivider";var _excluded$6=["children","className","disableDefaultHeading"];function ownKeys$i(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$i(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$i(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$i(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var DialogTitle=function DialogTitle(_ref){var children=_ref.children,className=_ref.className,_ref$disableDefaultHe=_ref.disableDefaultHeading,disableDefaultHeading=_ref$disableDefaultHe===void 0?false:_ref$disableDefaultHe,rest=_objectWithoutProperties__default["default"](_ref,_excluded$6);return/*#__PURE__*/jsxRuntime.jsx(StyledDialogTitle,_objectSpread$i(_objectSpread$i({className:classnames__default["default"]("c-dialog-title-wrapper",className)},rest),{},{children:disableDefaultHeading?children:/*#__PURE__*/jsxRuntime.jsx(Header3,{children:children})}));};DialogTitle.displayName="DialogTitle";var _excluded$5=["className","children"];function ownKeys$h(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$h(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$h(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$h(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var DialogActions=function DialogActions(_ref){var className=_ref.className,children=_ref.children,rest=_objectWithoutProperties__default["default"](_ref,_excluded$5);return/*#__PURE__*/jsxRuntime.jsx(StyledDialogActions,_objectSpread$h(_objectSpread$h({className:classnames__default["default"]("c-dialog-actions",className)},rest),{},{children:children}));};DialogActions.displayName="DialogActions";var ConfirmDialog=/*#__PURE__*/React.forwardRef(function(_ref,ref){var _ref$open=_ref.open,open=_ref$open===void 0?false:_ref$open,onCancel=_ref.onCancel,onConfirm=_ref.onConfirm,className=_ref.className,_ref$dialogTitle=_ref.dialogTitle,dialogTitle=_ref$dialogTitle===void 0?"Discard changes?":_ref$dialogTitle,_ref$dialogContent=_ref.dialogContent,dialogContent=_ref$dialogContent===void 0?"All unsaved changes will be lost.":_ref$dialogContent,_ref$confirmBtnText=_ref.confirmBtnText,confirmBtnText=_ref$confirmBtnText===void 0?"OK":_ref$confirmBtnText,_ref$cancelBtnText=_ref.cancelBtnText,cancelBtnText=_ref$cancelBtnText===void 0?"Cancel":_ref$cancelBtnText,_ref$shouldShowCancel=_ref.shouldShowCancelButton,shouldShowCancelButton=_ref$shouldShowCancel===void 0?true:_ref$shouldShowCancel;return/*#__PURE__*/jsxRuntime.jsxs(Dialog,{ref:ref,open:open,onClose:onCancel,className:classnames__default["default"]("c-confirm-dialog",className),children:[/*#__PURE__*/jsxRuntime.jsx(DialogTitle,{children:dialogTitle}),/*#__PURE__*/jsxRuntime.jsx(DialogContentDivider,{}),/*#__PURE__*/jsxRuntime.jsx(DialogContent,{children:/*#__PURE__*/jsxRuntime.jsx(Body2,{lineHeight:"loose",color:"secondary",children:dialogContent})}),/*#__PURE__*/jsxRuntime.jsx(DialogContentDivider,{}),/*#__PURE__*/jsxRuntime.jsxs(DialogActions,{children:[/*#__PURE__*/jsxRuntime.jsx(Button,{variant:"primary",style:{marginRight:"12px"},onClick:onConfirm,children:confirmBtnText}),shouldShowCancelButton?/*#__PURE__*/jsxRuntime.jsx(Button,{variant:"secondary","data-action":"cancel",onClick:onCancel,type:"button",children:cancelBtnText}):null]})]});});ConfirmDialog.displayName="ConfirmDialog";var StyledSelectDate=styled__default["default"].div.withConfig({displayName:"Styles__StyledSelectDate",componentId:"sc-1jkx994-0"})([""," ",""],FontStyle,BoxSizingStyle);StyledSelectDate.displayName="StyledSelectDate";var StyledSelectDateButton=styled__default["default"].button.withConfig({displayName:"Styles__StyledSelectDateButton",componentId:"sc-1jkx994-1"})(["margin:0;padding:0;border:none;background:none;width:auto;height:auto;color:var(--color-theme-700);span,svg{cursor:pointer;}span{color:var(--color-secondary);}svg:hover{fill:var(--color-secondary);}"]);StyledSelectDateButton.displayName="StyledSelectDateButton";var StyledConfirmDialog=styled__default["default"](ConfirmDialog).withConfig({displayName:"Styles__StyledConfirmDialog",componentId:"sc-1jkx994-2"})([".modal-header{padding:16px 30px;h1{margin:0;font-size:16px;}}.modal-body{padding:10px 30px;}.modal-divider{border-top:1px solid var(--border-primary);height:1px;}.modal-footer{padding:16px 30px;}"]);StyledConfirmDialog.displayName="StyledConfirmDialog";var StyledSelectDateDatePicker=styled__default["default"](DatePicker).withConfig({displayName:"Styles__StyledSelectDateDatePicker",componentId:"sc-1jkx994-3"})(["",""],{"paddingTop":"1rem","paddingBottom":"0.5rem"});StyledSelectDateDatePicker.displayName="StyledSelectDateDatePicker";var StyledSelectDateFooter=styled__default["default"].div.withConfig({displayName:"Styles__StyledSelectDateFooter",componentId:"sc-1jkx994-4"})([""," border-top:1px solid var(--border-primary);",""],{"paddingLeft":"1rem","paddingRight":"1rem","paddingTop":"0.5rem","paddingBottom":"0.5rem"},function(props){return props.$mode==="instant"&&styled.css(["",""],{"display":"flex"});});StyledSelectDateFooter.displayName="StyledSelectDateFooter";var StyledSelectDateButtons=styled__default["default"].div.withConfig({displayName:"Styles__StyledSelectDateButtons",componentId:"sc-1jkx994-5"})(["",""],{"display":"flex"});StyledSelectDateButtons.displayName="StyledSelectDateButtons";var StyledButtonSave=styled__default["default"](Button).withConfig({displayName:"Styles__StyledButtonSave",componentId:"sc-1jkx994-6"})(["",""],{"marginRight":"0.5rem"});StyledButtonSave.displayName="StyledButtonSave";var StyledButtonClose=styled__default["default"](Button).withConfig({displayName:"Styles__StyledButtonClose",componentId:"sc-1jkx994-7"})(["",""],{"marginLeft":"auto"});StyledButtonClose.displayName="StyledButtonClose";var StyledButtonCloseColored=styled__default["default"](Button).withConfig({displayName:"Styles__StyledButtonCloseColored",componentId:"sc-1jkx994-8"})(["",""],{"marginLeft":"auto","marginRight":"auto"});StyledButtonCloseColored.displayName="StyledButtonCloseColored";var StyledIconComponent=styled__default["default"].svg.withConfig({displayName:"Styles__StyledIconComponent",componentId:"sc-1jkx994-9"})(["span,svg{cursor:pointer;}span{color:var(--color-secondary);}svg:hover{fill:var(--color-secondary);}"]);StyledIconComponent.displayName="StyledIconComponent";var DatePickerForm=function DatePickerForm(_ref){var mode=_ref.mode,_ref$saveButtonText=_ref.saveButtonText,saveButtonText=_ref$saveButtonText===void 0?"Save":_ref$saveButtonText,_ref$cancelButtonText=_ref.cancelButtonText,cancelButtonText=_ref$cancelButtonText===void 0?"Cancel":_ref$cancelButtonText,_ref$clearButtonText=_ref.clearButtonText,clearButtonText=_ref$clearButtonText===void 0?"Clear":_ref$clearButtonText,onSave=_ref.onSave,onCancel=_ref.onCancel,onClear=_ref.onClear,_ref$dateRequired=_ref.dateRequired,dateRequired=_ref$dateRequired===void 0?false:_ref$dateRequired,_ref$firstDayOfWeek=_ref.firstDayOfWeek,firstDayOfWeek=_ref$firstDayOfWeek===void 0?0:_ref$firstDayOfWeek,selectedDays=_ref.selectedDays,_ref$selectionMode=_ref.selectionMode,selectionMode=_ref$selectionMode===void 0?"custom":_ref$selectionMode,onChange=_ref.onChange,onDayClick=_ref.onDayClick,onMonthChange=_ref.onMonthChange,month=_ref.month,_ref$disabledSaveButt=_ref.disabledSaveButton,disabledSaveButton=_ref$disabledSaveButt===void 0?false:_ref$disabledSaveButt,modifiers=_ref.modifiers,renderDay=_ref.renderDay;var handleOnKeyDown=React.useCallback(function(e){if(e.key==="Enter"&&typeof onSave==="function"){onSave();}else if((e.key==="Esc"||e.key==="Escape")&&typeof onCancel==="function"){onCancel(e);}},[onSave,onCancel]);return/*#__PURE__*/jsxRuntime.jsxs("div",{onKeyDown:handleOnKeyDown,tabIndex:-1,className:"date-picker-form",children:[/*#__PURE__*/jsxRuntime.jsx(StyledSelectDateDatePicker,{month:month,onMonthChange:onMonthChange,onChange:onChange,onDayClick:onDayClick,selectedDays:selectedDays,selectionMode:selectionMode,dateRequired:dateRequired,firstDayOfWeek:firstDayOfWeek,modifiers:modifiers,renderDay:renderDay,localeUtils:MomentLocaleUtils__default["default"]}),mode==="atomic"||!dateRequired?/*#__PURE__*/jsxRuntime.jsx(StyledSelectDateFooter,{className:"date-picker-footer",$mode:mode,children:mode==="atomic"?/*#__PURE__*/jsxRuntime.jsxs(StyledSelectDateButtons,{className:"date-picker-buttons",children:[/*#__PURE__*/jsxRuntime.jsx(StyledButtonSave,{size:"small",variant:"primary",onClick:onSave,disabled:disabledSaveButton,children:saveButtonText}),/*#__PURE__*/jsxRuntime.jsx(Tooltip,{title:cancelButtonText,popperTooltipStyle:{zIndex:1301},children:/*#__PURE__*/jsxRuntime.jsx(Button,{size:"small",variant:"text gray",onClick:onCancel,children:/*#__PURE__*/jsxRuntime.jsx(CancelCrossIcon$1,{})})}),!dateRequired?/*#__PURE__*/jsxRuntime.jsx(StyledButtonClose,{size:"small",onClick:onClear,variant:"text gray",children:clearButtonText}):null]}):!dateRequired&&/*#__PURE__*/jsxRuntime.jsx(StyledButtonCloseColored,{size:"small",onClick:onClear,variant:"text colored",children:clearButtonText})}):null]});};DatePickerForm.displayName="DatePickerForm";var StyledPressed=styled__default["default"](Button).withConfig({displayName:"Styles__StyledPressed",componentId:"sc-1wqfsg5-0"})(["",""],function(props){return props.active&&styled.css([""," "," "," "," "," ",""],{"pointerEvents":"none"},(props.variant==="primary"||props.variant==="contained")&&styled.css(["background-color:var(--color-primary-800);"]),(props.variant==="secondary"||props.variant==="outlined")&&styled.css(["border-color:var(--color-primary);color:var(--color-primary);"]),props.variant==="dark transparent"&&styled.css(["background-color:var(--only-black);"]),(props.variant==="tertiary"||props.variant==="text colored")&&styled.css(["background-color:var(--color-primary-200);"]),(props.variant==="option"||props.variant==="text gray")&&styled.css(["color:var(--color-primary);",""],props.children instanceof Array&&styled.css(["background-color:var(--color-theme-300);"])));});StyledPressed.displayName="StyledPressed";var _excluded$4=["children","active","className"];function ownKeys$g(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$g(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$g(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$g(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}/**
|
|
38
|
+
* Pressed wrapper for button component
|
|
39
|
+
*/var Pressed=/*#__PURE__*/React.forwardRef(function(_ref,ref){var children=_ref.children,_ref$active=_ref.active,active=_ref$active===void 0?false:_ref$active,className=_ref.className,args=_objectWithoutProperties__default["default"](_ref,_excluded$4);return/*#__PURE__*/jsxRuntime.jsx(StyledPressed,_objectSpread$g(_objectSpread$g({active:active,ref:ref,className:classnames__default["default"]({"c-pressed__active":active},className)},args),{},{children:children}));});Pressed.displayName="Pressed";var SelectDateTarget=/*#__PURE__*/React.forwardRef(function(_ref,ref){var IconComponent=_ref.icon,_ref$title=_ref.title,title=_ref$title===void 0?"":_ref$title,onClick=_ref.onClick,_ref$forceHideTooltip=_ref.forceHideTooltip,forceHideTooltip=_ref$forceHideTooltip===void 0?false:_ref$forceHideTooltip,targetIconClassName=_ref.targetIconClassName,popperTooltipStyle=_ref.popperTooltipStyle,popperTooltipClassName=_ref.popperTooltipClassName,_ref$active=_ref.active,active=_ref$active===void 0?false:_ref$active;return/*#__PURE__*/jsxRuntime.jsx(Tooltip,{title:title,popperTooltipStyle:popperTooltipStyle,popperTooltipClassName:popperTooltipClassName,disable:forceHideTooltip||title==="",children:/*#__PURE__*/jsxRuntime.jsx(Pressed,{variant:"text gray",size:"small",active:active,ref:ref,onClick:onClick,type:"button",children:/*#__PURE__*/jsxRuntime.jsx(StyledIconComponent,{as:IconComponent,className:classnames__default["default"]("date-picker-target",targetIconClassName)})})});});SelectDateTarget.displayName="SelectDateTarget";var getUtcTimestampFromDate=function getUtcTimestampFromDate(date){return moment__default["default"].utc([date.getFullYear(),date.getMonth(),date.getDate()]).unix();};var isDayInRange=function isDayInRange(day,data){if(data.repeating){var from=new Date(day.getFullYear(),data.from.getMonth(),data.from.getDate());var to=new Date(day.getFullYear(),data.to.getMonth(),data.to.getDate());return day>=from&&day<=to;}return day>=data.from&&day<=data.to;};var SelectDate=function SelectDate(_ref){var _ref$changeMode=_ref.changeMode,mode=_ref$changeMode===void 0?"instant":_ref$changeMode,_ref$trigger=_ref.trigger,labelType=_ref$trigger===void 0?"text":_ref$trigger,_ref$saveButtonText=_ref.saveButtonText,saveButtonText=_ref$saveButtonText===void 0?"Save":_ref$saveButtonText,_ref$cancelButtonText=_ref.cancelButtonText,cancelButtonText=_ref$cancelButtonText===void 0?"Cancel":_ref$cancelButtonText,_ref$clearButtonText=_ref.clearButtonText,clearButtonText=_ref$clearButtonText===void 0?"Clear":_ref$clearButtonText,_ref$modalHeaderText=_ref.modalHeaderText,modalHeaderText=_ref$modalHeaderText===void 0?"Discard changes?":_ref$modalHeaderText,_ref$modalDiscardMess=_ref.modalDiscardMessage,modalDiscardMessage=_ref$modalDiscardMess===void 0?"All unsaved changes will be lost.":_ref$modalDiscardMess,_ref$modalDiscardBtnT=_ref.modalDiscardBtnText,modalDiscardBtnText=_ref$modalDiscardBtnT===void 0?"OK":_ref$modalDiscardBtnT,_ref$modalCancelBtnTe=_ref.modalCancelBtnText,modalCancelBtnText=_ref$modalCancelBtnTe===void 0?"Cancel":_ref$modalCancelBtnTe,onDayClick=_ref.onDayClick,onSave=_ref.onSave,onCancel=_ref.onCancel,onToggleDatePicker=_ref.onToggleDatePicker,_ref$required=_ref.required,dateRequired=_ref$required===void 0?false:_ref$required,_ref$defaultTimezoneA=_ref.defaultTimezoneAware,defaultTimezoneAware=_ref$defaultTimezoneA===void 0?false:_ref$defaultTimezoneA,_ref$longDateFormat=_ref.longDateFormat,longDateFormat=_ref$longDateFormat===void 0?false:_ref$longDateFormat,_ref$defaultShowDateP=_ref.defaultShowDatePicker,defaultShowDatePicker=_ref$defaultShowDateP===void 0?false:_ref$defaultShowDateP,_ref$firstDayOfWeek=_ref.firstDayOfWeek,firstDayOfWeek=_ref$firstDayOfWeek===void 0?0:_ref$firstDayOfWeek,selectedDays=_ref.selectedDays,_ref$selectionMode=_ref.selectionMode,selectionMode=_ref$selectionMode===void 0?"custom":_ref$selectionMode,menuClassName=_ref.menuClassName,targetClassName=_ref.targetClassName,icon=_ref.icon,_ref$defaultLabelText=_ref.defaultLabelText,defaultLabelText=_ref$defaultLabelText===void 0?"Set...":_ref$defaultLabelText,targetTextClassName=_ref.targetTextClassName,targetIconClassName=_ref.targetIconClassName,backgroundElementClass=_ref.backgroundElementClass,_ref$dateFormat=_ref.dateFormat,dateFormat=_ref$dateFormat===void 0?"DD MM. YYYY":_ref$dateFormat,defaultMonth=_ref.defaultMonth,_ref$daysToModify=_ref.daysToModify,daysToModify=_ref$daysToModify===void 0?[]:_ref$daysToModify,_ref$weekends=_ref.weekends,weekends=_ref$weekends===void 0?[]:_ref$weekends,_ref$weekendLabel=_ref.weekendLabel,weekendLabel=_ref$weekendLabel===void 0?"Weekend":_ref$weekendLabel,_ref$weekendIsSelecta=_ref.weekendIsSelectable,weekendIsSelectable=_ref$weekendIsSelecta===void 0?false:_ref$weekendIsSelecta,tooltipText=_ref.tooltipText,popperTooltipClassName=_ref.popperTooltipClassName,popperClassName=_ref.popperClassName,popperTooltipStyle=_ref.popperTooltipStyle,position=_ref.position,disableDaysBefore=_ref.disableDaysBefore;var _useState=React.useState(defaultTimezoneAware),_useState2=_slicedToArray__default["default"](_useState,2),timezoneAware=_useState2[0],setTimezoneAware=_useState2[1];var labelText=React.useMemo(function(){if(!selectedDays){return defaultLabelText;}else{var endDate=timezoneAware?moment__default["default"].unix(selectedDays.to).local():moment__default["default"].unix(selectedDays.to).utc();var startDate=timezoneAware?moment__default["default"].unix(selectedDays.from).local():moment__default["default"].unix(selectedDays.from).utc();var currentYear=moment__default["default"].utc().year();var formattedEndDate=!longDateFormat&&endDate.year()===currentYear?endDate.format(dateFormat.replace(/Y|,$/gi,"").trim()):endDate.format(dateFormat);var formattedStartDate=!longDateFormat&&startDate.year()===currentYear?startDate.format(dateFormat.replace(/Y|,$/gi,"").trim()):startDate.format(dateFormat);if(selectedDays.from===selectedDays.to){return formattedEndDate;}return"".concat(formattedStartDate," - ").concat(formattedEndDate);}},[selectedDays,dateFormat,timezoneAware,defaultLabelText,longDateFormat]);var modifiedDates=React.useMemo(function(){if(_typeof__default["default"](selectedDays)==="object"&&!!selectedDays.from&&!!selectedDays.to){if(timezoneAware){return{from:moment__default["default"].unix(selectedDays.from).toDate(),to:moment__default["default"].unix(selectedDays.to).toDate()};}var offsetFrom=moment__default["default"].unix(selectedDays.from).utcOffset()*60;var offsetTo=moment__default["default"].unix(selectedDays.to).utcOffset()*60;return{from:new Date((selectedDays.from-offsetFrom)*1000),to:new Date((selectedDays.to-offsetTo)*1000)};}},[selectedDays,timezoneAware]);var handleModifiedSave=React.useCallback(function(selectedDates){setTimezoneAware(false);if(typeof onSave==="function"){if(_typeof__default["default"](selectedDates)==="object"&&Object.prototype.hasOwnProperty.call(selectedDates,"from")&&Object.prototype.hasOwnProperty.call(selectedDates,"to")){onSave({from:getUtcTimestampFromDate(selectedDates.from),to:getUtcTimestampFromDate(selectedDates.to)});}else{onSave(undefined);}}},[onSave]);var getDefaultMonth=React.useCallback(function(){var date=new Date();if(_typeof__default["default"](selectedDays)==="object"&&!!selectedDays.from){date=timezoneAware?new Date(selectedDays.from*1000):new Date((selectedDays.from-moment__default["default"].unix(selectedDays.from).utcOffset()*60)*1000);}else if(defaultMonth){date=defaultMonth;}// forcing second day in month
|
|
40
|
+
return new Date(date.getFullYear(),date.getMonth(),2);},[defaultMonth,selectedDays,timezoneAware]);var _useState3=React.useState(getDefaultMonth),_useState4=_slicedToArray__default["default"](_useState3,2),month=_useState4[0],setMonth=_useState4[1];var handleMonthChange=React.useCallback(function(month){setMonth(month);},[setMonth]);var _useState5=React.useState(modifiedDates),_useState6=_slicedToArray__default["default"](_useState5,2),newDates=_useState6[0],setNewDates=_useState6[1];var _useState7=React.useState(false),_useState8=_slicedToArray__default["default"](_useState7,2),showDiscardModal=_useState8[0],setShowDiscardModal=_useState8[1];var _useState9=React.useState(defaultShowDatePicker),_useState10=_slicedToArray__default["default"](_useState9,2),showDatePicker=_useState10[0],setShowDatePicker=_useState10[1];var disabledSaveButton=React.useMemo(function(){return(modifiedDates===null||modifiedDates===void 0?void 0:modifiedDates.from)===(newDates===null||newDates===void 0?void 0:newDates.from)&&(modifiedDates===null||modifiedDates===void 0?void 0:modifiedDates.to)===(newDates===null||newDates===void 0?void 0:newDates.to);},[modifiedDates,newDates]);React.useEffect(function(){setShowDatePicker(defaultShowDatePicker);},[defaultShowDatePicker]);React.useEffect(function(){modifiedDates&&setNewDates(modifiedDates);},[modifiedDates]);React.useEffect(function(){typeof onToggleDatePicker==="function"&&onToggleDatePicker(showDatePicker);},[showDatePicker,onToggleDatePicker]);React.useEffect(function(){if(!showDatePicker){setMonth(getDefaultMonth());}},[showDatePicker,getDefaultMonth]);var handleSave=React.useCallback(function(){handleModifiedSave(newDates);setShowDatePicker(false);},[newDates,handleModifiedSave]);var handleChange=React.useCallback(function(dates){if(mode!=="atomic"){handleModifiedSave(dates);}setNewDates(dates);},[mode,handleModifiedSave]);var handleBeforeCloseMenu=React.useCallback(function(){var result=true;if(modifiedDates&&!newDates||!modifiedDates&&newDates){result=false;}var selectedDaysFrom=modifiedDates===null||modifiedDates===void 0?void 0:modifiedDates.from;var selectedDaysTo=modifiedDates===null||modifiedDates===void 0?void 0:modifiedDates.to;var newDatesFrom=newDates===null||newDates===void 0?void 0:newDates.from;var newDatesTo=newDates===null||newDates===void 0?void 0:newDates.to;if(selectedDaysFrom&&newDatesFrom&&selectedDaysTo&&newDatesTo&&(moment__default["default"](selectedDaysFrom).format("DD-MM-YYYY")!==moment__default["default"](newDatesFrom).format("DD-MM-YYYY")||moment__default["default"](selectedDaysTo).format("DD-MM-YYYY")!==moment__default["default"](newDatesTo).format("DD-MM-YYYY"))){result=false;}if(!result){setShowDiscardModal(true);}return result;},[modifiedDates,newDates]);var handleClose=React.useCallback(function(){if(mode!=="atomic"||handleBeforeCloseMenu()){typeof onCancel==="function"&&onCancel();setShowDatePicker(false);}},[mode,onCancel,handleBeforeCloseMenu]);var handleCancel=React.useCallback(function(event){event&&event.preventDefault();return handleClose();},[handleClose]);var handleShowDatePicker=React.useCallback(function(){setShowDatePicker(!showDatePicker);},[showDatePicker]);var handleCloseDiscardModal=React.useCallback(function(){setShowDiscardModal(false);},[]);var handleClear=React.useCallback(function(){if(!dateRequired){setNewDates(undefined);if(mode==="instant"){handleModifiedSave(undefined);}}},[mode,dateRequired,handleModifiedSave]);var handleSaveDiscardModal=React.useCallback(function(){setNewDates(modifiedDates);setShowDiscardModal(false);setShowDatePicker(false);},[modifiedDates]);var modifiers=React.useMemo(function(){var _ref2;var userAvailabilities=daysToModify.filter(function(data){return data.type==="user_day_off";});var globalDaysOff=daysToModify.filter(function(data){return data.type==="global_day_off";});var selectableGlobalDaysOff=daysToModify.filter(function(data){return data.type==="selectable_global_day_off";});return _ref2={},_defineProperty__default["default"](_ref2,customClassNames.userAvailability,function(day){// construct new date because react-day-picker returns date with hours set
|
|
41
|
+
var currentDay=new Date(day.getFullYear(),day.getMonth(),day.getDate());return userAvailabilities.some(function(data){return isDayInRange(currentDay,data);});}),_defineProperty__default["default"](_ref2,customClassNames.weekend,function(day){return weekends.some(function(value){return day.getDay()===value;});}),_defineProperty__default["default"](_ref2,customClassNames.nonWorkingDay,function(day){// return true if day is weekend day
|
|
42
|
+
if(weekends.some(function(value){return value===day.getDay();})){return true;}var nonWorkingDays=[].concat(_toConsumableArray__default["default"](selectableGlobalDaysOff),_toConsumableArray__default["default"](globalDaysOff));var currentDay=new Date(day.getFullYear(),day.getMonth(),day.getDate());return nonWorkingDays.some(function(data){return isDayInRange(currentDay,data);});}),_defineProperty__default["default"](_ref2,customClassNames.disabled,function(day){if(disableDaysBefore){if(day.toJSON().slice(0,10)<disableDaysBefore.toJSON().slice(0,10)){return true;}}// return true if day is weekend day
|
|
43
|
+
if(!weekendIsSelectable&&weekends.some(function(value){return value===day.getDay();})){return true;}// construct new date because react-day-picker returns date with hours set
|
|
44
|
+
var currentDay=new Date(day.getFullYear(),day.getMonth(),day.getDate());return globalDaysOff.some(function(data){return isDayInRange(currentDay,data);});}),_ref2;},[daysToModify,weekends,disableDaysBefore,weekendIsSelectable]);var renderDay=React.useCallback(function(day){var titles=[];if(weekends.some(function(value){return day.getDay()===value;})){titles.push(weekendLabel);}// construct new date because react-day-picker returns date with hours set
|
|
45
|
+
var currentDay=new Date(day.getFullYear(),day.getMonth(),day.getDate());daysToModify.forEach(function(data){if(isDayInRange(currentDay,data)){titles.push(data.title);}});var child=/*#__PURE__*/jsxRuntime.jsx("div",{className:"c-DayPicker-Day-Number",children:day.getDate()});if(titles.length){var title=/*#__PURE__*/jsxRuntime.jsx("div",{children:titles.map(function(title,index){return/*#__PURE__*/jsxRuntime.jsx("div",{children:title},"title-text-".concat(index));})},"title-wrapper-".concat(day.getDate()));return/*#__PURE__*/jsxRuntime.jsx(Tooltip,{title:title,popperTooltipClassName:popperTooltipClassName,popperTooltipStyle:popperTooltipStyle,children:child});}return child;},[weekendLabel,weekends,daysToModify,popperTooltipClassName,popperTooltipStyle]);var renderDatePickerForm=React.useCallback(function(){return/*#__PURE__*/jsxRuntime.jsx(DatePickerForm,{onMonthChange:handleMonthChange,month:month,mode:mode,selectionMode:selectionMode,dateRequired:dateRequired,selectedDays:newDates,firstDayOfWeek:firstDayOfWeek,saveButtonText:saveButtonText,cancelButtonText:cancelButtonText,clearButtonText:clearButtonText,onDayClick:onDayClick,onSave:handleSave,onChange:handleChange,onCancel:handleCancel,onClear:handleClear,disabledSaveButton:disabledSaveButton,modifiers:modifiers,renderDay:renderDay});},[handleMonthChange,month,mode,selectionMode,dateRequired,newDates,firstDayOfWeek,saveButtonText,cancelButtonText,clearButtonText,onDayClick,handleSave,handleChange,handleCancel,handleClear,disabledSaveButton,modifiers,renderDay]);return/*#__PURE__*/jsxRuntime.jsxs(StyledSelectDate,{className:"select-date",children:[labelType!=="inline"?/*#__PURE__*/jsxRuntime.jsx(Menu,{target:labelType==="icon"&&icon?/*#__PURE__*/jsxRuntime.jsx(SelectDateTarget,{icon:icon,title:tooltipText,targetIconClassName:targetIconClassName,forceHideTooltip:showDatePicker,popperTooltipClassName:popperTooltipClassName,popperTooltipStyle:popperTooltipStyle,active:showDatePicker}):/*#__PURE__*/jsxRuntime.jsx(StyledSelectDateButton,{type:"button",className:classnames__default["default"]("c-simple-menu__trigger date-picker-target",targetClassName),children:/*#__PURE__*/jsxRuntime.jsx("span",{className:targetTextClassName,children:labelText})}),open:showDatePicker,onOpen:handleShowDatePicker,onBeforeClose:handleBeforeCloseMenu,onClose:handleClose,position:position,menuClassName:menuClassName,popperClassName:popperClassName,backgroundElementClass:backgroundElementClass,children:renderDatePickerForm()}):renderDatePickerForm(),mode==="atomic"?/*#__PURE__*/jsxRuntime.jsx(StyledConfirmDialog,{className:"modal-select-date",open:showDiscardModal,onCancel:handleCloseDiscardModal,onConfirm:handleSaveDiscardModal,dialogTitle:modalHeaderText,dialogContent:modalDiscardMessage,cancelBtnText:modalCancelBtnText,confirmBtnText:modalDiscardBtnText}):null]});};SelectDate.displayName="SelectDate";function ownKeys$f(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$f(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$f(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$f(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var defaultStyle$1=function defaultStyle(duration){return{transition:"all ".concat(duration,"ms ease-in-out"),opacity:0};};var transitionStyles$2={entering:{opacity:1},entered:{opacity:1},exiting:{opacity:0},exited:{opacity:0}};var Fade=function Fade(_ref){var _ref$in=_ref.in,inProp=_ref$in===void 0?false:_ref$in,onEnter=_ref.onEnter,onExited=_ref.onExited,_children=_ref.children,style=_ref.style,_ref$timeout=_ref.timeout,timeout=_ref$timeout===void 0?500:_ref$timeout;return/*#__PURE__*/jsxRuntime.jsx(reactTransitionGroup.Transition,{appear:true,in:inProp,timeout:timeout,onEnter:onEnter,onExited:onExited,children:function children(state){return/*#__PURE__*/React.cloneElement(_children,{style:_objectSpread$f(_objectSpread$f(_objectSpread$f(_objectSpread$f({visibility:state==="exited"&&!inProp?"hidden":undefined},defaultStyle$1(timeout)),transitionStyles$2[state]),style),_children.props.style)});}});};Fade.displayName="Fade";function ownKeys$e(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$e(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$e(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$e(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var Slide=function Slide(_ref){var _ref$in=_ref.in,inProp=_ref$in===void 0?false:_ref$in,onEnter=_ref.onEnter,onExited=_ref.onExited,_children=_ref.children,style=_ref.style,_ref$timeout=_ref.timeout,timeout=_ref$timeout===void 0?300:_ref$timeout,_ref$initialDirection=_ref.initialDirection,initialDirection=_ref$initialDirection===void 0?"left":_ref$initialDirection;var directionSign;switch(initialDirection){case"right":directionSign="100%, 0";break;case"top":directionSign="0, -100%";break;case"bottom":directionSign="0, 100%";break;default:directionSign="-100%, 0";}var defaultStyle=function defaultStyle(timeout){return{transition:"all ".concat(timeout,"ms ease")};};var transitionStyles={entering:{transform:"translate(0,0)"},entered:{transform:"translate(0,0)"},exiting:{transform:"translate(".concat(directionSign,")")},exited:{transform:"translate(".concat(directionSign,")")}};return/*#__PURE__*/jsxRuntime.jsx(reactTransitionGroup.Transition,{appear:true,in:inProp,timeout:timeout,onEnter:onEnter,onExited:onExited,children:function children(state){return/*#__PURE__*/React.cloneElement(_children,{style:_objectSpread$e(_objectSpread$e(_objectSpread$e(_objectSpread$e({visibility:state==="exited"&&!inProp?"hidden":undefined},defaultStyle(timeout)),transitionStyles[state]),style),_children.props.style)});}});};Slide.displayName="Slide";var StyledSlideLeftRightTransition=styled__default["default"](reactTransitionGroup.CSSTransition).withConfig({displayName:"Styles__StyledSlideLeftRightTransition",componentId:"sc-ewkpq8-0"})([""," ",""],function(props){return props.$direction==="left"&&styled.css(["&.c-slide-enter{position:absolute;transform:translateX(100%);}&.c-slide-enter-active{transform:translateX(0%);transition:all 200ms ease;}&.c-slide-exit{position:absolute;}&.c-slide-exit-active{transform:translateX(-100%);transition:all 200ms ease;}"]);},function(props){return props.$direction==="right"&&styled.css(["&.c-slide-enter{position:absolute;transform:translateX(-100%);}&.c-slide-enter-active{transform:translateX(0%);transition:all 200ms ease;}&.c-slide-exit{position:absolute;}&.c-slide-exit-active{transform:translateX(100%);transition:all 200ms ease;}"]);});StyledSlideLeftRightTransition.displayName="StyledSlideLeftRightTransition";var _excluded$3=["children","direction"];function ownKeys$d(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$d(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$d(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$d(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var SlideLeftRightTransition=function SlideLeftRightTransition(_ref){var children=_ref.children,_ref$direction=_ref.direction,direction=_ref$direction===void 0?"left":_ref$direction,props=_objectWithoutProperties__default["default"](_ref,_excluded$3);return/*#__PURE__*/jsxRuntime.jsx(StyledSlideLeftRightTransition,_objectSpread$d(_objectSpread$d({timeout:200,classNames:"c-slide",unmountOnExit:true,$direction:direction},props),{},{children:children}));};SlideLeftRightTransition.displayName="SlideLeftRightTransition";function ownKeys$c(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$c(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$c(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$c(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var ResizeTransition=function ResizeTransition(_ref){var _ref$in=_ref.in,inProp=_ref$in===void 0?false:_ref$in,onEnter=_ref.onEnter,onExited=_ref.onExited,_children=_ref.children,style=_ref.style,_ref$timeout=_ref.timeout,timeout=_ref$timeout===void 0?200:_ref$timeout;var defaultStyle=React.useMemo(function(){return{transitionProperty:"width, height",transitionDuration:"".concat(timeout,"ms"),transitionTimingFunction:"ease"};},[timeout]);return/*#__PURE__*/jsxRuntime.jsx(reactTransitionGroup.Transition,{appear:true,in:inProp,timeout:timeout,onEnter:onEnter,onExited:onExited,children:function children(state){return/*#__PURE__*/React.cloneElement(_children,{style:_objectSpread$c(_objectSpread$c(_objectSpread$c({visibility:state==="exited"&&!inProp?"hidden":undefined},defaultStyle),style),_children.props.style)});}});};ResizeTransition.displayName="ResizeTransition";function ownKeys$b(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$b(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$b(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$b(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var defaultStyle=function defaultStyle(duration){return{transition:"all ".concat(duration,"ms ease-in"),transform:"scaleX(0)",opacity:0,transformOrigin:"left"};};var transitionStyles$1={entering:{transform:"scaleX(1)",opacity:1},entered:{transform:"scaleX(1)",opacity:1},exiting:{transform:"scaleX(0)",opacity:0},exited:{transform:"scaleX(0)",opacity:0}};var Reveal=function Reveal(_ref){var _ref$in=_ref.in,inProp=_ref$in===void 0?false:_ref$in,onEnter=_ref.onEnter,onExited=_ref.onExited,_children=_ref.children,style=_ref.style,_ref$timeout=_ref.timeout,timeout=_ref$timeout===void 0?200:_ref$timeout;return/*#__PURE__*/jsxRuntime.jsx(reactTransitionGroup.Transition,{appear:true,in:inProp,timeout:timeout,onEnter:onEnter,onExited:onExited,children:function children(state){return/*#__PURE__*/React.cloneElement(_children,{style:_objectSpread$b(_objectSpread$b(_objectSpread$b(_objectSpread$b({},defaultStyle(inProp?timeout:0)),transitionStyles$1[state]),style),_children.props.style)});}});};Reveal.displayName="Reveal";function ownKeys$a(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$a(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$a(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$a(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var transitionStyles={entered:{transform:"scale(1)"},exiting:{transform:"scale(0)"}};var Scale=function Scale(_ref){var _ref$in=_ref.in,inProp=_ref$in===void 0?false:_ref$in,onEnter=_ref.onEnter,onExited=_ref.onExited,_children=_ref.children,style=_ref.style,_ref$timeout=_ref.timeout,timeout=_ref$timeout===void 0?200:_ref$timeout;var defaultStyle=React.useMemo(function(){return{transitionProperty:"transform",transitionDuration:"".concat(timeout,"ms"),transform:"scale(0)"};},[timeout]);return/*#__PURE__*/jsxRuntime.jsx(reactTransitionGroup.Transition,{in:inProp,timeout:timeout,onEnter:onEnter,onExited:onExited,children:function children(state){return/*#__PURE__*/React.cloneElement(_children,{style:_objectSpread$a(_objectSpread$a(_objectSpread$a(_objectSpread$a({},defaultStyle),transitionStyles[state]),style),_children.props.style)});}});};Scale.displayName="Scale";var StyledValueButtonLabel=styled__default["default"](Body2).withConfig({displayName:"Styles__StyledValueButtonLabel",componentId:"sc-7n59oz-0"})(["opacity:60%;margin-right:2px;"]);StyledValueButtonLabel.displayName="StyledValueButtonLabel";var StyledValueButtonValue=styled__default["default"](Body2).withConfig({displayName:"Styles__StyledValueButtonValue",componentId:"sc-7n59oz-1"})([""]);StyledValueButtonValue.displayName="StyledValueButtonValue";var StyledValueButton=styled__default["default"](Button).withConfig({displayName:"Styles__StyledValueButton",componentId:"sc-7n59oz-2"})([""," ",""],function(props){return props.$active&&styled.css(["",",","{"," color:var(--color-theme-900) !important;}svg{fill:var(--color-primary);}"],StyledValueButtonLabel,StyledValueButtonValue,{"pointerEvents":"none"});},function(props){return props.$active!==true&&styled.css(["{&:hover{",",","{"," color:var(--color-theme-900) !important;}}"],StyledValueButtonLabel,StyledValueButtonValue,{"pointerEvents":"none"});});StyledValueButton.displayName="StyledValueButton";var _excluded$2=["active","alwaysShowIcon","icon","label","value"];function ownKeys$9(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$9(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$9(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$9(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var ValueButton=/*#__PURE__*/React.forwardRef(function(_ref,ref){var _ref$active=_ref.active,active=_ref$active===void 0?false:_ref$active,_ref$alwaysShowIcon=_ref.alwaysShowIcon,alwaysShowIcon=_ref$alwaysShowIcon===void 0?false:_ref$alwaysShowIcon,icon=_ref.icon,label=_ref.label,value=_ref.value,args=_objectWithoutProperties__default["default"](_ref,_excluded$2);return/*#__PURE__*/jsxRuntime.jsxs(StyledValueButton,_objectSpread$9(_objectSpread$9({className:"c-value-button"},args),{},{ref:ref,variant:"text gray",$active:active,children:[icon&&alwaysShowIcon?/*#__PURE__*/React__default["default"].cloneElement(icon,{style:{display:"inline-block"}}):null,label?/*#__PURE__*/jsxRuntime.jsxs(StyledValueButtonLabel,{color:"secondary",weight:"medium",className:"c-value-button__label",children:[label,":"]}):null,/*#__PURE__*/jsxRuntime.jsx(StyledValueButtonValue,{color:"secondary",weight:"medium",className:"c-value-button__value",children:value})]}));});ValueButton.displayName="ValueButton";var StyledToggleSlider=styled__default["default"].div.withConfig({displayName:"Styles__StyledToggleSlider",componentId:"sc-4n6vdf-0"})(["padding-left:6px;position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-evenly;background-color:transparent;border:1px solid var(--color-theme-600);overflow:hidden;border-radius:12.5px;font-size:11px;transition:0.3s;&:before{position:absolute;content:\"\";user-select:none;height:16px;width:16px;left:4px;bottom:3px;background-color:var(--color-theme-600);border-radius:50%;transition:0.3s;}"]);StyledToggleSlider.displayName="StyledToggleSlider";var StyledToggleSliderOff=styled__default["default"].div.withConfig({displayName:"Styles__StyledToggleSliderOff",componentId:"sc-4n6vdf-1"})(["user-select:none;transform:translateX(-3px);opacity:1;transition-duration:0.3s;white-space:nowrap;color:var(--color-theme-600);"]);StyledToggleSliderOff.displayName="StyledToggleSliderOff";var StyledToggleSliderOn=styled__default["default"].div.withConfig({displayName:"Styles__StyledToggleSliderOn",componentId:"sc-4n6vdf-2"})(["user-select:none;transform:translateX(-30px);opacity:0;transition-duration:0.3s;white-space:nowrap;color:var(--page-paper-main);"]);StyledToggleSliderOn.displayName="StyledToggleSliderOn";var StyledToggleCheckbox=styled__default["default"].input.withConfig({displayName:"Styles__StyledToggleCheckbox",componentId:"sc-4n6vdf-3"})(["opacity:0;width:0;height:0;&:checked + ",":before{background-color:var(--page-paper-main);transform:translateX(25px);}&:checked + ","{border-color:var(--color-sucess-green);background-color:var(--color-sucess-green);color:var(--color-sucess-green);","{transform:translateX(30px);opacity:0;}","{transform:translateX(0);opacity:1;}}&:disabled + ","{opacity:0.5;cursor:default;}"],StyledToggleSlider,StyledToggleSlider,StyledToggleSliderOff,StyledToggleSliderOn,StyledToggleSlider);StyledToggleCheckbox.displayName="StyledToggleCheckbox";var StyledHelper=styled.css(["","{transform:translateX(0);}"," + ",":before{transform:translateX(3px);}",":checked + ","{&:before{transform:translateX(23px);}","{transform:translateX(-2px);}}"],StyledToggleSliderOff,StyledToggleCheckbox,StyledToggleSlider,StyledToggleCheckbox,StyledToggleSlider,StyledToggleSliderOn);var StyledToggle=styled__default["default"].label.withConfig({displayName:"Styles__StyledToggle",componentId:"sc-4n6vdf-4"})([""," "," position:relative;display:inline-block;width:50px;height:24px;font-size:13px;font-weight:bold;line-height:13px;&:hover{","}",""],FontStyle,BoxSizingStyle,StyledHelper,function(props){return props.$isHovered&&styled.css(["",""],StyledHelper);});StyledToggle.displayName="StyledToggle";var _excluded$1=["hovered","className"];function ownKeys$8(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$8(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$8(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$8(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var Toggle=/*#__PURE__*/React.forwardRef(function(_ref,ref){var hovered=_ref.hovered,className=_ref.className,args=_objectWithoutProperties__default["default"](_ref,_excluded$1);return/*#__PURE__*/jsxRuntime.jsxs(StyledToggle,{className:classnames__default["default"]("c-toggle",className),$isHovered:hovered,children:[/*#__PURE__*/jsxRuntime.jsx(StyledToggleCheckbox,_objectSpread$8({ref:ref,type:"checkbox"},args)),/*#__PURE__*/jsxRuntime.jsxs(StyledToggleSlider,{children:[/*#__PURE__*/jsxRuntime.jsx(StyledToggleSliderOn,{children:"ON"}),/*#__PURE__*/jsxRuntime.jsx(StyledToggleSliderOff,{children:"OFF"})]})]});});Toggle.displayName="Toggle";var StyledComboBox=styled__default["default"].div.withConfig({displayName:"Styles__StyledComboBox",componentId:"sc-5qvkpb-0"})(["border:1px solid var(--border-primary);border-radius:10px;color:var(--color-theme-900);font-size:14px;background-color:var(--input-background-color);cursor:text;"," "," "," ",""],FontStyle,BoxSizingStyle,function(props){return props.$open&&styled.css(["border-color:var(--color-primary);"]);},function(props){return props.$loading&&styled.css(["cursor:progress;"]);});StyledComboBox.displayName="StyledComboBox";var StyledComboBoxWrapper=styled__default["default"].div.withConfig({displayName:"Styles__StyledComboBoxWrapper",componentId:"sc-5qvkpb-1"})(["width:100%;height:100%;display:flex;align-items:center;",""],function(props){return props.$loading&&styled.css(["pointer-events:none;"]);});StyledComboBoxWrapper.displayName="StyledComboBoxWrapper";var StyledIconDefaults=styled.css(["flex-shrink:0;cursor:pointer;"]);var StyledComboBoxCloseSmallIcon=styled__default["default"](CloseSmallIcon$1).withConfig({displayName:"Styles__StyledComboBoxCloseSmallIcon",componentId:"sc-5qvkpb-2"})([""," opacity:0;transition-property:all;transition-duration:0.2s;transition-delay:0.5s;",":hover &{opacity:1;transition-delay:0s;}"],StyledIconDefaults,StyledComboBoxWrapper);StyledComboBoxCloseSmallIcon.displayName="StyledComboBoxCloseSmallIcon";var StyledComboBoxCollapseExpandSingleIcon=styled__default["default"](CollapseExpandSingleIcon$1).withConfig({displayName:"Styles__StyledComboBoxCollapseExpandSingleIcon",componentId:"sc-5qvkpb-3"})([""," margin:0 4px 0 0;color:var(--color-theme-600);transform:rotate(180deg);",""],StyledIconDefaults,function(props){return props.$open&&styled.css(["transform:rotate(0deg);"]);});StyledComboBoxCollapseExpandSingleIcon.displayName="StyledComboBoxCollapseExpandSingleIcon";var StyledComboBoxInput=styled__default["default"](Input).withConfig({displayName:"Styles__StyledComboBoxInput",componentId:"sc-5qvkpb-4"})(["overflow:hidden;text-overflow:ellipsis;background-color:transparent;border:none;width:100%;"]);StyledComboBoxInput.displayName="StyledComboBoxInput";var StyledComboBoxList=styled__default["default"].div.withConfig({displayName:"Styles__StyledComboBoxList",componentId:"sc-5qvkpb-5"})(["min-width:260px;background-color:var(--page-paper-main);border-radius:8px;border:1px solid var(--border-primary);box-shadow:var(--shadow-tertiary);margin:8px 0;width:",";"],function(props){return"".concat(props.$width,"px");});StyledComboBoxList.displayName="StyledComboBoxList";var _excluded=["options","selected","loading","loadingText","onChange","placeholder","handleEmptyAction","disabled"];function ownKeys$7(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$7(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$7(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$7(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var ComboBox=function ComboBox(_ref){var _formRef$current;var _ref$options=_ref.options,options=_ref$options===void 0?[]:_ref$options,selected=_ref.selected,_ref$loading=_ref.loading,loading=_ref$loading===void 0?false:_ref$loading,loadingText=_ref.loadingText,onChange=_ref.onChange,placeholder=_ref.placeholder,handleEmptyAction=_ref.handleEmptyAction,_ref$disabled=_ref.disabled,disabled=_ref$disabled===void 0?false:_ref$disabled,prop=_objectWithoutProperties__default["default"](_ref,_excluded);var selectedName=React.useMemo(function(){var value="";if(!selected){return value;}options.map(function(v){if(v!==null&&v!==void 0&&v.options){return v.options.find(function(q){if(q.id===selected){value=q.name;return;}});}else{if(v.id===selected){value=v.name;return;}}});return value;},[options,selected]);var _useState=React.useState(selectedName),_useState2=_slicedToArray__default["default"](_useState,2),value=_useState2[0],setValue=_useState2[1];var handleOnChange=React.useCallback(function(e){return setValue(e.target.value);},[]);var _useState3=React.useState(),_useState4=_slicedToArray__default["default"](_useState3,2),childNode=_useState4[0],setChildNode=_useState4[1];var elementRef=React.useRef(null);var handleRef=useForkRef(setChildNode,elementRef);var _useState5=React.useState(false),_useState6=_slicedToArray__default["default"](_useState5,2),open=_useState6[0],setOpen=_useState6[1];var handleOnKeyDown=React.useCallback(function(e){if(e.key==="Escape"&&open){setOpen(false);setValue(selectedName);e.stopPropagation();}},[open,selectedName]);var formRef=React.useRef(null);React.useEffect(function(){open&&(childNode===null||childNode===void 0?void 0:childNode.focus());!open&&(childNode===null||childNode===void 0?void 0:childNode.blur());},[childNode,open]);React.useEffect(function(){setValue(selectedName);},[selectedName]);var emptyAction=React.useCallback(function(v){handleEmptyAction===null||handleEmptyAction===void 0?void 0:handleEmptyAction(v);setOpen(false);},[handleEmptyAction]);var handleChange=React.useCallback(function(selectedValue){if(selectedValue){onChange===null||onChange===void 0?void 0:onChange(selectedValue);setOpen(false);}},[onChange]);var onClose=React.useCallback(function(){setTimeout(function(){setOpen(false);},200);setValue(selectedName);},[selectedName]);var onOpen=React.useCallback(function(){if(!disabled){setOpen(true);}},[disabled]);var handleRenderOption=React.useCallback(function(option,props){return/*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[/*#__PURE__*/jsxRuntime.jsx(OptionContent,{imageUrl:option.image,color:option.color,textColor:option.textColor,name:option.name}),/*#__PURE__*/jsxRuntime.jsx(RadioButton,_objectSpread$7({},props))]});},[]);var handleDeselect=React.useCallback(function(e){e.stopPropagation();onChange===null||onChange===void 0?void 0:onChange("");setOpen(false);},[onChange]);var handleMouseDown=React.useCallback(function(e){e.preventDefault();},[]);return/*#__PURE__*/jsxRuntime.jsxs(StyledComboBox,{className:"c-combo-box",$open:open,$loading:loading,children:[/*#__PURE__*/jsxRuntime.jsxs(StyledComboBoxWrapper,{onClick:onOpen,onFocus:onOpen,onBlur:onClose,ref:formRef,$loading:loading,children:[/*#__PURE__*/jsxRuntime.jsx(StyledComboBoxInput,{ref:handleRef,value:loading&&loadingText?loadingText:value,onKeyDown:handleOnKeyDown,onChange:handleOnChange,placeholder:placeholder,disabled:disabled}),!disabled?/*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[loading?/*#__PURE__*/jsxRuntime.jsx(SpinnerLoader,{}):selected?/*#__PURE__*/jsxRuntime.jsx(Button,{onMouseDown:handleMouseDown,onClick:handleDeselect,variant:"text gray",children:/*#__PURE__*/jsxRuntime.jsx(StyledComboBoxCloseSmallIcon,{})}):null,/*#__PURE__*/jsxRuntime.jsx(StyledComboBoxCollapseExpandSingleIcon,{$open:open})]}):null]}),!disabled?/*#__PURE__*/jsxRuntime.jsx(Popper,{anchorEl:formRef.current,open:open,placement:"bottom",style:{zIndex:10},children:/*#__PURE__*/jsxRuntime.jsx(reactRemoveScroll.RemoveScroll,{noIsolation:true,allowPinchZoom:true,children:/*#__PURE__*/jsxRuntime.jsx(StyledComboBoxList,{$width:(_formRef$current=formRef.current)===null||_formRef$current===void 0?void 0:_formRef$current.clientWidth,children:/*#__PURE__*/jsxRuntime.jsx(Autocomplete,_objectSpread$7(_objectSpread$7({},prop),{},{inputEl:childNode,selected:selected,handleChange:handleChange,renderOption:handleRenderOption,options:options,type:"single",handleEmptyAction:emptyAction}))})})}):null]});};ComboBox.displayName="ComboBox";var StyledProgressBar=styled__default["default"].div.withConfig({displayName:"Styles__StyledProgressBar",componentId:"sc-k5nm08-0"})([""," ",""],BoxSizingStyle,function(props){return props.$color?styled.css(["background-color:",";"],props.$color):styled.css(["background-color:var(--color-theme-300);"]);});StyledProgressBar.displayName="StyledProgressBar";var StyledProgressBarProgress=styled__default["default"].div.withConfig({displayName:"Styles__StyledProgressBarProgress",componentId:"sc-k5nm08-1"})(["height:3px;",""],function(props){return props.$color?styled.css(["background-color:",";"],props.$color):styled.css(["background-color:var(--color-secondary);"]);});StyledProgressBarProgress.displayName="StyledProgressBarProgress";var ProgressBar=function ProgressBar(_ref){var progress=_ref.progress,backgroundColor=_ref.backgroundColor,progressColor=_ref.progressColor;var progressNumber=React.useMemo(function(){var width=progress;if(progress>100){width=100;}if(progress<0){width=0;}return width;},[progress]);return/*#__PURE__*/jsxRuntime.jsx(StyledProgressBar,{className:"c-progress-bar",$color:backgroundColor,children:/*#__PURE__*/jsxRuntime.jsx(StyledProgressBarProgress,{className:"c-progress-bar__progress",style:{width:"".concat(progressNumber,"%")},$color:progressColor})});};ProgressBar.displayName="ProgressBar";function ownKeys$6(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$6(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$6(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$6(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var ApplauseIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$6(_objectSpread$6({width:"14",height:"14",xmlns:"http://www.w3.org/2000/svg",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsxs("g",{fill:"none",fillRule:"evenodd",children:[/*#__PURE__*/jsxRuntime.jsx("path",{d:"M8.247 7.533 4.746 4.49s-.94-.783-1.826.167c-.197.21-.288.435-.339.63-.12.461.073.948.446 1.244l3.61 2.859-2.488-1.973s-.647-.51-1.325.171c-.55.552-.747 1.206.266 2.073l3.58 3.007s3.844 2.701 6.374-.832c1.36-1.901.122-1.806.451-6.802 0 0-.01-1.13-1.223-1.13s-1.035 2.823-1.035 2.823L6.792 3.153s-.916-.743-1.6 0c-.845.917.09 1.772.09 1.772l2.965 2.608Z",stroke:"#000",strokeWidth:".677",fill:"#FFD60B"}),/*#__PURE__*/jsxRuntime.jsx("path",{d:"M6.215 5.817 2.714 2.775s-.94-.783-1.826.167c-.197.21-.288.434-.34.63-.12.461.074.948.447 1.243l3.61 2.86-2.489-1.973s-.647-.51-1.324.171c-.55.552-.747 1.206.266 2.073l3.579 3.007s3.844 2.701 6.374-.832c1.362-1.901.123-1.806.452-6.802 0 0-.01-1.13-1.223-1.13-1.214 0-1.035 2.823-1.035 2.823L4.76 1.437s-.916-.743-1.6 0c-.845.917.09 1.772.09 1.772l2.965 2.608Z",fill:"#975F00"}),/*#__PURE__*/jsxRuntime.jsx("path",{d:"M8.247 7.533 4.746 4.49s-.94-.783-1.826.167c-.197.21-.288.435-.339.63-.12.461.073.948.446 1.244l3.61 2.859-2.488-1.973s-.647-.51-1.325.171c-.55.552-.747 1.206.266 2.073l3.58 3.007s3.844 2.701 6.374-.832c1.36-1.901.122-1.806.451-6.802 0 0-.01-1.13-1.223-1.13s-1.035 2.823-1.035 2.823L6.792 3.153s-.916-.743-1.6 0c-.845.917.09 1.772.09 1.772l2.965 2.608Z",stroke:"#975F00",strokeWidth:".677",fill:"#FFD60B"}),/*#__PURE__*/jsxRuntime.jsx("path",{stroke:"#29ABE2",strokeWidth:".677",strokeLinecap:"round",d:"M10.387.339v.79M11.9 1.59 12.938.555M8.873 1.591 7.836.554"})]})}));});ApplauseIcon.displayName="ApplauseIcon";var ApplauseIcon$1=ApplauseIcon;function ownKeys$5(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$5(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$5(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$5(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var HeartIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$5(_objectSpread$5({width:"14",height:"14",xmlns:"http://www.w3.org/2000/svg",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsxs("g",{fill:"none",fillRule:"evenodd",children:[/*#__PURE__*/jsxRuntime.jsx("path",{d:"M10.274 0a3.726 3.726 0 0 1 3.047 5.871h.002L7 14 .677 5.871A3.726 3.726 0 1 1 7 1.947 3.724 3.724 0 0 1 10.274 0Z",fill:"#ED1C24"}),/*#__PURE__*/jsxRuntime.jsx("path",{d:"M3.726 1.355c.363 0 .708.082 1.015.228A3.274 3.274 0 0 0 1.583 4.74a2.371 2.371 0 0 1 2.143-3.386Z",fill:"#FFF"}),/*#__PURE__*/jsxRuntime.jsx("path",{d:"M10.274 0a3.726 3.726 0 0 1 3.047 5.871h.002L7 14 .677 5.871.67 5.86l-.012-.02-.005-.013c-.003-.01.001-.013.01-.011l.015.005a.18.18 0 0 1 .01.004l.036.021.05.033.085.062.108.084.168.133.248.204.41.346.571.49.367.317.84.735L4.989 9.5l1.308 1.163.652.581 4.666-6A3.185 3.185 0 0 0 9.08.227h-.085C9.393.08 9.824 0 10.274 0Z",fill:"#C1272D"}),/*#__PURE__*/jsxRuntime.jsx("path",{d:"M10.274.339c.936 0 1.782.379 2.395.992s.992 1.46.992 2.395c0 .723-.226 1.393-.612 1.943L7 13.45.95 5.668a3.382 3.382 0 0 1-.611-1.943c0-.936.379-1.782.992-2.395A3.376 3.376 0 0 1 3.726.339a3.37 3.37 0 0 1 1.728.473A3.405 3.405 0 0 1 7 2.853 3.396 3.396 0 0 1 8.546.812a3.37 3.37 0 0 1 1.728-.473Z",stroke:"#650408",strokeWidth:".677"})]})}));});HeartIcon.displayName="HeartIcon";var HeartIcon$1=HeartIcon;function ownKeys$4(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$4(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$4(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$4(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var PartyIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$4(_objectSpread$4({width:"14",height:"14",xmlns:"http://www.w3.org/2000/svg",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsxs("g",{fill:"none",fillRule:"evenodd",children:[/*#__PURE__*/jsxRuntime.jsx("path",{d:"M6.774 3.048s.903-2.71-2.71-2.71",stroke:"#ED1C24",strokeWidth:".645"}),/*#__PURE__*/jsxRuntime.jsx("path",{d:"M10.952 6.875s2.71-.904 2.71 2.71",stroke:"#00A4FF",strokeWidth:".645"}),/*#__PURE__*/jsxRuntime.jsx("path",{d:"M9.71 3.839s1.806.903 1.806-.904c0-.903.903-.903.903-.903s1.807 0 .904-1.806",stroke:"#ED1C24",strokeWidth:".645"}),/*#__PURE__*/jsxRuntime.jsx("path",{d:"M2.935 2.484a.678.678 0 1 1 .001-1.355.678.678 0 0 1 0 1.355M13.554 4.8l-.451.238-.06.507-.366-.356-.5.099.225-.457-.249-.445.505.072.346-.374.087.503z",fill:"#BF0FCE"}),/*#__PURE__*/jsxRuntime.jsx("path",{fill:"#00A4FF",d:"m9.058.36-.301.442.194.498-.513-.149-.414.339-.017-.535-.45-.289.503-.181.136-.517.328.422z"}),/*#__PURE__*/jsxRuntime.jsx("path",{d:"M11.95 10.04s.412.935 1.807 1.807",stroke:"#ED1C24",strokeWidth:".645"}),/*#__PURE__*/jsxRuntime.jsx("path",{d:"M9.422 2.705S9.556 1.26 10.96.909M10.417 13.02s.487-.946 1.616-.355",stroke:"#00A4FF",strokeWidth:".645"}),/*#__PURE__*/jsxRuntime.jsxs("g",{transform:"rotate(45 .483 7.493)",children:[/*#__PURE__*/jsxRuntime.jsx("path",{fill:"#FFD60B",d:"M0 1.806h9.484L4.742 12.419z"}),/*#__PURE__*/jsxRuntime.jsx("path",{d:"M8.806 1.806 4.742 12.42l-.773-2.017L7.26 1.806h1.546Z",fill:"#FFB000"}),/*#__PURE__*/jsxRuntime.jsx("path",{d:"m8.962 2.145-4.22 9.444-4.22-9.444h8.44Z",stroke:"#975F00",strokeWidth:".677"}),/*#__PURE__*/jsxRuntime.jsx("ellipse",{stroke:"#975F00",strokeWidth:".677",fill:"#FFF",cx:"4.742",cy:"1.581",rx:"4.403",ry:"1.242"})]})]})}));});PartyIcon.displayName="PartyIcon";var PartyIcon$1=PartyIcon;function ownKeys$3(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$3(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$3(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$3(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var SmileIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$3(_objectSpread$3({width:"14",height:"14",xmlns:"http://www.w3.org/2000/svg",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsxs("g",{fill:"none",fillRule:"evenodd",children:[/*#__PURE__*/jsxRuntime.jsx("circle",{fill:"#FFD60B",cx:"7",cy:"7",r:"7"}),/*#__PURE__*/jsxRuntime.jsx("path",{d:"M7 0A7 7 0 1 1 .008 6.653 6.323 6.323 0 1 0 6.653.008C6.768.003 6.883 0 7 0Z",fill:"#FFB000"}),/*#__PURE__*/jsxRuntime.jsx("path",{d:"M7 0a6.989 6.989 0 0 1 5.58 2.774 7 7 0 0 0-9.807 9.807A7 7 0 0 1 7 0Z",fill:"#FFEB97"}),/*#__PURE__*/jsxRuntime.jsx("circle",{stroke:"#975F00",strokeWidth:".677",cx:"7",cy:"7",r:"6.661"}),/*#__PURE__*/jsxRuntime.jsx("path",{d:"M11.853 7.226a4.29 4.29 0 0 1-8.577 0h8.577Z",fill:"#FFF"}),/*#__PURE__*/jsxRuntime.jsx("path",{d:"M11.19 7.75a3.92 3.92 0 0 1-3.69 3.5 3.92 3.92 0 0 1-3.69-3.5h7.38M12 7H3a4.77 4.77 0 0 0 4.5 5A4.77 4.77 0 0 0 12 7Z",fill:"#975F00",fillRule:"nonzero"}),/*#__PURE__*/jsxRuntime.jsx("rect",{fill:"#000",fillRule:"nonzero",x:"5",y:"4",width:"2",height:"2",rx:"1"}),/*#__PURE__*/jsxRuntime.jsx("rect",{fill:"#000",fillRule:"nonzero",x:"9",y:"4",width:"2",height:"2",rx:"1"})]})}));});SmileIcon.displayName="SmileIcon";var SmileIcon$1=SmileIcon;function ownKeys$2(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$2(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$2(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$2(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var ThinkingIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$2(_objectSpread$2({width:"14",height:"14",xmlns:"http://www.w3.org/2000/svg",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsxs("g",{fill:"none",fillRule:"evenodd",children:[/*#__PURE__*/jsxRuntime.jsx("circle",{fill:"#FFD60B",cx:"7",cy:"7",r:"7"}),/*#__PURE__*/jsxRuntime.jsx("rect",{fill:"#000",fillRule:"nonzero",x:"6",y:"4",width:"2",height:"2",rx:"1"}),/*#__PURE__*/jsxRuntime.jsx("rect",{fill:"#000",fillRule:"nonzero",x:"10",y:"5",width:"2",height:"2",rx:"1"}),/*#__PURE__*/jsxRuntime.jsx("path",{d:"M7 0A7 7 0 1 1 .008 6.653 6.323 6.323 0 1 0 6.653.008C6.768.003 6.883 0 7 0Z",fill:"#FFB000"}),/*#__PURE__*/jsxRuntime.jsx("path",{d:"M7 0a6.989 6.989 0 0 1 5.58 2.774 7 7 0 0 0-9.807 9.807A7 7 0 0 1 7 0Z",fill:"#FFEB97"}),/*#__PURE__*/jsxRuntime.jsx("circle",{stroke:"#975F00",strokeWidth:".677",cx:"7",cy:"7",r:"6.661"}),/*#__PURE__*/jsxRuntime.jsx("path",{fill:"#FFF",d:"M2 14V7h2.968v2.258H10v2.484H7.687V14z"}),/*#__PURE__*/jsxRuntime.jsx("path",{fill:"#CCC",d:"M2 12h5.113v2H2z"}),/*#__PURE__*/jsxRuntime.jsx("path",{d:"M4.593 7.375v2.258h5.032v1.734h-2.21v2.258h-5.04v-6.25h2.218Z",stroke:"#5A3900",strokeWidth:".75"}),/*#__PURE__*/jsxRuntime.jsx("path",{d:"M6.206 7.71s3.326-.847 4.657.847",stroke:"#000"}),/*#__PURE__*/jsxRuntime.jsx("path",{fill:"#000",fillRule:"nonzero",d:"M10 3h2v1h-2zM6 2h2v1H6z"})]})}));});ThinkingIcon.displayName="ThinkingIcon";var ThinkingIcon$1=ThinkingIcon;function ownKeys$1(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread$1(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys$1(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys$1(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var ThumbsUpIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread$1(_objectSpread$1({width:"14",height:"14",xmlns:"http://www.w3.org/2000/svg",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsxs("g",{fill:"none",fillRule:"evenodd",children:[/*#__PURE__*/jsxRuntime.jsx("path",{d:"M7 2.71C7 4.477 5.308 4.866 4.516 5.87c-.487.62-.677 1.806-.677 1.806v5.194C5.182 13.341 6.096 14 8.806 14c2.164-.021 2.54-.045 3.388-.903.903-.903 1.806-4.39 1.806-6.323 0-.15-.04-.322-.08-.514-.198-.934-1.401-1.129-2.404-1.129-.718 0-1.401.11-1.423.11-.214 0-.315-.299-.226-.527.266-.684.294-1.755.294-2.908C10.161 0 8.581 0 8.581 0S7 0 7 2.71Z",fill:"#FFD60B"}),/*#__PURE__*/jsxRuntime.jsx("path",{d:"m4.122 12.763 1.516.785 2.565.34h1.985l1.61-.822 1.469-4.105V7.484c-.558 2.76-1.498 4.33-2.818 4.71-1.32.38-3.408.145-6.265-.702l-.062 1.271Z",fill:"#FFB000"}),/*#__PURE__*/jsxRuntime.jsx("path",{d:"m4.516 6.473 1.659-1.416.967-1.495.365-2.419L8.695.341l1.088.525-.14 1.328c-.231-.748-.577-1.001-1.037-.759-.69.364.198 3.188-1.653 4.131-1.851.943-2.83 3.42-2.83 4.836V7.398l.393-.925Z",fill:"#FFEB97"}),/*#__PURE__*/jsxRuntime.jsx("path",{d:"M8.57.34c.155.007.614.055.932.425.19.22.32.553.32 1.041 0 1.103-.015 2.13-.27 2.785.518.815 1.092.876 1.713.88h.251c.518 0 1.098.049 1.534.254.256.12.462.297.532.579.069 2.345-.761 5.687-1.63 6.555-.787.797-1.156.783-3.146.802-1.968 0-2.958-.358-3.878-.73a37.501 37.501 0 0 0-.75-.297v-4.93c.028-.168.2-1.11.605-1.624.241-.306.576-.548.912-.797.83-.613 1.644-1.26 1.644-2.573 0-.815.148-1.364.36-1.73.31-.539.758-.63.87-.64Z",stroke:"#975F00",strokeWidth:".677"}),/*#__PURE__*/jsxRuntime.jsx("rect",{stroke:"#975F00",strokeWidth:".677",fill:"#FFF",x:".339",y:"6.339",width:"3.839",height:"7.323",rx:"1.129"}),/*#__PURE__*/jsxRuntime.jsx("path",{d:"M.677 11.516c0 .25.203.452.452.452h2.258c.25 0 .452-.202.452-.452v1.355c0 .25-.202.452-.452.452H1.13a.452.452 0 0 1-.452-.452Z",fill:"#CCC"})]})}));});ThumbsUpIcon.displayName="ThumbsUpIcon";var ThumbsUpIcon$1=ThumbsUpIcon;function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(Object(source),true).forEach(function(key){_defineProperty__default["default"](target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var ThumbsDownIcon=/*#__PURE__*/React__default["default"].forwardRef(function(props,svgRef){return/*#__PURE__*/jsxRuntime.jsx("svg",_objectSpread(_objectSpread({width:"14",height:"14",xmlns:"http://www.w3.org/2000/svg",ref:svgRef},props),{},{children:/*#__PURE__*/jsxRuntime.jsxs("g",{fill:"none",fillRule:"evenodd",children:[/*#__PURE__*/jsxRuntime.jsx("path",{d:"M7 11.29C7 9.523 8.692 9.134 9.484 8.13c.487-.62.677-1.806.677-1.806V1.129C8.818.659 7.904 0 5.194 0 3.03.021 2.654.045 1.806.903.903 1.806 0 5.293 0 7.226c0 .15.04.322.08.514.198.934 1.401 1.129 2.404 1.129.718 0 1.401-.11 1.423-.11.214 0 .315.299.226.527-.266.684-.294 1.755-.294 2.908C3.839 14 5.419 14 5.419 14S7 14 7 11.29Z",fill:"#FFD60B"}),/*#__PURE__*/jsxRuntime.jsx("path",{d:"M9.878 1.237 8.362.452 5.797.112H3.812l-1.61.822L.733 5.04v1.477c.558-2.76 1.498-4.33 2.818-4.71 1.32-.38 3.408-.145 6.265.702l.062-1.271Z",fill:"#FFB000"}),/*#__PURE__*/jsxRuntime.jsx("path",{d:"M9.484 7.527 7.825 8.943l-.967 1.495-.365 2.419-1.188.802-1.088-.525.14-1.328c.231.748.577 1.001 1.037.759.69-.364-.198-3.188 1.653-4.131 1.851-.943 2.83-3.42 2.83-4.836v3.004l-.393.925Z",fill:"#FFEB97"}),/*#__PURE__*/jsxRuntime.jsx("path",{d:"M5.43 13.66c-.155-.007-.614-.055-.932-.425-.19-.22-.32-.553-.32-1.041 0-1.103.015-2.13.27-2.785-.518-.815-1.092-.876-1.713-.88h-.251c-.518 0-1.098-.049-1.534-.254-.256-.12-.462-.297-.532-.579-.069-2.345.761-5.687 1.63-6.555C2.834.344 3.203.358 5.193.34c2.083 0 3.072.401 4.04.795.195.079.388.157.589.232v4.93c-.029.168-.202 1.11-.606 1.624-.213.27-.499.49-.794.71-1.074.8-1.762 1.446-1.762 2.66 0 .815-.148 1.364-.36 1.73-.31.539-.758.63-.87.64Z",stroke:"#975F00",strokeWidth:".677"}),/*#__PURE__*/jsxRuntime.jsx("rect",{stroke:"#975F00",strokeWidth:".677",fill:"#FFF",transform:"rotate(180 11.742 4)",x:"9.823",y:".339",width:"3.839",height:"7.323",rx:"1.129"}),/*#__PURE__*/jsxRuntime.jsx("path",{d:"M13.323 2.484a.452.452 0 0 0-.452-.452h-2.258a.452.452 0 0 0-.452.452V1.129c0-.25.202-.452.452-.452h2.258c.25 0 .452.203.452.452Z",fill:"#CCC"})]})}));});ThumbsDownIcon.displayName="ThumbsDownIcon";var ThumbsDownIcon$1=ThumbsDownIcon;var GlobalStyle=styled.createGlobalStyle([":root{--color-primary:#5d2bff;--color-secondary:#5d2bff;--color-theme-100:#ffffff;--color-theme-200:#f6f6f9;--color-theme-300:#ebebee;--color-theme-400:#d7d7da;--color-theme-500:#b9b9bd;--color-theme-600:#89898e;--color-theme-700:#6d6d73;--color-theme-800:#5b5b61;--color-theme-900:#303037;--color-primary-200:rgba(93,43,255,0.05);--color-primary-300:rgba(93,43,255,0.1);--color-primary-400:rgba(93,43,255,0.25);--color-primary-500:rgba(93,43,255,0.5);--color-primary-600:rgba(93,43,255,0.75);--color-primary-700:#5d2bff;--color-primary-800:#4a21cd;--color-primary-900:#32178b;--color-secondary-200:rgba(93,43,255,0.05);--color-secondary-300:rgba(93,43,255,0.1);--color-secondary-400:rgba(93,43,255,0.25);--color-secondary-500:rgba(93,43,255,0.5);--color-secondary-600:rgba(93,43,255,0.75);--color-secondary-700:#5d2bff;--color-secondary-800:#4a21cd;--color-secondary-900:#32178b;--color-primary-opaque-300:#efeaff;--color-primary-opaque-400:#d6caff;--color-secondary-opaque-300:#efeaff;--color-secondary-opaque-400:#d6caff;--color-sucess-green:#64cd93;--body-bg-main:#f4f5f7;--page-paper-main:#ffffff;--border-primary:#d7d7da;--note-bg:#fff9f1;--shadow-primary-hover:0 64px 64px 0 rgba(0,0,0,0.1),0 32px 32px 0 rgba(0,0,0,0.06),0 16px 16px 0 rgba(0,0,0,0.04),0 4px 4px 0 rgba(0,0,0,0.04),0 2px 2px 0 rgba(0,0,0,0.04);--shadow-primary:0 64px 64px 0 rgba(0,0,0,0.06),0 32px 32px 0 rgba(0,0,0,0.03),0 16px 16px 0 rgba(0,0,0,0.02),0 4px 4px 0 rgba(0,0,0,0.02),0 2px 2px 0 rgba(0,0,0,0.02);--shadow-secondary:0 4px 14px 0 rgba(0,0,0,0.17);--shadow-tertiary:0 4px 6px -2px rgba(0,0,0,0.05),0 10px 15px -3px rgba(0,0,0,0.1);--shadow-tertiary-hover:0 4px 10px -2px rgba(0,0,0,0.1),0 12px 20px -3px rgba(0,0,0,0.2);--page-paper-main-shadow:rgba( 255,255,255,0 );--modal-background:rgba(244,245,247,0.6);--highlight-dark:rgba(0,0,0,0.03);--input-background-color:#ffffff;--red-alert:rgb(237,97,97);--only-white:#ffffff;--only-black:#000000;--ac-br-4:4px;--ac-br-6:6px;--ac-br-8:8px;--ac-br-rounded:999px;}.cupcake{--color-primary:#29bcdd;--color-secondary:#fe6fa7;--color-primary-200:rgba(41,188,221,0.07);--color-primary-300:rgba(41,188,221,0.12);--color-primary-400:rgba(41,188,221,0.26);--color-primary-500:rgba(41,188,221,0.52);--color-primary-600:rgba(41,188,221,0.75);--color-primary-700:#29bcdd;--color-primary-800:#219fbb;--color-primary-900:#1a768b;--color-secondary-200:rgba(254,111,167,0.07);--color-secondary-300:rgba(254,111,167,0.13);--color-secondary-400:rgba(254,111,167,0.27);--color-secondary-500:rgba(254,111,167,0.52);--color-secondary-600:rgba(254,111,167,0.75);--color-secondary-700:#fe6fa7;--color-secondary-800:#dd6091;--color-secondary-900:#ab496f;--color-primary-opaque-300:#e5f7fb;--color-primary-opaque-400:#c8eef6;--color-secondary-opaque-300:#ffecf4;--color-secondary-opaque-400:#ffd8e7;}.classic{--color-primary:#4182f2;--color-secondary:#4182f2;--color-primary-200:rgba(65,130,242,0.07);--color-primary-300:rgba(65,130,242,0.13);--color-primary-400:rgba(65,130,242,0.26);--color-primary-500:rgba(65,130,242,0.52);--color-primary-600:rgba(65,130,242,0.75);--color-primary-700:#4182f2;--color-primary-800:#356bc8;--color-primary-900:#244a8a;--color-secondary-200:rgba(65,130,242,0.07);--color-secondary-300:rgba(65,130,242,0.13);--color-secondary-400:rgba(65,130,242,0.26);--color-secondary-500:rgba(65,130,242,0.52);--color-secondary-600:rgba(65,130,242,0.75);--color-secondary-700:#4182f2;--color-secondary-800:#356bc8;--color-secondary-900:#244a8a;--color-primary-opaque-300:#e6effd;--color-primary-opaque-400:#cedffc;--color-secondary-opaque-300:#e6effd;--color-secondary-opaque-400:#cedffc;}.neon{--color-primary:#67ffc8;--color-secondary:#67ffc8;--color-theme-100:#000000;--color-theme-200:#31333e;--color-theme-300:#2b2d37;--color-theme-400:#1f2024;--color-theme-500:#99999e;--color-theme-600:#89898e;--color-theme-700:#b0b0b5;--color-theme-800:#dfdfe5;--color-theme-900:#ffffff;--color-primary-200:rgba(103,255,200,0.05);--color-primary-300:rgba(103,255,200,0.1);--color-primary-400:rgba(103,255,200,0.25);--color-primary-500:rgba(103,255,200,0.5);--color-primary-600:rgba(103,255,200,0.75);--color-primary-700:#67ffc8;--color-primary-800:#a5ffdf;--color-primary-900:#d0fdec;--color-secondary-200:rgba(103,255,200,0.05);--color-secondary-300:rgba(103,255,200,0.1);--color-secondary-400:rgba(103,255,200,0.25);--color-secondary-500:rgba(103,255,200,0.5);--color-secondary-600:rgba(103,255,200,0.75);--color-secondary-700:#67ffc8;--color-secondary-800:#a5ffdf;--color-secondary-900:#d0fdec;--color-primary-opaque-300:#3b4e51;--color-primary-opaque-400:#436b64;--color-secondary-opaque-300:#3b4e51;--color-secondary-opaque-400:#436b64;--body-bg-main:#2c2e38;--page-paper-main:#373a44;--border-primary:#1f2024;--note-bg:#464545;--shadow-primary-hover:0 64px 64px 0 rgba(0,0,0,0.2),0 32px 32px 0 rgba(0,0,0,0.2),0 16px 16px 0 rgba(0,0,0,0.2),0 4px 4px 0 rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.2);--shadow-primary:0 64px 64px 0 rgba(0,0,0,0.1),0 32px 32px 0 rgba(0,0,0,0.1),0 16px 16px 0 rgba(0,0,0,0.1),0 4px 4px 0 rgba(0,0,0,0.1),0 2px 2px 0 rgba(0,0,0,0.1);--shadow-secondary:0 4px 14px 0 rgba(0,0,0,0.3);--shadow-tertiary:0 4px 6px -2px rgba(0,0,0,0.1),0 10px 15px -3px rgba(0,0,0,0.15);--shadow-tertiary-hover:0 4px 12px -2px rgba(0,0,0,0.4),0 10px 30px -3px rgba(0,0,0,0.5);--page-paper-main-shadow:rgba( 55,58,68,0 );--modal-background:rgba(44,46,56,0.7);--highlight-dark:rgba(0,0,0,0.06);--input-background-color:#2c2e38;--only-white:#ffffff;--only-black:#000000;}.ac-shadow,.ac-shadow--hover{&--lg{box-shadow:var(--shadow-primary);}&--sm{box-shadow:var(--shadow-tertiary);}}.ac-shadow--hover{&--lg{transition:box-shadow 0.3s;&:hover{box-shadow:var(--shadow-primary-hover);}}&--sm{transition:box-shadow 0.3s;&:hover{box-shadow:var(--shadow-tertiary-hover);}}}.ac-shadow-optimized--sm{position:relative;box-shadow:var(--shadow-tertiary);&::before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";box-shadow:var(--shadow-tertiary);opacity:0;border-radius:var(--ac-br-6);transition:opacity 0.3s ease;z-index:-1;}@media (hover:hover){&:hover::before{opacity:1;}}}.ac-shadow-optimized--lg{position:relative;box-shadow:var(--shadow-primary);&::before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";box-shadow:var(--shadow-primary);opacity:0;border-radius:var(--ac-br-8);transition:opacity 0.3s ease;z-index:-1;}@media (hover:hover){&:hover::before{opacity:1;}}}.ac-border-radius{&-4{border-radius:var(--ac-br-4);}&-6{border-radius:var(--ac-br-6);}&-8{border-radius:var(--ac-br-8);}&-rounded{border-radius:var(--ac-br-rounded);}}"]);exports.Accordion=Accordion;exports.AccordionContext=AccordionContext;exports.AccordionItem=AccordionItem;exports.AccordionItemBody=AccordionItemBody;exports.AccordionItemHead=AccordionItemHead;exports.ActivityIcon=ActivityIcon$1;exports.AddCrossIcon=AddCrossIcon$1;exports.AddCrossTinyIcon=AddCrossTinyIcon$1;exports.ApplauseIcon=ApplauseIcon$1;exports.ArrowBackIcon=ArrowBackIcon$1;exports.ArrowCollapseMultipleIcon=ArrowCollapseMultipleIcon$1;exports.ArrowExpandeMultipleIcon=ArrowExpandeMultipleIcon$1;exports.ArrowLeftBoxIcon=ArrowLeftBoxIcon$1;exports.ArrowRefreshIcon=ArrowRefreshIcon$1;exports.AssignIcon=AssignIcon$1;exports.AutoResizeTextarea=AutoResizeTextarea;exports.Autocomplete=Autocomplete;exports.Avatar=Avatar;exports.BackIcon=BackIcon$1;exports.BackLink=BackLink;exports.BellOffIcon=BellOffIcon$1;exports.BellOffSmallIcon=BellOffSmallIcon$1;exports.Body1=Body1;exports.Body2=Body2;exports.Bubble=Bubble;exports.BudgetAlertIcon=BudgetAlertIcon$1;exports.BudgetNoAlertIcon=BudgetNoAlertIcon$1;exports.Button=Button;exports.ButtonGroup=ButtonGroup;exports.CalendarAddXIcon=CalendarAddXIcon$1;exports.CalendarEmptyIcon=CalendarEmptyIcon$1;exports.CalendarIcon=CalendarIcon$1;exports.CancelCrossIcon=CancelCrossIcon$1;exports.Caption1=Caption1;exports.Caption2=Caption2;exports.Card=Card;exports.CaretLeftIcon=CaretLeftIcon$1;exports.CaretRightIcon=CaretRightIcon$1;exports.ChatIcon=ChatIcon$1;exports.CheckIcon=CheckIcon$1;exports.Checkbox=Checkbox;exports.CheckboxBlankTogglerIcon=CheckboxBlankTogglerIcon$1;exports.CheckboxIcon=CheckboxIcon$1;exports.ChecklistIcon=ChecklistIcon$1;exports.ChecklistSmallIcon=ChecklistSmallIcon$1;exports.Choose=Choose;exports.CircleMultipleIcon=CircleMultipleIcon$1;exports.ClockAddIcon=ClockAddIcon$1;exports.ClockIcon=ClockIcon$1;exports.ClockSmallIcon=ClockSmallIcon$1;exports.ClockStopwatchIcon=ClockStopwatchIcon$1;exports.ClockStopwatchSmallIcon=ClockStopwatchSmallIcon$1;exports.CloseSmallIcon=CloseSmallIcon$1;exports.CollapseAllIcon=CollapseAllIcon$1;exports.CollapseExpandSingleIcon=CollapseExpandSingleIcon$1;exports.ComboBox=ComboBox;exports.CommentIcon=CommentIcon$1;exports.CommentsIcon=CommentsIcon$1;exports.CompleteCheckbox=CompleteCheckbox;exports.ComputerIcon=ComputerIcon$1;exports.ConfirmDialog=ConfirmDialog;exports.CounterButton=CounterButton;exports.CrownBlankIcon=CrownBlankIcon$1;exports.CrownSelectedIcon=CrownSelectedIcon$1;exports.DataTable=DataTable;exports.DatePicker=DatePicker;exports.DateStepper=DateStepper;exports.DependencyIcon=DependencyIcon$1;exports.DependencySmallIcon=DependencySmallIcon$1;exports.Dialog=Dialog;exports.DialogActions=DialogActions;exports.DialogContent=DialogContent;exports.DialogContentDivider=DialogContentDivider;exports.DialogTitle=DialogTitle;exports.DollarCheckmarkIcon=DollarCheckmarkIcon$1;exports.DollarCheckmarkSmallIcon=DollarCheckmarkSmallIcon$1;exports.DollarClockIcon=DollarClockIcon$1;exports.DollarClockSmallIcon=DollarClockSmallIcon$1;exports.DollarIcon=DollarIcon$1;exports.DollarOffIcon=DollarOffIcon$1;exports.DollarOffSmallIcon=DollarOffSmallIcon$1;exports.DollarSmallIcon=DollarSmallIcon$1;exports.DotsLoader=DotsLoader;exports.DownloadIcon=DownloadIcon$1;exports.DriveIcon=DriveIcon$1;exports.DropboxIcon=DropboxIcon$1;exports.DuplicateIcon=DuplicateIcon$1;exports.EditIcon=EditIcon$1;exports.EmojiIcon=EmojiIcon$1;exports.EntityCard=EntityCard;exports.EstimatesIcon=EstimatesIcon$1;exports.ExpandAll=ExpandAll;exports.ExpandAllIcon=ExpandAllIcon$1;exports.ExpandSingle=ExpandSingle;exports.ExportIcon=ExportIcon$1;exports.EyeIcon=EyeIcon$1;exports.EyeOffIcon=EyeOffIcon$1;exports.EyeOffSmallIcon=EyeOffSmallIcon$1;exports.EyeSmallIcon=EyeSmallIcon$1;exports.Fade=Fade;exports.FilterIcon=FilterIcon$1;exports.FromElement=FromElement;exports.GlobalAddButton=GlobalAddButton;exports.GlobalStyle=GlobalStyle;exports.Header=Header;exports.Header2=Header2;exports.Header3=Header3;exports.HeartIcon=HeartIcon$1;exports.HelpIcon=HelpIcon$1;exports.InfoIcon=InfoIcon$1;exports.InfoSmallIcon=InfoSmallIcon$1;exports.Input=Input;exports.IntegrationsIcon=IntegrationsIcon$1;exports.InvoicesIcon=InvoicesIcon$1;exports.Item=Item;exports.ItemContext=ItemContext;exports.Label=Label;exports.LabelsIcon=LabelsIcon$1;exports.LayerContext=LayerContext$1;exports.LayerContextConsumer=LayerContextConsumer;exports.LayerContextProvider=LayerContextProvider;exports.LinearLoader=LinearLoader;exports.Link=Link;exports.List=List;exports.ListItem=ListItem;exports.ListSeparator=ListSeparator;exports.LockIcon=LockIcon$1;exports.LockSmallIcon=LockSmallIcon$1;exports.MarkerIcon=MarkerIcon$1;exports.Menu=Menu;exports.MenuFooter=MenuFooter;exports.MenuHeader=MenuHeader;exports.MenuNavIcon=MenuNavIcon$1;exports.MenuSelector=MenuSelector;exports.MessageAddIcon=MessageAddIcon$1;exports.MessageIcon=MessageIcon$1;exports.MessageSmallIcon=MessageSmallIcon$1;exports.Modal=Modal;exports.MoveTriggerIcon=MoveTriggerIcon$1;exports.MultiAvatar=MultiAvatar;exports.MyWorkIcon=MyWorkIcon$1;exports.Nav=Nav;exports.NavBarElement=NavBarElement;exports.NotificationBellIcon=NotificationBellIcon$1;exports.OpenExpandedIcon=OpenExpandedIcon$1;exports.Option=Option;exports.OptionGroup=OptionGroup;exports.Overlay=Overlay;exports.PaidSmallIcon=PaidSmallIcon$1;exports.Paper=Paper;exports.PartyIcon=PartyIcon$1;exports.PauseIcon=PauseIcon$1;exports.PencilIcon=PencilIcon$1;exports.PencilSmallIcon=PencilSmallIcon$1;exports.PendingPaymentSmallIcon=PendingPaymentSmallIcon$1;exports.PeopleIcon=PeopleIcon$1;exports.PersonIcon=PersonIcon$1;exports.PersonPlusIcon=PersonPlusIcon$1;exports.PlayIcon=PlayIcon$1;exports.Popper=Popper;exports.Portal=Portal;exports.Pressed=Pressed;exports.ProgressBar=ProgressBar;exports.ProjectAddIcon=ProjectAddIcon$1;exports.ProjectTemplateIcon=ProjectTemplateIcon$1;exports.ProjectsIcon=ProjectsIcon$1;exports.RadioBlankIcon=RadioBlankIcon$1;exports.RadioButton=RadioButton;exports.RadioButtonIcon=RadioButtonIcon$1;exports.RearangeIcon=RearangeIcon$1;exports.RearrangeSmallIcon=RearrangeSmallIcon$1;exports.RecurringCheckmarkIcon=RecurringCheckmarkIcon$1;exports.RecurringCheckmarkSmallIcon=RecurringCheckmarkSmallIcon$1;exports.ReportsIcon=ReportsIcon$1;exports.ResizeTransition=ResizeTransition;exports.Reveal=Reveal;exports.Scale=Scale;exports.ScaleBar=ScaleBar;exports.ScrollElement=ScrollElement;exports.ScrollShadow=ScrollShadow;exports.SearchIcon=SearchIcon$1;exports.Select=Select;exports.SelectDate=SelectDate;exports.SendBlankIcon=SendBlankIcon$1;exports.SendFilledIcon=SendFilledIcon$1;exports.Sheet=Sheet;exports.Signifier=Signifier;exports.Slide=Slide;exports.SlideFromTop=SlideFromTop;exports.SlideLeftRightTransition=SlideLeftRightTransition;exports.SmileIcon=SmileIcon$1;exports.SortGeneralIcon=SortGeneralIcon$1;exports.SortIcon=SortIcon$1;exports.SpinnerLoader=SpinnerLoader;exports.StarIcon=StarIcon$1;exports.Steps=Steps;exports.Table=Table;exports.TaskAddIcon=TaskAddIcon$1;exports.Tbody=Tbody;exports.TextFormatGeneralAltIcon=TextFormatGeneralAltIcon$1;exports.Textarea=Textarea;exports.Thead=Thead;exports.ThinkingIcon=ThinkingIcon$1;exports.ThumbUpOutlineIcon=ThumbUpOutlineIcon$1;exports.ThumbsDownIcon=ThumbsDownIcon$1;exports.ThumbsUpIcon=ThumbsUpIcon$1;exports.Title1=Title1;exports.Toggle=Toggle;exports.Tooltip=Tooltip;exports.TrashIcon=TrashIcon$1;exports.TreeDotsIcon=TreeDotsIcon$1;exports.ValueButton=ValueButton;exports.ViewGridIcon=ViewGridIcon$1;exports.ViewListIcon=ViewListIcon$1;exports.VolumeHighIcon=VolumeHighIcon$1;exports.VolumeOffIcon=VolumeOffIcon$1;exports.WarningIcon=WarningIcon$1;exports.WarningTriangleIcon=WarningTriangleIcon$1;exports.WarningTriangleSmallIcon=WarningTriangleSmallIcon$1;exports.Window=Window;exports.WorkloadIcon=WorkloadIcon$1;exports.YearMonthPicker=YearMonthPicker;exports.signifierTypes=signifierTypes;exports.useInitScrollRef=useInitScrollRef;exports.useLayerContext=useLayerContext;exports.useMenuContext=useMenuContext;Object.defineProperty(exports,'__esModule',{value:true});});
|