@storybook/components 7.0.0-rc.6 → 7.0.0-rc.8

package/dist/index.js

@@ -168,7 +168,7 @@ ${n}`}r.exports={isPragma:t,hasPragma:s,insertPragma:a}}}),jg=te({"src/language-
 
 `,'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.",`
 
-`,"We recommend using the popper element as a wrapper around an inner","element that can have any CSS property transitioned for animations."].join(" "))}var commonStyles={placement:getBasePlacement(state.placement),variation:getVariation(state.placement),popper:state.elements.popper,popperRect:state.rects.popper,gpuAcceleration,isFixed:state.options.strategy==="fixed"};state.modifiersData.popperOffsets!=null&&(state.styles.popper=Object.assign({},state.styles.popper,mapToStyles(Object.assign({},commonStyles,{offsets:state.modifiersData.popperOffsets,position:state.options.strategy,adaptive,roundOffsets})))),state.modifiersData.arrow!=null&&(state.styles.arrow=Object.assign({},state.styles.arrow,mapToStyles(Object.assign({},commonStyles,{offsets:state.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets})))),state.attributes.popper=Object.assign({},state.attributes.popper,{"data-popper-placement":state.placement})}var unsetSides,computeStyles_default,init_computeStyles=__esm({"../../node_modules/@popperjs/core/lib/modifiers/computeStyles.js"(){init_enums();init_getOffsetParent();init_getWindow();init_getDocumentElement();init_getComputedStyle();init_getBasePlacement();init_getVariation();init_math();unsetSides={top:"auto",right:"auto",bottom:"auto",left:"auto"};computeStyles_default={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:computeStyles,data:{}}}});function effect3(_ref){var state=_ref.state,instance=_ref.instance,options=_ref.options,_options$scroll=options.scroll,scroll=_options$scroll===void 0?!0:_options$scroll,_options$resize=options.resize,resize=_options$resize===void 0?!0:_options$resize,window2=getWindow(state.elements.popper),scrollParents=[].concat(state.scrollParents.reference,state.scrollParents.popper);return scroll&&scrollParents.forEach(function(scrollParent){scrollParent.addEventListener("scroll",instance.update,passive)}),resize&&window2.addEventListener("resize",instance.update,passive),function(){scroll&&scrollParents.forEach(function(scrollParent){scrollParent.removeEventListener("scroll",instance.update,passive)}),resize&&window2.removeEventListener("resize",instance.update,passive)}}var passive,eventListeners_default,init_eventListeners=__esm({"../../node_modules/@popperjs/core/lib/modifiers/eventListeners.js"(){init_getWindow();passive={passive:!0};eventListeners_default={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:effect3,data:{}}}});function getOppositePlacement(placement){return placement.replace(/left|right|bottom|top/g,function(matched){return hash[matched]})}var hash,init_getOppositePlacement=__esm({"../../node_modules/@popperjs/core/lib/utils/getOppositePlacement.js"(){hash={left:"right",right:"left",bottom:"top",top:"bottom"}}});function getOppositeVariationPlacement(placement){return placement.replace(/start|end/g,function(matched){return hash2[matched]})}var hash2,init_getOppositeVariationPlacement=__esm({"../../node_modules/@popperjs/core/lib/utils/getOppositeVariationPlacement.js"(){hash2={start:"end",end:"start"}}});function getWindowScroll(node){var win=getWindow(node),scrollLeft=win.pageXOffset,scrollTop=win.pageYOffset;return{scrollLeft,scrollTop}}var init_getWindowScroll=__esm({"../../node_modules/@popperjs/core/lib/dom-utils/getWindowScroll.js"(){init_getWindow()}});function getWindowScrollBarX(element){return getBoundingClientRect(getDocumentElement(element)).left+getWindowScroll(element).scrollLeft}var init_getWindowScrollBarX=__esm({"../../node_modules/@popperjs/core/lib/dom-utils/getWindowScrollBarX.js"(){init_getBoundingClientRect();init_getDocumentElement();init_getWindowScroll()}});function getViewportRect(element,strategy){var win=getWindow(element),html=getDocumentElement(element),visualViewport=win.visualViewport,width=html.clientWidth,height=html.clientHeight,x=0,y=0;if(visualViewport){width=visualViewport.width,height=visualViewport.height;var layoutViewport=isLayoutViewport();(layoutViewport||!layoutViewport&&strategy==="fixed")&&(x=visualViewport.offsetLeft,y=visualViewport.offsetTop)}return{width,height,x:x+getWindowScrollBarX(element),y}}var init_getViewportRect=__esm({"../../node_modules/@popperjs/core/lib/dom-utils/getViewportRect.js"(){init_getWindow();init_getDocumentElement();init_getWindowScrollBarX();init_isLayoutViewport()}});function getDocumentRect(element){var _element$ownerDocumen,html=getDocumentElement(element),winScroll=getWindowScroll(element),body=(_element$ownerDocumen=element.ownerDocument)==null?void 0:_element$ownerDocumen.body,width=max(html.scrollWidth,html.clientWidth,body?body.scrollWidth:0,body?body.clientWidth:0),height=max(html.scrollHeight,html.clientHeight,body?body.scrollHeight:0,body?body.clientHeight:0),x=-winScroll.scrollLeft+getWindowScrollBarX(element),y=-winScroll.scrollTop;return getComputedStyle2(body||html).direction==="rtl"&&(x+=max(html.clientWidth,body?body.clientWidth:0)-width),{width,height,x,y}}var init_getDocumentRect=__esm({"../../node_modules/@popperjs/core/lib/dom-utils/getDocumentRect.js"(){init_getDocumentElement();init_getComputedStyle();init_getWindowScrollBarX();init_getWindowScroll();init_math()}});function isScrollParent(element){var _getComputedStyle=getComputedStyle2(element),overflow=_getComputedStyle.overflow,overflowX=_getComputedStyle.overflowX,overflowY=_getComputedStyle.overflowY;return/auto|scroll|overlay|hidden/.test(overflow+overflowY+overflowX)}var init_isScrollParent=__esm({"../../node_modules/@popperjs/core/lib/dom-utils/isScrollParent.js"(){init_getComputedStyle()}});function getScrollParent(node){return["html","body","#document"].indexOf(getNodeName(node))>=0?node.ownerDocument.body:isHTMLElement(node)&&isScrollParent(node)?node:getScrollParent(getParentNode(node))}var init_getScrollParent=__esm({"../../node_modules/@popperjs/core/lib/dom-utils/getScrollParent.js"(){init_getParentNode();init_isScrollParent();init_getNodeName();init_instanceOf()}});function listScrollParents(element,list){var _element$ownerDocumen;list===void 0&&(list=[]);var scrollParent=getScrollParent(element),isBody=scrollParent===((_element$ownerDocumen=element.ownerDocument)==null?void 0:_element$ownerDocumen.body),win=getWindow(scrollParent),target=isBody?[win].concat(win.visualViewport||[],isScrollParent(scrollParent)?scrollParent:[]):scrollParent,updatedList=list.concat(target);return isBody?updatedList:updatedList.concat(listScrollParents(getParentNode(target)))}var init_listScrollParents=__esm({"../../node_modules/@popperjs/core/lib/dom-utils/listScrollParents.js"(){init_getScrollParent();init_getParentNode();init_getWindow();init_isScrollParent()}});function rectToClientRect(rect){return Object.assign({},rect,{left:rect.x,top:rect.y,right:rect.x+rect.width,bottom:rect.y+rect.height})}var init_rectToClientRect=__esm({"../../node_modules/@popperjs/core/lib/utils/rectToClientRect.js"(){}});function getInnerBoundingClientRect(element,strategy){var rect=getBoundingClientRect(element,!1,strategy==="fixed");return rect.top=rect.top+element.clientTop,rect.left=rect.left+element.clientLeft,rect.bottom=rect.top+element.clientHeight,rect.right=rect.left+element.clientWidth,rect.width=element.clientWidth,rect.height=element.clientHeight,rect.x=rect.left,rect.y=rect.top,rect}function getClientRectFromMixedType(element,clippingParent,strategy){return clippingParent===viewport?rectToClientRect(getViewportRect(element,strategy)):isElement(clippingParent)?getInnerBoundingClientRect(clippingParent,strategy):rectToClientRect(getDocumentRect(getDocumentElement(element)))}function getClippingParents(element){var clippingParents2=listScrollParents(getParentNode(element)),canEscapeClipping=["absolute","fixed"].indexOf(getComputedStyle2(element).position)>=0,clipperElement=canEscapeClipping&&isHTMLElement(element)?getOffsetParent(element):element;return isElement(clipperElement)?clippingParents2.filter(function(clippingParent){return isElement(clippingParent)&&contains(clippingParent,clipperElement)&&getNodeName(clippingParent)!=="body"}):[]}function getClippingRect(element,boundary,rootBoundary,strategy){var mainClippingParents=boundary==="clippingParents"?getClippingParents(element):[].concat(boundary),clippingParents2=[].concat(mainClippingParents,[rootBoundary]),firstClippingParent=clippingParents2[0],clippingRect=clippingParents2.reduce(function(accRect,clippingParent){var rect=getClientRectFromMixedType(element,clippingParent,strategy);return accRect.top=max(rect.top,accRect.top),accRect.right=min(rect.right,accRect.right),accRect.bottom=min(rect.bottom,accRect.bottom),accRect.left=max(rect.left,accRect.left),accRect},getClientRectFromMixedType(element,firstClippingParent,strategy));return clippingRect.width=clippingRect.right-clippingRect.left,clippingRect.height=clippingRect.bottom-clippingRect.top,clippingRect.x=clippingRect.left,clippingRect.y=clippingRect.top,clippingRect}var init_getClippingRect=__esm({"../../node_modules/@popperjs/core/lib/dom-utils/getClippingRect.js"(){init_enums();init_getViewportRect();init_getDocumentRect();init_listScrollParents();init_getOffsetParent();init_getDocumentElement();init_getComputedStyle();init_instanceOf();init_getBoundingClientRect();init_getParentNode();init_contains();init_getNodeName();init_rectToClientRect();init_math()}});function computeOffsets(_ref){var reference2=_ref.reference,element=_ref.element,placement=_ref.placement,basePlacement=placement?getBasePlacement(placement):null,variation=placement?getVariation(placement):null,commonX=reference2.x+reference2.width/2-element.width/2,commonY=reference2.y+reference2.height/2-element.height/2,offsets;switch(basePlacement){case top:offsets={x:commonX,y:reference2.y-element.height};break;case bottom:offsets={x:commonX,y:reference2.y+reference2.height};break;case right:offsets={x:reference2.x+reference2.width,y:commonY};break;case left:offsets={x:reference2.x-element.width,y:commonY};break;default:offsets={x:reference2.x,y:reference2.y}}var mainAxis=basePlacement?getMainAxisFromPlacement(basePlacement):null;if(mainAxis!=null){var len=mainAxis==="y"?"height":"width";switch(variation){case start:offsets[mainAxis]=offsets[mainAxis]-(reference2[len]/2-element[len]/2);break;case end:offsets[mainAxis]=offsets[mainAxis]+(reference2[len]/2-element[len]/2);break;default:}}return offsets}var init_computeOffsets=__esm({"../../node_modules/@popperjs/core/lib/utils/computeOffsets.js"(){init_getBasePlacement();init_getVariation();init_getMainAxisFromPlacement();init_enums()}});function detectOverflow(state,options){options===void 0&&(options={});var _options=options,_options$placement=_options.placement,placement=_options$placement===void 0?state.placement:_options$placement,_options$strategy=_options.strategy,strategy=_options$strategy===void 0?state.strategy:_options$strategy,_options$boundary=_options.boundary,boundary=_options$boundary===void 0?clippingParents:_options$boundary,_options$rootBoundary=_options.rootBoundary,rootBoundary=_options$rootBoundary===void 0?viewport:_options$rootBoundary,_options$elementConte=_options.elementContext,elementContext=_options$elementConte===void 0?popper:_options$elementConte,_options$altBoundary=_options.altBoundary,altBoundary=_options$altBoundary===void 0?!1:_options$altBoundary,_options$padding=_options.padding,padding=_options$padding===void 0?0:_options$padding,paddingObject=mergePaddingObject(typeof padding!="number"?padding:expandToHashMap(padding,basePlacements)),altContext=elementContext===popper?reference:popper,popperRect=state.rects.popper,element=state.elements[altBoundary?altContext:elementContext],clippingClientRect=getClippingRect(isElement(element)?element:element.contextElement||getDocumentElement(state.elements.popper),boundary,rootBoundary,strategy),referenceClientRect=getBoundingClientRect(state.elements.reference),popperOffsets2=computeOffsets({reference:referenceClientRect,element:popperRect,strategy:"absolute",placement}),popperClientRect=rectToClientRect(Object.assign({},popperRect,popperOffsets2)),elementClientRect=elementContext===popper?popperClientRect:referenceClientRect,overflowOffsets={top:clippingClientRect.top-elementClientRect.top+paddingObject.top,bottom:elementClientRect.bottom-clippingClientRect.bottom+paddingObject.bottom,left:clippingClientRect.left-elementClientRect.left+paddingObject.left,right:elementClientRect.right-clippingClientRect.right+paddingObject.right},offsetData=state.modifiersData.offset;if(elementContext===popper&&offsetData){var offset2=offsetData[placement];Object.keys(overflowOffsets).forEach(function(key){var multiply=[right,bottom].indexOf(key)>=0?1:-1,axis=[top,bottom].indexOf(key)>=0?"y":"x";overflowOffsets[key]+=offset2[axis]*multiply})}return overflowOffsets}var init_detectOverflow=__esm({"../../node_modules/@popperjs/core/lib/utils/detectOverflow.js"(){init_getClippingRect();init_getDocumentElement();init_getBoundingClientRect();init_computeOffsets();init_rectToClientRect();init_enums();init_instanceOf();init_mergePaddingObject();init_expandToHashMap()}});function computeAutoPlacement(state,options){options===void 0&&(options={});var _options=options,placement=_options.placement,boundary=_options.boundary,rootBoundary=_options.rootBoundary,padding=_options.padding,flipVariations=_options.flipVariations,_options$allowedAutoP=_options.allowedAutoPlacements,allowedAutoPlacements=_options$allowedAutoP===void 0?placements:_options$allowedAutoP,variation=getVariation(placement),placements2=variation?flipVariations?variationPlacements:variationPlacements.filter(function(placement2){return getVariation(placement2)===variation}):basePlacements,allowedPlacements=placements2.filter(function(placement2){return allowedAutoPlacements.indexOf(placement2)>=0});allowedPlacements.length===0&&(allowedPlacements=placements2,process.env.NODE_ENV!=="production"&&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 overflows=allowedPlacements.reduce(function(acc,placement2){return acc[placement2]=detectOverflow(state,{placement:placement2,boundary,rootBoundary,padding})[getBasePlacement(placement2)],acc},{});return Object.keys(overflows).sort(function(a,b){return overflows[a]-overflows[b]})}var init_computeAutoPlacement=__esm({"../../node_modules/@popperjs/core/lib/utils/computeAutoPlacement.js"(){init_getVariation();init_enums();init_detectOverflow();init_getBasePlacement()}});function getExpandedFallbackPlacements(placement){if(getBasePlacement(placement)===auto)return[];var oppositePlacement=getOppositePlacement(placement);return[getOppositeVariationPlacement(placement),oppositePlacement,getOppositeVariationPlacement(oppositePlacement)]}function flip(_ref){var state=_ref.state,options=_ref.options,name=_ref.name;if(!state.modifiersData[name]._skip){for(var _options$mainAxis=options.mainAxis,checkMainAxis=_options$mainAxis===void 0?!0:_options$mainAxis,_options$altAxis=options.altAxis,checkAltAxis=_options$altAxis===void 0?!0:_options$altAxis,specifiedFallbackPlacements=options.fallbackPlacements,padding=options.padding,boundary=options.boundary,rootBoundary=options.rootBoundary,altBoundary=options.altBoundary,_options$flipVariatio=options.flipVariations,flipVariations=_options$flipVariatio===void 0?!0:_options$flipVariatio,allowedAutoPlacements=options.allowedAutoPlacements,preferredPlacement=state.options.placement,basePlacement=getBasePlacement(preferredPlacement),isBasePlacement=basePlacement===preferredPlacement,fallbackPlacements=specifiedFallbackPlacements||(isBasePlacement||!flipVariations?[getOppositePlacement(preferredPlacement)]:getExpandedFallbackPlacements(preferredPlacement)),placements2=[preferredPlacement].concat(fallbackPlacements).reduce(function(acc,placement2){return acc.concat(getBasePlacement(placement2)===auto?computeAutoPlacement(state,{placement:placement2,boundary,rootBoundary,padding,flipVariations,allowedAutoPlacements}):placement2)},[]),referenceRect=state.rects.reference,popperRect=state.rects.popper,checksMap=new Map,makeFallbackChecks=!0,firstFittingPlacement=placements2[0],i=0;i<placements2.length;i++){var placement=placements2[i],_basePlacement=getBasePlacement(placement),isStartVariation=getVariation(placement)===start,isVertical=[top,bottom].indexOf(_basePlacement)>=0,len=isVertical?"width":"height",overflow=detectOverflow(state,{placement,boundary,rootBoundary,altBoundary,padding}),mainVariationSide=isVertical?isStartVariation?right:left:isStartVariation?bottom:top;referenceRect[len]>popperRect[len]&&(mainVariationSide=getOppositePlacement(mainVariationSide));var altVariationSide=getOppositePlacement(mainVariationSide),checks=[];if(checkMainAxis&&checks.push(overflow[_basePlacement]<=0),checkAltAxis&&checks.push(overflow[mainVariationSide]<=0,overflow[altVariationSide]<=0),checks.every(function(check){return check})){firstFittingPlacement=placement,makeFallbackChecks=!1;break}checksMap.set(placement,checks)}if(makeFallbackChecks)for(var numberOfChecks=flipVariations?3:1,_loop=function(_i2){var fittingPlacement=placements2.find(function(placement2){var checks2=checksMap.get(placement2);if(checks2)return checks2.slice(0,_i2).every(function(check){return check})});if(fittingPlacement)return firstFittingPlacement=fittingPlacement,"break"},_i=numberOfChecks;_i>0;_i--){var _ret=_loop(_i);if(_ret==="break")break}state.placement!==firstFittingPlacement&&(state.modifiersData[name]._skip=!0,state.placement=firstFittingPlacement,state.reset=!0)}}var flip_default,init_flip=__esm({"../../node_modules/@popperjs/core/lib/modifiers/flip.js"(){init_getOppositePlacement();init_getBasePlacement();init_getOppositeVariationPlacement();init_detectOverflow();init_computeAutoPlacement();init_enums();init_getVariation();flip_default={name:"flip",enabled:!0,phase:"main",fn:flip,requiresIfExists:["offset"],data:{_skip:!1}}}});function getSideOffsets(overflow,rect,preventedOffsets){return preventedOffsets===void 0&&(preventedOffsets={x:0,y:0}),{top:overflow.top-rect.height-preventedOffsets.y,right:overflow.right-rect.width+preventedOffsets.x,bottom:overflow.bottom-rect.height+preventedOffsets.y,left:overflow.left-rect.width-preventedOffsets.x}}function isAnySideFullyClipped(overflow){return[top,right,bottom,left].some(function(side){return overflow[side]>=0})}function hide(_ref){var state=_ref.state,name=_ref.name,referenceRect=state.rects.reference,popperRect=state.rects.popper,preventedOffsets=state.modifiersData.preventOverflow,referenceOverflow=detectOverflow(state,{elementContext:"reference"}),popperAltOverflow=detectOverflow(state,{altBoundary:!0}),referenceClippingOffsets=getSideOffsets(referenceOverflow,referenceRect),popperEscapeOffsets=getSideOffsets(popperAltOverflow,popperRect,preventedOffsets),isReferenceHidden=isAnySideFullyClipped(referenceClippingOffsets),hasPopperEscaped=isAnySideFullyClipped(popperEscapeOffsets);state.modifiersData[name]={referenceClippingOffsets,popperEscapeOffsets,isReferenceHidden,hasPopperEscaped},state.attributes.popper=Object.assign({},state.attributes.popper,{"data-popper-reference-hidden":isReferenceHidden,"data-popper-escaped":hasPopperEscaped})}var hide_default,init_hide=__esm({"../../node_modules/@popperjs/core/lib/modifiers/hide.js"(){init_enums();init_detectOverflow();hide_default={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:hide}}});function distanceAndSkiddingToXY(placement,rects,offset2){var basePlacement=getBasePlacement(placement),invertDistance=[left,top].indexOf(basePlacement)>=0?-1:1,_ref=typeof offset2=="function"?offset2(Object.assign({},rects,{placement})):offset2,skidding=_ref[0],distance=_ref[1];return skidding=skidding||0,distance=(distance||0)*invertDistance,[left,right].indexOf(basePlacement)>=0?{x:distance,y:skidding}:{x:skidding,y:distance}}function offset(_ref2){var state=_ref2.state,options=_ref2.options,name=_ref2.name,_options$offset=options.offset,offset2=_options$offset===void 0?[0,0]:_options$offset,data=placements.reduce(function(acc,placement){return acc[placement]=distanceAndSkiddingToXY(placement,state.rects,offset2),acc},{}),_data$state$placement=data[state.placement],x=_data$state$placement.x,y=_data$state$placement.y;state.modifiersData.popperOffsets!=null&&(state.modifiersData.popperOffsets.x+=x,state.modifiersData.popperOffsets.y+=y),state.modifiersData[name]=data}var offset_default,init_offset=__esm({"../../node_modules/@popperjs/core/lib/modifiers/offset.js"(){init_getBasePlacement();init_enums();offset_default={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:offset}}});function popperOffsets(_ref){var state=_ref.state,name=_ref.name;state.modifiersData[name]=computeOffsets({reference:state.rects.reference,element:state.rects.popper,strategy:"absolute",placement:state.placement})}var popperOffsets_default,init_popperOffsets=__esm({"../../node_modules/@popperjs/core/lib/modifiers/popperOffsets.js"(){init_computeOffsets();popperOffsets_default={name:"popperOffsets",enabled:!0,phase:"read",fn:popperOffsets,data:{}}}});function getAltAxis(axis){return axis==="x"?"y":"x"}var init_getAltAxis=__esm({"../../node_modules/@popperjs/core/lib/utils/getAltAxis.js"(){}});function preventOverflow(_ref){var state=_ref.state,options=_ref.options,name=_ref.name,_options$mainAxis=options.mainAxis,checkMainAxis=_options$mainAxis===void 0?!0:_options$mainAxis,_options$altAxis=options.altAxis,checkAltAxis=_options$altAxis===void 0?!1:_options$altAxis,boundary=options.boundary,rootBoundary=options.rootBoundary,altBoundary=options.altBoundary,padding=options.padding,_options$tether=options.tether,tether=_options$tether===void 0?!0:_options$tether,_options$tetherOffset=options.tetherOffset,tetherOffset=_options$tetherOffset===void 0?0:_options$tetherOffset,overflow=detectOverflow(state,{boundary,rootBoundary,padding,altBoundary}),basePlacement=getBasePlacement(state.placement),variation=getVariation(state.placement),isBasePlacement=!variation,mainAxis=getMainAxisFromPlacement(basePlacement),altAxis=getAltAxis(mainAxis),popperOffsets2=state.modifiersData.popperOffsets,referenceRect=state.rects.reference,popperRect=state.rects.popper,tetherOffsetValue=typeof tetherOffset=="function"?tetherOffset(Object.assign({},state.rects,{placement:state.placement})):tetherOffset,normalizedTetherOffsetValue=typeof tetherOffsetValue=="number"?{mainAxis:tetherOffsetValue,altAxis:tetherOffsetValue}:Object.assign({mainAxis:0,altAxis:0},tetherOffsetValue),offsetModifierState=state.modifiersData.offset?state.modifiersData.offset[state.placement]:null,data={x:0,y:0};if(popperOffsets2){if(checkMainAxis){var _offsetModifierState$,mainSide=mainAxis==="y"?top:left,altSide=mainAxis==="y"?bottom:right,len=mainAxis==="y"?"height":"width",offset2=popperOffsets2[mainAxis],min2=offset2+overflow[mainSide],max2=offset2-overflow[altSide],additive=tether?-popperRect[len]/2:0,minLen=variation===start?referenceRect[len]:popperRect[len],maxLen=variation===start?-popperRect[len]:-referenceRect[len],arrowElement=state.elements.arrow,arrowRect=tether&&arrowElement?getLayoutRect(arrowElement):{width:0,height:0},arrowPaddingObject=state.modifiersData["arrow#persistent"]?state.modifiersData["arrow#persistent"].padding:getFreshSideObject(),arrowPaddingMin=arrowPaddingObject[mainSide],arrowPaddingMax=arrowPaddingObject[altSide],arrowLen=within(0,referenceRect[len],arrowRect[len]),minOffset=isBasePlacement?referenceRect[len]/2-additive-arrowLen-arrowPaddingMin-normalizedTetherOffsetValue.mainAxis:minLen-arrowLen-arrowPaddingMin-normalizedTetherOffsetValue.mainAxis,maxOffset=isBasePlacement?-referenceRect[len]/2+additive+arrowLen+arrowPaddingMax+normalizedTetherOffsetValue.mainAxis:maxLen+arrowLen+arrowPaddingMax+normalizedTetherOffsetValue.mainAxis,arrowOffsetParent=state.elements.arrow&&getOffsetParent(state.elements.arrow),clientOffset=arrowOffsetParent?mainAxis==="y"?arrowOffsetParent.clientTop||0:arrowOffsetParent.clientLeft||0:0,offsetModifierValue=(_offsetModifierState$=offsetModifierState==null?void 0:offsetModifierState[mainAxis])!=null?_offsetModifierState$:0,tetherMin=offset2+minOffset-offsetModifierValue-clientOffset,tetherMax=offset2+maxOffset-offsetModifierValue,preventedOffset=within(tether?min(min2,tetherMin):min2,offset2,tether?max(max2,tetherMax):max2);popperOffsets2[mainAxis]=preventedOffset,data[mainAxis]=preventedOffset-offset2}if(checkAltAxis){var _offsetModifierState$2,_mainSide=mainAxis==="x"?top:left,_altSide=mainAxis==="x"?bottom:right,_offset=popperOffsets2[altAxis],_len=altAxis==="y"?"height":"width",_min=_offset+overflow[_mainSide],_max=_offset-overflow[_altSide],isOriginSide=[top,left].indexOf(basePlacement)!==-1,_offsetModifierValue=(_offsetModifierState$2=offsetModifierState==null?void 0:offsetModifierState[altAxis])!=null?_offsetModifierState$2:0,_tetherMin=isOriginSide?_min:_offset-referenceRect[_len]-popperRect[_len]-_offsetModifierValue+normalizedTetherOffsetValue.altAxis,_tetherMax=isOriginSide?_offset+referenceRect[_len]+popperRect[_len]-_offsetModifierValue-normalizedTetherOffsetValue.altAxis:_max,_preventedOffset=tether&&isOriginSide?withinMaxClamp(_tetherMin,_offset,_tetherMax):within(tether?_tetherMin:_min,_offset,tether?_tetherMax:_max);popperOffsets2[altAxis]=_preventedOffset,data[altAxis]=_preventedOffset-_offset}state.modifiersData[name]=data}}var preventOverflow_default,init_preventOverflow=__esm({"../../node_modules/@popperjs/core/lib/modifiers/preventOverflow.js"(){init_enums();init_getBasePlacement();init_getMainAxisFromPlacement();init_getAltAxis();init_within();init_getLayoutRect();init_getOffsetParent();init_detectOverflow();init_getVariation();init_getFreshSideObject();init_math();preventOverflow_default={name:"preventOverflow",enabled:!0,phase:"main",fn:preventOverflow,requiresIfExists:["offset"]}}});var init_modifiers=__esm({"../../node_modules/@popperjs/core/lib/modifiers/index.js"(){}});function getHTMLElementScroll(element){return{scrollLeft:element.scrollLeft,scrollTop:element.scrollTop}}var init_getHTMLElementScroll=__esm({"../../node_modules/@popperjs/core/lib/dom-utils/getHTMLElementScroll.js"(){}});function getNodeScroll(node){return node===getWindow(node)||!isHTMLElement(node)?getWindowScroll(node):getHTMLElementScroll(node)}var init_getNodeScroll=__esm({"../../node_modules/@popperjs/core/lib/dom-utils/getNodeScroll.js"(){init_getWindowScroll();init_getWindow();init_instanceOf();init_getHTMLElementScroll()}});function isElementScaled(element){var rect=element.getBoundingClientRect(),scaleX=round(rect.width)/element.offsetWidth||1,scaleY=round(rect.height)/element.offsetHeight||1;return scaleX!==1||scaleY!==1}function getCompositeRect(elementOrVirtualElement,offsetParent,isFixed){isFixed===void 0&&(isFixed=!1);var isOffsetParentAnElement=isHTMLElement(offsetParent),offsetParentIsScaled=isHTMLElement(offsetParent)&&isElementScaled(offsetParent),documentElement=getDocumentElement(offsetParent),rect=getBoundingClientRect(elementOrVirtualElement,offsetParentIsScaled,isFixed),scroll={scrollLeft:0,scrollTop:0},offsets={x:0,y:0};return(isOffsetParentAnElement||!isOffsetParentAnElement&&!isFixed)&&((getNodeName(offsetParent)!=="body"||isScrollParent(documentElement))&&(scroll=getNodeScroll(offsetParent)),isHTMLElement(offsetParent)?(offsets=getBoundingClientRect(offsetParent,!0),offsets.x+=offsetParent.clientLeft,offsets.y+=offsetParent.clientTop):documentElement&&(offsets.x=getWindowScrollBarX(documentElement))),{x:rect.left+scroll.scrollLeft-offsets.x,y:rect.top+scroll.scrollTop-offsets.y,width:rect.width,height:rect.height}}var init_getCompositeRect=__esm({"../../node_modules/@popperjs/core/lib/dom-utils/getCompositeRect.js"(){init_getBoundingClientRect();init_getNodeScroll();init_getNodeName();init_instanceOf();init_getWindowScrollBarX();init_getDocumentElement();init_isScrollParent();init_math()}});function order(modifiers){var map=new Map,visited=new Set,result=[];modifiers.forEach(function(modifier){map.set(modifier.name,modifier)});function sort(modifier){visited.add(modifier.name);var requires=[].concat(modifier.requires||[],modifier.requiresIfExists||[]);requires.forEach(function(dep){if(!visited.has(dep)){var depModifier=map.get(dep);depModifier&&sort(depModifier)}}),result.push(modifier)}return modifiers.forEach(function(modifier){visited.has(modifier.name)||sort(modifier)}),result}function orderModifiers(modifiers){var orderedModifiers=order(modifiers);return modifierPhases.reduce(function(acc,phase){return acc.concat(orderedModifiers.filter(function(modifier){return modifier.phase===phase}))},[])}var init_orderModifiers=__esm({"../../node_modules/@popperjs/core/lib/utils/orderModifiers.js"(){init_enums()}});function debounce(fn2){var pending;return function(){return pending||(pending=new Promise(function(resolve){Promise.resolve().then(function(){pending=void 0,resolve(fn2())})})),pending}}var init_debounce=__esm({"../../node_modules/@popperjs/core/lib/utils/debounce.js"(){}});function format2(str){for(var _len=arguments.length,args=new Array(_len>1?_len-1:0),_key=1;_key<_len;_key++)args[_key-1]=arguments[_key];return[].concat(args).reduce(function(p,c){return p.replace(/%s/,c)},str)}var init_format=__esm({"../../node_modules/@popperjs/core/lib/utils/format.js"(){}});function validateModifiers(modifiers){modifiers.forEach(function(modifier){[].concat(Object.keys(modifier),VALID_PROPERTIES).filter(function(value,index3,self2){return self2.indexOf(value)===index3}).forEach(function(key){switch(key){case"name":typeof modifier.name!="string"&&console.error(format2(INVALID_MODIFIER_ERROR,String(modifier.name),'"name"','"string"','"'+String(modifier.name)+'"'));break;case"enabled":typeof modifier.enabled!="boolean"&&console.error(format2(INVALID_MODIFIER_ERROR,modifier.name,'"enabled"','"boolean"','"'+String(modifier.enabled)+'"'));break;case"phase":modifierPhases.indexOf(modifier.phase)<0&&console.error(format2(INVALID_MODIFIER_ERROR,modifier.name,'"phase"',"either "+modifierPhases.join(", "),'"'+String(modifier.phase)+'"'));break;case"fn":typeof modifier.fn!="function"&&console.error(format2(INVALID_MODIFIER_ERROR,modifier.name,'"fn"','"function"','"'+String(modifier.fn)+'"'));break;case"effect":modifier.effect!=null&&typeof modifier.effect!="function"&&console.error(format2(INVALID_MODIFIER_ERROR,modifier.name,'"effect"','"function"','"'+String(modifier.fn)+'"'));break;case"requires":modifier.requires!=null&&!Array.isArray(modifier.requires)&&console.error(format2(INVALID_MODIFIER_ERROR,modifier.name,'"requires"','"array"','"'+String(modifier.requires)+'"'));break;case"requiresIfExists":Array.isArray(modifier.requiresIfExists)||console.error(format2(INVALID_MODIFIER_ERROR,modifier.name,'"requiresIfExists"','"array"','"'+String(modifier.requiresIfExists)+'"'));break;case"options":case"data":break;default:console.error('PopperJS: an invalid property has been provided to the "'+modifier.name+'" modifier, valid properties are '+VALID_PROPERTIES.map(function(s){return'"'+s+'"'}).join(", ")+'; but "'+key+'" was provided.')}modifier.requires&&modifier.requires.forEach(function(requirement){modifiers.find(function(mod){return mod.name===requirement})==null&&console.error(format2(MISSING_DEPENDENCY_ERROR,String(modifier.name),requirement,requirement))})})})}var INVALID_MODIFIER_ERROR,MISSING_DEPENDENCY_ERROR,VALID_PROPERTIES,init_validateModifiers=__esm({"../../node_modules/@popperjs/core/lib/utils/validateModifiers.js"(){init_format();init_enums();INVALID_MODIFIER_ERROR='Popper: modifier "%s" provided an invalid %s property, expected %s but got %s',MISSING_DEPENDENCY_ERROR='Popper: modifier "%s" requires "%s", but "%s" modifier is not available',VALID_PROPERTIES=["name","enabled","phase","fn","effect","requires","options"]}});function uniqueBy(arr,fn2){var identifiers=new Set;return arr.filter(function(item){var identifier=fn2(item);if(!identifiers.has(identifier))return identifiers.add(identifier),!0})}var init_uniqueBy=__esm({"../../node_modules/@popperjs/core/lib/utils/uniqueBy.js"(){}});function mergeByName(modifiers){var merged=modifiers.reduce(function(merged2,current){var existing=merged2[current.name];return merged2[current.name]=existing?Object.assign({},existing,current,{options:Object.assign({},existing.options,current.options),data:Object.assign({},existing.data,current.data)}):current,merged2},{});return Object.keys(merged).map(function(key){return merged[key]})}var init_mergeByName=__esm({"../../node_modules/@popperjs/core/lib/utils/mergeByName.js"(){}});function areValidElements(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return!args.some(function(element){return!(element&&typeof element.getBoundingClientRect=="function")})}function popperGenerator(generatorOptions){generatorOptions===void 0&&(generatorOptions={});var _generatorOptions=generatorOptions,_generatorOptions$def=_generatorOptions.defaultModifiers,defaultModifiers2=_generatorOptions$def===void 0?[]:_generatorOptions$def,_generatorOptions$def2=_generatorOptions.defaultOptions,defaultOptions=_generatorOptions$def2===void 0?DEFAULT_OPTIONS:_generatorOptions$def2;return function(reference2,popper2,options){options===void 0&&(options=defaultOptions);var state={placement:"bottom",orderedModifiers:[],options:Object.assign({},DEFAULT_OPTIONS,defaultOptions),modifiersData:{},elements:{reference:reference2,popper:popper2},attributes:{},styles:{}},effectCleanupFns=[],isDestroyed=!1,instance={state,setOptions:function(setOptionsAction){var options2=typeof setOptionsAction=="function"?setOptionsAction(state.options):setOptionsAction;cleanupModifierEffects(),state.options=Object.assign({},defaultOptions,state.options,options2),state.scrollParents={reference:isElement(reference2)?listScrollParents(reference2):reference2.contextElement?listScrollParents(reference2.contextElement):[],popper:listScrollParents(popper2)};var orderedModifiers=orderModifiers(mergeByName([].concat(defaultModifiers2,state.options.modifiers)));if(state.orderedModifiers=orderedModifiers.filter(function(m){return m.enabled}),process.env.NODE_ENV!=="production"){var modifiers=uniqueBy([].concat(orderedModifiers,state.options.modifiers),function(_ref){var name=_ref.name;return name});if(validateModifiers(modifiers),getBasePlacement(state.options.placement)===auto){var flipModifier=state.orderedModifiers.find(function(_ref2){var name=_ref2.name;return name==="flip"});flipModifier||console.error(['Popper: "auto" placements require the "flip" modifier be',"present and enabled to work."].join(" "))}var _getComputedStyle=getComputedStyle2(popper2),marginTop=_getComputedStyle.marginTop,marginRight=_getComputedStyle.marginRight,marginBottom=_getComputedStyle.marginBottom,marginLeft=_getComputedStyle.marginLeft;[marginTop,marginRight,marginBottom,marginLeft].some(function(margin){return parseFloat(margin)})&&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 runModifierEffects(),instance.update()},forceUpdate:function(){if(!isDestroyed){var _state$elements=state.elements,reference3=_state$elements.reference,popper3=_state$elements.popper;if(!areValidElements(reference3,popper3)){process.env.NODE_ENV!=="production"&&console.error(INVALID_ELEMENT_ERROR);return}state.rects={reference:getCompositeRect(reference3,getOffsetParent(popper3),state.options.strategy==="fixed"),popper:getLayoutRect(popper3)},state.reset=!1,state.placement=state.options.placement,state.orderedModifiers.forEach(function(modifier){return state.modifiersData[modifier.name]=Object.assign({},modifier.data)});for(var __debug_loops__=0,index3=0;index3<state.orderedModifiers.length;index3++){if(process.env.NODE_ENV!=="production"&&(__debug_loops__+=1,__debug_loops__>100)){console.error(INFINITE_LOOP_ERROR);break}if(state.reset===!0){state.reset=!1,index3=-1;continue}var _state$orderedModifie=state.orderedModifiers[index3],fn2=_state$orderedModifie.fn,_state$orderedModifie2=_state$orderedModifie.options,_options=_state$orderedModifie2===void 0?{}:_state$orderedModifie2,name=_state$orderedModifie.name;typeof fn2=="function"&&(state=fn2({state,options:_options,name,instance})||state)}}},update:debounce(function(){return new Promise(function(resolve){instance.forceUpdate(),resolve(state)})}),destroy:function(){cleanupModifierEffects(),isDestroyed=!0}};if(!areValidElements(reference2,popper2))return process.env.NODE_ENV!=="production"&&console.error(INVALID_ELEMENT_ERROR),instance;instance.setOptions(options).then(function(state2){!isDestroyed&&options.onFirstUpdate&&options.onFirstUpdate(state2)});function runModifierEffects(){state.orderedModifiers.forEach(function(_ref3){var name=_ref3.name,_ref3$options=_ref3.options,options2=_ref3$options===void 0?{}:_ref3$options,effect4=_ref3.effect;if(typeof effect4=="function"){var cleanupFn=effect4({state,name,instance,options:options2}),noopFn=function(){};effectCleanupFns.push(cleanupFn||noopFn)}})}function cleanupModifierEffects(){effectCleanupFns.forEach(function(fn2){return fn2()}),effectCleanupFns=[]}return instance}}var INVALID_ELEMENT_ERROR,INFINITE_LOOP_ERROR,DEFAULT_OPTIONS,init_createPopper=__esm({"../../node_modules/@popperjs/core/lib/createPopper.js"(){init_getCompositeRect();init_getLayoutRect();init_listScrollParents();init_getOffsetParent();init_getComputedStyle();init_orderModifiers();init_debounce();init_validateModifiers();init_uniqueBy();init_getBasePlacement();init_mergeByName();init_instanceOf();init_enums();INVALID_ELEMENT_ERROR="Popper: Invalid reference or popper argument provided. They must be either a DOM element or virtual element.",INFINITE_LOOP_ERROR="Popper: An infinite loop in the modifiers cycle has been detected! The cycle has been interrupted to prevent a browser crash.",DEFAULT_OPTIONS={placement:"bottom",modifiers:[],strategy:"absolute"}}});var defaultModifiers,createPopper,init_popper=__esm({"../../node_modules/@popperjs/core/lib/popper.js"(){init_createPopper();init_eventListeners();init_popperOffsets();init_computeStyles();init_applyStyles();init_offset();init_flip();init_preventOverflow();init_arrow();init_hide();init_modifiers();defaultModifiers=[eventListeners_default,popperOffsets_default,computeStyles_default,applyStyles_default,offset_default,flip_default,preventOverflow_default,arrow_default,hide_default],createPopper=popperGenerator({defaultModifiers})}});var init_lib=__esm({"../../node_modules/@popperjs/core/lib/index.js"(){init_enums();init_modifiers();init_popper()}});var require_react_fast_compare=__commonJS({"../../node_modules/react-fast-compare/index.js"(exports,module2){var hasElementType=typeof Element<"u",hasMap=typeof Map=="function",hasSet=typeof Set=="function",hasArrayBuffer=typeof ArrayBuffer=="function"&&!!ArrayBuffer.isView;function equal(a,b){if(a===b)return!0;if(a&&b&&typeof a=="object"&&typeof b=="object"){if(a.constructor!==b.constructor)return!1;var length2,i,keys;if(Array.isArray(a)){if(length2=a.length,length2!=b.length)return!1;for(i=length2;i--!==0;)if(!equal(a[i],b[i]))return!1;return!0}var it;if(hasMap&&a instanceof Map&&b instanceof Map){if(a.size!==b.size)return!1;for(it=a.entries();!(i=it.next()).done;)if(!b.has(i.value[0]))return!1;for(it=a.entries();!(i=it.next()).done;)if(!equal(i.value[1],b.get(i.value[0])))return!1;return!0}if(hasSet&&a instanceof Set&&b instanceof Set){if(a.size!==b.size)return!1;for(it=a.entries();!(i=it.next()).done;)if(!b.has(i.value[0]))return!1;return!0}if(hasArrayBuffer&&ArrayBuffer.isView(a)&&ArrayBuffer.isView(b)){if(length2=a.length,length2!=b.length)return!1;for(i=length2;i--!==0;)if(a[i]!==b[i])return!1;return!0}if(a.constructor===RegExp)return a.source===b.source&&a.flags===b.flags;if(a.valueOf!==Object.prototype.valueOf&&typeof a.valueOf=="function"&&typeof b.valueOf=="function")return a.valueOf()===b.valueOf();if(a.toString!==Object.prototype.toString&&typeof a.toString=="function"&&typeof b.toString=="function")return a.toString()===b.toString();if(keys=Object.keys(a),length2=keys.length,length2!==Object.keys(b).length)return!1;for(i=length2;i--!==0;)if(!Object.prototype.hasOwnProperty.call(b,keys[i]))return!1;if(hasElementType&&a instanceof Element)return!1;for(i=length2;i--!==0;)if(!((keys[i]==="_owner"||keys[i]==="__v"||keys[i]==="__o")&&a.$$typeof)&&!equal(a[keys[i]],b[keys[i]]))return!1;return!0}return a!==a&&b!==b}module2.exports=function(a,b){try{return equal(a,b)}catch(error){if((error.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw error}}}});var React25,ReactDOM,import_react_fast_compare,EMPTY_MODIFIERS,usePopper,init_usePopper=__esm({"../../node_modules/react-popper/lib/esm/usePopper.js"(){React25=__toESM(require("react")),ReactDOM=__toESM(require("react-dom"));init_lib();import_react_fast_compare=__toESM(require_react_fast_compare());init_utils();EMPTY_MODIFIERS=[],usePopper=function(referenceElement,popperElement,options){options===void 0&&(options={});var prevOptions=React25.useRef(null),optionsWithDefaults={onFirstUpdate:options.onFirstUpdate,placement:options.placement||"bottom",strategy:options.strategy||"absolute",modifiers:options.modifiers||EMPTY_MODIFIERS},_React$useState=React25.useState({styles:{popper:{position:optionsWithDefaults.strategy,left:"0",top:"0"},arrow:{position:"absolute"}},attributes:{}}),state=_React$useState[0],setState=_React$useState[1],updateStateModifier=React25.useMemo(function(){return{name:"updateState",enabled:!0,phase:"write",fn:function(_ref){var state2=_ref.state,elements=Object.keys(state2.elements);ReactDOM.flushSync(function(){setState({styles:fromEntries(elements.map(function(element){return[element,state2.styles[element]||{}]})),attributes:fromEntries(elements.map(function(element){return[element,state2.attributes[element]]}))})})},requires:["computeStyles"]}},[]),popperOptions=React25.useMemo(function(){var newOptions={onFirstUpdate:optionsWithDefaults.onFirstUpdate,placement:optionsWithDefaults.placement,strategy:optionsWithDefaults.strategy,modifiers:[].concat(optionsWithDefaults.modifiers,[updateStateModifier,{name:"applyStyles",enabled:!1}])};return(0,import_react_fast_compare.default)(prevOptions.current,newOptions)?prevOptions.current||newOptions:(prevOptions.current=newOptions,newOptions)},[optionsWithDefaults.onFirstUpdate,optionsWithDefaults.placement,optionsWithDefaults.strategy,optionsWithDefaults.modifiers,updateStateModifier]),popperInstanceRef=React25.useRef();return useIsomorphicLayoutEffect(function(){popperInstanceRef.current&&popperInstanceRef.current.setOptions(popperOptions)},[popperOptions]),useIsomorphicLayoutEffect(function(){if(!(referenceElement==null||popperElement==null)){var createPopper2=options.createPopper||createPopper,popperInstance=createPopper2(referenceElement,popperElement,popperOptions);return popperInstanceRef.current=popperInstance,function(){popperInstance.destroy(),popperInstanceRef.current=null}}},[referenceElement,popperElement,options.createPopper]),{state:popperInstanceRef.current?popperInstanceRef.current.state:null,styles:state.styles,attributes:state.attributes,update:popperInstanceRef.current?popperInstanceRef.current.update:null,forceUpdate:popperInstanceRef.current?popperInstanceRef.current.forceUpdate:null}}}});var init_esm3=__esm({"../../node_modules/react-popper/lib/esm/index.js"(){init_usePopper()}});function useGetLatest(val){var ref=React26.useRef(val);return ref.current=val,React26.useCallback(function(){return ref.current},[])}function useControlledState(_ref){var initial=_ref.initial,value=_ref.value,_ref$onChange=_ref.onChange,onChange=_ref$onChange===void 0?noop3:_ref$onChange;if(initial===void 0&&value===void 0)throw new TypeError('Either "value" or "initial" variable must be set. Now both are undefined');var _React$useState=React26.useState(initial),state=_React$useState[0],setState=_React$useState[1],getLatest=useGetLatest(state),set=React26.useCallback(function(updater){var state2=getLatest(),updatedState=typeof updater=="function"?updater(state2):updater;typeof updatedState.persist=="function"&&updatedState.persist(),setState(updatedState),typeof onChange=="function"&&onChange(updatedState)},[getLatest,onChange]),isControlled=value!==void 0;return[isControlled?value:state,isControlled?onChange:set]}function generateBoundingClientRect(x,y){return x===void 0&&(x=0),y===void 0&&(y=0),function(){return{width:0,height:0,top:y,right:x,bottom:y,left:x,x:0,y:0,toJSON:function(){return null}}}}function usePopperTooltip(config,popperOptions){var _popperProps$state,_popperProps$state$mo,_popperProps$state$mo2;config===void 0&&(config={}),popperOptions===void 0&&(popperOptions={});var finalConfig=Object.keys(defaultConfig).reduce(function(config2,key){var _extends22;return _extends({},config2,(_extends22={},_extends22[key]=config2[key]!==void 0?config2[key]:defaultConfig[key],_extends22))},config),defaultModifiers2=React26.useMemo(function(){return[{name:"offset",options:{offset:finalConfig.offset}}]},Array.isArray(finalConfig.offset)?finalConfig.offset:[]),finalPopperOptions=_extends({},popperOptions,{placement:popperOptions.placement||finalConfig.placement,modifiers:popperOptions.modifiers||defaultModifiers2}),_React$useState=React26.useState(null),triggerRef=_React$useState[0],setTriggerRef=_React$useState[1],_React$useState2=React26.useState(null),tooltipRef=_React$useState2[0],setTooltipRef=_React$useState2[1],_useControlledState=useControlledState({initial:finalConfig.defaultVisible,value:finalConfig.visible,onChange:finalConfig.onVisibleChange}),visible=_useControlledState[0],setVisible=_useControlledState[1],timer=React26.useRef();React26.useEffect(function(){return function(){return clearTimeout(timer.current)}},[]);var _usePopper=usePopper(finalConfig.followCursor?virtualElement:triggerRef,tooltipRef,finalPopperOptions),styles2=_usePopper.styles,attributes=_usePopper.attributes,popperProps=_objectWithoutPropertiesLoose(_usePopper,_excluded2),update=popperProps.update,getLatest=useGetLatest({visible,triggerRef,tooltipRef,finalConfig}),isTriggeredBy=React26.useCallback(function(trigger){return Array.isArray(finalConfig.trigger)?finalConfig.trigger.includes(trigger):finalConfig.trigger===trigger},Array.isArray(finalConfig.trigger)?finalConfig.trigger:[finalConfig.trigger]),hideTooltip=React26.useCallback(function(){clearTimeout(timer.current),timer.current=window.setTimeout(function(){return setVisible(!1)},finalConfig.delayHide)},[finalConfig.delayHide,setVisible]),showTooltip=React26.useCallback(function(){clearTimeout(timer.current),timer.current=window.setTimeout(function(){return setVisible(!0)},finalConfig.delayShow)},[finalConfig.delayShow,setVisible]),toggleTooltip=React26.useCallback(function(){getLatest().visible?hideTooltip():showTooltip()},[getLatest,hideTooltip,showTooltip]);React26.useEffect(function(){if(getLatest().finalConfig.closeOnOutsideClick){var handleClickOutside=function(event){var _event$composedPath,_getLatest=getLatest(),tooltipRef2=_getLatest.tooltipRef,triggerRef2=_getLatest.triggerRef,target=(event.composedPath==null||(_event$composedPath=event.composedPath())==null?void 0:_event$composedPath[0])||event.target;target instanceof Node&&tooltipRef2!=null&&triggerRef2!=null&&!tooltipRef2.contains(target)&&!triggerRef2.contains(target)&&hideTooltip()};return document.addEventListener("mousedown",handleClickOutside),function(){return document.removeEventListener("mousedown",handleClickOutside)}}},[getLatest,hideTooltip]),React26.useEffect(function(){if(!(triggerRef==null||!isTriggeredBy("click")))return triggerRef.addEventListener("click",toggleTooltip),function(){return triggerRef.removeEventListener("click",toggleTooltip)}},[triggerRef,isTriggeredBy,toggleTooltip]),React26.useEffect(function(){if(!(triggerRef==null||!isTriggeredBy("double-click")))return triggerRef.addEventListener("dblclick",toggleTooltip),function(){return triggerRef.removeEventListener("dblclick",toggleTooltip)}},[triggerRef,isTriggeredBy,toggleTooltip]),React26.useEffect(function(){if(!(triggerRef==null||!isTriggeredBy("right-click"))){var preventDefaultAndToggle=function(event){event.preventDefault(),toggleTooltip()};return triggerRef.addEventListener("contextmenu",preventDefaultAndToggle),function(){return triggerRef.removeEventListener("contextmenu",preventDefaultAndToggle)}}},[triggerRef,isTriggeredBy,toggleTooltip]),React26.useEffect(function(){if(!(triggerRef==null||!isTriggeredBy("focus")))return triggerRef.addEventListener("focus",showTooltip),triggerRef.addEventListener("blur",hideTooltip),function(){triggerRef.removeEventListener("focus",showTooltip),triggerRef.removeEventListener("blur",hideTooltip)}},[triggerRef,isTriggeredBy,showTooltip,hideTooltip]),React26.useEffect(function(){if(!(triggerRef==null||!isTriggeredBy("hover")))return triggerRef.addEventListener("mouseenter",showTooltip),triggerRef.addEventListener("mouseleave",hideTooltip),function(){triggerRef.removeEventListener("mouseenter",showTooltip),triggerRef.removeEventListener("mouseleave",hideTooltip)}},[triggerRef,isTriggeredBy,showTooltip,hideTooltip]),React26.useEffect(function(){if(!(tooltipRef==null||!isTriggeredBy("hover")||!getLatest().finalConfig.interactive))return tooltipRef.addEventListener("mouseenter",showTooltip),tooltipRef.addEventListener("mouseleave",hideTooltip),function(){tooltipRef.removeEventListener("mouseenter",showTooltip),tooltipRef.removeEventListener("mouseleave",hideTooltip)}},[tooltipRef,isTriggeredBy,showTooltip,hideTooltip,getLatest]);var isReferenceHidden=popperProps==null||(_popperProps$state=popperProps.state)==null||(_popperProps$state$mo=_popperProps$state.modifiersData)==null||(_popperProps$state$mo2=_popperProps$state$mo.hide)==null?void 0:_popperProps$state$mo2.isReferenceHidden;React26.useEffect(function(){finalConfig.closeOnTriggerHidden&&isReferenceHidden&&hideTooltip()},[finalConfig.closeOnTriggerHidden,hideTooltip,isReferenceHidden]),React26.useEffect(function(){if(!finalConfig.followCursor||triggerRef==null)return;function setMousePosition(_ref){var clientX=_ref.clientX,clientY=_ref.clientY;virtualElement.getBoundingClientRect=generateBoundingClientRect(clientX,clientY),update==null||update()}return triggerRef.addEventListener("mousemove",setMousePosition),function(){return triggerRef.removeEventListener("mousemove",setMousePosition)}},[finalConfig.followCursor,triggerRef,update]),React26.useEffect(function(){if(!(tooltipRef==null||update==null||finalConfig.mutationObserverOptions==null)){var observer=new MutationObserver(update);return observer.observe(tooltipRef,finalConfig.mutationObserverOptions),function(){return observer.disconnect()}}},[finalConfig.mutationObserverOptions,tooltipRef,update]);var getTooltipProps=function(args){return args===void 0&&(args={}),_extends({},args,{style:_extends({},args.style,styles2.popper)},attributes.popper,{"data-popper-interactive":finalConfig.interactive})},getArrowProps=function(args){return args===void 0&&(args={}),_extends({},args,attributes.arrow,{style:_extends({},args.style,styles2.arrow),"data-popper-arrow":!0})};return _extends({getArrowProps,getTooltipProps,setTooltipRef,setTriggerRef,tooltipRef,triggerRef,visible},popperProps)}var React26,noop3,_excluded2,virtualElement,defaultConfig,init_react_popper_tooltip=__esm({"../../node_modules/react-popper-tooltip/dist/esm/react-popper-tooltip.js"(){init_objectWithoutPropertiesLoose();init_extends();React26=__toESM(require("react"));init_esm3();noop3=function(){};_excluded2=["styles","attributes"],virtualElement={getBoundingClientRect:generateBoundingClientRect()},defaultConfig={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"}}});var import_react27,import_memoizerific3,import_theming39,match,ArrowSpacing,Arrow,Wrapper3,Tooltip,init_Tooltip=__esm({"src/tooltip/Tooltip.tsx"(){import_react27=__toESM(require("react")),import_memoizerific3=__toESM(require("memoizerific")),import_theming39=require("@storybook/theming"),match=(0,import_memoizerific3.default)(1e3)((requests,actual,value,fallback=0)=>actual.split("-")[0]===requests?value:fallback),ArrowSpacing=8,Arrow=import_theming39.styled.div({position:"absolute",borderStyle:"solid"},({placement})=>{let x=0,y=0;switch(!0){case(placement.startsWith("left")||placement.startsWith("right")):{y=8;break}case(placement.startsWith("top")||placement.startsWith("bottom")):{x=8;break}default:}return{transform:`translate3d(${x}px, ${y}px, 0px)`}},({theme,color,placement})=>({bottom:`${match("top",placement,`${ArrowSpacing*-1}px`,"auto")}`,top:`${match("bottom",placement,`${ArrowSpacing*-1}px`,"auto")}`,right:`${match("left",placement,`${ArrowSpacing*-1}px`,"auto")}`,left:`${match("right",placement,`${ArrowSpacing*-1}px`,"auto")}`,borderBottomWidth:`${match("top",placement,"0",ArrowSpacing)}px`,borderTopWidth:`${match("bottom",placement,"0",ArrowSpacing)}px`,borderRightWidth:`${match("left",placement,"0",ArrowSpacing)}px`,borderLeftWidth:`${match("right",placement,"0",ArrowSpacing)}px`,borderTopColor:match("top",placement,theme.color[color]||color||theme.base==="light"?(0,import_theming39.lighten)(theme.background.app):theme.background.app,"transparent"),borderBottomColor:match("bottom",placement,theme.color[color]||color||theme.base==="light"?(0,import_theming39.lighten)(theme.background.app):theme.background.app,"transparent"),borderLeftColor:match("left",placement,theme.color[color]||color||theme.base==="light"?(0,import_theming39.lighten)(theme.background.app):theme.background.app,"transparent"),borderRightColor:match("right",placement,theme.color[color]||color||theme.base==="light"?(0,import_theming39.lighten)(theme.background.app):theme.background.app,"transparent")})),Wrapper3=import_theming39.styled.div(({hidden})=>({display:hidden?"none":"inline-block",zIndex:2147483647}),({theme,color,hasChrome})=>hasChrome?{background:theme.color[color]||color||theme.base==="light"?(0,import_theming39.lighten)(theme.background.app):theme.background.app,filter:`
+`,"We recommend using the popper element as a wrapper around an inner","element that can have any CSS property transitioned for animations."].join(" "))}var commonStyles={placement:getBasePlacement(state.placement),variation:getVariation(state.placement),popper:state.elements.popper,popperRect:state.rects.popper,gpuAcceleration,isFixed:state.options.strategy==="fixed"};state.modifiersData.popperOffsets!=null&&(state.styles.popper=Object.assign({},state.styles.popper,mapToStyles(Object.assign({},commonStyles,{offsets:state.modifiersData.popperOffsets,position:state.options.strategy,adaptive,roundOffsets})))),state.modifiersData.arrow!=null&&(state.styles.arrow=Object.assign({},state.styles.arrow,mapToStyles(Object.assign({},commonStyles,{offsets:state.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets})))),state.attributes.popper=Object.assign({},state.attributes.popper,{"data-popper-placement":state.placement})}var unsetSides,computeStyles_default,init_computeStyles=__esm({"../../node_modules/@popperjs/core/lib/modifiers/computeStyles.js"(){init_enums();init_getOffsetParent();init_getWindow();init_getDocumentElement();init_getComputedStyle();init_getBasePlacement();init_getVariation();init_math();unsetSides={top:"auto",right:"auto",bottom:"auto",left:"auto"};computeStyles_default={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:computeStyles,data:{}}}});function effect3(_ref){var state=_ref.state,instance=_ref.instance,options=_ref.options,_options$scroll=options.scroll,scroll=_options$scroll===void 0?!0:_options$scroll,_options$resize=options.resize,resize=_options$resize===void 0?!0:_options$resize,window2=getWindow(state.elements.popper),scrollParents=[].concat(state.scrollParents.reference,state.scrollParents.popper);return scroll&&scrollParents.forEach(function(scrollParent){scrollParent.addEventListener("scroll",instance.update,passive)}),resize&&window2.addEventListener("resize",instance.update,passive),function(){scroll&&scrollParents.forEach(function(scrollParent){scrollParent.removeEventListener("scroll",instance.update,passive)}),resize&&window2.removeEventListener("resize",instance.update,passive)}}var passive,eventListeners_default,init_eventListeners=__esm({"../../node_modules/@popperjs/core/lib/modifiers/eventListeners.js"(){init_getWindow();passive={passive:!0};eventListeners_default={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:effect3,data:{}}}});function getOppositePlacement(placement){return placement.replace(/left|right|bottom|top/g,function(matched){return hash[matched]})}var hash,init_getOppositePlacement=__esm({"../../node_modules/@popperjs/core/lib/utils/getOppositePlacement.js"(){hash={left:"right",right:"left",bottom:"top",top:"bottom"}}});function getOppositeVariationPlacement(placement){return placement.replace(/start|end/g,function(matched){return hash2[matched]})}var hash2,init_getOppositeVariationPlacement=__esm({"../../node_modules/@popperjs/core/lib/utils/getOppositeVariationPlacement.js"(){hash2={start:"end",end:"start"}}});function getWindowScroll(node){var win=getWindow(node),scrollLeft=win.pageXOffset,scrollTop=win.pageYOffset;return{scrollLeft,scrollTop}}var init_getWindowScroll=__esm({"../../node_modules/@popperjs/core/lib/dom-utils/getWindowScroll.js"(){init_getWindow()}});function getWindowScrollBarX(element){return getBoundingClientRect(getDocumentElement(element)).left+getWindowScroll(element).scrollLeft}var init_getWindowScrollBarX=__esm({"../../node_modules/@popperjs/core/lib/dom-utils/getWindowScrollBarX.js"(){init_getBoundingClientRect();init_getDocumentElement();init_getWindowScroll()}});function getViewportRect(element,strategy){var win=getWindow(element),html=getDocumentElement(element),visualViewport=win.visualViewport,width=html.clientWidth,height=html.clientHeight,x=0,y=0;if(visualViewport){width=visualViewport.width,height=visualViewport.height;var layoutViewport=isLayoutViewport();(layoutViewport||!layoutViewport&&strategy==="fixed")&&(x=visualViewport.offsetLeft,y=visualViewport.offsetTop)}return{width,height,x:x+getWindowScrollBarX(element),y}}var init_getViewportRect=__esm({"../../node_modules/@popperjs/core/lib/dom-utils/getViewportRect.js"(){init_getWindow();init_getDocumentElement();init_getWindowScrollBarX();init_isLayoutViewport()}});function getDocumentRect(element){var _element$ownerDocumen,html=getDocumentElement(element),winScroll=getWindowScroll(element),body=(_element$ownerDocumen=element.ownerDocument)==null?void 0:_element$ownerDocumen.body,width=max(html.scrollWidth,html.clientWidth,body?body.scrollWidth:0,body?body.clientWidth:0),height=max(html.scrollHeight,html.clientHeight,body?body.scrollHeight:0,body?body.clientHeight:0),x=-winScroll.scrollLeft+getWindowScrollBarX(element),y=-winScroll.scrollTop;return getComputedStyle2(body||html).direction==="rtl"&&(x+=max(html.clientWidth,body?body.clientWidth:0)-width),{width,height,x,y}}var init_getDocumentRect=__esm({"../../node_modules/@popperjs/core/lib/dom-utils/getDocumentRect.js"(){init_getDocumentElement();init_getComputedStyle();init_getWindowScrollBarX();init_getWindowScroll();init_math()}});function isScrollParent(element){var _getComputedStyle=getComputedStyle2(element),overflow=_getComputedStyle.overflow,overflowX=_getComputedStyle.overflowX,overflowY=_getComputedStyle.overflowY;return/auto|scroll|overlay|hidden/.test(overflow+overflowY+overflowX)}var init_isScrollParent=__esm({"../../node_modules/@popperjs/core/lib/dom-utils/isScrollParent.js"(){init_getComputedStyle()}});function getScrollParent(node){return["html","body","#document"].indexOf(getNodeName(node))>=0?node.ownerDocument.body:isHTMLElement(node)&&isScrollParent(node)?node:getScrollParent(getParentNode(node))}var init_getScrollParent=__esm({"../../node_modules/@popperjs/core/lib/dom-utils/getScrollParent.js"(){init_getParentNode();init_isScrollParent();init_getNodeName();init_instanceOf()}});function listScrollParents(element,list){var _element$ownerDocumen;list===void 0&&(list=[]);var scrollParent=getScrollParent(element),isBody=scrollParent===((_element$ownerDocumen=element.ownerDocument)==null?void 0:_element$ownerDocumen.body),win=getWindow(scrollParent),target=isBody?[win].concat(win.visualViewport||[],isScrollParent(scrollParent)?scrollParent:[]):scrollParent,updatedList=list.concat(target);return isBody?updatedList:updatedList.concat(listScrollParents(getParentNode(target)))}var init_listScrollParents=__esm({"../../node_modules/@popperjs/core/lib/dom-utils/listScrollParents.js"(){init_getScrollParent();init_getParentNode();init_getWindow();init_isScrollParent()}});function rectToClientRect(rect){return Object.assign({},rect,{left:rect.x,top:rect.y,right:rect.x+rect.width,bottom:rect.y+rect.height})}var init_rectToClientRect=__esm({"../../node_modules/@popperjs/core/lib/utils/rectToClientRect.js"(){}});function getInnerBoundingClientRect(element,strategy){var rect=getBoundingClientRect(element,!1,strategy==="fixed");return rect.top=rect.top+element.clientTop,rect.left=rect.left+element.clientLeft,rect.bottom=rect.top+element.clientHeight,rect.right=rect.left+element.clientWidth,rect.width=element.clientWidth,rect.height=element.clientHeight,rect.x=rect.left,rect.y=rect.top,rect}function getClientRectFromMixedType(element,clippingParent,strategy){return clippingParent===viewport?rectToClientRect(getViewportRect(element,strategy)):isElement(clippingParent)?getInnerBoundingClientRect(clippingParent,strategy):rectToClientRect(getDocumentRect(getDocumentElement(element)))}function getClippingParents(element){var clippingParents2=listScrollParents(getParentNode(element)),canEscapeClipping=["absolute","fixed"].indexOf(getComputedStyle2(element).position)>=0,clipperElement=canEscapeClipping&&isHTMLElement(element)?getOffsetParent(element):element;return isElement(clipperElement)?clippingParents2.filter(function(clippingParent){return isElement(clippingParent)&&contains(clippingParent,clipperElement)&&getNodeName(clippingParent)!=="body"}):[]}function getClippingRect(element,boundary,rootBoundary,strategy){var mainClippingParents=boundary==="clippingParents"?getClippingParents(element):[].concat(boundary),clippingParents2=[].concat(mainClippingParents,[rootBoundary]),firstClippingParent=clippingParents2[0],clippingRect=clippingParents2.reduce(function(accRect,clippingParent){var rect=getClientRectFromMixedType(element,clippingParent,strategy);return accRect.top=max(rect.top,accRect.top),accRect.right=min(rect.right,accRect.right),accRect.bottom=min(rect.bottom,accRect.bottom),accRect.left=max(rect.left,accRect.left),accRect},getClientRectFromMixedType(element,firstClippingParent,strategy));return clippingRect.width=clippingRect.right-clippingRect.left,clippingRect.height=clippingRect.bottom-clippingRect.top,clippingRect.x=clippingRect.left,clippingRect.y=clippingRect.top,clippingRect}var init_getClippingRect=__esm({"../../node_modules/@popperjs/core/lib/dom-utils/getClippingRect.js"(){init_enums();init_getViewportRect();init_getDocumentRect();init_listScrollParents();init_getOffsetParent();init_getDocumentElement();init_getComputedStyle();init_instanceOf();init_getBoundingClientRect();init_getParentNode();init_contains();init_getNodeName();init_rectToClientRect();init_math()}});function computeOffsets(_ref){var reference2=_ref.reference,element=_ref.element,placement=_ref.placement,basePlacement=placement?getBasePlacement(placement):null,variation=placement?getVariation(placement):null,commonX=reference2.x+reference2.width/2-element.width/2,commonY=reference2.y+reference2.height/2-element.height/2,offsets;switch(basePlacement){case top:offsets={x:commonX,y:reference2.y-element.height};break;case bottom:offsets={x:commonX,y:reference2.y+reference2.height};break;case right:offsets={x:reference2.x+reference2.width,y:commonY};break;case left:offsets={x:reference2.x-element.width,y:commonY};break;default:offsets={x:reference2.x,y:reference2.y}}var mainAxis=basePlacement?getMainAxisFromPlacement(basePlacement):null;if(mainAxis!=null){var len=mainAxis==="y"?"height":"width";switch(variation){case start:offsets[mainAxis]=offsets[mainAxis]-(reference2[len]/2-element[len]/2);break;case end:offsets[mainAxis]=offsets[mainAxis]+(reference2[len]/2-element[len]/2);break;default:}}return offsets}var init_computeOffsets=__esm({"../../node_modules/@popperjs/core/lib/utils/computeOffsets.js"(){init_getBasePlacement();init_getVariation();init_getMainAxisFromPlacement();init_enums()}});function detectOverflow(state,options){options===void 0&&(options={});var _options=options,_options$placement=_options.placement,placement=_options$placement===void 0?state.placement:_options$placement,_options$strategy=_options.strategy,strategy=_options$strategy===void 0?state.strategy:_options$strategy,_options$boundary=_options.boundary,boundary=_options$boundary===void 0?clippingParents:_options$boundary,_options$rootBoundary=_options.rootBoundary,rootBoundary=_options$rootBoundary===void 0?viewport:_options$rootBoundary,_options$elementConte=_options.elementContext,elementContext=_options$elementConte===void 0?popper:_options$elementConte,_options$altBoundary=_options.altBoundary,altBoundary=_options$altBoundary===void 0?!1:_options$altBoundary,_options$padding=_options.padding,padding=_options$padding===void 0?0:_options$padding,paddingObject=mergePaddingObject(typeof padding!="number"?padding:expandToHashMap(padding,basePlacements)),altContext=elementContext===popper?reference:popper,popperRect=state.rects.popper,element=state.elements[altBoundary?altContext:elementContext],clippingClientRect=getClippingRect(isElement(element)?element:element.contextElement||getDocumentElement(state.elements.popper),boundary,rootBoundary,strategy),referenceClientRect=getBoundingClientRect(state.elements.reference),popperOffsets2=computeOffsets({reference:referenceClientRect,element:popperRect,strategy:"absolute",placement}),popperClientRect=rectToClientRect(Object.assign({},popperRect,popperOffsets2)),elementClientRect=elementContext===popper?popperClientRect:referenceClientRect,overflowOffsets={top:clippingClientRect.top-elementClientRect.top+paddingObject.top,bottom:elementClientRect.bottom-clippingClientRect.bottom+paddingObject.bottom,left:clippingClientRect.left-elementClientRect.left+paddingObject.left,right:elementClientRect.right-clippingClientRect.right+paddingObject.right},offsetData=state.modifiersData.offset;if(elementContext===popper&&offsetData){var offset2=offsetData[placement];Object.keys(overflowOffsets).forEach(function(key){var multiply=[right,bottom].indexOf(key)>=0?1:-1,axis=[top,bottom].indexOf(key)>=0?"y":"x";overflowOffsets[key]+=offset2[axis]*multiply})}return overflowOffsets}var init_detectOverflow=__esm({"../../node_modules/@popperjs/core/lib/utils/detectOverflow.js"(){init_getClippingRect();init_getDocumentElement();init_getBoundingClientRect();init_computeOffsets();init_rectToClientRect();init_enums();init_instanceOf();init_mergePaddingObject();init_expandToHashMap()}});function computeAutoPlacement(state,options){options===void 0&&(options={});var _options=options,placement=_options.placement,boundary=_options.boundary,rootBoundary=_options.rootBoundary,padding=_options.padding,flipVariations=_options.flipVariations,_options$allowedAutoP=_options.allowedAutoPlacements,allowedAutoPlacements=_options$allowedAutoP===void 0?placements:_options$allowedAutoP,variation=getVariation(placement),placements2=variation?flipVariations?variationPlacements:variationPlacements.filter(function(placement2){return getVariation(placement2)===variation}):basePlacements,allowedPlacements=placements2.filter(function(placement2){return allowedAutoPlacements.indexOf(placement2)>=0});allowedPlacements.length===0&&(allowedPlacements=placements2,process.env.NODE_ENV!=="production"&&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 overflows=allowedPlacements.reduce(function(acc,placement2){return acc[placement2]=detectOverflow(state,{placement:placement2,boundary,rootBoundary,padding})[getBasePlacement(placement2)],acc},{});return Object.keys(overflows).sort(function(a,b){return overflows[a]-overflows[b]})}var init_computeAutoPlacement=__esm({"../../node_modules/@popperjs/core/lib/utils/computeAutoPlacement.js"(){init_getVariation();init_enums();init_detectOverflow();init_getBasePlacement()}});function getExpandedFallbackPlacements(placement){if(getBasePlacement(placement)===auto)return[];var oppositePlacement=getOppositePlacement(placement);return[getOppositeVariationPlacement(placement),oppositePlacement,getOppositeVariationPlacement(oppositePlacement)]}function flip(_ref){var state=_ref.state,options=_ref.options,name=_ref.name;if(!state.modifiersData[name]._skip){for(var _options$mainAxis=options.mainAxis,checkMainAxis=_options$mainAxis===void 0?!0:_options$mainAxis,_options$altAxis=options.altAxis,checkAltAxis=_options$altAxis===void 0?!0:_options$altAxis,specifiedFallbackPlacements=options.fallbackPlacements,padding=options.padding,boundary=options.boundary,rootBoundary=options.rootBoundary,altBoundary=options.altBoundary,_options$flipVariatio=options.flipVariations,flipVariations=_options$flipVariatio===void 0?!0:_options$flipVariatio,allowedAutoPlacements=options.allowedAutoPlacements,preferredPlacement=state.options.placement,basePlacement=getBasePlacement(preferredPlacement),isBasePlacement=basePlacement===preferredPlacement,fallbackPlacements=specifiedFallbackPlacements||(isBasePlacement||!flipVariations?[getOppositePlacement(preferredPlacement)]:getExpandedFallbackPlacements(preferredPlacement)),placements2=[preferredPlacement].concat(fallbackPlacements).reduce(function(acc,placement2){return acc.concat(getBasePlacement(placement2)===auto?computeAutoPlacement(state,{placement:placement2,boundary,rootBoundary,padding,flipVariations,allowedAutoPlacements}):placement2)},[]),referenceRect=state.rects.reference,popperRect=state.rects.popper,checksMap=new Map,makeFallbackChecks=!0,firstFittingPlacement=placements2[0],i=0;i<placements2.length;i++){var placement=placements2[i],_basePlacement=getBasePlacement(placement),isStartVariation=getVariation(placement)===start,isVertical=[top,bottom].indexOf(_basePlacement)>=0,len=isVertical?"width":"height",overflow=detectOverflow(state,{placement,boundary,rootBoundary,altBoundary,padding}),mainVariationSide=isVertical?isStartVariation?right:left:isStartVariation?bottom:top;referenceRect[len]>popperRect[len]&&(mainVariationSide=getOppositePlacement(mainVariationSide));var altVariationSide=getOppositePlacement(mainVariationSide),checks=[];if(checkMainAxis&&checks.push(overflow[_basePlacement]<=0),checkAltAxis&&checks.push(overflow[mainVariationSide]<=0,overflow[altVariationSide]<=0),checks.every(function(check){return check})){firstFittingPlacement=placement,makeFallbackChecks=!1;break}checksMap.set(placement,checks)}if(makeFallbackChecks)for(var numberOfChecks=flipVariations?3:1,_loop=function(_i2){var fittingPlacement=placements2.find(function(placement2){var checks2=checksMap.get(placement2);if(checks2)return checks2.slice(0,_i2).every(function(check){return check})});if(fittingPlacement)return firstFittingPlacement=fittingPlacement,"break"},_i=numberOfChecks;_i>0;_i--){var _ret=_loop(_i);if(_ret==="break")break}state.placement!==firstFittingPlacement&&(state.modifiersData[name]._skip=!0,state.placement=firstFittingPlacement,state.reset=!0)}}var flip_default,init_flip=__esm({"../../node_modules/@popperjs/core/lib/modifiers/flip.js"(){init_getOppositePlacement();init_getBasePlacement();init_getOppositeVariationPlacement();init_detectOverflow();init_computeAutoPlacement();init_enums();init_getVariation();flip_default={name:"flip",enabled:!0,phase:"main",fn:flip,requiresIfExists:["offset"],data:{_skip:!1}}}});function getSideOffsets(overflow,rect,preventedOffsets){return preventedOffsets===void 0&&(preventedOffsets={x:0,y:0}),{top:overflow.top-rect.height-preventedOffsets.y,right:overflow.right-rect.width+preventedOffsets.x,bottom:overflow.bottom-rect.height+preventedOffsets.y,left:overflow.left-rect.width-preventedOffsets.x}}function isAnySideFullyClipped(overflow){return[top,right,bottom,left].some(function(side){return overflow[side]>=0})}function hide(_ref){var state=_ref.state,name=_ref.name,referenceRect=state.rects.reference,popperRect=state.rects.popper,preventedOffsets=state.modifiersData.preventOverflow,referenceOverflow=detectOverflow(state,{elementContext:"reference"}),popperAltOverflow=detectOverflow(state,{altBoundary:!0}),referenceClippingOffsets=getSideOffsets(referenceOverflow,referenceRect),popperEscapeOffsets=getSideOffsets(popperAltOverflow,popperRect,preventedOffsets),isReferenceHidden=isAnySideFullyClipped(referenceClippingOffsets),hasPopperEscaped=isAnySideFullyClipped(popperEscapeOffsets);state.modifiersData[name]={referenceClippingOffsets,popperEscapeOffsets,isReferenceHidden,hasPopperEscaped},state.attributes.popper=Object.assign({},state.attributes.popper,{"data-popper-reference-hidden":isReferenceHidden,"data-popper-escaped":hasPopperEscaped})}var hide_default,init_hide=__esm({"../../node_modules/@popperjs/core/lib/modifiers/hide.js"(){init_enums();init_detectOverflow();hide_default={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:hide}}});function distanceAndSkiddingToXY(placement,rects,offset2){var basePlacement=getBasePlacement(placement),invertDistance=[left,top].indexOf(basePlacement)>=0?-1:1,_ref=typeof offset2=="function"?offset2(Object.assign({},rects,{placement})):offset2,skidding=_ref[0],distance=_ref[1];return skidding=skidding||0,distance=(distance||0)*invertDistance,[left,right].indexOf(basePlacement)>=0?{x:distance,y:skidding}:{x:skidding,y:distance}}function offset(_ref2){var state=_ref2.state,options=_ref2.options,name=_ref2.name,_options$offset=options.offset,offset2=_options$offset===void 0?[0,0]:_options$offset,data=placements.reduce(function(acc,placement){return acc[placement]=distanceAndSkiddingToXY(placement,state.rects,offset2),acc},{}),_data$state$placement=data[state.placement],x=_data$state$placement.x,y=_data$state$placement.y;state.modifiersData.popperOffsets!=null&&(state.modifiersData.popperOffsets.x+=x,state.modifiersData.popperOffsets.y+=y),state.modifiersData[name]=data}var offset_default,init_offset=__esm({"../../node_modules/@popperjs/core/lib/modifiers/offset.js"(){init_getBasePlacement();init_enums();offset_default={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:offset}}});function popperOffsets(_ref){var state=_ref.state,name=_ref.name;state.modifiersData[name]=computeOffsets({reference:state.rects.reference,element:state.rects.popper,strategy:"absolute",placement:state.placement})}var popperOffsets_default,init_popperOffsets=__esm({"../../node_modules/@popperjs/core/lib/modifiers/popperOffsets.js"(){init_computeOffsets();popperOffsets_default={name:"popperOffsets",enabled:!0,phase:"read",fn:popperOffsets,data:{}}}});function getAltAxis(axis){return axis==="x"?"y":"x"}var init_getAltAxis=__esm({"../../node_modules/@popperjs/core/lib/utils/getAltAxis.js"(){}});function preventOverflow(_ref){var state=_ref.state,options=_ref.options,name=_ref.name,_options$mainAxis=options.mainAxis,checkMainAxis=_options$mainAxis===void 0?!0:_options$mainAxis,_options$altAxis=options.altAxis,checkAltAxis=_options$altAxis===void 0?!1:_options$altAxis,boundary=options.boundary,rootBoundary=options.rootBoundary,altBoundary=options.altBoundary,padding=options.padding,_options$tether=options.tether,tether=_options$tether===void 0?!0:_options$tether,_options$tetherOffset=options.tetherOffset,tetherOffset=_options$tetherOffset===void 0?0:_options$tetherOffset,overflow=detectOverflow(state,{boundary,rootBoundary,padding,altBoundary}),basePlacement=getBasePlacement(state.placement),variation=getVariation(state.placement),isBasePlacement=!variation,mainAxis=getMainAxisFromPlacement(basePlacement),altAxis=getAltAxis(mainAxis),popperOffsets2=state.modifiersData.popperOffsets,referenceRect=state.rects.reference,popperRect=state.rects.popper,tetherOffsetValue=typeof tetherOffset=="function"?tetherOffset(Object.assign({},state.rects,{placement:state.placement})):tetherOffset,normalizedTetherOffsetValue=typeof tetherOffsetValue=="number"?{mainAxis:tetherOffsetValue,altAxis:tetherOffsetValue}:Object.assign({mainAxis:0,altAxis:0},tetherOffsetValue),offsetModifierState=state.modifiersData.offset?state.modifiersData.offset[state.placement]:null,data={x:0,y:0};if(popperOffsets2){if(checkMainAxis){var _offsetModifierState$,mainSide=mainAxis==="y"?top:left,altSide=mainAxis==="y"?bottom:right,len=mainAxis==="y"?"height":"width",offset2=popperOffsets2[mainAxis],min2=offset2+overflow[mainSide],max2=offset2-overflow[altSide],additive=tether?-popperRect[len]/2:0,minLen=variation===start?referenceRect[len]:popperRect[len],maxLen=variation===start?-popperRect[len]:-referenceRect[len],arrowElement=state.elements.arrow,arrowRect=tether&&arrowElement?getLayoutRect(arrowElement):{width:0,height:0},arrowPaddingObject=state.modifiersData["arrow#persistent"]?state.modifiersData["arrow#persistent"].padding:getFreshSideObject(),arrowPaddingMin=arrowPaddingObject[mainSide],arrowPaddingMax=arrowPaddingObject[altSide],arrowLen=within(0,referenceRect[len],arrowRect[len]),minOffset=isBasePlacement?referenceRect[len]/2-additive-arrowLen-arrowPaddingMin-normalizedTetherOffsetValue.mainAxis:minLen-arrowLen-arrowPaddingMin-normalizedTetherOffsetValue.mainAxis,maxOffset=isBasePlacement?-referenceRect[len]/2+additive+arrowLen+arrowPaddingMax+normalizedTetherOffsetValue.mainAxis:maxLen+arrowLen+arrowPaddingMax+normalizedTetherOffsetValue.mainAxis,arrowOffsetParent=state.elements.arrow&&getOffsetParent(state.elements.arrow),clientOffset=arrowOffsetParent?mainAxis==="y"?arrowOffsetParent.clientTop||0:arrowOffsetParent.clientLeft||0:0,offsetModifierValue=(_offsetModifierState$=offsetModifierState==null?void 0:offsetModifierState[mainAxis])!=null?_offsetModifierState$:0,tetherMin=offset2+minOffset-offsetModifierValue-clientOffset,tetherMax=offset2+maxOffset-offsetModifierValue,preventedOffset=within(tether?min(min2,tetherMin):min2,offset2,tether?max(max2,tetherMax):max2);popperOffsets2[mainAxis]=preventedOffset,data[mainAxis]=preventedOffset-offset2}if(checkAltAxis){var _offsetModifierState$2,_mainSide=mainAxis==="x"?top:left,_altSide=mainAxis==="x"?bottom:right,_offset=popperOffsets2[altAxis],_len=altAxis==="y"?"height":"width",_min=_offset+overflow[_mainSide],_max=_offset-overflow[_altSide],isOriginSide=[top,left].indexOf(basePlacement)!==-1,_offsetModifierValue=(_offsetModifierState$2=offsetModifierState==null?void 0:offsetModifierState[altAxis])!=null?_offsetModifierState$2:0,_tetherMin=isOriginSide?_min:_offset-referenceRect[_len]-popperRect[_len]-_offsetModifierValue+normalizedTetherOffsetValue.altAxis,_tetherMax=isOriginSide?_offset+referenceRect[_len]+popperRect[_len]-_offsetModifierValue-normalizedTetherOffsetValue.altAxis:_max,_preventedOffset=tether&&isOriginSide?withinMaxClamp(_tetherMin,_offset,_tetherMax):within(tether?_tetherMin:_min,_offset,tether?_tetherMax:_max);popperOffsets2[altAxis]=_preventedOffset,data[altAxis]=_preventedOffset-_offset}state.modifiersData[name]=data}}var preventOverflow_default,init_preventOverflow=__esm({"../../node_modules/@popperjs/core/lib/modifiers/preventOverflow.js"(){init_enums();init_getBasePlacement();init_getMainAxisFromPlacement();init_getAltAxis();init_within();init_getLayoutRect();init_getOffsetParent();init_detectOverflow();init_getVariation();init_getFreshSideObject();init_math();preventOverflow_default={name:"preventOverflow",enabled:!0,phase:"main",fn:preventOverflow,requiresIfExists:["offset"]}}});var init_modifiers=__esm({"../../node_modules/@popperjs/core/lib/modifiers/index.js"(){}});function getHTMLElementScroll(element){return{scrollLeft:element.scrollLeft,scrollTop:element.scrollTop}}var init_getHTMLElementScroll=__esm({"../../node_modules/@popperjs/core/lib/dom-utils/getHTMLElementScroll.js"(){}});function getNodeScroll(node){return node===getWindow(node)||!isHTMLElement(node)?getWindowScroll(node):getHTMLElementScroll(node)}var init_getNodeScroll=__esm({"../../node_modules/@popperjs/core/lib/dom-utils/getNodeScroll.js"(){init_getWindowScroll();init_getWindow();init_instanceOf();init_getHTMLElementScroll()}});function isElementScaled(element){var rect=element.getBoundingClientRect(),scaleX=round(rect.width)/element.offsetWidth||1,scaleY=round(rect.height)/element.offsetHeight||1;return scaleX!==1||scaleY!==1}function getCompositeRect(elementOrVirtualElement,offsetParent,isFixed){isFixed===void 0&&(isFixed=!1);var isOffsetParentAnElement=isHTMLElement(offsetParent),offsetParentIsScaled=isHTMLElement(offsetParent)&&isElementScaled(offsetParent),documentElement=getDocumentElement(offsetParent),rect=getBoundingClientRect(elementOrVirtualElement,offsetParentIsScaled,isFixed),scroll={scrollLeft:0,scrollTop:0},offsets={x:0,y:0};return(isOffsetParentAnElement||!isOffsetParentAnElement&&!isFixed)&&((getNodeName(offsetParent)!=="body"||isScrollParent(documentElement))&&(scroll=getNodeScroll(offsetParent)),isHTMLElement(offsetParent)?(offsets=getBoundingClientRect(offsetParent,!0),offsets.x+=offsetParent.clientLeft,offsets.y+=offsetParent.clientTop):documentElement&&(offsets.x=getWindowScrollBarX(documentElement))),{x:rect.left+scroll.scrollLeft-offsets.x,y:rect.top+scroll.scrollTop-offsets.y,width:rect.width,height:rect.height}}var init_getCompositeRect=__esm({"../../node_modules/@popperjs/core/lib/dom-utils/getCompositeRect.js"(){init_getBoundingClientRect();init_getNodeScroll();init_getNodeName();init_instanceOf();init_getWindowScrollBarX();init_getDocumentElement();init_isScrollParent();init_math()}});function order(modifiers){var map=new Map,visited=new Set,result=[];modifiers.forEach(function(modifier){map.set(modifier.name,modifier)});function sort(modifier){visited.add(modifier.name);var requires=[].concat(modifier.requires||[],modifier.requiresIfExists||[]);requires.forEach(function(dep){if(!visited.has(dep)){var depModifier=map.get(dep);depModifier&&sort(depModifier)}}),result.push(modifier)}return modifiers.forEach(function(modifier){visited.has(modifier.name)||sort(modifier)}),result}function orderModifiers(modifiers){var orderedModifiers=order(modifiers);return modifierPhases.reduce(function(acc,phase){return acc.concat(orderedModifiers.filter(function(modifier){return modifier.phase===phase}))},[])}var init_orderModifiers=__esm({"../../node_modules/@popperjs/core/lib/utils/orderModifiers.js"(){init_enums()}});function debounce(fn2){var pending;return function(){return pending||(pending=new Promise(function(resolve){Promise.resolve().then(function(){pending=void 0,resolve(fn2())})})),pending}}var init_debounce=__esm({"../../node_modules/@popperjs/core/lib/utils/debounce.js"(){}});function format2(str){for(var _len=arguments.length,args=new Array(_len>1?_len-1:0),_key=1;_key<_len;_key++)args[_key-1]=arguments[_key];return[].concat(args).reduce(function(p,c){return p.replace(/%s/,c)},str)}var init_format=__esm({"../../node_modules/@popperjs/core/lib/utils/format.js"(){}});function validateModifiers(modifiers){modifiers.forEach(function(modifier){[].concat(Object.keys(modifier),VALID_PROPERTIES).filter(function(value,index3,self2){return self2.indexOf(value)===index3}).forEach(function(key){switch(key){case"name":typeof modifier.name!="string"&&console.error(format2(INVALID_MODIFIER_ERROR,String(modifier.name),'"name"','"string"','"'+String(modifier.name)+'"'));break;case"enabled":typeof modifier.enabled!="boolean"&&console.error(format2(INVALID_MODIFIER_ERROR,modifier.name,'"enabled"','"boolean"','"'+String(modifier.enabled)+'"'));break;case"phase":modifierPhases.indexOf(modifier.phase)<0&&console.error(format2(INVALID_MODIFIER_ERROR,modifier.name,'"phase"',"either "+modifierPhases.join(", "),'"'+String(modifier.phase)+'"'));break;case"fn":typeof modifier.fn!="function"&&console.error(format2(INVALID_MODIFIER_ERROR,modifier.name,'"fn"','"function"','"'+String(modifier.fn)+'"'));break;case"effect":modifier.effect!=null&&typeof modifier.effect!="function"&&console.error(format2(INVALID_MODIFIER_ERROR,modifier.name,'"effect"','"function"','"'+String(modifier.fn)+'"'));break;case"requires":modifier.requires!=null&&!Array.isArray(modifier.requires)&&console.error(format2(INVALID_MODIFIER_ERROR,modifier.name,'"requires"','"array"','"'+String(modifier.requires)+'"'));break;case"requiresIfExists":Array.isArray(modifier.requiresIfExists)||console.error(format2(INVALID_MODIFIER_ERROR,modifier.name,'"requiresIfExists"','"array"','"'+String(modifier.requiresIfExists)+'"'));break;case"options":case"data":break;default:console.error('PopperJS: an invalid property has been provided to the "'+modifier.name+'" modifier, valid properties are '+VALID_PROPERTIES.map(function(s){return'"'+s+'"'}).join(", ")+'; but "'+key+'" was provided.')}modifier.requires&&modifier.requires.forEach(function(requirement){modifiers.find(function(mod){return mod.name===requirement})==null&&console.error(format2(MISSING_DEPENDENCY_ERROR,String(modifier.name),requirement,requirement))})})})}var INVALID_MODIFIER_ERROR,MISSING_DEPENDENCY_ERROR,VALID_PROPERTIES,init_validateModifiers=__esm({"../../node_modules/@popperjs/core/lib/utils/validateModifiers.js"(){init_format();init_enums();INVALID_MODIFIER_ERROR='Popper: modifier "%s" provided an invalid %s property, expected %s but got %s',MISSING_DEPENDENCY_ERROR='Popper: modifier "%s" requires "%s", but "%s" modifier is not available',VALID_PROPERTIES=["name","enabled","phase","fn","effect","requires","options"]}});function uniqueBy(arr,fn2){var identifiers=new Set;return arr.filter(function(item){var identifier=fn2(item);if(!identifiers.has(identifier))return identifiers.add(identifier),!0})}var init_uniqueBy=__esm({"../../node_modules/@popperjs/core/lib/utils/uniqueBy.js"(){}});function mergeByName(modifiers){var merged=modifiers.reduce(function(merged2,current){var existing=merged2[current.name];return merged2[current.name]=existing?Object.assign({},existing,current,{options:Object.assign({},existing.options,current.options),data:Object.assign({},existing.data,current.data)}):current,merged2},{});return Object.keys(merged).map(function(key){return merged[key]})}var init_mergeByName=__esm({"../../node_modules/@popperjs/core/lib/utils/mergeByName.js"(){}});function areValidElements(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return!args.some(function(element){return!(element&&typeof element.getBoundingClientRect=="function")})}function popperGenerator(generatorOptions){generatorOptions===void 0&&(generatorOptions={});var _generatorOptions=generatorOptions,_generatorOptions$def=_generatorOptions.defaultModifiers,defaultModifiers2=_generatorOptions$def===void 0?[]:_generatorOptions$def,_generatorOptions$def2=_generatorOptions.defaultOptions,defaultOptions=_generatorOptions$def2===void 0?DEFAULT_OPTIONS:_generatorOptions$def2;return function(reference2,popper2,options){options===void 0&&(options=defaultOptions);var state={placement:"bottom",orderedModifiers:[],options:Object.assign({},DEFAULT_OPTIONS,defaultOptions),modifiersData:{},elements:{reference:reference2,popper:popper2},attributes:{},styles:{}},effectCleanupFns=[],isDestroyed=!1,instance={state,setOptions:function(setOptionsAction){var options2=typeof setOptionsAction=="function"?setOptionsAction(state.options):setOptionsAction;cleanupModifierEffects(),state.options=Object.assign({},defaultOptions,state.options,options2),state.scrollParents={reference:isElement(reference2)?listScrollParents(reference2):reference2.contextElement?listScrollParents(reference2.contextElement):[],popper:listScrollParents(popper2)};var orderedModifiers=orderModifiers(mergeByName([].concat(defaultModifiers2,state.options.modifiers)));if(state.orderedModifiers=orderedModifiers.filter(function(m){return m.enabled}),process.env.NODE_ENV!=="production"){var modifiers=uniqueBy([].concat(orderedModifiers,state.options.modifiers),function(_ref){var name=_ref.name;return name});if(validateModifiers(modifiers),getBasePlacement(state.options.placement)===auto){var flipModifier=state.orderedModifiers.find(function(_ref2){var name=_ref2.name;return name==="flip"});flipModifier||console.error(['Popper: "auto" placements require the "flip" modifier be',"present and enabled to work."].join(" "))}var _getComputedStyle=getComputedStyle2(popper2),marginTop=_getComputedStyle.marginTop,marginRight=_getComputedStyle.marginRight,marginBottom=_getComputedStyle.marginBottom,marginLeft=_getComputedStyle.marginLeft;[marginTop,marginRight,marginBottom,marginLeft].some(function(margin){return parseFloat(margin)})&&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 runModifierEffects(),instance.update()},forceUpdate:function(){if(!isDestroyed){var _state$elements=state.elements,reference3=_state$elements.reference,popper3=_state$elements.popper;if(!areValidElements(reference3,popper3)){process.env.NODE_ENV!=="production"&&console.error(INVALID_ELEMENT_ERROR);return}state.rects={reference:getCompositeRect(reference3,getOffsetParent(popper3),state.options.strategy==="fixed"),popper:getLayoutRect(popper3)},state.reset=!1,state.placement=state.options.placement,state.orderedModifiers.forEach(function(modifier){return state.modifiersData[modifier.name]=Object.assign({},modifier.data)});for(var __debug_loops__=0,index3=0;index3<state.orderedModifiers.length;index3++){if(process.env.NODE_ENV!=="production"&&(__debug_loops__+=1,__debug_loops__>100)){console.error(INFINITE_LOOP_ERROR);break}if(state.reset===!0){state.reset=!1,index3=-1;continue}var _state$orderedModifie=state.orderedModifiers[index3],fn2=_state$orderedModifie.fn,_state$orderedModifie2=_state$orderedModifie.options,_options=_state$orderedModifie2===void 0?{}:_state$orderedModifie2,name=_state$orderedModifie.name;typeof fn2=="function"&&(state=fn2({state,options:_options,name,instance})||state)}}},update:debounce(function(){return new Promise(function(resolve){instance.forceUpdate(),resolve(state)})}),destroy:function(){cleanupModifierEffects(),isDestroyed=!0}};if(!areValidElements(reference2,popper2))return process.env.NODE_ENV!=="production"&&console.error(INVALID_ELEMENT_ERROR),instance;instance.setOptions(options).then(function(state2){!isDestroyed&&options.onFirstUpdate&&options.onFirstUpdate(state2)});function runModifierEffects(){state.orderedModifiers.forEach(function(_ref3){var name=_ref3.name,_ref3$options=_ref3.options,options2=_ref3$options===void 0?{}:_ref3$options,effect4=_ref3.effect;if(typeof effect4=="function"){var cleanupFn=effect4({state,name,instance,options:options2}),noopFn=function(){};effectCleanupFns.push(cleanupFn||noopFn)}})}function cleanupModifierEffects(){effectCleanupFns.forEach(function(fn2){return fn2()}),effectCleanupFns=[]}return instance}}var INVALID_ELEMENT_ERROR,INFINITE_LOOP_ERROR,DEFAULT_OPTIONS,init_createPopper=__esm({"../../node_modules/@popperjs/core/lib/createPopper.js"(){init_getCompositeRect();init_getLayoutRect();init_listScrollParents();init_getOffsetParent();init_getComputedStyle();init_orderModifiers();init_debounce();init_validateModifiers();init_uniqueBy();init_getBasePlacement();init_mergeByName();init_instanceOf();init_enums();INVALID_ELEMENT_ERROR="Popper: Invalid reference or popper argument provided. They must be either a DOM element or virtual element.",INFINITE_LOOP_ERROR="Popper: An infinite loop in the modifiers cycle has been detected! The cycle has been interrupted to prevent a browser crash.",DEFAULT_OPTIONS={placement:"bottom",modifiers:[],strategy:"absolute"}}});var defaultModifiers,createPopper,init_popper=__esm({"../../node_modules/@popperjs/core/lib/popper.js"(){init_createPopper();init_eventListeners();init_popperOffsets();init_computeStyles();init_applyStyles();init_offset();init_flip();init_preventOverflow();init_arrow();init_hide();init_modifiers();defaultModifiers=[eventListeners_default,popperOffsets_default,computeStyles_default,applyStyles_default,offset_default,flip_default,preventOverflow_default,arrow_default,hide_default],createPopper=popperGenerator({defaultModifiers})}});var init_lib=__esm({"../../node_modules/@popperjs/core/lib/index.js"(){init_enums();init_modifiers();init_popper()}});var require_react_fast_compare=__commonJS({"../../node_modules/react-fast-compare/index.js"(exports,module2){var hasElementType=typeof Element<"u",hasMap=typeof Map=="function",hasSet=typeof Set=="function",hasArrayBuffer=typeof ArrayBuffer=="function"&&!!ArrayBuffer.isView;function equal(a,b){if(a===b)return!0;if(a&&b&&typeof a=="object"&&typeof b=="object"){if(a.constructor!==b.constructor)return!1;var length2,i,keys;if(Array.isArray(a)){if(length2=a.length,length2!=b.length)return!1;for(i=length2;i--!==0;)if(!equal(a[i],b[i]))return!1;return!0}var it;if(hasMap&&a instanceof Map&&b instanceof Map){if(a.size!==b.size)return!1;for(it=a.entries();!(i=it.next()).done;)if(!b.has(i.value[0]))return!1;for(it=a.entries();!(i=it.next()).done;)if(!equal(i.value[1],b.get(i.value[0])))return!1;return!0}if(hasSet&&a instanceof Set&&b instanceof Set){if(a.size!==b.size)return!1;for(it=a.entries();!(i=it.next()).done;)if(!b.has(i.value[0]))return!1;return!0}if(hasArrayBuffer&&ArrayBuffer.isView(a)&&ArrayBuffer.isView(b)){if(length2=a.length,length2!=b.length)return!1;for(i=length2;i--!==0;)if(a[i]!==b[i])return!1;return!0}if(a.constructor===RegExp)return a.source===b.source&&a.flags===b.flags;if(a.valueOf!==Object.prototype.valueOf&&typeof a.valueOf=="function"&&typeof b.valueOf=="function")return a.valueOf()===b.valueOf();if(a.toString!==Object.prototype.toString&&typeof a.toString=="function"&&typeof b.toString=="function")return a.toString()===b.toString();if(keys=Object.keys(a),length2=keys.length,length2!==Object.keys(b).length)return!1;for(i=length2;i--!==0;)if(!Object.prototype.hasOwnProperty.call(b,keys[i]))return!1;if(hasElementType&&a instanceof Element)return!1;for(i=length2;i--!==0;)if(!((keys[i]==="_owner"||keys[i]==="__v"||keys[i]==="__o")&&a.$$typeof)&&!equal(a[keys[i]],b[keys[i]]))return!1;return!0}return a!==a&&b!==b}module2.exports=function(a,b){try{return equal(a,b)}catch(error){if((error.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw error}}}});var React25,ReactDOM,import_react_fast_compare,EMPTY_MODIFIERS,usePopper,init_usePopper=__esm({"../../node_modules/react-popper/lib/esm/usePopper.js"(){React25=__toESM(require("react")),ReactDOM=__toESM(require("react-dom"));init_lib();import_react_fast_compare=__toESM(require_react_fast_compare());init_utils();EMPTY_MODIFIERS=[],usePopper=function(referenceElement,popperElement,options){options===void 0&&(options={});var prevOptions=React25.useRef(null),optionsWithDefaults={onFirstUpdate:options.onFirstUpdate,placement:options.placement||"bottom",strategy:options.strategy||"absolute",modifiers:options.modifiers||EMPTY_MODIFIERS},_React$useState=React25.useState({styles:{popper:{position:optionsWithDefaults.strategy,left:"0",top:"0"},arrow:{position:"absolute"}},attributes:{}}),state=_React$useState[0],setState=_React$useState[1],updateStateModifier=React25.useMemo(function(){return{name:"updateState",enabled:!0,phase:"write",fn:function(_ref){var state2=_ref.state,elements=Object.keys(state2.elements);ReactDOM.flushSync(function(){setState({styles:fromEntries(elements.map(function(element){return[element,state2.styles[element]||{}]})),attributes:fromEntries(elements.map(function(element){return[element,state2.attributes[element]]}))})})},requires:["computeStyles"]}},[]),popperOptions=React25.useMemo(function(){var newOptions={onFirstUpdate:optionsWithDefaults.onFirstUpdate,placement:optionsWithDefaults.placement,strategy:optionsWithDefaults.strategy,modifiers:[].concat(optionsWithDefaults.modifiers,[updateStateModifier,{name:"applyStyles",enabled:!1}])};return(0,import_react_fast_compare.default)(prevOptions.current,newOptions)?prevOptions.current||newOptions:(prevOptions.current=newOptions,newOptions)},[optionsWithDefaults.onFirstUpdate,optionsWithDefaults.placement,optionsWithDefaults.strategy,optionsWithDefaults.modifiers,updateStateModifier]),popperInstanceRef=React25.useRef();return useIsomorphicLayoutEffect(function(){popperInstanceRef.current&&popperInstanceRef.current.setOptions(popperOptions)},[popperOptions]),useIsomorphicLayoutEffect(function(){if(!(referenceElement==null||popperElement==null)){var createPopper2=options.createPopper||createPopper,popperInstance=createPopper2(referenceElement,popperElement,popperOptions);return popperInstanceRef.current=popperInstance,function(){popperInstance.destroy(),popperInstanceRef.current=null}}},[referenceElement,popperElement,options.createPopper]),{state:popperInstanceRef.current?popperInstanceRef.current.state:null,styles:state.styles,attributes:state.attributes,update:popperInstanceRef.current?popperInstanceRef.current.update:null,forceUpdate:popperInstanceRef.current?popperInstanceRef.current.forceUpdate:null}}}});var init_esm3=__esm({"../../node_modules/react-popper/lib/esm/index.js"(){init_usePopper()}});function useGetLatest(val){var ref=React26.useRef(val);return ref.current=val,React26.useCallback(function(){return ref.current},[])}function useControlledState(_ref){var initial=_ref.initial,value=_ref.value,_ref$onChange=_ref.onChange,onChange=_ref$onChange===void 0?noop3:_ref$onChange;if(initial===void 0&&value===void 0)throw new TypeError('Either "value" or "initial" variable must be set. Now both are undefined');var _React$useState=React26.useState(initial),state=_React$useState[0],setState=_React$useState[1],getLatest=useGetLatest(state),set=React26.useCallback(function(updater){var state2=getLatest(),updatedState=typeof updater=="function"?updater(state2):updater;typeof updatedState.persist=="function"&&updatedState.persist(),setState(updatedState),typeof onChange=="function"&&onChange(updatedState)},[getLatest,onChange]),isControlled=value!==void 0;return[isControlled?value:state,isControlled?onChange:set]}function generateBoundingClientRect(x,y){return x===void 0&&(x=0),y===void 0&&(y=0),function(){return{width:0,height:0,top:y,right:x,bottom:y,left:x,x:0,y:0,toJSON:function(){return null}}}}function usePopperTooltip(config,popperOptions){var _popperProps$state,_popperProps$state$mo,_popperProps$state$mo2;config===void 0&&(config={}),popperOptions===void 0&&(popperOptions={});var finalConfig=Object.keys(defaultConfig).reduce(function(config2,key){var _extends22;return _extends({},config2,(_extends22={},_extends22[key]=config2[key]!==void 0?config2[key]:defaultConfig[key],_extends22))},config),defaultModifiers2=React26.useMemo(function(){return[{name:"offset",options:{offset:finalConfig.offset}}]},Array.isArray(finalConfig.offset)?finalConfig.offset:[]),finalPopperOptions=_extends({},popperOptions,{placement:popperOptions.placement||finalConfig.placement,modifiers:popperOptions.modifiers||defaultModifiers2}),_React$useState=React26.useState(null),triggerRef=_React$useState[0],setTriggerRef=_React$useState[1],_React$useState2=React26.useState(null),tooltipRef=_React$useState2[0],setTooltipRef=_React$useState2[1],_useControlledState=useControlledState({initial:finalConfig.defaultVisible,value:finalConfig.visible,onChange:finalConfig.onVisibleChange}),visible=_useControlledState[0],setVisible=_useControlledState[1],timer=React26.useRef();React26.useEffect(function(){return function(){return clearTimeout(timer.current)}},[]);var _usePopper=usePopper(finalConfig.followCursor?virtualElement:triggerRef,tooltipRef,finalPopperOptions),styles2=_usePopper.styles,attributes=_usePopper.attributes,popperProps=_objectWithoutPropertiesLoose(_usePopper,_excluded3),update=popperProps.update,getLatest=useGetLatest({visible,triggerRef,tooltipRef,finalConfig}),isTriggeredBy=React26.useCallback(function(trigger){return Array.isArray(finalConfig.trigger)?finalConfig.trigger.includes(trigger):finalConfig.trigger===trigger},Array.isArray(finalConfig.trigger)?finalConfig.trigger:[finalConfig.trigger]),hideTooltip=React26.useCallback(function(){clearTimeout(timer.current),timer.current=window.setTimeout(function(){return setVisible(!1)},finalConfig.delayHide)},[finalConfig.delayHide,setVisible]),showTooltip=React26.useCallback(function(){clearTimeout(timer.current),timer.current=window.setTimeout(function(){return setVisible(!0)},finalConfig.delayShow)},[finalConfig.delayShow,setVisible]),toggleTooltip=React26.useCallback(function(){getLatest().visible?hideTooltip():showTooltip()},[getLatest,hideTooltip,showTooltip]);React26.useEffect(function(){if(getLatest().finalConfig.closeOnOutsideClick){var handleClickOutside=function(event){var _event$composedPath,_getLatest=getLatest(),tooltipRef2=_getLatest.tooltipRef,triggerRef2=_getLatest.triggerRef,target=(event.composedPath==null||(_event$composedPath=event.composedPath())==null?void 0:_event$composedPath[0])||event.target;target instanceof Node&&tooltipRef2!=null&&triggerRef2!=null&&!tooltipRef2.contains(target)&&!triggerRef2.contains(target)&&hideTooltip()};return document.addEventListener("mousedown",handleClickOutside),function(){return document.removeEventListener("mousedown",handleClickOutside)}}},[getLatest,hideTooltip]),React26.useEffect(function(){if(!(triggerRef==null||!isTriggeredBy("click")))return triggerRef.addEventListener("click",toggleTooltip),function(){return triggerRef.removeEventListener("click",toggleTooltip)}},[triggerRef,isTriggeredBy,toggleTooltip]),React26.useEffect(function(){if(!(triggerRef==null||!isTriggeredBy("double-click")))return triggerRef.addEventListener("dblclick",toggleTooltip),function(){return triggerRef.removeEventListener("dblclick",toggleTooltip)}},[triggerRef,isTriggeredBy,toggleTooltip]),React26.useEffect(function(){if(!(triggerRef==null||!isTriggeredBy("right-click"))){var preventDefaultAndToggle=function(event){event.preventDefault(),toggleTooltip()};return triggerRef.addEventListener("contextmenu",preventDefaultAndToggle),function(){return triggerRef.removeEventListener("contextmenu",preventDefaultAndToggle)}}},[triggerRef,isTriggeredBy,toggleTooltip]),React26.useEffect(function(){if(!(triggerRef==null||!isTriggeredBy("focus")))return triggerRef.addEventListener("focus",showTooltip),triggerRef.addEventListener("blur",hideTooltip),function(){triggerRef.removeEventListener("focus",showTooltip),triggerRef.removeEventListener("blur",hideTooltip)}},[triggerRef,isTriggeredBy,showTooltip,hideTooltip]),React26.useEffect(function(){if(!(triggerRef==null||!isTriggeredBy("hover")))return triggerRef.addEventListener("mouseenter",showTooltip),triggerRef.addEventListener("mouseleave",hideTooltip),function(){triggerRef.removeEventListener("mouseenter",showTooltip),triggerRef.removeEventListener("mouseleave",hideTooltip)}},[triggerRef,isTriggeredBy,showTooltip,hideTooltip]),React26.useEffect(function(){if(!(tooltipRef==null||!isTriggeredBy("hover")||!getLatest().finalConfig.interactive))return tooltipRef.addEventListener("mouseenter",showTooltip),tooltipRef.addEventListener("mouseleave",hideTooltip),function(){tooltipRef.removeEventListener("mouseenter",showTooltip),tooltipRef.removeEventListener("mouseleave",hideTooltip)}},[tooltipRef,isTriggeredBy,showTooltip,hideTooltip,getLatest]);var isReferenceHidden=popperProps==null||(_popperProps$state=popperProps.state)==null||(_popperProps$state$mo=_popperProps$state.modifiersData)==null||(_popperProps$state$mo2=_popperProps$state$mo.hide)==null?void 0:_popperProps$state$mo2.isReferenceHidden;React26.useEffect(function(){finalConfig.closeOnTriggerHidden&&isReferenceHidden&&hideTooltip()},[finalConfig.closeOnTriggerHidden,hideTooltip,isReferenceHidden]),React26.useEffect(function(){if(!finalConfig.followCursor||triggerRef==null)return;function setMousePosition(_ref){var clientX=_ref.clientX,clientY=_ref.clientY;virtualElement.getBoundingClientRect=generateBoundingClientRect(clientX,clientY),update==null||update()}return triggerRef.addEventListener("mousemove",setMousePosition),function(){return triggerRef.removeEventListener("mousemove",setMousePosition)}},[finalConfig.followCursor,triggerRef,update]),React26.useEffect(function(){if(!(tooltipRef==null||update==null||finalConfig.mutationObserverOptions==null)){var observer=new MutationObserver(update);return observer.observe(tooltipRef,finalConfig.mutationObserverOptions),function(){return observer.disconnect()}}},[finalConfig.mutationObserverOptions,tooltipRef,update]);var getTooltipProps=function(args){return args===void 0&&(args={}),_extends({},args,{style:_extends({},args.style,styles2.popper)},attributes.popper,{"data-popper-interactive":finalConfig.interactive})},getArrowProps=function(args){return args===void 0&&(args={}),_extends({},args,attributes.arrow,{style:_extends({},args.style,styles2.arrow),"data-popper-arrow":!0})};return _extends({getArrowProps,getTooltipProps,setTooltipRef,setTriggerRef,tooltipRef,triggerRef,visible},popperProps)}var React26,noop3,_excluded3,virtualElement,defaultConfig,init_react_popper_tooltip=__esm({"../../node_modules/react-popper-tooltip/dist/esm/react-popper-tooltip.js"(){init_objectWithoutPropertiesLoose();init_extends();React26=__toESM(require("react"));init_esm3();noop3=function(){};_excluded3=["styles","attributes"],virtualElement={getBoundingClientRect:generateBoundingClientRect()},defaultConfig={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"}}});var import_react27,import_memoizerific3,import_theming39,match,ArrowSpacing,Arrow,Wrapper3,Tooltip,init_Tooltip=__esm({"src/tooltip/Tooltip.tsx"(){import_react27=__toESM(require("react")),import_memoizerific3=__toESM(require("memoizerific")),import_theming39=require("@storybook/theming"),match=(0,import_memoizerific3.default)(1e3)((requests,actual,value,fallback=0)=>actual.split("-")[0]===requests?value:fallback),ArrowSpacing=8,Arrow=import_theming39.styled.div({position:"absolute",borderStyle:"solid"},({placement})=>{let x=0,y=0;switch(!0){case(placement.startsWith("left")||placement.startsWith("right")):{y=8;break}case(placement.startsWith("top")||placement.startsWith("bottom")):{x=8;break}default:}return{transform:`translate3d(${x}px, ${y}px, 0px)`}},({theme,color,placement})=>({bottom:`${match("top",placement,`${ArrowSpacing*-1}px`,"auto")}`,top:`${match("bottom",placement,`${ArrowSpacing*-1}px`,"auto")}`,right:`${match("left",placement,`${ArrowSpacing*-1}px`,"auto")}`,left:`${match("right",placement,`${ArrowSpacing*-1}px`,"auto")}`,borderBottomWidth:`${match("top",placement,"0",ArrowSpacing)}px`,borderTopWidth:`${match("bottom",placement,"0",ArrowSpacing)}px`,borderRightWidth:`${match("left",placement,"0",ArrowSpacing)}px`,borderLeftWidth:`${match("right",placement,"0",ArrowSpacing)}px`,borderTopColor:match("top",placement,theme.color[color]||color||theme.base==="light"?(0,import_theming39.lighten)(theme.background.app):theme.background.app,"transparent"),borderBottomColor:match("bottom",placement,theme.color[color]||color||theme.base==="light"?(0,import_theming39.lighten)(theme.background.app):theme.background.app,"transparent"),borderLeftColor:match("left",placement,theme.color[color]||color||theme.base==="light"?(0,import_theming39.lighten)(theme.background.app):theme.background.app,"transparent"),borderRightColor:match("right",placement,theme.color[color]||color||theme.base==="light"?(0,import_theming39.lighten)(theme.background.app):theme.background.app,"transparent")})),Wrapper3=import_theming39.styled.div(({hidden})=>({display:hidden?"none":"inline-block",zIndex:2147483647}),({theme,color,hasChrome})=>hasChrome?{background:theme.color[color]||color||theme.base==="light"?(0,import_theming39.lighten)(theme.background.app):theme.background.app,filter:`
             drop-shadow(0px 5px 5px rgba(0,0,0,0.05))
             drop-shadow(0 1px 3px rgba(0,0,0,0.1))
           `,borderRadius:theme.appBorderRadius,fontSize:theme.typography.size.s1}:{}),Tooltip=import_react27.default.forwardRef(({placement,hasChrome,children,arrowProps,tooltipRef,color,withArrows,...props},ref)=>import_react27.default.createElement(Wrapper3,{"data-testid":"tooltip",hasChrome,ref,...props,color},hasChrome&&withArrows&&import_react27.default.createElement(Arrow,{placement,...arrowProps,color}),children));Tooltip.displayName="Tooltip";Tooltip.defaultProps={color:void 0,tooltipRef:void 0,hasChrome:!0,placement:"top",arrowProps:{}}}});var WithTooltip_exports={};__export(WithTooltip_exports,{WithToolTipState:()=>WithToolTipState,WithTooltip:()=>WithToolTipState,WithTooltipPure:()=>WithTooltipPure});var import_react28,import_react_dom,import_theming40,import_global3,document4,TargetContainer,TargetSvgContainer,WithTooltipPure,WithToolTipState,init_WithTooltip=__esm({"src/tooltip/WithTooltip.tsx"(){import_react28=__toESM(require("react")),import_react_dom=__toESM(require("react-dom")),import_theming40=require("@storybook/theming"),import_global3=require("@storybook/global");init_react_popper_tooltip();init_Tooltip();({document:document4}=import_global3.global),TargetContainer=import_theming40.styled.div`
