npm - @rabbitio/ui-kit - Versions diffs - 1.0.0-beta.95 → 1.0.0-beta.97 - Mend

@rabbitio/ui-kit 1.0.0-beta.95 → 1.0.0-beta.97

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.

Files changed (281) hide show

package/coverage/ui-kit/storybook-static/547.cc28f1fd.iframe.bundle.js.html DELETED Viewed

@@ -1,85 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-    <title>Code coverage report for ui-kit/storybook-static/547.cc28f1fd.iframe.bundle.js</title>
-    <meta charset="utf-8" />
-    <link rel="stylesheet" href="../../prettify.css" />
-    <link rel="stylesheet" href="../../base.css" />
-    <link rel="shortcut icon" type="image/x-icon" href="../../favicon.png" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <style type='text/css'>
-        .coverage-summary .sorter {
-            background-image: url(../../sort-arrow-sprite.png);
-        }
-    </style>
-</head>
-<body>
-<div class='wrapper'>
-    <div class='pad1'>
-        <h1><a href="../../index.html">All files</a> / <a href="index.html">ui-kit/storybook-static</a> 547.cc28f1fd.iframe.bundle.js</h1>
-        <div class='clearfix'>
-            <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
-                <span class="quiet">Statements</span>
-                <span class='fraction'>0/1</span>
-            </div>
-            <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
-                <span class="quiet">Branches</span>
-                <span class='fraction'>0/1</span>
-            </div>
-            <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
-                <span class="quiet">Functions</span>
-                <span class='fraction'>0/1</span>
-            </div>
-            <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
-                <span class="quiet">Lines</span>
-                <span class='fraction'>0/1</span>
-            </div>
-        </div>
-        <p class="quiet">
-            Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
-        </p>
-        <template id="filterTemplate">
-            <div class="quiet">
-                Filter:
-                <input oninput="onInput()" type="search" id="fileSearch">
-            </div>
-        </template>
-    </div>
-    <div class='status-line low'></div>
-    <pre><table class="coverage">
-<tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a></td><td class="line-coverage quiet"><span class="cline-any cline-no">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js"><span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" ><span class="branch-0 cbranch-no" title="branch not covered" >(self.webpackChunk_rabbitio_ui_kit=self.webpackChunk_rabbitio_ui_kit||[]).push([[547],{"./node_modules/animated-scroll-to/dist/esm/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=&gt;{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=&gt;__WEBPACK_DEFAULT_EXPORT__});var __awaiter=function(thisArg,_arguments,P,generator){function adopt(value){return value instanceof P?value:new P(function(resolve){resolve(value)})}return new(P||(P=Promise))(function(resolve,reject){function fulfilled(value){try{step(generator.next(value))}catch(e){reject(e)}}function rejected(value){try{step(generator.throw(value))}catch(e){reject(e)}}function step(result){result.done?resolve(result.value):adopt(result.value).then(fulfilled,rejected)}step((generator=generator.apply(thisArg,_arguments||[])).next())})};function getElementOffset(el){let top=0,left=0,element=el;do top+=element.offsetTop||0,left+=element.offsetLeft||0,element=element.offsetParent;while(element)return{top,left}}class ScrollDomElement{constructor(element){this.element=element}getHorizontalScroll(){return this.element.scrollLeft}getVerticalScroll(){return this.element.scrollTop}getMaxHorizontalScroll(){return this.element.scrollWidth-this.element.clientWidth}getMaxVerticalScroll(){return this.element.scrollHeight-this.element.clientHeight}getHorizontalElementScrollOffset(elementToScrollTo,elementToScroll){return getElementOffset(elementToScrollTo).left-getElementOffset(elementToScroll).left}getVerticalElementScrollOffset(elementToScrollTo,elementToScroll){return getElementOffset(elementToScrollTo).top-getElementOffset(elementToScroll).top}scrollTo(x,y){this.element.scrollLeft=x,this.element.scrollTop=y}}class ScrollWindow{constructor(){this.element=window}getHorizontalScroll(){return window.scrollX||document.documentElement.scrollLeft}getVerticalScroll(){return window.scrollY||document.documentElement.scrollTop}getMaxHorizontalScroll(){return Math.max(document.body.scrollWidth,document.documentElement.scrollWidth,document.body.offsetWidth,document.documentElement.offsetWidth,document.body.clientWidth,document.documentElement.clientWidth)-window.innerWidth}getMaxVerticalScroll(){return Math.max(document.body.scrollHeight,document.documentElement.scrollHeight,document.body.offsetHeight,document.documentElement.offsetHeight,document.body.clientHeight,document.documentElement.clientHeight)-window.innerHeight}getHorizontalElementScrollOffset(elementToScrollTo){return(window.scrollX||document.documentElement.scrollLeft)+elementToScrollTo.getBoundingClientRect().left}getVerticalElementScrollOffset(elementToScrollTo){return(window.scrollY||document.documentElement.scrollTop)+elementToScrollTo.getBoundingClientRect().top}scrollTo(x,y){window.scrollTo(x,y)}}let activeAnimations={elements:[],cancelMethods:[],add:(element,cancelAnimation)=&gt;{activeAnimations.elements.push(element),activeAnimations.cancelMethods.push(cancelAnimation)},remove:(element,shouldStop)=&gt;{let index=activeAnimations.elements.indexOf(element);index&gt;-1&amp;&amp;(shouldStop&amp;&amp;activeAnimations.cancelMethods[index](),activeAnimations.elements.splice(index,1),activeAnimations.cancelMethods.splice(index,1))}},WINDOW_EXISTS="undefined"!=typeof window,defaultOptions={cancelOnUserAction:!0,easing:t=&gt;--t*t*t+1,elementToScroll:WINDOW_EXISTS?window:null,horizontalOffset:0,maxDuration:3e3,minDuration:250,speed:500,verticalOffset:0},__WEBPACK_DEFAULT_EXPORT__=function animateScrollTo(numberOrCoordsOrElement,userOptions={}){return __awaiter(this,void 0,void 0,function*(){let x,y;if(!WINDOW_EXISTS)return new Promise(resolve=&gt;{resolve(!1)});if(!window.Promise)throw"Browser doesn't support Promises, and animated-scroll-to depends on it, please provide a polyfill.";let options=Object.assign(Object.assign({},defaultOptions),userOptions),isWindow=options.elementToScroll===window,isElement=!!options.elementToScroll.nodeName;if(!isWindow&amp;&amp;!isElement)throw"Element to scroll needs to be either window or DOM element.";let scrollBehaviorElement=isWindow?document.documentElement:options.elementToScroll;"smooth"===getComputedStyle(scrollBehaviorElement).getPropertyValue("scroll-behavior")&amp;&amp;console.warn(`${scrollBehaviorElement.tagName} has "scroll-behavior: smooth" which can mess up with animated-scroll-to's animations`);let elementToScroll=isWindow?new ScrollWindow:new ScrollDomElement(options.elementToScroll);if(numberOrCoordsOrElement instanceof Element){if(isElement&amp;&amp;(!options.elementToScroll.contains(numberOrCoordsOrElement)||options.elementToScroll.isSameNode(numberOrCoordsOrElement)))throw"options.elementToScroll has to be a parent of scrollToElement";x=elementToScroll.getHorizontalElementScrollOffset(numberOrCoordsOrElement,options.elementToScroll),y=elementToScroll.getVerticalElementScrollOffset(numberOrCoordsOrElement,options.elementToScroll)}else if("number"==typeof numberOrCoordsOrElement)x=elementToScroll.getHorizontalScroll(),y=numberOrCoordsOrElement;else if(Array.isArray(numberOrCoordsOrElement)&amp;&amp;2===numberOrCoordsOrElement.length)x=null===numberOrCoordsOrElement[0]?elementToScroll.getHorizontalScroll():numberOrCoordsOrElement[0],y=null===numberOrCoordsOrElement[1]?elementToScroll.getVerticalScroll():numberOrCoordsOrElement[1];else throw"Wrong function signature. Check documentation.\nAvailable method signatures are:\n  animateScrollTo(y:number, options)\n  animateScrollTo([x:number | null, y:number | null], options)\n  animateScrollTo(scrollToElement:Element, options)";x+=options.horizontalOffset,y+=options.verticalOffset;let maxHorizontalScroll=elementToScroll.getMaxHorizontalScroll(),initialHorizontalScroll=elementToScroll.getHorizontalScroll();x&gt;maxHorizontalScroll&amp;&amp;(x=maxHorizontalScroll);let horizontalDistanceToScroll=x-initialHorizontalScroll,maxVerticalScroll=elementToScroll.getMaxVerticalScroll(),initialVerticalScroll=elementToScroll.getVerticalScroll();y&gt;maxVerticalScroll&amp;&amp;(y=maxVerticalScroll);let verticalDistanceToScroll=y-initialVerticalScroll,horizontalDuration=Math.abs(Math.round(horizontalDistanceToScroll/1e3*options.speed)),verticalDuration=Math.abs(Math.round(verticalDistanceToScroll/1e3*options.speed)),duration=horizontalDuration&gt;verticalDuration?horizontalDuration:verticalDuration;return duration&lt;options.minDuration?duration=options.minDuration:duration&gt;options.maxDuration&amp;&amp;(duration=options.maxDuration),new Promise((resolve,reject)=&gt;{let requestID;0===horizontalDistanceToScroll&amp;&amp;0===verticalDistanceToScroll&amp;&amp;resolve(!0),activeAnimations.remove(elementToScroll.element,!0);let cancelAnimation=()=&gt;{removeListeners(),cancelAnimationFrame(requestID),resolve(!1)};activeAnimations.add(elementToScroll.element,cancelAnimation);let handler=options.cancelOnUserAction?cancelAnimation:e=&gt;e.preventDefault(),eventOptions=options.cancelOnUserAction?{passive:!0}:{passive:!1},events=["wheel","touchstart","keydown","mousedown"],removeListeners=()=&gt;{events.forEach(eventName=&gt;{elementToScroll.element.removeEventListener(eventName,handler,eventOptions)})};events.forEach(eventName=&gt;{elementToScroll.element.addEventListener(eventName,handler,eventOptions)});let startingTime=Date.now(),step=()=&gt;{var timeDiff=Date.now()-startingTime,t=timeDiff/duration;let horizontalScrollPosition=Math.round(initialHorizontalScroll+horizontalDistanceToScroll*options.easing(t)),verticalScrollPosition=Math.round(initialVerticalScroll+verticalDistanceToScroll*options.easing(t));timeDiff&lt;duration&amp;&amp;(horizontalScrollPosition!==x||verticalScrollPosition!==y)?(elementToScroll.scrollTo(horizontalScrollPosition,verticalScrollPosition),requestID=requestAnimationFrame(step)):(elementToScroll.scrollTo(x,y),cancelAnimationFrame(requestID),removeListeners(),activeAnimations.remove(elementToScroll.element,!1),resolve(!0))};requestID=requestAnimationFrame(step)})})}},"./node_modules/body-scroll-lock/lib/bodyScrollLock.esm.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=&gt;{"use strict";function _toConsumableArray(arr){if(!Array.isArray(arr))return Array.from(arr);for(var i=0,arr2=Array(arr.length);i&lt;arr.length;i++)arr2[i]=arr[i];return arr2}__webpack_require__.d(__webpack_exports__,{Qp:()=&gt;disableBodyScroll,tG:()=&gt;enableBodyScroll,tP:()=&gt;clearAllBodyScrollLocks});var hasPassiveEvents=!1;if("undefined"!=typeof window){var passiveTestOptions={get passive(){hasPassiveEvents=!0;return}};window.addEventListener("testPassive",null,passiveTestOptions),window.removeEventListener("testPassive",null,passiveTestOptions)}var isIosDevice="undefined"!=typeof window&amp;&amp;window.navigator&amp;&amp;window.navigator.platform&amp;&amp;(/iP(ad|hone|od)/.test(window.navigator.platform)||"MacIntel"===window.navigator.platform&amp;&amp;window.navigator.maxTouchPoints&gt;1),locks=[],documentListenerAdded=!1,initialClientY=-1,previousBodyOverflowSetting=void 0,previousBodyPaddingRight=void 0,allowTouchMove=function(el){return locks.some(function(lock){return!!(lock.options.allowTouchMove&amp;&amp;lock.options.allowTouchMove(el))})},preventDefault=function(rawEvent){var e=rawEvent||window.event;return!!allowTouchMove(e.target)||e.touches.length&gt;1||(e.preventDefault&amp;&amp;e.preventDefault(),!1)},setOverflowHidden=function(options){if(void 0===previousBodyPaddingRight){var _reserveScrollBarGap=!!options&amp;&amp;!0===options.reserveScrollBarGap,scrollBarGap=window.innerWidth-document.documentElement.clientWidth;_reserveScrollBarGap&amp;&amp;scrollBarGap&gt;0&amp;&amp;(previousBodyPaddingRight=document.body.style.paddingRight,document.body.style.paddingRight=scrollBarGap+"px")}void 0===previousBodyOverflowSetting&amp;&amp;(previousBodyOverflowSetting=document.body.style.overflow,document.body.style.overflow="hidden")},restoreOverflowSetting=function(){void 0!==previousBodyPaddingRight&amp;&amp;(document.body.style.paddingRight=previousBodyPaddingRight,previousBodyPaddingRight=void 0),void 0!==previousBodyOverflowSetting&amp;&amp;(document.body.style.overflow=previousBodyOverflowSetting,previousBodyOverflowSetting=void 0)},handleScroll=function(event,targetElement){var clientY=event.targetTouches[0].clientY-initialClientY;return!allowTouchMove(event.target)&amp;&amp;(targetElement&amp;&amp;0===targetElement.scrollTop&amp;&amp;clientY&gt;0?preventDefault(event):targetElement&amp;&amp;targetElement.scrollHeight-targetElement.scrollTop&lt;=targetElement.clientHeight&amp;&amp;clientY&lt;0?preventDefault(event):(event.stopPropagation(),!0))},disableBodyScroll=function(targetElement,options){if(!targetElement){console.error("disableBodyScroll unsuccessful - targetElement must be provided when calling disableBodyScroll on IOS devices.");return}!locks.some(function(lock){return lock.targetElement===targetElement})&amp;&amp;(locks=[].concat(_toConsumableArray(locks),[{targetElement:targetElement,options:options||{}}]),isIosDevice?(targetElement.ontouchstart=function(event){1===event.targetTouches.length&amp;&amp;(initialClientY=event.targetTouches[0].clientY)},targetElement.ontouchmove=function(event){1===event.targetTouches.length&amp;&amp;handleScroll(event,targetElement)},documentListenerAdded||(document.addEventListener("touchmove",preventDefault,hasPassiveEvents?{passive:!1}:void 0),documentListenerAdded=!0)):setOverflowHidden(options))},clearAllBodyScrollLocks=function(){isIosDevice?(locks.forEach(function(lock){lock.targetElement.ontouchstart=null,lock.targetElement.ontouchmove=null}),documentListenerAdded&amp;&amp;(document.removeEventListener("touchmove",preventDefault,hasPassiveEvents?{passive:!1}:void 0),documentListenerAdded=!1),initialClientY=-1):restoreOverflowSetting(),locks=[]},enableBodyScroll=function(targetElement){if(!targetElement){console.error("enableBodyScroll unsuccessful - targetElement must be provided when calling enableBodyScroll on IOS devices.");return}locks=locks.filter(function(lock){return lock.targetElement!==targetElement}),isIosDevice?(targetElement.ontouchstart=null,targetElement.ontouchmove=null,documentListenerAdded&amp;&amp;0===locks.length&amp;&amp;(document.removeEventListener("touchmove",preventDefault,hasPassiveEvents?{passive:!1}:void 0),documentListenerAdded=!1)):locks.length||restoreOverflowSetting()}},"./node_modules/clipboard-copy/index.js":module=&gt;{function makeError(){return new DOMException("The request is not allowed","NotAllowedError")}async function copyClipboardApi(text){if(!navigator.clipboard)throw makeError();return navigator.clipboard.writeText(text)}async function copyExecCommand(text){let span=document.createElement("span");span.textContent=text,span.style.whiteSpace="pre",span.style.webkitUserSelect="auto",span.style.userSelect="all",document.body.appendChild(span);let selection=window.getSelection(),range=window.document.createRange();selection.removeAllRanges(),range.selectNode(span),selection.addRange(range);let success=!1;try{success=window.document.execCommand("copy")}finally{selection.removeAllRanges(),window.document.body.removeChild(span)}if(!success)throw makeError()}async function clipboardCopy(text){try{await copyClipboardApi(text)}catch(err){try{await copyExecCommand(text)}catch(err2){throw err2||err||makeError()}}}/*! clipboard-copy. MIT License. Feross Aboukhadijeh &lt;https://feross.org/opensource&gt; */module.exports=clipboardCopy},"./node_modules/react-animate-height/dist/esm/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=&gt;{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=&gt;__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function isNumber(n){let number=parseFloat(n);return!isNaN(number)&amp;&amp;isFinite(number)}function isPercentage(height){return"string"==typeof height&amp;&amp;"%"===height[height.length-1]&amp;&amp;isNumber(height.substring(0,height.length-1))}function hideContent(element,height,disableDisplayNone){0===height&amp;&amp;!disableDisplayNone&amp;&amp;(null==element?void 0:element.style)&amp;&amp;(null==element?void 0:element.children.length)&gt;0&amp;&amp;(element.style.display="none")}function showContent(element,height){0===height&amp;&amp;(null==element?void 0:element.style)&amp;&amp;(element.style.display="")}let ANIMATION_STATE_CLASSES={animating:"rah-animating",animatingUp:"rah-animating--up",animatingDown:"rah-animating--down",animatingToHeightZero:"rah-animating--to-height-zero",animatingToHeightAuto:"rah-animating--to-height-auto",animatingToHeightSpecific:"rah-animating--to-height-specific",static:"rah-static",staticHeightZero:"rah-static--height-zero",staticHeightAuto:"rah-static--height-auto",staticHeightSpecific:"rah-static--height-specific"};function getStaticStateClasses(animationStateClasses,height){return[animationStateClasses.static,0===height&amp;&amp;animationStateClasses.staticHeightZero,"number"==typeof height&amp;&amp;height&gt;0?animationStateClasses.staticHeightSpecific:null,"auto"===height&amp;&amp;animationStateClasses.staticHeightAuto].filter(v=&gt;v).join(" ")}let propsToOmitFromDiv=["animateOpacity","animationStateClasses","applyInlineTransitions","children","className","contentClassName","contentRef","delay","duration","easing","height","onHeightAnimationEnd","onHeightAnimationStart","style","disableDisplayNone"],__WEBPACK_DEFAULT_EXPORT__=react__WEBPACK_IMPORTED_MODULE_0__.forwardRef((componentProps,ref)=&gt;{let{animateOpacity=!1,animationStateClasses={},applyInlineTransitions=!0,children,className="",contentClassName,delay:userDelay=0,disableDisplayNone=!1,duration:userDuration=500,easing="ease",height,onHeightAnimationEnd,onHeightAnimationStart,style,contentRef}=componentProps,divProps=Object.assign({},componentProps);propsToOmitFromDiv.forEach(propKey=&gt;{delete divProps[propKey]});let prevHeight=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(height),contentElement=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null),animationClassesTimeoutID=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(),timeoutID=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(),stateClasses=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(Object.assign(Object.assign({},ANIMATION_STATE_CLASSES),animationStateClasses)),isBrowser="undefined"!=typeof window,prefersReducedMotion=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(!!isBrowser&amp;&amp;!!window.matchMedia&amp;&amp;window.matchMedia("(prefers-reduced-motion)").matches),delay=prefersReducedMotion.current?0:userDelay,duration=prefersReducedMotion.current?0:userDuration,initHeight=height,initOverflow="visible";"number"==typeof height?(initHeight=height&lt;0?0:height,initOverflow="hidden"):isPercentage(initHeight)&amp;&amp;(initHeight="0%"===height?0:height,initOverflow="hidden");let[currentHeight,setCurrentHeight]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(initHeight),[overflow,setOverflow]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(initOverflow),[useTransitions,setUseTransitions]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),[animationStateClassNames,setAnimationStateClassNames]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(getStaticStateClasses(stateClasses.current,height));(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(()=&gt;{hideContent(contentElement.current,currentHeight,disableDisplayNone)},[]),(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(()=&gt;{if(height!==prevHeight.current&amp;&amp;contentElement.current){let newHeight,timeoutHeight;showContent(contentElement.current,prevHeight.current),contentElement.current.style.overflow="hidden";let contentHeight=contentElement.current.offsetHeight;contentElement.current.style.overflow="";let totalDuration=duration+delay,timeoutOverflow="hidden",isCurrentHeightAuto="auto"===prevHeight.current;"number"==typeof height?timeoutHeight=newHeight=height&lt;0?0:height:isPercentage(height)?timeoutHeight=newHeight="0%"===height?0:height:(newHeight=contentHeight,timeoutHeight="auto",timeoutOverflow=void 0),isCurrentHeightAuto&amp;&amp;(timeoutHeight=newHeight,newHeight=contentHeight);let newAnimationStateClassNames=[stateClasses.current.animating,("auto"===prevHeight.current||height&lt;prevHeight.current)&amp;&amp;stateClasses.current.animatingUp,("auto"===height||height&gt;prevHeight.current)&amp;&amp;stateClasses.current.animatingDown,0===timeoutHeight&amp;&amp;stateClasses.current.animatingToHeightZero,"auto"===timeoutHeight&amp;&amp;stateClasses.current.animatingToHeightAuto,"number"==typeof timeoutHeight&amp;&amp;timeoutHeight&gt;0?stateClasses.current.animatingToHeightSpecific:null].filter(v=&gt;v).join(" "),timeoutAnimationStateClasses=getStaticStateClasses(stateClasses.current,timeoutHeight);setCurrentHeight(newHeight),setOverflow("hidden"),setUseTransitions(!isCurrentHeightAuto),setAnimationStateClassNames(newAnimationStateClassNames),clearTimeout(timeoutID.current),clearTimeout(animationClassesTimeoutID.current),isCurrentHeightAuto?(timeoutID.current=setTimeout(()=&gt;{setCurrentHeight(timeoutHeight),setOverflow(timeoutOverflow),setUseTransitions(!0),null==onHeightAnimationStart||onHeightAnimationStart(timeoutHeight)},50),animationClassesTimeoutID.current=setTimeout(()=&gt;{setUseTransitions(!1),setAnimationStateClassNames(timeoutAnimationStateClasses),hideContent(contentElement.current,timeoutHeight,disableDisplayNone),null==onHeightAnimationEnd||onHeightAnimationEnd(timeoutHeight)},totalDuration)):(null==onHeightAnimationStart||onHeightAnimationStart(newHeight),timeoutID.current=setTimeout(()=&gt;{setCurrentHeight(timeoutHeight),setOverflow(timeoutOverflow),setUseTransitions(!1),setAnimationStateClassNames(timeoutAnimationStateClasses),"auto"!==height&amp;&amp;hideContent(contentElement.current,newHeight,disableDisplayNone),null==onHeightAnimationEnd||onHeightAnimationEnd(newHeight)},totalDuration))}return prevHeight.current=height,()=&gt;{clearTimeout(timeoutID.current),clearTimeout(animationClassesTimeoutID.current)}},[height]);let componentStyle=Object.assign(Object.assign({},style),{height:currentHeight,overflow:overflow||(null==style?void 0:style.overflow)});useTransitions&amp;&amp;applyInlineTransitions&amp;&amp;(componentStyle.transition=`height ${duration}ms ${easing} ${delay}ms`,(null==style?void 0:style.transition)&amp;&amp;(componentStyle.transition=`${style.transition}, ${componentStyle.transition}`),componentStyle.WebkitTransition=componentStyle.transition);let contentStyle={};return animateOpacity&amp;&amp;(contentStyle.transition=`opacity ${duration}ms ${easing} ${delay}ms`,contentStyle.WebkitTransition=contentStyle.transition,0===currentHeight&amp;&amp;(contentStyle.opacity=0)),react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",Object.assign({},divProps,{"aria-hidden":void 0!==divProps["aria-hidden"]?divProps["aria-hidden"]:0===height,className:`${animationStateClassNames} ${className}`,style:componentStyle,ref:ref}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:contentClassName,style:contentStyle,ref:el=&gt;{contentElement.current=el,contentRef&amp;&amp;(contentRef.current=el)}},children))})},"./node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=&gt;{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=&gt;__WEBPACK_DEFAULT_EXPORT__});var MapShim=function(){if("undefined"!=typeof Map)return Map;function getIndex(arr,key){var result=-1;return arr.some(function(entry,index){return entry[0]===key&amp;&amp;(result=index,!0)}),result}return function(){function class_1(){this.__entries__=[]}return Object.defineProperty(class_1.prototype,"size",{get:function(){return this.__entries__.length},enumerable:!0,configurable:!0}),class_1.prototype.get=function(key){var index=getIndex(this.__entries__,key),entry=this.__entries__[index];return entry&amp;&amp;entry[1]},class_1.prototype.set=function(key,value){var index=getIndex(this.__entries__,key);~index?this.__entries__[index][1]=value:this.__entries__.push([key,value])},class_1.prototype.delete=function(key){var entries=this.__entries__,index=getIndex(entries,key);~index&amp;&amp;entries.splice(index,1)},class_1.prototype.has=function(key){return!!~getIndex(this.__entries__,key)},class_1.prototype.clear=function(){this.__entries__.splice(0)},class_1.prototype.forEach=function(callback,ctx){void 0===ctx&amp;&amp;(ctx=null);for(var _i=0,_a=this.__entries__;_i&lt;_a.length;_i++){var entry=_a[_i];callback.call(ctx,entry[1],entry[0])}},class_1}()}(),isBrowser="undefined"!=typeof window&amp;&amp;"undefined"!=typeof document&amp;&amp;window.document===document,global$1=function(){return void 0!==__webpack_require__.g&amp;&amp;__webpack_require__.g.Math===Math?__webpack_require__.g:"undefined"!=typeof self&amp;&amp;self.Math===Math?self:"undefined"!=typeof window&amp;&amp;window.Math===Math?window:Function("return this")()}(),requestAnimationFrame$1=function(){return"function"==typeof requestAnimationFrame?requestAnimationFrame.bind(global$1):function(callback){return setTimeout(function(){return callback(Date.now())},1e3/60)}}();function throttle(callback,delay){var leadingCall=!1,trailingCall=!1,lastCallTime=0;function resolvePending(){leadingCall&amp;&amp;(leadingCall=!1,callback()),trailingCall&amp;&amp;proxy()}function timeoutCallback(){requestAnimationFrame$1(resolvePending)}function proxy(){var timeStamp=Date.now();if(leadingCall){if(timeStamp-lastCallTime&lt;2)return;trailingCall=!0}else leadingCall=!0,trailingCall=!1,setTimeout(timeoutCallback,delay);lastCallTime=timeStamp}return proxy}var transitionKeys=["top","right","bottom","left","width","height","size","weight"],mutationObserverSupported="undefined"!=typeof MutationObserver,ResizeObserverController=function(){function ResizeObserverController(){this.connected_=!1,this.mutationEventsAdded_=!1,this.mutationsObserver_=null,this.observers_=[],this.onTransitionEnd_=this.onTransitionEnd_.bind(this),this.refresh=throttle(this.refresh.bind(this),20)}return ResizeObserverController.prototype.addObserver=function(observer){~this.observers_.indexOf(observer)||this.observers_.push(observer),this.connected_||this.connect_()},ResizeObserverController.prototype.removeObserver=function(observer){var observers=this.observers_,index=observers.indexOf(observer);~index&amp;&amp;observers.splice(index,1),!observers.length&amp;&amp;this.connected_&amp;&amp;this.disconnect_()},ResizeObserverController.prototype.refresh=function(){this.updateObservers_()&amp;&amp;this.refresh()},ResizeObserverController.prototype.updateObservers_=function(){var activeObservers=this.observers_.filter(function(observer){return observer.gatherActive(),observer.hasActive()});return activeObservers.forEach(function(observer){return observer.broadcastActive()}),activeObservers.length&gt;0},ResizeObserverController.prototype.connect_=function(){isBrowser&amp;&amp;!this.connected_&amp;&amp;(document.addEventListener("transitionend",this.onTransitionEnd_),window.addEventListener("resize",this.refresh),mutationObserverSupported?(this.mutationsObserver_=new MutationObserver(this.refresh),this.mutationsObserver_.observe(document,{attributes:!0,childList:!0,characterData:!0,subtree:!0})):(document.addEventListener("DOMSubtreeModified",this.refresh),this.mutationEventsAdded_=!0),this.connected_=!0)},ResizeObserverController.prototype.disconnect_=function(){isBrowser&amp;&amp;this.connected_&amp;&amp;(document.removeEventListener("transitionend",this.onTransitionEnd_),window.removeEventListener("resize",this.refresh),this.mutationsObserver_&amp;&amp;this.mutationsObserver_.disconnect(),this.mutationEventsAdded_&amp;&amp;document.removeEventListener("DOMSubtreeModified",this.refresh),this.mutationsObserver_=null,this.mutationEventsAdded_=!1,this.connected_=!1)},ResizeObserverController.prototype.onTransitionEnd_=function(_a){var _b=_a.propertyName,propertyName=void 0===_b?"":_b;transitionKeys.some(function(key){return!!~propertyName.indexOf(key)})&amp;&amp;this.refresh()},ResizeObserverController.getInstance=function(){return this.instance_||(this.instance_=new ResizeObserverController),this.instance_},ResizeObserverController.instance_=null,ResizeObserverController}(),defineConfigurable=function(target,props){for(var _i=0,_a=Object.keys(props);_i&lt;_a.length;_i++){var key=_a[_i];Object.defineProperty(target,key,{value:props[key],enumerable:!1,writable:!1,configurable:!0})}return target},getWindowOf=function(target){return target&amp;&amp;target.ownerDocument&amp;&amp;target.ownerDocument.defaultView||global$1},emptyRect=createRectInit(0,0,0,0);function toFloat(value){return parseFloat(value)||0}function getBordersSize(styles){for(var positions=[],_i=1;_i&lt;arguments.length;_i++)positions[_i-1]=arguments[_i];return positions.reduce(function(size,position){return size+toFloat(styles["border-"+position+"-width"])},0)}function getPaddings(styles){for(var paddings={},_i=0,positions_1=["top","right","bottom","left"];_i&lt;positions_1.length;_i++){var position=positions_1[_i],value=styles["padding-"+position];paddings[position]=toFloat(value)}return paddings}function getSVGContentRect(target){var bbox=target.getBBox();return createRectInit(0,0,bbox.width,bbox.height)}function getHTMLElementContentRect(target){var clientWidth=target.clientWidth,clientHeight=target.clientHeight;if(!clientWidth&amp;&amp;!clientHeight)return emptyRect;var styles=getWindowOf(target).getComputedStyle(target),paddings=getPaddings(styles),horizPad=paddings.left+paddings.right,vertPad=paddings.top+paddings.bottom,width=toFloat(styles.width),height=toFloat(styles.height);if("border-box"===styles.boxSizing&amp;&amp;(Math.round(width+horizPad)!==clientWidth&amp;&amp;(width-=getBordersSize(styles,"left","right")+horizPad),Math.round(height+vertPad)!==clientHeight&amp;&amp;(height-=getBordersSize(styles,"top","bottom")+vertPad)),!isDocumentElement(target)){var vertScrollbar=Math.round(width+horizPad)-clientWidth,horizScrollbar=Math.round(height+vertPad)-clientHeight;1!==Math.abs(vertScrollbar)&amp;&amp;(width-=vertScrollbar),1!==Math.abs(horizScrollbar)&amp;&amp;(height-=horizScrollbar)}return createRectInit(paddings.left,paddings.top,width,height)}var isSVGGraphicsElement=function(){return"undefined"!=typeof SVGGraphicsElement?function(target){return target instanceof getWindowOf(target).SVGGraphicsElement}:function(target){return target instanceof getWindowOf(target).SVGElement&amp;&amp;"function"==typeof target.getBBox}}();function isDocumentElement(target){return target===getWindowOf(target).document.documentElement}function getContentRect(target){return isBrowser?isSVGGraphicsElement(target)?getSVGContentRect(target):getHTMLElementContentRect(target):emptyRect}function createReadOnlyRect(_a){var x=_a.x,y=_a.y,width=_a.width,height=_a.height,rect=Object.create(("undefined"!=typeof DOMRectReadOnly?DOMRectReadOnly:Object).prototype);return defineConfigurable(rect,{x:x,y:y,width:width,height:height,top:y,right:x+width,bottom:height+y,left:x}),rect}function createRectInit(x,y,width,height){return{x:x,y:y,width:width,height:height}}var ResizeObservation=function(){function ResizeObservation(target){this.broadcastWidth=0,this.broadcastHeight=0,this.contentRect_=createRectInit(0,0,0,0),this.target=target}return ResizeObservation.prototype.isActive=function(){var rect=getContentRect(this.target);return this.contentRect_=rect,rect.width!==this.broadcastWidth||rect.height!==this.broadcastHeight},ResizeObservation.prototype.broadcastRect=function(){var rect=this.contentRect_;return this.broadcastWidth=rect.width,this.broadcastHeight=rect.height,rect},ResizeObservation}(),ResizeObserverEntry=function ResizeObserverEntry(target,rectInit){defineConfigurable(this,{target:target,contentRect:createReadOnlyRect(rectInit)})},ResizeObserverSPI=function(){function ResizeObserverSPI(callback,controller,callbackCtx){if(this.activeObservations_=[],this.observations_=new MapShim,"function"!=typeof callback)throw TypeError("The callback provided as parameter 1 is not a function.");this.callback_=callback,this.controller_=controller,this.callbackCtx_=callbackCtx}return ResizeObserverSPI.prototype.observe=function(target){if(!arguments.length)throw TypeError("1 argument required, but only 0 present.");if("undefined"!=typeof Element&amp;&amp;Element instanceof Object){if(!(target instanceof getWindowOf(target).Element))throw TypeError('parameter 1 is not of type "Element".');var observations=this.observations_;observations.has(target)||(observations.set(target,new ResizeObservation(target)),this.controller_.addObserver(this),this.controller_.refresh())}},ResizeObserverSPI.prototype.unobserve=function(target){if(!arguments.length)throw TypeError("1 argument required, but only 0 present.");if("undefined"!=typeof Element&amp;&amp;Element instanceof Object){if(!(target instanceof getWindowOf(target).Element))throw TypeError('parameter 1 is not of type "Element".');var observations=this.observations_;observations.has(target)&amp;&amp;(observations.delete(target),observations.size||this.controller_.removeObserver(this))}},ResizeObserverSPI.prototype.disconnect=function(){this.clearActive(),this.observations_.clear(),this.controller_.removeObserver(this)},ResizeObserverSPI.prototype.gatherActive=function(){var _this=this;this.clearActive(),this.observations_.forEach(function(observation){observation.isActive()&amp;&amp;_this.activeObservations_.push(observation)})},ResizeObserverSPI.prototype.broadcastActive=function(){if(this.hasActive()){var ctx=this.callbackCtx_,entries=this.activeObservations_.map(function(observation){return new ResizeObserverEntry(observation.target,observation.broadcastRect())});this.callback_.call(ctx,entries,ctx),this.clearActive()}},ResizeObserverSPI.prototype.clearActive=function(){this.activeObservations_.splice(0)},ResizeObserverSPI.prototype.hasActive=function(){return this.activeObservations_.length&gt;0},ResizeObserverSPI}(),observers="undefined"!=typeof WeakMap?new WeakMap:new MapShim,ResizeObserver=function(){function ResizeObserver(callback){if(!(this instanceof ResizeObserver))throw TypeError("Cannot call a class as a function.");if(!arguments.length)throw TypeError("1 argument required, but only 0 present.");var observer=new ResizeObserverSPI(callback,ResizeObserverController.getInstance(),this);observers.set(this,observer)}return ResizeObserver}();["observe","unobserve","disconnect"].forEach(function(method){ResizeObserver.prototype[method]=function(){var _a;return(_a=observers.get(this))[method].apply(_a,arguments)}});let __WEBPACK_DEFAULT_EXPORT__=function(){return void 0!==global$1.ResizeObserver?global$1.ResizeObserver:ResizeObserver}()}}]);</span></span></span></pre></td></tr></table></pre>
-                <div class='push'></div><!-- for sticky footer -->
-            </div><!-- /wrapper -->
-            <div class='footer quiet pad2 space-top1 center small'>
-                Code coverage generated by
-                <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-11-23T06:44:09.636Z
-            </div>
-        <script src="../../prettify.js"></script>
-        <script>
-            window.onload = function () {
-                prettyPrint();
-            };
-        </script>
-        <script src="../../sorter.js"></script>
-        <script src="../../block-navigation.js"></script>
-    </body>
-</html>

package/coverage/ui-kit/storybook-static/586.e7130528.iframe.bundle.js.html DELETED Viewed

@@ -1,85 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-    <title>Code coverage report for ui-kit/storybook-static/586.e7130528.iframe.bundle.js</title>
-    <meta charset="utf-8" />
-    <link rel="stylesheet" href="../../prettify.css" />
-    <link rel="stylesheet" href="../../base.css" />
-    <link rel="shortcut icon" type="image/x-icon" href="../../favicon.png" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <style type='text/css'>
-        .coverage-summary .sorter {
-            background-image: url(../../sort-arrow-sprite.png);
-        }
-    </style>
-</head>
-<body>
-<div class='wrapper'>
-    <div class='pad1'>
-        <h1><a href="../../index.html">All files</a> / <a href="index.html">ui-kit/storybook-static</a> 586.e7130528.iframe.bundle.js</h1>
-        <div class='clearfix'>
-            <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
-                <span class="quiet">Statements</span>
-                <span class='fraction'>0/1</span>
-            </div>
-            <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
-                <span class="quiet">Branches</span>
-                <span class='fraction'>0/1</span>
-            </div>
-            <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
-                <span class="quiet">Functions</span>
-                <span class='fraction'>0/1</span>
-            </div>
-            <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
-                <span class="quiet">Lines</span>
-                <span class='fraction'>0/1</span>
-            </div>
-        </div>
-        <p class="quiet">
-            Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
-        </p>
-        <template id="filterTemplate">
-            <div class="quiet">
-                Filter:
-                <input oninput="onInput()" type="search" id="fileSearch">
-            </div>
-        </template>
-    </div>
-    <div class='status-line low'></div>
-    <pre><table class="coverage">
-<tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a></td><td class="line-coverage quiet"><span class="cline-any cline-no">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js"><span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" ><span class="branch-0 cbranch-no" title="branch not covered" >"use strict";(self.webpackChunk_rabbitio_ui_kit=self.webpackChunk_rabbitio_ui_kit||[]).push([[586],{"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].use[3]!./src/ui-kit/components/atoms/AssetIcon/asset-icon.module.scss":(module,__webpack_exports__,__webpack_require__)=&gt;{__webpack_require__.d(__webpack_exports__,{Z:()=&gt;__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".pA26pp_ntqNJeQc2_bVJ{width:34px;height:34px;position:relative}.pA26pp_ntqNJeQc2_bVJ.APkWWjQJePUZ1oWOqijK{width:24px;height:24px}.nmh8OAxG2J6uiM2JNHoc{height:34px;width:34px}.nmh8OAxG2J6uiM2JNHoc.APkWWjQJePUZ1oWOqijK{width:24px;height:24px}.SW4Xfr20mr5OhZplWQe7{width:17px;height:17px;position:absolute;right:-3px;bottom:-3px;box-shadow:-2px -2px 4px 1px rgba(35,45,66,.3);border-radius:100%}.SW4Xfr20mr5OhZplWQe7.APkWWjQJePUZ1oWOqijK{width:12px;height:12px;right:-2px;bottom:-2px;box-shadow:-1px -1px 8px 1px rgba(35,45,66,.3)}","",{version:3,sources:["webpack://./src/ui-kit/components/atoms/AssetIcon/asset-icon.module.scss"],names:[],mappings:"AAEA,sBACI,UAAA,CACA,WAAA,CACA,iBAAA,CAEA,2CACI,UAAA,CACA,WAAA,CAGJ,sBACI,WAAA,CACA,UAAA,CAEA,2CACI,UAAA,CACA,WAAA,CAIR,sBACI,UAAA,CACA,WAAA,CAEA,iBAAA,CACA,UAAA,CACA,WAAA,CACA,8CAAA,CACA,kBAAA,CAEA,2CACI,UAAA,CACA,WAAA,CAEA,UAAA,CACA,WAAA,CACA,8CAAA",sourcesContent:['@use "../../../assets/styles/index" as *;\n\n.asset-icon {\n    width: 34px;\n    height: 34px;\n    position: relative;\n\n    &amp;.small {\n        width: 24px;\n        height: 24px;\n    }\n\n    &amp;-primary {\n        height: 34px;\n        width: 34px;\n\n        &amp;.small {\n            width: 24px;\n            height: 24px;\n        }\n    }\n\n    &amp;-secondary {\n        width: 17px;\n        height: 17px;\n\n        position: absolute;\n        right: -3px;\n        bottom: -3px;\n        box-shadow: -2px -2px 4px 1px rgba(SolidColor("dark"), 0.3);\n        border-radius: 100%;\n\n        &amp;.small {\n            width: 12px;\n            height: 12px;\n\n            right: -2px;\n            bottom: -2px;\n            box-shadow: -1px -1px 8px 1px rgba(SolidColor("dark"), 0.3);\n        }\n    }\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={"asset-icon":"pA26pp_ntqNJeQc2_bVJ",small:"APkWWjQJePUZ1oWOqijK","asset-icon-primary":"nmh8OAxG2J6uiM2JNHoc","asset-icon-secondary":"SW4Xfr20mr5OhZplWQe7"};let __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].use[3]!./src/ui-kit/components/atoms/Input/input.module.scss":(module,__webpack_exports__,__webpack_require__)=&gt;{__webpack_require__.d(__webpack_exports__,{Z:()=&gt;__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".UiGGcs1CtGzd4ePzHLzy input,.UiGGcs1CtGzd4ePzHLzy input::placeholder{font-weight:400;line-height:1.71;letter-spacing:.5px}.UiGGcs1CtGzd4ePzHLzy{position:relative}.UiGGcs1CtGzd4ePzHLzy.bZrZCJ2ty8zXvZ3hJlCA input{min-height:117px}.UiGGcs1CtGzd4ePzHLzy.H0kxHjkNjrU4fVfHDKnR input{min-height:48px;padding:8px 20px}.UiGGcs1CtGzd4ePzHLzy.Ms3ksC8BSTdH5m_x0FKr&gt;input{opacity:.5}.UiGGcs1CtGzd4ePzHLzy.qtbGoN6oKslNpdJfFggG{width:100%}.UiGGcs1CtGzd4ePzHLzy input{padding:20px;border-radius:7px;background:#f1f5f7;border:0;color:#8f95a2;width:100%;min-height:66px;font-size:16px;vertical-align:center;appearance:none;transition:.2s all ease;box-shadow:0px 0px 0px 1px rgba(0,0,0,0) inset,0px 0px 3px 0px rgba(0,0,0,0)}.UiGGcs1CtGzd4ePzHLzy input.lAbkM1b0Pgu7hQZ52TxM{box-shadow:0px 0px 0px 1px #ee6a7d inset,0px 0px 3px 0px rgba(238,106,125,.3) !important}.UiGGcs1CtGzd4ePzHLzy input::placeholder{color:#8f95a2;font-size:16px;vertical-align:center}@media(hover: hover){.pH6YQu0fM64skNeagVKg:hover:not(:active)+input:not(:focus),.UiGGcs1CtGzd4ePzHLzy input:hover:not(:focus){box-shadow:0px 0px 0px 1px #d3d5d9 inset,0px 0px 3px 0px rgba(0,0,0,0);transition:.02s all ease}}.pH6YQu0fM64skNeagVKg:active+input,.UiGGcs1CtGzd4ePzHLzy input:focus{box-shadow:0px 0px 0px 1px #16cdd6 inset,0px 0px 3px 0px rgba(22,205,214,.3)}.UiGGcs1CtGzd4ePzHLzy.K2dC7NQW2_nAXRpKRyEP input{box-shadow:0px 10px 30px rgba(0,0,0,0)}@media(hover: hover){.UiGGcs1CtGzd4ePzHLzy.EgiKJIzt7tYLRiZ7ryEP:hover:not(:active)+input:not(:focus),.UiGGcs1CtGzd4ePzHLzy.K2dC7NQW2_nAXRpKRyEP input:hover:not(:focus){background-color:#fff;box-shadow:0px 10px 30px rgba(0,0,0,0);transition:.02s all ease}}.UiGGcs1CtGzd4ePzHLzy.K2dC7NQW2_nAXRpKRyEP input:focus{background-color:#fff;box-shadow:0px 10px 30px rgba(0,0,0,.1)}.pH6YQu0fM64skNeagVKg{position:absolute;right:20px;top:0;height:100%;display:flex;align-items:center}._3NoBcKDuANkBH3S0kJe2{font-size:16px;line-height:26px;letter-spacing:.5px;margin:0;font-weight:400;color:#232d42;font-weight:600;color:#8f95a2;margin-bottom:8px;display:block}","",{version:3,sources:["webpack://./src/ui-kit/assets/styles/_placeholder.scss","webpack://./src/ui-kit/assets/styles/_variables.scss","webpack://./src/ui-kit/components/atoms/Input/input.module.scss","webpack://./src/ui-kit/assets/styles/_mixins.scss"],names:[],mappings:"AAoCA,qEACI,eCIK,CDHL,gBAAA,CACA,mBCKY,CC1ChB,sBACI,iBAAA,CAGI,iDACI,gBAAA,CAKJ,iDACI,eAAA,CACA,gBAAA,CAIR,iDACI,UAAA,CAGJ,2CACI,UAAA,CAGJ,4BAEI,YAAA,CACA,iBAAA,CACA,kBAAA,CACA,QAAA,CACA,aAAA,CACA,UAAA,CACA,eAAA,CACA,cAAA,CACA,qBAAA,CACA,eAAA,CACA,uBAAA,CACA,4EDxBJ,CC0BI,iDACI,wFAAA,CAGJ,yCACI,aAAA,CACA,cAAA,CACA,qBAAA,CAKR,qBAGQ,yGACI,sEDvCZ,CCwCY,wBAAA,CAAA,CAKZ,qEAEI,4ED5CJ,CCgDI,iDACI,sCAAA,CAGJ,qBAGQ,mJACI,qBDrEZ,CCsEY,sCAAA,CACA,wBAAA,CAAA,CAKZ,uDACI,qBD7EJ,CC8EI,uCAAA,CAIR,sBACI,iBAAA,CACA,UAAA,CACA,KAAA,CACA,WAAA,CACA,YAAA,CACA,kBAAA,CAGJ,uBCvDI,cAAA,CACA,gBAAA,CACA,mBFFQ,CEGR,QAAA,CACA,eFPC,CEQD,aAAA,CDoDA,eD7DI,CC8DJ,aAAA,CACA,iBAAA,CACA,aAAA",sourcesContent:['@use "variables" as *;\n@use "functions" as *;\n\n%container-padding {\n    padding: Padding("50");\n\n    @media (max-width: $phone-width) {\n        padding: Padding("5");\n    }\n}\n\n%font {\n    // font-family: NunitoSans;\n}\n\n%text-very-bold {\n    font-weight: $very-bold;\n    line-height: 1.71;\n    letter-spacing: $letterSpacing;\n    @extend %font;\n}\n\n%text-bold {\n    font-weight: $bold;\n    line-height: 1.71;\n    letter-spacing: $letterSpacing;\n    @extend %font;\n}\n\n%text-semibold {\n    font-weight: $semi-bold;\n    line-height: 1.71;\n    letter-spacing: $letterSpacing;\n    @extend %font;\n}\n\n%text-medium {\n    font-weight: $medium;\n    line-height: 1.71;\n    letter-spacing: $letterSpacing;\n    @extend %font;\n}\n\n%fiat-amount-grey {\n    color: SolidColor("grey");\n    font-size: 12px;\n    line-height: 22px;\n}\n\n%fiat-amount-white {\n    color: $white;\n    font-size: 12px;\n    line-height: 22px;\n}\n\n%seperator-border {\n    position: relative;\n\n    &amp;:before {\n        content: "";\n        position: absolute;\n        top: 0;\n        left: 50%;\n        transform: translateX(-50%);\n        width: calc(100% - 40px);\n        height: 1px;\n        border-top: $separatorBorder;\n    }\n}\n\n%skeleton-text {\n    height: 16px;\n    width: 100%;\n    border-radius: 4px;\n}\n\n%skeleton-big-text {\n    height: 20px;\n    width: 100%;\n    border-radius: 4px;\n}\n\n%skeleton-text-h3 {\n    height: 30px;\n    width: 100%;\n    border-radius: 4px;\n}\n\n%skeleton-icon {\n    width: 20px;\n    height: 20px;\n    border-radius: 50%;\n}\n\n%skeleton-icon-h3 {\n    width: 30px;\n    height: 30px;\n    border-radius: 50%;\n}\n\n%white-box {\n    border-radius: $borderRadius;\n    background-color: $white;\n    padding: Padding("7");\n}\n\n%white-box-big-padding {\n    border-radius: $borderRadius;\n    background-color: $white;\n\n    padding: Padding("10");\n\n    @media (max-width: $phone-width) {\n        padding: Padding("5");\n    }\n}\n\n%hover-state {\n    opacity: 1;\n    transition-property: opacity;\n    transition-timing-function: ease;\n    transition-duration: 0.3s;\n\n    @media (hover: hover) {\n        &amp;:hover {\n            cursor: pointer !important;\n            opacity: 0.6;\n            transition-duration: 0.03s;\n        }\n    }\n\n    &amp;:active {\n        transition-duration: 0.03s;\n        opacity: 0.6;\n    }\n}\n\n%black-window {\n    position: fixed;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(#0d1e3c, 0.5);\n    z-index: -1;\n}\n','@use "colors/solid-colors" as *;\n@use "colors/light-colors" as *;\n@use "size/margin-size" as *;\n@use "size/padding-size" as *;\n@use "functions" as *;\n\n$borderRadius: 16px;\n$background: linear-gradient(39deg, #6fdfa0 0%, #405db0 81%, #405db0 81%, #3b5bb6 81%);\n$white: #ffffff;\n\n$separatorBorder: 0.5px solid SolidColor("smoke");\n$buttonBorder: 2px solid SolidColor("tosca");\n$buttonBorderWhite: 2px solid $white;\n\n$shadowOutlineStatic:\n    0px 0px 0px 1px rgba(0, 0, 0, 0) inset,\n    0px 0px 3px 0px rgba(0, 0, 0, 0);\n$shadowOutlineHover:\n    0px 0px 0px 1px LightColor("dark-20") inset,\n    0px 0px 3px 0px rgba(0, 0, 0, 0);\n$shadowOutlineActive:\n    0px 0px 0px 1px #16cdd6 inset,\n    0px 0px 3px 0px rgba(22, 205, 214, 0.3);\n$shadowOutlineError:\n    0px 0px 0px 1px #ee6a7d inset,\n    0px 0px 3px 0px rgba(#ee6a7d, 0.3);\n\n$transitionEaseOut: cubic-bezier(0.22, 0.61, 0.36, 1);\n\n// Width values for breakpoints. Should be used with the "@media (max-width: ..."\n$wide-desktop-width: 1279.98px;\n$desktop-width: 1199.98px;\n$laptop-width: 991.98px;\n$tablet-width: 767.98px;\n$phone-width: 575.98px;\n$extra-small: 358.98px;\n\n$extra-bold: 900;\n$very-bold: 800;\n$bold: 700;\n$semi-bold: 600;\n$medium: 400;\n$regular: 300;\n\n$letterSpacing: 0.5px;\n\n// SSR landings width\n$landingMaxWidth: 1172px;\n','@use "../../../assets/styles/index" as *;\n\n.input {\n    position: relative;\n\n    &amp;.big-height {\n        input {\n            min-height: 117px;\n        }\n    }\n\n    &amp;.small-height {\n        input {\n            min-height: 48px;\n            padding: Padding("2") Padding("5");\n        }\n    }\n\n    &amp;.disabled &gt; input {\n        opacity: 0.5;\n    }\n\n    &amp;.fill-width {\n        width: 100%;\n    }\n\n    input {\n        @extend %text-medium;\n        padding: Padding("5");\n        border-radius: 7px;\n        background: SolidColor(lightsmoke);\n        border: 0;\n        color: SolidColor("grey");\n        width: 100%;\n        min-height: 66px;\n        font-size: 16px;\n        vertical-align: center;\n        appearance: none;\n        transition: 0.2s all ease;\n        box-shadow: $shadowOutlineStatic;\n\n        &amp;.error-encountered {\n            box-shadow: $shadowOutlineError !important;\n        }\n\n        &amp;::placeholder {\n            color: SolidColor("grey");\n            font-size: 16px;\n            vertical-align: center;\n            @extend %text-medium;\n        }\n    }\n\n    @media (hover: hover) {\n        &amp;-clear-button:hover:not(:active) + input,\n        input:hover {\n            &amp;:not(:focus) {\n                box-shadow: $shadowOutlineHover;\n                transition: 0.02s all ease;\n            }\n        }\n    }\n\n    &amp;-clear-button:active + input,\n    input:focus {\n        box-shadow: $shadowOutlineActive;\n    }\n\n    &amp;.image-background {\n        input {\n            box-shadow: 0px 10px 30px rgba(0, 0, 0, 0);\n        }\n\n        @media (hover: hover) {\n            &amp;-clear-button:hover:not(:active) + input,\n            input:hover {\n                &amp;:not(:focus) {\n                    background-color: $white;\n                    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0);\n                    transition: 0.02s all ease;\n                }\n            }\n        }\n\n        input:focus {\n            background-color: $white;\n            box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);\n        }\n    }\n\n    &amp;-clear-button {\n        position: absolute;\n        right: 20px;\n        top: 0;\n        height: 100%;\n        display: flex;\n        align-items: center;\n    }\n\n    &amp;-label {\n        @include typograpy(h6);\n        font-weight: $semi-bold;\n        color: SolidColor("grey");\n        margin-bottom: Margin("2");\n        display: block;\n    }\n}\n','@use "variables" as *;\n@use "functions" as *;\n\n@mixin typograpy($tag) {\n    @if ($tag == "h1") {\n        font-size: 40px;\n        line-height: 50px;\n        letter-spacing: $letterSpacing;\n        font-weight: $extra-bold;\n        margin: 0;\n        color: SolidColor("dark");\n    }\n    @if ($tag == "h2") {\n        font-size: 35px;\n        line-height: 45px;\n        letter-spacing: $letterSpacing;\n        font-weight: $extra-bold;\n        margin: 0;\n        color: SolidColor("dark");\n    }\n    @if ($tag == "h3") {\n        font-size: 30px;\n        line-height: 40px;\n        letter-spacing: $letterSpacing;\n        font-weight: $extra-bold;\n        margin: 0;\n        color: SolidColor("dark");\n    }\n    @if ($tag == "h4") {\n        font-size: 25px;\n        line-height: 35px;\n        letter-spacing: $letterSpacing;\n        margin: 0;\n        color: SolidColor("dark");\n    }\n    @if ($tag == "h5") {\n        font-size: 20px;\n        line-height: 30px;\n        letter-spacing: $letterSpacing;\n        margin: 0;\n        font-weight: $medium;\n        color: SolidColor("dark");\n    }\n    @if ($tag == "h6") {\n        font-size: 16px;\n        line-height: 26px;\n        letter-spacing: $letterSpacing;\n        margin: 0;\n        font-weight: $medium;\n        color: SolidColor("dark");\n    }\n    @if ($tag == "p") {\n        font-size: 14px;\n        line-height: 24px;\n        letter-spacing: $letterSpacing;\n        margin: 0;\n        color: SolidColor("dark");\n    }\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={input:"UiGGcs1CtGzd4ePzHLzy","big-height":"bZrZCJ2ty8zXvZ3hJlCA","small-height":"H0kxHjkNjrU4fVfHDKnR",disabled:"Ms3ksC8BSTdH5m_x0FKr","fill-width":"qtbGoN6oKslNpdJfFggG","error-encountered":"lAbkM1b0Pgu7hQZ52TxM","input-clear-button":"pH6YQu0fM64skNeagVKg","image-background":"K2dC7NQW2_nAXRpKRyEP","image-background-clear-button":"EgiKJIzt7tYLRiZ7ryEP","input-label":"_3NoBcKDuANkBH3S0kJe2"};let __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].use[3]!./src/ui-kit/components/atoms/Validation/validation.module.scss":(module,__webpack_exports__,__webpack_require__)=&gt;{__webpack_require__.d(__webpack_exports__,{Z:()=&gt;__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".jHs4UIift96dym4k03EH{font-weight:600;line-height:1.71;letter-spacing:.5px}.haFLWthza9vc70s9np8g{display:flex;align-items:center;margin-top:12px}.haFLWthza9vc70s9np8g svg{flex-shrink:0}.jHs4UIift96dym4k03EH{text-align:left;color:#8ae6ea;margin-left:8px;font-size:14px}","",{version:3,sources:["webpack://./src/ui-kit/assets/styles/_placeholder.scss","webpack://./src/ui-kit/assets/styles/_variables.scss","webpack://./src/ui-kit/components/atoms/Validation/validation.module.scss"],names:[],mappings:"AA6BA,sBACI,eCUQ,CDTR,gBAAA,CACA,mBCYY,CC1ChB,sBACI,YAAA,CACA,kBAAA,CACA,eAAA,CAEA,0BACI,aAAA,CAGJ,sBACI,eAAA,CACA,aAAA,CACA,eAAA,CACA,cAAA",sourcesContent:['@use "variables" as *;\n@use "functions" as *;\n\n%container-padding {\n    padding: Padding("50");\n\n    @media (max-width: $phone-width) {\n        padding: Padding("5");\n    }\n}\n\n%font {\n    // font-family: NunitoSans;\n}\n\n%text-very-bold {\n    font-weight: $very-bold;\n    line-height: 1.71;\n    letter-spacing: $letterSpacing;\n    @extend %font;\n}\n\n%text-bold {\n    font-weight: $bold;\n    line-height: 1.71;\n    letter-spacing: $letterSpacing;\n    @extend %font;\n}\n\n%text-semibold {\n    font-weight: $semi-bold;\n    line-height: 1.71;\n    letter-spacing: $letterSpacing;\n    @extend %font;\n}\n\n%text-medium {\n    font-weight: $medium;\n    line-height: 1.71;\n    letter-spacing: $letterSpacing;\n    @extend %font;\n}\n\n%fiat-amount-grey {\n    color: SolidColor("grey");\n    font-size: 12px;\n    line-height: 22px;\n}\n\n%fiat-amount-white {\n    color: $white;\n    font-size: 12px;\n    line-height: 22px;\n}\n\n%seperator-border {\n    position: relative;\n\n    &amp;:before {\n        content: "";\n        position: absolute;\n        top: 0;\n        left: 50%;\n        transform: translateX(-50%);\n        width: calc(100% - 40px);\n        height: 1px;\n        border-top: $separatorBorder;\n    }\n}\n\n%skeleton-text {\n    height: 16px;\n    width: 100%;\n    border-radius: 4px;\n}\n\n%skeleton-big-text {\n    height: 20px;\n    width: 100%;\n    border-radius: 4px;\n}\n\n%skeleton-text-h3 {\n    height: 30px;\n    width: 100%;\n    border-radius: 4px;\n}\n\n%skeleton-icon {\n    width: 20px;\n    height: 20px;\n    border-radius: 50%;\n}\n\n%skeleton-icon-h3 {\n    width: 30px;\n    height: 30px;\n    border-radius: 50%;\n}\n\n%white-box {\n    border-radius: $borderRadius;\n    background-color: $white;\n    padding: Padding("7");\n}\n\n%white-box-big-padding {\n    border-radius: $borderRadius;\n    background-color: $white;\n\n    padding: Padding("10");\n\n    @media (max-width: $phone-width) {\n        padding: Padding("5");\n    }\n}\n\n%hover-state {\n    opacity: 1;\n    transition-property: opacity;\n    transition-timing-function: ease;\n    transition-duration: 0.3s;\n\n    @media (hover: hover) {\n        &amp;:hover {\n            cursor: pointer !important;\n            opacity: 0.6;\n            transition-duration: 0.03s;\n        }\n    }\n\n    &amp;:active {\n        transition-duration: 0.03s;\n        opacity: 0.6;\n    }\n}\n\n%black-window {\n    position: fixed;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(#0d1e3c, 0.5);\n    z-index: -1;\n}\n','@use "colors/solid-colors" as *;\n@use "colors/light-colors" as *;\n@use "size/margin-size" as *;\n@use "size/padding-size" as *;\n@use "functions" as *;\n\n$borderRadius: 16px;\n$background: linear-gradient(39deg, #6fdfa0 0%, #405db0 81%, #405db0 81%, #3b5bb6 81%);\n$white: #ffffff;\n\n$separatorBorder: 0.5px solid SolidColor("smoke");\n$buttonBorder: 2px solid SolidColor("tosca");\n$buttonBorderWhite: 2px solid $white;\n\n$shadowOutlineStatic:\n    0px 0px 0px 1px rgba(0, 0, 0, 0) inset,\n    0px 0px 3px 0px rgba(0, 0, 0, 0);\n$shadowOutlineHover:\n    0px 0px 0px 1px LightColor("dark-20") inset,\n    0px 0px 3px 0px rgba(0, 0, 0, 0);\n$shadowOutlineActive:\n    0px 0px 0px 1px #16cdd6 inset,\n    0px 0px 3px 0px rgba(22, 205, 214, 0.3);\n$shadowOutlineError:\n    0px 0px 0px 1px #ee6a7d inset,\n    0px 0px 3px 0px rgba(#ee6a7d, 0.3);\n\n$transitionEaseOut: cubic-bezier(0.22, 0.61, 0.36, 1);\n\n// Width values for breakpoints. Should be used with the "@media (max-width: ..."\n$wide-desktop-width: 1279.98px;\n$desktop-width: 1199.98px;\n$laptop-width: 991.98px;\n$tablet-width: 767.98px;\n$phone-width: 575.98px;\n$extra-small: 358.98px;\n\n$extra-bold: 900;\n$very-bold: 800;\n$bold: 700;\n$semi-bold: 600;\n$medium: 400;\n$regular: 300;\n\n$letterSpacing: 0.5px;\n\n// SSR landings width\n$landingMaxWidth: 1172px;\n','@use "../../../assets/styles/index" as *;\n\n.validation {\n    display: flex;\n    align-items: center;\n    margin-top: Margin("3");\n\n    svg {\n        flex-shrink: 0;\n    }\n\n    &amp;-text {\n        text-align: left;\n        color: SolidColor("sky");\n        margin-left: Margin("2");\n        font-size: 14px;\n        @extend %text-semibold;\n    }\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={"validation-text":"jHs4UIift96dym4k03EH",validation:"haFLWthza9vc70s9np8g"};let __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].use[3]!./src/ui-kit/components/atoms/buttons/Close/close.module.scss":(module,__webpack_exports__,__webpack_require__)=&gt;{__webpack_require__.d(__webpack_exports__,{Z:()=&gt;__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".vtAfi4GrA_2VEkN1BqwE{width:24px;height:24px;padding:6px;border-radius:100%;background-color:#e9eaec;opacity:.5;transition:.2s all ease;cursor:pointer;box-sizing:border-box}.vtAfi4GrA_2VEkN1BqwE.JQZ1K6agwqlMkAHqzWdA{width:48px;height:48px;padding:16px}@media(max-width: 767.98px){.vtAfi4GrA_2VEkN1BqwE.JQZ1K6agwqlMkAHqzWdA{width:36px;height:36px;padding:12px}}.vtAfi4GrA_2VEkN1BqwE.eh8WUJNiwg221rU4bbOP path{fill:#fff;background-color:none}.vtAfi4GrA_2VEkN1BqwE.bmgGY0aKvxswbEgSlCqu{opacity:.5;background-color:#8f95a2}@media(hover: hover){.vtAfi4GrA_2VEkN1BqwE.bmgGY0aKvxswbEgSlCqu:hover{opacity:1;transition:opacity .03s ease}}.vtAfi4GrA_2VEkN1BqwE.bmgGY0aKvxswbEgSlCqu:active{opacity:1;transition:opacity .03s ease}.vtAfi4GrA_2VEkN1BqwE.bmgGY0aKvxswbEgSlCqu path{fill:#f1f5f7}.vtAfi4GrA_2VEkN1BqwE.ShWXlMPJIcF5B1QATUr5{box-shadow:0px 0px 0px 1px rgba(0,0,0,0) inset,0px 0px 3px 0px rgba(0,0,0,0)}@media(hover: hover){.vtAfi4GrA_2VEkN1BqwE.ShWXlMPJIcF5B1QATUr5:hover{opacity:1;transition:opacity .03s ease;box-shadow:0px 0px 0px 1px #d3d5d9 inset,0px 0px 3px 0px rgba(0,0,0,0)}}.vtAfi4GrA_2VEkN1BqwE.ShWXlMPJIcF5B1QATUr5:active{opacity:1;transition:opacity .03s ease;box-shadow:0px 0px 0px 1px #d3d5d9 inset,0px 0px 3px 0px rgba(0,0,0,0)}.vtAfi4GrA_2VEkN1BqwE.ShWXlMPJIcF5B1QATUr5 path{fill:#68789d}","",{version:3,sources:["webpack://./src/ui-kit/components/atoms/buttons/Close/close.module.scss","webpack://./src/ui-kit/assets/styles/_variables.scss"],names:[],mappings:"AAEA,sBACI,UAAA,CACA,WAAA,CACA,WAAA,CACA,kBAAA,CACA,wBAAA,CACA,UAAA,CACA,uBAAA,CACA,cAAA,CACA,qBAAA,CAEA,2CACI,UAAA,CACA,WAAA,CACA,YAAA,CAEA,4BALJ,2CAMQ,UAAA,CACA,WAAA,CACA,YAAA,CAAA,CAKJ,gDACI,SAAA,CACA,qBAAA,CAIR,2CACI,UAAA,CACA,wBAAA,CAEA,qBACI,iDACI,SAAA,CACA,4BAAA,CAAA,CAIR,kDACI,SAAA,CACA,4BAAA,CAGJ,gDACI,YAAA,CAIR,2CACI,4ECvCJ,CDyCI,qBACI,iDACI,SAAA,CACA,4BAAA,CACA,sEC1CZ,CAAA,CD8CI,kDACI,SAAA,CACA,4BAAA,CACA,sECjDR,CDoDI,gDACI,YAAA",sourcesContent:['@use "../../../../assets/styles/index" as *;\n\n.close {\n    width: 24px;\n    height: 24px;\n    padding: 6px;\n    border-radius: 100%;\n    background-color: LightColor("grey-20");\n    opacity: 0.5;\n    transition: 0.2s all ease;\n    cursor: pointer;\n    box-sizing: border-box;\n\n    &amp;.large {\n        width: 48px;\n        height: 48px;\n        padding: 16px;\n\n        @media (max-width: $tablet-width) {\n            width: 36px;\n            height: 36px;\n            padding: 12px;\n        }\n    }\n\n    &amp;.white {\n        path {\n            fill: white;\n            background-color: none;\n        }\n    }\n\n    &amp;.dark-invert {\n        opacity: 0.5;\n        background-color: SolidColor("grey");\n\n        @media (hover: hover) {\n            &amp;:hover {\n                opacity: 1;\n                transition: opacity 0.03s ease;\n            }\n        }\n\n        &amp;:active {\n            opacity: 1;\n            transition: opacity 0.03s ease;\n        }\n\n        path {\n            fill: SolidColor("lightsmoke");\n        }\n    }\n\n    &amp;.dark {\n        box-shadow: $shadowOutlineStatic;\n\n        @media (hover: hover) {\n            &amp;:hover {\n                opacity: 1;\n                transition: opacity 0.03s ease;\n                box-shadow: $shadowOutlineHover;\n            }\n        }\n\n        &amp;:active {\n            opacity: 1;\n            transition: opacity 0.03s ease;\n            box-shadow: $shadowOutlineHover;\n        }\n\n        path {\n            fill: SolidColor("darkBlue");\n        }\n    }\n}\n','@use "colors/solid-colors" as *;\n@use "colors/light-colors" as *;\n@use "size/margin-size" as *;\n@use "size/padding-size" as *;\n@use "functions" as *;\n\n$borderRadius: 16px;\n$background: linear-gradient(39deg, #6fdfa0 0%, #405db0 81%, #405db0 81%, #3b5bb6 81%);\n$white: #ffffff;\n\n$separatorBorder: 0.5px solid SolidColor("smoke");\n$buttonBorder: 2px solid SolidColor("tosca");\n$buttonBorderWhite: 2px solid $white;\n\n$shadowOutlineStatic:\n    0px 0px 0px 1px rgba(0, 0, 0, 0) inset,\n    0px 0px 3px 0px rgba(0, 0, 0, 0);\n$shadowOutlineHover:\n    0px 0px 0px 1px LightColor("dark-20") inset,\n    0px 0px 3px 0px rgba(0, 0, 0, 0);\n$shadowOutlineActive:\n    0px 0px 0px 1px #16cdd6 inset,\n    0px 0px 3px 0px rgba(22, 205, 214, 0.3);\n$shadowOutlineError:\n    0px 0px 0px 1px #ee6a7d inset,\n    0px 0px 3px 0px rgba(#ee6a7d, 0.3);\n\n$transitionEaseOut: cubic-bezier(0.22, 0.61, 0.36, 1);\n\n// Width values for breakpoints. Should be used with the "@media (max-width: ..."\n$wide-desktop-width: 1279.98px;\n$desktop-width: 1199.98px;\n$laptop-width: 991.98px;\n$tablet-width: 767.98px;\n$phone-width: 575.98px;\n$extra-small: 358.98px;\n\n$extra-bold: 900;\n$very-bold: 800;\n$bold: 700;\n$semi-bold: 600;\n$medium: 400;\n$regular: 300;\n\n$letterSpacing: 0.5px;\n\n// SSR landings width\n$landingMaxWidth: 1172px;\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={close:"vtAfi4GrA_2VEkN1BqwE",large:"JQZ1K6agwqlMkAHqzWdA",white:"eh8WUJNiwg221rU4bbOP","dark-invert":"bmgGY0aKvxswbEgSlCqu",dark:"ShWXlMPJIcF5B1QATUr5"};let __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./src/ui-kit/components/atoms/AssetIcon/AssetIcon.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=&gt;{__webpack_require__.d(__webpack_exports__,{Y:()=&gt;AssetIcon});var react=__webpack_require__("./node_modules/react/index.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),asset_icon_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].use[3]!./src/ui-kit/components/atoms/AssetIcon/asset-icon.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default(),injectStylesIntoStyleTag_default()(asset_icon_module.Z,options);let AssetIcon_asset_icon_module=asset_icon_module.Z&amp;&amp;asset_icon_module.Z.locals?asset_icon_module.Z.locals:void 0;var AssetIcon=function(param){var assetIconSrc=param.assetIconSrc,_param_assetIconProtocolSrc=param.assetIconProtocolSrc,assetIconProtocolSrc=void 0===_param_assetIconProtocolSrc?null:_param_assetIconProtocolSrc,_param_fallbackSrc=param.fallbackSrc,fallbackSrc=void 0===_param_fallbackSrc?null:_param_fallbackSrc,_param_small=param.small,small=void 0!==_param_small&amp;&amp;_param_small,handleFailedLoad=function(e){e.target.onerror=null,e.target.src=fallbackSrc};return react.createElement("div",{className:AssetIcon_asset_icon_module["asset-icon"]+(small?" "+AssetIcon_asset_icon_module.small:"")},react.createElement("img",{src:assetIconSrc,className:AssetIcon_asset_icon_module["asset-icon-primary"]+(small?" "+AssetIcon_asset_icon_module.small:""),alt:" ",onError:handleFailedLoad,loading:"lazy"}),assetIconProtocolSrc?react.createElement("img",{src:assetIconProtocolSrc,className:AssetIcon_asset_icon_module["asset-icon-secondary"]+(small?" "+AssetIcon_asset_icon_module.small:""),alt:" ",onError:handleFailedLoad,loading:"lazy"}):"")};AssetIcon.propTypes={assetIconSrc:prop_types_default().string.isRequired,assetIconProtocolSrc:prop_types_default().string,fallbackSrc:prop_types_default().string,small:prop_types_default().bool},AssetIcon.defaultProps={assetIconProtocolSrc:null,fallbackSrc:null,small:!1},AssetIcon.__docgenInfo={description:"AssetIcon component to display an icon for an asset.\n\n@component\n@param {Object} props - The props object.\n@param {string} props.assetIconSrc - The source URL for the asset icon.\n@param {string} [props.assetIconProtocolSrc=null] - The source URL for the asset icon that is base for this asset (e.g. ETH for USDT ERC20).\n@param {string} [props.fallbackSrc=null] - The fallback source URL in case the main source fails to load.\n@param {boolean} [props.small=false] - Whether to display a smaller version of the icon.",methods:[],displayName:"AssetIcon",props:{assetIconProtocolSrc:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"string"},required:!1},fallbackSrc:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"string"},required:!1},small:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},assetIconSrc:{description:"",type:{name:"string"},required:!0}}}},"./src/ui-kit/components/atoms/Input/Input.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=&gt;{__webpack_require__.d(__webpack_exports__,{I:()=&gt;Input});var react=__webpack_require__("./node_modules/react/index.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),input_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].use[3]!./src/ui-kit/components/atoms/Input/input.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default(),injectStylesIntoStyleTag_default()(input_module.Z,options);let Input_input_module=input_module.Z&amp;&amp;input_module.Z.locals?input_module.Z.locals:void 0;var useCallHandlingErrors=__webpack_require__("./src/ui-kit/hooks/useCallHandlingErrors.js"),errorUtils=__webpack_require__("./src/common-apis/utils/errorUtils.js"),Close=__webpack_require__("./src/ui-kit/components/atoms/buttons/Close/Close.jsx"),Validation=__webpack_require__("./src/ui-kit/components/atoms/Validation/Validation.jsx"),Input=(0,react.forwardRef)(function(param,ref){var _param_type=param.type,type=void 0===_param_type?"text":_param_type,_param_name=param.name,name=void 0===_param_name?"":_param_name,_param_onChange=param.onChange,onChange=void 0===_param_onChange?function(){}:_param_onChange,_param_alertText=param.alertText,alertText=void 0===_param_alertText?"":_param_alertText,_param_placeholder=param.placeholder,placeholder=void 0===_param_placeholder?"":_param_placeholder,_param_className=param.className,className=void 0===_param_className?"":_param_className,_param_defaultValue=param.defaultValue,defaultValue=void 0===_param_defaultValue?"":_param_defaultValue,_param_isBigHeight=param.isBigHeight,_param_isSmallHeight=param.isSmallHeight,_param_label=param.label,label=void 0===_param_label?"":_param_label,_param_id=param.id,id=void 0===_param_id?null:_param_id,_param_value=param.value,_param_successAlertText=param.successAlertText,successAlertText=void 0===_param_successAlertText?"":_param_successAlertText,_param_disabled=param.disabled,disabled=void 0!==_param_disabled&amp;&amp;_param_disabled,_param_onKeyUp=param.onKeyUp,onKeyUp=void 0===_param_onKeyUp?function(event){}:_param_onKeyUp,_param_autoFocus=param.autoFocus,autoFocus=void 0!==_param_autoFocus&amp;&amp;_param_autoFocus,_param_fillWidth=param.fillWidth,_param_clearButton=param.clearButton,_param_imageBackground=param.imageBackground,_param_errorEncountered=param.errorEncountered,errorEncountered=void 0!==_param_errorEncountered&amp;&amp;_param_errorEncountered,handleError=(0,useCallHandlingErrors.d)();return react.createElement("div",{className:[Input_input_module.input,void 0!==_param_isBigHeight&amp;&amp;_param_isBigHeight?Input_input_module["big-height"]:"",void 0!==_param_isSmallHeight&amp;&amp;_param_isSmallHeight?Input_input_module["small-height"]:"",disabled?Input_input_module.disabled:"",void 0!==_param_fillWidth&amp;&amp;_param_fillWidth?Input_input_module["fill-width"]:"",void 0!==_param_imageBackground&amp;&amp;_param_imageBackground?Input_input_module["image-background"]:""].join(" ")},label?react.createElement("label",{htmlFor:id,className:Input_input_module["input-label"]},label):null,void 0!==_param_clearButton&amp;&amp;_param_clearButton?react.createElement("div",{className:Input_input_module["input-clear-button"]},react.createElement(Close.x,{onClick:function(){onChange({target:{value:""}});try{ref.current.focus()}catch(e){(0,errorUtils.J)("Input clear button will not work unless you provide a ref to the Input. Please pass a 'ref' parameter to the Input or disable the clear button.")}},color:"dark-invert"})):"",defaultValue?react.createElement("input",{id:id,type:type,name:name,onChange:function(e){return handleError(onChange,e)},placeholder:placeholder,className:className+(errorEncountered?" "+Input_input_module["error-encountered"]:""),defaultValue:defaultValue,disabled:disabled,onKeyUp:function(event){return onKeyUp(event)},autoFocus:autoFocus,ref:ref}):react.createElement("input",{id:id,type:type,name:name,onChange:function(e){return handleError(onChange,e)},placeholder:placeholder,className:className+(errorEncountered?" "+Input_input_module["error-encountered"]:""),value:void 0===_param_value?"":_param_value,disabled:disabled,onKeyUp:function(event){return onKeyUp(event)},autoFocus:autoFocus,ref:ref}),alertText||successAlertText?react.createElement(Validation.i,{text:alertText||successAlertText,isSuccessAlert:!alertText}):null)});Input.propTypes={type:prop_types_default().string,name:prop_types_default().string,onChange:prop_types_default().func,alertText:prop_types_default().string,placeholder:prop_types_default().string,className:prop_types_default().string,defaultValue:prop_types_default().string,isBigHeight:prop_types_default().bool,isSmallHeight:prop_types_default().bool,label:prop_types_default().string,id:prop_types_default().string,value:prop_types_default().string,successAlertText:prop_types_default().string,disabled:prop_types_default().bool,onKeyUp:prop_types_default().func,autoFocus:prop_types_default().bool,fillWidth:prop_types_default().bool,clearButton:prop_types_default().bool,imageBackground:prop_types_default().bool,errorEncountered:prop_types_default().bool},Input.defaultProps={type:"text",onChange:function(){},alertText:"",placeholder:"",className:"",defaultValue:"",isBigHeight:!1,isSmallHeight:!1,label:"",id:null,value:"",successAlertText:"",disabled:!1,onKeyUp:function(){},autoFocus:!1,fillWidth:!1,clearButton:!1,imageBackground:!1,errorEncountered:!1},Input.__docgenInfo={description:'Input component for forms.\n\n@component\n@param {Object} props - The props object.\n@param {string} [props.type="text"] - The type of input (e.g., "text", "number", "email").\n@param {string} [props.name=""] - The name of the input field.\n@param {function} [props.onChange=() =&gt; {}] - Function called when the input value changes.\n@param {string} [props.alertText=""] - Text for alert messages.\n@param {string} [props.placeholder=""] - Placeholder text for the input.\n@param {string} [props.className=""] - Additional CSS classes for styling.\n@param {string} [props.defaultValue=""] - Default value for the input.\n@param {boolean} [props.isBigHeight=false] - Whether the input has a larger height.\n@param {boolean} [props.isSmallHeight=false] - Whether the input has a smaller height.\n@param {string} [props.label=""] - Label text for the input.\n@param {string} [props.id=null] - Unique ID for the input.\n@param {string} [props.value=""] - Value of the input.\n@param {string} [props.successAlertText=""] - Text for success alert messages.\n@param {boolean} [props.disabled=false] - Whether the input is disabled.\n@param {function} [props.onKeyUp=() =&gt; {}] - Function called on key up event.\n@param {boolean} [props.autoFocus=false] - Whether the input should be autofocused.\n@param {boolean} [props.fillWidth=false] - Whether the input should fill the width of its container.\n@param {boolean} [props.clearButton=false] - Whether to show a clear button for the input.\n@param {boolean} [props.imageBackground=false] - Whether the input has an image background.\n@param {boolean} [props.errorEncountered=false] - Whether an error has been encountered for the input.',methods:[],displayName:"Input",props:{type:{defaultValue:{value:'"text"',computed:!1},description:"",type:{name:"string"},required:!1},name:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},onChange:{defaultValue:{value:"() =&gt; {}",computed:!1},description:"",type:{name:"func"},required:!1},alertText:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},placeholder:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},className:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},defaultValue:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},isBigHeight:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},isSmallHeight:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},label:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},id:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"string"},required:!1},value:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},successAlertText:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},disabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},onKeyUp:{defaultValue:{value:"() =&gt; {}",computed:!1},description:"",type:{name:"func"},required:!1},autoFocus:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},fillWidth:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},clearButton:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},imageBackground:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},errorEncountered:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1}}}},"./src/ui-kit/components/atoms/Validation/Validation.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=&gt;{__webpack_require__.d(__webpack_exports__,{i:()=&gt;Validation});var react=__webpack_require__("./node_modules/react/index.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),validation_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].use[3]!./src/ui-kit/components/atoms/Validation/validation.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default(),injectStylesIntoStyleTag_default()(validation_module.Z,options);let Validation_validation_module=validation_module.Z&amp;&amp;validation_module.Z.locals?validation_module.Z.locals:void 0;function successfulValidationIcon(){return react.createElement("svg",{width:"27",height:"27",viewBox:"0 0 27 27",fill:"none",xmlns:"http://www.w3.org/2000/svg"},react.createElement("rect",{opacity:"0.8",x:"1.5",y:"1.5",width:"24",height:"24",rx:"12",fill:"#DAF1FE"}),react.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M11.8703 15.7837L9.64348 13.5569C9.30357 13.217 8.75246 13.217 8.41255 13.5569C8.07264 13.8968 8.07264 14.4479 8.41255 14.7878L11.2351 17.6104C11.5672 17.9425 12.103 17.9512 12.4457 17.6301L18.4492 12.0049C18.8 11.6762 18.8179 11.1254 18.4892 10.7746C18.1605 10.4238 17.6097 10.4059 17.2589 10.7346L11.8703 15.7837Z",fill:"url(#paint0_linear)"}),react.createElement("defs",null,react.createElement("linearGradient",{id:"paint0_linear",x1:"19.8333",y1:"18.9098",x2:"15.586",y2:"7.2736",gradientUnits:"userSpaceOnUse"},react.createElement("stop",{"stop-color":"#55E7D9"}),react.createElement("stop",{offset:"1","stop-color":"#54B4FF"}))))}function failedValidationIcon(){return react.createElement("svg",{width:"27",height:"27",viewBox:"0 0 27 27",fill:"none",xmlns:"http://www.w3.org/2000/svg"},react.createElement("rect",{opacity:"0.8",x:"1.5",y:"1.5",width:"24",height:"24",rx:"12",fill:"#DAF1FE"}),react.createElement("path",{d:"M12.3259 10.5855C12.2575 9.8896 12.8063 9.28745 13.5055 9.29121C14.2008 9.29495 14.7418 9.8964 14.6722 10.5881L14.1937 15.3431C14.1575 15.7026 13.855 15.9762 13.4937 15.9762C13.1319 15.9762 12.829 15.7017 12.7936 15.3415L12.3259 10.5855Z",fill:"url(#paint0_linear)"}),react.createElement("path",{d:"M13.514 17.1182C14.1325 17.1182 14.634 17.6196 14.634 18.2382C14.634 18.8567 14.1325 19.3582 13.514 19.3582H13.486C12.8674 19.3582 12.366 18.8567 12.366 18.2382C12.366 17.6196 12.8674 17.1182 13.486 17.1182H13.514Z",fill:"url(#paint1_linear)"}),react.createElement("defs",null,react.createElement("linearGradient",{id:"paint0_linear",x1:"17.3456",y1:"14.0483",x2:"11.6522",y2:"12.8896",gradientUnits:"userSpaceOnUse"},react.createElement("stop",{"stop-color":"#55E7D9"}),react.createElement("stop",{offset:"1","stop-color":"#54B4FF"})),react.createElement("linearGradient",{id:"paint1_linear",x1:"17.3456",y1:"14.2383",x2:"11.6522",y2:"13.0796",gradientUnits:"userSpaceOnUse"},react.createElement("stop",{"stop-color":"#55E7D9"}),react.createElement("stop",{offset:"1","stop-color":"#54B4FF"}))))}var Validation=function(param){var _param_text=param.text,isSuccessAlert=param.isSuccessAlert;return react.createElement("div",{className:Validation_validation_module.validation},isSuccessAlert?react.createElement(successfulValidationIcon,null):react.createElement(failedValidationIcon,null),react.createElement("span",{className:Validation_validation_module["validation-text"]},void 0===_param_text?"":_param_text))};Validation.propTypes={text:prop_types_default().string,isSuccessAlert:prop_types_default().bool.isRequired},Validation.defaultProps={text:"",isSuccessAlert:!1},Validation.__docgenInfo={description:"Simple validation message with an icon.\nIt shows either a success or failure icon based on the isSuccessAlert prop.\n\n@param {Object} props - The component props.\n@param {string} props.text - The validation message text to display.\n@param {boolean} props.isSuccessAlert - Determines if the displayed alert is for a success (true) or failure (false).",methods:[],displayName:"Validation",props:{text:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},isSuccessAlert:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1}}}},"./src/ui-kit/components/atoms/buttons/Close/Close.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=&gt;{__webpack_require__.d(__webpack_exports__,{q:()=&gt;CLOSE_COLORS,x:()=&gt;Close});var react=__webpack_require__("./node_modules/react/index.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),close_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].use[3]!./src/ui-kit/components/atoms/buttons/Close/close.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default(),injectStylesIntoStyleTag_default()(close_module.Z,options);let Close_close_module=close_module.Z&amp;&amp;close_module.Z.locals?close_module.Z.locals:void 0;var useCallHandlingErrors=__webpack_require__("./src/ui-kit/hooks/useCallHandlingErrors.js"),CLOSE_COLORS={WHITE:"white",DARK:"dark",DARK_INVERT:"dark-invert"},Close=function(param){var _param_color=param.color,color=void 0===_param_color?CLOSE_COLORS.WHITE:_param_color,_param_onClick=param.onClick,onClick=void 0===_param_onClick?function(){}:_param_onClick,_param_large=param.large,callHandlingErrors=(0,useCallHandlingErrors.d)();return react.createElement("svg",{className:Close_close_module.close+" "+Close_close_module[color]+(void 0!==_param_large&amp;&amp;_param_large?" "+Close_close_module.large:""),onClick:function(e){return callHandlingErrors(onClick,e)},style:{cursor:"pointer"},xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 50 50",x:"0px",y:"0px"},react.createElement("path",{d:"M28.228,23.986L47.092,5.122c1.172-1.171,1.172-3.071,0-4.242c-1.172-1.172-3.07-1.172-4.242,0L23.986,19.744L5.121,0.88 c-1.172-1.172-3.07-1.172-4.242,0c-1.172,1.171-1.172,3.071,0,4.242l18.865,18.864L0.879,42.85c-1.172,1.171-1.172,3.071,0,4.242 C1.465,47.677,2.233,47.97,3,47.97s1.535-0.293,2.121-0.879l18.865-18.864L42.85,47.091c0.586,0.586,1.354,0.879,2.121,0.879 s1.535-0.293,2.121-0.879c1.172-1.171,1.172-3.071,0-4.242L28.228,23.986z"}))};Close.propTypes={color:prop_types_default().oneOf(Object.values(CLOSE_COLORS)),onClick:prop_types_default().func,large:prop_types_default().bool},Close.defaultProps={color:CLOSE_COLORS.WHITE,onClick:function(){},large:!1},Close.__docgenInfo={description:"A component for rendering a close icon that handles errors on click.\nThis component uses an SVG to render the icon and allows customization\nthrough props for color, size, and the click event handling.\n\n@param {Object} props - The properties passed to the component.\n@param {string} props.color - The color theme of the close icon.\n  Should be one of the properties of CLOSE_COLORS.\n@param {Function} props.onClick - The function to call when the icon is clicked.\n@param {boolean} props.large - Whether the icon should be displayed in a larger size.",methods:[],displayName:"Close",props:{color:{defaultValue:{value:'"white"',computed:!1},description:"",type:{name:"enum",value:[{value:'"white"',computed:!1},{value:'"dark"',computed:!1},{value:'"dark-invert"',computed:!1}]},required:!1},onClick:{defaultValue:{value:"() =&gt; {}",computed:!1},description:"",type:{name:"func"},required:!1},large:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1}}}},"./src/ui-kit/hooks/useReferredState.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=&gt;{__webpack_require__.d(__webpack_exports__,{k:()=&gt;useReferredState});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function _array_like_to_array(arr,len){(null==len||len&gt;arr.length)&amp;&amp;(len=arr.length);for(var i=0,arr2=Array(len);i&lt;len;i++)arr2[i]=arr[i];return arr2}function _array_with_holes(arr){if(Array.isArray(arr))return arr}function _iterable_to_array_limit(arr,i){var _s,_e,_i=null==arr?null:"undefined"!=typeof Symbol&amp;&amp;arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&amp;&amp;(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}}function _non_iterable_rest(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _sliced_to_array(arr,i){return _array_with_holes(arr)||_iterable_to_array_limit(arr,i)||_unsupported_iterable_to_array(arr,i)||_non_iterable_rest()}function _unsupported_iterable_to_array(o,minLen){if(o){if("string"==typeof o)return _array_like_to_array(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if("Object"===n&amp;&amp;o.constructor&amp;&amp;(n=o.constructor.name),"Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _array_like_to_array(o,minLen)}}function useReferredState(initialValue){var _React_useState=_sliced_to_array(react__WEBPACK_IMPORTED_MODULE_0__.useState(initialValue),2),state=_React_useState[0],setState=_React_useState[1],reference=react__WEBPACK_IMPORTED_MODULE_0__.useRef(state);return[reference,function(value){value&amp;&amp;"[object Function]"===({}).toString.call(value)&amp;&amp;(value=value(reference.current)),reference.current=value,setState(value)}]}}}]);</span></span></span></pre></td></tr></table></pre>
-                <div class='push'></div><!-- for sticky footer -->
-            </div><!-- /wrapper -->
-            <div class='footer quiet pad2 space-top1 center small'>
-                Code coverage generated by
-                <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-11-23T06:44:09.636Z
-            </div>
-        <script src="../../prettify.js"></script>
-        <script>
-            window.onload = function () {
-                prettyPrint();
-            };
-        </script>
-        <script src="../../sorter.js"></script>
-        <script src="../../block-navigation.js"></script>
-    </body>
-</html>

package/coverage/ui-kit/storybook-static/595.2e40d981.iframe.bundle.js.html DELETED Viewed

@@ -1,85 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-    <title>Code coverage report for ui-kit/storybook-static/595.2e40d981.iframe.bundle.js</title>
-    <meta charset="utf-8" />
-    <link rel="stylesheet" href="../../prettify.css" />
-    <link rel="stylesheet" href="../../base.css" />
-    <link rel="shortcut icon" type="image/x-icon" href="../../favicon.png" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <style type='text/css'>
-        .coverage-summary .sorter {
-            background-image: url(../../sort-arrow-sprite.png);
-        }
-    </style>
-</head>
-<body>
-<div class='wrapper'>
-    <div class='pad1'>
-        <h1><a href="../../index.html">All files</a> / <a href="index.html">ui-kit/storybook-static</a> 595.2e40d981.iframe.bundle.js</h1>
-        <div class='clearfix'>
-            <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
-                <span class="quiet">Statements</span>
-                <span class='fraction'>0/1</span>
-            </div>
-            <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
-                <span class="quiet">Branches</span>
-                <span class='fraction'>0/1</span>
-            </div>
-            <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
-                <span class="quiet">Functions</span>
-                <span class='fraction'>0/1</span>
-            </div>
-            <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
-                <span class="quiet">Lines</span>
-                <span class='fraction'>0/1</span>
-            </div>
-        </div>
-        <p class="quiet">
-            Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
-        </p>
-        <template id="filterTemplate">
-            <div class="quiet">
-                Filter:
-                <input oninput="onInput()" type="search" id="fileSearch">
-            </div>
-        </template>
-    </div>
-    <div class='status-line low'></div>
-    <pre><table class="coverage">
-<tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a></td><td class="line-coverage quiet"><span class="cline-any cline-no">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js"><span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" ><span class="branch-0 cbranch-no" title="branch not covered" >(self.webpackChunk_rabbitio_ui_kit=self.webpackChunk_rabbitio_ui_kit||[]).push([[595],{"./node_modules/@storybook/addon-docs/node_modules/@storybook/blocks/dist/Color-6VNJS4EI.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=&gt;{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ColorControl:()=&gt;ColorControl,default:()=&gt;Color_default});var chunk_GWAJ4KRU=__webpack_require__("./node_modules/@storybook/addon-docs/node_modules/@storybook/blocks/dist/chunk-GWAJ4KRU.mjs"),react=__webpack_require__("./node_modules/react/index.js");function u(){return(u=Object.assign||function(e){for(var r=1;r&lt;arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&amp;&amp;(e[n]=t[n])}return e}).apply(this,arguments)}function c(e,r){if(null==e)return{};var t,n,o={},a=Object.keys(e);for(n=0;n&lt;a.length;n++)r.indexOf(t=a[n])&gt;=0||(o[t]=e[t]);return o}function i(e){var t=(0,react.useRef)(e),n=(0,react.useRef)(function(e){t.current&amp;&amp;t.current(e)});return t.current=e,n.current}var s=function(e,r,t){return void 0===r&amp;&amp;(r=0),void 0===t&amp;&amp;(t=1),e&gt;t?t:e&lt;r?r:e},f=function(e){return"touches"in e},v=function(e){return e&amp;&amp;e.ownerDocument.defaultView||self},d=function(e,r,t){var n=e.getBoundingClientRect(),o=f(r)?function(e,r){for(var t=0;t&lt;e.length;t++)if(e[t].identifier===r)return e[t];return e[0]}(r.touches,t):r;return{left:s((o.pageX-(n.left+v(e).pageXOffset))/n.width),top:s((o.pageY-(n.top+v(e).pageYOffset))/n.height)}},h=function(e){f(e)||e.preventDefault()},m=react.memo(function(o){var a=o.onMove,l=o.onKey,s=c(o,["onMove","onKey"]),m=(0,react.useRef)(null),g=i(a),p=i(l),b=(0,react.useRef)(null),_=(0,react.useRef)(!1),x=(0,react.useMemo)(function(){var e=function(e){h(e),(f(e)?e.touches.length&gt;0:e.buttons&gt;0)&amp;&amp;m.current?g(d(m.current,e,b.current)):t(!1)},r=function(){return t(!1)};function t(t){var n=_.current,o=v(m.current),a=t?o.addEventListener:o.removeEventListener;a(n?"touchmove":"mousemove",e),a(n?"touchend":"mouseup",r)}return[function(e){var r=e.nativeEvent,n=m.current;if(n&amp;&amp;(h(r),(!_.current||!!f(r))&amp;&amp;n)){if(f(r)){_.current=!0;var o=r.changedTouches||[];o.length&amp;&amp;(b.current=o[0].identifier)}n.focus(),g(d(n,r,b.current)),t(!0)}},function(e){var r=e.which||e.keyCode;r&lt;37||r&gt;40||(e.preventDefault(),p({left:39===r?.05:37===r?-.05:0,top:40===r?.05:38===r?-.05:0}))},t]},[p,g]),C=x[0],E=x[1],H=x[2];return(0,react.useEffect)(function(){return H},[H]),react.createElement("div",u({},s,{onTouchStart:C,onMouseDown:C,className:"react-colorful__interactive",ref:m,onKeyDown:E,tabIndex:0,role:"slider"}))}),g=function(e){return e.filter(Boolean).join(" ")},p=function(r){var t=r.color,n=r.left,o=r.top,l=g(["react-colorful__pointer",r.className]);return react.createElement("div",{className:l,style:{top:100*(void 0===o?.5:o)+"%",left:100*n+"%"}},react.createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:t}}))},b=function(e,r,t){return void 0===r&amp;&amp;(r=0),void 0===t&amp;&amp;(t=Math.pow(10,r)),Math.round(t*e)/t},_={grad:.9,turn:360,rad:360/(2*Math.PI)},C=function(e){return"#"===e[0]&amp;&amp;(e=e.substring(1)),e.length&lt;6?{r:parseInt(e[0]+e[0],16),g:parseInt(e[1]+e[1],16),b:parseInt(e[2]+e[2],16),a:4===e.length?b(parseInt(e[3]+e[3],16)/255,2):1}:{r:parseInt(e.substring(0,2),16),g:parseInt(e.substring(2,4),16),b:parseInt(e.substring(4,6),16),a:8===e.length?b(parseInt(e.substring(6,8),16)/255,2):1}},E=function(e,r){return void 0===r&amp;&amp;(r="deg"),Number(e)*(_[r]||1)},N=function(e){var r=e.s,t=e.l;return{h:e.h,s:(r*=(t&lt;50?t:100-t)/100)&gt;0?2*r/(t+r)*100:0,v:t+r,a:e.a}},y=function(e){var r=e.s,t=e.v,n=e.a,o=(200-r)*t/100;return{h:b(e.h),s:b(o&gt;0&amp;&amp;o&lt;200?r*t/100/(o&lt;=100?o:200-o)*100:0),l:b(o/2),a:b(n,2)}},q=function(e){var r=y(e);return"hsl("+r.h+", "+r.s+"%, "+r.l+"%)"},k=function(e){var r=y(e);return"hsla("+r.h+", "+r.s+"%, "+r.l+"%, "+r.a+")"},I=function(e){var r=e.h,t=e.s,n=e.v,o=e.a;r=r/360*6,t/=100,n/=100;var a=Math.floor(r),l=n*(1-t),u=n*(1-(r-a)*t),c=n*(1-(1-r+a)*t),i=a%6;return{r:b(255*[n,u,l,l,c,n][i]),g:b(255*[c,n,n,u,l,l][i]),b:b(255*[l,l,c,n,n,u][i]),a:b(o,2)}},D=function(e){var r=e.toString(16);return r.length&lt;2?"0"+r:r},K=function(e){var r=e.r,t=e.g,n=e.b,o=e.a,a=o&lt;1?D(b(255*o)):"";return"#"+D(r)+D(t)+D(n)+a},L=function(e){var r=e.r,t=e.g,n=e.b,o=e.a,a=Math.max(r,t,n),l=a-Math.min(r,t,n),u=l?a===r?(t-n)/l:a===t?2+(n-r)/l:4+(r-t)/l:0;return{h:b(60*(u&lt;0?u+6:u)),s:b(a?l/a*100:0),v:b(a/255*100),a:o}},A=function(e){return{h:b(e.h),s:b(e.s),v:b(e.v),a:b(e.a,2)}},S=react.memo(function(r){var t=r.hue,n=r.onChange,o=g(["react-colorful__hue",r.className]);return react.createElement("div",{className:o},react.createElement(m,{onMove:function(e){n({h:360*e.left})},onKey:function(e){n({h:s(t+360*e.left,0,360)})},"aria-label":"Hue","aria-valuenow":b(t),"aria-valuemax":"360","aria-valuemin":"0"},react.createElement(p,{className:"react-colorful__hue-pointer",left:t/360,color:q({h:t,s:100,v:100,a:1})})))}),T=react.memo(function(r){var t=r.hsva,n=r.onChange,o={backgroundColor:q({h:t.h,s:100,v:100,a:1})};return react.createElement("div",{className:"react-colorful__saturation",style:o},react.createElement(m,{onMove:function(e){n({s:100*e.left,v:100-100*e.top})},onKey:function(e){n({s:s(t.s+100*e.left,0,100),v:s(t.v-100*e.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+b(t.s)+"%, Brightness "+b(t.v)+"%"},react.createElement(p,{className:"react-colorful__saturation-pointer",top:1-t.v/100,left:t.s/100,color:q(t)})))}),F=function(e,r){if(e===r)return!0;for(var t in e)if(e[t]!==r[t])return!1;return!0},P=function(e,r){return e.replace(/\s/g,"")===r.replace(/\s/g,"")};function Y(e,t,l){var u=i(l),c=(0,react.useState)(function(){return e.toHsva(t)}),s=c[0],f=c[1],v=(0,react.useRef)({color:t,hsva:s});return(0,react.useEffect)(function(){if(!e.equal(t,v.current.color)){var r=e.toHsva(t);v.current={hsva:r,color:t},f(r)}},[t,e]),(0,react.useEffect)(function(){var r;F(s,v.current.hsva)||e.equal(r=e.fromHsva(s),v.current.color)||(v.current={hsva:s,color:r},u(r))},[s,e,u]),[s,(0,react.useCallback)(function(e){f(function(r){return Object.assign({},r,e)})},[])]}var R,V="undefined"!=typeof window?react.useLayoutEffect:react.useEffect,J=new Map,Q=function(e){V(function(){var r=e.current?e.current.ownerDocument:document;if(void 0!==r&amp;&amp;!J.has(r)){var t=r.createElement("style");t.innerHTML='.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url(\'data:image/svg+xml;charset=utf-8,&lt;svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"&gt;&lt;path d="M8 0h8v8H8zM0 8h8v8H0z"/&gt;&lt;/svg&gt;\')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}',J.set(r,t);var n=R||__webpack_require__.nc;n&amp;&amp;t.setAttribute("nonce",n),r.head.appendChild(t)}},[])},U=function(t){var n=t.className,o=t.colorModel,a=t.color,l=void 0===a?o.defaultColor:a,i=t.onChange,s=c(t,["className","colorModel","color","onChange"]),f=(0,react.useRef)(null);Q(f);var v=Y(o,l,i),d=v[0],h=v[1],m=g(["react-colorful",n]);return react.createElement("div",u({},s,{ref:f,className:m}),react.createElement(T,{hsva:d,onChange:h}),react.createElement(S,{hue:d.h,onChange:h,className:"react-colorful__last-control"}))},W={defaultColor:"000",toHsva:function(e){return L(C(e))},fromHsva:function(e){return K(I({h:e.h,s:e.s,v:e.v,a:1}))},equal:function(e,r){return e.toLowerCase()===r.toLowerCase()||F(C(e),C(r))}},ee=function(r){var t=r.className,n=r.hsva,o=r.onChange,a={backgroundImage:"linear-gradient(90deg, "+k(Object.assign({},n,{a:0}))+", "+k(Object.assign({},n,{a:1}))+")"},l=g(["react-colorful__alpha",t]),u=b(100*n.a);return react.createElement("div",{className:l},react.createElement("div",{className:"react-colorful__alpha-gradient",style:a}),react.createElement(m,{onMove:function(e){o({a:e.left})},onKey:function(e){o({a:s(n.a+e.left)})},"aria-label":"Alpha","aria-valuetext":u+"%","aria-valuenow":u,"aria-valuemin":"0","aria-valuemax":"100"},react.createElement(p,{className:"react-colorful__alpha-pointer",left:n.a,color:k(n)})))},re=function(t){var n=t.className,o=t.colorModel,a=t.color,l=void 0===a?o.defaultColor:a,i=t.onChange,s=c(t,["className","colorModel","color","onChange"]),f=(0,react.useRef)(null);Q(f);var v=Y(o,l,i),d=v[0],h=v[1],m=g(["react-colorful",n]);return react.createElement("div",u({},s,{ref:f,className:m}),react.createElement(T,{hsva:d,onChange:h}),react.createElement(S,{hue:d.h,onChange:h}),react.createElement(ee,{hsva:d,onChange:h,className:"react-colorful__last-control"}))},le={defaultColor:"hsla(0, 0%, 0%, 1)",toHsva:function(e){var r=/hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return r?N({h:E(r[1],r[2]),s:Number(r[3]),l:Number(r[4]),a:void 0===r[5]?1:Number(r[5])/(r[6]?100:1)}):{h:0,s:0,v:0,a:1}},fromHsva:k,equal:P},Ee={defaultColor:"rgba(0, 0, 0, 1)",toHsva:function(e){var r=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return r?L({r:Number(r[1])/(r[2]?100/255:1),g:Number(r[3])/(r[4]?100/255:1),b:Number(r[5])/(r[6]?100/255:1),a:void 0===r[7]?1:Number(r[7])/(r[8]?100:1)}):{h:0,s:0,v:0,a:1}},fromHsva:function(e){var r=I(e);return"rgba("+r.r+", "+r.g+", "+r.b+", "+r.a+")"},equal:P},color_convert=__webpack_require__("./node_modules/color-convert/index.js"),color_convert_default=__webpack_require__.n(color_convert),throttle=__webpack_require__("./node_modules/lodash/throttle.js"),throttle_default=__webpack_require__.n(throttle),dist=__webpack_require__("./node_modules/@storybook/theming/dist/index.mjs"),components_dist=__webpack_require__("./node_modules/@storybook/components/dist/index.mjs"),Wrapper=dist.zo.div({position:"relative",maxWidth:250}),PickerTooltip=(0,dist.zo)(components_dist.Rl)({position:"absolute",zIndex:1,top:4,left:4}),TooltipContent=dist.zo.div({width:200,margin:5,".react-colorful__saturation":{borderRadius:"4px 4px 0 0"},".react-colorful__hue":{boxShadow:"inset 0 0 0 1px rgb(0 0 0 / 5%)"},".react-colorful__last-control":{borderRadius:"0 0 4px 4px"}}),Note=(0,dist.zo)(components_dist.gu)(({theme})=&gt;({fontFamily:theme.typography.fonts.base})),Swatches=dist.zo.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),SwatchColor=dist.zo.div(({theme,active})=&gt;({width:16,height:16,boxShadow:active?`${theme.appBorderColor} 0 0 0 1px inset, ${theme.textMutedColor}50 0 0 0 4px`:`${theme.appBorderColor} 0 0 0 1px inset`,borderRadius:theme.appBorderRadius})),Swatch=({value,active,onClick,style,...props})=&gt;{let backgroundImage=`linear-gradient(${value}, ${value}), url('data:image/svg+xml;charset=utf-8,&lt;svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"&gt;&lt;path d="M8 0h8v8H8zM0 8h8v8H0z"/&gt;&lt;/svg&gt;'), linear-gradient(#fff, #fff)`;return react.createElement(SwatchColor,{...props,active,onClick,style:{...style,backgroundImage}})},Input=(0,dist.zo)(components_dist.l0.Input)(({theme})=&gt;({width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:theme.typography.fonts.base})),ToggleIcon=(0,dist.zo)(components_dist.PJ)(({theme})=&gt;({position:"absolute",zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:"border-box",cursor:"pointer",color:theme.input.color})),ColorSpace=(ColorSpace2=&gt;(ColorSpace2.RGB="rgb",ColorSpace2.HSL="hsl",ColorSpace2.HEX="hex",ColorSpace2))(ColorSpace||{}),COLOR_SPACES=Object.values(ColorSpace),COLOR_REGEXP=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,RGB_REGEXP=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,HSL_REGEXP=/^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i,HEX_REGEXP=/^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i,SHORTHEX_REGEXP=/^\s*#?([0-9a-f]{3})\s*$/i,ColorPicker={hex:function(r){return react.createElement(U,u({},r,{colorModel:W}))},rgb:function(r){return react.createElement(re,u({},r,{colorModel:Ee}))},hsl:function(r){return react.createElement(re,u({},r,{colorModel:le}))}},fallbackColor={hex:"transparent",rgb:"rgba(0, 0, 0, 0)",hsl:"hsla(0, 0%, 0%, 0)"},stringToArgs=value=&gt;{let match=value?.match(COLOR_REGEXP);if(!match)return[0,0,0,1];let[,x,y,z,a=1]=match;return[x,y,z,a].map(Number)},parseValue=value=&gt;{if(!value)return;let valid=!0;if(RGB_REGEXP.test(value)){let[r,g,b,a]=stringToArgs(value),[h,s,l]=color_convert_default().rgb.hsl([r,g,b])||[0,0,0];return{valid,value,keyword:color_convert_default().rgb.keyword([r,g,b]),colorSpace:"rgb",rgb:value,hsl:`hsla(${h}, ${s}%, ${l}%, ${a})`,hex:`#${color_convert_default().rgb.hex([r,g,b]).toLowerCase()}`}}if(HSL_REGEXP.test(value)){let[h,s,l,a]=stringToArgs(value),[r,g,b]=color_convert_default().hsl.rgb([h,s,l])||[0,0,0];return{valid,value,keyword:color_convert_default().hsl.keyword([h,s,l]),colorSpace:"hsl",rgb:`rgba(${r}, ${g}, ${b}, ${a})`,hsl:value,hex:`#${color_convert_default().hsl.hex([h,s,l]).toLowerCase()}`}}let plain=value.replace("#",""),rgb=color_convert_default().keyword.rgb(plain)||color_convert_default().hex.rgb(plain),hsl=color_convert_default().rgb.hsl(rgb),mapped=value;if(/[^#a-f0-9]/i.test(value)?mapped=plain:HEX_REGEXP.test(value)&amp;&amp;(mapped=`#${plain}`),mapped.startsWith("#"))valid=HEX_REGEXP.test(mapped);else try{color_convert_default().keyword.hex(mapped)}catch{valid=!1}return{valid,value:mapped,keyword:color_convert_default().rgb.keyword(rgb),colorSpace:"hex",rgb:`rgba(${rgb[0]}, ${rgb[1]}, ${rgb[2]}, 1)`,hsl:`hsla(${hsl[0]}, ${hsl[1]}%, ${hsl[2]}%, 1)`,hex:mapped}},getRealValue=(value,color,colorSpace)=&gt;{if(!value||!color?.valid)return fallbackColor[colorSpace];if("hex"!==colorSpace)return color?.[colorSpace]||fallbackColor[colorSpace];if(!color.hex.startsWith("#"))try{return`#${color_convert_default().keyword.hex(color.hex)}`}catch{return fallbackColor.hex}let short=color.hex.match(SHORTHEX_REGEXP);if(!short)return HEX_REGEXP.test(color.hex)?color.hex:fallbackColor.hex;let[r,g,b]=short[1].split("");return`#${r}${r}${g}${g}${b}${b}`},useColorInput=(initialValue,onChange)=&gt;{let[value,setValue]=(0,react.useState)(initialValue||""),[color,setColor]=(0,react.useState)(()=&gt;parseValue(value)),[colorSpace,setColorSpace]=(0,react.useState)(color?.colorSpace||"hex");(0,react.useEffect)(()=&gt;{let nextValue=initialValue||"",nextColor=parseValue(nextValue);setValue(nextValue),setColor(nextColor),setColorSpace(nextColor?.colorSpace||"hex")},[initialValue]);let realValue=(0,react.useMemo)(()=&gt;getRealValue(value,color,colorSpace).toLowerCase(),[value,color,colorSpace]),updateValue=(0,react.useCallback)(update=&gt;{let parsed=parseValue(update),v=parsed?.value||update||"";setValue(v),""===v&amp;&amp;(setColor(void 0),onChange(void 0)),parsed&amp;&amp;(setColor(parsed),setColorSpace(parsed.colorSpace),onChange(parsed.value))},[onChange]),cycleColorSpace=(0,react.useCallback)(()=&gt;{let next=COLOR_SPACES.indexOf(colorSpace)+1;next&gt;=COLOR_SPACES.length&amp;&amp;(next=0),setColorSpace(COLOR_SPACES[next]);let update=color?.[COLOR_SPACES[next]]||"";setValue(update),onChange(update)},[color,colorSpace,onChange]);return{value,realValue,updateValue,color,colorSpace,cycleColorSpace}},id=value=&gt;value.replace(/\s*/,"").toLowerCase(),usePresets=(presetColors,currentColor,colorSpace)=&gt;{let[selectedColors,setSelectedColors]=(0,react.useState)(currentColor?.valid?[currentColor]:[]);(0,react.useEffect)(()=&gt;{void 0===currentColor&amp;&amp;setSelectedColors([])},[currentColor]);let presets=(0,react.useMemo)(()=&gt;(presetColors||[]).map(preset=&gt;"string"==typeof preset?parseValue(preset):preset.title?{...parseValue(preset.color),keyword:preset.title}:parseValue(preset.color)).concat(selectedColors).filter(Boolean).slice(-27),[presetColors,selectedColors]),addPreset=(0,react.useCallback)(color=&gt;{color?.valid&amp;&amp;(presets.some(preset=&gt;id(preset[colorSpace])===id(color[colorSpace]))||setSelectedColors(arr=&gt;arr.concat(color)))},[colorSpace,presets]);return{presets,addPreset}},ColorControl=({name,value:initialValue,onChange,onFocus,onBlur,presetColors,startOpen=!1})=&gt;{let{value,realValue,updateValue,color,colorSpace,cycleColorSpace}=useColorInput(initialValue,(0,react.useCallback)(throttle_default()(onChange,200),[onChange])),{presets,addPreset}=usePresets(presetColors,color,colorSpace),Picker=ColorPicker[colorSpace];return react.createElement(Wrapper,null,react.createElement(PickerTooltip,{startOpen,closeOnOutsideClick:!0,onVisibleChange:()=&gt;addPreset(color),tooltip:react.createElement(TooltipContent,null,react.createElement(Picker,{color:"transparent"===realValue?"#000000":realValue,onChange:updateValue,onFocus,onBlur}),presets.length&gt;0&amp;&amp;react.createElement(Swatches,null,presets.map((preset,index)=&gt;react.createElement(components_dist.Rl,{key:`${preset.value}-${index}`,hasChrome:!1,tooltip:react.createElement(Note,{note:preset.keyword||preset.value})},react.createElement(Swatch,{value:preset[colorSpace],active:color&amp;&amp;id(preset[colorSpace])===id(color[colorSpace]),onClick:()=&gt;updateValue(preset.value)})))))},react.createElement(Swatch,{value:realValue,style:{margin:4}})),react.createElement(Input,{id:(0,chunk_GWAJ4KRU.d)(name),value,onChange:e=&gt;updateValue(e.target.value),onFocus:e=&gt;e.target.select(),placeholder:"Choose color..."}),value?react.createElement(ToggleIcon,{icon:"markup",onClick:cycleColorSpace}):null)},Color_default=ColorControl},"./node_modules/color-convert/conversions.js":(module,__unused_webpack_exports,__webpack_require__)=&gt;{let cssKeywords=__webpack_require__("./node_modules/color-name/index.js"),reverseKeywords={};for(let key of Object.keys(cssKeywords))reverseKeywords[cssKeywords[key]]=key;let convert={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}};for(let model of(module.exports=convert,Object.keys(convert))){if(!("channels"in convert[model]))throw Error("missing channels property: "+model);if(!("labels"in convert[model]))throw Error("missing channel labels property: "+model);if(convert[model].labels.length!==convert[model].channels)throw Error("channel and label counts mismatch: "+model);let{channels,labels}=convert[model];delete convert[model].channels,delete convert[model].labels,Object.defineProperty(convert[model],"channels",{value:channels}),Object.defineProperty(convert[model],"labels",{value:labels})}function comparativeDistance(x,y){return(x[0]-y[0])**2+(x[1]-y[1])**2+(x[2]-y[2])**2}convert.rgb.hsl=function(rgb){let h;let r=rgb[0]/255,g=rgb[1]/255,b=rgb[2]/255,min=Math.min(r,g,b),max=Math.max(r,g,b),delta=max-min;max===min?h=0:r===max?h=(g-b)/delta:g===max?h=2+(b-r)/delta:b===max&amp;&amp;(h=4+(r-g)/delta),(h=Math.min(60*h,360))&lt;0&amp;&amp;(h+=360);let l=(min+max)/2;return[h,100*(max===min?0:l&lt;=.5?delta/(max+min):delta/(2-max-min)),100*l]},convert.rgb.hsv=function(rgb){let rdif,gdif,bdif,h,s;let r=rgb[0]/255,g=rgb[1]/255,b=rgb[2]/255,v=Math.max(r,g,b),diff=v-Math.min(r,g,b),diffc=function(c){return(v-c)/6/diff+.5};return 0===diff?(h=0,s=0):(s=diff/v,rdif=diffc(r),gdif=diffc(g),bdif=diffc(b),r===v?h=bdif-gdif:g===v?h=1/3+rdif-bdif:b===v&amp;&amp;(h=2/3+gdif-rdif),h&lt;0?h+=1:h&gt;1&amp;&amp;(h-=1)),[360*h,100*s,100*v]},convert.rgb.hwb=function(rgb){let r=rgb[0],g=rgb[1],b=rgb[2];return[convert.rgb.hsl(rgb)[0],1/255*Math.min(r,Math.min(g,b))*100,100*(b=1-1/255*Math.max(r,Math.max(g,b)))]},convert.rgb.cmyk=function(rgb){let r=rgb[0]/255,g=rgb[1]/255,b=rgb[2]/255,k=Math.min(1-r,1-g,1-b);return[100*((1-r-k)/(1-k)||0),100*((1-g-k)/(1-k)||0),100*((1-b-k)/(1-k)||0),100*k]},convert.rgb.keyword=function(rgb){let currentClosestKeyword;let reversed=reverseKeywords[rgb];if(reversed)return reversed;let currentClosestDistance=1/0;for(let keyword of Object.keys(cssKeywords)){let distance=comparativeDistance(rgb,cssKeywords[keyword]);distance&lt;currentClosestDistance&amp;&amp;(currentClosestDistance=distance,currentClosestKeyword=keyword)}return currentClosestKeyword},convert.keyword.rgb=function(keyword){return cssKeywords[keyword]},convert.rgb.xyz=function(rgb){let r=rgb[0]/255,g=rgb[1]/255,b=rgb[2]/255;return[100*(.4124*(r=r&gt;.04045?((r+.055)/1.055)**2.4:r/12.92)+.3576*(g=g&gt;.04045?((g+.055)/1.055)**2.4:g/12.92)+.1805*(b=b&gt;.04045?((b+.055)/1.055)**2.4:b/12.92)),100*(.2126*r+.7152*g+.0722*b),100*(.0193*r+.1192*g+.9505*b)]},convert.rgb.lab=function(rgb){let xyz=convert.rgb.xyz(rgb),x=xyz[0],y=xyz[1],z=xyz[2];return x/=95.047,y/=100,z/=108.883,[116*(y=y&gt;.008856?y**(1/3):7.787*y+16/116)-16,500*((x=x&gt;.008856?x**(1/3):7.787*x+16/116)-y),200*(y-(z=z&gt;.008856?z**(1/3):7.787*z+16/116))]},convert.hsl.rgb=function(hsl){let t2,t3,val;let h=hsl[0]/360,s=hsl[1]/100,l=hsl[2]/100;if(0===s)return[val=255*l,val,val];t2=l&lt;.5?l*(1+s):l+s-l*s;let t1=2*l-t2,rgb=[0,0,0];for(let i=0;i&lt;3;i++)(t3=h+-(1/3*(i-1)))&lt;0&amp;&amp;t3++,t3&gt;1&amp;&amp;t3--,val=6*t3&lt;1?t1+(t2-t1)*6*t3:2*t3&lt;1?t2:3*t3&lt;2?t1+(t2-t1)*(2/3-t3)*6:t1,rgb[i]=255*val;return rgb},convert.hsl.hsv=function(hsl){let h=hsl[0],s=hsl[1]/100,l=hsl[2]/100,smin=s,lmin=Math.max(l,.01);l*=2,s*=l&lt;=1?l:2-l,smin*=lmin&lt;=1?lmin:2-lmin;let v=(l+s)/2;return[h,100*(0===l?2*smin/(lmin+smin):2*s/(l+s)),100*v]},convert.hsv.rgb=function(hsv){let h=hsv[0]/60,s=hsv[1]/100,v=hsv[2]/100,f=h-Math.floor(h),p=255*v*(1-s),q=255*v*(1-s*f),t=255*v*(1-s*(1-f));switch(v*=255,Math.floor(h)%6){case 0:return[v,t,p];case 1:return[q,v,p];case 2:return[p,v,t];case 3:return[p,q,v];case 4:return[t,p,v];case 5:return[v,p,q]}},convert.hsv.hsl=function(hsv){let sl,l;let h=hsv[0],s=hsv[1]/100,v=hsv[2]/100,vmin=Math.max(v,.01);l=(2-s)*v;let lmin=(2-s)*vmin;return[h,100*(s*vmin/(lmin&lt;=1?lmin:2-lmin)||0),100*(l/=2)]},convert.hwb.rgb=function(hwb){let f,r,g,b;let h=hwb[0]/360,wh=hwb[1]/100,bl=hwb[2]/100,ratio=wh+bl;ratio&gt;1&amp;&amp;(wh/=ratio,bl/=ratio);let i=Math.floor(6*h),v=1-bl;f=6*h-i,(1&amp;i)!==0&amp;&amp;(f=1-f);let n=wh+f*(v-wh);switch(i){default:case 6:case 0:r=v,g=n,b=wh;break;case 1:r=n,g=v,b=wh;break;case 2:r=wh,g=v,b=n;break;case 3:r=wh,g=n,b=v;break;case 4:r=n,g=wh,b=v;break;case 5:r=v,g=wh,b=n}return[255*r,255*g,255*b]},convert.cmyk.rgb=function(cmyk){let c=cmyk[0]/100,m=cmyk[1]/100,y=cmyk[2]/100,k=cmyk[3]/100;return[255*(1-Math.min(1,c*(1-k)+k)),255*(1-Math.min(1,m*(1-k)+k)),255*(1-Math.min(1,y*(1-k)+k))]},convert.xyz.rgb=function(xyz){let r,g,b;let x=xyz[0]/100,y=xyz[1]/100,z=xyz[2]/100;return r=(r=3.2406*x+-1.5372*y+-.4986*z)&gt;.0031308?1.055*r**(1/2.4)-.055:12.92*r,g=(g=-.9689*x+1.8758*y+.0415*z)&gt;.0031308?1.055*g**(1/2.4)-.055:12.92*g,b=(b=.0557*x+-.204*y+1.057*z)&gt;.0031308?1.055*b**(1/2.4)-.055:12.92*b,[255*(r=Math.min(Math.max(0,r),1)),255*(g=Math.min(Math.max(0,g),1)),255*(b=Math.min(Math.max(0,b),1))]},convert.xyz.lab=function(xyz){let x=xyz[0],y=xyz[1],z=xyz[2];return x/=95.047,y/=100,z/=108.883,[116*(y=y&gt;.008856?y**(1/3):7.787*y+16/116)-16,500*((x=x&gt;.008856?x**(1/3):7.787*x+16/116)-y),200*(y-(z=z&gt;.008856?z**(1/3):7.787*z+16/116))]},convert.lab.xyz=function(lab){let x,y,z;let l=lab[0],a=lab[1],b=lab[2];x=a/500+(y=(l+16)/116),z=y-b/200;let y2=y**3,x2=x**3,z2=z**3;return y=(y2&gt;.008856?y2:(y-16/116)/7.787)*100,[x=(x2&gt;.008856?x2:(x-16/116)/7.787)*95.047,y,z=(z2&gt;.008856?z2:(z-16/116)/7.787)*108.883]},convert.lab.lch=function(lab){let h;let l=lab[0],a=lab[1],b=lab[2];return(h=360*Math.atan2(b,a)/2/Math.PI)&lt;0&amp;&amp;(h+=360),[l,Math.sqrt(a*a+b*b),h]},convert.lch.lab=function(lch){let l=lch[0],c=lch[1],hr=lch[2]/360*2*Math.PI;return[l,c*Math.cos(hr),c*Math.sin(hr)]},convert.rgb.ansi16=function(args,saturation=null){let[r,g,b]=args,value=null===saturation?convert.rgb.hsv(args)[2]:saturation;if(0===(value=Math.round(value/50)))return 30;let ansi=30+(Math.round(b/255)&lt;&lt;2|Math.round(g/255)&lt;&lt;1|Math.round(r/255));return 2===value&amp;&amp;(ansi+=60),ansi},convert.hsv.ansi16=function(args){return convert.rgb.ansi16(convert.hsv.rgb(args),args[2])},convert.rgb.ansi256=function(args){let r=args[0],g=args[1],b=args[2];return r===g&amp;&amp;g===b?r&lt;8?16:r&gt;248?231:Math.round((r-8)/247*24)+232:16+36*Math.round(r/255*5)+6*Math.round(g/255*5)+Math.round(b/255*5)},convert.ansi16.rgb=function(args){let color=args%10;if(0===color||7===color)return args&gt;50&amp;&amp;(color+=3.5),[color=color/10.5*255,color,color];let mult=(~~(args&gt;50)+1)*.5;return[(1&amp;color)*mult*255,(color&gt;&gt;1&amp;1)*mult*255,(color&gt;&gt;2&amp;1)*mult*255]},convert.ansi256.rgb=function(args){let rem;if(args&gt;=232){let c=(args-232)*10+8;return[c,c,c]}return[Math.floor((args-=16)/36)/5*255,Math.floor((rem=args%36)/6)/5*255,rem%6/5*255]},convert.rgb.hex=function(args){let string=(((255&amp;Math.round(args[0]))&lt;&lt;16)+((255&amp;Math.round(args[1]))&lt;&lt;8)+(255&amp;Math.round(args[2]))).toString(16).toUpperCase();return"000000".substring(string.length)+string},convert.hex.rgb=function(args){let match=args.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!match)return[0,0,0];let colorString=match[0];3===match[0].length&amp;&amp;(colorString=colorString.split("").map(char=&gt;char+char).join(""));let integer=parseInt(colorString,16);return[integer&gt;&gt;16&amp;255,integer&gt;&gt;8&amp;255,255&amp;integer]},convert.rgb.hcg=function(rgb){let r=rgb[0]/255,g=rgb[1]/255,b=rgb[2]/255,max=Math.max(Math.max(r,g),b),min=Math.min(Math.min(r,g),b),chroma=max-min;return[(chroma&lt;=0?0:max===r?(g-b)/chroma%6:max===g?2+(b-r)/chroma:4+(r-g)/chroma)/6%1*360,100*chroma,100*(chroma&lt;1?min/(1-chroma):0)]},convert.hsl.hcg=function(hsl){let s=hsl[1]/100,l=hsl[2]/100,c=l&lt;.5?2*s*l:2*s*(1-l),f=0;return c&lt;1&amp;&amp;(f=(l-.5*c)/(1-c)),[hsl[0],100*c,100*f]},convert.hsv.hcg=function(hsv){let s=hsv[1]/100,v=hsv[2]/100,c=s*v,f=0;return c&lt;1&amp;&amp;(f=(v-c)/(1-c)),[hsv[0],100*c,100*f]},convert.hcg.rgb=function(hcg){let h=hcg[0]/360,c=hcg[1]/100,g=hcg[2]/100;if(0===c)return[255*g,255*g,255*g];let pure=[0,0,0],hi=h%1*6,v=hi%1,w=1-v,mg=0;switch(Math.floor(hi)){case 0:pure[0]=1,pure[1]=v,pure[2]=0;break;case 1:pure[0]=w,pure[1]=1,pure[2]=0;break;case 2:pure[0]=0,pure[1]=1,pure[2]=v;break;case 3:pure[0]=0,pure[1]=w,pure[2]=1;break;case 4:pure[0]=v,pure[1]=0,pure[2]=1;break;default:pure[0]=1,pure[1]=0,pure[2]=w}return[(c*pure[0]+(mg=(1-c)*g))*255,(c*pure[1]+mg)*255,(c*pure[2]+mg)*255]},convert.hcg.hsv=function(hcg){let c=hcg[1]/100,v=c+hcg[2]/100*(1-c),f=0;return v&gt;0&amp;&amp;(f=c/v),[hcg[0],100*f,100*v]},convert.hcg.hsl=function(hcg){let c=hcg[1]/100,l=hcg[2]/100*(1-c)+.5*c,s=0;return l&gt;0&amp;&amp;l&lt;.5?s=c/(2*l):l&gt;=.5&amp;&amp;l&lt;1&amp;&amp;(s=c/(2*(1-l))),[hcg[0],100*s,100*l]},convert.hcg.hwb=function(hcg){let c=hcg[1]/100,v=c+hcg[2]/100*(1-c);return[hcg[0],(v-c)*100,(1-v)*100]},convert.hwb.hcg=function(hwb){let w=hwb[1]/100,v=1-hwb[2]/100,c=v-w,g=0;return c&lt;1&amp;&amp;(g=(v-c)/(1-c)),[hwb[0],100*c,100*g]},convert.apple.rgb=function(apple){return[apple[0]/65535*255,apple[1]/65535*255,apple[2]/65535*255]},convert.rgb.apple=function(rgb){return[rgb[0]/255*65535,rgb[1]/255*65535,rgb[2]/255*65535]},convert.gray.rgb=function(args){return[args[0]/100*255,args[0]/100*255,args[0]/100*255]},convert.gray.hsl=function(args){return[0,0,args[0]]},convert.gray.hsv=convert.gray.hsl,convert.gray.hwb=function(gray){return[0,100,gray[0]]},convert.gray.cmyk=function(gray){return[0,0,0,gray[0]]},convert.gray.lab=function(gray){return[gray[0],0,0]},convert.gray.hex=function(gray){let val=255&amp;Math.round(gray[0]/100*255),string=((val&lt;&lt;16)+(val&lt;&lt;8)+val).toString(16).toUpperCase();return"000000".substring(string.length)+string},convert.rgb.gray=function(rgb){return[(rgb[0]+rgb[1]+rgb[2])/3/255*100]}},"./node_modules/color-convert/index.js":(module,__unused_webpack_exports,__webpack_require__)=&gt;{let conversions=__webpack_require__("./node_modules/color-convert/conversions.js"),route=__webpack_require__("./node_modules/color-convert/route.js"),convert={};function wrapRaw(fn){let wrappedFn=function(...args){let arg0=args[0];return null==arg0?arg0:(arg0.length&gt;1&amp;&amp;(args=arg0),fn(args))};return"conversion"in fn&amp;&amp;(wrappedFn.conversion=fn.conversion),wrappedFn}function wrapRounded(fn){let wrappedFn=function(...args){let arg0=args[0];if(null==arg0)return arg0;arg0.length&gt;1&amp;&amp;(args=arg0);let result=fn(args);if("object"==typeof result)for(let len=result.length,i=0;i&lt;len;i++)result[i]=Math.round(result[i]);return result};return"conversion"in fn&amp;&amp;(wrappedFn.conversion=fn.conversion),wrappedFn}Object.keys(conversions).forEach(fromModel=&gt;{convert[fromModel]={},Object.defineProperty(convert[fromModel],"channels",{value:conversions[fromModel].channels}),Object.defineProperty(convert[fromModel],"labels",{value:conversions[fromModel].labels});let routes=route(fromModel);Object.keys(routes).forEach(toModel=&gt;{let fn=routes[toModel];convert[fromModel][toModel]=wrapRounded(fn),convert[fromModel][toModel].raw=wrapRaw(fn)})}),module.exports=convert},"./node_modules/color-convert/route.js":(module,__unused_webpack_exports,__webpack_require__)=&gt;{let conversions=__webpack_require__("./node_modules/color-convert/conversions.js");function buildGraph(){let graph={},models=Object.keys(conversions);for(let len=models.length,i=0;i&lt;len;i++)graph[models[i]]={distance:-1,parent:null};return graph}function deriveBFS(fromModel){let graph=buildGraph(),queue=[fromModel];for(graph[fromModel].distance=0;queue.length;){let current=queue.pop(),adjacents=Object.keys(conversions[current]);for(let len=adjacents.length,i=0;i&lt;len;i++){let adjacent=adjacents[i],node=graph[adjacent];-1===node.distance&amp;&amp;(node.distance=graph[current].distance+1,node.parent=current,queue.unshift(adjacent))}}return graph}function link(from,to){return function(args){return to(from(args))}}function wrapConversion(toModel,graph){let path=[graph[toModel].parent,toModel],fn=conversions[graph[toModel].parent][toModel],cur=graph[toModel].parent;for(;graph[cur].parent;)path.unshift(graph[cur].parent),fn=link(conversions[graph[cur].parent][cur],fn),cur=graph[cur].parent;return fn.conversion=path,fn}module.exports=function(fromModel){let graph=deriveBFS(fromModel),conversion={},models=Object.keys(graph);for(let len=models.length,i=0;i&lt;len;i++){let toModel=models[i];null!==graph[toModel].parent&amp;&amp;(conversion[toModel]=wrapConversion(toModel,graph))}return conversion}},"./node_modules/color-name/index.js":module=&gt;{"use strict";module.exports={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]}},"./node_modules/lodash/_baseTrim.js":(module,__unused_webpack_exports,__webpack_require__)=&gt;{var trimmedEndIndex=__webpack_require__("./node_modules/lodash/_trimmedEndIndex.js"),reTrimStart=/^\s+/;function baseTrim(string){return string?string.slice(0,trimmedEndIndex(string)+1).replace(reTrimStart,""):string}module.exports=baseTrim},"./node_modules/lodash/_trimmedEndIndex.js":module=&gt;{var reWhitespace=/\s/;function trimmedEndIndex(string){for(var index=string.length;index--&amp;&amp;reWhitespace.test(string.charAt(index)););return index}module.exports=trimmedEndIndex},"./node_modules/lodash/debounce.js":(module,__unused_webpack_exports,__webpack_require__)=&gt;{var isObject=__webpack_require__("./node_modules/lodash/isObject.js"),now=__webpack_require__("./node_modules/lodash/now.js"),toNumber=__webpack_require__("./node_modules/lodash/toNumber.js"),nativeMax=Math.max,nativeMin=Math.min;function debounce(func,wait,options){var lastArgs,lastThis,maxWait,result,timerId,lastCallTime,lastInvokeTime=0,leading=!1,maxing=!1,trailing=!0;if("function"!=typeof func)throw TypeError("Expected a function");function invokeFunc(time){var args=lastArgs,thisArg=lastThis;return lastArgs=lastThis=void 0,lastInvokeTime=time,result=func.apply(thisArg,args)}function leadingEdge(time){return lastInvokeTime=time,timerId=setTimeout(timerExpired,wait),leading?invokeFunc(time):result}function remainingWait(time){var timeSinceLastCall=time-lastCallTime,timeSinceLastInvoke=time-lastInvokeTime,timeWaiting=wait-timeSinceLastCall;return maxing?nativeMin(timeWaiting,maxWait-timeSinceLastInvoke):timeWaiting}function shouldInvoke(time){var timeSinceLastCall=time-lastCallTime;return void 0===lastCallTime||timeSinceLastCall&gt;=wait||timeSinceLastCall&lt;0||maxing&amp;&amp;time-lastInvokeTime&gt;=maxWait}function timerExpired(){var time=now();if(shouldInvoke(time))return trailingEdge(time);timerId=setTimeout(timerExpired,remainingWait(time))}function trailingEdge(time){return(timerId=void 0,trailing&amp;&amp;lastArgs)?invokeFunc(time):(lastArgs=lastThis=void 0,result)}function cancel(){void 0!==timerId&amp;&amp;clearTimeout(timerId),lastInvokeTime=0,lastArgs=lastCallTime=lastThis=timerId=void 0}function flush(){return void 0===timerId?result:trailingEdge(now())}function debounced(){var time=now(),isInvoking=shouldInvoke(time);if(lastArgs=arguments,lastThis=this,lastCallTime=time,isInvoking){if(void 0===timerId)return leadingEdge(lastCallTime);if(maxing)return clearTimeout(timerId),timerId=setTimeout(timerExpired,wait),invokeFunc(lastCallTime)}return void 0===timerId&amp;&amp;(timerId=setTimeout(timerExpired,wait)),result}return wait=toNumber(wait)||0,isObject(options)&amp;&amp;(leading=!!options.leading,maxWait=(maxing="maxWait"in options)?nativeMax(toNumber(options.maxWait)||0,wait):maxWait,trailing="trailing"in options?!!options.trailing:trailing),debounced.cancel=cancel,debounced.flush=flush,debounced}module.exports=debounce},"./node_modules/lodash/now.js":(module,__unused_webpack_exports,__webpack_require__)=&gt;{var root=__webpack_require__("./node_modules/lodash/_root.js");module.exports=function(){return root.Date.now()}},"./node_modules/lodash/throttle.js":(module,__unused_webpack_exports,__webpack_require__)=&gt;{var debounce=__webpack_require__("./node_modules/lodash/debounce.js"),isObject=__webpack_require__("./node_modules/lodash/isObject.js");function throttle(func,wait,options){var leading=!0,trailing=!0;if("function"!=typeof func)throw TypeError("Expected a function");return isObject(options)&amp;&amp;(leading="leading"in options?!!options.leading:leading,trailing="trailing"in options?!!options.trailing:trailing),debounce(func,wait,{leading:leading,maxWait:wait,trailing:trailing})}module.exports=throttle},"./node_modules/lodash/toNumber.js":(module,__unused_webpack_exports,__webpack_require__)=&gt;{var baseTrim=__webpack_require__("./node_modules/lodash/_baseTrim.js"),isObject=__webpack_require__("./node_modules/lodash/isObject.js"),isSymbol=__webpack_require__("./node_modules/lodash/isSymbol.js"),NAN=0/0,reIsBadHex=/^[-+]0x[0-9a-f]+$/i,reIsBinary=/^0b[01]+$/i,reIsOctal=/^0o[0-7]+$/i,freeParseInt=parseInt;function toNumber(value){if("number"==typeof value)return value;if(isSymbol(value))return NAN;if(isObject(value)){var other="function"==typeof value.valueOf?value.valueOf():value;value=isObject(other)?other+"":other}if("string"!=typeof value)return 0===value?value:+value;value=baseTrim(value);var isBinary=reIsBinary.test(value);return isBinary||reIsOctal.test(value)?freeParseInt(value.slice(2),isBinary?2:8):reIsBadHex.test(value)?NAN:+value}module.exports=toNumber}}]);</span></span></span></pre></td></tr></table></pre>
-                <div class='push'></div><!-- for sticky footer -->
-            </div><!-- /wrapper -->
-            <div class='footer quiet pad2 space-top1 center small'>
-                Code coverage generated by
-                <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-11-23T06:44:09.636Z
-            </div>
-        <script src="../../prettify.js"></script>
-        <script>
-            window.onload = function () {
-                prettyPrint();
-            };
-        </script>
-        <script src="../../sorter.js"></script>
-        <script src="../../block-navigation.js"></script>
-    </body>
-</html>