@proprioo/salatim 20.2.0 → 20.2.3

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 ## Changelog
 
+**20.2.3**
+
+    * Fix: Improve SVG display in BlockCheckIcon
+
+**20.2.2**
+
+    * Fix: Reduce padding for BlockCheckIcon on small devices
+
+**20.2.1**
+
+    * Fix: Target better css svg
+
 **20.2.0**
 
     * Feat: Add BlockCheckIcon

package/lib/index.js

@@ -1727,18 +1727,13 @@ function bw(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,
   align-items: center;
   cursor: pointer;
   background-color: white;
-  padding: ${oe(16)};
+  padding: ${oe(8)};
   color: ${ne.dark.base80};
 
   & + & {
     margin-top: ${oe(12)};
   }
 
-  svg {
-    height: ${oe(28)};
-    width: ${oe(28)};
-  }
-
   ${({checked:e})=>e&&n.css`
       ${_M} {
         color: ${ne.orange.base};
@@ -1748,6 +1743,8 @@ function bw(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,
     `};
 
   @media (min-width: ${m.xsmall}px) {
+    padding: ${oe(16)};
+
     & + & {
       margin: 0 0 0 ${oe(16)};
     }
@@ -1755,14 +1752,17 @@ function bw(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,
 `,_M=c.default.span`
   display: flex;
   align-items: center;
+  justify-content: center;
   border: ${oe(1)} solid ${ne.grey.base80};
   border-radius: ${xe.rounded};
   margin-bottom: ${oe(8)};
   transition: border 0.1s ease-in, background 0.2s ease-in;
+  height: ${oe(44)};
+  width: ${oe(44)};
 
-  svg {
-    height: ${oe(44)};
-    width: ${oe(44)};
+  > svg {
+    height: ${oe(24)};
+    width: ${oe(24)};
   }
 `;const OM=({fill:e})=>s.default.createElement("svg",{fill:"none",height:"32",viewBox:"0 0 32 32",width:"32",xmlns:"http://www.w3.org/2000/svg","data-test":"help-icon"},s.default.createElement("path",{d:"m18.456 15.4-.72.736c-.576.576-.936 1.064-.936 2.264h-1.6v-.4c0-.888.36-1.688.936-2.264l.992-1.008c.296-.288.472-.688.472-1.128 0-.888-.72-1.6-1.6-1.6-.4243 0-.8313.1685-1.1314.4686-.3.3001-.4686.707-.4686 1.1314h-1.6c0-.8487.3371-1.6627.9373-2.2628.6001-.6001 1.414-.9372 2.2627-.9372s1.6626.3371 2.2627.9372c.6002.6001.9373 1.4141.9373 2.2628 0 .704-.288 1.336-.744 1.8zm-1.656 6.2h-1.6v-1.6h1.6zm-.8-13.60003c-1.0506 0-2.0909.20693-3.0615.60896-.9706.40204-1.8525.99132-2.5954 1.73417-1.50025 1.5003-2.3431 3.5351-2.3431 5.6569 0 2.1217.84285 4.1565 2.3431 5.6568.7429.7429 1.6248 1.3322 2.5954 1.7342s2.0109.609 3.0615.609c2.1217 0 4.1566-.8429 5.6569-2.3432 1.5002-1.5003 2.3431-3.5351 2.3431-5.6568 0-4.424-3.6-8.00003-8-8.00003z",fill:e}));function PM(){return(PM=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}yl('.tooltip-container{--tooltipBackground:#fff;--tooltipBorder:silver;background-color:var(--tooltipBackground);border:1px solid var(--tooltipBorder);border-radius:3px;box-shadow:0 2px 4px rgba(0,0,0,.18);color:#000;display:flex;flex-direction:column;padding:.4rem;transition:opacity .3s;z-index:9999}.tooltip-arrow,.tooltip-container[data-popper-interactive=false]{pointer-events:none}.tooltip-arrow{height:1rem;position:absolute;width:1rem}.tooltip-arrow:after,.tooltip-arrow:before{border-style:solid;content:"";display:block;height:0;margin:auto;width:0}.tooltip-arrow:after{position:absolute}.tooltip-container[data-popper-placement*=bottom] .tooltip-arrow{left:0;margin-top:-.4rem;top:0}.tooltip-container[data-popper-placement*=bottom] .tooltip-arrow:before{border-bottom-color:var(--tooltipBorder);border-left-color:transparent;border-right-color:transparent;border-top-color:transparent;border-width:0 .5rem .4rem;position:absolute;top:-1px}.tooltip-container[data-popper-placement*=bottom] .tooltip-arrow:after{border-bottom-color:var(--tooltipBackground);border-left-color:transparent;border-right-color:transparent;border-top-color:transparent;border-width:0 .5rem .4rem}.tooltip-container[data-popper-placement*=top] .tooltip-arrow{bottom:0;left:0;margin-bottom:-1rem}.tooltip-container[data-popper-placement*=top] .tooltip-arrow:before{border-bottom-color:transparent;border-left-color:transparent;border-right-color:transparent;border-top-color:var(--tooltipBorder);border-width:.4rem .5rem 0;position:absolute;top:1px}.tooltip-container[data-popper-placement*=top] .tooltip-arrow:after{border-bottom-color:transparent;border-left-color:transparent;border-right-color:transparent;border-top-color:var(--tooltipBackground);border-width:.4rem .5rem 0}.tooltip-container[data-popper-placement*=right] .tooltip-arrow{left:0;margin-left:-.7rem}.tooltip-container[data-popper-placement*=right] .tooltip-arrow:before{border-bottom-color:transparent;border-left-color:transparent;border-right-color:var(--tooltipBorder);border-top-color:transparent;border-width:.5rem .4rem .5rem 0}.tooltip-container[data-popper-placement*=right] .tooltip-arrow:after{border-bottom-color:transparent;border-left-color:transparent;border-right-color:var(--tooltipBackground);border-top-color:transparent;border-width:.5rem .4rem .5rem 0;left:6px;top:0}.tooltip-container[data-popper-placement*=left] .tooltip-arrow{margin-right:-.7rem;right:0}.tooltip-container[data-popper-placement*=left] .tooltip-arrow:before{border-bottom-color:transparent;border-left-color:var(--tooltipBorder);border-right-color:transparent;border-top-color:transparent;border-width:.5rem 0 .5rem .4em}.tooltip-container[data-popper-placement*=left] .tooltip-arrow:after{border-bottom-color:transparent;border-left-color:var(--tooltipBackground);border-right-color:transparent;border-top-color:transparent;border-width:.5rem 0 .5rem .4em;left:3px;top:0}');var SM=function(e){return e.reduce((function(e,t){var r=t[0],n=t[1];return e[r]=n,e}),{})},kM="undefined"!=typeof window&&window.document&&window.document.createElement?d.useLayoutEffect:d.useEffect,CM="top",EM="bottom",DM="right",MM="left",AM=[CM,EM,DM,MM],IM=AM.reduce((function(e,t){return e.concat([t+"-start",t+"-end"])}),[]),TM=[].concat(AM,["auto"]).reduce((function(e,t){return e.concat([t,t+"-start",t+"-end"])}),[]),NM=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function jM(e){return e?(e.nodeName||"").toLowerCase():null}function FM(e){if(null==e)return window;if("[object Window]"!==e.toString()){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function RM(e){return e instanceof FM(e).Element||e instanceof Element}function LM(e){return e instanceof FM(e).HTMLElement||e instanceof HTMLElement}function BM(e){return"undefined"!=typeof ShadowRoot&&(e instanceof FM(e).ShadowRoot||e instanceof ShadowRoot)}var zM={name:"applyStyles",enabled:!0,phase:"write",fn:function(e){var t=e.state;Object.keys(t.elements).forEach((function(e){var r=t.styles[e]||{},n=t.attributes[e]||{},o=t.elements[e];LM(o)&&jM(o)&&(Object.assign(o.style,r),Object.keys(n).forEach((function(e){var t=n[e];!1===t?o.removeAttribute(e):o.setAttribute(e,!0===t?"":t)})))}))},effect:function(e){var t=e.state,r={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(t.elements.popper.style,r.popper),t.styles=r,t.elements.arrow&&Object.assign(t.elements.arrow.style,r.arrow),function(){Object.keys(t.elements).forEach((function(e){var n=t.elements[e],o=t.attributes[e]||{},a=Object.keys(t.styles.hasOwnProperty(e)?t.styles[e]:r[e]).reduce((function(e,t){return e[t]="",e}),{});LM(n)&&jM(n)&&(Object.assign(n.style,a),Object.keys(o).forEach((function(e){n.removeAttribute(e)})))}))}},requires:["computeStyles"]};function HM(e){return e.split("-")[0]}var GM=Math.max,UM=Math.min,WM=Math.round;function KM(e,t){void 0===t&&(t=!1);var r=e.getBoundingClientRect(),n=1,o=1;if(LM(e)&&t){var a=e.offsetHeight,i=e.offsetWidth;i>0&&(n=WM(r.width)/i||1),a>0&&(o=WM(r.height)/a||1)}return{width:r.width/n,height:r.height/o,top:r.top/o,right:r.right/n,bottom:r.bottom/o,left:r.left/n,x:r.left/n,y:r.top/o}}function VM(e){var t=KM(e),r=e.offsetWidth,n=e.offsetHeight;return Math.abs(t.width-r)<=1&&(r=t.width),Math.abs(t.height-n)<=1&&(n=t.height),{x:e.offsetLeft,y:e.offsetTop,width:r,height:n}}function qM(e,t){var r=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(r&&BM(r)){var n=t;do{if(n&&e.isSameNode(n))return!0;n=n.parentNode||n.host}while(n)}return!1}function YM(e){return FM(e).getComputedStyle(e)}function ZM(e){return["table","td","th"].indexOf(jM(e))>=0}function JM(e){return((RM(e)?e.ownerDocument:e.document)||window.document).documentElement}function XM(e){return"html"===jM(e)?e:e.assignedSlot||e.parentNode||(BM(e)?e.host:null)||JM(e)}function QM(e){return LM(e)&&"fixed"!==YM(e).position?e.offsetParent:null}function eA(e){for(var t=FM(e),r=QM(e);r&&ZM(r)&&"static"===YM(r).position;)r=QM(r);return r&&("html"===jM(r)||"body"===jM(r)&&"static"===YM(r).position)?t:r||function(e){var t=-1!==navigator.userAgent.toLowerCase().indexOf("firefox");if(-1!==navigator.userAgent.indexOf("Trident")&&LM(e)&&"fixed"===YM(e).position)return null;for(var r=XM(e);LM(r)&&["html","body"].indexOf(jM(r))<0;){var n=YM(r);if("none"!==n.transform||"none"!==n.perspective||"paint"===n.contain||-1!==["transform","perspective"].indexOf(n.willChange)||t&&"filter"===n.willChange||t&&n.filter&&"none"!==n.filter)return r;r=r.parentNode}return null}(e)||t}function tA(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function rA(e,t,r){return GM(e,UM(t,r))}function nA(e){return Object.assign({},{top:0,right:0,bottom:0,left:0},e)}function oA(e,t){return t.reduce((function(t,r){return t[r]=e,t}),{})}function aA(e){return e.split("-")[1]}var iA={top:"auto",right:"auto",bottom:"auto",left:"auto"};function lA(e){var t,r=e.popper,n=e.popperRect,o=e.placement,a=e.variation,i=e.offsets,l=e.position,u=e.gpuAcceleration,s=e.adaptive,d=e.roundOffsets,c=e.isFixed,f=!0===d?function(e){var t=e.x,r=e.y,n=window.devicePixelRatio||1;return{x:WM(t*n)/n||0,y:WM(r*n)/n||0}}(i):"function"==typeof d?d(i):i,p=f.x,h=void 0===p?0:p,y=f.y,b=void 0===y?0:y,g=i.hasOwnProperty("x"),m=i.hasOwnProperty("y"),v=MM,$=CM,w=window;if(s){var x=eA(r),_="clientHeight",O="clientWidth";if(x===FM(r)&&"static"!==YM(x=JM(r)).position&&"absolute"===l&&(_="scrollHeight",O="scrollWidth"),x=x,o===CM||(o===MM||o===DM)&&"end"===a)$=EM,b-=(c&&w.visualViewport?w.visualViewport.height:x[_])-n.height,b*=u?1:-1;if(o===MM||(o===CM||o===EM)&&"end"===a)v=DM,h-=(c&&w.visualViewport?w.visualViewport.width:x[O])-n.width,h*=u?1:-1}var P,S=Object.assign({position:l},s&&iA);return u?Object.assign({},S,((P={})[$]=m?"0":"",P[v]=g?"0":"",P.transform=(w.devicePixelRatio||1)<=1?"translate("+h+"px, "+b+"px)":"translate3d("+h+"px, "+b+"px, 0)",P)):Object.assign({},S,((t={})[$]=m?b+"px":"",t[v]=g?h+"px":"",t.transform="",t))}var uA={passive:!0};var sA={left:"right",right:"left",bottom:"top",top:"bottom"};function dA(e){return e.replace(/left|right|bottom|top/g,(function(e){return sA[e]}))}var cA={start:"end",end:"start"};function fA(e){return e.replace(/start|end/g,(function(e){return cA[e]}))}function pA(e){var t=FM(e);return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function hA(e){return KM(JM(e)).left+pA(e).scrollLeft}function yA(e){var t=YM(e),r=t.overflow,n=t.overflowX,o=t.overflowY;return/auto|scroll|overlay|hidden/.test(r+o+n)}function bA(e){return["html","body","#document"].indexOf(jM(e))>=0?e.ownerDocument.body:LM(e)&&yA(e)?e:bA(XM(e))}function gA(e,t){var r;void 0===t&&(t=[]);var n=bA(e),o=n===(null==(r=e.ownerDocument)?void 0:r.body),a=FM(n),i=o?[a].concat(a.visualViewport||[],yA(n)?n:[]):n,l=t.concat(i);return o?l:l.concat(gA(XM(i)))}function mA(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function vA(e,t){return"viewport"===t?mA(function(e){var t=FM(e),r=JM(e),n=t.visualViewport,o=r.clientWidth,a=r.clientHeight,i=0,l=0;return n&&(o=n.width,a=n.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(i=n.offsetLeft,l=n.offsetTop)),{width:o,height:a,x:i+hA(e),y:l}}(e)):RM(t)?function(e){var t=KM(e);return t.top=t.top+e.clientTop,t.left=t.left+e.clientLeft,t.bottom=t.top+e.clientHeight,t.right=t.left+e.clientWidth,t.width=e.clientWidth,t.height=e.clientHeight,t.x=t.left,t.y=t.top,t}(t):mA(function(e){var t,r=JM(e),n=pA(e),o=null==(t=e.ownerDocument)?void 0:t.body,a=GM(r.scrollWidth,r.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),i=GM(r.scrollHeight,r.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),l=-n.scrollLeft+hA(e),u=-n.scrollTop;return"rtl"===YM(o||r).direction&&(l+=GM(r.clientWidth,o?o.clientWidth:0)-a),{width:a,height:i,x:l,y:u}}(JM(e)))}function $A(e,t,r){var n="clippingParents"===t?function(e){var t=gA(XM(e)),r=["absolute","fixed"].indexOf(YM(e).position)>=0,n=r&&LM(e)?eA(e):e;return RM(n)?t.filter((function(e){return RM(e)&&qM(e,n)&&"body"!==jM(e)&&(!r||"static"!==YM(e).position)})):[]}(e):[].concat(t),o=[].concat(n,[r]),a=o[0],i=o.reduce((function(t,r){var n=vA(e,r);return t.top=GM(n.top,t.top),t.right=UM(n.right,t.right),t.bottom=UM(n.bottom,t.bottom),t.left=GM(n.left,t.left),t}),vA(e,a));return i.width=i.right-i.left,i.height=i.bottom-i.top,i.x=i.left,i.y=i.top,i}function wA(e){var t,r=e.reference,n=e.element,o=e.placement,a=o?HM(o):null,i=o?aA(o):null,l=r.x+r.width/2-n.width/2,u=r.y+r.height/2-n.height/2;switch(a){case CM:t={x:l,y:r.y-n.height};break;case EM:t={x:l,y:r.y+r.height};break;case DM:t={x:r.x+r.width,y:u};break;case MM:t={x:r.x-n.width,y:u};break;default:t={x:r.x,y:r.y}}var s=a?tA(a):null;if(null!=s){var d="y"===s?"height":"width";switch(i){case"start":t[s]=t[s]-(r[d]/2-n[d]/2);break;case"end":t[s]=t[s]+(r[d]/2-n[d]/2)}}return t}function xA(e,t){void 0===t&&(t={});var r=t,n=r.placement,o=void 0===n?e.placement:n,a=r.boundary,i=void 0===a?"clippingParents":a,l=r.rootBoundary,u=void 0===l?"viewport":l,s=r.elementContext,d=void 0===s?"popper":s,c=r.altBoundary,f=void 0!==c&&c,p=r.padding,h=void 0===p?0:p,y=nA("number"!=typeof h?h:oA(h,AM)),b="popper"===d?"reference":"popper",g=e.rects.popper,m=e.elements[f?b:d],v=$A(RM(m)?m:m.contextElement||JM(e.elements.popper),i,u),$=KM(e.elements.reference),w=wA({reference:$,element:g,strategy:"absolute",placement:o}),x=mA(Object.assign({},g,w)),_="popper"===d?x:$,O={top:v.top-_.top+y.top,bottom:_.bottom-v.bottom+y.bottom,left:v.left-_.left+y.left,right:_.right-v.right+y.right},P=e.modifiersData.offset;if("popper"===d&&P){var S=P[o];Object.keys(O).forEach((function(e){var t=[DM,EM].indexOf(e)>=0?1:-1,r=[CM,EM].indexOf(e)>=0?"y":"x";O[e]+=S[r]*t}))}return O}function _A(e,t){void 0===t&&(t={});var r=t,n=r.placement,o=r.boundary,a=r.rootBoundary,i=r.padding,l=r.flipVariations,u=r.allowedAutoPlacements,s=void 0===u?TM:u,d=aA(n),c=d?l?IM:IM.filter((function(e){return aA(e)===d})):AM,f=c.filter((function(e){return s.indexOf(e)>=0}));0===f.length&&(f=c,"production"!==process.env.NODE_ENV&&console.error(["Popper: The `allowedAutoPlacements` option did not allow any","placements. Ensure the `placement` option matches the variation","of the allowed placements.",'For example, "auto" cannot be used to allow "bottom-start".','Use "auto-start" instead.'].join(" ")));var p=f.reduce((function(t,r){return t[r]=xA(e,{placement:r,boundary:o,rootBoundary:a,padding:i})[HM(r)],t}),{});return Object.keys(p).sort((function(e,t){return p[e]-p[t]}))}function OA(e,t,r){return void 0===r&&(r={x:0,y:0}),{top:e.top-t.height-r.y,right:e.right-t.width+r.x,bottom:e.bottom-t.height+r.y,left:e.left-t.width-r.x}}function PA(e){return[CM,DM,EM,MM].some((function(t){return e[t]>=0}))}function SA(e,t,r){void 0===r&&(r=!1);var n,o,a=LM(t),i=LM(t)&&function(e){var t=e.getBoundingClientRect(),r=WM(t.width)/e.offsetWidth||1,n=WM(t.height)/e.offsetHeight||1;return 1!==r||1!==n}(t),l=JM(t),u=KM(e,i),s={scrollLeft:0,scrollTop:0},d={x:0,y:0};return(a||!a&&!r)&&(("body"!==jM(t)||yA(l))&&(s=(n=t)!==FM(n)&&LM(n)?{scrollLeft:(o=n).scrollLeft,scrollTop:o.scrollTop}:pA(n)),LM(t)?((d=KM(t,!0)).x+=t.clientLeft,d.y+=t.clientTop):l&&(d.x=hA(l))),{x:u.left+s.scrollLeft-d.x,y:u.top+s.scrollTop-d.y,width:u.width,height:u.height}}function kA(e){var t=new Map,r=new Set,n=[];function o(e){r.add(e.name),[].concat(e.requires||[],e.requiresIfExists||[]).forEach((function(e){if(!r.has(e)){var n=t.get(e);n&&o(n)}})),n.push(e)}return e.forEach((function(e){t.set(e.name,e)})),e.forEach((function(e){r.has(e.name)||o(e)})),n}function CA(e){for(var t=arguments.length,r=new Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];return[].concat(r).reduce((function(e,t){return e.replace(/%s/,t)}),e)}var EA='Popper: modifier "%s" provided an invalid %s property, expected %s but got %s',DA=["name","enabled","phase","fn","effect","requires","options"];var MA="Popper: Invalid reference or popper argument provided. They must be either a DOM element or virtual element.",AA={placement:"bottom",modifiers:[],strategy:"absolute"};function IA(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return!t.some((function(e){return!(e&&"function"==typeof e.getBoundingClientRect)}))}function TA(e){void 0===e&&(e={});var t=e,r=t.defaultModifiers,n=void 0===r?[]:r,o=t.defaultOptions,a=void 0===o?AA:o;return function(e,t,r){void 0===r&&(r=a);var o,i,l={placement:"bottom",orderedModifiers:[],options:Object.assign({},AA,a),modifiersData:{},elements:{reference:e,popper:t},attributes:{},styles:{}},u=[],s=!1,d={state:l,setOptions:function(r){var o="function"==typeof r?r(l.options):r;c(),l.options=Object.assign({},a,l.options,o),l.scrollParents={reference:RM(e)?gA(e):e.contextElement?gA(e.contextElement):[],popper:gA(t)};var i,s,f,p=function(e){var t=kA(e);return NM.reduce((function(e,r){return e.concat(t.filter((function(e){return e.phase===r})))}),[])}(function(e){var t=e.reduce((function(e,t){var r=e[t.name];return e[t.name]=r?Object.assign({},r,t,{options:Object.assign({},r.options,t.options),data:Object.assign({},r.data,t.data)}):t,e}),{});return Object.keys(t).map((function(e){return t[e]}))}([].concat(n,l.options.modifiers)));if(l.orderedModifiers=p.filter((function(e){return e.enabled})),"production"!==process.env.NODE_ENV){if(function(e){e.forEach((function(t){[].concat(Object.keys(t),DA).filter((function(e,t,r){return r.indexOf(e)===t})).forEach((function(r){switch(r){case"name":"string"!=typeof t.name&&console.error(CA(EA,String(t.name),'"name"','"string"','"'+String(t.name)+'"'));break;case"enabled":"boolean"!=typeof t.enabled&&console.error(CA(EA,t.name,'"enabled"','"boolean"','"'+String(t.enabled)+'"'));break;case"phase":NM.indexOf(t.phase)<0&&console.error(CA(EA,t.name,'"phase"',"either "+NM.join(", "),'"'+String(t.phase)+'"'));break;case"fn":"function"!=typeof t.fn&&console.error(CA(EA,t.name,'"fn"','"function"','"'+String(t.fn)+'"'));break;case"effect":null!=t.effect&&"function"!=typeof t.effect&&console.error(CA(EA,t.name,'"effect"','"function"','"'+String(t.fn)+'"'));break;case"requires":null==t.requires||Array.isArray(t.requires)||console.error(CA(EA,t.name,'"requires"','"array"','"'+String(t.requires)+'"'));break;case"requiresIfExists":Array.isArray(t.requiresIfExists)||console.error(CA(EA,t.name,'"requiresIfExists"','"array"','"'+String(t.requiresIfExists)+'"'));break;case"options":case"data":break;default:console.error('PopperJS: an invalid property has been provided to the "'+t.name+'" modifier, valid properties are '+DA.map((function(e){return'"'+e+'"'})).join(", ")+'; but "'+r+'" was provided.')}t.requires&&t.requires.forEach((function(r){null==e.find((function(e){return e.name===r}))&&console.error(CA('Popper: modifier "%s" requires "%s", but "%s" modifier is not available',String(t.name),r,r))}))}))}))}((i=[].concat(p,l.options.modifiers),s=function(e){return e.name},f=new Set,i.filter((function(e){var t=s(e);if(!f.has(t))return f.add(t),!0})))),"auto"===HM(l.options.placement))l.orderedModifiers.find((function(e){return"flip"===e.name}))||console.error(['Popper: "auto" placements require the "flip" modifier be',"present and enabled to work."].join(" "));var h=YM(t);[h.marginTop,h.marginRight,h.marginBottom,h.marginLeft].some((function(e){return parseFloat(e)}))&&console.warn(['Popper: CSS "margin" styles cannot be used to apply padding',"between the popper and its reference element or boundary.","To replicate margin, use the `offset` modifier, as well as","the `padding` option in the `preventOverflow` and `flip`","modifiers."].join(" "))}return l.orderedModifiers.forEach((function(e){var t=e.name,r=e.options,n=void 0===r?{}:r,o=e.effect;if("function"==typeof o){var a=o({state:l,name:t,instance:d,options:n}),i=function(){};u.push(a||i)}})),d.update()},forceUpdate:function(){if(!s){var e=l.elements,t=e.reference,r=e.popper;if(IA(t,r)){l.rects={reference:SA(t,eA(r),"fixed"===l.options.strategy),popper:VM(r)},l.reset=!1,l.placement=l.options.placement,l.orderedModifiers.forEach((function(e){return l.modifiersData[e.name]=Object.assign({},e.data)}));for(var n=0,o=0;o<l.orderedModifiers.length;o++){if("production"!==process.env.NODE_ENV&&(n+=1)>100){console.error("Popper: An infinite loop in the modifiers cycle has been detected! The cycle has been interrupted to prevent a browser crash.");break}if(!0!==l.reset){var a=l.orderedModifiers[o],i=a.fn,u=a.options,c=void 0===u?{}:u,f=a.name;"function"==typeof i&&(l=i({state:l,options:c,name:f,instance:d})||l)}else l.reset=!1,o=-1}}else"production"!==process.env.NODE_ENV&&console.error(MA)}},update:(o=function(){return new Promise((function(e){d.forceUpdate(),e(l)}))},function(){return i||(i=new Promise((function(e){Promise.resolve().then((function(){i=void 0,e(o())}))}))),i}),destroy:function(){c(),s=!0}};if(!IA(e,t))return"production"!==process.env.NODE_ENV&&console.error(MA),d;function c(){u.forEach((function(e){return e()})),u=[]}return d.setOptions(r).then((function(e){!s&&r.onFirstUpdate&&r.onFirstUpdate(e)})),d}}var NA=TA({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(e){var t=e.state,r=e.instance,n=e.options,o=n.scroll,a=void 0===o||o,i=n.resize,l=void 0===i||i,u=FM(t.elements.popper),s=[].concat(t.scrollParents.reference,t.scrollParents.popper);return a&&s.forEach((function(e){e.addEventListener("scroll",r.update,uA)})),l&&u.addEventListener("resize",r.update,uA),function(){a&&s.forEach((function(e){e.removeEventListener("scroll",r.update,uA)})),l&&u.removeEventListener("resize",r.update,uA)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(e){var t=e.state,r=e.name;t.modifiersData[r]=wA({reference:t.rects.reference,element:t.rects.popper,strategy:"absolute",placement:t.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(e){var t=e.state,r=e.options,n=r.gpuAcceleration,o=void 0===n||n,a=r.adaptive,i=void 0===a||a,l=r.roundOffsets,u=void 0===l||l;if("production"!==process.env.NODE_ENV){var s=YM(t.elements.popper).transitionProperty||"";i&&["transform","top","right","bottom","left"].some((function(e){return s.indexOf(e)>=0}))&&console.warn(["Popper: Detected CSS transitions on at least one of the following",'CSS properties: "transform", "top", "right", "bottom", "left".',"\n\n",'Disable the "computeStyles" modifier\'s `adaptive` option to allow',"for smooth transitions, or remove these properties from the CSS","transition declaration on the popper element if only transitioning","opacity or background-color for example.","\n\n","We recommend using the popper element as a wrapper around an inner","element that can have any CSS property transitioned for animations."].join(" "))}var d={placement:HM(t.placement),variation:aA(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:o,isFixed:"fixed"===t.options.strategy};null!=t.modifiersData.popperOffsets&&(t.styles.popper=Object.assign({},t.styles.popper,lA(Object.assign({},d,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:i,roundOffsets:u})))),null!=t.modifiersData.arrow&&(t.styles.arrow=Object.assign({},t.styles.arrow,lA(Object.assign({},d,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:u})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})},data:{}},zM,{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(e){var t=e.state,r=e.options,n=e.name,o=r.offset,a=void 0===o?[0,0]:o,i=TM.reduce((function(e,r){return e[r]=function(e,t,r){var n=HM(e),o=[MM,CM].indexOf(n)>=0?-1:1,a="function"==typeof r?r(Object.assign({},t,{placement:e})):r,i=a[0],l=a[1];return i=i||0,l=(l||0)*o,[MM,DM].indexOf(n)>=0?{x:l,y:i}:{x:i,y:l}}(r,t.rects,a),e}),{}),l=i[t.placement],u=l.x,s=l.y;null!=t.modifiersData.popperOffsets&&(t.modifiersData.popperOffsets.x+=u,t.modifiersData.popperOffsets.y+=s),t.modifiersData[n]=i}},{name:"flip",enabled:!0,phase:"main",fn:function(e){var t=e.state,r=e.options,n=e.name;if(!t.modifiersData[n]._skip){for(var o=r.mainAxis,a=void 0===o||o,i=r.altAxis,l=void 0===i||i,u=r.fallbackPlacements,s=r.padding,d=r.boundary,c=r.rootBoundary,f=r.altBoundary,p=r.flipVariations,h=void 0===p||p,y=r.allowedAutoPlacements,b=t.options.placement,g=HM(b),m=u||(g===b||!h?[dA(b)]:function(e){if("auto"===HM(e))return[];var t=dA(e);return[fA(e),t,fA(t)]}(b)),v=[b].concat(m).reduce((function(e,r){return e.concat("auto"===HM(r)?_A(t,{placement:r,boundary:d,rootBoundary:c,padding:s,flipVariations:h,allowedAutoPlacements:y}):r)}),[]),$=t.rects.reference,w=t.rects.popper,x=new Map,_=!0,O=v[0],P=0;P<v.length;P++){var S=v[P],k=HM(S),C="start"===aA(S),E=[CM,EM].indexOf(k)>=0,D=E?"width":"height",M=xA(t,{placement:S,boundary:d,rootBoundary:c,altBoundary:f,padding:s}),A=E?C?DM:MM:C?EM:CM;$[D]>w[D]&&(A=dA(A));var I=dA(A),T=[];if(a&&T.push(M[k]<=0),l&&T.push(M[A]<=0,M[I]<=0),T.every((function(e){return e}))){O=S,_=!1;break}x.set(S,T)}if(_)for(var N=function(e){var t=v.find((function(t){var r=x.get(t);if(r)return r.slice(0,e).every((function(e){return e}))}));if(t)return O=t,"break"},j=h?3:1;j>0;j--){if("break"===N(j))break}t.placement!==O&&(t.modifiersData[n]._skip=!0,t.placement=O,t.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}},{name:"preventOverflow",enabled:!0,phase:"main",fn:function(e){var t=e.state,r=e.options,n=e.name,o=r.mainAxis,a=void 0===o||o,i=r.altAxis,l=void 0!==i&&i,u=r.boundary,s=r.rootBoundary,d=r.altBoundary,c=r.padding,f=r.tether,p=void 0===f||f,h=r.tetherOffset,y=void 0===h?0:h,b=xA(t,{boundary:u,rootBoundary:s,padding:c,altBoundary:d}),g=HM(t.placement),m=aA(t.placement),v=!m,$=tA(g),w="x"===$?"y":"x",x=t.modifiersData.popperOffsets,_=t.rects.reference,O=t.rects.popper,P="function"==typeof y?y(Object.assign({},t.rects,{placement:t.placement})):y,S="number"==typeof P?{mainAxis:P,altAxis:P}:Object.assign({mainAxis:0,altAxis:0},P),k=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null,C={x:0,y:0};if(x){if(a){var E,D="y"===$?CM:MM,M="y"===$?EM:DM,A="y"===$?"height":"width",I=x[$],T=I+b[D],N=I-b[M],j=p?-O[A]/2:0,F="start"===m?_[A]:O[A],R="start"===m?-O[A]:-_[A],L=t.elements.arrow,B=p&&L?VM(L):{width:0,height:0},z=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},H=z[D],G=z[M],U=rA(0,_[A],B[A]),W=v?_[A]/2-j-U-H-S.mainAxis:F-U-H-S.mainAxis,K=v?-_[A]/2+j+U+G+S.mainAxis:R+U+G+S.mainAxis,V=t.elements.arrow&&eA(t.elements.arrow),q=V?"y"===$?V.clientTop||0:V.clientLeft||0:0,Y=null!=(E=null==k?void 0:k[$])?E:0,Z=I+K-Y,J=rA(p?UM(T,I+W-Y-q):T,I,p?GM(N,Z):N);x[$]=J,C[$]=J-I}if(l){var X,Q="x"===$?CM:MM,ee="x"===$?EM:DM,te=x[w],re="y"===w?"height":"width",ne=te+b[Q],oe=te-b[ee],ae=-1!==[CM,MM].indexOf(g),ie=null!=(X=null==k?void 0:k[w])?X:0,le=ae?ne:te-_[re]-O[re]-ie+S.altAxis,ue=ae?te+_[re]+O[re]-ie-S.altAxis:oe,se=p&&ae?function(e,t,r){var n=rA(e,t,r);return n>r?r:n}(le,te,ue):rA(p?le:ne,te,p?ue:oe);x[w]=se,C[w]=se-te}t.modifiersData[n]=C}},requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:function(e){var t,r=e.state,n=e.name,o=e.options,a=r.elements.arrow,i=r.modifiersData.popperOffsets,l=HM(r.placement),u=tA(l),s=[MM,DM].indexOf(l)>=0?"height":"width";if(a&&i){var d=function(e,t){return nA("number"!=typeof(e="function"==typeof e?e(Object.assign({},t.rects,{placement:t.placement})):e)?e:oA(e,AM))}(o.padding,r),c=VM(a),f="y"===u?CM:MM,p="y"===u?EM:DM,h=r.rects.reference[s]+r.rects.reference[u]-i[u]-r.rects.popper[s],y=i[u]-r.rects.reference[u],b=eA(a),g=b?"y"===u?b.clientHeight||0:b.clientWidth||0:0,m=h/2-y/2,v=d[f],$=g-c[s]-d[p],w=g/2-c[s]/2+m,x=rA(v,w,$),_=u;r.modifiersData[n]=((t={})[_]=x,t.centerOffset=x-w,t)}},effect:function(e){var t=e.state,r=e.options.element,n=void 0===r?"[data-popper-arrow]":r;null!=n&&("string"!=typeof n||(n=t.elements.popper.querySelector(n)))&&("production"!==process.env.NODE_ENV&&(LM(n)||console.error(['Popper: "arrow" element must be an HTMLElement (not an SVGElement).',"To use an SVG arrow, wrap it in an HTMLElement that will be used as","the arrow."].join(" "))),qM(t.elements.popper,n)?t.elements.arrow=n:"production"!==process.env.NODE_ENV&&console.error(['Popper: "arrow" modifier\'s `element` must be a child of the popper',"element."].join(" ")))},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(e){var t=e.state,r=e.name,n=t.rects.reference,o=t.rects.popper,a=t.modifiersData.preventOverflow,i=xA(t,{elementContext:"reference"}),l=xA(t,{altBoundary:!0}),u=OA(i,n),s=OA(l,o,a),d=PA(u),c=PA(s);t.modifiersData[r]={referenceClippingOffsets:u,popperEscapeOffsets:s,isReferenceHidden:d,hasPopperEscaped:c},t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":d,"data-popper-escaped":c})}}]}),jA="undefined"!=typeof Element,FA="function"==typeof Map,RA="function"==typeof Set,LA="function"==typeof ArrayBuffer&&!!ArrayBuffer.isView;function BA(e,t){if(e===t)return!0;if(e&&t&&"object"==typeof e&&"object"==typeof t){if(e.constructor!==t.constructor)return!1;var r,n,o,a;if(Array.isArray(e)){if((r=e.length)!=t.length)return!1;for(n=r;0!=n--;)if(!BA(e[n],t[n]))return!1;return!0}if(FA&&e instanceof Map&&t instanceof Map){if(e.size!==t.size)return!1;for(a=e.entries();!(n=a.next()).done;)if(!t.has(n.value[0]))return!1;for(a=e.entries();!(n=a.next()).done;)if(!BA(n.value[1],t.get(n.value[0])))return!1;return!0}if(RA&&e instanceof Set&&t instanceof Set){if(e.size!==t.size)return!1;for(a=e.entries();!(n=a.next()).done;)if(!t.has(n.value[0]))return!1;return!0}if(LA&&ArrayBuffer.isView(e)&&ArrayBuffer.isView(t)){if((r=e.length)!=t.length)return!1;for(n=r;0!=n--;)if(e[n]!==t[n])return!1;return!0}if(e.constructor===RegExp)return e.source===t.source&&e.flags===t.flags;if(e.valueOf!==Object.prototype.valueOf)return e.valueOf()===t.valueOf();if(e.toString!==Object.prototype.toString)return e.toString()===t.toString();if((r=(o=Object.keys(e)).length)!==Object.keys(t).length)return!1;for(n=r;0!=n--;)if(!Object.prototype.hasOwnProperty.call(t,o[n]))return!1;if(jA&&e instanceof Element)return!1;for(n=r;0!=n--;)if(("_owner"!==o[n]&&"__v"!==o[n]&&"__o"!==o[n]||!e.$$typeof)&&!BA(e[o[n]],t[o[n]]))return!1;return!0}return e!=e&&t!=t}var zA=function(e,t){try{return BA(e,t)}catch(e){if((e.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw e}},HA=[];function GA(e){var t=d.useRef(e);return t.current=e,d.useCallback((function(){return t.current}),[])}var UA=function(){};function WA(e,t){return void 0===e&&(e=0),void 0===t&&(t=0),function(){return{width:0,height:0,top:t,right:e,bottom:t,left:e,x:0,y:0,toJSON:function(){return null}}}}var KA=["styles","attributes"],VA={getBoundingClientRect:WA()},qA={closeOnOutsideClick:!0,closeOnTriggerHidden:!1,defaultVisible:!1,delayHide:0,delayShow:0,followCursor:!1,interactive:!1,mutationObserverOptions:{attributes:!0,childList:!0,subtree:!0},offset:[0,6],trigger:"hover"};function YA(e,t){var r,n,o;void 0===e&&(e={}),void 0===t&&(t={});var a=Object.keys(qA).reduce((function(e,t){var r;return PM({},e,((r={})[t]=void 0!==e[t]?e[t]:qA[t],r))}),e),i=d.useMemo((function(){return[{name:"offset",options:{offset:a.offset}}]}),Array.isArray(a.offset)?a.offset:[]),l=PM({},t,{placement:t.placement||a.placement,modifiers:t.modifiers||i}),u=d.useState(null),s=u[0],c=u[1],f=d.useState(null),p=f[0],h=f[1],y=function(e){var t=e.initial,r=e.value,n=e.onChange,o=void 0===n?UA:n;if(void 0===t&&void 0===r)throw new TypeError('Either "value" or "initial" variable must be set. Now both are undefined');var a=d.useState(t),i=a[0],l=a[1],u=GA(i),s=d.useCallback((function(e){var t=u(),r="function"==typeof e?e(t):e;"function"==typeof r.persist&&r.persist(),l(r),"function"==typeof o&&o(r)}),[u,o]),c=void 0!==r;return[c?r:i,c?o:s]}({initial:a.defaultVisible,value:a.visible,onChange:a.onVisibleChange}),b=y[0],g=y[1],m=d.useRef();d.useEffect((function(){return function(){return clearTimeout(m.current)}}),[]);var v=function(e,t,r){void 0===r&&(r={});var n=d.useRef(null),o={onFirstUpdate:r.onFirstUpdate,placement:r.placement||"bottom",strategy:r.strategy||"absolute",modifiers:r.modifiers||HA},a=d.useState({styles:{popper:{position:o.strategy,left:"0",top:"0"},arrow:{position:"absolute"}},attributes:{}}),i=a[0],l=a[1],u=d.useMemo((function(){return{name:"updateState",enabled:!0,phase:"write",fn:function(e){var t=e.state,r=Object.keys(t.elements);l({styles:SM(r.map((function(e){return[e,t.styles[e]||{}]}))),attributes:SM(r.map((function(e){return[e,t.attributes[e]]})))})},requires:["computeStyles"]}}),[]),s=d.useMemo((function(){var e={onFirstUpdate:o.onFirstUpdate,placement:o.placement,strategy:o.strategy,modifiers:[].concat(o.modifiers,[u,{name:"applyStyles",enabled:!1}])};return zA(n.current,e)?n.current||e:(n.current=e,e)}),[o.onFirstUpdate,o.placement,o.strategy,o.modifiers,u]),c=d.useRef();return kM((function(){c.current&&c.current.setOptions(s)}),[s]),kM((function(){if(null!=e&&null!=t){var n=(r.createPopper||NA)(e,t,s);return c.current=n,function(){n.destroy(),c.current=null}}}),[e,t,r.createPopper]),{state:c.current?c.current.state:null,styles:i.styles,attributes:i.attributes,update:c.current?c.current.update:null,forceUpdate:c.current?c.current.forceUpdate:null}}(a.followCursor?VA:s,p,l),$=v.styles,w=v.attributes,x=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(v,KA),_=x.update,O=GA({visible:b,triggerRef:s,tooltipRef:p,finalConfig:a}),P=d.useCallback((function(e){return Array.isArray(a.trigger)?a.trigger.includes(e):a.trigger===e}),Array.isArray(a.trigger)?a.trigger:[a.trigger]),S=d.useCallback((function(){clearTimeout(m.current),m.current=window.setTimeout((function(){return g(!1)}),a.delayHide)}),[a.delayHide,g]),k=d.useCallback((function(){clearTimeout(m.current),m.current=window.setTimeout((function(){return g(!0)}),a.delayShow)}),[a.delayShow,g]),C=d.useCallback((function(){O().visible?S():k()}),[O,S,k]);d.useEffect((function(){if(O().finalConfig.closeOnOutsideClick){var e=function(e){var t,r=O(),n=r.tooltipRef,o=r.triggerRef,a=(null==e.composedPath||null==(t=e.composedPath())?void 0:t[0])||e.target;a instanceof Node&&(null==n||null==o||n.contains(a)||o.contains(a)||S())};return document.addEventListener("mousedown",e),function(){return document.removeEventListener("mousedown",e)}}}),[O,S]),d.useEffect((function(){if(null!=s&&P("click"))return s.addEventListener("click",C),function(){return s.removeEventListener("click",C)}}),[s,P,C]),d.useEffect((function(){if(null!=s&&P("right-click")){var e=function(e){e.preventDefault(),C()};return s.addEventListener("contextmenu",e),function(){return s.removeEventListener("contextmenu",e)}}}),[s,P,C]),d.useEffect((function(){if(null!=s&&P("focus"))return s.addEventListener("focus",k),s.addEventListener("blur",S),function(){s.removeEventListener("focus",k),s.removeEventListener("blur",S)}}),[s,P,k,S]),d.useEffect((function(){if(null!=s&&P("hover"))return s.addEventListener("mouseenter",k),s.addEventListener("mouseleave",S),function(){s.removeEventListener("mouseenter",k),s.removeEventListener("mouseleave",S)}}),[s,P,k,S]),d.useEffect((function(){if(null!=p&&O().finalConfig.interactive)return p.addEventListener("mouseenter",k),p.addEventListener("mouseleave",S),function(){p.removeEventListener("mouseenter",k),p.removeEventListener("mouseleave",S)}}),[p,k,S,O]);var E=null==x||null==(r=x.state)||null==(n=r.modifiersData)||null==(o=n.hide)?void 0:o.isReferenceHidden;d.useEffect((function(){a.closeOnTriggerHidden&&E&&S()}),[a.closeOnTriggerHidden,S,E]),d.useEffect((function(){if(a.followCursor&&null!=s)return s.addEventListener("mousemove",e),function(){return s.removeEventListener("mousemove",e)};function e(e){var t=e.clientX,r=e.clientY;VA.getBoundingClientRect=WA(t,r),null==_||_()}}),[a.followCursor,s,_]),d.useEffect((function(){if(null!=p&&null!=_&&null!=a.mutationObserverOptions){var e=new MutationObserver(_);return e.observe(p,a.mutationObserverOptions),function(){return e.disconnect()}}}),[a.mutationObserverOptions,p,_]);return PM({getArrowProps:function(e){return void 0===e&&(e={}),PM({},e,w.arrow,{style:PM({},e.style,$.arrow),"data-popper-arrow":!0})},getTooltipProps:function(e){return void 0===e&&(e={}),PM({},e,{style:PM({},e.style,$.popper)},w.popper,{"data-popper-interactive":a.interactive})},setTooltipRef:h,setTriggerRef:c,tooltipRef:p,triggerRef:s,visible:b},x)}const ZA=c.default.div`
   .tooltip-container {