@@ -336,7 +336,7 @@ To pass a single animation please supply them in simple values, e.g. animation('
   }
 `,Icons=({icon,useSymbol,...props})=>import_react13.default.createElement(Svg,{viewBox:"0 0 14 14",width:"14px",height:"14px",...props},useSymbol?import_react13.default.createElement("use",{xlinkHref:`#icon--${icon}`}):icons[icon]),Symbols=(0,import_react13.memo)(function({icons:keys=Object.keys(icons)}){return import_react13.default.createElement(Svg,{viewBox:"0 0 14 14",style:{position:"absolute",width:0,height:0},"data-chromatic":"ignore"},keys.map(key=>import_react13.default.createElement("symbol",{id:`icon--${key}`,key},icons[key])))});var LEFT_BUTTON=0,isPlainLeftClick=e=>e.button===LEFT_BUTTON&&!e.altKey&&!e.ctrlKey&&!e.metaKey&&!e.shiftKey,cancelled=(e,cb)=>{isPlainLeftClick(e)&&(e.preventDefault(),cb(e))},LinkInner=import_theming29.styled.span(({withArrow})=>withArrow?{"> svg:last-of-type":{height:"0.7em",width:"0.7em",marginRight:0,marginLeft:"0.25em",bottom:"auto",verticalAlign:"inherit"}}:{},({containsIcon})=>containsIcon?{svg:{height:"1em",width:"1em",verticalAlign:"middle",position:"relative",bottom:0,marginRight:0}}:{}),A2=import_theming29.styled.a(({theme})=>({display:"inline-block",transition:"all 150ms ease-out",textDecoration:"none",color:theme.color.secondary,"&:hover, &:focus":{cursor:"pointer",color:curriedDarken$1(.07,theme.color.secondary),"svg path":{fill:curriedDarken$1(.07,theme.color.secondary)}},"&:active":{color:curriedDarken$1(.1,theme.color.secondary),"svg path":{fill:curriedDarken$1(.1,theme.color.secondary)}},svg:{display:"inline-block",height:"1em",width:"1em",verticalAlign:"text-top",position:"relative",bottom:"-0.125em",marginRight:"0.4em","& path":{fill:theme.color.secondary}}}),({theme,secondary,tertiary})=>{let colors;return secondary&&(colors=[theme.textMutedColor,theme.color.dark,theme.color.darker]),tertiary&&(colors=[theme.color.dark,theme.color.darkest,theme.textMutedColor]),colors?{color:colors[0],"svg path":{fill:colors[0]},"&:hover":{color:colors[1],"svg path":{fill:colors[1]}},"&:active":{color:colors[2],"svg path":{fill:colors[2]}}}:{}},({nochrome})=>nochrome?{color:"inherit","&:hover, &:active":{color:"inherit",textDecoration:"underline"}}:{},({theme,inverse})=>inverse?{color:theme.color.lightest,"svg path":{fill:theme.color.lightest},"&:hover":{color:theme.color.lighter,"svg path":{fill:theme.color.lighter}},"&:active":{color:theme.color.light,"svg path":{fill:theme.color.light}}}:{},({isButton})=>isButton?{border:0,borderRadius:0,background:"none",padding:0,fontSize:"inherit"}:{}),Link2=({cancel,children,onClick,withArrow,containsIcon,className,...rest})=>import_react14.default.createElement(A2,{...rest,onClick:onClick&&cancel?e=>cancelled(e,onClick):onClick,className},import_react14.default.createElement(LinkInner,{withArrow,containsIcon},children,withArrow&&import_react14.default.createElement(Icons,{icon:"arrowright"})));Link2.defaultProps={cancel:!0,className:void 0,style:void 0,onClick:void 0,withArrow:!1,containsIcon:!1};var import_theming30=require("@storybook/theming"),DocumentWrapper=import_theming30.styled.div(({theme})=>({fontSize:`${theme.typography.size.s2}px`,lineHeight:"1.6",h1:{fontSize:`${theme.typography.size.l1}px`,fontWeight:theme.typography.weight.bold},h2:{fontSize:`${theme.typography.size.m2}px`,borderBottom:`1px solid ${theme.appBorderColor}`},h3:{fontSize:`${theme.typography.size.m1}px`},h4:{fontSize:`${theme.typography.size.s3}px`},h5:{fontSize:`${theme.typography.size.s2}px`},h6:{fontSize:`${theme.typography.size.s2}px`,color:theme.color.dark},"pre:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"pre pre, pre.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px"},"pre pre code, pre.prismjs code":{color:"inherit",fontSize:"inherit"},"pre code":{margin:0,padding:0,whiteSpace:"pre",border:"none",background:"transparent"},"pre code, pre tt":{backgroundColor:"transparent",border:"none"},"body > *:first-of-type":{marginTop:"0 !important"},"body > *:last-child":{marginBottom:"0 !important"},a:{color:theme.color.secondary,textDecoration:"none"},"a.absent":{color:"#cc0000"},"a.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0},"h1, h2, h3, h4, h5, h6":{margin:"20px 0 10px",padding:0,cursor:"text",position:"relative","&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& tt, & code":{fontSize:"inherit"}},"h1:first-of-type + h2":{marginTop:0,paddingTop:0},"p, blockquote, ul, ol, dl, li, table, pre":{margin:"15px 0"},hr:{border:"0 none",borderTop:`1px solid ${theme.appBorderColor}`,height:4,padding:0},"body > h1:first-of-type, body > h2:first-of-type, body > h3:first-of-type, body > h4:first-of-type, body > h5:first-of-type, body > h6:first-of-type":{marginTop:0,paddingTop:0},"body > h1:first-of-type + h2":{marginTop:0,paddingTop:0},"a:first-of-type h1, a:first-of-type h2, a:first-of-type h3, a:first-of-type h4, a:first-of-type h5, a:first-of-type h6":{marginTop:0,paddingTop:0},"h1 p, h2 p, h3 p, h4 p, h5 p, h6 p":{marginTop:0},"li p.first":{display:"inline-block"},"ul, ol":{paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},dl:{padding:0},"dl dt":{fontSize:"14px",fontWeight:"bold",fontStyle:"italic",margin:"0 0 15px",padding:"0 15px","&:first-of-type":{padding:0},"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},blockquote:{borderLeft:`4px solid ${theme.color.medium}`,padding:"0 15px",color:theme.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},table:{padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${theme.appBorderColor}`,backgroundColor:"white",margin:0,padding:0,"& th":{fontWeight:"bold",border:`1px solid ${theme.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"& td":{border:`1px solid ${theme.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"&:nth-of-type(2n)":{backgroundColor:theme.color.lighter},"& th :first-of-type, & td :first-of-type":{marginTop:0},"& th :last-child, & td :last-child":{marginBottom:0}}},img:{maxWidth:"100%"},"span.frame":{display:"block",overflow:"hidden","& > span":{border:`1px solid ${theme.color.medium}`,display:"block",float:"left",overflow:"hidden",margin:"13px 0 0",padding:7,width:"auto"},"& span img":{display:"block",float:"left"},"& span span":{clear:"both",color:theme.color.darkest,display:"block",padding:"5px 0 0"}},"span.align-center":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"center"},"& span img":{margin:"0 auto",textAlign:"center"}},"span.align-right":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px 0 0",textAlign:"right"},"& span img":{margin:0,textAlign:"right"}},"span.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"span.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}},"code, tt":{margin:"0 2px",padding:"0 5px",whiteSpace:"nowrap",border:`1px solid ${theme.color.mediumlight}`,backgroundColor:theme.color.lighter,borderRadius:3,color:theme.base==="dark"&&theme.color.darkest}}));var import_react15=__toESM(require("react")),LazySyntaxHighlighter=(0,import_react15.lazy)(()=>Promise.resolve().then(()=>(init_syntaxhighlighter(),syntaxhighlighter_exports))),LazySyntaxHighlighterWithFormatter=(0,import_react15.lazy)(async()=>{let[{SyntaxHighlighter:SyntaxHighlighter4},{formatter:formatter2}]=await Promise.all([Promise.resolve().then(()=>(init_syntaxhighlighter(),syntaxhighlighter_exports)),Promise.resolve().then(()=>(init_formatter(),formatter_exports))]);return{default:props=>import_react15.default.createElement(SyntaxHighlighter4,{...props,formatter:formatter2})}}),SyntaxHighlighter3=props=>import_react15.default.createElement(import_react15.Suspense,{fallback:import_react15.default.createElement("div",null)},props.format!==!1?import_react15.default.createElement(LazySyntaxHighlighterWithFormatter,{...props}):import_react15.default.createElement(LazySyntaxHighlighter,{...props}));init_syntaxhighlighter();init_ActionBar();var import_react16=__toESM(require("react")),import_theming31=require("@storybook/theming"),toNumber=input=>typeof input=="number"?input:Number(input),Container2=import_theming31.styled.div(({theme,col,row=1})=>col?{display:"inline-block",verticalAlign:"inherit","& > *":{marginLeft:col*theme.layoutMargin,verticalAlign:"inherit"},["& > *:first-child"]:{marginLeft:0}}:{"& > *":{marginTop:row*theme.layoutMargin},["& > *:first-child"]:{marginTop:0}},({theme,outer,col,row})=>{switch(!0){case!!(outer&&col):return{marginLeft:outer*theme.layoutMargin,marginRight:outer*theme.layoutMargin};case!!(outer&&row):return{marginTop:outer*theme.layoutMargin,marginBottom:outer*theme.layoutMargin};default:return{}}}),Spaced=({col,row,outer,children,...rest})=>{let outerAmount=toNumber(typeof outer=="number"||!outer?outer:col||row);return import_react16.default.createElement(Container2,{col,row,outer:outerAmount,...rest},children)};var import_react17=__toESM(require("react")),import_theming32=require("@storybook/theming"),Title=import_theming32.styled.div(({theme})=>({fontWeight:theme.typography.weight.bold})),Desc=import_theming32.styled.div(),Message=import_theming32.styled.div(({theme})=>({padding:30,textAlign:"center",color:theme.color.defaultText,fontSize:theme.typography.size.s2-1})),Placeholder=({children,...props})=>{let[title,desc]=import_react17.Children.toArray(children);return import_react17.default.createElement(Message,{...props},import_react17.default.createElement(Title,null,title),desc&&import_react17.default.createElement(Desc,null,desc))};init_ScrollArea();var import_react18=__toESM(require("react")),import_use_resize_observer=__toESM(require("use-resize-observer")),import_theming33=require("@storybook/theming");function browserSupportsCssZoom(){var _a;try{return/^((?!chrome|android).)*safari/i.test(navigator.userAgent)?!1:(_a=global.CSS)==null?void 0:_a.supports("zoom: 1")}catch{return!1}}var hasBrowserSupportForCssZoom=browserSupportsCssZoom(),ZoomElementWrapper=import_theming33.styled.div(({scale=1,elementHeight})=>hasBrowserSupportForCssZoom?{"> *":{zoom:1/scale}}:{height:elementHeight||"auto",transformOrigin:"top left",transform:`scale(${1/scale})`});function ZoomElement({scale,children}){let componentWrapperRef=(0,import_react18.useRef)(null),[elementHeight,setElementHeight]=(0,import_react18.useState)(0),onResize=(0,import_react18.useCallback)(({height})=>{height&&setElementHeight(height/scale)},[scale]);return(0,import_react18.useEffect)(()=>{componentWrapperRef.current&&setElementHeight(componentWrapperRef.current.getBoundingClientRect().height)},[scale]),(0,import_use_resize_observer.default)({ref:componentWrapperRef,onResize}),import_react18.default.createElement(ZoomElementWrapper,{scale,elementHeight},import_react18.default.createElement("div",{ref:hasBrowserSupportForCssZoom?null:componentWrapperRef,className:"innerZoomElementWrapper"},children))}var import_react19=require("react");var ZoomIFrame=class extends import_react19.Component{constructor(){super(...arguments);this.iframe=null}componentDidMount(){let{iFrameRef}=this.props;this.iframe=iFrameRef.current}shouldComponentUpdate(nextProps){let{scale,active}=this.props;return scale!==nextProps.scale&&this.setIframeInnerZoom(nextProps.scale),active!==nextProps.active&&this.iframe.setAttribute("data-is-storybook",nextProps.active?"true":"false"),nextProps.children.props.src!==this.props.children.props.src}setIframeInnerZoom(scale){try{browserSupportsCssZoom()?Object.assign(this.iframe.contentDocument.body.style,{zoom:1/scale,minHeight:`calc(100vh / ${1/scale})`}):Object.assign(this.iframe.contentDocument.body.style,{width:`${scale*100}%`,height:`${scale*100}%`,transform:`scale(${1/scale})`,transformOrigin:"top left"})}catch{this.setIframeZoom(scale)}}setIframeZoom(scale){Object.assign(this.iframe.style,{width:`${scale*100}%`,height:`${scale*100}%`,transform:`scale(${1/scale})`,transformOrigin:"top left"})}render(){let{children}=this.props;return children}};var Zoom={Element:ZoomElement,IFrame:ZoomIFrame};var import_global2=require("@storybook/global"),import_react20=__toESM(require("react")),import_theming34=require("@storybook/theming"),{document:document3}=import_global2.global,ErrorName=import_theming34.styled.strong(({theme})=>({color:theme.color.orange})),ErrorImportant=import_theming34.styled.strong(({theme})=>({color:theme.color.ancillary,textDecoration:"underline"})),ErrorDetail=import_theming34.styled.em(({theme})=>({color:theme.textMutedColor})),firstLineRegex=/(Error): (.*)\n/,linesRegexChromium=/at (?:(.*) )?\(?(.+)\)?/,linesRegexFirefox=/([^@]+)?(?:\/<)?@(.+)?/,linesRegexSafari=/([^@]+)?@(.+)?/,ErrorFormatter=({error})=>{if(!error)return import_react20.default.createElement(import_react20.Fragment,null,"This error has no stack or message");if(!error.stack)return import_react20.default.createElement(import_react20.Fragment,null,error.message||"This error has no stack or message");let input=error.stack.toString();input&&error.message&&!input.includes(error.message)&&(input=`Error: ${error.message}
 
-${input}`);let match2=input.match(firstLineRegex);if(!match2)return import_react20.default.createElement(import_react20.Fragment,null,input);let[,type,name]=match2,rawLines=input.split(/\n/).slice(1),[,...lines]=rawLines.map(line=>{let result=line.match(linesRegexChromium)||line.match(linesRegexFirefox)||line.match(linesRegexSafari);return result?{name:(result[1]||"").replace("/<",""),location:result[2].replace(document3.location.origin,"")}:null}).filter(Boolean);return import_react20.default.createElement(import_react20.Fragment,null,import_react20.default.createElement("span",null,type),": ",import_react20.default.createElement(ErrorName,null,name),import_react20.default.createElement("br",null),lines.map((l,i)=>l.name?import_react20.default.createElement(import_react20.Fragment,{key:i},"  ","at ",import_react20.default.createElement(ErrorImportant,null,l.name)," (",import_react20.default.createElement(ErrorDetail,null,l.location),")",import_react20.default.createElement("br",null)):import_react20.default.createElement(import_react20.Fragment,{key:i},"  ","at ",import_react20.default.createElement(ErrorDetail,null,l.location),import_react20.default.createElement("br",null))))};var import_react21=__toESM(require("react")),import_theming35=require("@storybook/theming");var ButtonWrapper=import_theming35.styled.button(({small,theme})=>({border:0,borderRadius:"3em",cursor:"pointer",display:"inline-block",overflow:"hidden",padding:small?"8px 16px":"13px 20px",position:"relative",textAlign:"center",textDecoration:"none",transition:"all 150ms ease-out",transform:"translate3d(0,0,0)",verticalAlign:"top",whiteSpace:"nowrap",userSelect:"none",opacity:1,margin:0,background:"transparent",fontSize:`${small?theme.typography.size.s1:theme.typography.size.s2-1}px`,fontWeight:theme.typography.weight.bold,lineHeight:"1",svg:{display:"inline-block",height:small?12:14,width:small?12:14,verticalAlign:"top",marginRight:small?4:6,marginTop:small?0:-1,marginBottom:small?0:-1,pointerEvents:"none",path:{fill:"currentColor"}}}),({disabled})=>disabled?{cursor:"not-allowed !important",opacity:.5,"&:hover":{transform:"none"}}:{},({containsIcon,small})=>containsIcon?{svg:{display:"block",margin:0},...small?{padding:10}:{padding:13}}:{},({theme,primary,secondary,gray})=>{let color;return gray?color=theme.color.mediumlight:secondary?color=theme.color.secondary:primary&&(color=theme.color.primary),color?{background:color,color:gray?theme.color.darkest:theme.color.lightest,"&:hover":{background:curriedDarken$1(.05,color)},"&:active":{boxShadow:"rgba(0, 0, 0, 0.1) 0 0 0 3em inset"},"&:focus":{boxShadow:`${rgba(color,1)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${rgba(color,.2)} 0 8px 18px 0px`}}:{}},({theme,tertiary,inForm,small})=>tertiary?{background:theme.button.background,color:theme.input.color,boxShadow:`${theme.button.border} 0 0 0 1px inset`,borderRadius:theme.input.borderRadius,...inForm&&small?{padding:"10px 16px"}:{},"&:hover":{background:theme.base==="light"?curriedDarken$1(.02,theme.button.background):curriedLighten$1(.03,theme.button.background),...inForm?{}:{boxShadow:"rgba(0,0,0,.2) 0 2px 6px 0, rgba(0,0,0,.1) 0 0 0 1px inset"}},"&:active":{background:theme.button.background},"&:focus":{boxShadow:`${rgba(theme.color.secondary,1)} 0 0 0 1px inset`,outline:"none"}}:{},({theme,outline})=>outline?{boxShadow:`${curriedTransparentize$1(.8,theme.color.defaultText)} 0 0 0 1px inset`,color:curriedTransparentize$1(.3,theme.color.defaultText),background:"transparent","&:hover, &:focus":{boxShadow:`${curriedTransparentize$1(.5,theme.color.defaultText)} 0 0 0 1px inset`,outline:"none"},"&:active":{boxShadow:`${curriedTransparentize$1(.5,theme.color.defaultText)} 0 0 0 2px inset`,color:curriedTransparentize$1(0,theme.color.defaultText)}}:{},({theme,outline,primary})=>{let color=theme.color.primary;return outline&&primary?{boxShadow:`${color} 0 0 0 1px inset`,color,"svg path":{fill:color},"&:hover":{boxShadow:`${color} 0 0 0 1px inset`,background:"transparent"},"&:active":{background:color,boxShadow:`${color} 0 0 0 1px inset`,color:theme.color.tertiary},"&:focus":{boxShadow:`${color} 0 0 0 1px inset, ${rgba(color,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${color} 0 0 0 1px inset, ${rgba(color,.2)} 0 8px 18px 0px`}}:{}},({theme,outline,primary,secondary})=>{let color;return secondary?color=theme.color.secondary:primary&&(color=theme.color.primary),outline&&color?{boxShadow:`${color} 0 0 0 1px inset`,color,"svg path":{fill:color},"&:hover":{boxShadow:`${color} 0 0 0 1px inset`,background:"transparent"},"&:active":{background:color,boxShadow:`${color} 0 0 0 1px inset`,color:theme.color.tertiary},"&:focus":{boxShadow:`${color} 0 0 0 1px inset, ${rgba(color,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${color} 0 0 0 1px inset, ${rgba(color,.2)} 0 8px 18px 0px`}}:{}}),ButtonLink=ButtonWrapper.withComponent("a"),Button=Object.assign((0,import_react21.forwardRef)(function({isLink,children,...props},ref){return isLink?import_react21.default.createElement(ButtonLink,{...props,ref},children):import_react21.default.createElement(ButtonWrapper,{...props,ref},children)}),{defaultProps:{isLink:!1}});var import_theming38=require("@storybook/theming");var import_react22=__toESM(require("react")),import_theming36=require("@storybook/theming"),Wrapper2=import_theming36.styled.label(({theme})=>({display:"flex",borderBottom:`1px solid ${theme.appBorderColor}`,margin:"0 15px",padding:"8px 0","&:last-child":{marginBottom:"3rem"}})),Label=import_theming36.styled.span(({theme})=>({minWidth:100,fontWeight:theme.typography.weight.bold,marginRight:15,display:"flex",justifyContent:"flex-start",alignItems:"center",lineHeight:"16px"})),Field=({label,children,...props})=>import_react22.default.createElement(Wrapper2,{...props},label?import_react22.default.createElement(Label,null,import_react22.default.createElement("span",null,label)):null,children);Field.defaultProps={label:void 0};var import_react26=__toESM(require("react")),import_theming37=require("@storybook/theming");init_extends();init_objectWithoutPropertiesLoose();var import_react25=require("react");var React22=__toESM(require("react"));var import_react23=require("react"),index=typeof document<"u"?import_react23.useLayoutEffect:import_react23.useEffect,use_isomorphic_layout_effect_esm_default=index;var useLatest=function(value){var ref=React22.useRef(value);return use_isomorphic_layout_effect_esm_default(function(){ref.current=value}),ref};var import_react24=require("react"),updateRef=function(ref,value){if(typeof ref=="function"){ref(value);return}ref.current=value},useComposedRef=function(libRef,userRef){var prevUserRef=(0,import_react24.useRef)();return(0,import_react24.useCallback)(function(instance){libRef.current=instance,prevUserRef.current&&updateRef(prevUserRef.current,null),prevUserRef.current=userRef,userRef&&updateRef(userRef,instance)},[userRef])},use_composed_ref_esm_default=useComposedRef;var HIDDEN_TEXTAREA_STYLE={"min-height":"0","max-height":"none",height:"0",visibility:"hidden",overflow:"hidden",position:"absolute","z-index":"-1000",top:"0",right:"0"},forceHiddenStyles=function(node){Object.keys(HIDDEN_TEXTAREA_STYLE).forEach(function(key){node.style.setProperty(key,HIDDEN_TEXTAREA_STYLE[key],"important")})},hiddenTextarea=null,getHeight=function(node,sizingData){var height=node.scrollHeight;return sizingData.sizingStyle.boxSizing==="border-box"?height+sizingData.borderSize:height-sizingData.paddingSize};function calculateNodeHeight(sizingData,value,minRows,maxRows){minRows===void 0&&(minRows=1),maxRows===void 0&&(maxRows=1/0),hiddenTextarea||(hiddenTextarea=document.createElement("textarea"),hiddenTextarea.setAttribute("tabindex","-1"),hiddenTextarea.setAttribute("aria-hidden","true"),forceHiddenStyles(hiddenTextarea)),hiddenTextarea.parentNode===null&&document.body.appendChild(hiddenTextarea);var paddingSize=sizingData.paddingSize,borderSize=sizingData.borderSize,sizingStyle=sizingData.sizingStyle,boxSizing=sizingStyle.boxSizing;Object.keys(sizingStyle).forEach(function(_key){var key=_key;hiddenTextarea.style[key]=sizingStyle[key]}),forceHiddenStyles(hiddenTextarea),hiddenTextarea.value=value;var height=getHeight(hiddenTextarea,sizingData);hiddenTextarea.value="x";var rowHeight=hiddenTextarea.scrollHeight-paddingSize,minHeight=rowHeight*minRows;boxSizing==="border-box"&&(minHeight=minHeight+paddingSize+borderSize),height=Math.max(minHeight,height);var maxHeight=rowHeight*maxRows;return boxSizing==="border-box"&&(maxHeight=maxHeight+paddingSize+borderSize),height=Math.min(maxHeight,height),[height,rowHeight]}var noop=function(){},pick=function(props,obj){return props.reduce(function(acc,prop){return acc[prop]=obj[prop],acc},{})},SIZING_STYLE=["borderBottomWidth","borderLeftWidth","borderRightWidth","borderTopWidth","boxSizing","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","paddingBottom","paddingLeft","paddingRight","paddingTop","tabSize","textIndent","textRendering","textTransform","width","wordBreak"],isIE=typeof document<"u"?!!document.documentElement.currentStyle:!1,getSizingData=function(node){var style=window.getComputedStyle(node);if(style===null)return null;var sizingStyle=pick(SIZING_STYLE,style),boxSizing=sizingStyle.boxSizing;if(boxSizing==="")return null;isIE&&boxSizing==="border-box"&&(sizingStyle.width=parseFloat(sizingStyle.width)+parseFloat(sizingStyle.borderRightWidth)+parseFloat(sizingStyle.borderLeftWidth)+parseFloat(sizingStyle.paddingRight)+parseFloat(sizingStyle.paddingLeft)+"px");var paddingSize=parseFloat(sizingStyle.paddingBottom)+parseFloat(sizingStyle.paddingTop),borderSize=parseFloat(sizingStyle.borderBottomWidth)+parseFloat(sizingStyle.borderTopWidth);return{sizingStyle,paddingSize,borderSize}},useWindowResizeListener=function(listener){var latestListener=useLatest(listener);(0,import_react25.useLayoutEffect)(function(){var handler=function(event){latestListener.current(event)};return window.addEventListener("resize",handler),function(){window.removeEventListener("resize",handler)}},[])},TextareaAutosize=function(_ref,userRef){var cacheMeasurements=_ref.cacheMeasurements,maxRows=_ref.maxRows,minRows=_ref.minRows,_ref$onChange=_ref.onChange,onChange=_ref$onChange===void 0?noop:_ref$onChange,_ref$onHeightChange=_ref.onHeightChange,onHeightChange=_ref$onHeightChange===void 0?noop:_ref$onHeightChange,props=_objectWithoutPropertiesLoose(_ref,["cacheMeasurements","maxRows","minRows","onChange","onHeightChange"]);if(process.env.NODE_ENV!=="production"&&props.style){if("maxHeight"in props.style)throw new Error("Using `style.maxHeight` for <TextareaAutosize/> is not supported. Please use `maxRows`.");if("minHeight"in props.style)throw new Error("Using `style.minHeight` for <TextareaAutosize/> is not supported. Please use `minRows`.")}var isControlled=props.value!==void 0,libRef=(0,import_react25.useRef)(null),ref=use_composed_ref_esm_default(libRef,userRef),heightRef=(0,import_react25.useRef)(0),measurementsCacheRef=(0,import_react25.useRef)(),resizeTextarea=function(){var node=libRef.current,nodeSizingData=cacheMeasurements&&measurementsCacheRef.current?measurementsCacheRef.current:getSizingData(node);if(nodeSizingData){measurementsCacheRef.current=nodeSizingData;var _calculateNodeHeight=calculateNodeHeight(nodeSizingData,node.value||node.placeholder||"x",minRows,maxRows),height=_calculateNodeHeight[0],rowHeight=_calculateNodeHeight[1];heightRef.current!==height&&(heightRef.current=height,node.style.setProperty("height",height+"px","important"),onHeightChange(height,{rowHeight}))}},handleChange=function(event){isControlled||resizeTextarea(),onChange(event)};return typeof document<"u"&&((0,import_react25.useLayoutEffect)(resizeTextarea),useWindowResizeListener(resizeTextarea)),(0,import_react25.createElement)("textarea",_extends({},props,{onChange:handleChange,ref}))},index2=(0,import_react25.forwardRef)(TextareaAutosize),react_textarea_autosize_esm_default=index2;var styleResets={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},styles=({theme})=>({...styleResets,transition:"box-shadow 200ms ease-out, opacity 200ms ease-out",color:theme.input.color||"inherit",background:theme.input.background,boxShadow:`${theme.input.border} 0 0 0 1px inset`,borderRadius:theme.input.borderRadius,fontSize:theme.typography.size.s2-1,lineHeight:"20px",padding:"6px 10px","&:focus":{boxShadow:`${theme.color.secondary} 0 0 0 1px inset`,outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"&:-webkit-autofill":{WebkitBoxShadow:`0 0 0 3em ${theme.color.lightest} inset`},"&::placeholder":{color:theme.textMutedColor,opacity:1}}),sizes=({size})=>{switch(size){case"100%":return{width:"100%"};case"flex":return{flex:1};case"auto":default:return{display:"inline"}}},alignment=({align})=>{switch(align){case"end":return{textAlign:"right"};case"center":return{textAlign:"center"};case"start":default:return{textAlign:"left"}}},validation=({valid,theme})=>{switch(valid){case"valid":return{boxShadow:`${theme.color.positive} 0 0 0 1px inset !important`};case"error":return{boxShadow:`${theme.color.negative} 0 0 0 1px inset !important`};case"warn":return{boxShadow:`${theme.color.warning} 0 0 0 1px inset`};case void 0:case null:default:return{}}},Input=Object.assign((0,import_theming37.styled)((0,import_react26.forwardRef)(function({size,valid,align,...props},ref){return import_react26.default.createElement("input",{...props,ref})}))(styles,sizes,alignment,validation,{minHeight:32}),{displayName:"Input"}),Select=Object.assign((0,import_theming37.styled)((0,import_react26.forwardRef)(function({size,valid,align,...props},ref){return import_react26.default.createElement("select",{...props,ref})}))(styles,sizes,validation,{height:32,userSelect:"none",paddingRight:20,appearance:"menulist"}),{displayName:"Select"}),Textarea=Object.assign((0,import_theming37.styled)((0,import_react26.forwardRef)(function({size,valid,align,...props},ref){return import_react26.default.createElement(react_textarea_autosize_esm_default,{...props,ref})}))(styles,sizes,alignment,validation,({height=400})=>({overflow:"visible",maxHeight:height})),{displayName:"Textarea"}),ButtonStyled=(0,import_theming37.styled)((0,import_react26.forwardRef)(function({size,valid,align,...props},ref){return import_react26.default.createElement(Button,{...props,ref})}))(sizes,validation,{userSelect:"none",overflow:"visible",zIndex:2,"&:hover":{transform:"none"}}),Button3=Object.assign((0,import_react26.forwardRef)(function(props,ref){return import_react26.default.createElement(ButtonStyled,{...props,tertiary:!0,small:!0,inForm:!0,ref})}),{displayName:"Button"});var Form=Object.assign(import_theming38.styled.form({boxSizing:"border-box",width:"100%"}),{Field,Input,Select,Textarea,Button:Button3});var import_react29=__toESM(require("react")),LazyWithTooltip=(0,import_react29.lazy)(()=>Promise.resolve().then(()=>(init_WithTooltip(),WithTooltip_exports)).then(mod=>({default:mod.WithTooltip}))),WithTooltip=props=>import_react29.default.createElement(import_react29.Suspense,{fallback:import_react29.default.createElement("div",null)},import_react29.default.createElement(LazyWithTooltip,{...props})),LazyWithTooltipPure=(0,import_react29.lazy)(()=>Promise.resolve().then(()=>(init_WithTooltip(),WithTooltip_exports)).then(mod=>({default:mod.WithTooltipPure}))),WithTooltipPure2=props=>import_react29.default.createElement(import_react29.Suspense,{fallback:import_react29.default.createElement("div",null)},import_react29.default.createElement(LazyWithTooltipPure,{...props}));var import_react30=__toESM(require("react")),import_theming41=require("@storybook/theming");var Title2=import_theming41.styled.div(({theme})=>({fontWeight:theme.typography.weight.bold})),Desc2=import_theming41.styled.span(),Links=import_theming41.styled.div(({theme})=>({marginTop:8,textAlign:"center","> *":{margin:"0 8px",fontWeight:theme.typography.weight.bold}})),Message2=import_theming41.styled.div(({theme})=>({color:theme.color.defaultText,lineHeight:"18px"})),MessageWrapper=import_theming41.styled.div({padding:15,width:280,boxSizing:"border-box"}),TooltipMessage=({title,desc,links})=>import_react30.default.createElement(MessageWrapper,null,import_react30.default.createElement(Message2,null,title&&import_react30.default.createElement(Title2,null,title),desc&&import_react30.default.createElement(Desc2,null,desc)),links&&import_react30.default.createElement(Links,null,links.map(({title:linkTitle,...other})=>import_react30.default.createElement(Link2,{...other,key:linkTitle},linkTitle))));TooltipMessage.defaultProps={title:null,desc:null,links:null};var import_react31=__toESM(require("react")),import_theming42=require("@storybook/theming"),Note=import_theming42.styled.div(({theme})=>({padding:"2px 6px",lineHeight:"16px",fontSize:10,fontWeight:theme.typography.weight.bold,color:theme.color.lightest,boxShadow:"0 0 5px 0 rgba(0, 0, 0, 0.3)",borderRadius:4,whiteSpace:"nowrap",pointerEvents:"none",zIndex:-1,background:theme.base==="light"?"rgba(60, 60, 60, 0.9)":"rgba(0, 0, 0, 0.95)",margin:6})),TooltipNote=({note,...props})=>import_react31.default.createElement(Note,{...props},note);var import_react33=__toESM(require("react")),import_theming44=require("@storybook/theming");var import_react32=__toESM(require("react")),import_theming43=require("@storybook/theming"),import_memoizerific4=__toESM(require("memoizerific"));var Title3=(0,import_theming43.styled)(({active,loading,disabled,...rest})=>import_react32.default.createElement("span",{...rest}))(({theme})=>({color:theme.color.defaultText,fontWeight:theme.typography.weight.regular}),({active,theme})=>active?{color:theme.color.secondary,fontWeight:theme.typography.weight.bold}:{},({loading,theme})=>loading?{display:"inline-block",flex:"none",...theme.animation.inlineGlow}:{},({disabled,theme})=>disabled?{color:curriedTransparentize$1(.7,theme.color.defaultText)}:{}),Right=import_theming43.styled.span({display:"flex","& svg":{height:12,width:12,margin:"3px 0",verticalAlign:"top"},"& path":{fill:"inherit"}}),Center=import_theming43.styled.span({flex:1,textAlign:"left",display:"flex",flexDirection:"column"},({isIndented})=>isIndented?{marginLeft:24}:{}),CenterText=import_theming43.styled.span(({theme})=>({fontSize:"11px",lineHeight:"14px"}),({active,theme})=>active?{color:theme.color.secondary}:{},({theme,disabled})=>disabled?{color:theme.textMutedColor}:{}),Left=import_theming43.styled.span(({active,theme})=>active?{"& svg":{opacity:1},"& svg path":{fill:theme.color.secondary}}:{},()=>({display:"flex",maxWidth:14})),Item=import_theming43.styled.a(({theme})=>({fontSize:theme.typography.size.s1,transition:"all 150ms ease-out",color:curriedTransparentize$1(.5,theme.color.defaultText),textDecoration:"none",cursor:"pointer",justifyContent:"space-between",lineHeight:"18px",padding:"7px 10px",display:"flex",alignItems:"center","& > * + *":{paddingLeft:10},"&:hover":{background:theme.background.hoverable},"&:hover svg":{opacity:1}}),({disabled})=>disabled?{cursor:"not-allowed"}:{}),getItemProps=(0,import_memoizerific4.default)(100)((onClick,href,LinkWrapper)=>{let result={};return onClick&&Object.assign(result,{onClick}),href&&Object.assign(result,{href}),LinkWrapper&&href&&Object.assign(result,{to:href,as:LinkWrapper}),result}),ListItem=({loading,left:left2,title,center,right:right2,icon,active,disabled,isIndented,href,onClick,LinkWrapper,...rest})=>{let itemProps=getItemProps(onClick,href,LinkWrapper),commonProps={active,disabled},isStorybookIcon=typeof icon=="string"&&icons[icon];return import_react32.default.createElement(Item,{...commonProps,...rest,...itemProps},icon?import_react32.default.createElement(Left,{...commonProps},isStorybookIcon?import_react32.default.createElement(Icons,{icon}):icon):left2&&import_react32.default.createElement(Left,{...commonProps},left2),title||center?import_react32.default.createElement(Center,{isIndented:!left2&&!icon&&isIndented},title&&import_react32.default.createElement(Title3,{...commonProps,loading},title),center&&import_react32.default.createElement(CenterText,{...commonProps},center)):null,right2&&import_react32.default.createElement(Right,{...commonProps},right2))};ListItem.defaultProps={loading:!1,left:null,title:import_react32.default.createElement("span",null,"Loading state"),center:null,right:null,active:!1,disabled:!1,href:null,LinkWrapper:null,onClick:null};var ListItem_default=ListItem;var List=import_theming44.styled.div({minWidth:180,overflow:"hidden",overflowY:"auto",maxHeight:15.5*32},({theme})=>({borderRadius:theme.appBorderRadius})),Item2=props=>{let{LinkWrapper,onClick:onClickFromProps,id,isIndented,...rest}=props,{title,href,active}=rest,onClick=(0,import_react33.useCallback)(event=>{onClickFromProps(event,rest)},[onClickFromProps]),hasOnClick=!!onClickFromProps;return import_react33.default.createElement(ListItem_default,{title,active,href,id:`list-item-${id}`,LinkWrapper,isIndented,...rest,...hasOnClick?{onClick}:{}})},TooltipLinkList=({links,LinkWrapper})=>{let hasOneLeftElement=links.some(link=>link.left||link.icon);return import_react33.default.createElement(List,null,links.map(({isGatsby,...p})=>import_react33.default.createElement(Item2,{key:p.id,LinkWrapper:isGatsby?LinkWrapper:null,isIndented:hasOneLeftElement,...p})))};TooltipLinkList.defaultProps={LinkWrapper:ListItem_default.defaultProps.LinkWrapper};var import_react38=__toESM(require("react")),import_theming49=require("@storybook/theming"),import_csf2=require("@storybook/csf");var import_react34=__toESM(require("react")),import_theming45=require("@storybook/theming");init_lib();var ButtonOrLink=import_react34.default.forwardRef(({children,...restProps},ref)=>restProps.href!=null?import_react34.default.createElement("a",{ref,...restProps},children):import_react34.default.createElement("button",{ref,type:"button",...restProps},children));ButtonOrLink.displayName="ButtonOrLink";var TabButton=(0,import_theming45.styled)(ButtonOrLink,{shouldForwardProp:import_theming45.isPropValid})({whiteSpace:"normal",display:"inline-flex",overflow:"hidden",verticalAlign:"top",justifyContent:"center",alignItems:"center",textAlign:"center",textDecoration:"none","&:empty":{display:"none"}},({theme})=>({padding:"0 15px",transition:"color 0.2s linear, border-bottom-color 0.2s linear",height:40,lineHeight:"12px",cursor:"pointer",background:"transparent",border:"0 solid transparent",borderTop:"3px solid transparent",borderBottom:"3px solid transparent",fontWeight:"bold",fontSize:13,"&:focus":{outline:"0 none",borderBottomColor:theme.color.secondary}}),({active,textColor,theme})=>active?{color:textColor||theme.barSelectedColor,borderBottomColor:theme.barSelectedColor}:{color:textColor||theme.barTextColor,borderBottomColor:"transparent"});TabButton.displayName="TabButton";var IconButton=(0,import_theming45.styled)(ButtonOrLink,{shouldForwardProp:import_theming45.isPropValid})(()=>({alignItems:"center",background:"transparent",border:"none",borderRadius:4,color:"inherit",cursor:"pointer",display:"inline-flex",fontSize:13,fontWeight:"bold",height:28,justifyContent:"center",marginTop:6,padding:"8px 7px","& > svg":{width:14}}),({active,theme})=>active?{backgroundColor:theme.background.hoverable,color:theme.color.secondary}:{},({disabled,theme})=>disabled?{opacity:.5,cursor:"not-allowed"}:{"&:hover, &:focus-visible":{background:curriedTransparentize$1(.88,theme.color.secondary),color:theme.color.secondary},"&:focus-visible":{outline:auto},"&:focus:not(:focus-visible)":{outline:"none"}});IconButton.displayName="IconButton";var IconPlaceholder=import_theming45.styled.div(({theme})=>({width:14,height:14,backgroundColor:theme.appBorderColor,animation:`${theme.animation.glow} 1.5s ease-in-out infinite`})),IconButtonSkeletonWrapper=import_theming45.styled.div(()=>({marginTop:6,padding:7,height:28})),IconButtonSkeleton=()=>import_react34.default.createElement(IconButtonSkeletonWrapper,null,import_react34.default.createElement(IconPlaceholder,null));var import_react35=__toESM(require("react")),import_theming46=require("@storybook/theming");init_ScrollArea();var Side=import_theming46.styled.div({display:"flex",whiteSpace:"nowrap",flexBasis:"auto",marginLeft:3,marginRight:3},({scrollable})=>scrollable?{flexShrink:0}:{},({left:left2})=>left2?{"& > *":{marginLeft:4}}:{},({right:right2})=>right2?{marginLeft:30,"& > *":{marginRight:4}}:{});Side.displayName="Side";var UnstyledBar=({children,className,scrollable})=>scrollable?import_react35.default.createElement(ScrollArea,{vertical:!1,className},children):import_react35.default.createElement("div",{className},children),Bar=(0,import_theming46.styled)(UnstyledBar)(({theme,scrollable=!0})=>({color:theme.barTextColor,width:"100%",height:40,flexShrink:0,overflow:scrollable?"auto":"hidden",overflowY:"hidden"}),({theme,border=!1})=>border?{boxShadow:`${theme.appBorderColor}  0 -1px 0 0 inset`,background:theme.barBg}:{});Bar.displayName="Bar";var BarInner=import_theming46.styled.div(({bgColor})=>({display:"flex",justifyContent:"space-between",position:"relative",flexWrap:"nowrap",flexShrink:0,height:40,backgroundColor:bgColor||""})),FlexBar=({children,backgroundColor,...rest})=>{let[left2,right2]=import_react35.Children.toArray(children);return import_react35.default.createElement(Bar,{...rest},import_react35.default.createElement(BarInner,{bgColor:backgroundColor},import_react35.default.createElement(Side,{scrollable:rest.scrollable,left:!0},left2),right2?import_react35.default.createElement(Side,{right:!0},right2):null))};FlexBar.displayName="FlexBar";var import_theming47=require("@storybook/theming"),import_react36=__toESM(require("react")),VisuallyHidden=import_theming47.styled.div(({active})=>active?{display:"block"}:{display:"none"}),childrenToList=(children,selected)=>import_react36.Children.toArray(children).map(({props:{title,id,color,children:childrenOfChild}},index3)=>{let content=Array.isArray(childrenOfChild)?childrenOfChild[0]:childrenOfChild;return{active:selected?id===selected:index3===0,title,id,color,render:typeof content=="function"?content:({active,key})=>import_react36.default.createElement(VisuallyHidden,{key,active,role:"tabpanel"},content)}});var import_react37=__toESM(require("react")),import_csf=require("@storybook/csf"),import_theming48=require("@storybook/theming"),import_use_resize_observer2=__toESM(require("use-resize-observer"));init_WithTooltip();var CollapseIcon=import_theming48.styled.span(({theme,isActive})=>({display:"inline-block",width:0,height:0,marginLeft:8,color:isActive?theme.color.secondary:theme.color.mediumdark,borderRight:"3px solid transparent",borderLeft:"3px solid transparent",borderTop:"3px solid",transition:"transform .1s ease-out"})),AddonButton=(0,import_theming48.styled)(TabButton)(({active,theme,preActive})=>`
+${input}`);let match2=input.match(firstLineRegex);if(!match2)return import_react20.default.createElement(import_react20.Fragment,null,input);let[,type,name]=match2,rawLines=input.split(/\n/).slice(1),[,...lines]=rawLines.map(line=>{let result=line.match(linesRegexChromium)||line.match(linesRegexFirefox)||line.match(linesRegexSafari);return result?{name:(result[1]||"").replace("/<",""),location:result[2].replace(document3.location.origin,"")}:null}).filter(Boolean);return import_react20.default.createElement(import_react20.Fragment,null,import_react20.default.createElement("span",null,type),": ",import_react20.default.createElement(ErrorName,null,name),import_react20.default.createElement("br",null),lines.map((l,i)=>l.name?import_react20.default.createElement(import_react20.Fragment,{key:i},"  ","at ",import_react20.default.createElement(ErrorImportant,null,l.name)," (",import_react20.default.createElement(ErrorDetail,null,l.location),")",import_react20.default.createElement("br",null)):import_react20.default.createElement(import_react20.Fragment,{key:i},"  ","at ",import_react20.default.createElement(ErrorDetail,null,l.location),import_react20.default.createElement("br",null))))};var import_react21=__toESM(require("react")),import_theming35=require("@storybook/theming");var ButtonWrapper=import_theming35.styled.button(({small,theme})=>({border:0,borderRadius:"3em",cursor:"pointer",display:"inline-block",overflow:"hidden",padding:small?"8px 16px":"13px 20px",position:"relative",textAlign:"center",textDecoration:"none",transition:"all 150ms ease-out",transform:"translate3d(0,0,0)",verticalAlign:"top",whiteSpace:"nowrap",userSelect:"none",opacity:1,margin:0,background:"transparent",fontSize:`${small?theme.typography.size.s1:theme.typography.size.s2-1}px`,fontWeight:theme.typography.weight.bold,lineHeight:"1",svg:{display:"inline-block",height:small?12:14,width:small?12:14,verticalAlign:"top",marginRight:small?4:6,marginTop:small?0:-1,marginBottom:small?0:-1,pointerEvents:"none",path:{fill:"currentColor"}}}),({disabled})=>disabled?{cursor:"not-allowed !important",opacity:.5,"&:hover":{transform:"none"}}:{},({containsIcon,small})=>containsIcon?{svg:{display:"block",margin:0},...small?{padding:10}:{padding:13}}:{},({theme,primary,secondary,gray})=>{let color;return gray?color=theme.color.mediumlight:secondary?color=theme.color.secondary:primary&&(color=theme.color.primary),color?{background:color,color:gray?theme.color.darkest:theme.color.lightest,"&:hover":{background:curriedDarken$1(.05,color)},"&:active":{boxShadow:"rgba(0, 0, 0, 0.1) 0 0 0 3em inset"},"&:focus":{boxShadow:`${rgba(color,1)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${rgba(color,.2)} 0 8px 18px 0px`}}:{}},({theme,tertiary,inForm,small})=>tertiary?{background:theme.button.background,color:theme.input.color,boxShadow:`${theme.button.border} 0 0 0 1px inset`,borderRadius:theme.input.borderRadius,...inForm&&small?{padding:"10px 16px"}:{},"&:hover":{background:theme.base==="light"?curriedDarken$1(.02,theme.button.background):curriedLighten$1(.03,theme.button.background),...inForm?{}:{boxShadow:"rgba(0,0,0,.2) 0 2px 6px 0, rgba(0,0,0,.1) 0 0 0 1px inset"}},"&:active":{background:theme.button.background},"&:focus":{boxShadow:`${rgba(theme.color.secondary,1)} 0 0 0 1px inset`,outline:"none"}}:{},({theme,outline})=>outline?{boxShadow:`${curriedTransparentize$1(.8,theme.color.defaultText)} 0 0 0 1px inset`,color:curriedTransparentize$1(.3,theme.color.defaultText),background:"transparent","&:hover, &:focus":{boxShadow:`${curriedTransparentize$1(.5,theme.color.defaultText)} 0 0 0 1px inset`,outline:"none"},"&:active":{boxShadow:`${curriedTransparentize$1(.5,theme.color.defaultText)} 0 0 0 2px inset`,color:curriedTransparentize$1(0,theme.color.defaultText)}}:{},({theme,outline,primary})=>{let color=theme.color.primary;return outline&&primary?{boxShadow:`${color} 0 0 0 1px inset`,color,"svg path":{fill:color},"&:hover":{boxShadow:`${color} 0 0 0 1px inset`,background:"transparent"},"&:active":{background:color,boxShadow:`${color} 0 0 0 1px inset`,color:theme.color.tertiary},"&:focus":{boxShadow:`${color} 0 0 0 1px inset, ${rgba(color,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${color} 0 0 0 1px inset, ${rgba(color,.2)} 0 8px 18px 0px`}}:{}},({theme,outline,primary,secondary})=>{let color;return secondary?color=theme.color.secondary:primary&&(color=theme.color.primary),outline&&color?{boxShadow:`${color} 0 0 0 1px inset`,color,"svg path":{fill:color},"&:hover":{boxShadow:`${color} 0 0 0 1px inset`,background:"transparent"},"&:active":{background:color,boxShadow:`${color} 0 0 0 1px inset`,color:theme.color.tertiary},"&:focus":{boxShadow:`${color} 0 0 0 1px inset, ${rgba(color,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${color} 0 0 0 1px inset, ${rgba(color,.2)} 0 8px 18px 0px`}}:{}}),ButtonLink=ButtonWrapper.withComponent("a"),Button=Object.assign((0,import_react21.forwardRef)(function({isLink,children,...props},ref){return isLink?import_react21.default.createElement(ButtonLink,{...props,ref},children):import_react21.default.createElement(ButtonWrapper,{...props,ref},children)}),{defaultProps:{isLink:!1}});var import_theming38=require("@storybook/theming");var import_react22=__toESM(require("react")),import_theming36=require("@storybook/theming"),Wrapper2=import_theming36.styled.label(({theme})=>({display:"flex",borderBottom:`1px solid ${theme.appBorderColor}`,margin:"0 15px",padding:"8px 0","&:last-child":{marginBottom:"3rem"}})),Label=import_theming36.styled.span(({theme})=>({minWidth:100,fontWeight:theme.typography.weight.bold,marginRight:15,display:"flex",justifyContent:"flex-start",alignItems:"center",lineHeight:"16px"})),Field=({label,children,...props})=>import_react22.default.createElement(Wrapper2,{...props},label?import_react22.default.createElement(Label,null,import_react22.default.createElement("span",null,label)):null,children);Field.defaultProps={label:void 0};var import_react26=__toESM(require("react")),import_theming37=require("@storybook/theming");init_extends();init_objectWithoutPropertiesLoose();var import_react25=require("react");var React22=__toESM(require("react"));var import_react23=require("react"),index=typeof document<"u"?import_react23.useLayoutEffect:import_react23.useEffect,use_isomorphic_layout_effect_esm_default=index;var useLatest=function(value){var ref=React22.useRef(value);return use_isomorphic_layout_effect_esm_default(function(){ref.current=value}),ref};var import_react24=require("react"),updateRef=function(ref,value){if(typeof ref=="function"){ref(value);return}ref.current=value},useComposedRef=function(libRef,userRef){var prevUserRef=(0,import_react24.useRef)();return(0,import_react24.useCallback)(function(instance){libRef.current=instance,prevUserRef.current&&updateRef(prevUserRef.current,null),prevUserRef.current=userRef,userRef&&updateRef(userRef,instance)},[userRef])},use_composed_ref_esm_default=useComposedRef;var HIDDEN_TEXTAREA_STYLE={"min-height":"0","max-height":"none",height:"0",visibility:"hidden",overflow:"hidden",position:"absolute","z-index":"-1000",top:"0",right:"0"},forceHiddenStyles=function(node){Object.keys(HIDDEN_TEXTAREA_STYLE).forEach(function(key){node.style.setProperty(key,HIDDEN_TEXTAREA_STYLE[key],"important")})},hiddenTextarea=null,getHeight=function(node,sizingData){var height=node.scrollHeight;return sizingData.sizingStyle.boxSizing==="border-box"?height+sizingData.borderSize:height-sizingData.paddingSize};function calculateNodeHeight(sizingData,value,minRows,maxRows){minRows===void 0&&(minRows=1),maxRows===void 0&&(maxRows=1/0),hiddenTextarea||(hiddenTextarea=document.createElement("textarea"),hiddenTextarea.setAttribute("tabindex","-1"),hiddenTextarea.setAttribute("aria-hidden","true"),forceHiddenStyles(hiddenTextarea)),hiddenTextarea.parentNode===null&&document.body.appendChild(hiddenTextarea);var paddingSize=sizingData.paddingSize,borderSize=sizingData.borderSize,sizingStyle=sizingData.sizingStyle,boxSizing=sizingStyle.boxSizing;Object.keys(sizingStyle).forEach(function(_key){var key=_key;hiddenTextarea.style[key]=sizingStyle[key]}),forceHiddenStyles(hiddenTextarea),hiddenTextarea.value=value;var height=getHeight(hiddenTextarea,sizingData);hiddenTextarea.value=value,height=getHeight(hiddenTextarea,sizingData),hiddenTextarea.value="x";var rowHeight=hiddenTextarea.scrollHeight-paddingSize,minHeight=rowHeight*minRows;boxSizing==="border-box"&&(minHeight=minHeight+paddingSize+borderSize),height=Math.max(minHeight,height);var maxHeight=rowHeight*maxRows;return boxSizing==="border-box"&&(maxHeight=maxHeight+paddingSize+borderSize),height=Math.min(maxHeight,height),[height,rowHeight]}var noop=function(){},pick=function(props,obj){return props.reduce(function(acc,prop){return acc[prop]=obj[prop],acc},{})},SIZING_STYLE=["borderBottomWidth","borderLeftWidth","borderRightWidth","borderTopWidth","boxSizing","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","paddingBottom","paddingLeft","paddingRight","paddingTop","tabSize","textIndent","textRendering","textTransform","width","wordBreak"],isIE=typeof document<"u"?!!document.documentElement.currentStyle:!1,getSizingData=function(node){var style=window.getComputedStyle(node);if(style===null)return null;var sizingStyle=pick(SIZING_STYLE,style),boxSizing=sizingStyle.boxSizing;if(boxSizing==="")return null;isIE&&boxSizing==="border-box"&&(sizingStyle.width=parseFloat(sizingStyle.width)+parseFloat(sizingStyle.borderRightWidth)+parseFloat(sizingStyle.borderLeftWidth)+parseFloat(sizingStyle.paddingRight)+parseFloat(sizingStyle.paddingLeft)+"px");var paddingSize=parseFloat(sizingStyle.paddingBottom)+parseFloat(sizingStyle.paddingTop),borderSize=parseFloat(sizingStyle.borderBottomWidth)+parseFloat(sizingStyle.borderTopWidth);return{sizingStyle,paddingSize,borderSize}};function useListener(target,type,listener){var latestListener=useLatest(listener);(0,import_react25.useLayoutEffect)(function(){var handler=function(ev){return latestListener.current(ev)};return target.addEventListener(type,handler),function(){return target.removeEventListener(type,handler)}},[])}var useWindowResizeListener=function(listener){useListener(window,"resize",listener)},useFontsLoadedListener=function(listener){useListener(document.fonts,"loadingdone",listener)},_excluded2=["cacheMeasurements","maxRows","minRows","onChange","onHeightChange"],TextareaAutosize=function(_ref,userRef){var cacheMeasurements=_ref.cacheMeasurements,maxRows=_ref.maxRows,minRows=_ref.minRows,_ref$onChange=_ref.onChange,onChange=_ref$onChange===void 0?noop:_ref$onChange,_ref$onHeightChange=_ref.onHeightChange,onHeightChange=_ref$onHeightChange===void 0?noop:_ref$onHeightChange,props=_objectWithoutPropertiesLoose(_ref,_excluded2);if(process.env.NODE_ENV!=="production"&&props.style){if("maxHeight"in props.style)throw new Error("Using `style.maxHeight` for <TextareaAutosize/> is not supported. Please use `maxRows`.");if("minHeight"in props.style)throw new Error("Using `style.minHeight` for <TextareaAutosize/> is not supported. Please use `minRows`.")}var isControlled=props.value!==void 0,libRef=(0,import_react25.useRef)(null),ref=use_composed_ref_esm_default(libRef,userRef),heightRef=(0,import_react25.useRef)(0),measurementsCacheRef=(0,import_react25.useRef)(),resizeTextarea=function(){var node=libRef.current,nodeSizingData=cacheMeasurements&&measurementsCacheRef.current?measurementsCacheRef.current:getSizingData(node);if(nodeSizingData){measurementsCacheRef.current=nodeSizingData;var _calculateNodeHeight=calculateNodeHeight(nodeSizingData,node.value||node.placeholder||"x",minRows,maxRows),height=_calculateNodeHeight[0],rowHeight=_calculateNodeHeight[1];heightRef.current!==height&&(heightRef.current=height,node.style.setProperty("height",height+"px","important"),onHeightChange(height,{rowHeight}))}},handleChange=function(event){isControlled||resizeTextarea(),onChange(event)};return typeof document<"u"&&((0,import_react25.useLayoutEffect)(resizeTextarea),useWindowResizeListener(resizeTextarea),useFontsLoadedListener(resizeTextarea)),(0,import_react25.createElement)("textarea",_extends({},props,{onChange:handleChange,ref}))},index2=(0,import_react25.forwardRef)(TextareaAutosize),react_textarea_autosize_esm_default=index2;var styleResets={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},styles=({theme})=>({...styleResets,transition:"box-shadow 200ms ease-out, opacity 200ms ease-out",color:theme.input.color||"inherit",background:theme.input.background,boxShadow:`${theme.input.border} 0 0 0 1px inset`,borderRadius:theme.input.borderRadius,fontSize:theme.typography.size.s2-1,lineHeight:"20px",padding:"6px 10px","&:focus":{boxShadow:`${theme.color.secondary} 0 0 0 1px inset`,outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"&:-webkit-autofill":{WebkitBoxShadow:`0 0 0 3em ${theme.color.lightest} inset`},"&::placeholder":{color:theme.textMutedColor,opacity:1}}),sizes=({size})=>{switch(size){case"100%":return{width:"100%"};case"flex":return{flex:1};case"auto":default:return{display:"inline"}}},alignment=({align})=>{switch(align){case"end":return{textAlign:"right"};case"center":return{textAlign:"center"};case"start":default:return{textAlign:"left"}}},validation=({valid,theme})=>{switch(valid){case"valid":return{boxShadow:`${theme.color.positive} 0 0 0 1px inset !important`};case"error":return{boxShadow:`${theme.color.negative} 0 0 0 1px inset !important`};case"warn":return{boxShadow:`${theme.color.warning} 0 0 0 1px inset`};case void 0:case null:default:return{}}},Input=Object.assign((0,import_theming37.styled)((0,import_react26.forwardRef)(function({size,valid,align,...props},ref){return import_react26.default.createElement("input",{...props,ref})}))(styles,sizes,alignment,validation,{minHeight:32}),{displayName:"Input"}),Select=Object.assign((0,import_theming37.styled)((0,import_react26.forwardRef)(function({size,valid,align,...props},ref){return import_react26.default.createElement("select",{...props,ref})}))(styles,sizes,validation,{height:32,userSelect:"none",paddingRight:20,appearance:"menulist"}),{displayName:"Select"}),Textarea=Object.assign((0,import_theming37.styled)((0,import_react26.forwardRef)(function({size,valid,align,...props},ref){return import_react26.default.createElement(react_textarea_autosize_esm_default,{...props,ref})}))(styles,sizes,alignment,validation,({height=400})=>({overflow:"visible",maxHeight:height})),{displayName:"Textarea"}),ButtonStyled=(0,import_theming37.styled)((0,import_react26.forwardRef)(function({size,valid,align,...props},ref){return import_react26.default.createElement(Button,{...props,ref})}))(sizes,validation,{userSelect:"none",overflow:"visible",zIndex:2,"&:hover":{transform:"none"}}),Button3=Object.assign((0,import_react26.forwardRef)(function(props,ref){return import_react26.default.createElement(ButtonStyled,{...props,tertiary:!0,small:!0,inForm:!0,ref})}),{displayName:"Button"});var Form=Object.assign(import_theming38.styled.form({boxSizing:"border-box",width:"100%"}),{Field,Input,Select,Textarea,Button:Button3});var import_react29=__toESM(require("react")),LazyWithTooltip=(0,import_react29.lazy)(()=>Promise.resolve().then(()=>(init_WithTooltip(),WithTooltip_exports)).then(mod=>({default:mod.WithTooltip}))),WithTooltip=props=>import_react29.default.createElement(import_react29.Suspense,{fallback:import_react29.default.createElement("div",null)},import_react29.default.createElement(LazyWithTooltip,{...props})),LazyWithTooltipPure=(0,import_react29.lazy)(()=>Promise.resolve().then(()=>(init_WithTooltip(),WithTooltip_exports)).then(mod=>({default:mod.WithTooltipPure}))),WithTooltipPure2=props=>import_react29.default.createElement(import_react29.Suspense,{fallback:import_react29.default.createElement("div",null)},import_react29.default.createElement(LazyWithTooltipPure,{...props}));var import_react30=__toESM(require("react")),import_theming41=require("@storybook/theming");var Title2=import_theming41.styled.div(({theme})=>({fontWeight:theme.typography.weight.bold})),Desc2=import_theming41.styled.span(),Links=import_theming41.styled.div(({theme})=>({marginTop:8,textAlign:"center","> *":{margin:"0 8px",fontWeight:theme.typography.weight.bold}})),Message2=import_theming41.styled.div(({theme})=>({color:theme.color.defaultText,lineHeight:"18px"})),MessageWrapper=import_theming41.styled.div({padding:15,width:280,boxSizing:"border-box"}),TooltipMessage=({title,desc,links})=>import_react30.default.createElement(MessageWrapper,null,import_react30.default.createElement(Message2,null,title&&import_react30.default.createElement(Title2,null,title),desc&&import_react30.default.createElement(Desc2,null,desc)),links&&import_react30.default.createElement(Links,null,links.map(({title:linkTitle,...other})=>import_react30.default.createElement(Link2,{...other,key:linkTitle},linkTitle))));TooltipMessage.defaultProps={title:null,desc:null,links:null};var import_react31=__toESM(require("react")),import_theming42=require("@storybook/theming"),Note=import_theming42.styled.div(({theme})=>({padding:"2px 6px",lineHeight:"16px",fontSize:10,fontWeight:theme.typography.weight.bold,color:theme.color.lightest,boxShadow:"0 0 5px 0 rgba(0, 0, 0, 0.3)",borderRadius:4,whiteSpace:"nowrap",pointerEvents:"none",zIndex:-1,background:theme.base==="light"?"rgba(60, 60, 60, 0.9)":"rgba(0, 0, 0, 0.95)",margin:6})),TooltipNote=({note,...props})=>import_react31.default.createElement(Note,{...props},note);var import_react33=__toESM(require("react")),import_theming44=require("@storybook/theming");var import_react32=__toESM(require("react")),import_theming43=require("@storybook/theming"),import_memoizerific4=__toESM(require("memoizerific"));var Title3=(0,import_theming43.styled)(({active,loading,disabled,...rest})=>import_react32.default.createElement("span",{...rest}))(({theme})=>({color:theme.color.defaultText,fontWeight:theme.typography.weight.regular}),({active,theme})=>active?{color:theme.color.secondary,fontWeight:theme.typography.weight.bold}:{},({loading,theme})=>loading?{display:"inline-block",flex:"none",...theme.animation.inlineGlow}:{},({disabled,theme})=>disabled?{color:curriedTransparentize$1(.7,theme.color.defaultText)}:{}),Right=import_theming43.styled.span({display:"flex","& svg":{height:12,width:12,margin:"3px 0",verticalAlign:"top"},"& path":{fill:"inherit"}}),Center=import_theming43.styled.span({flex:1,textAlign:"left",display:"flex",flexDirection:"column"},({isIndented})=>isIndented?{marginLeft:24}:{}),CenterText=import_theming43.styled.span(({theme})=>({fontSize:"11px",lineHeight:"14px"}),({active,theme})=>active?{color:theme.color.secondary}:{},({theme,disabled})=>disabled?{color:theme.textMutedColor}:{}),Left=import_theming43.styled.span(({active,theme})=>active?{"& svg":{opacity:1},"& svg path":{fill:theme.color.secondary}}:{},()=>({display:"flex",maxWidth:14})),Item=import_theming43.styled.a(({theme})=>({fontSize:theme.typography.size.s1,transition:"all 150ms ease-out",color:curriedTransparentize$1(.5,theme.color.defaultText),textDecoration:"none",cursor:"pointer",justifyContent:"space-between",lineHeight:"18px",padding:"7px 10px",display:"flex",alignItems:"center","& > * + *":{paddingLeft:10},"&:hover":{background:theme.background.hoverable},"&:hover svg":{opacity:1}}),({disabled})=>disabled?{cursor:"not-allowed"}:{}),getItemProps=(0,import_memoizerific4.default)(100)((onClick,href,LinkWrapper)=>{let result={};return onClick&&Object.assign(result,{onClick}),href&&Object.assign(result,{href}),LinkWrapper&&href&&Object.assign(result,{to:href,as:LinkWrapper}),result}),ListItem=({loading,left:left2,title,center,right:right2,icon,active,disabled,isIndented,href,onClick,LinkWrapper,...rest})=>{let itemProps=getItemProps(onClick,href,LinkWrapper),commonProps={active,disabled},isStorybookIcon=typeof icon=="string"&&icons[icon];return import_react32.default.createElement(Item,{...commonProps,...rest,...itemProps},icon?import_react32.default.createElement(Left,{...commonProps},isStorybookIcon?import_react32.default.createElement(Icons,{icon}):icon):left2&&import_react32.default.createElement(Left,{...commonProps},left2),title||center?import_react32.default.createElement(Center,{isIndented:!left2&&!icon&&isIndented},title&&import_react32.default.createElement(Title3,{...commonProps,loading},title),center&&import_react32.default.createElement(CenterText,{...commonProps},center)):null,right2&&import_react32.default.createElement(Right,{...commonProps},right2))};ListItem.defaultProps={loading:!1,left:null,title:import_react32.default.createElement("span",null,"Loading state"),center:null,right:null,active:!1,disabled:!1,href:null,LinkWrapper:null,onClick:null};var ListItem_default=ListItem;var List=import_theming44.styled.div({minWidth:180,overflow:"hidden",overflowY:"auto",maxHeight:15.5*32},({theme})=>({borderRadius:theme.appBorderRadius})),Item2=props=>{let{LinkWrapper,onClick:onClickFromProps,id,isIndented,...rest}=props,{title,href,active}=rest,onClick=(0,import_react33.useCallback)(event=>{onClickFromProps(event,rest)},[onClickFromProps]),hasOnClick=!!onClickFromProps;return import_react33.default.createElement(ListItem_default,{title,active,href,id:`list-item-${id}`,LinkWrapper,isIndented,...rest,...hasOnClick?{onClick}:{}})},TooltipLinkList=({links,LinkWrapper})=>{let hasOneLeftElement=links.some(link=>link.left||link.icon);return import_react33.default.createElement(List,null,links.map(({isGatsby,...p})=>import_react33.default.createElement(Item2,{key:p.id,LinkWrapper:isGatsby?LinkWrapper:null,isIndented:hasOneLeftElement,...p})))};TooltipLinkList.defaultProps={LinkWrapper:ListItem_default.defaultProps.LinkWrapper};var import_react38=__toESM(require("react")),import_theming49=require("@storybook/theming"),import_csf2=require("@storybook/csf");var import_react34=__toESM(require("react")),import_theming45=require("@storybook/theming");init_lib();var ButtonOrLink=import_react34.default.forwardRef(({children,...restProps},ref)=>restProps.href!=null?import_react34.default.createElement("a",{ref,...restProps},children):import_react34.default.createElement("button",{ref,type:"button",...restProps},children));ButtonOrLink.displayName="ButtonOrLink";var TabButton=(0,import_theming45.styled)(ButtonOrLink,{shouldForwardProp:import_theming45.isPropValid})({whiteSpace:"normal",display:"inline-flex",overflow:"hidden",verticalAlign:"top",justifyContent:"center",alignItems:"center",textAlign:"center",textDecoration:"none","&:empty":{display:"none"}},({theme})=>({padding:"0 15px",transition:"color 0.2s linear, border-bottom-color 0.2s linear",height:40,lineHeight:"12px",cursor:"pointer",background:"transparent",border:"0 solid transparent",borderTop:"3px solid transparent",borderBottom:"3px solid transparent",fontWeight:"bold",fontSize:13,"&:focus":{outline:"0 none",borderBottomColor:theme.color.secondary}}),({active,textColor,theme})=>active?{color:textColor||theme.barSelectedColor,borderBottomColor:theme.barSelectedColor}:{color:textColor||theme.barTextColor,borderBottomColor:"transparent"});TabButton.displayName="TabButton";var IconButton=(0,import_theming45.styled)(ButtonOrLink,{shouldForwardProp:import_theming45.isPropValid})(()=>({alignItems:"center",background:"transparent",border:"none",borderRadius:4,color:"inherit",cursor:"pointer",display:"inline-flex",fontSize:13,fontWeight:"bold",height:28,justifyContent:"center",marginTop:6,padding:"8px 7px","& > svg":{width:14}}),({active,theme})=>active?{backgroundColor:theme.background.hoverable,color:theme.color.secondary}:{},({disabled,theme})=>disabled?{opacity:.5,cursor:"not-allowed"}:{"&:hover, &:focus-visible":{background:curriedTransparentize$1(.88,theme.color.secondary),color:theme.color.secondary},"&:focus-visible":{outline:auto},"&:focus:not(:focus-visible)":{outline:"none"}});IconButton.displayName="IconButton";var IconPlaceholder=import_theming45.styled.div(({theme})=>({width:14,height:14,backgroundColor:theme.appBorderColor,animation:`${theme.animation.glow} 1.5s ease-in-out infinite`})),IconButtonSkeletonWrapper=import_theming45.styled.div(()=>({marginTop:6,padding:7,height:28})),IconButtonSkeleton=()=>import_react34.default.createElement(IconButtonSkeletonWrapper,null,import_react34.default.createElement(IconPlaceholder,null));var import_react35=__toESM(require("react")),import_theming46=require("@storybook/theming");init_ScrollArea();var Side=import_theming46.styled.div({display:"flex",whiteSpace:"nowrap",flexBasis:"auto",marginLeft:3,marginRight:3},({scrollable})=>scrollable?{flexShrink:0}:{},({left:left2})=>left2?{"& > *":{marginLeft:4}}:{},({right:right2})=>right2?{marginLeft:30,"& > *":{marginRight:4}}:{});Side.displayName="Side";var UnstyledBar=({children,className,scrollable})=>scrollable?import_react35.default.createElement(ScrollArea,{vertical:!1,className},children):import_react35.default.createElement("div",{className},children),Bar=(0,import_theming46.styled)(UnstyledBar)(({theme,scrollable=!0})=>({color:theme.barTextColor,width:"100%",height:40,flexShrink:0,overflow:scrollable?"auto":"hidden",overflowY:"hidden"}),({theme,border=!1})=>border?{boxShadow:`${theme.appBorderColor}  0 -1px 0 0 inset`,background:theme.barBg}:{});Bar.displayName="Bar";var BarInner=import_theming46.styled.div(({bgColor})=>({display:"flex",justifyContent:"space-between",position:"relative",flexWrap:"nowrap",flexShrink:0,height:40,backgroundColor:bgColor||""})),FlexBar=({children,backgroundColor,...rest})=>{let[left2,right2]=import_react35.Children.toArray(children);return import_react35.default.createElement(Bar,{...rest},import_react35.default.createElement(BarInner,{bgColor:backgroundColor},import_react35.default.createElement(Side,{scrollable:rest.scrollable,left:!0},left2),right2?import_react35.default.createElement(Side,{right:!0},right2):null))};FlexBar.displayName="FlexBar";var import_theming47=require("@storybook/theming"),import_react36=__toESM(require("react")),VisuallyHidden=import_theming47.styled.div(({active})=>active?{display:"block"}:{display:"none"}),childrenToList=(children,selected)=>import_react36.Children.toArray(children).map(({props:{title,id,color,children:childrenOfChild}},index3)=>{let content=Array.isArray(childrenOfChild)?childrenOfChild[0]:childrenOfChild;return{active:selected?id===selected:index3===0,title,id,color,render:typeof content=="function"?content:({active,key})=>import_react36.default.createElement(VisuallyHidden,{key,active,role:"tabpanel"},content)}});var import_react37=__toESM(require("react")),import_csf=require("@storybook/csf"),import_theming48=require("@storybook/theming"),import_use_resize_observer2=__toESM(require("use-resize-observer"));init_WithTooltip();var CollapseIcon=import_theming48.styled.span(({theme,isActive})=>({display:"inline-block",width:0,height:0,marginLeft:8,color:isActive?theme.color.secondary:theme.color.mediumdark,borderRight:"3px solid transparent",borderLeft:"3px solid transparent",borderTop:"3px solid",transition:"transform .1s ease-out"})),AddonButton=(0,import_theming48.styled)(TabButton)(({active,theme,preActive})=>`
     color: ${preActive||active?theme.color.secondary:theme.color.mediumdark};
     &:hover {
       color: ${theme.color.secondary};

package/dist/index.mjs

@@ -158,7 +158,7 @@ To pass a single animation please supply them in simple values, e.g. animation('
   }
 `,Icons=({icon,useSymbol,...props})=>React6.createElement(Svg,{viewBox:"0 0 14 14",width:"14px",height:"14px",...props},useSymbol?React6.createElement("use",{xlinkHref:`#icon--${icon}`}):icons[icon]),Symbols=memo(function({icons:keys=Object.keys(icons)}){return React6.createElement(Svg,{viewBox:"0 0 14 14",style:{position:"absolute",width:0,height:0},"data-chromatic":"ignore"},keys.map(key=>React6.createElement("symbol",{id:`icon--${key}`,key},icons[key])))});var LEFT_BUTTON=0,isPlainLeftClick=e=>e.button===LEFT_BUTTON&&!e.altKey&&!e.ctrlKey&&!e.metaKey&&!e.shiftKey,cancelled=(e,cb)=>{isPlainLeftClick(e)&&(e.preventDefault(),cb(e))},LinkInner=styled25.span(({withArrow})=>withArrow?{"> svg:last-of-type":{height:"0.7em",width:"0.7em",marginRight:0,marginLeft:"0.25em",bottom:"auto",verticalAlign:"inherit"}}:{},({containsIcon})=>containsIcon?{svg:{height:"1em",width:"1em",verticalAlign:"middle",position:"relative",bottom:0,marginRight:0}}:{}),A2=styled25.a(({theme})=>({display:"inline-block",transition:"all 150ms ease-out",textDecoration:"none",color:theme.color.secondary,"&:hover, &:focus":{cursor:"pointer",color:curriedDarken$1(.07,theme.color.secondary),"svg path":{fill:curriedDarken$1(.07,theme.color.secondary)}},"&:active":{color:curriedDarken$1(.1,theme.color.secondary),"svg path":{fill:curriedDarken$1(.1,theme.color.secondary)}},svg:{display:"inline-block",height:"1em",width:"1em",verticalAlign:"text-top",position:"relative",bottom:"-0.125em",marginRight:"0.4em","& path":{fill:theme.color.secondary}}}),({theme,secondary,tertiary})=>{let colors;return secondary&&(colors=[theme.textMutedColor,theme.color.dark,theme.color.darker]),tertiary&&(colors=[theme.color.dark,theme.color.darkest,theme.textMutedColor]),colors?{color:colors[0],"svg path":{fill:colors[0]},"&:hover":{color:colors[1],"svg path":{fill:colors[1]}},"&:active":{color:colors[2],"svg path":{fill:colors[2]}}}:{}},({nochrome})=>nochrome?{color:"inherit","&:hover, &:active":{color:"inherit",textDecoration:"underline"}}:{},({theme,inverse})=>inverse?{color:theme.color.lightest,"svg path":{fill:theme.color.lightest},"&:hover":{color:theme.color.lighter,"svg path":{fill:theme.color.lighter}},"&:active":{color:theme.color.light,"svg path":{fill:theme.color.light}}}:{},({isButton})=>isButton?{border:0,borderRadius:0,background:"none",padding:0,fontSize:"inherit"}:{}),Link2=({cancel,children,onClick,withArrow,containsIcon,className,...rest})=>React7.createElement(A2,{...rest,onClick:onClick&&cancel?e=>cancelled(e,onClick):onClick,className},React7.createElement(LinkInner,{withArrow,containsIcon},children,withArrow&&React7.createElement(Icons,{icon:"arrowright"})));Link2.defaultProps={cancel:!0,className:void 0,style:void 0,onClick:void 0,withArrow:!1,containsIcon:!1};import{styled as styled26}from"@storybook/theming";var DocumentWrapper=styled26.div(({theme})=>({fontSize:`${theme.typography.size.s2}px`,lineHeight:"1.6",h1:{fontSize:`${theme.typography.size.l1}px`,fontWeight:theme.typography.weight.bold},h2:{fontSize:`${theme.typography.size.m2}px`,borderBottom:`1px solid ${theme.appBorderColor}`},h3:{fontSize:`${theme.typography.size.m1}px`},h4:{fontSize:`${theme.typography.size.s3}px`},h5:{fontSize:`${theme.typography.size.s2}px`},h6:{fontSize:`${theme.typography.size.s2}px`,color:theme.color.dark},"pre:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"pre pre, pre.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px"},"pre pre code, pre.prismjs code":{color:"inherit",fontSize:"inherit"},"pre code":{margin:0,padding:0,whiteSpace:"pre",border:"none",background:"transparent"},"pre code, pre tt":{backgroundColor:"transparent",border:"none"},"body > *:first-of-type":{marginTop:"0 !important"},"body > *:last-child":{marginBottom:"0 !important"},a:{color:theme.color.secondary,textDecoration:"none"},"a.absent":{color:"#cc0000"},"a.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0},"h1, h2, h3, h4, h5, h6":{margin:"20px 0 10px",padding:0,cursor:"text",position:"relative","&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& tt, & code":{fontSize:"inherit"}},"h1:first-of-type + h2":{marginTop:0,paddingTop:0},"p, blockquote, ul, ol, dl, li, table, pre":{margin:"15px 0"},hr:{border:"0 none",borderTop:`1px solid ${theme.appBorderColor}`,height:4,padding:0},"body > h1:first-of-type, body > h2:first-of-type, body > h3:first-of-type, body > h4:first-of-type, body > h5:first-of-type, body > h6:first-of-type":{marginTop:0,paddingTop:0},"body > h1:first-of-type + h2":{marginTop:0,paddingTop:0},"a:first-of-type h1, a:first-of-type h2, a:first-of-type h3, a:first-of-type h4, a:first-of-type h5, a:first-of-type h6":{marginTop:0,paddingTop:0},"h1 p, h2 p, h3 p, h4 p, h5 p, h6 p":{marginTop:0},"li p.first":{display:"inline-block"},"ul, ol":{paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},dl:{padding:0},"dl dt":{fontSize:"14px",fontWeight:"bold",fontStyle:"italic",margin:"0 0 15px",padding:"0 15px","&:first-of-type":{padding:0},"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},blockquote:{borderLeft:`4px solid ${theme.color.medium}`,padding:"0 15px",color:theme.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},table:{padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${theme.appBorderColor}`,backgroundColor:"white",margin:0,padding:0,"& th":{fontWeight:"bold",border:`1px solid ${theme.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"& td":{border:`1px solid ${theme.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"&:nth-of-type(2n)":{backgroundColor:theme.color.lighter},"& th :first-of-type, & td :first-of-type":{marginTop:0},"& th :last-child, & td :last-child":{marginBottom:0}}},img:{maxWidth:"100%"},"span.frame":{display:"block",overflow:"hidden","& > span":{border:`1px solid ${theme.color.medium}`,display:"block",float:"left",overflow:"hidden",margin:"13px 0 0",padding:7,width:"auto"},"& span img":{display:"block",float:"left"},"& span span":{clear:"both",color:theme.color.darkest,display:"block",padding:"5px 0 0"}},"span.align-center":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"center"},"& span img":{margin:"0 auto",textAlign:"center"}},"span.align-right":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px 0 0",textAlign:"right"},"& span img":{margin:0,textAlign:"right"}},"span.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"span.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}},"code, tt":{margin:"0 2px",padding:"0 5px",whiteSpace:"nowrap",border:`1px solid ${theme.color.mediumlight}`,backgroundColor:theme.color.lighter,borderRadius:3,color:theme.base==="dark"&&theme.color.darkest}}));import React8,{Suspense,lazy}from"react";var LazySyntaxHighlighter=lazy(()=>import("./syntaxhighlighter-QTQ2UBB4.mjs")),LazySyntaxHighlighterWithFormatter=lazy(async()=>{let[{SyntaxHighlighter:SyntaxHighlighter3},{formatter}]=await Promise.all([import("./syntaxhighlighter-QTQ2UBB4.mjs"),import("./formatter-UT3ZCDIS.mjs")]);return{default:props=>React8.createElement(SyntaxHighlighter3,{...props,formatter})}}),SyntaxHighlighter2=props=>React8.createElement(Suspense,{fallback:React8.createElement("div",null)},props.format!==!1?React8.createElement(LazySyntaxHighlighterWithFormatter,{...props}):React8.createElement(LazySyntaxHighlighter,{...props}));import React9 from"react";import{styled as styled27}from"@storybook/theming";var toNumber=input=>typeof input=="number"?input:Number(input),Container=styled27.div(({theme,col,row=1})=>col?{display:"inline-block",verticalAlign:"inherit","& > *":{marginLeft:col*theme.layoutMargin,verticalAlign:"inherit"},["& > *:first-child"]:{marginLeft:0}}:{"& > *":{marginTop:row*theme.layoutMargin},["& > *:first-child"]:{marginTop:0}},({theme,outer,col,row})=>{switch(!0){case!!(outer&&col):return{marginLeft:outer*theme.layoutMargin,marginRight:outer*theme.layoutMargin};case!!(outer&&row):return{marginTop:outer*theme.layoutMargin,marginBottom:outer*theme.layoutMargin};default:return{}}}),Spaced=({col,row,outer,children,...rest})=>{let outerAmount=toNumber(typeof outer=="number"||!outer?outer:col||row);return React9.createElement(Container,{col,row,outer:outerAmount,...rest},children)};import React10,{Children as Children2}from"react";import{styled as styled28}from"@storybook/theming";var Title=styled28.div(({theme})=>({fontWeight:theme.typography.weight.bold})),Desc=styled28.div(),Message=styled28.div(({theme})=>({padding:30,textAlign:"center",color:theme.color.defaultText,fontSize:theme.typography.size.s2-1})),Placeholder=({children,...props})=>{let[title,desc]=Children2.toArray(children);return React10.createElement(Message,{...props},React10.createElement(Title,null,title),desc&&React10.createElement(Desc,null,desc))};import React11,{useEffect,useRef,useState,useCallback}from"react";import useResizeObserver from"use-resize-observer";import{styled as styled29}from"@storybook/theming";function browserSupportsCssZoom(){try{return/^((?!chrome|android).)*safari/i.test(navigator.userAgent)?!1:global.CSS?.supports("zoom: 1")}catch{return!1}}var hasBrowserSupportForCssZoom=browserSupportsCssZoom(),ZoomElementWrapper=styled29.div(({scale=1,elementHeight})=>hasBrowserSupportForCssZoom?{"> *":{zoom:1/scale}}:{height:elementHeight||"auto",transformOrigin:"top left",transform:`scale(${1/scale})`});function ZoomElement({scale,children}){let componentWrapperRef=useRef(null),[elementHeight,setElementHeight]=useState(0),onResize=useCallback(({height})=>{height&&setElementHeight(height/scale)},[scale]);return useEffect(()=>{componentWrapperRef.current&&setElementHeight(componentWrapperRef.current.getBoundingClientRect().height)},[scale]),useResizeObserver({ref:componentWrapperRef,onResize}),React11.createElement(ZoomElementWrapper,{scale,elementHeight},React11.createElement("div",{ref:hasBrowserSupportForCssZoom?null:componentWrapperRef,className:"innerZoomElementWrapper"},children))}import{Component}from"react";var ZoomIFrame=class extends Component{constructor(){super(...arguments);this.iframe=null}componentDidMount(){let{iFrameRef}=this.props;this.iframe=iFrameRef.current}shouldComponentUpdate(nextProps){let{scale,active}=this.props;return scale!==nextProps.scale&&this.setIframeInnerZoom(nextProps.scale),active!==nextProps.active&&this.iframe.setAttribute("data-is-storybook",nextProps.active?"true":"false"),nextProps.children.props.src!==this.props.children.props.src}setIframeInnerZoom(scale){try{browserSupportsCssZoom()?Object.assign(this.iframe.contentDocument.body.style,{zoom:1/scale,minHeight:`calc(100vh / ${1/scale})`}):Object.assign(this.iframe.contentDocument.body.style,{width:`${scale*100}%`,height:`${scale*100}%`,transform:`scale(${1/scale})`,transformOrigin:"top left"})}catch{this.setIframeZoom(scale)}}setIframeZoom(scale){Object.assign(this.iframe.style,{width:`${scale*100}%`,height:`${scale*100}%`,transform:`scale(${1/scale})`,transformOrigin:"top left"})}render(){let{children}=this.props;return children}};var Zoom={Element:ZoomElement,IFrame:ZoomIFrame};import{global as global2}from"@storybook/global";import React12,{Fragment}from"react";import{styled as styled30}from"@storybook/theming";var{document:document2}=global2,ErrorName=styled30.strong(({theme})=>({color:theme.color.orange})),ErrorImportant=styled30.strong(({theme})=>({color:theme.color.ancillary,textDecoration:"underline"})),ErrorDetail=styled30.em(({theme})=>({color:theme.textMutedColor})),firstLineRegex=/(Error): (.*)\n/,linesRegexChromium=/at (?:(.*) )?\(?(.+)\)?/,linesRegexFirefox=/([^@]+)?(?:\/<)?@(.+)?/,linesRegexSafari=/([^@]+)?@(.+)?/,ErrorFormatter=({error})=>{if(!error)return React12.createElement(Fragment,null,"This error has no stack or message");if(!error.stack)return React12.createElement(Fragment,null,error.message||"This error has no stack or message");let input=error.stack.toString();input&&error.message&&!input.includes(error.message)&&(input=`Error: ${error.message}
 
-${input}`);let match=input.match(firstLineRegex);if(!match)return React12.createElement(Fragment,null,input);let[,type,name]=match,rawLines=input.split(/\n/).slice(1),[,...lines]=rawLines.map(line=>{let result=line.match(linesRegexChromium)||line.match(linesRegexFirefox)||line.match(linesRegexSafari);return result?{name:(result[1]||"").replace("/<",""),location:result[2].replace(document2.location.origin,"")}:null}).filter(Boolean);return React12.createElement(Fragment,null,React12.createElement("span",null,type),": ",React12.createElement(ErrorName,null,name),React12.createElement("br",null),lines.map((l,i)=>l.name?React12.createElement(Fragment,{key:i},"  ","at ",React12.createElement(ErrorImportant,null,l.name)," (",React12.createElement(ErrorDetail,null,l.location),")",React12.createElement("br",null)):React12.createElement(Fragment,{key:i},"  ","at ",React12.createElement(ErrorDetail,null,l.location),React12.createElement("br",null))))};import React13,{forwardRef}from"react";import{styled as styled31}from"@storybook/theming";var ButtonWrapper=styled31.button(({small,theme})=>({border:0,borderRadius:"3em",cursor:"pointer",display:"inline-block",overflow:"hidden",padding:small?"8px 16px":"13px 20px",position:"relative",textAlign:"center",textDecoration:"none",transition:"all 150ms ease-out",transform:"translate3d(0,0,0)",verticalAlign:"top",whiteSpace:"nowrap",userSelect:"none",opacity:1,margin:0,background:"transparent",fontSize:`${small?theme.typography.size.s1:theme.typography.size.s2-1}px`,fontWeight:theme.typography.weight.bold,lineHeight:"1",svg:{display:"inline-block",height:small?12:14,width:small?12:14,verticalAlign:"top",marginRight:small?4:6,marginTop:small?0:-1,marginBottom:small?0:-1,pointerEvents:"none",path:{fill:"currentColor"}}}),({disabled})=>disabled?{cursor:"not-allowed !important",opacity:.5,"&:hover":{transform:"none"}}:{},({containsIcon,small})=>containsIcon?{svg:{display:"block",margin:0},...small?{padding:10}:{padding:13}}:{},({theme,primary,secondary,gray})=>{let color;return gray?color=theme.color.mediumlight:secondary?color=theme.color.secondary:primary&&(color=theme.color.primary),color?{background:color,color:gray?theme.color.darkest:theme.color.lightest,"&:hover":{background:curriedDarken$1(.05,color)},"&:active":{boxShadow:"rgba(0, 0, 0, 0.1) 0 0 0 3em inset"},"&:focus":{boxShadow:`${rgba(color,1)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${rgba(color,.2)} 0 8px 18px 0px`}}:{}},({theme,tertiary,inForm,small})=>tertiary?{background:theme.button.background,color:theme.input.color,boxShadow:`${theme.button.border} 0 0 0 1px inset`,borderRadius:theme.input.borderRadius,...inForm&&small?{padding:"10px 16px"}:{},"&:hover":{background:theme.base==="light"?curriedDarken$1(.02,theme.button.background):curriedLighten$1(.03,theme.button.background),...inForm?{}:{boxShadow:"rgba(0,0,0,.2) 0 2px 6px 0, rgba(0,0,0,.1) 0 0 0 1px inset"}},"&:active":{background:theme.button.background},"&:focus":{boxShadow:`${rgba(theme.color.secondary,1)} 0 0 0 1px inset`,outline:"none"}}:{},({theme,outline})=>outline?{boxShadow:`${curriedTransparentize$1(.8,theme.color.defaultText)} 0 0 0 1px inset`,color:curriedTransparentize$1(.3,theme.color.defaultText),background:"transparent","&:hover, &:focus":{boxShadow:`${curriedTransparentize$1(.5,theme.color.defaultText)} 0 0 0 1px inset`,outline:"none"},"&:active":{boxShadow:`${curriedTransparentize$1(.5,theme.color.defaultText)} 0 0 0 2px inset`,color:curriedTransparentize$1(0,theme.color.defaultText)}}:{},({theme,outline,primary})=>{let color=theme.color.primary;return outline&&primary?{boxShadow:`${color} 0 0 0 1px inset`,color,"svg path":{fill:color},"&:hover":{boxShadow:`${color} 0 0 0 1px inset`,background:"transparent"},"&:active":{background:color,boxShadow:`${color} 0 0 0 1px inset`,color:theme.color.tertiary},"&:focus":{boxShadow:`${color} 0 0 0 1px inset, ${rgba(color,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${color} 0 0 0 1px inset, ${rgba(color,.2)} 0 8px 18px 0px`}}:{}},({theme,outline,primary,secondary})=>{let color;return secondary?color=theme.color.secondary:primary&&(color=theme.color.primary),outline&&color?{boxShadow:`${color} 0 0 0 1px inset`,color,"svg path":{fill:color},"&:hover":{boxShadow:`${color} 0 0 0 1px inset`,background:"transparent"},"&:active":{background:color,boxShadow:`${color} 0 0 0 1px inset`,color:theme.color.tertiary},"&:focus":{boxShadow:`${color} 0 0 0 1px inset, ${rgba(color,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${color} 0 0 0 1px inset, ${rgba(color,.2)} 0 8px 18px 0px`}}:{}}),ButtonLink=ButtonWrapper.withComponent("a"),Button=Object.assign(forwardRef(function({isLink,children,...props},ref){return isLink?React13.createElement(ButtonLink,{...props,ref},children):React13.createElement(ButtonWrapper,{...props,ref},children)}),{defaultProps:{isLink:!1}});import{styled as styled34}from"@storybook/theming";import React14 from"react";import{styled as styled32}from"@storybook/theming";var Wrapper=styled32.label(({theme})=>({display:"flex",borderBottom:`1px solid ${theme.appBorderColor}`,margin:"0 15px",padding:"8px 0","&:last-child":{marginBottom:"3rem"}})),Label=styled32.span(({theme})=>({minWidth:100,fontWeight:theme.typography.weight.bold,marginRight:15,display:"flex",justifyContent:"flex-start",alignItems:"center",lineHeight:"16px"})),Field=({label,children,...props})=>React14.createElement(Wrapper,{...props},label?React14.createElement(Label,null,React14.createElement("span",null,label)):null,children);Field.defaultProps={label:void 0};import React16,{forwardRef as forwardRef3}from"react";import{styled as styled33}from"@storybook/theming";import{useLayoutEffect as useLayoutEffect2,forwardRef as forwardRef2,useRef as useRef4,createElement}from"react";import*as React15 from"react";import{useLayoutEffect,useEffect as useEffect2}from"react";var index=typeof document<"u"?useLayoutEffect:useEffect2,use_isomorphic_layout_effect_esm_default=index;var useLatest=function(value){var ref=React15.useRef(value);return use_isomorphic_layout_effect_esm_default(function(){ref.current=value}),ref};import{useRef as useRef3,useCallback as useCallback2}from"react";var updateRef=function(ref,value){if(typeof ref=="function"){ref(value);return}ref.current=value},useComposedRef=function(libRef,userRef){var prevUserRef=useRef3();return useCallback2(function(instance){libRef.current=instance,prevUserRef.current&&updateRef(prevUserRef.current,null),prevUserRef.current=userRef,userRef&&updateRef(userRef,instance)},[userRef])},use_composed_ref_esm_default=useComposedRef;var HIDDEN_TEXTAREA_STYLE={"min-height":"0","max-height":"none",height:"0",visibility:"hidden",overflow:"hidden",position:"absolute","z-index":"-1000",top:"0",right:"0"},forceHiddenStyles=function(node){Object.keys(HIDDEN_TEXTAREA_STYLE).forEach(function(key){node.style.setProperty(key,HIDDEN_TEXTAREA_STYLE[key],"important")})},hiddenTextarea=null,getHeight=function(node,sizingData){var height=node.scrollHeight;return sizingData.sizingStyle.boxSizing==="border-box"?height+sizingData.borderSize:height-sizingData.paddingSize};function calculateNodeHeight(sizingData,value,minRows,maxRows){minRows===void 0&&(minRows=1),maxRows===void 0&&(maxRows=1/0),hiddenTextarea||(hiddenTextarea=document.createElement("textarea"),hiddenTextarea.setAttribute("tabindex","-1"),hiddenTextarea.setAttribute("aria-hidden","true"),forceHiddenStyles(hiddenTextarea)),hiddenTextarea.parentNode===null&&document.body.appendChild(hiddenTextarea);var paddingSize=sizingData.paddingSize,borderSize=sizingData.borderSize,sizingStyle=sizingData.sizingStyle,boxSizing=sizingStyle.boxSizing;Object.keys(sizingStyle).forEach(function(_key){var key=_key;hiddenTextarea.style[key]=sizingStyle[key]}),forceHiddenStyles(hiddenTextarea),hiddenTextarea.value=value;var height=getHeight(hiddenTextarea,sizingData);hiddenTextarea.value="x";var rowHeight=hiddenTextarea.scrollHeight-paddingSize,minHeight=rowHeight*minRows;boxSizing==="border-box"&&(minHeight=minHeight+paddingSize+borderSize),height=Math.max(minHeight,height);var maxHeight=rowHeight*maxRows;return boxSizing==="border-box"&&(maxHeight=maxHeight+paddingSize+borderSize),height=Math.min(maxHeight,height),[height,rowHeight]}var noop=function(){},pick=function(props,obj){return props.reduce(function(acc,prop){return acc[prop]=obj[prop],acc},{})},SIZING_STYLE=["borderBottomWidth","borderLeftWidth","borderRightWidth","borderTopWidth","boxSizing","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","paddingBottom","paddingLeft","paddingRight","paddingTop","tabSize","textIndent","textRendering","textTransform","width","wordBreak"],isIE=typeof document<"u"?!!document.documentElement.currentStyle:!1,getSizingData=function(node){var style=window.getComputedStyle(node);if(style===null)return null;var sizingStyle=pick(SIZING_STYLE,style),boxSizing=sizingStyle.boxSizing;if(boxSizing==="")return null;isIE&&boxSizing==="border-box"&&(sizingStyle.width=parseFloat(sizingStyle.width)+parseFloat(sizingStyle.borderRightWidth)+parseFloat(sizingStyle.borderLeftWidth)+parseFloat(sizingStyle.paddingRight)+parseFloat(sizingStyle.paddingLeft)+"px");var paddingSize=parseFloat(sizingStyle.paddingBottom)+parseFloat(sizingStyle.paddingTop),borderSize=parseFloat(sizingStyle.borderBottomWidth)+parseFloat(sizingStyle.borderTopWidth);return{sizingStyle,paddingSize,borderSize}},useWindowResizeListener=function(listener){var latestListener=useLatest(listener);useLayoutEffect2(function(){var handler=function(event){latestListener.current(event)};return window.addEventListener("resize",handler),function(){window.removeEventListener("resize",handler)}},[])},TextareaAutosize=function(_ref,userRef){var cacheMeasurements=_ref.cacheMeasurements,maxRows=_ref.maxRows,minRows=_ref.minRows,_ref$onChange=_ref.onChange,onChange=_ref$onChange===void 0?noop:_ref$onChange,_ref$onHeightChange=_ref.onHeightChange,onHeightChange=_ref$onHeightChange===void 0?noop:_ref$onHeightChange,props=_objectWithoutPropertiesLoose(_ref,["cacheMeasurements","maxRows","minRows","onChange","onHeightChange"]);if(process.env.NODE_ENV!=="production"&&props.style){if("maxHeight"in props.style)throw new Error("Using `style.maxHeight` for <TextareaAutosize/> is not supported. Please use `maxRows`.");if("minHeight"in props.style)throw new Error("Using `style.minHeight` for <TextareaAutosize/> is not supported. Please use `minRows`.")}var isControlled=props.value!==void 0,libRef=useRef4(null),ref=use_composed_ref_esm_default(libRef,userRef),heightRef=useRef4(0),measurementsCacheRef=useRef4(),resizeTextarea=function(){var node=libRef.current,nodeSizingData=cacheMeasurements&&measurementsCacheRef.current?measurementsCacheRef.current:getSizingData(node);if(nodeSizingData){measurementsCacheRef.current=nodeSizingData;var _calculateNodeHeight=calculateNodeHeight(nodeSizingData,node.value||node.placeholder||"x",minRows,maxRows),height=_calculateNodeHeight[0],rowHeight=_calculateNodeHeight[1];heightRef.current!==height&&(heightRef.current=height,node.style.setProperty("height",height+"px","important"),onHeightChange(height,{rowHeight}))}},handleChange=function(event){isControlled||resizeTextarea(),onChange(event)};return typeof document<"u"&&(useLayoutEffect2(resizeTextarea),useWindowResizeListener(resizeTextarea)),createElement("textarea",_extends({},props,{onChange:handleChange,ref}))},index2=forwardRef2(TextareaAutosize),react_textarea_autosize_esm_default=index2;var styleResets={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},styles=({theme})=>({...styleResets,transition:"box-shadow 200ms ease-out, opacity 200ms ease-out",color:theme.input.color||"inherit",background:theme.input.background,boxShadow:`${theme.input.border} 0 0 0 1px inset`,borderRadius:theme.input.borderRadius,fontSize:theme.typography.size.s2-1,lineHeight:"20px",padding:"6px 10px","&:focus":{boxShadow:`${theme.color.secondary} 0 0 0 1px inset`,outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"&:-webkit-autofill":{WebkitBoxShadow:`0 0 0 3em ${theme.color.lightest} inset`},"&::placeholder":{color:theme.textMutedColor,opacity:1}}),sizes=({size})=>{switch(size){case"100%":return{width:"100%"};case"flex":return{flex:1};case"auto":default:return{display:"inline"}}},alignment=({align})=>{switch(align){case"end":return{textAlign:"right"};case"center":return{textAlign:"center"};case"start":default:return{textAlign:"left"}}},validation=({valid,theme})=>{switch(valid){case"valid":return{boxShadow:`${theme.color.positive} 0 0 0 1px inset !important`};case"error":return{boxShadow:`${theme.color.negative} 0 0 0 1px inset !important`};case"warn":return{boxShadow:`${theme.color.warning} 0 0 0 1px inset`};case void 0:case null:default:return{}}},Input=Object.assign(styled33(forwardRef3(function({size,valid,align,...props},ref){return React16.createElement("input",{...props,ref})}))(styles,sizes,alignment,validation,{minHeight:32}),{displayName:"Input"}),Select=Object.assign(styled33(forwardRef3(function({size,valid,align,...props},ref){return React16.createElement("select",{...props,ref})}))(styles,sizes,validation,{height:32,userSelect:"none",paddingRight:20,appearance:"menulist"}),{displayName:"Select"}),Textarea=Object.assign(styled33(forwardRef3(function({size,valid,align,...props},ref){return React16.createElement(react_textarea_autosize_esm_default,{...props,ref})}))(styles,sizes,alignment,validation,({height=400})=>({overflow:"visible",maxHeight:height})),{displayName:"Textarea"}),ButtonStyled=styled33(forwardRef3(function({size,valid,align,...props},ref){return React16.createElement(Button,{...props,ref})}))(sizes,validation,{userSelect:"none",overflow:"visible",zIndex:2,"&:hover":{transform:"none"}}),Button3=Object.assign(forwardRef3(function(props,ref){return React16.createElement(ButtonStyled,{...props,tertiary:!0,small:!0,inForm:!0,ref})}),{displayName:"Button"});var Form=Object.assign(styled34.form({boxSizing:"border-box",width:"100%"}),{Field,Input,Select,Textarea,Button:Button3});import React17,{lazy as lazy2,Suspense as Suspense2}from"react";var LazyWithTooltip=lazy2(()=>import("./WithTooltip-3BDV6MYO.mjs").then(mod=>({default:mod.WithTooltip}))),WithTooltip=props=>React17.createElement(Suspense2,{fallback:React17.createElement("div",null)},React17.createElement(LazyWithTooltip,{...props})),LazyWithTooltipPure=lazy2(()=>import("./WithTooltip-3BDV6MYO.mjs").then(mod=>({default:mod.WithTooltipPure}))),WithTooltipPure=props=>React17.createElement(Suspense2,{fallback:React17.createElement("div",null)},React17.createElement(LazyWithTooltipPure,{...props}));import React18 from"react";import{styled as styled35}from"@storybook/theming";var Title2=styled35.div(({theme})=>({fontWeight:theme.typography.weight.bold})),Desc2=styled35.span(),Links=styled35.div(({theme})=>({marginTop:8,textAlign:"center","> *":{margin:"0 8px",fontWeight:theme.typography.weight.bold}})),Message2=styled35.div(({theme})=>({color:theme.color.defaultText,lineHeight:"18px"})),MessageWrapper=styled35.div({padding:15,width:280,boxSizing:"border-box"}),TooltipMessage=({title,desc,links})=>React18.createElement(MessageWrapper,null,React18.createElement(Message2,null,title&&React18.createElement(Title2,null,title),desc&&React18.createElement(Desc2,null,desc)),links&&React18.createElement(Links,null,links.map(({title:linkTitle,...other})=>React18.createElement(Link2,{...other,key:linkTitle},linkTitle))));TooltipMessage.defaultProps={title:null,desc:null,links:null};import React19 from"react";import{styled as styled36}from"@storybook/theming";var Note=styled36.div(({theme})=>({padding:"2px 6px",lineHeight:"16px",fontSize:10,fontWeight:theme.typography.weight.bold,color:theme.color.lightest,boxShadow:"0 0 5px 0 rgba(0, 0, 0, 0.3)",borderRadius:4,whiteSpace:"nowrap",pointerEvents:"none",zIndex:-1,background:theme.base==="light"?"rgba(60, 60, 60, 0.9)":"rgba(0, 0, 0, 0.95)",margin:6})),TooltipNote=({note,...props})=>React19.createElement(Note,{...props},note);import React21,{useCallback as useCallback3}from"react";import{styled as styled38}from"@storybook/theming";import React20 from"react";import{styled as styled37}from"@storybook/theming";import memoize from"memoizerific";var Title3=styled37(({active,loading,disabled,...rest})=>React20.createElement("span",{...rest}))(({theme})=>({color:theme.color.defaultText,fontWeight:theme.typography.weight.regular}),({active,theme})=>active?{color:theme.color.secondary,fontWeight:theme.typography.weight.bold}:{},({loading,theme})=>loading?{display:"inline-block",flex:"none",...theme.animation.inlineGlow}:{},({disabled,theme})=>disabled?{color:curriedTransparentize$1(.7,theme.color.defaultText)}:{}),Right=styled37.span({display:"flex","& svg":{height:12,width:12,margin:"3px 0",verticalAlign:"top"},"& path":{fill:"inherit"}}),Center=styled37.span({flex:1,textAlign:"left",display:"flex",flexDirection:"column"},({isIndented})=>isIndented?{marginLeft:24}:{}),CenterText=styled37.span(({theme})=>({fontSize:"11px",lineHeight:"14px"}),({active,theme})=>active?{color:theme.color.secondary}:{},({theme,disabled})=>disabled?{color:theme.textMutedColor}:{}),Left=styled37.span(({active,theme})=>active?{"& svg":{opacity:1},"& svg path":{fill:theme.color.secondary}}:{},()=>({display:"flex",maxWidth:14})),Item=styled37.a(({theme})=>({fontSize:theme.typography.size.s1,transition:"all 150ms ease-out",color:curriedTransparentize$1(.5,theme.color.defaultText),textDecoration:"none",cursor:"pointer",justifyContent:"space-between",lineHeight:"18px",padding:"7px 10px",display:"flex",alignItems:"center","& > * + *":{paddingLeft:10},"&:hover":{background:theme.background.hoverable},"&:hover svg":{opacity:1}}),({disabled})=>disabled?{cursor:"not-allowed"}:{}),getItemProps=memoize(100)((onClick,href,LinkWrapper)=>{let result={};return onClick&&Object.assign(result,{onClick}),href&&Object.assign(result,{href}),LinkWrapper&&href&&Object.assign(result,{to:href,as:LinkWrapper}),result}),ListItem=({loading,left,title,center,right,icon,active,disabled,isIndented,href,onClick,LinkWrapper,...rest})=>{let itemProps=getItemProps(onClick,href,LinkWrapper),commonProps={active,disabled},isStorybookIcon=typeof icon=="string"&&icons[icon];return React20.createElement(Item,{...commonProps,...rest,...itemProps},icon?React20.createElement(Left,{...commonProps},isStorybookIcon?React20.createElement(Icons,{icon}):icon):left&&React20.createElement(Left,{...commonProps},left),title||center?React20.createElement(Center,{isIndented:!left&&!icon&&isIndented},title&&React20.createElement(Title3,{...commonProps,loading},title),center&&React20.createElement(CenterText,{...commonProps},center)):null,right&&React20.createElement(Right,{...commonProps},right))};ListItem.defaultProps={loading:!1,left:null,title:React20.createElement("span",null,"Loading state"),center:null,right:null,active:!1,disabled:!1,href:null,LinkWrapper:null,onClick:null};var ListItem_default=ListItem;var List=styled38.div({minWidth:180,overflow:"hidden",overflowY:"auto",maxHeight:15.5*32},({theme})=>({borderRadius:theme.appBorderRadius})),Item2=props=>{let{LinkWrapper,onClick:onClickFromProps,id,isIndented,...rest}=props,{title,href,active}=rest,onClick=useCallback3(event=>{onClickFromProps(event,rest)},[onClickFromProps]),hasOnClick=!!onClickFromProps;return React21.createElement(ListItem_default,{title,active,href,id:`list-item-${id}`,LinkWrapper,isIndented,...rest,...hasOnClick?{onClick}:{}})},TooltipLinkList=({links,LinkWrapper})=>{let hasOneLeftElement=links.some(link=>link.left||link.icon);return React21.createElement(List,null,links.map(({isGatsby,...p})=>React21.createElement(Item2,{key:p.id,LinkWrapper:isGatsby?LinkWrapper:null,isIndented:hasOneLeftElement,...p})))};TooltipLinkList.defaultProps={LinkWrapper:ListItem_default.defaultProps.LinkWrapper};import React26,{useMemo,Component as Component2,Fragment as Fragment2,memo as memo2}from"react";import{styled as styled43}from"@storybook/theming";import{sanitize as sanitize2}from"@storybook/csf";import React22 from"react";import{styled as styled39,isPropValid}from"@storybook/theming";var ButtonOrLink=React22.forwardRef(({children,...restProps},ref)=>restProps.href!=null?React22.createElement("a",{ref,...restProps},children):React22.createElement("button",{ref,type:"button",...restProps},children));ButtonOrLink.displayName="ButtonOrLink";var TabButton=styled39(ButtonOrLink,{shouldForwardProp:isPropValid})({whiteSpace:"normal",display:"inline-flex",overflow:"hidden",verticalAlign:"top",justifyContent:"center",alignItems:"center",textAlign:"center",textDecoration:"none","&:empty":{display:"none"}},({theme})=>({padding:"0 15px",transition:"color 0.2s linear, border-bottom-color 0.2s linear",height:40,lineHeight:"12px",cursor:"pointer",background:"transparent",border:"0 solid transparent",borderTop:"3px solid transparent",borderBottom:"3px solid transparent",fontWeight:"bold",fontSize:13,"&:focus":{outline:"0 none",borderBottomColor:theme.color.secondary}}),({active,textColor,theme})=>active?{color:textColor||theme.barSelectedColor,borderBottomColor:theme.barSelectedColor}:{color:textColor||theme.barTextColor,borderBottomColor:"transparent"});TabButton.displayName="TabButton";var IconButton=styled39(ButtonOrLink,{shouldForwardProp:isPropValid})(()=>({alignItems:"center",background:"transparent",border:"none",borderRadius:4,color:"inherit",cursor:"pointer",display:"inline-flex",fontSize:13,fontWeight:"bold",height:28,justifyContent:"center",marginTop:6,padding:"8px 7px","& > svg":{width:14}}),({active,theme})=>active?{backgroundColor:theme.background.hoverable,color:theme.color.secondary}:{},({disabled,theme})=>disabled?{opacity:.5,cursor:"not-allowed"}:{"&:hover, &:focus-visible":{background:curriedTransparentize$1(.88,theme.color.secondary),color:theme.color.secondary},"&:focus-visible":{outline:auto},"&:focus:not(:focus-visible)":{outline:"none"}});IconButton.displayName="IconButton";var IconPlaceholder=styled39.div(({theme})=>({width:14,height:14,backgroundColor:theme.appBorderColor,animation:`${theme.animation.glow} 1.5s ease-in-out infinite`})),IconButtonSkeletonWrapper=styled39.div(()=>({marginTop:6,padding:7,height:28})),IconButtonSkeleton=()=>React22.createElement(IconButtonSkeletonWrapper,null,React22.createElement(IconPlaceholder,null));import React23,{Children as Children3}from"react";import{styled as styled40}from"@storybook/theming";var Side=styled40.div({display:"flex",whiteSpace:"nowrap",flexBasis:"auto",marginLeft:3,marginRight:3},({scrollable})=>scrollable?{flexShrink:0}:{},({left})=>left?{"& > *":{marginLeft:4}}:{},({right})=>right?{marginLeft:30,"& > *":{marginRight:4}}:{});Side.displayName="Side";var UnstyledBar=({children,className,scrollable})=>scrollable?React23.createElement(ScrollArea,{vertical:!1,className},children):React23.createElement("div",{className},children),Bar=styled40(UnstyledBar)(({theme,scrollable=!0})=>({color:theme.barTextColor,width:"100%",height:40,flexShrink:0,overflow:scrollable?"auto":"hidden",overflowY:"hidden"}),({theme,border=!1})=>border?{boxShadow:`${theme.appBorderColor}  0 -1px 0 0 inset`,background:theme.barBg}:{});Bar.displayName="Bar";var BarInner=styled40.div(({bgColor})=>({display:"flex",justifyContent:"space-between",position:"relative",flexWrap:"nowrap",flexShrink:0,height:40,backgroundColor:bgColor||""})),FlexBar=({children,backgroundColor,...rest})=>{let[left,right]=Children3.toArray(children);return React23.createElement(Bar,{...rest},React23.createElement(BarInner,{bgColor:backgroundColor},React23.createElement(Side,{scrollable:rest.scrollable,left:!0},left),right?React23.createElement(Side,{right:!0},right):null))};FlexBar.displayName="FlexBar";import{styled as styled41}from"@storybook/theming";import React24,{Children as Children4}from"react";var VisuallyHidden=styled41.div(({active})=>active?{display:"block"}:{display:"none"}),childrenToList=(children,selected)=>Children4.toArray(children).map(({props:{title,id,color,children:childrenOfChild}},index3)=>{let content=Array.isArray(childrenOfChild)?childrenOfChild[0]:childrenOfChild;return{active:selected?id===selected:index3===0,title,id,color,render:typeof content=="function"?content:({active,key})=>React24.createElement(VisuallyHidden,{key,active,role:"tabpanel"},content)}});import React25,{useCallback as useCallback4,useLayoutEffect as useLayoutEffect3,useRef as useRef5,useState as useState2}from"react";import{sanitize}from"@storybook/csf";import{styled as styled42}from"@storybook/theming";import useResizeObserver2 from"use-resize-observer";var CollapseIcon=styled42.span(({theme,isActive})=>({display:"inline-block",width:0,height:0,marginLeft:8,color:isActive?theme.color.secondary:theme.color.mediumdark,borderRight:"3px solid transparent",borderLeft:"3px solid transparent",borderTop:"3px solid",transition:"transform .1s ease-out"})),AddonButton=styled42(TabButton)(({active,theme,preActive})=>`
+${input}`);let match=input.match(firstLineRegex);if(!match)return React12.createElement(Fragment,null,input);let[,type,name]=match,rawLines=input.split(/\n/).slice(1),[,...lines]=rawLines.map(line=>{let result=line.match(linesRegexChromium)||line.match(linesRegexFirefox)||line.match(linesRegexSafari);return result?{name:(result[1]||"").replace("/<",""),location:result[2].replace(document2.location.origin,"")}:null}).filter(Boolean);return React12.createElement(Fragment,null,React12.createElement("span",null,type),": ",React12.createElement(ErrorName,null,name),React12.createElement("br",null),lines.map((l,i)=>l.name?React12.createElement(Fragment,{key:i},"  ","at ",React12.createElement(ErrorImportant,null,l.name)," (",React12.createElement(ErrorDetail,null,l.location),")",React12.createElement("br",null)):React12.createElement(Fragment,{key:i},"  ","at ",React12.createElement(ErrorDetail,null,l.location),React12.createElement("br",null))))};import React13,{forwardRef}from"react";import{styled as styled31}from"@storybook/theming";var ButtonWrapper=styled31.button(({small,theme})=>({border:0,borderRadius:"3em",cursor:"pointer",display:"inline-block",overflow:"hidden",padding:small?"8px 16px":"13px 20px",position:"relative",textAlign:"center",textDecoration:"none",transition:"all 150ms ease-out",transform:"translate3d(0,0,0)",verticalAlign:"top",whiteSpace:"nowrap",userSelect:"none",opacity:1,margin:0,background:"transparent",fontSize:`${small?theme.typography.size.s1:theme.typography.size.s2-1}px`,fontWeight:theme.typography.weight.bold,lineHeight:"1",svg:{display:"inline-block",height:small?12:14,width:small?12:14,verticalAlign:"top",marginRight:small?4:6,marginTop:small?0:-1,marginBottom:small?0:-1,pointerEvents:"none",path:{fill:"currentColor"}}}),({disabled})=>disabled?{cursor:"not-allowed !important",opacity:.5,"&:hover":{transform:"none"}}:{},({containsIcon,small})=>containsIcon?{svg:{display:"block",margin:0},...small?{padding:10}:{padding:13}}:{},({theme,primary,secondary,gray})=>{let color;return gray?color=theme.color.mediumlight:secondary?color=theme.color.secondary:primary&&(color=theme.color.primary),color?{background:color,color:gray?theme.color.darkest:theme.color.lightest,"&:hover":{background:curriedDarken$1(.05,color)},"&:active":{boxShadow:"rgba(0, 0, 0, 0.1) 0 0 0 3em inset"},"&:focus":{boxShadow:`${rgba(color,1)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${rgba(color,.2)} 0 8px 18px 0px`}}:{}},({theme,tertiary,inForm,small})=>tertiary?{background:theme.button.background,color:theme.input.color,boxShadow:`${theme.button.border} 0 0 0 1px inset`,borderRadius:theme.input.borderRadius,...inForm&&small?{padding:"10px 16px"}:{},"&:hover":{background:theme.base==="light"?curriedDarken$1(.02,theme.button.background):curriedLighten$1(.03,theme.button.background),...inForm?{}:{boxShadow:"rgba(0,0,0,.2) 0 2px 6px 0, rgba(0,0,0,.1) 0 0 0 1px inset"}},"&:active":{background:theme.button.background},"&:focus":{boxShadow:`${rgba(theme.color.secondary,1)} 0 0 0 1px inset`,outline:"none"}}:{},({theme,outline})=>outline?{boxShadow:`${curriedTransparentize$1(.8,theme.color.defaultText)} 0 0 0 1px inset`,color:curriedTransparentize$1(.3,theme.color.defaultText),background:"transparent","&:hover, &:focus":{boxShadow:`${curriedTransparentize$1(.5,theme.color.defaultText)} 0 0 0 1px inset`,outline:"none"},"&:active":{boxShadow:`${curriedTransparentize$1(.5,theme.color.defaultText)} 0 0 0 2px inset`,color:curriedTransparentize$1(0,theme.color.defaultText)}}:{},({theme,outline,primary})=>{let color=theme.color.primary;return outline&&primary?{boxShadow:`${color} 0 0 0 1px inset`,color,"svg path":{fill:color},"&:hover":{boxShadow:`${color} 0 0 0 1px inset`,background:"transparent"},"&:active":{background:color,boxShadow:`${color} 0 0 0 1px inset`,color:theme.color.tertiary},"&:focus":{boxShadow:`${color} 0 0 0 1px inset, ${rgba(color,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${color} 0 0 0 1px inset, ${rgba(color,.2)} 0 8px 18px 0px`}}:{}},({theme,outline,primary,secondary})=>{let color;return secondary?color=theme.color.secondary:primary&&(color=theme.color.primary),outline&&color?{boxShadow:`${color} 0 0 0 1px inset`,color,"svg path":{fill:color},"&:hover":{boxShadow:`${color} 0 0 0 1px inset`,background:"transparent"},"&:active":{background:color,boxShadow:`${color} 0 0 0 1px inset`,color:theme.color.tertiary},"&:focus":{boxShadow:`${color} 0 0 0 1px inset, ${rgba(color,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${color} 0 0 0 1px inset, ${rgba(color,.2)} 0 8px 18px 0px`}}:{}}),ButtonLink=ButtonWrapper.withComponent("a"),Button=Object.assign(forwardRef(function({isLink,children,...props},ref){return isLink?React13.createElement(ButtonLink,{...props,ref},children):React13.createElement(ButtonWrapper,{...props,ref},children)}),{defaultProps:{isLink:!1}});import{styled as styled34}from"@storybook/theming";import React14 from"react";import{styled as styled32}from"@storybook/theming";var Wrapper=styled32.label(({theme})=>({display:"flex",borderBottom:`1px solid ${theme.appBorderColor}`,margin:"0 15px",padding:"8px 0","&:last-child":{marginBottom:"3rem"}})),Label=styled32.span(({theme})=>({minWidth:100,fontWeight:theme.typography.weight.bold,marginRight:15,display:"flex",justifyContent:"flex-start",alignItems:"center",lineHeight:"16px"})),Field=({label,children,...props})=>React14.createElement(Wrapper,{...props},label?React14.createElement(Label,null,React14.createElement("span",null,label)):null,children);Field.defaultProps={label:void 0};import React16,{forwardRef as forwardRef3}from"react";import{styled as styled33}from"@storybook/theming";import{useLayoutEffect as useLayoutEffect2,forwardRef as forwardRef2,useRef as useRef4,createElement}from"react";import*as React15 from"react";import{useLayoutEffect,useEffect as useEffect2}from"react";var index=typeof document<"u"?useLayoutEffect:useEffect2,use_isomorphic_layout_effect_esm_default=index;var useLatest=function(value){var ref=React15.useRef(value);return use_isomorphic_layout_effect_esm_default(function(){ref.current=value}),ref};import{useRef as useRef3,useCallback as useCallback2}from"react";var updateRef=function(ref,value){if(typeof ref=="function"){ref(value);return}ref.current=value},useComposedRef=function(libRef,userRef){var prevUserRef=useRef3();return useCallback2(function(instance){libRef.current=instance,prevUserRef.current&&updateRef(prevUserRef.current,null),prevUserRef.current=userRef,userRef&&updateRef(userRef,instance)},[userRef])},use_composed_ref_esm_default=useComposedRef;var HIDDEN_TEXTAREA_STYLE={"min-height":"0","max-height":"none",height:"0",visibility:"hidden",overflow:"hidden",position:"absolute","z-index":"-1000",top:"0",right:"0"},forceHiddenStyles=function(node){Object.keys(HIDDEN_TEXTAREA_STYLE).forEach(function(key){node.style.setProperty(key,HIDDEN_TEXTAREA_STYLE[key],"important")})},hiddenTextarea=null,getHeight=function(node,sizingData){var height=node.scrollHeight;return sizingData.sizingStyle.boxSizing==="border-box"?height+sizingData.borderSize:height-sizingData.paddingSize};function calculateNodeHeight(sizingData,value,minRows,maxRows){minRows===void 0&&(minRows=1),maxRows===void 0&&(maxRows=1/0),hiddenTextarea||(hiddenTextarea=document.createElement("textarea"),hiddenTextarea.setAttribute("tabindex","-1"),hiddenTextarea.setAttribute("aria-hidden","true"),forceHiddenStyles(hiddenTextarea)),hiddenTextarea.parentNode===null&&document.body.appendChild(hiddenTextarea);var paddingSize=sizingData.paddingSize,borderSize=sizingData.borderSize,sizingStyle=sizingData.sizingStyle,boxSizing=sizingStyle.boxSizing;Object.keys(sizingStyle).forEach(function(_key){var key=_key;hiddenTextarea.style[key]=sizingStyle[key]}),forceHiddenStyles(hiddenTextarea),hiddenTextarea.value=value;var height=getHeight(hiddenTextarea,sizingData);hiddenTextarea.value=value,height=getHeight(hiddenTextarea,sizingData),hiddenTextarea.value="x";var rowHeight=hiddenTextarea.scrollHeight-paddingSize,minHeight=rowHeight*minRows;boxSizing==="border-box"&&(minHeight=minHeight+paddingSize+borderSize),height=Math.max(minHeight,height);var maxHeight=rowHeight*maxRows;return boxSizing==="border-box"&&(maxHeight=maxHeight+paddingSize+borderSize),height=Math.min(maxHeight,height),[height,rowHeight]}var noop=function(){},pick=function(props,obj){return props.reduce(function(acc,prop){return acc[prop]=obj[prop],acc},{})},SIZING_STYLE=["borderBottomWidth","borderLeftWidth","borderRightWidth","borderTopWidth","boxSizing","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","paddingBottom","paddingLeft","paddingRight","paddingTop","tabSize","textIndent","textRendering","textTransform","width","wordBreak"],isIE=typeof document<"u"?!!document.documentElement.currentStyle:!1,getSizingData=function(node){var style=window.getComputedStyle(node);if(style===null)return null;var sizingStyle=pick(SIZING_STYLE,style),boxSizing=sizingStyle.boxSizing;if(boxSizing==="")return null;isIE&&boxSizing==="border-box"&&(sizingStyle.width=parseFloat(sizingStyle.width)+parseFloat(sizingStyle.borderRightWidth)+parseFloat(sizingStyle.borderLeftWidth)+parseFloat(sizingStyle.paddingRight)+parseFloat(sizingStyle.paddingLeft)+"px");var paddingSize=parseFloat(sizingStyle.paddingBottom)+parseFloat(sizingStyle.paddingTop),borderSize=parseFloat(sizingStyle.borderBottomWidth)+parseFloat(sizingStyle.borderTopWidth);return{sizingStyle,paddingSize,borderSize}};function useListener(target,type,listener){var latestListener=useLatest(listener);useLayoutEffect2(function(){var handler=function(ev){return latestListener.current(ev)};return target.addEventListener(type,handler),function(){return target.removeEventListener(type,handler)}},[])}var useWindowResizeListener=function(listener){useListener(window,"resize",listener)},useFontsLoadedListener=function(listener){useListener(document.fonts,"loadingdone",listener)},_excluded=["cacheMeasurements","maxRows","minRows","onChange","onHeightChange"],TextareaAutosize=function(_ref,userRef){var cacheMeasurements=_ref.cacheMeasurements,maxRows=_ref.maxRows,minRows=_ref.minRows,_ref$onChange=_ref.onChange,onChange=_ref$onChange===void 0?noop:_ref$onChange,_ref$onHeightChange=_ref.onHeightChange,onHeightChange=_ref$onHeightChange===void 0?noop:_ref$onHeightChange,props=_objectWithoutPropertiesLoose(_ref,_excluded);if(process.env.NODE_ENV!=="production"&&props.style){if("maxHeight"in props.style)throw new Error("Using `style.maxHeight` for <TextareaAutosize/> is not supported. Please use `maxRows`.");if("minHeight"in props.style)throw new Error("Using `style.minHeight` for <TextareaAutosize/> is not supported. Please use `minRows`.")}var isControlled=props.value!==void 0,libRef=useRef4(null),ref=use_composed_ref_esm_default(libRef,userRef),heightRef=useRef4(0),measurementsCacheRef=useRef4(),resizeTextarea=function(){var node=libRef.current,nodeSizingData=cacheMeasurements&&measurementsCacheRef.current?measurementsCacheRef.current:getSizingData(node);if(nodeSizingData){measurementsCacheRef.current=nodeSizingData;var _calculateNodeHeight=calculateNodeHeight(nodeSizingData,node.value||node.placeholder||"x",minRows,maxRows),height=_calculateNodeHeight[0],rowHeight=_calculateNodeHeight[1];heightRef.current!==height&&(heightRef.current=height,node.style.setProperty("height",height+"px","important"),onHeightChange(height,{rowHeight}))}},handleChange=function(event){isControlled||resizeTextarea(),onChange(event)};return typeof document<"u"&&(useLayoutEffect2(resizeTextarea),useWindowResizeListener(resizeTextarea),useFontsLoadedListener(resizeTextarea)),createElement("textarea",_extends({},props,{onChange:handleChange,ref}))},index2=forwardRef2(TextareaAutosize),react_textarea_autosize_esm_default=index2;var styleResets={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},styles=({theme})=>({...styleResets,transition:"box-shadow 200ms ease-out, opacity 200ms ease-out",color:theme.input.color||"inherit",background:theme.input.background,boxShadow:`${theme.input.border} 0 0 0 1px inset`,borderRadius:theme.input.borderRadius,fontSize:theme.typography.size.s2-1,lineHeight:"20px",padding:"6px 10px","&:focus":{boxShadow:`${theme.color.secondary} 0 0 0 1px inset`,outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"&:-webkit-autofill":{WebkitBoxShadow:`0 0 0 3em ${theme.color.lightest} inset`},"&::placeholder":{color:theme.textMutedColor,opacity:1}}),sizes=({size})=>{switch(size){case"100%":return{width:"100%"};case"flex":return{flex:1};case"auto":default:return{display:"inline"}}},alignment=({align})=>{switch(align){case"end":return{textAlign:"right"};case"center":return{textAlign:"center"};case"start":default:return{textAlign:"left"}}},validation=({valid,theme})=>{switch(valid){case"valid":return{boxShadow:`${theme.color.positive} 0 0 0 1px inset !important`};case"error":return{boxShadow:`${theme.color.negative} 0 0 0 1px inset !important`};case"warn":return{boxShadow:`${theme.color.warning} 0 0 0 1px inset`};case void 0:case null:default:return{}}},Input=Object.assign(styled33(forwardRef3(function({size,valid,align,...props},ref){return React16.createElement("input",{...props,ref})}))(styles,sizes,alignment,validation,{minHeight:32}),{displayName:"Input"}),Select=Object.assign(styled33(forwardRef3(function({size,valid,align,...props},ref){return React16.createElement("select",{...props,ref})}))(styles,sizes,validation,{height:32,userSelect:"none",paddingRight:20,appearance:"menulist"}),{displayName:"Select"}),Textarea=Object.assign(styled33(forwardRef3(function({size,valid,align,...props},ref){return React16.createElement(react_textarea_autosize_esm_default,{...props,ref})}))(styles,sizes,alignment,validation,({height=400})=>({overflow:"visible",maxHeight:height})),{displayName:"Textarea"}),ButtonStyled=styled33(forwardRef3(function({size,valid,align,...props},ref){return React16.createElement(Button,{...props,ref})}))(sizes,validation,{userSelect:"none",overflow:"visible",zIndex:2,"&:hover":{transform:"none"}}),Button3=Object.assign(forwardRef3(function(props,ref){return React16.createElement(ButtonStyled,{...props,tertiary:!0,small:!0,inForm:!0,ref})}),{displayName:"Button"});var Form=Object.assign(styled34.form({boxSizing:"border-box",width:"100%"}),{Field,Input,Select,Textarea,Button:Button3});import React17,{lazy as lazy2,Suspense as Suspense2}from"react";var LazyWithTooltip=lazy2(()=>import("./WithTooltip-3BDV6MYO.mjs").then(mod=>({default:mod.WithTooltip}))),WithTooltip=props=>React17.createElement(Suspense2,{fallback:React17.createElement("div",null)},React17.createElement(LazyWithTooltip,{...props})),LazyWithTooltipPure=lazy2(()=>import("./WithTooltip-3BDV6MYO.mjs").then(mod=>({default:mod.WithTooltipPure}))),WithTooltipPure=props=>React17.createElement(Suspense2,{fallback:React17.createElement("div",null)},React17.createElement(LazyWithTooltipPure,{...props}));import React18 from"react";import{styled as styled35}from"@storybook/theming";var Title2=styled35.div(({theme})=>({fontWeight:theme.typography.weight.bold})),Desc2=styled35.span(),Links=styled35.div(({theme})=>({marginTop:8,textAlign:"center","> *":{margin:"0 8px",fontWeight:theme.typography.weight.bold}})),Message2=styled35.div(({theme})=>({color:theme.color.defaultText,lineHeight:"18px"})),MessageWrapper=styled35.div({padding:15,width:280,boxSizing:"border-box"}),TooltipMessage=({title,desc,links})=>React18.createElement(MessageWrapper,null,React18.createElement(Message2,null,title&&React18.createElement(Title2,null,title),desc&&React18.createElement(Desc2,null,desc)),links&&React18.createElement(Links,null,links.map(({title:linkTitle,...other})=>React18.createElement(Link2,{...other,key:linkTitle},linkTitle))));TooltipMessage.defaultProps={title:null,desc:null,links:null};import React19 from"react";import{styled as styled36}from"@storybook/theming";var Note=styled36.div(({theme})=>({padding:"2px 6px",lineHeight:"16px",fontSize:10,fontWeight:theme.typography.weight.bold,color:theme.color.lightest,boxShadow:"0 0 5px 0 rgba(0, 0, 0, 0.3)",borderRadius:4,whiteSpace:"nowrap",pointerEvents:"none",zIndex:-1,background:theme.base==="light"?"rgba(60, 60, 60, 0.9)":"rgba(0, 0, 0, 0.95)",margin:6})),TooltipNote=({note,...props})=>React19.createElement(Note,{...props},note);import React21,{useCallback as useCallback3}from"react";import{styled as styled38}from"@storybook/theming";import React20 from"react";import{styled as styled37}from"@storybook/theming";import memoize from"memoizerific";var Title3=styled37(({active,loading,disabled,...rest})=>React20.createElement("span",{...rest}))(({theme})=>({color:theme.color.defaultText,fontWeight:theme.typography.weight.regular}),({active,theme})=>active?{color:theme.color.secondary,fontWeight:theme.typography.weight.bold}:{},({loading,theme})=>loading?{display:"inline-block",flex:"none",...theme.animation.inlineGlow}:{},({disabled,theme})=>disabled?{color:curriedTransparentize$1(.7,theme.color.defaultText)}:{}),Right=styled37.span({display:"flex","& svg":{height:12,width:12,margin:"3px 0",verticalAlign:"top"},"& path":{fill:"inherit"}}),Center=styled37.span({flex:1,textAlign:"left",display:"flex",flexDirection:"column"},({isIndented})=>isIndented?{marginLeft:24}:{}),CenterText=styled37.span(({theme})=>({fontSize:"11px",lineHeight:"14px"}),({active,theme})=>active?{color:theme.color.secondary}:{},({theme,disabled})=>disabled?{color:theme.textMutedColor}:{}),Left=styled37.span(({active,theme})=>active?{"& svg":{opacity:1},"& svg path":{fill:theme.color.secondary}}:{},()=>({display:"flex",maxWidth:14})),Item=styled37.a(({theme})=>({fontSize:theme.typography.size.s1,transition:"all 150ms ease-out",color:curriedTransparentize$1(.5,theme.color.defaultText),textDecoration:"none",cursor:"pointer",justifyContent:"space-between",lineHeight:"18px",padding:"7px 10px",display:"flex",alignItems:"center","& > * + *":{paddingLeft:10},"&:hover":{background:theme.background.hoverable},"&:hover svg":{opacity:1}}),({disabled})=>disabled?{cursor:"not-allowed"}:{}),getItemProps=memoize(100)((onClick,href,LinkWrapper)=>{let result={};return onClick&&Object.assign(result,{onClick}),href&&Object.assign(result,{href}),LinkWrapper&&href&&Object.assign(result,{to:href,as:LinkWrapper}),result}),ListItem=({loading,left,title,center,right,icon,active,disabled,isIndented,href,onClick,LinkWrapper,...rest})=>{let itemProps=getItemProps(onClick,href,LinkWrapper),commonProps={active,disabled},isStorybookIcon=typeof icon=="string"&&icons[icon];return React20.createElement(Item,{...commonProps,...rest,...itemProps},icon?React20.createElement(Left,{...commonProps},isStorybookIcon?React20.createElement(Icons,{icon}):icon):left&&React20.createElement(Left,{...commonProps},left),title||center?React20.createElement(Center,{isIndented:!left&&!icon&&isIndented},title&&React20.createElement(Title3,{...commonProps,loading},title),center&&React20.createElement(CenterText,{...commonProps},center)):null,right&&React20.createElement(Right,{...commonProps},right))};ListItem.defaultProps={loading:!1,left:null,title:React20.createElement("span",null,"Loading state"),center:null,right:null,active:!1,disabled:!1,href:null,LinkWrapper:null,onClick:null};var ListItem_default=ListItem;var List=styled38.div({minWidth:180,overflow:"hidden",overflowY:"auto",maxHeight:15.5*32},({theme})=>({borderRadius:theme.appBorderRadius})),Item2=props=>{let{LinkWrapper,onClick:onClickFromProps,id,isIndented,...rest}=props,{title,href,active}=rest,onClick=useCallback3(event=>{onClickFromProps(event,rest)},[onClickFromProps]),hasOnClick=!!onClickFromProps;return React21.createElement(ListItem_default,{title,active,href,id:`list-item-${id}`,LinkWrapper,isIndented,...rest,...hasOnClick?{onClick}:{}})},TooltipLinkList=({links,LinkWrapper})=>{let hasOneLeftElement=links.some(link=>link.left||link.icon);return React21.createElement(List,null,links.map(({isGatsby,...p})=>React21.createElement(Item2,{key:p.id,LinkWrapper:isGatsby?LinkWrapper:null,isIndented:hasOneLeftElement,...p})))};TooltipLinkList.defaultProps={LinkWrapper:ListItem_default.defaultProps.LinkWrapper};import React26,{useMemo,Component as Component2,Fragment as Fragment2,memo as memo2}from"react";import{styled as styled43}from"@storybook/theming";import{sanitize as sanitize2}from"@storybook/csf";import React22 from"react";import{styled as styled39,isPropValid}from"@storybook/theming";var ButtonOrLink=React22.forwardRef(({children,...restProps},ref)=>restProps.href!=null?React22.createElement("a",{ref,...restProps},children):React22.createElement("button",{ref,type:"button",...restProps},children));ButtonOrLink.displayName="ButtonOrLink";var TabButton=styled39(ButtonOrLink,{shouldForwardProp:isPropValid})({whiteSpace:"normal",display:"inline-flex",overflow:"hidden",verticalAlign:"top",justifyContent:"center",alignItems:"center",textAlign:"center",textDecoration:"none","&:empty":{display:"none"}},({theme})=>({padding:"0 15px",transition:"color 0.2s linear, border-bottom-color 0.2s linear",height:40,lineHeight:"12px",cursor:"pointer",background:"transparent",border:"0 solid transparent",borderTop:"3px solid transparent",borderBottom:"3px solid transparent",fontWeight:"bold",fontSize:13,"&:focus":{outline:"0 none",borderBottomColor:theme.color.secondary}}),({active,textColor,theme})=>active?{color:textColor||theme.barSelectedColor,borderBottomColor:theme.barSelectedColor}:{color:textColor||theme.barTextColor,borderBottomColor:"transparent"});TabButton.displayName="TabButton";var IconButton=styled39(ButtonOrLink,{shouldForwardProp:isPropValid})(()=>({alignItems:"center",background:"transparent",border:"none",borderRadius:4,color:"inherit",cursor:"pointer",display:"inline-flex",fontSize:13,fontWeight:"bold",height:28,justifyContent:"center",marginTop:6,padding:"8px 7px","& > svg":{width:14}}),({active,theme})=>active?{backgroundColor:theme.background.hoverable,color:theme.color.secondary}:{},({disabled,theme})=>disabled?{opacity:.5,cursor:"not-allowed"}:{"&:hover, &:focus-visible":{background:curriedTransparentize$1(.88,theme.color.secondary),color:theme.color.secondary},"&:focus-visible":{outline:auto},"&:focus:not(:focus-visible)":{outline:"none"}});IconButton.displayName="IconButton";var IconPlaceholder=styled39.div(({theme})=>({width:14,height:14,backgroundColor:theme.appBorderColor,animation:`${theme.animation.glow} 1.5s ease-in-out infinite`})),IconButtonSkeletonWrapper=styled39.div(()=>({marginTop:6,padding:7,height:28})),IconButtonSkeleton=()=>React22.createElement(IconButtonSkeletonWrapper,null,React22.createElement(IconPlaceholder,null));import React23,{Children as Children3}from"react";import{styled as styled40}from"@storybook/theming";var Side=styled40.div({display:"flex",whiteSpace:"nowrap",flexBasis:"auto",marginLeft:3,marginRight:3},({scrollable})=>scrollable?{flexShrink:0}:{},({left})=>left?{"& > *":{marginLeft:4}}:{},({right})=>right?{marginLeft:30,"& > *":{marginRight:4}}:{});Side.displayName="Side";var UnstyledBar=({children,className,scrollable})=>scrollable?React23.createElement(ScrollArea,{vertical:!1,className},children):React23.createElement("div",{className},children),Bar=styled40(UnstyledBar)(({theme,scrollable=!0})=>({color:theme.barTextColor,width:"100%",height:40,flexShrink:0,overflow:scrollable?"auto":"hidden",overflowY:"hidden"}),({theme,border=!1})=>border?{boxShadow:`${theme.appBorderColor}  0 -1px 0 0 inset`,background:theme.barBg}:{});Bar.displayName="Bar";var BarInner=styled40.div(({bgColor})=>({display:"flex",justifyContent:"space-between",position:"relative",flexWrap:"nowrap",flexShrink:0,height:40,backgroundColor:bgColor||""})),FlexBar=({children,backgroundColor,...rest})=>{let[left,right]=Children3.toArray(children);return React23.createElement(Bar,{...rest},React23.createElement(BarInner,{bgColor:backgroundColor},React23.createElement(Side,{scrollable:rest.scrollable,left:!0},left),right?React23.createElement(Side,{right:!0},right):null))};FlexBar.displayName="FlexBar";import{styled as styled41}from"@storybook/theming";import React24,{Children as Children4}from"react";var VisuallyHidden=styled41.div(({active})=>active?{display:"block"}:{display:"none"}),childrenToList=(children,selected)=>Children4.toArray(children).map(({props:{title,id,color,children:childrenOfChild}},index3)=>{let content=Array.isArray(childrenOfChild)?childrenOfChild[0]:childrenOfChild;return{active:selected?id===selected:index3===0,title,id,color,render:typeof content=="function"?content:({active,key})=>React24.createElement(VisuallyHidden,{key,active,role:"tabpanel"},content)}});import React25,{useCallback as useCallback4,useLayoutEffect as useLayoutEffect3,useRef as useRef5,useState as useState2}from"react";import{sanitize}from"@storybook/csf";import{styled as styled42}from"@storybook/theming";import useResizeObserver2 from"use-resize-observer";var CollapseIcon=styled42.span(({theme,isActive})=>({display:"inline-block",width:0,height:0,marginLeft:8,color:isActive?theme.color.secondary:theme.color.mediumdark,borderRight:"3px solid transparent",borderLeft:"3px solid transparent",borderTop:"3px solid",transition:"transform .1s ease-out"})),AddonButton=styled42(TabButton)(({active,theme,preActive})=>`
     color: ${preActive||active?theme.color.secondary:theme.color.mediumdark};
     &:hover {
       color: ${theme.color.secondary};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/components",
-  "version": "7.0.0-rc.6",
+  "version": "7.0.0-rc.8",
   "description": "Core Storybook Components",
   "keywords": [
     "storybook"
@@ -48,11 +48,11 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.0.0-rc.6",
+    "@storybook/client-logger": "7.0.0-rc.8",
     "@storybook/csf": "next",
     "@storybook/global": "^5.0.0",
-    "@storybook/theming": "7.0.0-rc.6",
-    "@storybook/types": "7.0.0-rc.6",
+    "@storybook/theming": "7.0.0-rc.8",
+    "@storybook/types": "7.0.0-rc.8",
     "memoizerific": "^1.11.3",
     "use-resize-observer": "^9.1.0",
     "util-deprecate": "^1.0.2"
@@ -85,5 +85,5 @@
     ],
     "platform": "neutral"
   },
-  "gitHead": "1467fa1d714cbf43d5d87f9233c6dd42e20da787"
+  "gitHead": "42cc9d76db87614261e067f49b0123db30365233"
 }