@storybook/manager 0.0.0-pr-24271-sha-f6cb6ac2 → 0.0.0-pr-24281-sha-534a6350

package/dist/{chunk-NVO2WYHT.js → chunk-O4ATYT2Q.js}

@@ -15,7 +15,7 @@ Sorting....`),e5.sort(this.options.sortFn)}},{key:"_format",value:function(e5){v
 
 Output:
 
-`,JSON.stringify(e5,function(e6,t6){if(n3(t6)==="object"&&t6!==null){if(r5.indexOf(t6)!==-1)return;r5.push(t6)}return t6},2)),r5=null}var o3=[];this.options.includeMatches&&o3.push(function(e6,t6){var r6=e6.output;t6.matches=[];for(var n4=0,o4=r6.length;n4<o4;n4+=1){var i5=r6[n4];if(i5.matchedIndices.length!==0){var a5={indices:i5.matchedIndices,value:i5.value};i5.key&&(a5.key=i5.key),i5.hasOwnProperty("arrayIndex")&&i5.arrayIndex>-1&&(a5.arrayIndex=i5.arrayIndex),t6.matches.push(a5)}}}),this.options.includeScore&&o3.push(function(e6,t6){t6.score=e6.score});for(var i4=0,a4=e5.length;i4<a4;i4+=1){var s3=e5[i4];if(this.options.id&&(s3.item=this.options.getFn(s3.item,this.options.id)[0]),o3.length){for(var c4={item:s3.item},h4=0,l2=o3.length;h4<l2;h4+=1)o3[h4](s3,c4);t5.push(c4)}else t5.push(s3.item)}return t5}},{key:"_log",value:function(){var e5;this.options.verbose&&(e5=console).log.apply(e5,arguments)}}])&&o2(t4.prototype,r4),a3&&o2(t4,a3),e4}();e3.exports=h3},function(e3,t3,r3){function n3(e4,t4){for(var r4=0;r4<t4.length;r4++){var n4=t4[r4];n4.enumerable=n4.enumerable||!1,n4.configurable=!0,"value"in n4&&(n4.writable=!0),Object.defineProperty(e4,n4.key,n4)}}var o2=r3(2),i3=r3(3),a2=r3(6),s2=function(){function e4(t5,r5){var n4=r5.location,o3=n4===void 0?0:n4,i4=r5.distance,s4=i4===void 0?100:i4,c3=r5.threshold,h3=c3===void 0?.6:c3,l2=r5.maxPatternLength,u2=l2===void 0?32:l2,f3=r5.isCaseSensitive,v2=f3!==void 0&&f3,p2=r5.tokenSeparator,d2=p2===void 0?/ +/g:p2,g2=r5.findAllMatches,y2=g2!==void 0&&g2,m3=r5.minMatchCharLength,k2=m3===void 0?1:m3,b3=r5.includeMatches,S2=b3!==void 0&&b3;(function(e5,t6){if(!(e5 instanceof t6))throw new TypeError("Cannot call a class as a function")})(this,e4),this.options={location:o3,distance:s4,threshold:h3,maxPatternLength:u2,isCaseSensitive:v2,tokenSeparator:d2,findAllMatches:y2,includeMatches:S2,minMatchCharLength:k2},this.pattern=v2?t5:t5.toLowerCase(),this.pattern.length<=u2&&(this.patternAlphabet=a2(this.pattern))}var t4,r4,s3;return t4=e4,(r4=[{key:"search",value:function(e5){var t5=this.options,r5=t5.isCaseSensitive,n4=t5.includeMatches;if(r5||(e5=e5.toLowerCase()),this.pattern===e5){var a3={isMatch:!0,score:0};return n4&&(a3.matchedIndices=[[0,e5.length-1]]),a3}var s4=this.options,c3=s4.maxPatternLength,h3=s4.tokenSeparator;if(this.pattern.length>c3)return o2(e5,this.pattern,h3);var l2=this.options,u2=l2.location,f3=l2.distance,v2=l2.threshold,p2=l2.findAllMatches,d2=l2.minMatchCharLength;return i3(e5,this.pattern,this.patternAlphabet,{location:u2,distance:f3,threshold:v2,findAllMatches:p2,minMatchCharLength:d2,includeMatches:n4})}}])&&n3(t4.prototype,r4),s3&&n3(t4,s3),e4}();e3.exports=s2},function(e3,t3){var r3=/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g;e3.exports=function(e4,t4){var n3=arguments.length>2&&arguments[2]!==void 0?arguments[2]:/ +/g,o2=new RegExp(t4.replace(r3,"\\$&").replace(n3,"|")),i3=e4.match(o2),a2=!!i3,s2=[];if(a2)for(var c3=0,h3=i3.length;c3<h3;c3+=1){var l2=i3[c3];s2.push([e4.indexOf(l2),l2.length-1])}return{score:a2?.5:1,isMatch:a2,matchedIndices:s2}}},function(e3,t3,r3){var n3=r3(4),o2=r3(5);e3.exports=function(e4,t4,r4,i3){for(var a2=i3.location,s2=a2===void 0?0:a2,c3=i3.distance,h3=c3===void 0?100:c3,l2=i3.threshold,u2=l2===void 0?.6:l2,f3=i3.findAllMatches,v2=f3!==void 0&&f3,p2=i3.minMatchCharLength,d2=p2===void 0?1:p2,g2=i3.includeMatches,y2=g2!==void 0&&g2,m3=s2,k2=e4.length,b3=u2,S2=e4.indexOf(t4,m3),x3=t4.length,M2=[],_2=0;_2<k2;_2+=1)M2[_2]=0;if(S2!==-1){var w3=n3(t4,{errors:0,currentLocation:S2,expectedLocation:m3,distance:h3});if(b3=Math.min(w3,b3),(S2=e4.lastIndexOf(t4,m3+x3))!==-1){var L3=n3(t4,{errors:0,currentLocation:S2,expectedLocation:m3,distance:h3});b3=Math.min(L3,b3)}}S2=-1;for(var A3=[],O2=1,C3=x3+k2,j2=1<<(x3<=31?x3-1:30),P4=0;P4<x3;P4+=1){for(var I3=0,F2=C3;I3<F2;)n3(t4,{errors:P4,currentLocation:m3+F2,expectedLocation:m3,distance:h3})<=b3?I3=F2:C3=F2,F2=Math.floor((C3-I3)/2+I3);C3=F2;var T2=Math.max(1,m3-F2+1),N3=v2?k2:Math.min(m3+F2,k2)+x3,z2=Array(N3+2);z2[N3+1]=(1<<P4)-1;for(var E3=N3;E3>=T2;E3-=1){var W2=E3-1,K2=r4[e4.charAt(W2)];if(K2&&(M2[W2]=1),z2[E3]=(z2[E3+1]<<1|1)&K2,P4!==0&&(z2[E3]|=(A3[E3+1]|A3[E3])<<1|1|A3[E3+1]),z2[E3]&j2&&(O2=n3(t4,{errors:P4,currentLocation:W2,expectedLocation:m3,distance:h3}))<=b3){if(b3=O2,(S2=W2)<=m3)break;T2=Math.max(1,2*m3-S2)}}if(n3(t4,{errors:P4+1,currentLocation:m3,expectedLocation:m3,distance:h3})>b3)break;A3=z2}var $={isMatch:S2>=0,score:O2===0?.001:O2};return y2&&($.matchedIndices=o2(M2,d2)),$}},function(e3,t3){e3.exports=function(e4,t4){var r3=t4.errors,n3=r3===void 0?0:r3,o2=t4.currentLocation,i3=o2===void 0?0:o2,a2=t4.expectedLocation,s2=a2===void 0?0:a2,c3=t4.distance,h3=c3===void 0?100:c3,l2=n3/e4.length,u2=Math.abs(s2-i3);return h3?l2+u2/h3:u2?1:l2}},function(e3,t3){e3.exports=function(){for(var e4=arguments.length>0&&arguments[0]!==void 0?arguments[0]:[],t4=arguments.length>1&&arguments[1]!==void 0?arguments[1]:1,r3=[],n3=-1,o2=-1,i3=0,a2=e4.length;i3<a2;i3+=1){var s2=e4[i3];s2&&n3===-1?n3=i3:s2||n3===-1||((o2=i3-1)-n3+1>=t4&&r3.push([n3,o2]),n3=-1)}return e4[i3-1]&&i3-n3>=t4&&r3.push([n3,i3-1]),r3}},function(e3,t3){e3.exports=function(e4){for(var t4={},r3=e4.length,n3=0;n3<r3;n3+=1)t4[e4.charAt(n3)]=0;for(var o2=0;o2<r3;o2+=1)t4[e4.charAt(o2)]|=1<<r3-o2-1;return t4}},function(e3,t3){var r3=function(e4){return Array.isArray?Array.isArray(e4):Object.prototype.toString.call(e4)==="[object Array]"},n3=function(e4){return e4==null?"":function(e5){if(typeof e5=="string")return e5;var t4=e5+"";return t4=="0"&&1/e5==-1/0?"-0":t4}(e4)},o2=function(e4){return typeof e4=="string"},i3=function(e4){return typeof e4=="number"};e3.exports={get:function(e4,t4){var a2=[];return function e5(t5,s2){if(s2){var c3=s2.indexOf("."),h3=s2,l2=null;c3!==-1&&(h3=s2.slice(0,c3),l2=s2.slice(c3+1));var u2=t5[h3];if(u2!=null)if(l2||!o2(u2)&&!i3(u2))if(r3(u2))for(var f3=0,v2=u2.length;f3<v2;f3+=1)e5(u2[f3],l2);else l2&&e5(u2,l2);else a2.push(n3(u2))}else a2.push(t5)}(e4,t4),a2},isArray:r3,isString:o2,isNum:i3,toString:n3}}])})}});var require_toggle_selection=__commonJS({"../../node_modules/toggle-selection/index.js"(exports,module){module.exports=function(){var selection=document.getSelection();if(!selection.rangeCount)return function(){};for(var active=document.activeElement,ranges=[],i3=0;i3<selection.rangeCount;i3++)ranges.push(selection.getRangeAt(i3));switch(active.tagName.toUpperCase()){case"INPUT":case"TEXTAREA":active.blur();break;default:active=null;break}return selection.removeAllRanges(),function(){selection.type==="Caret"&&selection.removeAllRanges(),selection.rangeCount||ranges.forEach(function(range){selection.addRange(range)}),active&&active.focus()}}}});var require_copy_to_clipboard=__commonJS({"../../node_modules/copy-to-clipboard/index.js"(exports,module){"use strict";var deselectCurrent=require_toggle_selection(),clipboardToIE11Formatting={"text/plain":"Text","text/html":"Url",default:"Text"},defaultMessage="Copy to clipboard: #{key}, Enter";function format3(message){var copyKey=(/mac os x/i.test(navigator.userAgent)?"\u2318":"Ctrl")+"+C";return message.replace(/#{\s*key\s*}/g,copyKey)}function copy2(text,options3){var debug,message,reselectPrevious,range,selection,mark,success=!1;options3||(options3={}),debug=options3.debug||!1;try{reselectPrevious=deselectCurrent(),range=document.createRange(),selection=document.getSelection(),mark=document.createElement("span"),mark.textContent=text,mark.ariaHidden="true",mark.style.all="unset",mark.style.position="fixed",mark.style.top=0,mark.style.clip="rect(0, 0, 0, 0)",mark.style.whiteSpace="pre",mark.style.webkitUserSelect="text",mark.style.MozUserSelect="text",mark.style.msUserSelect="text",mark.style.userSelect="text",mark.addEventListener("copy",function(e3){if(e3.stopPropagation(),options3.format)if(e3.preventDefault(),typeof e3.clipboardData>"u"){debug&&console.warn("unable to use e.clipboardData"),debug&&console.warn("trying IE specific stuff"),window.clipboardData.clearData();var format4=clipboardToIE11Formatting[options3.format]||clipboardToIE11Formatting.default;window.clipboardData.setData(format4,text)}else e3.clipboardData.clearData(),e3.clipboardData.setData(options3.format,text);options3.onCopy&&(e3.preventDefault(),options3.onCopy(e3.clipboardData))}),document.body.appendChild(mark),range.selectNodeContents(mark),selection.addRange(range);var successful=document.execCommand("copy");if(!successful)throw new Error("copy command was unsuccessful");success=!0}catch(err){debug&&console.error("unable to copy using execCommand: ",err),debug&&console.warn("trying IE specific stuff");try{window.clipboardData.setData(options3.format||"text",text),options3.onCopy&&options3.onCopy(window.clipboardData),success=!0}catch(err2){debug&&console.error("unable to copy using clipboardData: ",err2),debug&&console.error("falling back to prompt"),message=format3("message"in options3?options3.message:defaultMessage),window.prompt(message,text)}}finally{selection&&(typeof selection.removeRange=="function"?selection.removeRange(range):selection.removeAllRanges()),mark&&document.body.removeChild(mark),reselectPrevious()}return success}module.exports=copy2}});var import_react61=__toESM(require_react()),import_react_dom2=__toESM(require_react_dom());var dist_exports={};__export(dist_exports,{BaseLocationProvider:()=>BaseLocationProvider,DEEPLY_EQUAL:()=>DEEPLY_EQUAL,Link:()=>Link2,Location:()=>Location,LocationProvider:()=>LocationProvider,Match:()=>Match,Route:()=>Route2,buildArgsParam:()=>buildArgsParam,deepDiff:()=>deepDiff,getMatch:()=>getMatch,parsePath:()=>parsePath,queryFromLocation:()=>queryFromLocation,queryFromString:()=>queryFromString,stringifyQuery:()=>stringifyQuery,useNavigate:()=>useNavigate2});var import_memoizerific=__toESM(require_memoizerific(),1),import_qs=__toESM(require_lib(),1),__create=Object.create,__defProp=Object.defineProperty,__getOwnPropDesc=Object.getOwnPropertyDescriptor,__getOwnPropNames=Object.getOwnPropertyNames,__getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty,__commonJS2=(cb,mod)=>function(){return mod||(0,cb[__getOwnPropNames(cb)[0]])((mod={exports:{}}).exports,mod),mod.exports},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key2 of __getOwnPropNames(from))!__hasOwnProp.call(to,key2)&&key2!==except&&__defProp(to,key2,{get:()=>from[key2],enumerable:!(desc=__getOwnPropDesc(from,key2))||desc.enumerable});return to},__toESM2=(mod,isNodeMode,target)=>(target=mod!=null?__create(__getProtoOf(mod)):{},__copyProps(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod)),require_freeGlobal=__commonJS2({"../../node_modules/lodash/_freeGlobal.js"(exports,module){var freeGlobal2=typeof global=="object"&&global&&global.Object===Object&&global;module.exports=freeGlobal2}}),require_root=__commonJS2({"../../node_modules/lodash/_root.js"(exports,module){var freeGlobal2=require_freeGlobal(),freeSelf2=typeof self=="object"&&self&&self.Object===Object&&self,root3=freeGlobal2||freeSelf2||Function("return this")();module.exports=root3}}),require_Symbol=__commonJS2({"../../node_modules/lodash/_Symbol.js"(exports,module){var root3=require_root(),Symbol22=root3.Symbol;module.exports=Symbol22}}),require_getRawTag=__commonJS2({"../../node_modules/lodash/_getRawTag.js"(exports,module){var Symbol22=require_Symbol(),objectProto6=Object.prototype,hasOwnProperty5=objectProto6.hasOwnProperty,nativeObjectToString3=objectProto6.toString,symToStringTag3=Symbol22?Symbol22.toStringTag:void 0;function getRawTag2(value2){var isOwn=hasOwnProperty5.call(value2,symToStringTag3),tag=value2[symToStringTag3];try{value2[symToStringTag3]=void 0;var unmasked=!0}catch{}var result2=nativeObjectToString3.call(value2);return unmasked&&(isOwn?value2[symToStringTag3]=tag:delete value2[symToStringTag3]),result2}module.exports=getRawTag2}}),require_objectToString=__commonJS2({"../../node_modules/lodash/_objectToString.js"(exports,module){var objectProto6=Object.prototype,nativeObjectToString3=objectProto6.toString;function objectToString2(value2){return nativeObjectToString3.call(value2)}module.exports=objectToString2}}),require_baseGetTag=__commonJS2({"../../node_modules/lodash/_baseGetTag.js"(exports,module){var Symbol22=require_Symbol(),getRawTag2=require_getRawTag(),objectToString2=require_objectToString(),nullTag2="[object Null]",undefinedTag2="[object Undefined]",symToStringTag3=Symbol22?Symbol22.toStringTag:void 0;function baseGetTag2(value2){return value2==null?value2===void 0?undefinedTag2:nullTag2:symToStringTag3&&symToStringTag3 in Object(value2)?getRawTag2(value2):objectToString2(value2)}module.exports=baseGetTag2}}),require_overArg=__commonJS2({"../../node_modules/lodash/_overArg.js"(exports,module){function overArg(func,transform){return function(arg){return func(transform(arg))}}module.exports=overArg}}),require_getPrototype=__commonJS2({"../../node_modules/lodash/_getPrototype.js"(exports,module){var overArg=require_overArg(),getPrototype=overArg(Object.getPrototypeOf,Object);module.exports=getPrototype}}),require_isObjectLike=__commonJS2({"../../node_modules/lodash/isObjectLike.js"(exports,module){function isObjectLike2(value2){return value2!=null&&typeof value2=="object"}module.exports=isObjectLike2}}),require_isPlainObject=__commonJS2({"../../node_modules/lodash/isPlainObject.js"(exports,module){var baseGetTag2=require_baseGetTag(),getPrototype=require_getPrototype(),isObjectLike2=require_isObjectLike(),objectTag="[object Object]",funcProto3=Function.prototype,objectProto6=Object.prototype,funcToString3=funcProto3.toString,hasOwnProperty5=objectProto6.hasOwnProperty,objectCtorString=funcToString3.call(Object);function isPlainObject2(value2){if(!isObjectLike2(value2)||baseGetTag2(value2)!=objectTag)return!1;var proto=getPrototype(value2);if(proto===null)return!0;var Ctor=hasOwnProperty5.call(proto,"constructor")&&proto.constructor;return typeof Ctor=="function"&&Ctor instanceof Ctor&&funcToString3.call(Ctor)==objectCtorString}module.exports=isPlainObject2}}),has=Object.prototype.hasOwnProperty;function find(iter,tar,key2){for(key2 of iter.keys())if(dequal(key2,tar))return key2}function dequal(foo,bar){var ctor,len,tmp;if(foo===bar)return!0;if(foo&&bar&&(ctor=foo.constructor)===bar.constructor){if(ctor===Date)return foo.getTime()===bar.getTime();if(ctor===RegExp)return foo.toString()===bar.toString();if(ctor===Array){if((len=foo.length)===bar.length)for(;len--&&dequal(foo[len],bar[len]););return len===-1}if(ctor===Set){if(foo.size!==bar.size)return!1;for(len of foo)if(tmp=len,tmp&&typeof tmp=="object"&&(tmp=find(bar,tmp),!tmp)||!bar.has(tmp))return!1;return!0}if(ctor===Map){if(foo.size!==bar.size)return!1;for(len of foo)if(tmp=len[0],tmp&&typeof tmp=="object"&&(tmp=find(bar,tmp),!tmp)||!dequal(len[1],bar.get(tmp)))return!1;return!0}if(ctor===ArrayBuffer)foo=new Uint8Array(foo),bar=new Uint8Array(bar);else if(ctor===DataView){if((len=foo.byteLength)===bar.byteLength)for(;len--&&foo.getInt8(len)===bar.getInt8(len););return len===-1}if(ArrayBuffer.isView(foo)){if((len=foo.byteLength)===bar.byteLength)for(;len--&&foo[len]===bar[len];);return len===-1}if(!ctor||typeof foo=="object"){len=0;for(ctor in foo)if(has.call(foo,ctor)&&++len&&!has.call(bar,ctor)||!(ctor in bar)||!dequal(foo[ctor],bar[ctor]))return!1;return Object.keys(bar).length===len}}return foo!==foo&&bar!==bar}var import_isPlainObject=__toESM2(require_isPlainObject());function dedent(templ){for(var values=[],_i=1;_i<arguments.length;_i++)values[_i-1]=arguments[_i];var strings=Array.from(typeof templ=="string"?[templ]:templ);strings[strings.length-1]=strings[strings.length-1].replace(/\r?\n([\t ]*)$/,"");var indentLengths=strings.reduce(function(arr,str){var matches=str.match(/\n([\t ]+|(?!\s).)/g);return matches?arr.concat(matches.map(function(match){var _a,_b;return(_b=(_a=match.match(/[\t ]/g))===null||_a===void 0?void 0:_a.length)!==null&&_b!==void 0?_b:0})):arr},[]);if(indentLengths.length){var pattern_1=new RegExp(`
+`,JSON.stringify(e5,function(e6,t6){if(n3(t6)==="object"&&t6!==null){if(r5.indexOf(t6)!==-1)return;r5.push(t6)}return t6},2)),r5=null}var o3=[];this.options.includeMatches&&o3.push(function(e6,t6){var r6=e6.output;t6.matches=[];for(var n4=0,o4=r6.length;n4<o4;n4+=1){var i5=r6[n4];if(i5.matchedIndices.length!==0){var a5={indices:i5.matchedIndices,value:i5.value};i5.key&&(a5.key=i5.key),i5.hasOwnProperty("arrayIndex")&&i5.arrayIndex>-1&&(a5.arrayIndex=i5.arrayIndex),t6.matches.push(a5)}}}),this.options.includeScore&&o3.push(function(e6,t6){t6.score=e6.score});for(var i4=0,a4=e5.length;i4<a4;i4+=1){var s3=e5[i4];if(this.options.id&&(s3.item=this.options.getFn(s3.item,this.options.id)[0]),o3.length){for(var c4={item:s3.item},h4=0,l2=o3.length;h4<l2;h4+=1)o3[h4](s3,c4);t5.push(c4)}else t5.push(s3.item)}return t5}},{key:"_log",value:function(){var e5;this.options.verbose&&(e5=console).log.apply(e5,arguments)}}])&&o2(t4.prototype,r4),a3&&o2(t4,a3),e4}();e3.exports=h3},function(e3,t3,r3){function n3(e4,t4){for(var r4=0;r4<t4.length;r4++){var n4=t4[r4];n4.enumerable=n4.enumerable||!1,n4.configurable=!0,"value"in n4&&(n4.writable=!0),Object.defineProperty(e4,n4.key,n4)}}var o2=r3(2),i3=r3(3),a2=r3(6),s2=function(){function e4(t5,r5){var n4=r5.location,o3=n4===void 0?0:n4,i4=r5.distance,s4=i4===void 0?100:i4,c3=r5.threshold,h3=c3===void 0?.6:c3,l2=r5.maxPatternLength,u2=l2===void 0?32:l2,f3=r5.isCaseSensitive,v2=f3!==void 0&&f3,p2=r5.tokenSeparator,d2=p2===void 0?/ +/g:p2,g2=r5.findAllMatches,y2=g2!==void 0&&g2,m3=r5.minMatchCharLength,k2=m3===void 0?1:m3,b3=r5.includeMatches,S2=b3!==void 0&&b3;(function(e5,t6){if(!(e5 instanceof t6))throw new TypeError("Cannot call a class as a function")})(this,e4),this.options={location:o3,distance:s4,threshold:h3,maxPatternLength:u2,isCaseSensitive:v2,tokenSeparator:d2,findAllMatches:y2,includeMatches:S2,minMatchCharLength:k2},this.pattern=v2?t5:t5.toLowerCase(),this.pattern.length<=u2&&(this.patternAlphabet=a2(this.pattern))}var t4,r4,s3;return t4=e4,(r4=[{key:"search",value:function(e5){var t5=this.options,r5=t5.isCaseSensitive,n4=t5.includeMatches;if(r5||(e5=e5.toLowerCase()),this.pattern===e5){var a3={isMatch:!0,score:0};return n4&&(a3.matchedIndices=[[0,e5.length-1]]),a3}var s4=this.options,c3=s4.maxPatternLength,h3=s4.tokenSeparator;if(this.pattern.length>c3)return o2(e5,this.pattern,h3);var l2=this.options,u2=l2.location,f3=l2.distance,v2=l2.threshold,p2=l2.findAllMatches,d2=l2.minMatchCharLength;return i3(e5,this.pattern,this.patternAlphabet,{location:u2,distance:f3,threshold:v2,findAllMatches:p2,minMatchCharLength:d2,includeMatches:n4})}}])&&n3(t4.prototype,r4),s3&&n3(t4,s3),e4}();e3.exports=s2},function(e3,t3){var r3=/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g;e3.exports=function(e4,t4){var n3=arguments.length>2&&arguments[2]!==void 0?arguments[2]:/ +/g,o2=new RegExp(t4.replace(r3,"\\$&").replace(n3,"|")),i3=e4.match(o2),a2=!!i3,s2=[];if(a2)for(var c3=0,h3=i3.length;c3<h3;c3+=1){var l2=i3[c3];s2.push([e4.indexOf(l2),l2.length-1])}return{score:a2?.5:1,isMatch:a2,matchedIndices:s2}}},function(e3,t3,r3){var n3=r3(4),o2=r3(5);e3.exports=function(e4,t4,r4,i3){for(var a2=i3.location,s2=a2===void 0?0:a2,c3=i3.distance,h3=c3===void 0?100:c3,l2=i3.threshold,u2=l2===void 0?.6:l2,f3=i3.findAllMatches,v2=f3!==void 0&&f3,p2=i3.minMatchCharLength,d2=p2===void 0?1:p2,g2=i3.includeMatches,y2=g2!==void 0&&g2,m3=s2,k2=e4.length,b3=u2,S2=e4.indexOf(t4,m3),x3=t4.length,M2=[],_2=0;_2<k2;_2+=1)M2[_2]=0;if(S2!==-1){var w3=n3(t4,{errors:0,currentLocation:S2,expectedLocation:m3,distance:h3});if(b3=Math.min(w3,b3),(S2=e4.lastIndexOf(t4,m3+x3))!==-1){var L3=n3(t4,{errors:0,currentLocation:S2,expectedLocation:m3,distance:h3});b3=Math.min(L3,b3)}}S2=-1;for(var A3=[],O2=1,C3=x3+k2,j2=1<<(x3<=31?x3-1:30),P4=0;P4<x3;P4+=1){for(var I3=0,F2=C3;I3<F2;)n3(t4,{errors:P4,currentLocation:m3+F2,expectedLocation:m3,distance:h3})<=b3?I3=F2:C3=F2,F2=Math.floor((C3-I3)/2+I3);C3=F2;var T2=Math.max(1,m3-F2+1),N3=v2?k2:Math.min(m3+F2,k2)+x3,z2=Array(N3+2);z2[N3+1]=(1<<P4)-1;for(var E3=N3;E3>=T2;E3-=1){var W2=E3-1,K2=r4[e4.charAt(W2)];if(K2&&(M2[W2]=1),z2[E3]=(z2[E3+1]<<1|1)&K2,P4!==0&&(z2[E3]|=(A3[E3+1]|A3[E3])<<1|1|A3[E3+1]),z2[E3]&j2&&(O2=n3(t4,{errors:P4,currentLocation:W2,expectedLocation:m3,distance:h3}))<=b3){if(b3=O2,(S2=W2)<=m3)break;T2=Math.max(1,2*m3-S2)}}if(n3(t4,{errors:P4+1,currentLocation:m3,expectedLocation:m3,distance:h3})>b3)break;A3=z2}var $={isMatch:S2>=0,score:O2===0?.001:O2};return y2&&($.matchedIndices=o2(M2,d2)),$}},function(e3,t3){e3.exports=function(e4,t4){var r3=t4.errors,n3=r3===void 0?0:r3,o2=t4.currentLocation,i3=o2===void 0?0:o2,a2=t4.expectedLocation,s2=a2===void 0?0:a2,c3=t4.distance,h3=c3===void 0?100:c3,l2=n3/e4.length,u2=Math.abs(s2-i3);return h3?l2+u2/h3:u2?1:l2}},function(e3,t3){e3.exports=function(){for(var e4=arguments.length>0&&arguments[0]!==void 0?arguments[0]:[],t4=arguments.length>1&&arguments[1]!==void 0?arguments[1]:1,r3=[],n3=-1,o2=-1,i3=0,a2=e4.length;i3<a2;i3+=1){var s2=e4[i3];s2&&n3===-1?n3=i3:s2||n3===-1||((o2=i3-1)-n3+1>=t4&&r3.push([n3,o2]),n3=-1)}return e4[i3-1]&&i3-n3>=t4&&r3.push([n3,i3-1]),r3}},function(e3,t3){e3.exports=function(e4){for(var t4={},r3=e4.length,n3=0;n3<r3;n3+=1)t4[e4.charAt(n3)]=0;for(var o2=0;o2<r3;o2+=1)t4[e4.charAt(o2)]|=1<<r3-o2-1;return t4}},function(e3,t3){var r3=function(e4){return Array.isArray?Array.isArray(e4):Object.prototype.toString.call(e4)==="[object Array]"},n3=function(e4){return e4==null?"":function(e5){if(typeof e5=="string")return e5;var t4=e5+"";return t4=="0"&&1/e5==-1/0?"-0":t4}(e4)},o2=function(e4){return typeof e4=="string"},i3=function(e4){return typeof e4=="number"};e3.exports={get:function(e4,t4){var a2=[];return function e5(t5,s2){if(s2){var c3=s2.indexOf("."),h3=s2,l2=null;c3!==-1&&(h3=s2.slice(0,c3),l2=s2.slice(c3+1));var u2=t5[h3];if(u2!=null)if(l2||!o2(u2)&&!i3(u2))if(r3(u2))for(var f3=0,v2=u2.length;f3<v2;f3+=1)e5(u2[f3],l2);else l2&&e5(u2,l2);else a2.push(n3(u2))}else a2.push(t5)}(e4,t4),a2},isArray:r3,isString:o2,isNum:i3,toString:n3}}])})}});var require_toggle_selection=__commonJS({"../../node_modules/toggle-selection/index.js"(exports,module){module.exports=function(){var selection=document.getSelection();if(!selection.rangeCount)return function(){};for(var active=document.activeElement,ranges=[],i3=0;i3<selection.rangeCount;i3++)ranges.push(selection.getRangeAt(i3));switch(active.tagName.toUpperCase()){case"INPUT":case"TEXTAREA":active.blur();break;default:active=null;break}return selection.removeAllRanges(),function(){selection.type==="Caret"&&selection.removeAllRanges(),selection.rangeCount||ranges.forEach(function(range){selection.addRange(range)}),active&&active.focus()}}}});var require_copy_to_clipboard=__commonJS({"../../node_modules/copy-to-clipboard/index.js"(exports,module){"use strict";var deselectCurrent=require_toggle_selection(),clipboardToIE11Formatting={"text/plain":"Text","text/html":"Url",default:"Text"},defaultMessage="Copy to clipboard: #{key}, Enter";function format3(message){var copyKey=(/mac os x/i.test(navigator.userAgent)?"\u2318":"Ctrl")+"+C";return message.replace(/#{\s*key\s*}/g,copyKey)}function copy2(text,options3){var debug,message,reselectPrevious,range,selection,mark,success=!1;options3||(options3={}),debug=options3.debug||!1;try{reselectPrevious=deselectCurrent(),range=document.createRange(),selection=document.getSelection(),mark=document.createElement("span"),mark.textContent=text,mark.ariaHidden="true",mark.style.all="unset",mark.style.position="fixed",mark.style.top=0,mark.style.clip="rect(0, 0, 0, 0)",mark.style.whiteSpace="pre",mark.style.webkitUserSelect="text",mark.style.MozUserSelect="text",mark.style.msUserSelect="text",mark.style.userSelect="text",mark.addEventListener("copy",function(e3){if(e3.stopPropagation(),options3.format)if(e3.preventDefault(),typeof e3.clipboardData>"u"){debug&&console.warn("unable to use e.clipboardData"),debug&&console.warn("trying IE specific stuff"),window.clipboardData.clearData();var format4=clipboardToIE11Formatting[options3.format]||clipboardToIE11Formatting.default;window.clipboardData.setData(format4,text)}else e3.clipboardData.clearData(),e3.clipboardData.setData(options3.format,text);options3.onCopy&&(e3.preventDefault(),options3.onCopy(e3.clipboardData))}),document.body.appendChild(mark),range.selectNodeContents(mark),selection.addRange(range);var successful=document.execCommand("copy");if(!successful)throw new Error("copy command was unsuccessful");success=!0}catch(err){debug&&console.error("unable to copy using execCommand: ",err),debug&&console.warn("trying IE specific stuff");try{window.clipboardData.setData(options3.format||"text",text),options3.onCopy&&options3.onCopy(window.clipboardData),success=!0}catch(err2){debug&&console.error("unable to copy using clipboardData: ",err2),debug&&console.error("falling back to prompt"),message=format3("message"in options3?options3.message:defaultMessage),window.prompt(message,text)}}finally{selection&&(typeof selection.removeRange=="function"?selection.removeRange(range):selection.removeAllRanges()),mark&&document.body.removeChild(mark),reselectPrevious()}return success}module.exports=copy2}});var import_react64=__toESM(require_react()),import_react_dom2=__toESM(require_react_dom());var dist_exports={};__export(dist_exports,{BaseLocationProvider:()=>BaseLocationProvider,DEEPLY_EQUAL:()=>DEEPLY_EQUAL,Link:()=>Link2,Location:()=>Location,LocationProvider:()=>LocationProvider,Match:()=>Match,Route:()=>Route2,buildArgsParam:()=>buildArgsParam,deepDiff:()=>deepDiff,getMatch:()=>getMatch,parsePath:()=>parsePath,queryFromLocation:()=>queryFromLocation,queryFromString:()=>queryFromString,stringifyQuery:()=>stringifyQuery,useNavigate:()=>useNavigate2});var import_memoizerific=__toESM(require_memoizerific(),1),import_qs=__toESM(require_lib(),1),__create=Object.create,__defProp=Object.defineProperty,__getOwnPropDesc=Object.getOwnPropertyDescriptor,__getOwnPropNames=Object.getOwnPropertyNames,__getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty,__commonJS2=(cb,mod)=>function(){return mod||(0,cb[__getOwnPropNames(cb)[0]])((mod={exports:{}}).exports,mod),mod.exports},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key2 of __getOwnPropNames(from))!__hasOwnProp.call(to,key2)&&key2!==except&&__defProp(to,key2,{get:()=>from[key2],enumerable:!(desc=__getOwnPropDesc(from,key2))||desc.enumerable});return to},__toESM2=(mod,isNodeMode,target)=>(target=mod!=null?__create(__getProtoOf(mod)):{},__copyProps(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod)),require_freeGlobal=__commonJS2({"../../node_modules/lodash/_freeGlobal.js"(exports,module){var freeGlobal2=typeof global=="object"&&global&&global.Object===Object&&global;module.exports=freeGlobal2}}),require_root=__commonJS2({"../../node_modules/lodash/_root.js"(exports,module){var freeGlobal2=require_freeGlobal(),freeSelf2=typeof self=="object"&&self&&self.Object===Object&&self,root3=freeGlobal2||freeSelf2||Function("return this")();module.exports=root3}}),require_Symbol=__commonJS2({"../../node_modules/lodash/_Symbol.js"(exports,module){var root3=require_root(),Symbol22=root3.Symbol;module.exports=Symbol22}}),require_getRawTag=__commonJS2({"../../node_modules/lodash/_getRawTag.js"(exports,module){var Symbol22=require_Symbol(),objectProto6=Object.prototype,hasOwnProperty5=objectProto6.hasOwnProperty,nativeObjectToString3=objectProto6.toString,symToStringTag3=Symbol22?Symbol22.toStringTag:void 0;function getRawTag2(value2){var isOwn=hasOwnProperty5.call(value2,symToStringTag3),tag=value2[symToStringTag3];try{value2[symToStringTag3]=void 0;var unmasked=!0}catch{}var result2=nativeObjectToString3.call(value2);return unmasked&&(isOwn?value2[symToStringTag3]=tag:delete value2[symToStringTag3]),result2}module.exports=getRawTag2}}),require_objectToString=__commonJS2({"../../node_modules/lodash/_objectToString.js"(exports,module){var objectProto6=Object.prototype,nativeObjectToString3=objectProto6.toString;function objectToString2(value2){return nativeObjectToString3.call(value2)}module.exports=objectToString2}}),require_baseGetTag=__commonJS2({"../../node_modules/lodash/_baseGetTag.js"(exports,module){var Symbol22=require_Symbol(),getRawTag2=require_getRawTag(),objectToString2=require_objectToString(),nullTag2="[object Null]",undefinedTag2="[object Undefined]",symToStringTag3=Symbol22?Symbol22.toStringTag:void 0;function baseGetTag2(value2){return value2==null?value2===void 0?undefinedTag2:nullTag2:symToStringTag3&&symToStringTag3 in Object(value2)?getRawTag2(value2):objectToString2(value2)}module.exports=baseGetTag2}}),require_overArg=__commonJS2({"../../node_modules/lodash/_overArg.js"(exports,module){function overArg(func,transform){return function(arg){return func(transform(arg))}}module.exports=overArg}}),require_getPrototype=__commonJS2({"../../node_modules/lodash/_getPrototype.js"(exports,module){var overArg=require_overArg(),getPrototype=overArg(Object.getPrototypeOf,Object);module.exports=getPrototype}}),require_isObjectLike=__commonJS2({"../../node_modules/lodash/isObjectLike.js"(exports,module){function isObjectLike2(value2){return value2!=null&&typeof value2=="object"}module.exports=isObjectLike2}}),require_isPlainObject=__commonJS2({"../../node_modules/lodash/isPlainObject.js"(exports,module){var baseGetTag2=require_baseGetTag(),getPrototype=require_getPrototype(),isObjectLike2=require_isObjectLike(),objectTag="[object Object]",funcProto3=Function.prototype,objectProto6=Object.prototype,funcToString3=funcProto3.toString,hasOwnProperty5=objectProto6.hasOwnProperty,objectCtorString=funcToString3.call(Object);function isPlainObject2(value2){if(!isObjectLike2(value2)||baseGetTag2(value2)!=objectTag)return!1;var proto=getPrototype(value2);if(proto===null)return!0;var Ctor=hasOwnProperty5.call(proto,"constructor")&&proto.constructor;return typeof Ctor=="function"&&Ctor instanceof Ctor&&funcToString3.call(Ctor)==objectCtorString}module.exports=isPlainObject2}}),has=Object.prototype.hasOwnProperty;function find(iter,tar,key2){for(key2 of iter.keys())if(dequal(key2,tar))return key2}function dequal(foo,bar){var ctor,len,tmp;if(foo===bar)return!0;if(foo&&bar&&(ctor=foo.constructor)===bar.constructor){if(ctor===Date)return foo.getTime()===bar.getTime();if(ctor===RegExp)return foo.toString()===bar.toString();if(ctor===Array){if((len=foo.length)===bar.length)for(;len--&&dequal(foo[len],bar[len]););return len===-1}if(ctor===Set){if(foo.size!==bar.size)return!1;for(len of foo)if(tmp=len,tmp&&typeof tmp=="object"&&(tmp=find(bar,tmp),!tmp)||!bar.has(tmp))return!1;return!0}if(ctor===Map){if(foo.size!==bar.size)return!1;for(len of foo)if(tmp=len[0],tmp&&typeof tmp=="object"&&(tmp=find(bar,tmp),!tmp)||!dequal(len[1],bar.get(tmp)))return!1;return!0}if(ctor===ArrayBuffer)foo=new Uint8Array(foo),bar=new Uint8Array(bar);else if(ctor===DataView){if((len=foo.byteLength)===bar.byteLength)for(;len--&&foo.getInt8(len)===bar.getInt8(len););return len===-1}if(ArrayBuffer.isView(foo)){if((len=foo.byteLength)===bar.byteLength)for(;len--&&foo[len]===bar[len];);return len===-1}if(!ctor||typeof foo=="object"){len=0;for(ctor in foo)if(has.call(foo,ctor)&&++len&&!has.call(bar,ctor)||!(ctor in bar)||!dequal(foo[ctor],bar[ctor]))return!1;return Object.keys(bar).length===len}}return foo!==foo&&bar!==bar}var import_isPlainObject=__toESM2(require_isPlainObject());function dedent(templ){for(var values=[],_i=1;_i<arguments.length;_i++)values[_i-1]=arguments[_i];var strings=Array.from(typeof templ=="string"?[templ]:templ);strings[strings.length-1]=strings[strings.length-1].replace(/\r?\n([\t ]*)$/,"");var indentLengths=strings.reduce(function(arr,str){var matches=str.match(/\n([\t ]+|(?!\s).)/g);return matches?arr.concat(matches.map(function(match){var _a,_b;return(_b=(_a=match.match(/[\t ]/g))===null||_a===void 0?void 0:_a.length)!==null&&_b!==void 0?_b:0})):arr},[]);if(indentLengths.length){var pattern_1=new RegExp(`
 [	 ]{`+Math.min.apply(Math,indentLengths)+"}","g");strings=strings.map(function(str){return str.replace(pattern_1,`
 `)})}strings[0]=strings[0].replace(/^\r?\n/,"");var string=strings[0];return values.forEach(function(value2,i3){var endentations=string.match(/(?:^|\n)( *)$/),endentation=endentations?endentations[1]:"",indentedValue=value2;typeof value2=="string"&&value2.includes(`
 `)&&(indentedValue=String(value2).split(`
@@ -46,12 +46,12 @@ Output:
             it's possible a CORS error happened.
 
             Please check your dev-tools network tab.
-          `});let versions=ref.versions&&Object.keys(ref.versions).length?ref.versions:loadedData.versions;await api.setRef(id,{id,url:urlParseResult.url,...loadedData,...versions?{versions}:{},type:loadedData.storyIndex?"lazy":"auto-inject"})},getRefs:()=>{let{refs:refs22={}}=store22.getState();return refs22},setRef:(id,{storyIndex,setStoriesData,...rest},ready=!1)=>{if(singleStory)return;let{storyMapper=defaultStoryMapper}=provider.getConfig(),ref=api.getRefs()[id],index2;setStoriesData?index2=transformSetStoriesStoryDataToStoriesHash(map(setStoriesData,ref,{storyMapper}),{provider,docsOptions,filters:{},status:{}}):storyIndex&&(index2=transformStoryIndexToStoriesHash(storyIndex,{provider,docsOptions,filters:{},status:{}})),index2&&(index2=addRefIds(index2,ref)),api.updateRef(id,{index:index2,...rest})},updateRef:(id,data)=>{let{[id]:ref,...updated}=api.getRefs();updated[id]={...ref,...data};let ordered=Object.keys(initialState).reduce((obj,key2)=>(obj[key2]=updated[key2],obj),{});store22.setState({refs:ordered})}},refs2=!singleStory&&scope.REFS||{},initialState=refs2;return runCheck&&Object.entries(refs2).forEach(([id,ref])=>{api.checkRef({...ref,stories:{}})}),{api,state:{refs:initialState}}},getEventMetadata=(context,fullAPI)=>{let{source:source2,refId,type}=context,[sourceType,sourceLocation]=getSourceType(source2,refId),ref=refId&&fullAPI.getRefs()[refId]?fullAPI.getRefs()[refId]:fullAPI.findRef(sourceLocation),meta={source:source2,sourceType,sourceLocation,refId,ref,type};switch(!0){case typeof refId=="string":case sourceType==="local":case sourceType==="external":return meta;default:return logger.warn(`Received a ${type} frame that was not configured as a ref`),null}},{FEATURES,fetch:fetch2}=scope,STORY_INDEX_PATH="./index.json",removedOptions=["enableShortcuts","theme","showRoots"];function removeRemovedOptions(options3){if(!options3||typeof options3=="string")return options3;let result2={...options3};return removedOptions.forEach(option=>{option in result2&&delete result2[option]}),result2}var init7=({fullAPI,store:store22,navigate,provider,storyId:initialStoryId,viewMode:initialViewMode,docsOptions={}})=>{let api={storyId:N,getData:(storyId,refId)=>{let result2=api.resolveStory(storyId,refId);if(result2?.type==="story"||result2?.type==="docs")return result2},isPrepared:(storyId,refId)=>{let data=api.getData(storyId,refId);return data.type==="story"?data.prepared:!0},resolveStory:(storyId,refId)=>{let{refs:refs2,index:index2}=store22.getState();return refId&&!refs2[refId]?null:refId?refs2[refId].index?refs2[refId].index[storyId]:void 0:index2?index2[storyId]:void 0},getCurrentStoryData:()=>{let{storyId,refId}=store22.getState();return api.getData(storyId,refId)},getParameters:(storyIdOrCombo,parameterName)=>{let{storyId,refId}=typeof storyIdOrCombo=="string"?{storyId:storyIdOrCombo,refId:void 0}:storyIdOrCombo,data=api.getData(storyId,refId);if(["story","docs"].includes(data?.type)){let{parameters}=data;if(parameters)return parameterName?parameters[parameterName]:parameters}return null},getCurrentParameter:parameterName=>{let{storyId,refId}=store22.getState();return api.getParameters({storyId,refId},parameterName)||void 0},jumpToComponent:direction=>{let{index:index2,storyId,refs:refs2,refId}=store22.getState();if(!api.getData(storyId,refId))return;let hash=refId?refs2[refId].index||{}:index2,result2=api.findSiblingStoryId(storyId,hash,direction,!0);result2&&api.selectStory(result2,void 0,{ref:refId})},jumpToStory:direction=>{let{index:index2,storyId,refs:refs2,refId}=store22.getState(),story=api.getData(storyId,refId);if(!story)return;let hash=story.refId?refs2[story.refId].index:index2,result2=api.findSiblingStoryId(storyId,hash,direction,!1);result2&&api.selectStory(result2,void 0,{ref:refId})},selectFirstStory:()=>{let{index:index2}=store22.getState(),firstStory=Object.keys(index2).find(id=>index2[id].type==="story");if(firstStory){api.selectStory(firstStory);return}navigate("/")},selectStory:(titleOrId=void 0,name2=void 0,options3={})=>{let{ref}=options3,{storyId,index:index2,refs:refs2}=store22.getState(),hash=ref?refs2[ref].index:index2,kindSlug=storyId?.split("--",2)[0];if(name2)if(titleOrId){let id=ref?`${ref}_${N(titleOrId,name2)}`:N(titleOrId,name2);if(hash[id])api.selectStory(id,void 0,options3);else{let entry=hash[L(titleOrId)];if(entry?.type==="component"){let foundId=entry.children.find(childId=>hash[childId].name===name2);foundId&&api.selectStory(foundId,void 0,options3)}}}else{let id=N(kindSlug,name2);api.selectStory(id,void 0,options3)}else{let entry=titleOrId?hash[titleOrId]||hash[L(titleOrId)]:hash[kindSlug];if(!entry)throw new Error(`Unknown id or title: '${titleOrId}'`);let leafEntry=api.findLeafEntry(hash,entry.id),fullId=leafEntry.refId?`${leafEntry.refId}_${leafEntry.id}`:leafEntry.id;navigate(`/${leafEntry.type}/${fullId}`)}},findLeafEntry(index2,storyId){let entry=index2[storyId];if(entry.type==="docs"||entry.type==="story")return entry;let childStoryId=entry.children[0];return api.findLeafEntry(index2,childStoryId)},findLeafStoryId(index2,storyId){return api.findLeafEntry(index2,storyId)?.id},findSiblingStoryId(storyId,index2,direction,toSiblingGroup){if(toSiblingGroup){let lookupList2=getComponentLookupList(index2),position2=lookupList2.findIndex(i3=>i3.includes(storyId));return position2===lookupList2.length-1&&direction>0||position2===0&&direction<0?void 0:lookupList2[position2+direction]?lookupList2[position2+direction][0]:void 0}let lookupList=getStoriesLookupList(index2),position=lookupList.indexOf(storyId);if(!(position===lookupList.length-1&&direction>0)&&!(position===0&&direction<0))return lookupList[position+direction]},updateStoryArgs:(story,updatedArgs)=>{let{id:storyId,refId}=story;provider.channel.emit(UPDATE_STORY_ARGS,{storyId,updatedArgs,options:{target:refId}})},resetStoryArgs:(story,argNames)=>{let{id:storyId,refId}=story;provider.channel.emit(RESET_STORY_ARGS,{storyId,argNames,options:{target:refId}})},fetchIndex:async()=>{try{let result2=await fetch2(STORY_INDEX_PATH);if(result2.status!==200)throw new Error(await result2.text());let storyIndex=await result2.json();if(storyIndex.v<3){logger.warn(`Skipping story index with version v${storyIndex.v}, awaiting SET_STORIES.`);return}await api.setIndex(storyIndex)}catch(err){await store22.setState({indexError:err})}},setIndex:async input=>{let{index:oldHash,status,filters}=store22.getState(),newHash=transformStoryIndexToStoriesHash(input,{provider,docsOptions,status,filters}),output=addPreparedStories(newHash,oldHash);await store22.setState({internal_index:input,index:output,indexError:void 0})},updateStory:async(storyId,update2,ref)=>{if(ref){let{id:refId,index:index2}=ref;index2[storyId]={...index2[storyId],...update2},await fullAPI.updateRef(refId,{index:index2})}else{let{index:index2}=store22.getState();index2[storyId]={...index2[storyId],...update2},await store22.setState({index:index2})}},updateDocs:async(docsId,update2,ref)=>{if(ref){let{id:refId,index:index2}=ref;index2[docsId]={...index2[docsId],...update2},await fullAPI.updateRef(refId,{index:index2})}else{let{index:index2}=store22.getState();index2[docsId]={...index2[docsId],...update2},await store22.setState({index:index2})}},setPreviewInitialized:async ref=>{ref?fullAPI.updateRef(ref.id,{previewInitialized:!0}):store22.setState({previewInitialized:!0})},experimental_updateStatus:async(id,input)=>{let{status,internal_index:index2}=store22.getState(),newStatus={...status},update2=typeof input=="function"?input(status):input;Object.keys(update2).length!==0&&(Object.entries(update2).forEach(([storyId,value2])=>{newStatus[storyId]={...newStatus[storyId]||{}},value2===null?delete newStatus[storyId][id]:newStatus[storyId][id]=value2,Object.keys(newStatus[storyId]).length===0&&delete newStatus[storyId]}),await store22.setState({status:newStatus},{persistence:"session"}),await api.setIndex(index2))},experimental_setFilter:async(id,filterFunction)=>{let{internal_index:index2}=store22.getState();await store22.setState({filters:{...store22.getState().filters,[id]:filterFunction}}),await api.setIndex(index2)}};provider.channel.on(STORY_SPECIFIED,function({storyId,viewMode}){let{sourceType}=getEventMetadata(this,fullAPI);if(sourceType==="local"){let state=store22.getState(),isCanvasRoute=state.path==="/"||state.viewMode==="story"||state.viewMode==="docs",stateHasSelection=state.viewMode&&state.storyId,stateSelectionDifferent=state.viewMode!==viewMode||state.storyId!==storyId;isCanvasRoute&&(stateHasSelection&&stateSelectionDifferent?provider.channel.emit(SET_CURRENT_STORY,{storyId:state.storyId,viewMode:state.viewMode}):stateSelectionDifferent&&navigate(`/${viewMode}/${storyId}`))}}),provider.channel.on(CURRENT_STORY_WAS_SET,function(){let{ref}=getEventMetadata(this,fullAPI);api.setPreviewInitialized(ref)}),provider.channel.on(STORY_CHANGED,function(){let{sourceType}=getEventMetadata(this,fullAPI);if(sourceType==="local"){let options3=api.getCurrentParameter("options");options3&&fullAPI.setOptions(removeRemovedOptions(options3))}}),provider.channel.on(STORY_PREPARED,function({id,...update2}){let{ref,sourceType}=getEventMetadata(this,fullAPI);if(api.updateStory(id,{...update2,prepared:!0},ref),!ref&&!store22.getState().hasCalledSetOptions){let{options:options3}=update2.parameters;fullAPI.setOptions(removeRemovedOptions(options3)),store22.setState({hasCalledSetOptions:!0})}if(sourceType==="local"){let{storyId,index:index2,refId}=store22.getState(),toBePreloaded=Array.from(new Set([api.findSiblingStoryId(storyId,index2,1,!0),api.findSiblingStoryId(storyId,index2,-1,!0)])).filter(Boolean);provider.channel.emit(PRELOAD_ENTRIES,{ids:toBePreloaded,options:{target:refId}})}}),provider.channel.on(DOCS_PREPARED,function({id,...update2}){let{ref}=getEventMetadata(this,fullAPI);api.updateStory(id,{...update2,prepared:!0},ref)}),provider.channel.on(SET_INDEX,function(index2){let{ref}=getEventMetadata(this,fullAPI);if(ref)fullAPI.setRef(ref.id,{...ref,storyIndex:index2},!0);else{api.setIndex(index2);let options3=api.getCurrentParameter("options");fullAPI.setOptions(removeRemovedOptions(options3))}}),provider.channel.on(SET_STORIES,function(data){let{ref}=getEventMetadata(this,fullAPI),setStoriesData=data.v?denormalizeStoryParameters(data):data.stories;if(ref)fullAPI.setRef(ref.id,{...ref,setStoriesData},!0);else throw new Error("Cannot call SET_STORIES for local frame")}),provider.channel.on(SELECT_STORY,function({kind,title=kind,story,name:name2=story,storyId,...rest}){let{ref}=getEventMetadata(this,fullAPI);ref?fullAPI.selectStory(storyId||title,name2,{...rest,ref:ref.id}):fullAPI.selectStory(storyId||title,name2,rest)}),provider.channel.on(STORY_ARGS_UPDATED,function({storyId,args:args2}){let{ref}=getEventMetadata(this,fullAPI);api.updateStory(storyId,{args:args2},ref)}),provider.channel.on(CONFIG_ERROR,function(err){let{ref}=getEventMetadata(this,fullAPI);api.setPreviewInitialized(ref)}),provider.channel.on(STORY_MISSING,function(err){let{ref}=getEventMetadata(this,fullAPI);api.setPreviewInitialized(ref)}),provider.channel.on(SET_CONFIG,()=>{let config2=provider.getConfig();config2?.sidebar?.filters&&store22.setState({filters:{...store22.getState().filters,...config2?.sidebar?.filters}})});let config=provider.getConfig();return{api,state:{storyId:initialStoryId,viewMode:initialViewMode,hasCalledSetOptions:!1,previewInitialized:!1,status:{},filters:config?.sidebar?.filters||{}},init:async()=>{FEATURES?.storyStoreV7&&(provider.channel.on(STORY_INDEX_INVALIDATED,()=>api.fetchIndex()),await api.fetchIndex())}}},layout_exports={};__export2(layout_exports,{ActiveTabs:()=>ActiveTabs,defaultLayoutState:()=>defaultLayoutState,focusableUIElements:()=>focusableUIElements,init:()=>init8});var{document:document3}=scope,ActiveTabs={SIDEBAR:"sidebar",CANVAS:"canvas",ADDONS:"addons"},defaultLayoutState={ui:{enableShortcuts:!0},layout:{initialActive:ActiveTabs.CANVAS,showToolbar:!0,navSize:300,bottomPanelHeight:300,rightPanelWidth:400,recentVisibleSizes:{navSize:300,bottomPanelHeight:300,rightPanelWidth:400},panelPosition:"bottom",showTabs:!0},selectedPanel:void 0,theme:create()},focusableUIElements={storySearchField:"storybook-explorer-searchfield",storyListMenu:"storybook-explorer-menu",storyPanelRoot:"storybook-panel-root"},getIsNavShown=state=>state.layout.navSize>0,getIsPanelShown=state=>{let{bottomPanelHeight,rightPanelWidth,panelPosition}=state.layout;return panelPosition==="bottom"&&bottomPanelHeight>0||panelPosition==="right"&&rightPanelWidth>0},getIsFullscreen=state=>!getIsNavShown(state)&&!getIsPanelShown(state),getRecentVisibleSizes=layoutState=>({navSize:layoutState.navSize>0?layoutState.navSize:layoutState.recentVisibleSizes.navSize,bottomPanelHeight:layoutState.bottomPanelHeight>0?layoutState.bottomPanelHeight:layoutState.recentVisibleSizes.bottomPanelHeight,rightPanelWidth:layoutState.rightPanelWidth>0?layoutState.rightPanelWidth:layoutState.recentVisibleSizes.rightPanelWidth}),init8=({store:store22,provider,singleStory})=>{let api={toggleFullscreen(nextState){return store22.setState(state=>{let isFullscreen=getIsFullscreen(state),shouldFullscreen=typeof nextState=="boolean"?nextState:!isFullscreen;return shouldFullscreen===isFullscreen?{layout:state.layout}:shouldFullscreen?{layout:{...state.layout,navSize:0,bottomPanelHeight:0,rightPanelWidth:0,recentVisibleSizes:getRecentVisibleSizes(state.layout)}}:{layout:{...state.layout,navSize:state.singleStory?0:state.layout.recentVisibleSizes.navSize,bottomPanelHeight:state.layout.recentVisibleSizes.bottomPanelHeight,rightPanelWidth:state.layout.recentVisibleSizes.rightPanelWidth}}},{persistence:"session"})},togglePanel(nextState){return store22.setState(state=>{let isPanelShown=getIsPanelShown(state),shouldShowPanel=typeof nextState=="boolean"?nextState:!isPanelShown;return shouldShowPanel===isPanelShown?{layout:state.layout}:shouldShowPanel?{layout:{...state.layout,bottomPanelHeight:state.layout.recentVisibleSizes.bottomPanelHeight,rightPanelWidth:state.layout.recentVisibleSizes.rightPanelWidth}}:{layout:{...state.layout,bottomPanelHeight:0,rightPanelWidth:0,recentVisibleSizes:getRecentVisibleSizes(state.layout)}}},{persistence:"session"})},togglePanelPosition(position){return store22.setState(state=>{let nextPosition=position||(state.layout.panelPosition==="right"?"bottom":"right");return{layout:{...state.layout,panelPosition:nextPosition,bottomPanelHeight:state.layout.recentVisibleSizes.bottomPanelHeight,rightPanelWidth:state.layout.recentVisibleSizes.rightPanelWidth}}},{persistence:"permanent"})},toggleNav(nextState){return store22.setState(state=>{if(state.singleStory)return{layout:state.layout};let isNavShown=getIsNavShown(state),shouldShowNav=typeof nextState=="boolean"?nextState:!isNavShown;return shouldShowNav===isNavShown?{layout:state.layout}:shouldShowNav?{layout:{...state.layout,navSize:state.layout.recentVisibleSizes.navSize}}:{layout:{...state.layout,navSize:0,recentVisibleSizes:getRecentVisibleSizes(state.layout)}}},{persistence:"session"})},toggleToolbar(toggled){return store22.setState(state=>{let value2=typeof toggled<"u"?toggled:!state.layout.showToolbar;return{layout:{...state.layout,showToolbar:value2}}},{persistence:"session"})},setSizes({navSize,bottomPanelHeight,rightPanelWidth}){return store22.setState(state=>{let nextLayoutState={...state.layout,navSize:navSize??state.layout.navSize,bottomPanelHeight:bottomPanelHeight??state.layout.bottomPanelHeight,rightPanelWidth:rightPanelWidth??state.layout.rightPanelWidth};return{layout:{...nextLayoutState,recentVisibleSizes:getRecentVisibleSizes(nextLayoutState)}}},{persistence:"session"})},focusOnUIElement(elementId,select){if(!elementId)return;let element=document3.getElementById(elementId);element&&(element.focus(),select&&element.select())},getInitialOptions(){let{theme,selectedPanel,...options3}=provider.getConfig();return{...defaultLayoutState,layout:{...defaultLayoutState.layout,...(0,import_pick.default)(options3,Object.keys(defaultLayoutState.layout)),...singleStory&&{navSize:0}},ui:{...defaultLayoutState.ui,...(0,import_pick.default)(options3,Object.keys(defaultLayoutState.ui))},selectedPanel:selectedPanel||defaultLayoutState.selectedPanel,theme:theme||defaultLayoutState.theme}},getIsFullscreen(){return getIsFullscreen(store22.getState())},getIsPanelShown(){return getIsPanelShown(store22.getState())},getIsNavShown(){return getIsNavShown(store22.getState())},setOptions:options3=>{let{layout,ui,selectedPanel,theme}=store22.getState();if(!options3)return;let updatedLayout={...layout,...options3.layout,...(0,import_pick.default)(options3,Object.keys(layout)),...singleStory&&{navSize:0}},updatedUi={...ui,...options3.ui,...(0,import_pick.default)(options3,Object.keys(ui))},updatedTheme={...theme,...options3.theme},modification={};dequal2(ui,updatedUi)||(modification.ui=updatedUi),dequal2(layout,updatedLayout)||(modification.layout=updatedLayout),options3.selectedPanel&&!dequal2(selectedPanel,options3.selectedPanel)&&(modification.selectedPanel=options3.selectedPanel),Object.keys(modification).length&&store22.setState(modification,{persistence:"permanent"}),dequal2(theme,updatedTheme)||store22.setState({theme:updatedTheme})}},persisted=(0,import_pick.default)(store22.getState(),"layout","selectedPanel");return{api,state:merge_default(api.getInitialOptions(),persisted),init:()=>{provider.channel.on(SET_CONFIG,()=>{api.setOptions(merge_default(api.getInitialOptions(),persisted))})}}},shortcuts_exports={};__export2(shortcuts_exports,{controlOrMetaKey:()=>controlOrMetaKey2,defaultShortcuts:()=>defaultShortcuts,init:()=>init9,isMacLike:()=>isMacLike2,keys:()=>keys});var{navigator:navigator2}=scope,isMacLike=()=>navigator2&&navigator2.platform?!!navigator2.platform.match(/(Mac|iPhone|iPod|iPad)/i):!1,controlOrMetaSymbol=()=>isMacLike()?"\u2318":"ctrl",controlOrMetaKey=()=>isMacLike()?"meta":"control",optionOrAltSymbol=()=>isMacLike()?"\u2325":"alt",isShortcutTaken=(arr1,arr2)=>JSON.stringify(arr1)===JSON.stringify(arr2),eventToShortcut=e3=>{if(["Meta","Alt","Control","Shift"].includes(e3.key))return null;let keys2=[];if(e3.altKey&&keys2.push("alt"),e3.ctrlKey&&keys2.push("control"),e3.metaKey&&keys2.push("meta"),e3.shiftKey&&keys2.push("shift"),e3.key&&e3.key.length===1&&e3.key!==" "){let key2=e3.key.toUpperCase(),code=e3.code?.toUpperCase().replace("KEY","").replace("DIGIT","");code&&code.length===1&&code!==key2?keys2.push([key2,code]):keys2.push(key2)}return e3.key===" "&&keys2.push("space"),e3.key==="Escape"&&keys2.push("escape"),e3.key==="ArrowRight"&&keys2.push("ArrowRight"),e3.key==="ArrowDown"&&keys2.push("ArrowDown"),e3.key==="ArrowUp"&&keys2.push("ArrowUp"),e3.key==="ArrowLeft"&&keys2.push("ArrowLeft"),keys2.length>0?keys2:null},shortcutMatchesShortcut=(inputShortcut,shortcut)=>!inputShortcut||!shortcut||(inputShortcut.join("").startsWith("shift/")&&inputShortcut.shift(),inputShortcut.length!==shortcut.length)?!1:!inputShortcut.find((input,i3)=>Array.isArray(input)?!input.includes(shortcut[i3]):input!==shortcut[i3]),eventMatchesShortcut=(e3,shortcut)=>shortcutMatchesShortcut(eventToShortcut(e3),shortcut),keyToSymbol=key2=>key2==="alt"?optionOrAltSymbol():key2==="control"?"\u2303":key2==="meta"?"\u2318":key2==="shift"?"\u21E7\u200B":key2==="Enter"||key2==="Backspace"||key2==="Esc"||key2==="escape"?"":key2===" "?"SPACE":key2==="ArrowUp"?"\u2191":key2==="ArrowDown"?"\u2193":key2==="ArrowLeft"?"\u2190":key2==="ArrowRight"?"\u2192":key2.toUpperCase(),shortcutToHumanString=shortcut=>shortcut.map(keyToSymbol).join(" "),{navigator:navigator22,document:document23}=scope,isMacLike2=()=>navigator22&&navigator22.platform?!!navigator22.platform.match(/(Mac|iPhone|iPod|iPad)/i):!1,controlOrMetaKey2=()=>isMacLike2()?"meta":"control";function keys(o2){return Object.keys(o2)}var defaultShortcuts=Object.freeze({fullScreen:["F"],togglePanel:["A"],panelPosition:["D"],toggleNav:["S"],toolbar:["T"],search:["/"],focusNav:["1"],focusIframe:["2"],focusPanel:["3"],prevComponent:["alt","ArrowUp"],nextComponent:["alt","ArrowDown"],prevStory:["alt","ArrowLeft"],nextStory:["alt","ArrowRight"],shortcutsPage:[controlOrMetaKey2(),"shift",","],aboutPage:[","],escape:["escape"],collapseAll:[controlOrMetaKey2(),"shift","ArrowUp"],expandAll:[controlOrMetaKey2(),"shift","ArrowDown"],remount:["alt","R"]}),addonsShortcuts={};function focusInInput(event){let target=event.target;return/input|textarea/i.test(target.tagName)||target.getAttribute("contenteditable")!==null}var init9=({store:store22,fullAPI,provider})=>{let api={getShortcutKeys(){return store22.getState().shortcuts},getDefaultShortcuts(){return{...defaultShortcuts,...api.getAddonsShortcutDefaults()}},getAddonsShortcuts(){return addonsShortcuts},getAddonsShortcutLabels(){let labels={};return Object.entries(api.getAddonsShortcuts()).forEach(([actionName,{label}])=>{labels[actionName]=label}),labels},getAddonsShortcutDefaults(){let defaults={};return Object.entries(api.getAddonsShortcuts()).forEach(([actionName,{defaultShortcut}])=>{defaults[actionName]=defaultShortcut}),defaults},async setShortcuts(shortcuts){return await store22.setState({shortcuts},{persistence:"permanent"}),shortcuts},async restoreAllDefaultShortcuts(){return api.setShortcuts(api.getDefaultShortcuts())},async setShortcut(action,value2){let shortcuts=api.getShortcutKeys();return await api.setShortcuts({...shortcuts,[action]:value2}),value2},async setAddonShortcut(addon,shortcut){let shortcuts=api.getShortcutKeys();return await api.setShortcuts({...shortcuts,[`${addon}-${shortcut.actionName}`]:shortcut.defaultShortcut}),addonsShortcuts[`${addon}-${shortcut.actionName}`]=shortcut,shortcut},async restoreDefaultShortcut(action){let defaultShortcut=api.getDefaultShortcuts()[action];return api.setShortcut(action,defaultShortcut)},handleKeydownEvent(event){let shortcut=eventToShortcut(event),shortcuts=api.getShortcutKeys(),matchedFeature=keys(shortcuts).find(feature=>shortcutMatchesShortcut(shortcut,shortcuts[feature]));matchedFeature&&api.handleShortcutFeature(matchedFeature,event)},handleShortcutFeature(feature,event){let{ui:{enableShortcuts},storyId}=store22.getState();if(enableShortcuts)switch(event?.preventDefault&&event.preventDefault(),feature){case"escape":{fullAPI.getIsFullscreen()?fullAPI.toggleFullscreen(!1):fullAPI.getIsNavShown()&&fullAPI.toggleNav(!0);break}case"focusNav":{fullAPI.getIsFullscreen()&&fullAPI.toggleFullscreen(!1),fullAPI.getIsNavShown()||fullAPI.toggleNav(!0),fullAPI.focusOnUIElement(focusableUIElements.storyListMenu);break}case"search":{fullAPI.getIsFullscreen()&&fullAPI.toggleFullscreen(!1),fullAPI.getIsNavShown()||fullAPI.toggleNav(!0),setTimeout(()=>{fullAPI.focusOnUIElement(focusableUIElements.storySearchField,!0)},0);break}case"focusIframe":{let element=document23.getElementById("storybook-preview-iframe");if(element)try{element.contentWindow.focus()}catch{}break}case"focusPanel":{fullAPI.getIsFullscreen()&&fullAPI.toggleFullscreen(!1),fullAPI.getIsPanelShown()||fullAPI.togglePanel(!0),fullAPI.focusOnUIElement(focusableUIElements.storyPanelRoot);break}case"nextStory":{fullAPI.jumpToStory(1);break}case"prevStory":{fullAPI.jumpToStory(-1);break}case"nextComponent":{fullAPI.jumpToComponent(1);break}case"prevComponent":{fullAPI.jumpToComponent(-1);break}case"fullScreen":{fullAPI.toggleFullscreen();break}case"togglePanel":{fullAPI.togglePanel();break}case"toggleNav":{fullAPI.toggleNav();break}case"toolbar":{fullAPI.toggleToolbar();break}case"panelPosition":{fullAPI.getIsFullscreen()&&fullAPI.toggleFullscreen(!1),fullAPI.getIsPanelShown()||fullAPI.togglePanel(!0),fullAPI.togglePanelPosition();break}case"aboutPage":{fullAPI.navigate("/settings/about");break}case"shortcutsPage":{fullAPI.navigate("/settings/shortcuts");break}case"collapseAll":{fullAPI.collapseAll();break}case"expandAll":{fullAPI.expandAll();break}case"remount":{fullAPI.emit(FORCE_REMOUNT,{storyId});break}default:addonsShortcuts[feature].action();break}}},{shortcuts:persistedShortcuts=defaultShortcuts}=store22.getState(),state={shortcuts:keys(defaultShortcuts).reduce((acc,key2)=>({...acc,[key2]:persistedShortcuts[key2]||defaultShortcuts[key2]}),defaultShortcuts)};return{api,state,init:()=>{document23.addEventListener("keydown",event=>{focusInInput(event)||api.handleKeydownEvent(event)}),provider.channel.on(PREVIEW_KEYDOWN,data=>{api.handleKeydownEvent(data.event)})}}},url_exports={};__export2(url_exports,{init:()=>init10});var{window:globalWindow}=scope,parseBoolean=value2=>{if(value2==="true"||value2==="1")return!0;if(value2==="false"||value2==="0")return!1},prevParams,initialUrlSupport=({state:{location:location22,path,viewMode,storyId:storyIdFromUrl},singleStory})=>{let{full,panel,nav,shortcuts,addonPanel,tabs,path:queryPath,...otherParams}=queryFromLocation(location22),navSize,bottomPanelHeight,rightPanelWidth;parseBoolean(full)===!0?(navSize=0,bottomPanelHeight=0,rightPanelWidth=0):parseBoolean(full)===!1&&(navSize=defaultLayoutState.layout.navSize,bottomPanelHeight=defaultLayoutState.layout.bottomPanelHeight,rightPanelWidth=defaultLayoutState.layout.rightPanelWidth),singleStory||(parseBoolean(nav)===!0&&(navSize=defaultLayoutState.layout.navSize),parseBoolean(nav)===!1&&(navSize=0)),parseBoolean(panel)===!1&&(bottomPanelHeight=0,rightPanelWidth=0);let layout={navSize,bottomPanelHeight,rightPanelWidth,panelPosition:["right","bottom"].includes(panel)?panel:void 0,showTabs:parseBoolean(tabs)},ui={enableShortcuts:parseBoolean(shortcuts)},selectedPanel=addonPanel||void 0,storyId=storyIdFromUrl,customQueryParams=dequal2(prevParams,otherParams)?prevParams:otherParams;return prevParams=customQueryParams,{viewMode,layout,ui,selectedPanel,location:location22,path,customQueryParams,storyId}},init10=moduleArgs=>{let{store:store22,navigate,provider,fullAPI}=moduleArgs,navigateTo=(path,queryParams={},options3={})=>{let params=Object.entries(queryParams).filter(([,v2])=>v2).sort(([a2],[b3])=>a2<b3?-1:1).map(([k2,v2])=>`${k2}=${v2}`),to=[path,...params].join("&");return navigate(to,options3)},api={getQueryParam(key2){let{customQueryParams}=store22.getState();return customQueryParams?customQueryParams[key2]:void 0},getUrlState(){let{path,customQueryParams,storyId,url,viewMode}=store22.getState();return{path,queryParams:customQueryParams,storyId,url,viewMode}},setQueryParams(input){let{customQueryParams}=store22.getState(),queryParams={},update2={...customQueryParams,...Object.entries(input).reduce((acc,[key2,value2])=>(value2!==null&&(acc[key2]=value2),acc),queryParams)};dequal2(customQueryParams,update2)||(store22.setState({customQueryParams:update2}),provider.channel.emit(UPDATE_QUERY_PARAMS,update2))},navigateUrl(url,options3){navigate(url,{plain:!0,...options3})}},updateArgsParam=()=>{let{path,queryParams,viewMode}=api.getUrlState();if(viewMode!=="story")return;let currentStory=fullAPI.getCurrentStoryData();if(currentStory?.type!=="story")return;let{args:args2,initialArgs}=currentStory,argsString=buildArgsParam(initialArgs,args2);navigateTo(path,{...queryParams,args:argsString},{replace:!0}),api.setQueryParams({args:argsString})};provider.channel.on(SET_CURRENT_STORY,()=>updateArgsParam());let handleOrId;return provider.channel.on(STORY_ARGS_UPDATED,()=>{"requestIdleCallback"in globalWindow?(handleOrId&&globalWindow.cancelIdleCallback(handleOrId),handleOrId=globalWindow.requestIdleCallback(updateArgsParam,{timeout:1e3})):(handleOrId&&clearTimeout(handleOrId),setTimeout(updateArgsParam,100))}),provider.channel.on(GLOBALS_UPDATED,({globals,initialGlobals})=>{let{path,queryParams}=api.getUrlState(),globalsString=buildArgsParam(initialGlobals,globals);navigateTo(path,{...queryParams,globals:globalsString},{replace:!0}),api.setQueryParams({globals:globalsString})}),provider.channel.on(NAVIGATE_URL,(url,options3)=>{api.navigateUrl(url,options3)}),{api,state:initialUrlSupport(moduleArgs)}},versions_exports={};__export2(versions_exports,{init:()=>init11});var version="0.0.0-pr-24271-sha-f6cb6ac2",{VERSIONCHECK}=scope,getVersionCheckData=(0,import_memoizerific3.default)(1)(()=>{try{return{...JSON.parse(VERSIONCHECK).data||{}}}catch{return{}}}),init11=({store:store22})=>{let{dismissedVersionNotification}=store22.getState(),state={versions:{current:{version},...getVersionCheckData()},dismissedVersionNotification},api={getCurrentVersion:()=>{let{versions:{current}}=store22.getState();return current},getLatestVersion:()=>{let{versions:{latest,next,current}}=store22.getState();return current&&import_semver.default.prerelease(current.version)&&next?latest&&import_semver.default.gt(latest.version,next.version)?latest:next:latest},versionUpdateAvailable:()=>{let latest=api.getLatestVersion(),current=api.getCurrentVersion();if(latest){if(!latest.version||!current.version)return!0;let actualCurrent=import_semver.default.prerelease(current.version)?`${import_semver.default.major(current.version)}.${import_semver.default.minor(current.version)}.${import_semver.default.patch(current.version)}`:current.version,diff=import_semver.default.diff(actualCurrent,latest.version);return import_semver.default.gt(latest.version,actualCurrent)&&diff!=="patch"&&!diff.includes("pre")}return!1}};return{init:async()=>{let{versions={}}=store22.getState(),{latest,next}=getVersionCheckData();await store22.setState({versions:{...versions,latest,next}})},state,api}},whatsnew_exports={};__export2(whatsnew_exports,{init:()=>init12});var WHATS_NEW_NOTIFICATION_ID="whats-new",init12=({fullAPI,store:store22,provider})=>{let state={whatsNewData:void 0};function setWhatsNewState(newState){store22.setState({whatsNewData:newState}),state.whatsNewData=newState}let api={isWhatsNewUnread(){return state.whatsNewData?.status==="SUCCESS"&&!state.whatsNewData.postIsRead},whatsNewHasBeenRead(){state.whatsNewData?.status==="SUCCESS"&&(setWhatsNewCache({lastReadPost:state.whatsNewData.url}),setWhatsNewState({...state.whatsNewData,postIsRead:!0}),fullAPI.clearNotification(WHATS_NEW_NOTIFICATION_ID))},toggleWhatsNewNotifications(){state.whatsNewData?.status==="SUCCESS"&&(setWhatsNewState({...state.whatsNewData,disableWhatsNewNotifications:!state.whatsNewData.disableWhatsNewNotifications}),provider.channel.emit(TOGGLE_WHATS_NEW_NOTIFICATIONS,{disableWhatsNewNotifications:state.whatsNewData.disableWhatsNewNotifications}))}};function getLatestWhatsNewPost(){return provider.channel.emit(REQUEST_WHATS_NEW_DATA),new Promise(resolve=>provider.channel.once(RESULT_WHATS_NEW_DATA,({data})=>resolve(data)))}function setWhatsNewCache(cache){provider.channel.emit(SET_WHATS_NEW_CACHE,cache)}return{init:async()=>{if(scope.CONFIG_TYPE!=="DEVELOPMENT")return;let whatsNewData=await getLatestWhatsNewPost();setWhatsNewState(whatsNewData);let urlState=fullAPI.getUrlState();!(urlState?.path==="/onboarding"||urlState.queryParams?.onboarding==="true")&&whatsNewData.status==="SUCCESS"&&!whatsNewData.disableWhatsNewNotifications&&whatsNewData.showNotification&&fullAPI.addNotification({id:WHATS_NEW_NOTIFICATION_ID,link:"/settings/whats-new",content:{headline:whatsNewData.excerpt,subHeadline:"Click to learn what's new in Storybook"},icon:{name:"hearthollow"},onClear({dismissed}){dismissed&&setWhatsNewCache({lastDismissedPost:whatsNewData.url})}})},state,api}},globals_exports={};__export2(globals_exports,{init:()=>init13});var init13=({store:store22,fullAPI,provider})=>{let api={getGlobals(){return store22.getState().globals},getGlobalTypes(){return store22.getState().globalTypes},updateGlobals(newGlobals){provider.channel.emit(UPDATE_GLOBALS,{globals:newGlobals,options:{target:"storybook-preview-iframe"}})}},state={globals:{},globalTypes:{}},updateGlobals=globals=>{let currentGlobals=store22.getState()?.globals;dequal2(globals,currentGlobals)||store22.setState({globals})};return provider.channel.on(GLOBALS_UPDATED,function({globals}){let{ref}=getEventMetadata(this,fullAPI);ref?logger.warn("received a GLOBALS_UPDATED from a non-local ref. This is not currently supported."):updateGlobals(globals)}),provider.channel.on(SET_GLOBALS,function({globals,globalTypes}){let{ref}=getEventMetadata(this,fullAPI),currentGlobals=store22.getState()?.globals;ref?Object.keys(globals).length>0&&logger.warn("received globals from a non-local ref. This is not currently supported."):store22.setState({globals,globalTypes}),currentGlobals&&Object.keys(currentGlobals).length!==0&&!dequal2(globals,currentGlobals)&&api.updateGlobals(currentGlobals)}),{api,state}};function mockChannel(){let transport={setHandler:()=>{},send:()=>{}};return new Channel({transport})}var AddonStore=class{constructor(){this.loaders={},this.elements={},this.config={},this.getChannel=()=>(this.channel||this.setChannel(mockChannel()),this.channel),this.getServerChannel=()=>{if(!this.serverChannel)throw new Error("Accessing non-existent serverChannel");return this.serverChannel},this.ready=()=>this.promise,this.hasChannel=()=>!!this.channel,this.hasServerChannel=()=>!!this.serverChannel,this.setChannel=channel=>{this.channel=channel,this.resolve()},this.setServerChannel=channel=>{this.serverChannel=channel},this.addPanel=(id,options3)=>{this.add(id,{type:Addon_TypesEnum.PANEL,...options3})},this.setConfig=value2=>{Object.assign(this.config,value2),this.hasChannel()?this.getChannel().emit(SET_CONFIG,this.config):this.ready().then(channel=>{channel.emit(SET_CONFIG,this.config)})},this.getConfig=()=>this.config,this.register=(id,callback)=>{this.loaders[id]&&logger.warn(`${id} was loaded twice, this could have bad side-effects`),this.loaders[id]=callback},this.loadAddons=api=>{Object.values(this.loaders).forEach(value2=>value2(api))},this.promise=new Promise(res=>{this.resolve=()=>res(this.getChannel())})}getElements(type){return this.elements[type]||(this.elements[type]={}),this.elements[type]}add(id,addon){let{type}=addon,collection=this.getElements(type);collection[id]={id,...addon}}},KEY2="__STORYBOOK_ADDONS_MANAGER";function getAddonsStore(){return scope[KEY2]||(scope[KEY2]=new AddonStore),scope[KEY2]}var addons=getAddonsStore(),{ActiveTabs:ActiveTabs2}=layout_exports,ManagerContext=createContext2({api:void 0,state:initial_state_default({})}),combineParameters=(...parameterSets)=>(0,import_mergeWith.default)({},...parameterSets,(objValue,srcValue)=>{if(Array.isArray(srcValue))return srcValue}),ManagerProvider=class extends import_react2.Component{constructor(props){super(props),this.api={},this.initModules=()=>{this.modules.forEach(module=>{"init"in module&&module.init()})};let{location:location22,path,refId,viewMode=props.docsOptions.docsMode?"docs":props.viewMode,singleStory,storyId,docsOptions,navigate}=props,store22=new Store({getState:()=>this.state,setState:(stateChange,callback)=>this.setState(stateChange,callback)}),routeData={location:location22,path,viewMode,singleStory,storyId,refId},optionsData={docsOptions};this.state=store22.getInitialState(initial_state_default({...routeData,...optionsData}));let apiData={navigate,store:store22,provider:props.provider};this.modules=[provider_exports,channel_exports,addons_exports,layout_exports,notifications_exports,settings_exports,shortcuts_exports,stories_exports,refs_exports,globals_exports,url_exports,versions_exports,whatsnew_exports].map(m3=>m3.init({...routeData,...optionsData,...apiData,state:this.state,fullAPI:this.api}));let state=initial_state_default(this.state,...this.modules.map(m3=>m3.state)),api=Object.assign(this.api,{navigate},...this.modules.map(m3=>m3.api));this.state=state,this.api=api}static getDerivedStateFromProps(props,state){return state.path!==props.path?{...state,location:props.location,path:props.path,refId:props.refId,viewMode:props.viewMode,storyId:props.storyId}:null}shouldComponentUpdate(nextProps,nextState){let prevState=this.state,prevProps=this.props;return prevState!==nextState||prevProps.path!==nextProps.path}render(){let{children}=this.props,value2={state:this.state,api:this.api};return import_react2.default.createElement(EffectOnMount,{effect:this.initModules},import_react2.default.createElement(ManagerContext.Provider,{value:value2},import_react2.default.createElement(ManagerConsumer,null,children)))}};ManagerProvider.displayName="Manager";var EffectOnMount=({children,effect})=>(import_react2.default.useEffect(effect,[]),children),defaultFilter=c3=>c3;function ManagerConsumer({filter=defaultFilter,children}){let managerContext=(0,import_react2.useContext)(ManagerContext),renderer=(0,import_react2.useRef)(children),filterer=(0,import_react2.useRef)(filter);if(typeof renderer.current!="function")return import_react2.default.createElement(import_react2.Fragment,null,renderer.current);let comboData=filterer.current(managerContext),comboDataArray=(0,import_react2.useMemo)(()=>[...Object.entries(comboData).reduce((acc,keyval)=>acc.concat(keyval),[])],[managerContext.state]);return(0,import_react2.useMemo)(()=>{let Child=renderer.current;return import_react2.default.createElement(Child,{...comboData})},comboDataArray)}function useStorybookState(){let{state}=(0,import_react2.useContext)(ManagerContext);return{...state,get storiesHash(){return deprecate("state.storiesHash is deprecated, please use state.index"),this.index||{}},get storiesConfigured(){return deprecate("state.storiesConfigured is deprecated, please use state.previewInitialized"),this.previewInitialized},get storiesFailed(){return deprecate("state.storiesFailed is deprecated, please use state.indexError"),this.indexError}}}function useStorybookApi(){let{api}=(0,import_react2.useContext)(ManagerContext);return api}function orDefault(fromStore,defaultState){return typeof fromStore>"u"?defaultState:fromStore}var useChannel=(eventMap,deps=[])=>{let api=useStorybookApi();return(0,import_react2.useEffect)(()=>(Object.entries(eventMap).forEach(([type,listener])=>api.on(type,listener)),()=>{Object.entries(eventMap).forEach(([type,listener])=>api.off(type,listener))}),deps),api.emit};function useStoryPrepared(storyId){return useStorybookApi().isPrepared(storyId)}function useParameter(parameterKey,defaultValue){let result2=useStorybookApi().getCurrentParameter(parameterKey);return orDefault(result2,defaultValue)}globalThis.STORYBOOK_ADDON_STATE={};var{STORYBOOK_ADDON_STATE}=globalThis;function useSharedState(stateId,defaultState){let api=useStorybookApi(),existingState=api.getAddonState(stateId)||STORYBOOK_ADDON_STATE[stateId],state=orDefault(existingState,STORYBOOK_ADDON_STATE[stateId]?STORYBOOK_ADDON_STATE[stateId]:defaultState),quicksync=!1;state===defaultState&&defaultState!==void 0&&(STORYBOOK_ADDON_STATE[stateId]=defaultState,quicksync=!0),(0,import_react2.useEffect)(()=>{quicksync&&api.setAddonState(stateId,defaultState)},[quicksync]);let setState=async(s2,options3)=>{let result2=await api.setAddonState(stateId,s2,options3);return STORYBOOK_ADDON_STATE[stateId]=result2,result2},allListeners=(0,import_react2.useMemo)(()=>{let stateChangeHandlers={[`${SHARED_STATE_CHANGED}-client-${stateId}`]:setState,[`${SHARED_STATE_SET}-client-${stateId}`]:setState},stateInitializationHandlers={[SET_STORIES]:async()=>{let currentState=api.getAddonState(stateId);currentState?(STORYBOOK_ADDON_STATE[stateId]=currentState,api.emit(`${SHARED_STATE_SET}-manager-${stateId}`,currentState)):STORYBOOK_ADDON_STATE[stateId]?(await setState(STORYBOOK_ADDON_STATE[stateId]),api.emit(`${SHARED_STATE_SET}-manager-${stateId}`,STORYBOOK_ADDON_STATE[stateId])):defaultState!==void 0&&(await setState(defaultState),STORYBOOK_ADDON_STATE[stateId]=defaultState,api.emit(`${SHARED_STATE_SET}-manager-${stateId}`,defaultState))},[STORY_CHANGED]:()=>{let currentState=api.getAddonState(stateId);currentState!==void 0&&api.emit(`${SHARED_STATE_SET}-manager-${stateId}`,currentState)}};return{...stateChangeHandlers,...stateInitializationHandlers}},[stateId]),emit=useChannel(allListeners);return[state,async(newStateOrMerger,options3)=>{let result2=await setState(newStateOrMerger,options3);emit(`${SHARED_STATE_CHANGED}-manager-${stateId}`,result2)}]}function useAddonState(addonId,defaultState){return useSharedState(addonId,defaultState)}function useArgs(){let{getCurrentStoryData,updateStoryArgs,resetStoryArgs}=useStorybookApi(),data=getCurrentStoryData(),args2=data?.type==="story"?data.args:{},updateArgs=(0,import_react2.useCallback)(newArgs=>updateStoryArgs(data,newArgs),[data,updateStoryArgs]),resetArgs=(0,import_react2.useCallback)(argNames=>resetStoryArgs(data,argNames),[data,resetStoryArgs]);return[args2,updateArgs,resetArgs]}function useGlobals(){let api=useStorybookApi();return[api.getGlobals(),api.updateGlobals]}function useGlobalTypes(){return useStorybookApi().getGlobalTypes()}function useCurrentStory(){let{getCurrentStoryData}=useStorybookApi();return getCurrentStoryData()}function useArgTypes(){let current=useCurrentStory();return current?.type==="story"&&current.argTypes||{}}var StorybookError=class extends Error{constructor(){super(...arguments),this.data={},this.documentation=!1,this.fromStorybook=!0}get name(){let paddedCode=String(this.code).padStart(4,"0");return`SB_${this.category}_${paddedCode}`}get message(){let page;return this.documentation===!0?page=`https://storybook.js.org/error/${this.name}`:typeof this.documentation=="string"?page=this.documentation:Array.isArray(this.documentation)&&(page=`
+          `});let versions=ref.versions&&Object.keys(ref.versions).length?ref.versions:loadedData.versions;await api.setRef(id,{id,url:urlParseResult.url,...loadedData,...versions?{versions}:{},type:loadedData.storyIndex?"lazy":"auto-inject"})},getRefs:()=>{let{refs:refs22={}}=store22.getState();return refs22},setRef:(id,{storyIndex,setStoriesData,...rest},ready=!1)=>{if(singleStory)return;let{storyMapper=defaultStoryMapper}=provider.getConfig(),ref=api.getRefs()[id],index2;setStoriesData?index2=transformSetStoriesStoryDataToStoriesHash(map(setStoriesData,ref,{storyMapper}),{provider,docsOptions,filters:{},status:{}}):storyIndex&&(index2=transformStoryIndexToStoriesHash(storyIndex,{provider,docsOptions,filters:{},status:{}})),index2&&(index2=addRefIds(index2,ref)),api.updateRef(id,{index:index2,...rest})},updateRef:(id,data)=>{let{[id]:ref,...updated}=api.getRefs();updated[id]={...ref,...data};let ordered=Object.keys(initialState).reduce((obj,key2)=>(obj[key2]=updated[key2],obj),{});store22.setState({refs:ordered})}},refs2=!singleStory&&scope.REFS||{},initialState=refs2;return runCheck&&Object.entries(refs2).forEach(([id,ref])=>{api.checkRef({...ref,stories:{}})}),{api,state:{refs:initialState}}},getEventMetadata=(context,fullAPI)=>{let{source:source2,refId,type}=context,[sourceType,sourceLocation]=getSourceType(source2,refId),ref=refId&&fullAPI.getRefs()[refId]?fullAPI.getRefs()[refId]:fullAPI.findRef(sourceLocation),meta={source:source2,sourceType,sourceLocation,refId,ref,type};switch(!0){case typeof refId=="string":case sourceType==="local":case sourceType==="external":return meta;default:return logger.warn(`Received a ${type} frame that was not configured as a ref`),null}},{FEATURES,fetch:fetch2}=scope,STORY_INDEX_PATH="./index.json",removedOptions=["enableShortcuts","theme","showRoots"];function removeRemovedOptions(options3){if(!options3||typeof options3=="string")return options3;let result2={...options3};return removedOptions.forEach(option=>{option in result2&&delete result2[option]}),result2}var init7=({fullAPI,store:store22,navigate,provider,storyId:initialStoryId,viewMode:initialViewMode,docsOptions={}})=>{let api={storyId:N,getData:(storyId,refId)=>{let result2=api.resolveStory(storyId,refId);if(result2?.type==="story"||result2?.type==="docs")return result2},isPrepared:(storyId,refId)=>{let data=api.getData(storyId,refId);return data.type==="story"?data.prepared:!0},resolveStory:(storyId,refId)=>{let{refs:refs2,index:index2}=store22.getState();return refId&&!refs2[refId]?null:refId?refs2[refId].index?refs2[refId].index[storyId]:void 0:index2?index2[storyId]:void 0},getCurrentStoryData:()=>{let{storyId,refId}=store22.getState();return api.getData(storyId,refId)},getParameters:(storyIdOrCombo,parameterName)=>{let{storyId,refId}=typeof storyIdOrCombo=="string"?{storyId:storyIdOrCombo,refId:void 0}:storyIdOrCombo,data=api.getData(storyId,refId);if(["story","docs"].includes(data?.type)){let{parameters}=data;if(parameters)return parameterName?parameters[parameterName]:parameters}return null},getCurrentParameter:parameterName=>{let{storyId,refId}=store22.getState();return api.getParameters({storyId,refId},parameterName)||void 0},jumpToComponent:direction=>{let{index:index2,storyId,refs:refs2,refId}=store22.getState();if(!api.getData(storyId,refId))return;let hash=refId?refs2[refId].index||{}:index2,result2=api.findSiblingStoryId(storyId,hash,direction,!0);result2&&api.selectStory(result2,void 0,{ref:refId})},jumpToStory:direction=>{let{index:index2,storyId,refs:refs2,refId}=store22.getState(),story=api.getData(storyId,refId);if(!story)return;let hash=story.refId?refs2[story.refId].index:index2,result2=api.findSiblingStoryId(storyId,hash,direction,!1);result2&&api.selectStory(result2,void 0,{ref:refId})},selectFirstStory:()=>{let{index:index2}=store22.getState(),firstStory=Object.keys(index2).find(id=>index2[id].type==="story");if(firstStory){api.selectStory(firstStory);return}navigate("/")},selectStory:(titleOrId=void 0,name2=void 0,options3={})=>{let{ref}=options3,{storyId,index:index2,refs:refs2}=store22.getState(),hash=ref?refs2[ref].index:index2,kindSlug=storyId?.split("--",2)[0];if(name2)if(titleOrId){let id=ref?`${ref}_${N(titleOrId,name2)}`:N(titleOrId,name2);if(hash[id])api.selectStory(id,void 0,options3);else{let entry=hash[L(titleOrId)];if(entry?.type==="component"){let foundId=entry.children.find(childId=>hash[childId].name===name2);foundId&&api.selectStory(foundId,void 0,options3)}}}else{let id=N(kindSlug,name2);api.selectStory(id,void 0,options3)}else{let entry=titleOrId?hash[titleOrId]||hash[L(titleOrId)]:hash[kindSlug];if(!entry)throw new Error(`Unknown id or title: '${titleOrId}'`);let leafEntry=api.findLeafEntry(hash,entry.id),fullId=leafEntry.refId?`${leafEntry.refId}_${leafEntry.id}`:leafEntry.id;navigate(`/${leafEntry.type}/${fullId}`)}},findLeafEntry(index2,storyId){let entry=index2[storyId];if(entry.type==="docs"||entry.type==="story")return entry;let childStoryId=entry.children[0];return api.findLeafEntry(index2,childStoryId)},findLeafStoryId(index2,storyId){return api.findLeafEntry(index2,storyId)?.id},findSiblingStoryId(storyId,index2,direction,toSiblingGroup){if(toSiblingGroup){let lookupList2=getComponentLookupList(index2),position2=lookupList2.findIndex(i3=>i3.includes(storyId));return position2===lookupList2.length-1&&direction>0||position2===0&&direction<0?void 0:lookupList2[position2+direction]?lookupList2[position2+direction][0]:void 0}let lookupList=getStoriesLookupList(index2),position=lookupList.indexOf(storyId);if(!(position===lookupList.length-1&&direction>0)&&!(position===0&&direction<0))return lookupList[position+direction]},updateStoryArgs:(story,updatedArgs)=>{let{id:storyId,refId}=story;provider.channel.emit(UPDATE_STORY_ARGS,{storyId,updatedArgs,options:{target:refId}})},resetStoryArgs:(story,argNames)=>{let{id:storyId,refId}=story;provider.channel.emit(RESET_STORY_ARGS,{storyId,argNames,options:{target:refId}})},fetchIndex:async()=>{try{let result2=await fetch2(STORY_INDEX_PATH);if(result2.status!==200)throw new Error(await result2.text());let storyIndex=await result2.json();if(storyIndex.v<3){logger.warn(`Skipping story index with version v${storyIndex.v}, awaiting SET_STORIES.`);return}await api.setIndex(storyIndex)}catch(err){await store22.setState({indexError:err})}},setIndex:async input=>{let{index:oldHash,status,filters}=store22.getState(),newHash=transformStoryIndexToStoriesHash(input,{provider,docsOptions,status,filters}),output=addPreparedStories(newHash,oldHash);await store22.setState({internal_index:input,index:output,indexError:void 0})},updateStory:async(storyId,update2,ref)=>{if(ref){let{id:refId,index:index2}=ref;index2[storyId]={...index2[storyId],...update2},await fullAPI.updateRef(refId,{index:index2})}else{let{index:index2}=store22.getState();index2[storyId]={...index2[storyId],...update2},await store22.setState({index:index2})}},updateDocs:async(docsId,update2,ref)=>{if(ref){let{id:refId,index:index2}=ref;index2[docsId]={...index2[docsId],...update2},await fullAPI.updateRef(refId,{index:index2})}else{let{index:index2}=store22.getState();index2[docsId]={...index2[docsId],...update2},await store22.setState({index:index2})}},setPreviewInitialized:async ref=>{ref?fullAPI.updateRef(ref.id,{previewInitialized:!0}):store22.setState({previewInitialized:!0})},experimental_updateStatus:async(id,input)=>{let{status,internal_index:index2}=store22.getState(),newStatus={...status},update2=typeof input=="function"?input(status):input;Object.keys(update2).length!==0&&(Object.entries(update2).forEach(([storyId,value2])=>{newStatus[storyId]={...newStatus[storyId]||{}},value2===null?delete newStatus[storyId][id]:newStatus[storyId][id]=value2,Object.keys(newStatus[storyId]).length===0&&delete newStatus[storyId]}),await store22.setState({status:newStatus},{persistence:"session"}),await api.setIndex(index2))},experimental_setFilter:async(id,filterFunction)=>{let{internal_index:index2}=store22.getState();await store22.setState({filters:{...store22.getState().filters,[id]:filterFunction}}),await api.setIndex(index2)}};provider.channel.on(STORY_SPECIFIED,function({storyId,viewMode}){let{sourceType}=getEventMetadata(this,fullAPI);if(sourceType==="local"){let state=store22.getState(),isCanvasRoute=state.path==="/"||state.viewMode==="story"||state.viewMode==="docs",stateHasSelection=state.viewMode&&state.storyId,stateSelectionDifferent=state.viewMode!==viewMode||state.storyId!==storyId;isCanvasRoute&&(stateHasSelection&&stateSelectionDifferent?provider.channel.emit(SET_CURRENT_STORY,{storyId:state.storyId,viewMode:state.viewMode}):stateSelectionDifferent&&navigate(`/${viewMode}/${storyId}`))}}),provider.channel.on(CURRENT_STORY_WAS_SET,function(){let{ref}=getEventMetadata(this,fullAPI);api.setPreviewInitialized(ref)}),provider.channel.on(STORY_CHANGED,function(){let{sourceType}=getEventMetadata(this,fullAPI);if(sourceType==="local"){let options3=api.getCurrentParameter("options");options3&&fullAPI.setOptions(removeRemovedOptions(options3))}}),provider.channel.on(STORY_PREPARED,function({id,...update2}){let{ref,sourceType}=getEventMetadata(this,fullAPI);if(api.updateStory(id,{...update2,prepared:!0},ref),!ref&&!store22.getState().hasCalledSetOptions){let{options:options3}=update2.parameters;fullAPI.setOptions(removeRemovedOptions(options3)),store22.setState({hasCalledSetOptions:!0})}if(sourceType==="local"){let{storyId,index:index2,refId}=store22.getState(),toBePreloaded=Array.from(new Set([api.findSiblingStoryId(storyId,index2,1,!0),api.findSiblingStoryId(storyId,index2,-1,!0)])).filter(Boolean);provider.channel.emit(PRELOAD_ENTRIES,{ids:toBePreloaded,options:{target:refId}})}}),provider.channel.on(DOCS_PREPARED,function({id,...update2}){let{ref}=getEventMetadata(this,fullAPI);api.updateStory(id,{...update2,prepared:!0},ref)}),provider.channel.on(SET_INDEX,function(index2){let{ref}=getEventMetadata(this,fullAPI);if(ref)fullAPI.setRef(ref.id,{...ref,storyIndex:index2},!0);else{api.setIndex(index2);let options3=api.getCurrentParameter("options");fullAPI.setOptions(removeRemovedOptions(options3))}}),provider.channel.on(SET_STORIES,function(data){let{ref}=getEventMetadata(this,fullAPI),setStoriesData=data.v?denormalizeStoryParameters(data):data.stories;if(ref)fullAPI.setRef(ref.id,{...ref,setStoriesData},!0);else throw new Error("Cannot call SET_STORIES for local frame")}),provider.channel.on(SELECT_STORY,function({kind,title=kind,story,name:name2=story,storyId,...rest}){let{ref}=getEventMetadata(this,fullAPI);ref?fullAPI.selectStory(storyId||title,name2,{...rest,ref:ref.id}):fullAPI.selectStory(storyId||title,name2,rest)}),provider.channel.on(STORY_ARGS_UPDATED,function({storyId,args:args2}){let{ref}=getEventMetadata(this,fullAPI);api.updateStory(storyId,{args:args2},ref)}),provider.channel.on(CONFIG_ERROR,function(err){let{ref}=getEventMetadata(this,fullAPI);api.setPreviewInitialized(ref)}),provider.channel.on(STORY_MISSING,function(err){let{ref}=getEventMetadata(this,fullAPI);api.setPreviewInitialized(ref)}),provider.channel.on(SET_CONFIG,()=>{let config2=provider.getConfig();config2?.sidebar?.filters&&store22.setState({filters:{...store22.getState().filters,...config2?.sidebar?.filters}})});let config=provider.getConfig();return{api,state:{storyId:initialStoryId,viewMode:initialViewMode,hasCalledSetOptions:!1,previewInitialized:!1,status:{},filters:config?.sidebar?.filters||{}},init:async()=>{FEATURES?.storyStoreV7&&(provider.channel.on(STORY_INDEX_INVALIDATED,()=>api.fetchIndex()),await api.fetchIndex())}}},layout_exports={};__export2(layout_exports,{ActiveTabs:()=>ActiveTabs,defaultLayoutState:()=>defaultLayoutState,focusableUIElements:()=>focusableUIElements,init:()=>init8});var{document:document3}=scope,ActiveTabs={SIDEBAR:"sidebar",CANVAS:"canvas",ADDONS:"addons"},defaultLayoutState={ui:{enableShortcuts:!0},layout:{initialActive:ActiveTabs.CANVAS,showToolbar:!0,navSize:300,bottomPanelHeight:300,rightPanelWidth:400,recentVisibleSizes:{navSize:300,bottomPanelHeight:300,rightPanelWidth:400},panelPosition:"bottom",showTabs:!0},selectedPanel:void 0,theme:create()},focusableUIElements={storySearchField:"storybook-explorer-searchfield",storyListMenu:"storybook-explorer-menu",storyPanelRoot:"storybook-panel-root"},getIsNavShown=state=>state.layout.navSize>0,getIsPanelShown=state=>{let{bottomPanelHeight,rightPanelWidth,panelPosition}=state.layout;return panelPosition==="bottom"&&bottomPanelHeight>0||panelPosition==="right"&&rightPanelWidth>0},getIsFullscreen=state=>!getIsNavShown(state)&&!getIsPanelShown(state),getRecentVisibleSizes=layoutState=>({navSize:layoutState.navSize>0?layoutState.navSize:layoutState.recentVisibleSizes.navSize,bottomPanelHeight:layoutState.bottomPanelHeight>0?layoutState.bottomPanelHeight:layoutState.recentVisibleSizes.bottomPanelHeight,rightPanelWidth:layoutState.rightPanelWidth>0?layoutState.rightPanelWidth:layoutState.recentVisibleSizes.rightPanelWidth}),init8=({store:store22,provider,singleStory})=>{let api={toggleFullscreen(nextState){return store22.setState(state=>{let isFullscreen=getIsFullscreen(state),shouldFullscreen=typeof nextState=="boolean"?nextState:!isFullscreen;return shouldFullscreen===isFullscreen?{layout:state.layout}:shouldFullscreen?{layout:{...state.layout,navSize:0,bottomPanelHeight:0,rightPanelWidth:0,recentVisibleSizes:getRecentVisibleSizes(state.layout)}}:{layout:{...state.layout,navSize:state.singleStory?0:state.layout.recentVisibleSizes.navSize,bottomPanelHeight:state.layout.recentVisibleSizes.bottomPanelHeight,rightPanelWidth:state.layout.recentVisibleSizes.rightPanelWidth}}},{persistence:"session"})},togglePanel(nextState){return store22.setState(state=>{let isPanelShown=getIsPanelShown(state),shouldShowPanel=typeof nextState=="boolean"?nextState:!isPanelShown;return shouldShowPanel===isPanelShown?{layout:state.layout}:shouldShowPanel?{layout:{...state.layout,bottomPanelHeight:state.layout.recentVisibleSizes.bottomPanelHeight,rightPanelWidth:state.layout.recentVisibleSizes.rightPanelWidth}}:{layout:{...state.layout,bottomPanelHeight:0,rightPanelWidth:0,recentVisibleSizes:getRecentVisibleSizes(state.layout)}}},{persistence:"session"})},togglePanelPosition(position){return store22.setState(state=>{let nextPosition=position||(state.layout.panelPosition==="right"?"bottom":"right");return{layout:{...state.layout,panelPosition:nextPosition,bottomPanelHeight:state.layout.recentVisibleSizes.bottomPanelHeight,rightPanelWidth:state.layout.recentVisibleSizes.rightPanelWidth}}},{persistence:"permanent"})},toggleNav(nextState){return store22.setState(state=>{if(state.singleStory)return{layout:state.layout};let isNavShown=getIsNavShown(state),shouldShowNav=typeof nextState=="boolean"?nextState:!isNavShown;return shouldShowNav===isNavShown?{layout:state.layout}:shouldShowNav?{layout:{...state.layout,navSize:state.layout.recentVisibleSizes.navSize}}:{layout:{...state.layout,navSize:0,recentVisibleSizes:getRecentVisibleSizes(state.layout)}}},{persistence:"session"})},toggleToolbar(toggled){return store22.setState(state=>{let value2=typeof toggled<"u"?toggled:!state.layout.showToolbar;return{layout:{...state.layout,showToolbar:value2}}},{persistence:"session"})},setSizes({navSize,bottomPanelHeight,rightPanelWidth}){return store22.setState(state=>{let nextLayoutState={...state.layout,navSize:navSize??state.layout.navSize,bottomPanelHeight:bottomPanelHeight??state.layout.bottomPanelHeight,rightPanelWidth:rightPanelWidth??state.layout.rightPanelWidth};return{layout:{...nextLayoutState,recentVisibleSizes:getRecentVisibleSizes(nextLayoutState)}}},{persistence:"session"})},focusOnUIElement(elementId,select){if(!elementId)return;let element=document3.getElementById(elementId);element&&(element.focus(),select&&element.select())},getInitialOptions(){let{theme,selectedPanel,...options3}=provider.getConfig();return{...defaultLayoutState,layout:{...defaultLayoutState.layout,...(0,import_pick.default)(options3,Object.keys(defaultLayoutState.layout)),...singleStory&&{navSize:0}},ui:{...defaultLayoutState.ui,...(0,import_pick.default)(options3,Object.keys(defaultLayoutState.ui))},selectedPanel:selectedPanel||defaultLayoutState.selectedPanel,theme:theme||defaultLayoutState.theme}},getIsFullscreen(){return getIsFullscreen(store22.getState())},getIsPanelShown(){return getIsPanelShown(store22.getState())},getIsNavShown(){return getIsNavShown(store22.getState())},setOptions:options3=>{let{layout,ui,selectedPanel,theme}=store22.getState();if(!options3)return;let updatedLayout={...layout,...options3.layout,...(0,import_pick.default)(options3,Object.keys(layout)),...singleStory&&{navSize:0}},updatedUi={...ui,...options3.ui,...(0,import_pick.default)(options3,Object.keys(ui))},updatedTheme={...theme,...options3.theme},modification={};dequal2(ui,updatedUi)||(modification.ui=updatedUi),dequal2(layout,updatedLayout)||(modification.layout=updatedLayout),options3.selectedPanel&&!dequal2(selectedPanel,options3.selectedPanel)&&(modification.selectedPanel=options3.selectedPanel),Object.keys(modification).length&&store22.setState(modification,{persistence:"permanent"}),dequal2(theme,updatedTheme)||store22.setState({theme:updatedTheme})}},persisted=(0,import_pick.default)(store22.getState(),"layout","selectedPanel");return{api,state:merge_default(api.getInitialOptions(),persisted),init:()=>{provider.channel.on(SET_CONFIG,()=>{api.setOptions(merge_default(api.getInitialOptions(),persisted))})}}},shortcuts_exports={};__export2(shortcuts_exports,{controlOrMetaKey:()=>controlOrMetaKey2,defaultShortcuts:()=>defaultShortcuts,init:()=>init9,isMacLike:()=>isMacLike2,keys:()=>keys});var{navigator:navigator2}=scope,isMacLike=()=>navigator2&&navigator2.platform?!!navigator2.platform.match(/(Mac|iPhone|iPod|iPad)/i):!1,controlOrMetaSymbol=()=>isMacLike()?"\u2318":"ctrl",controlOrMetaKey=()=>isMacLike()?"meta":"control",optionOrAltSymbol=()=>isMacLike()?"\u2325":"alt",isShortcutTaken=(arr1,arr2)=>JSON.stringify(arr1)===JSON.stringify(arr2),eventToShortcut=e3=>{if(["Meta","Alt","Control","Shift"].includes(e3.key))return null;let keys2=[];if(e3.altKey&&keys2.push("alt"),e3.ctrlKey&&keys2.push("control"),e3.metaKey&&keys2.push("meta"),e3.shiftKey&&keys2.push("shift"),e3.key&&e3.key.length===1&&e3.key!==" "){let key2=e3.key.toUpperCase(),code=e3.code?.toUpperCase().replace("KEY","").replace("DIGIT","");code&&code.length===1&&code!==key2?keys2.push([key2,code]):keys2.push(key2)}return e3.key===" "&&keys2.push("space"),e3.key==="Escape"&&keys2.push("escape"),e3.key==="ArrowRight"&&keys2.push("ArrowRight"),e3.key==="ArrowDown"&&keys2.push("ArrowDown"),e3.key==="ArrowUp"&&keys2.push("ArrowUp"),e3.key==="ArrowLeft"&&keys2.push("ArrowLeft"),keys2.length>0?keys2:null},shortcutMatchesShortcut=(inputShortcut,shortcut)=>!inputShortcut||!shortcut||(inputShortcut.join("").startsWith("shift/")&&inputShortcut.shift(),inputShortcut.length!==shortcut.length)?!1:!inputShortcut.find((input,i3)=>Array.isArray(input)?!input.includes(shortcut[i3]):input!==shortcut[i3]),eventMatchesShortcut=(e3,shortcut)=>shortcutMatchesShortcut(eventToShortcut(e3),shortcut),keyToSymbol=key2=>key2==="alt"?optionOrAltSymbol():key2==="control"?"\u2303":key2==="meta"?"\u2318":key2==="shift"?"\u21E7\u200B":key2==="Enter"||key2==="Backspace"||key2==="Esc"||key2==="escape"?"":key2===" "?"SPACE":key2==="ArrowUp"?"\u2191":key2==="ArrowDown"?"\u2193":key2==="ArrowLeft"?"\u2190":key2==="ArrowRight"?"\u2192":key2.toUpperCase(),shortcutToHumanString=shortcut=>shortcut.map(keyToSymbol).join(" "),{navigator:navigator22,document:document23}=scope,isMacLike2=()=>navigator22&&navigator22.platform?!!navigator22.platform.match(/(Mac|iPhone|iPod|iPad)/i):!1,controlOrMetaKey2=()=>isMacLike2()?"meta":"control";function keys(o2){return Object.keys(o2)}var defaultShortcuts=Object.freeze({fullScreen:["F"],togglePanel:["A"],panelPosition:["D"],toggleNav:["S"],toolbar:["T"],search:["/"],focusNav:["1"],focusIframe:["2"],focusPanel:["3"],prevComponent:["alt","ArrowUp"],nextComponent:["alt","ArrowDown"],prevStory:["alt","ArrowLeft"],nextStory:["alt","ArrowRight"],shortcutsPage:[controlOrMetaKey2(),"shift",","],aboutPage:[","],escape:["escape"],collapseAll:[controlOrMetaKey2(),"shift","ArrowUp"],expandAll:[controlOrMetaKey2(),"shift","ArrowDown"],remount:["alt","R"]}),addonsShortcuts={};function focusInInput(event){let target=event.target;return/input|textarea/i.test(target.tagName)||target.getAttribute("contenteditable")!==null}var init9=({store:store22,fullAPI,provider})=>{let api={getShortcutKeys(){return store22.getState().shortcuts},getDefaultShortcuts(){return{...defaultShortcuts,...api.getAddonsShortcutDefaults()}},getAddonsShortcuts(){return addonsShortcuts},getAddonsShortcutLabels(){let labels={};return Object.entries(api.getAddonsShortcuts()).forEach(([actionName,{label}])=>{labels[actionName]=label}),labels},getAddonsShortcutDefaults(){let defaults={};return Object.entries(api.getAddonsShortcuts()).forEach(([actionName,{defaultShortcut}])=>{defaults[actionName]=defaultShortcut}),defaults},async setShortcuts(shortcuts){return await store22.setState({shortcuts},{persistence:"permanent"}),shortcuts},async restoreAllDefaultShortcuts(){return api.setShortcuts(api.getDefaultShortcuts())},async setShortcut(action,value2){let shortcuts=api.getShortcutKeys();return await api.setShortcuts({...shortcuts,[action]:value2}),value2},async setAddonShortcut(addon,shortcut){let shortcuts=api.getShortcutKeys();return await api.setShortcuts({...shortcuts,[`${addon}-${shortcut.actionName}`]:shortcut.defaultShortcut}),addonsShortcuts[`${addon}-${shortcut.actionName}`]=shortcut,shortcut},async restoreDefaultShortcut(action){let defaultShortcut=api.getDefaultShortcuts()[action];return api.setShortcut(action,defaultShortcut)},handleKeydownEvent(event){let shortcut=eventToShortcut(event),shortcuts=api.getShortcutKeys(),matchedFeature=keys(shortcuts).find(feature=>shortcutMatchesShortcut(shortcut,shortcuts[feature]));matchedFeature&&api.handleShortcutFeature(matchedFeature,event)},handleShortcutFeature(feature,event){let{ui:{enableShortcuts},storyId}=store22.getState();if(enableShortcuts)switch(event?.preventDefault&&event.preventDefault(),feature){case"escape":{fullAPI.getIsFullscreen()?fullAPI.toggleFullscreen(!1):fullAPI.getIsNavShown()&&fullAPI.toggleNav(!0);break}case"focusNav":{fullAPI.getIsFullscreen()&&fullAPI.toggleFullscreen(!1),fullAPI.getIsNavShown()||fullAPI.toggleNav(!0),fullAPI.focusOnUIElement(focusableUIElements.storyListMenu);break}case"search":{fullAPI.getIsFullscreen()&&fullAPI.toggleFullscreen(!1),fullAPI.getIsNavShown()||fullAPI.toggleNav(!0),setTimeout(()=>{fullAPI.focusOnUIElement(focusableUIElements.storySearchField,!0)},0);break}case"focusIframe":{let element=document23.getElementById("storybook-preview-iframe");if(element)try{element.contentWindow.focus()}catch{}break}case"focusPanel":{fullAPI.getIsFullscreen()&&fullAPI.toggleFullscreen(!1),fullAPI.getIsPanelShown()||fullAPI.togglePanel(!0),fullAPI.focusOnUIElement(focusableUIElements.storyPanelRoot);break}case"nextStory":{fullAPI.jumpToStory(1);break}case"prevStory":{fullAPI.jumpToStory(-1);break}case"nextComponent":{fullAPI.jumpToComponent(1);break}case"prevComponent":{fullAPI.jumpToComponent(-1);break}case"fullScreen":{fullAPI.toggleFullscreen();break}case"togglePanel":{fullAPI.togglePanel();break}case"toggleNav":{fullAPI.toggleNav();break}case"toolbar":{fullAPI.toggleToolbar();break}case"panelPosition":{fullAPI.getIsFullscreen()&&fullAPI.toggleFullscreen(!1),fullAPI.getIsPanelShown()||fullAPI.togglePanel(!0),fullAPI.togglePanelPosition();break}case"aboutPage":{fullAPI.navigate("/settings/about");break}case"shortcutsPage":{fullAPI.navigate("/settings/shortcuts");break}case"collapseAll":{fullAPI.collapseAll();break}case"expandAll":{fullAPI.expandAll();break}case"remount":{fullAPI.emit(FORCE_REMOUNT,{storyId});break}default:addonsShortcuts[feature].action();break}}},{shortcuts:persistedShortcuts=defaultShortcuts}=store22.getState(),state={shortcuts:keys(defaultShortcuts).reduce((acc,key2)=>({...acc,[key2]:persistedShortcuts[key2]||defaultShortcuts[key2]}),defaultShortcuts)};return{api,state,init:()=>{document23.addEventListener("keydown",event=>{focusInInput(event)||api.handleKeydownEvent(event)}),provider.channel.on(PREVIEW_KEYDOWN,data=>{api.handleKeydownEvent(data.event)})}}},url_exports={};__export2(url_exports,{init:()=>init10});var{window:globalWindow}=scope,parseBoolean=value2=>{if(value2==="true"||value2==="1")return!0;if(value2==="false"||value2==="0")return!1},prevParams,initialUrlSupport=({state:{location:location22,path,viewMode,storyId:storyIdFromUrl},singleStory})=>{let{full,panel,nav,shortcuts,addonPanel,tabs,path:queryPath,...otherParams}=queryFromLocation(location22),navSize,bottomPanelHeight,rightPanelWidth;parseBoolean(full)===!0?(navSize=0,bottomPanelHeight=0,rightPanelWidth=0):parseBoolean(full)===!1&&(navSize=defaultLayoutState.layout.navSize,bottomPanelHeight=defaultLayoutState.layout.bottomPanelHeight,rightPanelWidth=defaultLayoutState.layout.rightPanelWidth),singleStory||(parseBoolean(nav)===!0&&(navSize=defaultLayoutState.layout.navSize),parseBoolean(nav)===!1&&(navSize=0)),parseBoolean(panel)===!1&&(bottomPanelHeight=0,rightPanelWidth=0);let layout={navSize,bottomPanelHeight,rightPanelWidth,panelPosition:["right","bottom"].includes(panel)?panel:void 0,showTabs:parseBoolean(tabs)},ui={enableShortcuts:parseBoolean(shortcuts)},selectedPanel=addonPanel||void 0,storyId=storyIdFromUrl,customQueryParams=dequal2(prevParams,otherParams)?prevParams:otherParams;return prevParams=customQueryParams,{viewMode,layout,ui,selectedPanel,location:location22,path,customQueryParams,storyId}},init10=moduleArgs=>{let{store:store22,navigate,provider,fullAPI}=moduleArgs,navigateTo=(path,queryParams={},options3={})=>{let params=Object.entries(queryParams).filter(([,v2])=>v2).sort(([a2],[b3])=>a2<b3?-1:1).map(([k2,v2])=>`${k2}=${v2}`),to=[path,...params].join("&");return navigate(to,options3)},api={getQueryParam(key2){let{customQueryParams}=store22.getState();return customQueryParams?customQueryParams[key2]:void 0},getUrlState(){let{path,customQueryParams,storyId,url,viewMode}=store22.getState();return{path,queryParams:customQueryParams,storyId,url,viewMode}},setQueryParams(input){let{customQueryParams}=store22.getState(),queryParams={},update2={...customQueryParams,...Object.entries(input).reduce((acc,[key2,value2])=>(value2!==null&&(acc[key2]=value2),acc),queryParams)};dequal2(customQueryParams,update2)||(store22.setState({customQueryParams:update2}),provider.channel.emit(UPDATE_QUERY_PARAMS,update2))},navigateUrl(url,options3){navigate(url,{plain:!0,...options3})}},updateArgsParam=()=>{let{path,queryParams,viewMode}=api.getUrlState();if(viewMode!=="story")return;let currentStory=fullAPI.getCurrentStoryData();if(currentStory?.type!=="story")return;let{args:args2,initialArgs}=currentStory,argsString=buildArgsParam(initialArgs,args2);navigateTo(path,{...queryParams,args:argsString},{replace:!0}),api.setQueryParams({args:argsString})};provider.channel.on(SET_CURRENT_STORY,()=>updateArgsParam());let handleOrId;return provider.channel.on(STORY_ARGS_UPDATED,()=>{"requestIdleCallback"in globalWindow?(handleOrId&&globalWindow.cancelIdleCallback(handleOrId),handleOrId=globalWindow.requestIdleCallback(updateArgsParam,{timeout:1e3})):(handleOrId&&clearTimeout(handleOrId),setTimeout(updateArgsParam,100))}),provider.channel.on(GLOBALS_UPDATED,({globals,initialGlobals})=>{let{path,queryParams}=api.getUrlState(),globalsString=buildArgsParam(initialGlobals,globals);navigateTo(path,{...queryParams,globals:globalsString},{replace:!0}),api.setQueryParams({globals:globalsString})}),provider.channel.on(NAVIGATE_URL,(url,options3)=>{api.navigateUrl(url,options3)}),{api,state:initialUrlSupport(moduleArgs)}},versions_exports={};__export2(versions_exports,{init:()=>init11});var version="0.0.0-pr-24281-sha-534a6350",{VERSIONCHECK}=scope,getVersionCheckData=(0,import_memoizerific3.default)(1)(()=>{try{return{...JSON.parse(VERSIONCHECK).data||{}}}catch{return{}}}),init11=({store:store22})=>{let{dismissedVersionNotification}=store22.getState(),state={versions:{current:{version},...getVersionCheckData()},dismissedVersionNotification},api={getCurrentVersion:()=>{let{versions:{current}}=store22.getState();return current},getLatestVersion:()=>{let{versions:{latest,next,current}}=store22.getState();return current&&import_semver.default.prerelease(current.version)&&next?latest&&import_semver.default.gt(latest.version,next.version)?latest:next:latest},versionUpdateAvailable:()=>{let latest=api.getLatestVersion(),current=api.getCurrentVersion();if(latest){if(!latest.version||!current.version)return!0;let actualCurrent=import_semver.default.prerelease(current.version)?`${import_semver.default.major(current.version)}.${import_semver.default.minor(current.version)}.${import_semver.default.patch(current.version)}`:current.version,diff=import_semver.default.diff(actualCurrent,latest.version);return import_semver.default.gt(latest.version,actualCurrent)&&diff!=="patch"&&!diff.includes("pre")}return!1}};return{init:async()=>{let{versions={}}=store22.getState(),{latest,next}=getVersionCheckData();await store22.setState({versions:{...versions,latest,next}})},state,api}},whatsnew_exports={};__export2(whatsnew_exports,{init:()=>init12});var WHATS_NEW_NOTIFICATION_ID="whats-new",init12=({fullAPI,store:store22,provider})=>{let state={whatsNewData:void 0};function setWhatsNewState(newState){store22.setState({whatsNewData:newState}),state.whatsNewData=newState}let api={isWhatsNewUnread(){return state.whatsNewData?.status==="SUCCESS"&&!state.whatsNewData.postIsRead},whatsNewHasBeenRead(){state.whatsNewData?.status==="SUCCESS"&&(setWhatsNewCache({lastReadPost:state.whatsNewData.url}),setWhatsNewState({...state.whatsNewData,postIsRead:!0}),fullAPI.clearNotification(WHATS_NEW_NOTIFICATION_ID))},toggleWhatsNewNotifications(){state.whatsNewData?.status==="SUCCESS"&&(setWhatsNewState({...state.whatsNewData,disableWhatsNewNotifications:!state.whatsNewData.disableWhatsNewNotifications}),provider.channel.emit(TOGGLE_WHATS_NEW_NOTIFICATIONS,{disableWhatsNewNotifications:state.whatsNewData.disableWhatsNewNotifications}))}};function getLatestWhatsNewPost(){return provider.channel.emit(REQUEST_WHATS_NEW_DATA),new Promise(resolve=>provider.channel.once(RESULT_WHATS_NEW_DATA,({data})=>resolve(data)))}function setWhatsNewCache(cache){provider.channel.emit(SET_WHATS_NEW_CACHE,cache)}return{init:async()=>{if(scope.CONFIG_TYPE!=="DEVELOPMENT")return;let whatsNewData=await getLatestWhatsNewPost();setWhatsNewState(whatsNewData);let urlState=fullAPI.getUrlState();!(urlState?.path==="/onboarding"||urlState.queryParams?.onboarding==="true")&&whatsNewData.status==="SUCCESS"&&!whatsNewData.disableWhatsNewNotifications&&whatsNewData.showNotification&&fullAPI.addNotification({id:WHATS_NEW_NOTIFICATION_ID,link:"/settings/whats-new",content:{headline:whatsNewData.excerpt,subHeadline:"Click to learn what's new in Storybook"},icon:{name:"hearthollow"},onClear({dismissed}){dismissed&&setWhatsNewCache({lastDismissedPost:whatsNewData.url})}})},state,api}},globals_exports={};__export2(globals_exports,{init:()=>init13});var init13=({store:store22,fullAPI,provider})=>{let api={getGlobals(){return store22.getState().globals},getGlobalTypes(){return store22.getState().globalTypes},updateGlobals(newGlobals){provider.channel.emit(UPDATE_GLOBALS,{globals:newGlobals,options:{target:"storybook-preview-iframe"}})}},state={globals:{},globalTypes:{}},updateGlobals=globals=>{let currentGlobals=store22.getState()?.globals;dequal2(globals,currentGlobals)||store22.setState({globals})};return provider.channel.on(GLOBALS_UPDATED,function({globals}){let{ref}=getEventMetadata(this,fullAPI);ref?logger.warn("received a GLOBALS_UPDATED from a non-local ref. This is not currently supported."):updateGlobals(globals)}),provider.channel.on(SET_GLOBALS,function({globals,globalTypes}){let{ref}=getEventMetadata(this,fullAPI),currentGlobals=store22.getState()?.globals;ref?Object.keys(globals).length>0&&logger.warn("received globals from a non-local ref. This is not currently supported."):store22.setState({globals,globalTypes}),currentGlobals&&Object.keys(currentGlobals).length!==0&&!dequal2(globals,currentGlobals)&&api.updateGlobals(currentGlobals)}),{api,state}};function mockChannel(){let transport={setHandler:()=>{},send:()=>{}};return new Channel({transport})}var AddonStore=class{constructor(){this.loaders={},this.elements={},this.config={},this.getChannel=()=>(this.channel||this.setChannel(mockChannel()),this.channel),this.getServerChannel=()=>{if(!this.serverChannel)throw new Error("Accessing non-existent serverChannel");return this.serverChannel},this.ready=()=>this.promise,this.hasChannel=()=>!!this.channel,this.hasServerChannel=()=>!!this.serverChannel,this.setChannel=channel=>{this.channel=channel,this.resolve()},this.setServerChannel=channel=>{this.serverChannel=channel},this.addPanel=(id,options3)=>{this.add(id,{type:Addon_TypesEnum.PANEL,...options3})},this.setConfig=value2=>{Object.assign(this.config,value2),this.hasChannel()?this.getChannel().emit(SET_CONFIG,this.config):this.ready().then(channel=>{channel.emit(SET_CONFIG,this.config)})},this.getConfig=()=>this.config,this.register=(id,callback)=>{this.loaders[id]&&logger.warn(`${id} was loaded twice, this could have bad side-effects`),this.loaders[id]=callback},this.loadAddons=api=>{Object.values(this.loaders).forEach(value2=>value2(api))},this.promise=new Promise(res=>{this.resolve=()=>res(this.getChannel())})}getElements(type){return this.elements[type]||(this.elements[type]={}),this.elements[type]}add(id,addon){let{type}=addon,collection=this.getElements(type);collection[id]={id,...addon}}},KEY2="__STORYBOOK_ADDONS_MANAGER";function getAddonsStore(){return scope[KEY2]||(scope[KEY2]=new AddonStore),scope[KEY2]}var addons=getAddonsStore(),{ActiveTabs:ActiveTabs2}=layout_exports,ManagerContext=createContext2({api:void 0,state:initial_state_default({})}),combineParameters=(...parameterSets)=>(0,import_mergeWith.default)({},...parameterSets,(objValue,srcValue)=>{if(Array.isArray(srcValue))return srcValue}),ManagerProvider=class extends import_react2.Component{constructor(props){super(props),this.api={},this.initModules=()=>{this.modules.forEach(module=>{"init"in module&&module.init()})};let{location:location22,path,refId,viewMode=props.docsOptions.docsMode?"docs":props.viewMode,singleStory,storyId,docsOptions,navigate}=props,store22=new Store({getState:()=>this.state,setState:(stateChange,callback)=>this.setState(stateChange,callback)}),routeData={location:location22,path,viewMode,singleStory,storyId,refId},optionsData={docsOptions};this.state=store22.getInitialState(initial_state_default({...routeData,...optionsData}));let apiData={navigate,store:store22,provider:props.provider};this.modules=[provider_exports,channel_exports,addons_exports,layout_exports,notifications_exports,settings_exports,shortcuts_exports,stories_exports,refs_exports,globals_exports,url_exports,versions_exports,whatsnew_exports].map(m3=>m3.init({...routeData,...optionsData,...apiData,state:this.state,fullAPI:this.api}));let state=initial_state_default(this.state,...this.modules.map(m3=>m3.state)),api=Object.assign(this.api,{navigate},...this.modules.map(m3=>m3.api));this.state=state,this.api=api}static getDerivedStateFromProps(props,state){return state.path!==props.path?{...state,location:props.location,path:props.path,refId:props.refId,viewMode:props.viewMode,storyId:props.storyId}:null}shouldComponentUpdate(nextProps,nextState){let prevState=this.state,prevProps=this.props;return prevState!==nextState||prevProps.path!==nextProps.path}render(){let{children}=this.props,value2={state:this.state,api:this.api};return import_react2.default.createElement(EffectOnMount,{effect:this.initModules},import_react2.default.createElement(ManagerContext.Provider,{value:value2},import_react2.default.createElement(ManagerConsumer,null,children)))}};ManagerProvider.displayName="Manager";var EffectOnMount=({children,effect})=>(import_react2.default.useEffect(effect,[]),children),defaultFilter=c3=>c3;function ManagerConsumer({filter=defaultFilter,children}){let managerContext=(0,import_react2.useContext)(ManagerContext),renderer=(0,import_react2.useRef)(children),filterer=(0,import_react2.useRef)(filter);if(typeof renderer.current!="function")return import_react2.default.createElement(import_react2.Fragment,null,renderer.current);let comboData=filterer.current(managerContext),comboDataArray=(0,import_react2.useMemo)(()=>[...Object.entries(comboData).reduce((acc,keyval)=>acc.concat(keyval),[])],[managerContext.state]);return(0,import_react2.useMemo)(()=>{let Child=renderer.current;return import_react2.default.createElement(Child,{...comboData})},comboDataArray)}function useStorybookState(){let{state}=(0,import_react2.useContext)(ManagerContext);return{...state,get storiesHash(){return deprecate("state.storiesHash is deprecated, please use state.index"),this.index||{}},get storiesConfigured(){return deprecate("state.storiesConfigured is deprecated, please use state.previewInitialized"),this.previewInitialized},get storiesFailed(){return deprecate("state.storiesFailed is deprecated, please use state.indexError"),this.indexError}}}function useStorybookApi(){let{api}=(0,import_react2.useContext)(ManagerContext);return api}function orDefault(fromStore,defaultState){return typeof fromStore>"u"?defaultState:fromStore}var useChannel=(eventMap,deps=[])=>{let api=useStorybookApi();return(0,import_react2.useEffect)(()=>(Object.entries(eventMap).forEach(([type,listener])=>api.on(type,listener)),()=>{Object.entries(eventMap).forEach(([type,listener])=>api.off(type,listener))}),deps),api.emit};function useStoryPrepared(storyId){return useStorybookApi().isPrepared(storyId)}function useParameter(parameterKey,defaultValue){let result2=useStorybookApi().getCurrentParameter(parameterKey);return orDefault(result2,defaultValue)}globalThis.STORYBOOK_ADDON_STATE={};var{STORYBOOK_ADDON_STATE}=globalThis;function useSharedState(stateId,defaultState){let api=useStorybookApi(),existingState=api.getAddonState(stateId)||STORYBOOK_ADDON_STATE[stateId],state=orDefault(existingState,STORYBOOK_ADDON_STATE[stateId]?STORYBOOK_ADDON_STATE[stateId]:defaultState),quicksync=!1;state===defaultState&&defaultState!==void 0&&(STORYBOOK_ADDON_STATE[stateId]=defaultState,quicksync=!0),(0,import_react2.useEffect)(()=>{quicksync&&api.setAddonState(stateId,defaultState)},[quicksync]);let setState=async(s2,options3)=>{let result2=await api.setAddonState(stateId,s2,options3);return STORYBOOK_ADDON_STATE[stateId]=result2,result2},allListeners=(0,import_react2.useMemo)(()=>{let stateChangeHandlers={[`${SHARED_STATE_CHANGED}-client-${stateId}`]:setState,[`${SHARED_STATE_SET}-client-${stateId}`]:setState},stateInitializationHandlers={[SET_STORIES]:async()=>{let currentState=api.getAddonState(stateId);currentState?(STORYBOOK_ADDON_STATE[stateId]=currentState,api.emit(`${SHARED_STATE_SET}-manager-${stateId}`,currentState)):STORYBOOK_ADDON_STATE[stateId]?(await setState(STORYBOOK_ADDON_STATE[stateId]),api.emit(`${SHARED_STATE_SET}-manager-${stateId}`,STORYBOOK_ADDON_STATE[stateId])):defaultState!==void 0&&(await setState(defaultState),STORYBOOK_ADDON_STATE[stateId]=defaultState,api.emit(`${SHARED_STATE_SET}-manager-${stateId}`,defaultState))},[STORY_CHANGED]:()=>{let currentState=api.getAddonState(stateId);currentState!==void 0&&api.emit(`${SHARED_STATE_SET}-manager-${stateId}`,currentState)}};return{...stateChangeHandlers,...stateInitializationHandlers}},[stateId]),emit=useChannel(allListeners);return[state,async(newStateOrMerger,options3)=>{let result2=await setState(newStateOrMerger,options3);emit(`${SHARED_STATE_CHANGED}-manager-${stateId}`,result2)}]}function useAddonState(addonId,defaultState){return useSharedState(addonId,defaultState)}function useArgs(){let{getCurrentStoryData,updateStoryArgs,resetStoryArgs}=useStorybookApi(),data=getCurrentStoryData(),args2=data?.type==="story"?data.args:{},updateArgs=(0,import_react2.useCallback)(newArgs=>updateStoryArgs(data,newArgs),[data,updateStoryArgs]),resetArgs=(0,import_react2.useCallback)(argNames=>resetStoryArgs(data,argNames),[data,resetStoryArgs]);return[args2,updateArgs,resetArgs]}function useGlobals(){let api=useStorybookApi();return[api.getGlobals(),api.updateGlobals]}function useGlobalTypes(){return useStorybookApi().getGlobalTypes()}function useCurrentStory(){let{getCurrentStoryData}=useStorybookApi();return getCurrentStoryData()}function useArgTypes(){let current=useCurrentStory();return current?.type==="story"&&current.argTypes||{}}var StorybookError=class extends Error{constructor(){super(...arguments),this.data={},this.documentation=!1,this.fromStorybook=!0}get name(){let paddedCode=String(this.code).padStart(4,"0");return`SB_${this.category}_${paddedCode}`}get message(){let page;return this.documentation===!0?page=`https://storybook.js.org/error/${this.name}`:typeof this.documentation=="string"?page=this.documentation:Array.isArray(this.documentation)&&(page=`
 ${this.documentation.map(doc=>`	- ${doc}`).join(`
 `)}`),this.template()+(page!=null?`
 
 More info: ${page}
-`:"")}};var Category=(Category2=>(Category2.MANAGER_UNCAUGHT="MANAGER_UNCAUGHT",Category2.MANAGER_UI="MANAGER_UI",Category2.MANAGER_API="MANAGER_API",Category2.MANAGER_CLIENT_LOGGER="MANAGER_CLIENT-LOGGER",Category2.MANAGER_CHANNELS="MANAGER_CHANNELS",Category2.MANAGER_CORE_EVENTS="MANAGER_CORE-EVENTS",Category2.MANAGER_ROUTER="MANAGER_ROUTER",Category2.MANAGER_THEMING="MANAGER_THEMING",Category2))(Category||{}),ProviderDoesNotExtendBaseProviderError=class extends StorybookError{constructor(){super(...arguments),this.category="MANAGER_UI",this.code=1}template(){return"The Provider passed into Storybook's UI is not extended from the base Provider. Please check your Provider implementation."}},UncaughtManagerError=class extends StorybookError{constructor(data){super(data.error.message),this.data=data,this.category="MANAGER_UNCAUGHT",this.code=1,this.stack=data.error.stack}template(){return this.message}};var import_react3=__toESM(require_react()),import_prop_types=__toESM(require_prop_types()),import_react_fast_compare=__toESM(require_react_fast_compare()),import_invariant=__toESM(require_browser()),import_shallowequal=__toESM(require_shallowequal());function a(){return a=Object.assign||function(t3){for(var e3=1;e3<arguments.length;e3++){var r3=arguments[e3];for(var n3 in r3)Object.prototype.hasOwnProperty.call(r3,n3)&&(t3[n3]=r3[n3])}return t3},a.apply(this,arguments)}function s(t3,e3){t3.prototype=Object.create(e3.prototype),t3.prototype.constructor=t3,c2(t3,e3)}function c2(t3,e3){return c2=Object.setPrototypeOf||function(t4,e4){return t4.__proto__=e4,t4},c2(t3,e3)}function u(t3,e3){if(t3==null)return{};var r3,n3,i3={},o2=Object.keys(t3);for(n3=0;n3<o2.length;n3++)e3.indexOf(r3=o2[n3])>=0||(i3[r3]=t3[r3]);return i3}var l={BASE:"base",BODY:"body",HEAD:"head",HTML:"html",LINK:"link",META:"meta",NOSCRIPT:"noscript",SCRIPT:"script",STYLE:"style",TITLE:"title",FRAGMENT:"Symbol(react.fragment)"},p={rel:["amphtml","canonical","alternate"]},f2={type:["application/ld+json"]},d={charset:"",name:["robots","description"],property:["og:type","og:title","og:url","og:image","og:image:alt","og:description","twitter:url","twitter:title","twitter:description","twitter:image","twitter:image:alt","twitter:card","twitter:site"]},h2=Object.keys(l).map(function(t3){return l[t3]}),m2={accesskey:"accessKey",charset:"charSet",class:"className",contenteditable:"contentEditable",contextmenu:"contextMenu","http-equiv":"httpEquiv",itemprop:"itemProp",tabindex:"tabIndex"},y=Object.keys(m2).reduce(function(t3,e3){return t3[m2[e3]]=e3,t3},{}),T=function(t3,e3){for(var r3=t3.length-1;r3>=0;r3-=1){var n3=t3[r3];if(Object.prototype.hasOwnProperty.call(n3,e3))return n3[e3]}return null},g=function(t3){var e3=T(t3,l.TITLE),r3=T(t3,"titleTemplate");if(Array.isArray(e3)&&(e3=e3.join("")),r3&&e3)return r3.replace(/%s/g,function(){return e3});var n3=T(t3,"defaultTitle");return e3||n3||void 0},b2=function(t3){return T(t3,"onChangeClientState")||function(){}},v=function(t3,e3){return e3.filter(function(e4){return e4[t3]!==void 0}).map(function(e4){return e4[t3]}).reduce(function(t4,e4){return a({},t4,e4)},{})},A=function(t3,e3){return e3.filter(function(t4){return t4[l.BASE]!==void 0}).map(function(t4){return t4[l.BASE]}).reverse().reduce(function(e4,r3){if(!e4.length)for(var n3=Object.keys(r3),i3=0;i3<n3.length;i3+=1){var o2=n3[i3].toLowerCase();if(t3.indexOf(o2)!==-1&&r3[o2])return e4.concat(r3)}return e4},[])},C2=function(t3,e3,r3){var n3={};return r3.filter(function(e4){return!!Array.isArray(e4[t3])||(e4[t3]!==void 0&&console&&typeof console.warn=="function"&&console.warn("Helmet: "+t3+' should be of type "Array". Instead found type "'+typeof e4[t3]+'"'),!1)}).map(function(e4){return e4[t3]}).reverse().reduce(function(t4,r4){var i3={};r4.filter(function(t5){for(var r5,o3=Object.keys(t5),a2=0;a2<o3.length;a2+=1){var s3=o3[a2],c4=s3.toLowerCase();e3.indexOf(c4)===-1||r5==="rel"&&t5[r5].toLowerCase()==="canonical"||c4==="rel"&&t5[c4].toLowerCase()==="stylesheet"||(r5=c4),e3.indexOf(s3)===-1||s3!=="innerHTML"&&s3!=="cssText"&&s3!=="itemprop"||(r5=s3)}if(!r5||!t5[r5])return!1;var u3=t5[r5].toLowerCase();return n3[r5]||(n3[r5]={}),i3[r5]||(i3[r5]={}),!n3[r5][u3]&&(i3[r5][u3]=!0,!0)}).reverse().forEach(function(e4){return t4.push(e4)});for(var o2=Object.keys(i3),s2=0;s2<o2.length;s2+=1){var c3=o2[s2],u2=a({},n3[c3],i3[c3]);n3[c3]=u2}return t4},[]).reverse()},O=function(t3,e3){if(Array.isArray(t3)&&t3.length){for(var r3=0;r3<t3.length;r3+=1)if(t3[r3][e3])return!0}return!1},S=function(t3){return Array.isArray(t3)?t3.join(""):t3},E2=function(t3,e3){return Array.isArray(t3)?t3.reduce(function(t4,r3){return function(t5,e4){for(var r4=Object.keys(t5),n3=0;n3<r4.length;n3+=1)if(e4[r4[n3]]&&e4[r4[n3]].includes(t5[r4[n3]]))return!0;return!1}(r3,e3)?t4.priority.push(r3):t4.default.push(r3),t4},{priority:[],default:[]}):{default:t3}},I2=function(t3,e3){var r3;return a({},t3,((r3={})[e3]=void 0,r3))},P2=[l.NOSCRIPT,l.SCRIPT,l.STYLE],w2=function(t3,e3){return e3===void 0&&(e3=!0),e3===!1?String(t3):String(t3).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")},x2=function(t3){return Object.keys(t3).reduce(function(e3,r3){var n3=t3[r3]!==void 0?r3+'="'+t3[r3]+'"':""+r3;return e3?e3+" "+n3:n3},"")},L2=function(t3,e3){return e3===void 0&&(e3={}),Object.keys(t3).reduce(function(e4,r3){return e4[m2[r3]||r3]=t3[r3],e4},e3)},j=function(e3,r3){return r3.map(function(r4,n3){var i3,o2=((i3={key:n3})["data-rh"]=!0,i3);return Object.keys(r4).forEach(function(t3){var e4=m2[t3]||t3;e4==="innerHTML"||e4==="cssText"?o2.dangerouslySetInnerHTML={__html:r4.innerHTML||r4.cssText}:o2[e4]=r4[t3]}),import_react3.default.createElement(e3,o2)})},M=function(e3,r3,n3){switch(e3){case l.TITLE:return{toComponent:function(){return n4=r3.titleAttributes,(i3={key:e4=r3.title})["data-rh"]=!0,o2=L2(n4,i3),[import_react3.default.createElement(l.TITLE,o2,e4)];var e4,n4,i3,o2},toString:function(){return function(t3,e4,r4,n4){var i3=x2(r4),o2=S(e4);return i3?"<"+t3+' data-rh="true" '+i3+">"+w2(o2,n4)+"</"+t3+">":"<"+t3+' data-rh="true">'+w2(o2,n4)+"</"+t3+">"}(e3,r3.title,r3.titleAttributes,n3)}};case"bodyAttributes":case"htmlAttributes":return{toComponent:function(){return L2(r3)},toString:function(){return x2(r3)}};default:return{toComponent:function(){return j(e3,r3)},toString:function(){return function(t3,e4,r4){return e4.reduce(function(e5,n4){var i3=Object.keys(n4).filter(function(t4){return!(t4==="innerHTML"||t4==="cssText")}).reduce(function(t4,e6){var i4=n4[e6]===void 0?e6:e6+'="'+w2(n4[e6],r4)+'"';return t4?t4+" "+i4:i4},""),o2=n4.innerHTML||n4.cssText||"",a2=P2.indexOf(t3)===-1;return e5+"<"+t3+' data-rh="true" '+i3+(a2?"/>":">"+o2+"</"+t3+">")},"")}(e3,r3,n3)}}}},k=function(t3){var e3=t3.baseTag,r3=t3.bodyAttributes,n3=t3.encode,i3=t3.htmlAttributes,o2=t3.noscriptTags,a2=t3.styleTags,s2=t3.title,c3=s2===void 0?"":s2,u2=t3.titleAttributes,h3=t3.linkTags,m3=t3.metaTags,y2=t3.scriptTags,T2={toComponent:function(){},toString:function(){return""}};if(t3.prioritizeSeoTags){var g2=function(t4){var e4=t4.linkTags,r4=t4.scriptTags,n4=t4.encode,i4=E2(t4.metaTags,d),o3=E2(e4,p),a3=E2(r4,f2);return{priorityMethods:{toComponent:function(){return[].concat(j(l.META,i4.priority),j(l.LINK,o3.priority),j(l.SCRIPT,a3.priority))},toString:function(){return M(l.META,i4.priority,n4)+" "+M(l.LINK,o3.priority,n4)+" "+M(l.SCRIPT,a3.priority,n4)}},metaTags:i4.default,linkTags:o3.default,scriptTags:a3.default}}(t3);T2=g2.priorityMethods,h3=g2.linkTags,m3=g2.metaTags,y2=g2.scriptTags}return{priority:T2,base:M(l.BASE,e3,n3),bodyAttributes:M("bodyAttributes",r3,n3),htmlAttributes:M("htmlAttributes",i3,n3),link:M(l.LINK,h3,n3),meta:M(l.META,m3,n3),noscript:M(l.NOSCRIPT,o2,n3),script:M(l.SCRIPT,y2,n3),style:M(l.STYLE,a2,n3),title:M(l.TITLE,{title:c3,titleAttributes:u2},n3)}},H=[],N2=function(t3,e3){var r3=this;e3===void 0&&(e3=typeof document<"u"),this.instances=[],this.value={setHelmet:function(t4){r3.context.helmet=t4},helmetInstances:{get:function(){return r3.canUseDOM?H:r3.instances},add:function(t4){(r3.canUseDOM?H:r3.instances).push(t4)},remove:function(t4){var e4=(r3.canUseDOM?H:r3.instances).indexOf(t4);(r3.canUseDOM?H:r3.instances).splice(e4,1)}}},this.context=t3,this.canUseDOM=e3,e3||(t3.helmet=k({baseTag:[],bodyAttributes:{},encodeSpecialCharacters:!0,htmlAttributes:{},linkTags:[],metaTags:[],noscriptTags:[],scriptTags:[],styleTags:[],title:"",titleAttributes:{}}))},R2=import_react3.default.createContext({}),D=import_prop_types.default.shape({setHelmet:import_prop_types.default.func,helmetInstances:import_prop_types.default.shape({get:import_prop_types.default.func,add:import_prop_types.default.func,remove:import_prop_types.default.func})}),U=typeof document<"u",q=function(e3){function r3(t3){var n3;return(n3=e3.call(this,t3)||this).helmetData=new N2(n3.props.context,r3.canUseDOM),n3}return s(r3,e3),r3.prototype.render=function(){return import_react3.default.createElement(R2.Provider,{value:this.helmetData.value},this.props.children)},r3}(import_react3.Component);q.canUseDOM=U,q.propTypes={context:import_prop_types.default.shape({helmet:import_prop_types.default.shape()}),children:import_prop_types.default.node.isRequired},q.defaultProps={context:{}},q.displayName="HelmetProvider";var Y=function(t3,e3){var r3,n3=document.head||document.querySelector(l.HEAD),i3=n3.querySelectorAll(t3+"[data-rh]"),o2=[].slice.call(i3),a2=[];return e3&&e3.length&&e3.forEach(function(e4){var n4=document.createElement(t3);for(var i4 in e4)Object.prototype.hasOwnProperty.call(e4,i4)&&(i4==="innerHTML"?n4.innerHTML=e4.innerHTML:i4==="cssText"?n4.styleSheet?n4.styleSheet.cssText=e4.cssText:n4.appendChild(document.createTextNode(e4.cssText)):n4.setAttribute(i4,e4[i4]===void 0?"":e4[i4]));n4.setAttribute("data-rh","true"),o2.some(function(t4,e5){return r3=e5,n4.isEqualNode(t4)})?o2.splice(r3,1):a2.push(n4)}),o2.forEach(function(t4){return t4.parentNode.removeChild(t4)}),a2.forEach(function(t4){return n3.appendChild(t4)}),{oldTags:o2,newTags:a2}},B2=function(t3,e3){var r3=document.getElementsByTagName(t3)[0];if(r3){for(var n3=r3.getAttribute("data-rh"),i3=n3?n3.split(","):[],o2=[].concat(i3),a2=Object.keys(e3),s2=0;s2<a2.length;s2+=1){var c3=a2[s2],u2=e3[c3]||"";r3.getAttribute(c3)!==u2&&r3.setAttribute(c3,u2),i3.indexOf(c3)===-1&&i3.push(c3);var l2=o2.indexOf(c3);l2!==-1&&o2.splice(l2,1)}for(var p2=o2.length-1;p2>=0;p2-=1)r3.removeAttribute(o2[p2]);i3.length===o2.length?r3.removeAttribute("data-rh"):r3.getAttribute("data-rh")!==a2.join(",")&&r3.setAttribute("data-rh",a2.join(","))}},K=function(t3,e3){var r3=t3.baseTag,n3=t3.htmlAttributes,i3=t3.linkTags,o2=t3.metaTags,a2=t3.noscriptTags,s2=t3.onChangeClientState,c3=t3.scriptTags,u2=t3.styleTags,p2=t3.title,f3=t3.titleAttributes;B2(l.BODY,t3.bodyAttributes),B2(l.HTML,n3),function(t4,e4){t4!==void 0&&document.title!==t4&&(document.title=S(t4)),B2(l.TITLE,e4)}(p2,f3);var d2={baseTag:Y(l.BASE,r3),linkTags:Y(l.LINK,i3),metaTags:Y(l.META,o2),noscriptTags:Y(l.NOSCRIPT,a2),scriptTags:Y(l.SCRIPT,c3),styleTags:Y(l.STYLE,u2)},h3={},m3={};Object.keys(d2).forEach(function(t4){var e4=d2[t4],r4=e4.newTags,n4=e4.oldTags;r4.length&&(h3[t4]=r4),n4.length&&(m3[t4]=d2[t4].oldTags)}),e3&&e3(),s2(t3,h3,m3)},_=null,z=function(t3){function e3(){for(var e4,r4=arguments.length,n3=new Array(r4),i3=0;i3<r4;i3++)n3[i3]=arguments[i3];return(e4=t3.call.apply(t3,[this].concat(n3))||this).rendered=!1,e4}s(e3,t3);var r3=e3.prototype;return r3.shouldComponentUpdate=function(t4){return!(0,import_shallowequal.default)(t4,this.props)},r3.componentDidUpdate=function(){this.emitChange()},r3.componentWillUnmount=function(){this.props.context.helmetInstances.remove(this),this.emitChange()},r3.emitChange=function(){var t4,e4,r4=this.props.context,n3=r4.setHelmet,i3=null,o2=(t4=r4.helmetInstances.get().map(function(t5){var e5=a({},t5.props);return delete e5.context,e5}),{baseTag:A(["href"],t4),bodyAttributes:v("bodyAttributes",t4),defer:T(t4,"defer"),encode:T(t4,"encodeSpecialCharacters"),htmlAttributes:v("htmlAttributes",t4),linkTags:C2(l.LINK,["rel","href"],t4),metaTags:C2(l.META,["name","charset","http-equiv","property","itemprop"],t4),noscriptTags:C2(l.NOSCRIPT,["innerHTML"],t4),onChangeClientState:b2(t4),scriptTags:C2(l.SCRIPT,["src","innerHTML"],t4),styleTags:C2(l.STYLE,["cssText"],t4),title:g(t4),titleAttributes:v("titleAttributes",t4),prioritizeSeoTags:O(t4,"prioritizeSeoTags")});q.canUseDOM?(e4=o2,_&&cancelAnimationFrame(_),e4.defer?_=requestAnimationFrame(function(){K(e4,function(){_=null})}):(K(e4),_=null)):k&&(i3=k(o2)),n3(i3)},r3.init=function(){this.rendered||(this.rendered=!0,this.props.context.helmetInstances.add(this),this.emitChange())},r3.render=function(){return this.init(),null},e3}(import_react3.Component);z.propTypes={context:D.isRequired},z.displayName="HelmetDispatcher";var F=["children"],G=["children"],W=function(e3){function r3(){return e3.apply(this,arguments)||this}s(r3,e3);var o2=r3.prototype;return o2.shouldComponentUpdate=function(t3){return!(0,import_react_fast_compare.default)(I2(this.props,"helmetData"),I2(t3,"helmetData"))},o2.mapNestedChildrenToProps=function(t3,e4){if(!e4)return null;switch(t3.type){case l.SCRIPT:case l.NOSCRIPT:return{innerHTML:e4};case l.STYLE:return{cssText:e4};default:throw new Error("<"+t3.type+" /> elements are self-closing and can not contain children. Refer to our API for more information.")}},o2.flattenArrayTypeChildren=function(t3){var e4,r4=t3.child,n3=t3.arrayTypeChildren;return a({},n3,((e4={})[r4.type]=[].concat(n3[r4.type]||[],[a({},t3.newChildProps,this.mapNestedChildrenToProps(r4,t3.nestedChildren))]),e4))},o2.mapObjectTypeChildren=function(t3){var e4,r4,n3=t3.child,i3=t3.newProps,o3=t3.newChildProps,s2=t3.nestedChildren;switch(n3.type){case l.TITLE:return a({},i3,((e4={})[n3.type]=s2,e4.titleAttributes=a({},o3),e4));case l.BODY:return a({},i3,{bodyAttributes:a({},o3)});case l.HTML:return a({},i3,{htmlAttributes:a({},o3)});default:return a({},i3,((r4={})[n3.type]=a({},o3),r4))}},o2.mapArrayTypeChildrenToProps=function(t3,e4){var r4=a({},e4);return Object.keys(t3).forEach(function(e5){var n3;r4=a({},r4,((n3={})[e5]=t3[e5],n3))}),r4},o2.warnOnInvalidChildren=function(t3,e4){return(0,import_invariant.default)(h2.some(function(e5){return t3.type===e5}),typeof t3.type=="function"?"You may be attempting to nest <Helmet> components within each other, which is not allowed. Refer to our API for more information.":"Only elements types "+h2.join(", ")+" are allowed. Helmet does not support rendering <"+t3.type+"> elements. Refer to our API for more information."),(0,import_invariant.default)(!e4||typeof e4=="string"||Array.isArray(e4)&&!e4.some(function(t4){return typeof t4!="string"}),"Helmet expects a string as a child of <"+t3.type+">. Did you forget to wrap your children in braces? ( <"+t3.type+">{``}</"+t3.type+"> ) Refer to our API for more information."),!0},o2.mapChildrenToProps=function(e4,r4){var n3=this,i3={};return import_react3.default.Children.forEach(e4,function(t3){if(t3&&t3.props){var e5=t3.props,o3=e5.children,a2=u(e5,F),s2=Object.keys(a2).reduce(function(t4,e6){return t4[y[e6]||e6]=a2[e6],t4},{}),c3=t3.type;switch(typeof c3=="symbol"?c3=c3.toString():n3.warnOnInvalidChildren(t3,o3),c3){case l.FRAGMENT:r4=n3.mapChildrenToProps(o3,r4);break;case l.LINK:case l.META:case l.NOSCRIPT:case l.SCRIPT:case l.STYLE:i3=n3.flattenArrayTypeChildren({child:t3,arrayTypeChildren:i3,newChildProps:s2,nestedChildren:o3});break;default:r4=n3.mapObjectTypeChildren({child:t3,newProps:r4,newChildProps:s2,nestedChildren:o3})}}}),this.mapArrayTypeChildrenToProps(i3,r4)},o2.render=function(){var e4=this.props,r4=e4.children,n3=u(e4,G),i3=a({},n3),o3=n3.helmetData;return r4&&(i3=this.mapChildrenToProps(r4,i3)),!o3||o3 instanceof N2||(o3=new N2(o3.context,o3.instances)),o3?import_react3.default.createElement(z,a({},i3,{context:o3.value,helmetData:void 0})):import_react3.default.createElement(R2.Consumer,null,function(e5){return import_react3.default.createElement(z,a({},i3,{context:e5}))})},r3}(import_react3.Component);W.propTypes={base:import_prop_types.default.object,bodyAttributes:import_prop_types.default.object,children:import_prop_types.default.oneOfType([import_prop_types.default.arrayOf(import_prop_types.default.node),import_prop_types.default.node]),defaultTitle:import_prop_types.default.string,defer:import_prop_types.default.bool,encodeSpecialCharacters:import_prop_types.default.bool,htmlAttributes:import_prop_types.default.object,link:import_prop_types.default.arrayOf(import_prop_types.default.object),meta:import_prop_types.default.arrayOf(import_prop_types.default.object),noscript:import_prop_types.default.arrayOf(import_prop_types.default.object),onChangeClientState:import_prop_types.default.func,script:import_prop_types.default.arrayOf(import_prop_types.default.object),style:import_prop_types.default.arrayOf(import_prop_types.default.object),title:import_prop_types.default.string,titleAttributes:import_prop_types.default.object,titleTemplate:import_prop_types.default.string,prioritizeSeoTags:import_prop_types.default.bool,helmetData:import_prop_types.default.object},W.defaultProps={defer:!0,encodeSpecialCharacters:!0,prioritizeSeoTags:!1},W.displayName="Helmet";var import_react52=__toESM(require_react());var dist_exports5={};__export(dist_exports5,{A:()=>A2,ActionBar:()=>ActionBar,AddonPanel:()=>AddonPanel,Badge:()=>Badge,Bar:()=>Bar,Blockquote:()=>Blockquote,Button:()=>Button,ClipboardCode:()=>ClipboardCode,Code:()=>Code,DL:()=>DL,Div:()=>Div,DocumentWrapper:()=>DocumentWrapper,ErrorFormatter:()=>ErrorFormatter,FlexBar:()=>FlexBar,Form:()=>Form,H1:()=>H1,H2:()=>H2,H3:()=>H3,H4:()=>H4,H5:()=>H5,H6:()=>H6,HR:()=>HR,IconButton:()=>IconButton,IconButtonSkeleton:()=>IconButtonSkeleton,Icons:()=>Icons,Img:()=>Img,LI:()=>LI,Link:()=>Link22,ListItem:()=>ListItem_default,Loader:()=>Loader,OL:()=>OL,P:()=>P3,Placeholder:()=>Placeholder,Pre:()=>Pre,ResetWrapper:()=>ResetWrapper,ScrollArea:()=>ScrollArea,Separator:()=>Separator,Spaced:()=>Spaced,Span:()=>Span,StorybookIcon:()=>StorybookIcon,StorybookLogo:()=>StorybookLogo,Symbols:()=>Symbols,SyntaxHighlighter:()=>SyntaxHighlighter22,TT:()=>TT,TabBar:()=>TabBar,TabButton:()=>TabButton,TabWrapper:()=>TabWrapper,Table:()=>Table,Tabs:()=>Tabs,TabsState:()=>TabsState,TooltipLinkList:()=>TooltipLinkList,TooltipMessage:()=>TooltipMessage,TooltipNote:()=>TooltipNote,UL:()=>UL,WithTooltip:()=>WithTooltip,WithTooltipPure:()=>WithTooltipPure,Zoom:()=>Zoom,codeCommon:()=>codeCommon,components:()=>components2,createCopyToClipboardFunction:()=>createCopyToClipboardFunction,getStoryHref:()=>getStoryHref,icons:()=>icons,interleaveSeparators:()=>interleaveSeparators,nameSpaceClassNames:()=>nameSpaceClassNames,resetComponents:()=>resetComponents,withReset:()=>withReset});var React5=__toESM(require_react(),1),import_react5=__toESM(require_react(),1);var import_react4=__toESM(require_react());function useResolvedElement(subscriber,refOrElement){var lastReportRef=(0,import_react4.useRef)(null),refOrElementRef=(0,import_react4.useRef)(null);refOrElementRef.current=refOrElement;var cbElementRef=(0,import_react4.useRef)(null);(0,import_react4.useEffect)(function(){evaluateSubscription()});var evaluateSubscription=(0,import_react4.useCallback)(function(){var cbElement=cbElementRef.current,refOrElement2=refOrElementRef.current,element=cbElement||(refOrElement2?refOrElement2 instanceof Element?refOrElement2:refOrElement2.current:null);lastReportRef.current&&lastReportRef.current.element===element&&lastReportRef.current.subscriber===subscriber||(lastReportRef.current&&lastReportRef.current.cleanup&&lastReportRef.current.cleanup(),lastReportRef.current={element,subscriber,cleanup:element?subscriber(element):void 0})},[subscriber]);return(0,import_react4.useEffect)(function(){return function(){lastReportRef.current&&lastReportRef.current.cleanup&&(lastReportRef.current.cleanup(),lastReportRef.current=null)}},[]),(0,import_react4.useCallback)(function(element){cbElementRef.current=element,evaluateSubscription()},[evaluateSubscription])}function extractSize(entry,boxProp,sizeType){return entry[boxProp]?entry[boxProp][0]?entry[boxProp][0][sizeType]:entry[boxProp][sizeType]:boxProp==="contentBoxSize"?entry.contentRect[sizeType==="inlineSize"?"width":"height"]:void 0}function useResizeObserver(opts){opts===void 0&&(opts={});var onResize=opts.onResize,onResizeRef=(0,import_react4.useRef)(void 0);onResizeRef.current=onResize;var round=opts.round||Math.round,resizeObserverRef=(0,import_react4.useRef)(),_useState=(0,import_react4.useState)({width:void 0,height:void 0}),size=_useState[0],setSize=_useState[1],didUnmount=(0,import_react4.useRef)(!1);(0,import_react4.useEffect)(function(){return didUnmount.current=!1,function(){didUnmount.current=!0}},[]);var previous=(0,import_react4.useRef)({width:void 0,height:void 0}),refCallback=useResolvedElement((0,import_react4.useCallback)(function(element){return(!resizeObserverRef.current||resizeObserverRef.current.box!==opts.box||resizeObserverRef.current.round!==round)&&(resizeObserverRef.current={box:opts.box,round,instance:new ResizeObserver(function(entries){var entry=entries[0],boxProp=opts.box==="border-box"?"borderBoxSize":opts.box==="device-pixel-content-box"?"devicePixelContentBoxSize":"contentBoxSize",reportedWidth=extractSize(entry,boxProp,"inlineSize"),reportedHeight=extractSize(entry,boxProp,"blockSize"),newWidth=reportedWidth?round(reportedWidth):void 0,newHeight=reportedHeight?round(reportedHeight):void 0;if(previous.current.width!==newWidth||previous.current.height!==newHeight){var newSize={width:newWidth,height:newHeight};previous.current.width=newWidth,previous.current.height=newHeight,onResizeRef.current?onResizeRef.current(newSize):didUnmount.current||setSize(newSize)}})}),resizeObserverRef.current.instance.observe(element,{box:opts.box}),function(){resizeObserverRef.current&&resizeObserverRef.current.instance.unobserve(element)}},[opts.box,round]),opts.ref);return(0,import_react4.useMemo)(function(){return{ref:refCallback,width:size.width,height:size.height}},[refCallback,size.width,size.height])}var import_memoizerific4=__toESM(require_memoizerific(),1);var nameSpaceClassNames=({...props},key2)=>{let classes=[props.class,props.className];return delete props.class,props.className=["sbdocs",`sbdocs-${key2}`,...classes].filter(Boolean).join(" "),props};function _assertThisInitialized(self2){if(self2===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self2}function _setPrototypeOf(o2,p2){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(o22,p22){return o22.__proto__=p22,o22},_setPrototypeOf(o2,p2)}function _inheritsLoose(subClass,superClass){subClass.prototype=Object.create(superClass.prototype),subClass.prototype.constructor=subClass,_setPrototypeOf(subClass,superClass)}function _getPrototypeOf(o2){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(o22){return o22.__proto__||Object.getPrototypeOf(o22)},_getPrototypeOf(o2)}function _isNativeFunction(fn){return Function.toString.call(fn).indexOf("[native code]")!==-1}function _isNativeReflectConstruct(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function _construct(Parent,args2,Class){return _isNativeReflectConstruct()?_construct=Reflect.construct.bind():_construct=function(Parent2,args22,Class2){var a2=[null];a2.push.apply(a2,args22);var Constructor=Function.bind.apply(Parent2,a2),instance=new Constructor;return Class2&&_setPrototypeOf(instance,Class2.prototype),instance},_construct.apply(null,arguments)}function _wrapNativeSuper(Class){var _cache=typeof Map=="function"?new Map:void 0;return _wrapNativeSuper=function(Class2){if(Class2===null||!_isNativeFunction(Class2))return Class2;if(typeof Class2!="function")throw new TypeError("Super expression must either be null or a function");if(typeof _cache<"u"){if(_cache.has(Class2))return _cache.get(Class2);_cache.set(Class2,Wrapper32)}function Wrapper32(){return _construct(Class2,arguments,_getPrototypeOf(this).constructor)}return Wrapper32.prototype=Object.create(Class2.prototype,{constructor:{value:Wrapper32,enumerable:!1,writable:!0,configurable:!0}}),_setPrototypeOf(Wrapper32,Class2)},_wrapNativeSuper(Class)}var ERRORS={1:`Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }).
+`:"")}};var Category=(Category2=>(Category2.MANAGER_UNCAUGHT="MANAGER_UNCAUGHT",Category2.MANAGER_UI="MANAGER_UI",Category2.MANAGER_API="MANAGER_API",Category2.MANAGER_CLIENT_LOGGER="MANAGER_CLIENT-LOGGER",Category2.MANAGER_CHANNELS="MANAGER_CHANNELS",Category2.MANAGER_CORE_EVENTS="MANAGER_CORE-EVENTS",Category2.MANAGER_ROUTER="MANAGER_ROUTER",Category2.MANAGER_THEMING="MANAGER_THEMING",Category2))(Category||{}),ProviderDoesNotExtendBaseProviderError=class extends StorybookError{constructor(){super(...arguments),this.category="MANAGER_UI",this.code=1}template(){return"The Provider passed into Storybook's UI is not extended from the base Provider. Please check your Provider implementation."}},UncaughtManagerError=class extends StorybookError{constructor(data){super(data.error.message),this.data=data,this.category="MANAGER_UNCAUGHT",this.code=1,this.stack=data.error.stack}template(){return this.message}};var import_react3=__toESM(require_react()),import_prop_types=__toESM(require_prop_types()),import_react_fast_compare=__toESM(require_react_fast_compare()),import_invariant=__toESM(require_browser()),import_shallowequal=__toESM(require_shallowequal());function a(){return a=Object.assign||function(t3){for(var e3=1;e3<arguments.length;e3++){var r3=arguments[e3];for(var n3 in r3)Object.prototype.hasOwnProperty.call(r3,n3)&&(t3[n3]=r3[n3])}return t3},a.apply(this,arguments)}function s(t3,e3){t3.prototype=Object.create(e3.prototype),t3.prototype.constructor=t3,c2(t3,e3)}function c2(t3,e3){return c2=Object.setPrototypeOf||function(t4,e4){return t4.__proto__=e4,t4},c2(t3,e3)}function u(t3,e3){if(t3==null)return{};var r3,n3,i3={},o2=Object.keys(t3);for(n3=0;n3<o2.length;n3++)e3.indexOf(r3=o2[n3])>=0||(i3[r3]=t3[r3]);return i3}var l={BASE:"base",BODY:"body",HEAD:"head",HTML:"html",LINK:"link",META:"meta",NOSCRIPT:"noscript",SCRIPT:"script",STYLE:"style",TITLE:"title",FRAGMENT:"Symbol(react.fragment)"},p={rel:["amphtml","canonical","alternate"]},f2={type:["application/ld+json"]},d={charset:"",name:["robots","description"],property:["og:type","og:title","og:url","og:image","og:image:alt","og:description","twitter:url","twitter:title","twitter:description","twitter:image","twitter:image:alt","twitter:card","twitter:site"]},h2=Object.keys(l).map(function(t3){return l[t3]}),m2={accesskey:"accessKey",charset:"charSet",class:"className",contenteditable:"contentEditable",contextmenu:"contextMenu","http-equiv":"httpEquiv",itemprop:"itemProp",tabindex:"tabIndex"},y=Object.keys(m2).reduce(function(t3,e3){return t3[m2[e3]]=e3,t3},{}),T=function(t3,e3){for(var r3=t3.length-1;r3>=0;r3-=1){var n3=t3[r3];if(Object.prototype.hasOwnProperty.call(n3,e3))return n3[e3]}return null},g=function(t3){var e3=T(t3,l.TITLE),r3=T(t3,"titleTemplate");if(Array.isArray(e3)&&(e3=e3.join("")),r3&&e3)return r3.replace(/%s/g,function(){return e3});var n3=T(t3,"defaultTitle");return e3||n3||void 0},b2=function(t3){return T(t3,"onChangeClientState")||function(){}},v=function(t3,e3){return e3.filter(function(e4){return e4[t3]!==void 0}).map(function(e4){return e4[t3]}).reduce(function(t4,e4){return a({},t4,e4)},{})},A=function(t3,e3){return e3.filter(function(t4){return t4[l.BASE]!==void 0}).map(function(t4){return t4[l.BASE]}).reverse().reduce(function(e4,r3){if(!e4.length)for(var n3=Object.keys(r3),i3=0;i3<n3.length;i3+=1){var o2=n3[i3].toLowerCase();if(t3.indexOf(o2)!==-1&&r3[o2])return e4.concat(r3)}return e4},[])},C2=function(t3,e3,r3){var n3={};return r3.filter(function(e4){return!!Array.isArray(e4[t3])||(e4[t3]!==void 0&&console&&typeof console.warn=="function"&&console.warn("Helmet: "+t3+' should be of type "Array". Instead found type "'+typeof e4[t3]+'"'),!1)}).map(function(e4){return e4[t3]}).reverse().reduce(function(t4,r4){var i3={};r4.filter(function(t5){for(var r5,o3=Object.keys(t5),a2=0;a2<o3.length;a2+=1){var s3=o3[a2],c4=s3.toLowerCase();e3.indexOf(c4)===-1||r5==="rel"&&t5[r5].toLowerCase()==="canonical"||c4==="rel"&&t5[c4].toLowerCase()==="stylesheet"||(r5=c4),e3.indexOf(s3)===-1||s3!=="innerHTML"&&s3!=="cssText"&&s3!=="itemprop"||(r5=s3)}if(!r5||!t5[r5])return!1;var u3=t5[r5].toLowerCase();return n3[r5]||(n3[r5]={}),i3[r5]||(i3[r5]={}),!n3[r5][u3]&&(i3[r5][u3]=!0,!0)}).reverse().forEach(function(e4){return t4.push(e4)});for(var o2=Object.keys(i3),s2=0;s2<o2.length;s2+=1){var c3=o2[s2],u2=a({},n3[c3],i3[c3]);n3[c3]=u2}return t4},[]).reverse()},O=function(t3,e3){if(Array.isArray(t3)&&t3.length){for(var r3=0;r3<t3.length;r3+=1)if(t3[r3][e3])return!0}return!1},S=function(t3){return Array.isArray(t3)?t3.join(""):t3},E2=function(t3,e3){return Array.isArray(t3)?t3.reduce(function(t4,r3){return function(t5,e4){for(var r4=Object.keys(t5),n3=0;n3<r4.length;n3+=1)if(e4[r4[n3]]&&e4[r4[n3]].includes(t5[r4[n3]]))return!0;return!1}(r3,e3)?t4.priority.push(r3):t4.default.push(r3),t4},{priority:[],default:[]}):{default:t3}},I2=function(t3,e3){var r3;return a({},t3,((r3={})[e3]=void 0,r3))},P2=[l.NOSCRIPT,l.SCRIPT,l.STYLE],w2=function(t3,e3){return e3===void 0&&(e3=!0),e3===!1?String(t3):String(t3).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")},x2=function(t3){return Object.keys(t3).reduce(function(e3,r3){var n3=t3[r3]!==void 0?r3+'="'+t3[r3]+'"':""+r3;return e3?e3+" "+n3:n3},"")},L2=function(t3,e3){return e3===void 0&&(e3={}),Object.keys(t3).reduce(function(e4,r3){return e4[m2[r3]||r3]=t3[r3],e4},e3)},j=function(e3,r3){return r3.map(function(r4,n3){var i3,o2=((i3={key:n3})["data-rh"]=!0,i3);return Object.keys(r4).forEach(function(t3){var e4=m2[t3]||t3;e4==="innerHTML"||e4==="cssText"?o2.dangerouslySetInnerHTML={__html:r4.innerHTML||r4.cssText}:o2[e4]=r4[t3]}),import_react3.default.createElement(e3,o2)})},M=function(e3,r3,n3){switch(e3){case l.TITLE:return{toComponent:function(){return n4=r3.titleAttributes,(i3={key:e4=r3.title})["data-rh"]=!0,o2=L2(n4,i3),[import_react3.default.createElement(l.TITLE,o2,e4)];var e4,n4,i3,o2},toString:function(){return function(t3,e4,r4,n4){var i3=x2(r4),o2=S(e4);return i3?"<"+t3+' data-rh="true" '+i3+">"+w2(o2,n4)+"</"+t3+">":"<"+t3+' data-rh="true">'+w2(o2,n4)+"</"+t3+">"}(e3,r3.title,r3.titleAttributes,n3)}};case"bodyAttributes":case"htmlAttributes":return{toComponent:function(){return L2(r3)},toString:function(){return x2(r3)}};default:return{toComponent:function(){return j(e3,r3)},toString:function(){return function(t3,e4,r4){return e4.reduce(function(e5,n4){var i3=Object.keys(n4).filter(function(t4){return!(t4==="innerHTML"||t4==="cssText")}).reduce(function(t4,e6){var i4=n4[e6]===void 0?e6:e6+'="'+w2(n4[e6],r4)+'"';return t4?t4+" "+i4:i4},""),o2=n4.innerHTML||n4.cssText||"",a2=P2.indexOf(t3)===-1;return e5+"<"+t3+' data-rh="true" '+i3+(a2?"/>":">"+o2+"</"+t3+">")},"")}(e3,r3,n3)}}}},k=function(t3){var e3=t3.baseTag,r3=t3.bodyAttributes,n3=t3.encode,i3=t3.htmlAttributes,o2=t3.noscriptTags,a2=t3.styleTags,s2=t3.title,c3=s2===void 0?"":s2,u2=t3.titleAttributes,h3=t3.linkTags,m3=t3.metaTags,y2=t3.scriptTags,T2={toComponent:function(){},toString:function(){return""}};if(t3.prioritizeSeoTags){var g2=function(t4){var e4=t4.linkTags,r4=t4.scriptTags,n4=t4.encode,i4=E2(t4.metaTags,d),o3=E2(e4,p),a3=E2(r4,f2);return{priorityMethods:{toComponent:function(){return[].concat(j(l.META,i4.priority),j(l.LINK,o3.priority),j(l.SCRIPT,a3.priority))},toString:function(){return M(l.META,i4.priority,n4)+" "+M(l.LINK,o3.priority,n4)+" "+M(l.SCRIPT,a3.priority,n4)}},metaTags:i4.default,linkTags:o3.default,scriptTags:a3.default}}(t3);T2=g2.priorityMethods,h3=g2.linkTags,m3=g2.metaTags,y2=g2.scriptTags}return{priority:T2,base:M(l.BASE,e3,n3),bodyAttributes:M("bodyAttributes",r3,n3),htmlAttributes:M("htmlAttributes",i3,n3),link:M(l.LINK,h3,n3),meta:M(l.META,m3,n3),noscript:M(l.NOSCRIPT,o2,n3),script:M(l.SCRIPT,y2,n3),style:M(l.STYLE,a2,n3),title:M(l.TITLE,{title:c3,titleAttributes:u2},n3)}},H=[],N2=function(t3,e3){var r3=this;e3===void 0&&(e3=typeof document<"u"),this.instances=[],this.value={setHelmet:function(t4){r3.context.helmet=t4},helmetInstances:{get:function(){return r3.canUseDOM?H:r3.instances},add:function(t4){(r3.canUseDOM?H:r3.instances).push(t4)},remove:function(t4){var e4=(r3.canUseDOM?H:r3.instances).indexOf(t4);(r3.canUseDOM?H:r3.instances).splice(e4,1)}}},this.context=t3,this.canUseDOM=e3,e3||(t3.helmet=k({baseTag:[],bodyAttributes:{},encodeSpecialCharacters:!0,htmlAttributes:{},linkTags:[],metaTags:[],noscriptTags:[],scriptTags:[],styleTags:[],title:"",titleAttributes:{}}))},R2=import_react3.default.createContext({}),D=import_prop_types.default.shape({setHelmet:import_prop_types.default.func,helmetInstances:import_prop_types.default.shape({get:import_prop_types.default.func,add:import_prop_types.default.func,remove:import_prop_types.default.func})}),U=typeof document<"u",q=function(e3){function r3(t3){var n3;return(n3=e3.call(this,t3)||this).helmetData=new N2(n3.props.context,r3.canUseDOM),n3}return s(r3,e3),r3.prototype.render=function(){return import_react3.default.createElement(R2.Provider,{value:this.helmetData.value},this.props.children)},r3}(import_react3.Component);q.canUseDOM=U,q.propTypes={context:import_prop_types.default.shape({helmet:import_prop_types.default.shape()}),children:import_prop_types.default.node.isRequired},q.defaultProps={context:{}},q.displayName="HelmetProvider";var Y=function(t3,e3){var r3,n3=document.head||document.querySelector(l.HEAD),i3=n3.querySelectorAll(t3+"[data-rh]"),o2=[].slice.call(i3),a2=[];return e3&&e3.length&&e3.forEach(function(e4){var n4=document.createElement(t3);for(var i4 in e4)Object.prototype.hasOwnProperty.call(e4,i4)&&(i4==="innerHTML"?n4.innerHTML=e4.innerHTML:i4==="cssText"?n4.styleSheet?n4.styleSheet.cssText=e4.cssText:n4.appendChild(document.createTextNode(e4.cssText)):n4.setAttribute(i4,e4[i4]===void 0?"":e4[i4]));n4.setAttribute("data-rh","true"),o2.some(function(t4,e5){return r3=e5,n4.isEqualNode(t4)})?o2.splice(r3,1):a2.push(n4)}),o2.forEach(function(t4){return t4.parentNode.removeChild(t4)}),a2.forEach(function(t4){return n3.appendChild(t4)}),{oldTags:o2,newTags:a2}},B2=function(t3,e3){var r3=document.getElementsByTagName(t3)[0];if(r3){for(var n3=r3.getAttribute("data-rh"),i3=n3?n3.split(","):[],o2=[].concat(i3),a2=Object.keys(e3),s2=0;s2<a2.length;s2+=1){var c3=a2[s2],u2=e3[c3]||"";r3.getAttribute(c3)!==u2&&r3.setAttribute(c3,u2),i3.indexOf(c3)===-1&&i3.push(c3);var l2=o2.indexOf(c3);l2!==-1&&o2.splice(l2,1)}for(var p2=o2.length-1;p2>=0;p2-=1)r3.removeAttribute(o2[p2]);i3.length===o2.length?r3.removeAttribute("data-rh"):r3.getAttribute("data-rh")!==a2.join(",")&&r3.setAttribute("data-rh",a2.join(","))}},K=function(t3,e3){var r3=t3.baseTag,n3=t3.htmlAttributes,i3=t3.linkTags,o2=t3.metaTags,a2=t3.noscriptTags,s2=t3.onChangeClientState,c3=t3.scriptTags,u2=t3.styleTags,p2=t3.title,f3=t3.titleAttributes;B2(l.BODY,t3.bodyAttributes),B2(l.HTML,n3),function(t4,e4){t4!==void 0&&document.title!==t4&&(document.title=S(t4)),B2(l.TITLE,e4)}(p2,f3);var d2={baseTag:Y(l.BASE,r3),linkTags:Y(l.LINK,i3),metaTags:Y(l.META,o2),noscriptTags:Y(l.NOSCRIPT,a2),scriptTags:Y(l.SCRIPT,c3),styleTags:Y(l.STYLE,u2)},h3={},m3={};Object.keys(d2).forEach(function(t4){var e4=d2[t4],r4=e4.newTags,n4=e4.oldTags;r4.length&&(h3[t4]=r4),n4.length&&(m3[t4]=d2[t4].oldTags)}),e3&&e3(),s2(t3,h3,m3)},_=null,z=function(t3){function e3(){for(var e4,r4=arguments.length,n3=new Array(r4),i3=0;i3<r4;i3++)n3[i3]=arguments[i3];return(e4=t3.call.apply(t3,[this].concat(n3))||this).rendered=!1,e4}s(e3,t3);var r3=e3.prototype;return r3.shouldComponentUpdate=function(t4){return!(0,import_shallowequal.default)(t4,this.props)},r3.componentDidUpdate=function(){this.emitChange()},r3.componentWillUnmount=function(){this.props.context.helmetInstances.remove(this),this.emitChange()},r3.emitChange=function(){var t4,e4,r4=this.props.context,n3=r4.setHelmet,i3=null,o2=(t4=r4.helmetInstances.get().map(function(t5){var e5=a({},t5.props);return delete e5.context,e5}),{baseTag:A(["href"],t4),bodyAttributes:v("bodyAttributes",t4),defer:T(t4,"defer"),encode:T(t4,"encodeSpecialCharacters"),htmlAttributes:v("htmlAttributes",t4),linkTags:C2(l.LINK,["rel","href"],t4),metaTags:C2(l.META,["name","charset","http-equiv","property","itemprop"],t4),noscriptTags:C2(l.NOSCRIPT,["innerHTML"],t4),onChangeClientState:b2(t4),scriptTags:C2(l.SCRIPT,["src","innerHTML"],t4),styleTags:C2(l.STYLE,["cssText"],t4),title:g(t4),titleAttributes:v("titleAttributes",t4),prioritizeSeoTags:O(t4,"prioritizeSeoTags")});q.canUseDOM?(e4=o2,_&&cancelAnimationFrame(_),e4.defer?_=requestAnimationFrame(function(){K(e4,function(){_=null})}):(K(e4),_=null)):k&&(i3=k(o2)),n3(i3)},r3.init=function(){this.rendered||(this.rendered=!0,this.props.context.helmetInstances.add(this),this.emitChange())},r3.render=function(){return this.init(),null},e3}(import_react3.Component);z.propTypes={context:D.isRequired},z.displayName="HelmetDispatcher";var F=["children"],G=["children"],W=function(e3){function r3(){return e3.apply(this,arguments)||this}s(r3,e3);var o2=r3.prototype;return o2.shouldComponentUpdate=function(t3){return!(0,import_react_fast_compare.default)(I2(this.props,"helmetData"),I2(t3,"helmetData"))},o2.mapNestedChildrenToProps=function(t3,e4){if(!e4)return null;switch(t3.type){case l.SCRIPT:case l.NOSCRIPT:return{innerHTML:e4};case l.STYLE:return{cssText:e4};default:throw new Error("<"+t3.type+" /> elements are self-closing and can not contain children. Refer to our API for more information.")}},o2.flattenArrayTypeChildren=function(t3){var e4,r4=t3.child,n3=t3.arrayTypeChildren;return a({},n3,((e4={})[r4.type]=[].concat(n3[r4.type]||[],[a({},t3.newChildProps,this.mapNestedChildrenToProps(r4,t3.nestedChildren))]),e4))},o2.mapObjectTypeChildren=function(t3){var e4,r4,n3=t3.child,i3=t3.newProps,o3=t3.newChildProps,s2=t3.nestedChildren;switch(n3.type){case l.TITLE:return a({},i3,((e4={})[n3.type]=s2,e4.titleAttributes=a({},o3),e4));case l.BODY:return a({},i3,{bodyAttributes:a({},o3)});case l.HTML:return a({},i3,{htmlAttributes:a({},o3)});default:return a({},i3,((r4={})[n3.type]=a({},o3),r4))}},o2.mapArrayTypeChildrenToProps=function(t3,e4){var r4=a({},e4);return Object.keys(t3).forEach(function(e5){var n3;r4=a({},r4,((n3={})[e5]=t3[e5],n3))}),r4},o2.warnOnInvalidChildren=function(t3,e4){return(0,import_invariant.default)(h2.some(function(e5){return t3.type===e5}),typeof t3.type=="function"?"You may be attempting to nest <Helmet> components within each other, which is not allowed. Refer to our API for more information.":"Only elements types "+h2.join(", ")+" are allowed. Helmet does not support rendering <"+t3.type+"> elements. Refer to our API for more information."),(0,import_invariant.default)(!e4||typeof e4=="string"||Array.isArray(e4)&&!e4.some(function(t4){return typeof t4!="string"}),"Helmet expects a string as a child of <"+t3.type+">. Did you forget to wrap your children in braces? ( <"+t3.type+">{``}</"+t3.type+"> ) Refer to our API for more information."),!0},o2.mapChildrenToProps=function(e4,r4){var n3=this,i3={};return import_react3.default.Children.forEach(e4,function(t3){if(t3&&t3.props){var e5=t3.props,o3=e5.children,a2=u(e5,F),s2=Object.keys(a2).reduce(function(t4,e6){return t4[y[e6]||e6]=a2[e6],t4},{}),c3=t3.type;switch(typeof c3=="symbol"?c3=c3.toString():n3.warnOnInvalidChildren(t3,o3),c3){case l.FRAGMENT:r4=n3.mapChildrenToProps(o3,r4);break;case l.LINK:case l.META:case l.NOSCRIPT:case l.SCRIPT:case l.STYLE:i3=n3.flattenArrayTypeChildren({child:t3,arrayTypeChildren:i3,newChildProps:s2,nestedChildren:o3});break;default:r4=n3.mapObjectTypeChildren({child:t3,newProps:r4,newChildProps:s2,nestedChildren:o3})}}}),this.mapArrayTypeChildrenToProps(i3,r4)},o2.render=function(){var e4=this.props,r4=e4.children,n3=u(e4,G),i3=a({},n3),o3=n3.helmetData;return r4&&(i3=this.mapChildrenToProps(r4,i3)),!o3||o3 instanceof N2||(o3=new N2(o3.context,o3.instances)),o3?import_react3.default.createElement(z,a({},i3,{context:o3.value,helmetData:void 0})):import_react3.default.createElement(R2.Consumer,null,function(e5){return import_react3.default.createElement(z,a({},i3,{context:e5}))})},r3}(import_react3.Component);W.propTypes={base:import_prop_types.default.object,bodyAttributes:import_prop_types.default.object,children:import_prop_types.default.oneOfType([import_prop_types.default.arrayOf(import_prop_types.default.node),import_prop_types.default.node]),defaultTitle:import_prop_types.default.string,defer:import_prop_types.default.bool,encodeSpecialCharacters:import_prop_types.default.bool,htmlAttributes:import_prop_types.default.object,link:import_prop_types.default.arrayOf(import_prop_types.default.object),meta:import_prop_types.default.arrayOf(import_prop_types.default.object),noscript:import_prop_types.default.arrayOf(import_prop_types.default.object),onChangeClientState:import_prop_types.default.func,script:import_prop_types.default.arrayOf(import_prop_types.default.object),style:import_prop_types.default.arrayOf(import_prop_types.default.object),title:import_prop_types.default.string,titleAttributes:import_prop_types.default.object,titleTemplate:import_prop_types.default.string,prioritizeSeoTags:import_prop_types.default.bool,helmetData:import_prop_types.default.object},W.defaultProps={defer:!0,encodeSpecialCharacters:!0,prioritizeSeoTags:!1},W.displayName="Helmet";var import_react55=__toESM(require_react());var dist_exports5={};__export(dist_exports5,{A:()=>A2,ActionBar:()=>ActionBar,AddonPanel:()=>AddonPanel,Badge:()=>Badge,Bar:()=>Bar,Blockquote:()=>Blockquote,Button:()=>Button,ClipboardCode:()=>ClipboardCode,Code:()=>Code,DL:()=>DL,Div:()=>Div,DocumentWrapper:()=>DocumentWrapper,ErrorFormatter:()=>ErrorFormatter,FlexBar:()=>FlexBar,Form:()=>Form,H1:()=>H1,H2:()=>H2,H3:()=>H3,H4:()=>H4,H5:()=>H5,H6:()=>H6,HR:()=>HR,IconButton:()=>IconButton,IconButtonSkeleton:()=>IconButtonSkeleton,Icons:()=>Icons,Img:()=>Img,LI:()=>LI,Link:()=>Link22,ListItem:()=>ListItem_default,Loader:()=>Loader,OL:()=>OL,P:()=>P3,Placeholder:()=>Placeholder,Pre:()=>Pre,ResetWrapper:()=>ResetWrapper,ScrollArea:()=>ScrollArea,Separator:()=>Separator,Spaced:()=>Spaced,Span:()=>Span,StorybookIcon:()=>StorybookIcon,StorybookLogo:()=>StorybookLogo,Symbols:()=>Symbols,SyntaxHighlighter:()=>SyntaxHighlighter22,TT:()=>TT,TabBar:()=>TabBar,TabButton:()=>TabButton,TabWrapper:()=>TabWrapper,Table:()=>Table,Tabs:()=>Tabs,TabsState:()=>TabsState,TooltipLinkList:()=>TooltipLinkList,TooltipMessage:()=>TooltipMessage,TooltipNote:()=>TooltipNote,UL:()=>UL,WithTooltip:()=>WithTooltip,WithTooltipPure:()=>WithTooltipPure,Zoom:()=>Zoom,codeCommon:()=>codeCommon,components:()=>components2,createCopyToClipboardFunction:()=>createCopyToClipboardFunction,getStoryHref:()=>getStoryHref,icons:()=>icons,interleaveSeparators:()=>interleaveSeparators,nameSpaceClassNames:()=>nameSpaceClassNames,resetComponents:()=>resetComponents,withReset:()=>withReset});var React5=__toESM(require_react(),1),import_react5=__toESM(require_react(),1);var import_react4=__toESM(require_react());function useResolvedElement(subscriber,refOrElement){var lastReportRef=(0,import_react4.useRef)(null),refOrElementRef=(0,import_react4.useRef)(null);refOrElementRef.current=refOrElement;var cbElementRef=(0,import_react4.useRef)(null);(0,import_react4.useEffect)(function(){evaluateSubscription()});var evaluateSubscription=(0,import_react4.useCallback)(function(){var cbElement=cbElementRef.current,refOrElement2=refOrElementRef.current,element=cbElement||(refOrElement2?refOrElement2 instanceof Element?refOrElement2:refOrElement2.current:null);lastReportRef.current&&lastReportRef.current.element===element&&lastReportRef.current.subscriber===subscriber||(lastReportRef.current&&lastReportRef.current.cleanup&&lastReportRef.current.cleanup(),lastReportRef.current={element,subscriber,cleanup:element?subscriber(element):void 0})},[subscriber]);return(0,import_react4.useEffect)(function(){return function(){lastReportRef.current&&lastReportRef.current.cleanup&&(lastReportRef.current.cleanup(),lastReportRef.current=null)}},[]),(0,import_react4.useCallback)(function(element){cbElementRef.current=element,evaluateSubscription()},[evaluateSubscription])}function extractSize(entry,boxProp,sizeType){return entry[boxProp]?entry[boxProp][0]?entry[boxProp][0][sizeType]:entry[boxProp][sizeType]:boxProp==="contentBoxSize"?entry.contentRect[sizeType==="inlineSize"?"width":"height"]:void 0}function useResizeObserver(opts){opts===void 0&&(opts={});var onResize=opts.onResize,onResizeRef=(0,import_react4.useRef)(void 0);onResizeRef.current=onResize;var round=opts.round||Math.round,resizeObserverRef=(0,import_react4.useRef)(),_useState=(0,import_react4.useState)({width:void 0,height:void 0}),size=_useState[0],setSize=_useState[1],didUnmount=(0,import_react4.useRef)(!1);(0,import_react4.useEffect)(function(){return didUnmount.current=!1,function(){didUnmount.current=!0}},[]);var previous=(0,import_react4.useRef)({width:void 0,height:void 0}),refCallback=useResolvedElement((0,import_react4.useCallback)(function(element){return(!resizeObserverRef.current||resizeObserverRef.current.box!==opts.box||resizeObserverRef.current.round!==round)&&(resizeObserverRef.current={box:opts.box,round,instance:new ResizeObserver(function(entries){var entry=entries[0],boxProp=opts.box==="border-box"?"borderBoxSize":opts.box==="device-pixel-content-box"?"devicePixelContentBoxSize":"contentBoxSize",reportedWidth=extractSize(entry,boxProp,"inlineSize"),reportedHeight=extractSize(entry,boxProp,"blockSize"),newWidth=reportedWidth?round(reportedWidth):void 0,newHeight=reportedHeight?round(reportedHeight):void 0;if(previous.current.width!==newWidth||previous.current.height!==newHeight){var newSize={width:newWidth,height:newHeight};previous.current.width=newWidth,previous.current.height=newHeight,onResizeRef.current?onResizeRef.current(newSize):didUnmount.current||setSize(newSize)}})}),resizeObserverRef.current.instance.observe(element,{box:opts.box}),function(){resizeObserverRef.current&&resizeObserverRef.current.instance.unobserve(element)}},[opts.box,round]),opts.ref);return(0,import_react4.useMemo)(function(){return{ref:refCallback,width:size.width,height:size.height}},[refCallback,size.width,size.height])}var import_memoizerific4=__toESM(require_memoizerific(),1);var nameSpaceClassNames=({...props},key2)=>{let classes=[props.class,props.className];return delete props.class,props.className=["sbdocs",`sbdocs-${key2}`,...classes].filter(Boolean).join(" "),props};function _assertThisInitialized(self2){if(self2===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self2}function _setPrototypeOf(o2,p2){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(o22,p22){return o22.__proto__=p22,o22},_setPrototypeOf(o2,p2)}function _inheritsLoose(subClass,superClass){subClass.prototype=Object.create(superClass.prototype),subClass.prototype.constructor=subClass,_setPrototypeOf(subClass,superClass)}function _getPrototypeOf(o2){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(o22){return o22.__proto__||Object.getPrototypeOf(o22)},_getPrototypeOf(o2)}function _isNativeFunction(fn){return Function.toString.call(fn).indexOf("[native code]")!==-1}function _isNativeReflectConstruct(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function _construct(Parent,args2,Class){return _isNativeReflectConstruct()?_construct=Reflect.construct.bind():_construct=function(Parent2,args22,Class2){var a2=[null];a2.push.apply(a2,args22);var Constructor=Function.bind.apply(Parent2,a2),instance=new Constructor;return Class2&&_setPrototypeOf(instance,Class2.prototype),instance},_construct.apply(null,arguments)}function _wrapNativeSuper(Class){var _cache=typeof Map=="function"?new Map:void 0;return _wrapNativeSuper=function(Class2){if(Class2===null||!_isNativeFunction(Class2))return Class2;if(typeof Class2!="function")throw new TypeError("Super expression must either be null or a function");if(typeof _cache<"u"){if(_cache.has(Class2))return _cache.get(Class2);_cache.set(Class2,Wrapper32)}function Wrapper32(){return _construct(Class2,arguments,_getPrototypeOf(this).constructor)}return Wrapper32.prototype=Object.create(Class2.prototype,{constructor:{value:Wrapper32,enumerable:!1,writable:!0,configurable:!0}}),_setPrototypeOf(Wrapper32,Class2)},_wrapNativeSuper(Class)}var ERRORS={1:`Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }).
 
 `,2:`Passed invalid arguments to hsla, please pass multiple numbers e.g. hsla(360, 0.75, 0.4, 0.7) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75, alpha: 0.7 }).
 
@@ -398,10 +398,10 @@ To pass a single animation please supply them in simple values, e.g. animation('
   & + & {
     margin-left: 6px;
   }
-`),Shortcut=({keys:keys2})=>import_react27.default.createElement(import_react27.default.Fragment,null,import_react27.default.createElement(Key,null,keys2.map((key2,index2)=>import_react27.default.createElement(KeyChild,{key:key2},shortcutToHumanString([key2]))))),useMenu=(state,api,showToolbar,isFullscreen,isPanelShown,isNavShown,enableShortcuts)=>{let theme=useTheme(),shortcutKeys=api.getShortcutKeys(),about=(0,import_react27.useMemo)(()=>({id:"about",title:"About your Storybook",onClick:()=>api.navigateToSettingsPage("/settings/about")}),[api]),whatsNewNotificationsEnabled=state.whatsNewData?.status==="SUCCESS"&&!state.disableWhatsNewNotifications,isWhatsNewUnread=api.isWhatsNewUnread(),whatsNew=(0,import_react27.useMemo)(()=>({id:"whats-new",title:"What's new?",onClick:()=>api.navigateToSettingsPage("/settings/whats-new"),right:whatsNewNotificationsEnabled&&isWhatsNewUnread&&import_react27.default.createElement(Badge,{status:"positive"},"Check it out")}),[api,whatsNewNotificationsEnabled,isWhatsNewUnread]),shortcuts=(0,import_react27.useMemo)(()=>({id:"shortcuts",title:"Keyboard shortcuts",onClick:()=>api.navigateToSettingsPage("/settings/shortcuts"),right:enableShortcuts?import_react27.default.createElement(Shortcut,{keys:shortcutKeys.shortcutsPage}):null,style:{borderBottom:`4px solid ${theme.appBorderColor}`}}),[api,enableShortcuts,shortcutKeys.shortcutsPage,theme.appBorderColor]),sidebarToggle=(0,import_react27.useMemo)(()=>({id:"S",title:"Show sidebar",onClick:()=>api.toggleNav(),active:isNavShown,right:enableShortcuts?import_react27.default.createElement(Shortcut,{keys:shortcutKeys.toggleNav}):null,left:isNavShown?import_react27.default.createElement(Icons,{icon:"check"}):null}),[api,enableShortcuts,shortcutKeys,isNavShown]),toolbarToogle=(0,import_react27.useMemo)(()=>({id:"T",title:"Show toolbar",onClick:()=>api.toggleToolbar(),active:showToolbar,right:enableShortcuts?import_react27.default.createElement(Shortcut,{keys:shortcutKeys.toolbar}):null,left:showToolbar?import_react27.default.createElement(Icons,{icon:"check"}):null}),[api,enableShortcuts,shortcutKeys,showToolbar]),addonsToggle=(0,import_react27.useMemo)(()=>({id:"A",title:"Show addons",onClick:()=>api.togglePanel(),active:isPanelShown,right:enableShortcuts?import_react27.default.createElement(Shortcut,{keys:shortcutKeys.togglePanel}):null,left:isPanelShown?import_react27.default.createElement(Icons,{icon:"check"}):null}),[api,enableShortcuts,shortcutKeys,isPanelShown]),addonsOrientationToggle=(0,import_react27.useMemo)(()=>({id:"D",title:"Change addons orientation",onClick:()=>api.togglePanelPosition(),right:enableShortcuts?import_react27.default.createElement(Shortcut,{keys:shortcutKeys.panelPosition}):null}),[api,enableShortcuts,shortcutKeys]),fullscreenToggle=(0,import_react27.useMemo)(()=>({id:"F",title:"Go full screen",onClick:()=>api.toggleFullscreen(),active:isFullscreen,right:enableShortcuts?import_react27.default.createElement(Shortcut,{keys:shortcutKeys.fullScreen}):null,left:isFullscreen?import_react27.default.createElement(Icons,{icon:"check"}):null}),[api,enableShortcuts,shortcutKeys,isFullscreen]),searchToggle=(0,import_react27.useMemo)(()=>({id:"/",title:"Search",onClick:()=>api.focusOnUIElement(focusableUIElements2.storySearchField),right:enableShortcuts?import_react27.default.createElement(Shortcut,{keys:shortcutKeys.search}):null}),[api,enableShortcuts,shortcutKeys]),up=(0,import_react27.useMemo)(()=>({id:"up",title:"Previous component",onClick:()=>api.jumpToComponent(-1),right:enableShortcuts?import_react27.default.createElement(Shortcut,{keys:shortcutKeys.prevComponent}):null}),[api,enableShortcuts,shortcutKeys]),down=(0,import_react27.useMemo)(()=>({id:"down",title:"Next component",onClick:()=>api.jumpToComponent(1),right:enableShortcuts?import_react27.default.createElement(Shortcut,{keys:shortcutKeys.nextComponent}):null}),[api,enableShortcuts,shortcutKeys]),prev=(0,import_react27.useMemo)(()=>({id:"prev",title:"Previous story",onClick:()=>api.jumpToStory(-1),right:enableShortcuts?import_react27.default.createElement(Shortcut,{keys:shortcutKeys.prevStory}):null}),[api,enableShortcuts,shortcutKeys]),next=(0,import_react27.useMemo)(()=>({id:"next",title:"Next story",onClick:()=>api.jumpToStory(1),right:enableShortcuts?import_react27.default.createElement(Shortcut,{keys:shortcutKeys.nextStory}):null}),[api,enableShortcuts,shortcutKeys]),collapse=(0,import_react27.useMemo)(()=>({id:"collapse",title:"Collapse all",onClick:()=>api.collapseAll(),right:enableShortcuts?import_react27.default.createElement(Shortcut,{keys:shortcutKeys.collapseAll}):null}),[api,enableShortcuts,shortcutKeys]),getAddonsShortcuts=(0,import_react27.useCallback)(()=>{let addonsShortcuts2=api.getAddonsShortcuts(),keys2=shortcutKeys;return Object.entries(addonsShortcuts2).filter(([_2,{showInMenu}])=>showInMenu).map(([actionName,{label,action}])=>({id:actionName,title:label,onClick:()=>action(),right:enableShortcuts?import_react27.default.createElement(Shortcut,{keys:keys2[actionName]}):null}))},[api,enableShortcuts,shortcutKeys]);return(0,import_react27.useMemo)(()=>[about,...state.whatsNewData?.status==="SUCCESS"?[whatsNew]:[],shortcuts,sidebarToggle,toolbarToogle,addonsToggle,addonsOrientationToggle,fullscreenToggle,searchToggle,up,down,prev,next,collapse,...getAddonsShortcuts()],[about,state,whatsNew,shortcuts,sidebarToggle,toolbarToogle,addonsToggle,addonsOrientationToggle,fullscreenToggle,searchToggle,up,down,prev,next,collapse,getAddonsShortcuts])};var Sidebar3=import_react28.default.memo(function({onMenuClick}){return import_react28.default.createElement(ManagerConsumer,{filter:({state,api})=>{let{ui:{name:name2,url,enableShortcuts},viewMode,storyId,refId,layout:{showToolbar},index:index2,status,indexError,previewInitialized,refs:refs2}=state,menu=useMenu(state,api,showToolbar,api.getIsFullscreen(),api.getIsPanelShown(),api.getIsNavShown(),enableShortcuts),whatsNewNotificationsEnabled=state.whatsNewData?.status==="SUCCESS"&&!state.disableWhatsNewNotifications,items=api.getElements(Addon_TypesEnum.experimental_SIDEBAR_BOTTOM),bottom=(0,import_react28.useMemo)(()=>Object.values(items),[items]),top=(0,import_react28.useMemo)(()=>Object.values(api.getElements(Addon_TypesEnum.experimental_SIDEBAR_TOP)),[]);return{title:name2,url,index:index2,indexError,status,previewInitialized,refs:refs2,storyId,refId,viewMode,menu,menuHighlighted:whatsNewNotificationsEnabled&&api.isWhatsNewUnread(),enableShortcuts,bottom,extra:top}}},fromState=>import_react28.default.createElement(Sidebar,{...fromState,onMenuClick}))}),Sidebar_default=Sidebar3;var import_react40=__toESM(require_react());var import_react39=__toESM(require_react());var PreviewContainer=newStyled.div({display:"flex",flexDirection:"column",width:"100%",height:"100%",overflow:"hidden"}),FrameWrap=newStyled.div({overflow:"auto",width:"100%",zIndex:3,background:"transparent",flex:1}),UnstyledLink=newStyled(Link2)({color:"inherit",textDecoration:"inherit",display:"inline-block"}),DesktopOnly=newStyled.span({"@media (max-width: 599px)":{display:"none"}}),IframeWrapper=newStyled.div(({theme})=>({alignContent:"center",alignItems:"center",justifyContent:"center",justifyItems:"center",overflow:"auto",display:"grid",gridTemplateColumns:"100%",gridTemplateRows:"100%",position:"relative",width:"100%",height:"100%",background:theme.background.content})),LoaderWrapper2=newStyled.div(({theme})=>({position:"absolute",top:0,left:0,bottom:0,right:0,background:theme.background.content,zIndex:1}));var import_react29=__toESM(require_react());var initialZoom=1,Context=import_react29.default.createContext({value:initialZoom,set:v2=>{}}),ZoomProvider=class extends import_react29.Component{constructor(){super(...arguments);this.state={value:initialZoom};this.set=value2=>this.setState({value:value2})}render(){let{children,shouldScale}=this.props,{set:set2}=this,{value:value2}=this.state;return import_react29.default.createElement(Context.Provider,{value:{value:shouldScale?value2:initialZoom,set:set2}},children)}},{Consumer:ZoomConsumer}=Context,Zoom2=import_react29.default.memo(function({zoomIn,zoomOut,reset}){return import_react29.default.createElement(import_react29.default.Fragment,null,import_react29.default.createElement(IconButton,{key:"zoomin",onClick:zoomIn,title:"Zoom in"},import_react29.default.createElement(Icons,{icon:"zoom"})),import_react29.default.createElement(IconButton,{key:"zoomout",onClick:zoomOut,title:"Zoom out"},import_react29.default.createElement(Icons,{icon:"zoomout"})),import_react29.default.createElement(IconButton,{key:"zoomreset",onClick:reset,title:"Reset zoom"},import_react29.default.createElement(Icons,{icon:"zoomreset"})))});var ZoomWrapper=import_react29.default.memo(function({set:set2,value:value2}){let zoomIn=(0,import_react29.useCallback)(e3=>{e3.preventDefault(),set2(.8*value2)},[set2,value2]),zoomOut=(0,import_react29.useCallback)(e3=>{e3.preventDefault(),set2(1.25*value2)},[set2,value2]),reset=(0,import_react29.useCallback)(e3=>{e3.preventDefault(),set2(initialZoom)},[set2,initialZoom]);return import_react29.default.createElement(Zoom2,{key:"zoom",zoomIn,zoomOut,reset})}),zoomTool={title:"zoom",id:"zoom",type:Addon_TypesEnum.TOOL,match:({viewMode})=>viewMode==="story",render:import_react29.default.memo(function(){return import_react29.default.createElement(import_react29.default.Fragment,null,import_react29.default.createElement(ZoomConsumer,null,({set:set2,value:value2})=>import_react29.default.createElement(ZoomWrapper,{set:set2,value:value2})),import_react29.default.createElement(Separator,null))})};var import_react30=__toESM(require_react());var ApplyWrappers=({wrappers,id,storyId,active,children})=>import_react30.default.createElement(import_react30.Fragment,null,wrappers.reduceRight((acc,wrapper,index2)=>import_react30.default.createElement(wrapper.render,{index:index2,children:acc,id,storyId,active}),children)),defaultWrappers=[{id:"iframe-wrapper",type:Addon_TypesEnum.PREVIEW,render:p2=>import_react30.default.createElement(IframeWrapper,{id:"storybook-preview-wrapper",hidden:!p2.active},p2.children)}];var import_react36=__toESM(require_react());var import_react31=__toESM(require_react()),import_copy_to_clipboard=__toESM(require_copy_to_clipboard());var{PREVIEW_URL,document:document10}=scope,copyMapper=({state})=>{let{storyId,refId,refs:refs2}=state,{location:location3}=document10,ref=refs2[refId],baseUrl=`${location3.origin}${location3.pathname}`;return baseUrl.endsWith("/")||(baseUrl+="/"),{refId,baseUrl:ref?`${ref.url}/iframe.html`:PREVIEW_URL||`${baseUrl}iframe.html`,storyId,queryParams:state.customQueryParams}},copyTool={title:"copy",id:"copy",type:Addon_TypesEnum.TOOL,match:({viewMode})=>viewMode==="story",render:()=>import_react31.default.createElement(ManagerConsumer,{filter:copyMapper},({baseUrl,storyId,queryParams})=>storyId?import_react31.default.createElement(IconButton,{key:"copy",onClick:()=>(0,import_copy_to_clipboard.default)(getStoryHref(baseUrl,storyId,queryParams)),title:"Copy canvas link"},import_react31.default.createElement(Icons,{icon:"link"})):null)};var import_react32=__toESM(require_react());var{PREVIEW_URL:PREVIEW_URL2}=scope,ejectMapper=({state})=>{let{storyId,refId,refs:refs2}=state,ref=refs2[refId];return{refId,baseUrl:ref?`${ref.url}/iframe.html`:PREVIEW_URL2||"iframe.html",storyId,queryParams:state.customQueryParams}},ejectTool={title:"eject",id:"eject",type:Addon_TypesEnum.TOOL,match:({viewMode})=>viewMode==="story",render:()=>import_react32.default.createElement(ManagerConsumer,{filter:ejectMapper},({baseUrl,storyId,queryParams})=>storyId?import_react32.default.createElement(IconButton,{key:"opener",href:getStoryHref(baseUrl,storyId,queryParams),target:"_blank",title:"Open canvas in new tab"},import_react32.default.createElement(Icons,{icon:"sharealt"})):null)};var import_react33=__toESM(require_react());var menuMapper=({api,state})=>({isVisible:api.getIsNavShown(),singleStory:state.singleStory,toggle:()=>api.toggleNav()}),menuTool={title:"menu",id:"menu",type:Addon_TypesEnum.TOOL,match:({viewMode})=>["story","docs"].includes(viewMode),render:()=>import_react33.default.createElement(ManagerConsumer,{filter:menuMapper},({isVisible,toggle,singleStory})=>!singleStory&&!isVisible&&import_react33.default.createElement(import_react33.default.Fragment,null,import_react33.default.createElement(IconButton,{"aria-label":"Show sidebar",key:"menu",onClick:toggle,title:"Show sidebar"},import_react33.default.createElement(Icons,{icon:"menu"})),import_react33.default.createElement(Separator,null)))};var import_react34=__toESM(require_react());var menuMapper2=({api,state})=>({isVisible:api.getIsPanelShown(),singleStory:state.singleStory,panelPosition:state.layout.panelPosition,toggle:()=>api.togglePanel()}),addonsTool={title:"addons",id:"addons",type:Addon_TypesEnum.TOOL,match:({viewMode})=>viewMode==="story",render:()=>import_react34.default.createElement(ManagerConsumer,{filter:menuMapper2},({isVisible,toggle,singleStory,panelPosition})=>!singleStory&&!isVisible&&import_react34.default.createElement(import_react34.default.Fragment,null,import_react34.default.createElement(IconButton,{"aria-label":"Show addons",key:"addons",onClick:toggle,title:"Show addons"},import_react34.default.createElement(Icons,{icon:panelPosition==="bottom"?"bottombar":"sidebaralt"}))))};var import_react35=__toESM(require_react());var StyledAnimatedIconButton=newStyled(IconButton)(({theme,animating,disabled})=>({opacity:disabled?.5:1,svg:{animation:animating&&`${theme.animation.rotate360} 1000ms ease-out`}})),menuMapper3=({api,state})=>{let{storyId}=state;return{storyId,remount:()=>api.emit(FORCE_REMOUNT,{storyId:state.storyId}),api}},remountTool={title:"remount",id:"remount",type:Addon_TypesEnum.TOOL,match:({viewMode})=>viewMode==="story",render:()=>import_react35.default.createElement(ManagerConsumer,{filter:menuMapper3},({remount,storyId,api})=>{let[isAnimating,setIsAnimating]=(0,import_react35.useState)(!1),remountComponent=()=>{storyId&&remount()};return api.on(FORCE_REMOUNT,()=>{setIsAnimating(!0)}),import_react35.default.createElement(StyledAnimatedIconButton,{key:"remount",title:"Remount component",onClick:remountComponent,onAnimationEnd:()=>setIsAnimating(!1),animating:isAnimating,disabled:!storyId},import_react35.default.createElement(Icons,{icon:"sync"}))})};var getTools=getFn=>Object.values(getFn(Addon_TypesEnum.TOOL)),getToolsExtra=getFn=>Object.values(getFn(Addon_TypesEnum.TOOLEXTRA)),fullScreenMapper=({api,state})=>({toggle:api.toggleFullscreen,isFullscreen:api.getIsFullscreen(),shortcut:shortcutToHumanString(api.getShortcutKeys().fullScreen),hasPanel:Object.keys(api.getPanels()).length>0,singleStory:state.singleStory}),fullScreenTool={title:"fullscreen",id:"fullscreen",type:Addon_TypesEnum.TOOL,match:p2=>["story","docs"].includes(p2.viewMode),render:()=>{let{isMobile}=useLayout();return isMobile?null:import_react36.default.createElement(ManagerConsumer,{filter:fullScreenMapper},({toggle,isFullscreen,shortcut,hasPanel,singleStory})=>(!singleStory||singleStory&&hasPanel)&&import_react36.default.createElement(IconButton,{key:"full",onClick:toggle,title:`${isFullscreen?"Exit full screen":"Go full screen"} [${shortcut}]`,"aria-label":isFullscreen?"Exit full screen":"Go full screen"},import_react36.default.createElement(Icons,{icon:isFullscreen?"close":"expand"})))}},tabsMapper=({state})=>({viewMode:state.docsOnly,storyId:state.storyId,path:state.path,location:state.location,refId:state.refId}),createTabsTool=tabs=>({title:"title",id:"title",type:Addon_TypesEnum.TOOL,render:()=>import_react36.default.createElement(ManagerConsumer,{filter:tabsMapper},rp=>import_react36.default.createElement(import_react36.Fragment,null,import_react36.default.createElement(TabBar,{key:"tabs"},tabs.filter(p2=>!p2.hidden).map((t3,index2)=>{let to=t3.route(rp),isActive=rp.path===to;return import_react36.default.createElement(UnstyledLink,{key:t3.id||`l${index2}`,to},import_react36.default.createElement(TabButton,{disabled:t3.disabled,active:isActive},t3.title))})),import_react36.default.createElement(Separator,null)))}),defaultTools=[remountTool,zoomTool],defaultToolsExtra=[addonsTool,fullScreenTool,ejectTool,copyTool],useTools=(getElements,tabs,viewMode,entry,location3,path)=>{let toolsFromConfig=(0,import_react36.useMemo)(()=>getTools(getElements),[getElements,getTools(getElements).length]),toolsExtraFromConfig=(0,import_react36.useMemo)(()=>getToolsExtra(getElements),[getElements]),tools=(0,import_react36.useMemo)(()=>[...defaultTools,...toolsFromConfig],[defaultTools,toolsFromConfig]),toolsExtra=(0,import_react36.useMemo)(()=>[...defaultToolsExtra,...toolsExtraFromConfig],[defaultToolsExtra,toolsExtraFromConfig]);return(0,import_react36.useMemo)(()=>["story","docs"].includes(entry?.type)?filterTools(tools,toolsExtra,tabs,{viewMode,entry,location:location3,path}):{left:tools,right:toolsExtra},[viewMode,entry,location3,path,tools,toolsExtra,tabs])},ToolRes=import_react36.default.memo(function({api,entry,tabs,isShown,location:location3,path,viewMode}){let{left,right}=useTools(api.getElements,tabs,viewMode,entry,location3,path);return left||right?import_react36.default.createElement(Toolbar,{key:"toolbar",shown:isShown,"data-test-id":"sb-preview-toolbar"},import_react36.default.createElement(ToolbarInner,null,import_react36.default.createElement(ToolbarLeft,null,import_react36.default.createElement(Tools,{key:"left",list:left})),import_react36.default.createElement(ToolbarRight,null,import_react36.default.createElement(Tools,{key:"right",list:right})))):null}),ToolbarComp=import_react36.default.memo(function(props){return import_react36.default.createElement(Location,null,({location:location3,path,viewMode})=>import_react36.default.createElement(ToolRes,{...props,location:location3,path,viewMode}))}),Tools=import_react36.default.memo(function({list}){return import_react36.default.createElement(import_react36.default.Fragment,null,list.filter(Boolean).map(({render:Render,id,...t3},index2)=>import_react36.default.createElement(Render,{key:id||t3.key||`f-${index2}`})))});function toolbarItemHasBeenExcluded(item,entry){let parameters=entry.type==="story"&&entry.prepared?entry.parameters:{},toolbarItemsFromStoryParameters="toolbar"in parameters?parameters.toolbar:void 0,{toolbar:toolbarItemsFromAddonsConfig}=addons.getConfig(),toolbarItems=merge_default(toolbarItemsFromAddonsConfig,toolbarItemsFromStoryParameters);return toolbarItems?!!toolbarItems[item.id]?.hidden:!1}function filterTools(tools,toolsExtra,tabs,{viewMode,entry,location:location3,path}){let toolsLeft=[menuTool,tabs.filter(p2=>!p2.hidden).length>1&&createTabsTool(tabs),...tools],toolsRight=[...toolsExtra],filter=item=>item&&(!item.match||item.match({storyId:entry.id,refId:entry.refId,viewMode,location:location3,path}))&&!toolbarItemHasBeenExcluded(item,entry),left=toolsLeft.filter(filter),right=toolsRight.filter(filter);return{left,right}}var Toolbar=newStyled.div(({theme,shown})=>({position:"relative",color:theme.barTextColor,width:"100%",height:40,flexShrink:0,overflowX:"auto",overflowY:"hidden",marginTop:shown?0:-40,boxShadow:`${theme.appBorderColor}  0 -1px 0 0 inset`,background:theme.barBg})),ToolbarInner=newStyled.div({position:"absolute",width:"calc(100% - 20px)",display:"flex",justifyContent:"space-between",flexWrap:"nowrap",flexShrink:0,height:40,marginLeft:10,marginRight:10}),ToolbarLeft=newStyled.div({display:"flex",whiteSpace:"nowrap",flexBasis:"auto",gap:4}),ToolbarRight=newStyled(ToolbarLeft)({marginLeft:30});var import_react38=__toESM(require_react());var import_react37=__toESM(require_react());var StyledIframe=newStyled.iframe({backgroundColor:"white",display:"block",boxSizing:"content-box",height:"100%",width:"100%",border:"0 none",transition:"background-position 0s, visibility 0s",backgroundPosition:"-1px -1px, -1px -1px, -1px -1px, -1px -1px",margin:"auto",boxShadow:"0 0 100px 100vw rgba(0,0,0,0.5)"});function IFrame(props){let{active,id,title,src,allowFullScreen,scale,...rest}=props,iFrameRef=import_react37.default.useRef(null);return import_react37.default.createElement(Zoom.IFrame,{scale,active,iFrameRef},import_react37.default.createElement(StyledIframe,{"data-is-storybook":active?"true":"false",onLoad:e3=>e3.currentTarget.setAttribute("data-is-loaded","true"),id,title,src,allow:"clipboard-write;",allowFullScreen,ref:iFrameRef,...rest}))}var import_qs3=__toESM(require_lib()),stringifyQueryParams=queryParams=>import_qs3.default.stringify(queryParams,{addQueryPrefix:!0,encode:!1}).replace(/^\?/,"&");var getActive=(refId,refs2)=>refId&&refs2[refId]?`storybook-ref-${refId}`:"storybook-preview-iframe",SkipToSidebarLink=newStyled(Button)(({theme})=>({display:"none","@media (min-width: 600px)":{position:"absolute",display:"block",top:10,right:15,padding:"10px 15px",fontSize:theme.typography.size.s1,transform:"translateY(-100px)","&:focus":{transform:"translateY(0)",zIndex:1}}})),whenSidebarIsVisible=({api,state})=>({isFullscreen:api.getIsFullscreen(),isNavShown:api.getIsNavShown(),selectedStoryId:state.storyId}),styles2={'#root [data-is-storybook="false"]':{display:"none"},'#root [data-is-storybook="true"]':{display:"block"}},FramesRenderer=({refs:refs2,scale,viewMode="story",refId,queryParams={},baseUrl,storyId="*"})=>{let version2=refs2[refId]?.version,stringifiedQueryParams=stringifyQueryParams({...queryParams,...version2&&{version:version2}}),active=getActive(refId,refs2),{current:frames}=(0,import_react38.useRef)({}),refsToLoad=Object.values(refs2).filter(ref=>ref.type==="auto-inject"||ref.id===refId,{});return frames["storybook-preview-iframe"]||(frames["storybook-preview-iframe"]=getStoryHref(baseUrl,storyId,{...queryParams,...version2&&{version:version2},viewMode})),refsToLoad.forEach(ref=>{let id=`storybook-ref-${ref.id}`,existingUrl=frames[id]?.split("/iframe.html")[0];if(!existingUrl||ref.url!==existingUrl){let newUrl=`${ref.url}/iframe.html?id=${storyId}&viewMode=${viewMode}&refId=${ref.id}${stringifiedQueryParams}`;frames[id]=newUrl}}),import_react38.default.createElement(import_react38.Fragment,null,import_react38.default.createElement(Global,{styles:styles2}),import_react38.default.createElement(ManagerConsumer,{filter:whenSidebarIsVisible},({isFullscreen,isNavShown,selectedStoryId})=>isFullscreen||!isNavShown||!selectedStoryId?null:import_react38.default.createElement(SkipToSidebarLink,{secondary:!0,isLink:!0,tabIndex:0,href:`#${selectedStoryId}`},"Skip to sidebar")),Object.entries(frames).map(([id,src])=>import_react38.default.createElement(import_react38.Fragment,{key:id},import_react38.default.createElement(IFrame,{active:id===active,key:id,id,title:id,src,allowFullScreen:!0,scale}))))};var{FEATURES:FEATURES2}=scope,getWrappers=getFn=>Object.values(getFn(Addon_TypesEnum.PREVIEW)),getTabs=getFn=>Object.values(getFn(Addon_TypesEnum.TAB)),canvasMapper=({state,api})=>({storyId:state.storyId,refId:state.refId,viewMode:state.viewMode,customCanvas:api.renderPreview,queryParams:state.customQueryParams,getElements:api.getElements,entry:api.getData(state.storyId,state.refId),previewInitialized:state.previewInitialized,refs:state.refs,active:!!(state.viewMode&&state.viewMode.match(/^(story|docs)$/))}),createCanvasTab=()=>({id:"canvas",type:Addon_TypesEnum.TAB,title:"Canvas",route:({storyId,refId})=>refId?`/story/${refId}_${storyId}`:`/story/${storyId}`,match:({viewMode})=>!!(viewMode&&viewMode.match(/^(story|docs)$/)),render:()=>null}),useTabs=(getElements,entry)=>{let canvasTab=(0,import_react39.useMemo)(()=>createCanvasTab(),[]),tabsFromConfig=(0,import_react39.useMemo)(()=>getTabs(getElements),[getElements]);return(0,import_react39.useMemo)(()=>entry?.type==="story"&&entry.parameters?filterTabs([canvasTab,...tabsFromConfig],entry.parameters):[canvasTab,...tabsFromConfig],[entry,...tabsFromConfig])},Preview=import_react39.default.memo(function(props){let{api,id:previewId,options:options3,viewMode,storyId,entry=void 0,description,baseUrl,withLoader=!0}=props,{getElements}=api,tabs=useTabs(getElements,entry),shouldScale=viewMode==="story",{showToolbar,showTabs=!0}=options3,visibleTabsInToolbar=showTabs?tabs:[],previousStoryId=(0,import_react39.useRef)(storyId);return(0,import_react39.useEffect)(()=>{if(entry&&viewMode&&storyId!==previousStoryId.current&&(previousStoryId.current=storyId,viewMode.match(/docs|story/))){let{refId,id}=entry;api.emit(SET_CURRENT_STORY,{storyId:id,viewMode,options:{target:refId}})}},[entry,viewMode]),import_react39.default.createElement(import_react39.Fragment,null,previewId==="main"&&import_react39.default.createElement(W,{key:"description"},import_react39.default.createElement("title",null,description)),import_react39.default.createElement(ZoomProvider,{shouldScale},import_react39.default.createElement(PreviewContainer,null,import_react39.default.createElement(ToolbarComp,{key:"tools",entry,api,isShown:showToolbar,tabs:visibleTabsInToolbar}),import_react39.default.createElement(FrameWrap,{key:"frame"},import_react39.default.createElement(Canvas,{withLoader,baseUrl}),tabs.map(({render:Render,match,...t3},i3)=>{let key2=t3.id||t3.key||i3;return import_react39.default.createElement(import_react39.Fragment,{key:key2},import_react39.default.createElement(Location,null,lp=>import_react39.default.createElement(Render,{active:match(lp)})))})))))});var Canvas=({baseUrl,withLoader})=>import_react39.default.createElement(ManagerConsumer,{filter:canvasMapper},({entry,refs:refs2,customCanvas,storyId,refId,viewMode,queryParams,getElements,previewInitialized,active})=>{let id="canvas",wrappers=(0,import_react39.useMemo)(()=>[...defaultWrappers,...getWrappers(getElements)],[getElements,...defaultWrappers]),[progress,setProgress]=(0,import_react39.useState)(void 0);(0,import_react39.useEffect)(()=>{if(FEATURES2?.storyStoreV7&&scope.CONFIG_TYPE==="DEVELOPMENT")try{addons.getServerChannel().on(PREVIEW_BUILDER_PROGRESS,options3=>{setProgress(options3)})}catch{}},[]);let refLoading=!!refs2[refId]&&!refs2[refId].previewInitialized,isBuilding=!(progress?.value===1||progress===void 0),rootLoading=!refId&&(!previewInitialized||isBuilding),isLoading=entry&&refLoading||rootLoading;return import_react39.default.createElement(ZoomConsumer,null,({value:scale})=>import_react39.default.createElement(import_react39.default.Fragment,null,withLoader&&isLoading&&import_react39.default.createElement(LoaderWrapper2,null,import_react39.default.createElement(Loader,{id:"preview-loader",role:"progressbar",progress})),import_react39.default.createElement(ApplyWrappers,{id,storyId,viewMode,active,wrappers},customCanvas?customCanvas(storyId,viewMode,id,baseUrl,scale,queryParams):import_react39.default.createElement(FramesRenderer,{baseUrl,refs:refs2,scale,entry,viewMode,refId,queryParams,storyId}))))});function filterTabs(panels,parameters){let{previewTabs}=addons.getConfig(),parametersTabs=parameters?parameters.previewTabs:void 0;if(previewTabs||parametersTabs){let tabs=merge_default(previewTabs,parametersTabs),arrTabs=Object.keys(tabs).map((key2,index2)=>({index:index2,...typeof tabs[key2]=="string"?{title:tabs[key2]}:tabs[key2],id:key2}));return panels.filter(panel=>{let t3=arrTabs.find(tab=>tab.id===panel.id);return t3===void 0||t3.id==="canvas"||!t3.hidden}).map((panel,index2)=>({...panel,index:index2})).sort((p1,p2)=>{let tab_1=arrTabs.find(tab=>tab.id===p1.id),index_1=tab_1?tab_1.index:arrTabs.length+p1.index,tab_2=arrTabs.find(tab=>tab.id===p2.id),index_2=tab_2?tab_2.index:arrTabs.length+p2.index;return index_1-index_2}).map(panel=>{let t3=arrTabs.find(tab=>tab.id===panel.id);return t3?{...panel,title:t3.title||panel.title,disabled:t3.disabled,hidden:t3.hidden}:panel})}return panels}var{PREVIEW_URL:PREVIEW_URL3}=scope,splitTitleAddExtraSpace=input=>input.split("/").join(" / ").replace(/\s\s/," "),getDescription=item=>{if(item?.type==="story"||item?.type==="docs"){let{title,name:name2}=item;return title&&name2?splitTitleAddExtraSpace(`${title} - ${name2} \u22C5 Storybook`):"Storybook"}return item?.name?`${item.name} \u22C5 Storybook`:"Storybook"},mapper=({api,state})=>{let{layout,location:location3,customQueryParams,storyId,refs:refs2,viewMode,path,refId}=state,entry=api.getData(storyId,refId);return{api,entry,options:layout,description:getDescription(entry),viewMode,path,refs:refs2,storyId,baseUrl:PREVIEW_URL3||"iframe.html",queryParams:customQueryParams,location:location3}},PreviewConnected=import_react40.default.memo(function(props){return import_react40.default.createElement(ManagerConsumer,{filter:mapper},fromState=>import_react40.default.createElement(Preview,{...props,...fromState}))}),Preview_default=PreviewConnected;var import_react42=__toESM(require_react()),import_memoizerific6=__toESM(require_memoizerific());var import_react41=__toESM(require_react());var SafeTab=class extends import_react41.Component{constructor(props){super(props),this.state={hasError:!1}}componentDidCatch(error,info){this.setState({hasError:!0}),console.error(error,info)}render(){let{hasError}=this.state,{children}=this.props;return hasError?import_react41.default.createElement("h1",null,"Something went wrong."):children}},AddonPanel2=import_react41.default.memo(({panels,shortcuts,actions,selectedPanel=null,panelPosition="right",absolute=!0})=>{let{isDesktop,setMobilePanelOpen}=useLayout();return import_react41.default.createElement(Tabs,{absolute,...selectedPanel?{selected:selectedPanel}:{},menuName:"Addons",actions,tools:isDesktop?import_react41.default.createElement(import_react41.Fragment,null,import_react41.default.createElement(IconButton,{key:"position",onClick:actions.togglePosition,title:`Change addon orientation [${shortcutToHumanString(shortcuts.panelPosition)}]`},import_react41.default.createElement(Icons,{icon:panelPosition==="bottom"?"sidebaralt":"bottombar"})),import_react41.default.createElement(IconButton,{key:"visibility",onClick:actions.toggleVisibility,title:`Hide addons [${shortcutToHumanString(shortcuts.togglePanel)}]`},import_react41.default.createElement(Icons,{icon:"close"}))):import_react41.default.createElement(IconButton,{onClick:()=>setMobilePanelOpen(!1),title:"Close addon panel"},import_react41.default.createElement(Icons,{icon:"close"})),id:"storybook-panel-root"},Object.entries(panels).map(([k2,v2])=>import_react41.default.createElement(SafeTab,{key:k2,id:k2,title:typeof v2.title=="function"?import_react41.default.createElement(v2.title,null):v2.title},v2.render)))});AddonPanel2.displayName="AddonPanel";var createPanelActions=(0,import_memoizerific6.default)(1)(api=>({onSelect:panel=>api.setSelectedPanel(panel),toggleVisibility:()=>api.togglePanel(),togglePosition:()=>api.togglePanelPosition()})),mapper2=({state,api})=>({panels:api.getStoryPanels(),selectedPanel:api.getSelectedPanel(),panelPosition:state.layout.panelPosition,actions:createPanelActions(api),shortcuts:api.getShortcutKeys()}),Panel=props=>import_react42.default.createElement(ManagerConsumer,{filter:mapper2},customProps=>import_react42.default.createElement(AddonPanel2,{...props,...customProps})),Panel_default=Panel;var import_react51=__toESM(require_react());var import_react43=__toESM(require_react()),SNAP_THRESHOLD_PX=30,SIDEBAR_MIN_WIDTH_PX=240,RIGHT_PANEL_MIN_WIDTH_PX=270,MIN_WIDTH_STIFFNESS=.9;function clamp(value2,min,max){return Math.min(Math.max(value2,min),max)}function interpolate(relativeValue,min,max){return min+(max-min)*relativeValue}function useDragging({setState,isPanelShown,isDesktop}){let panelResizerRef=(0,import_react43.useRef)(null),sidebarResizerRef=(0,import_react43.useRef)(null);return(0,import_react43.useEffect)(()=>{let panelResizer=panelResizerRef.current,sidebarResizer=sidebarResizerRef.current,previewIframe=document.querySelector("#storybook-preview-iframe"),draggedElement=null,onDragStart=e3=>{e3.preventDefault(),setState(state=>({...state,isDragging:!0})),e3.currentTarget===panelResizer?draggedElement=panelResizer:e3.currentTarget===sidebarResizer&&(draggedElement=sidebarResizer),window.addEventListener("mousemove",onDrag),window.addEventListener("mouseup",onDragEnd),previewIframe&&(previewIframe.style.pointerEvents="none")},onDragEnd=e3=>{setState(state=>draggedElement===sidebarResizer&&state.navSize<SIDEBAR_MIN_WIDTH_PX&&state.navSize>0?{...state,isDragging:!1,navSize:SIDEBAR_MIN_WIDTH_PX}:draggedElement===panelResizer&&state.panelPosition==="right"&&state.rightPanelWidth<RIGHT_PANEL_MIN_WIDTH_PX&&state.rightPanelWidth>0?{...state,isDragging:!1,rightPanelWidth:RIGHT_PANEL_MIN_WIDTH_PX}:{...state,isDragging:!1}),window.removeEventListener("mousemove",onDrag),window.removeEventListener("mouseup",onDragEnd),previewIframe?.removeAttribute("style"),draggedElement=null},onDrag=e3=>{if(e3.buttons===0){onDragEnd(e3);return}setState(state=>{if(draggedElement===sidebarResizer){let sidebarDragX=e3.clientX;return sidebarDragX===state.navSize?state:sidebarDragX<=SNAP_THRESHOLD_PX?{...state,navSize:0}:sidebarDragX<=SIDEBAR_MIN_WIDTH_PX?{...state,navSize:interpolate(MIN_WIDTH_STIFFNESS,sidebarDragX,SIDEBAR_MIN_WIDTH_PX)}:{...state,navSize:clamp(sidebarDragX,0,e3.view.innerWidth)}}if(draggedElement===panelResizer){let sizeAxisState=state.panelPosition==="bottom"?"bottomPanelHeight":"rightPanelWidth",panelDragSize=state.panelPosition==="bottom"?e3.view.innerHeight-e3.clientY:e3.view.innerWidth-e3.clientX;if(panelDragSize===state[sizeAxisState])return state;if(panelDragSize<=SNAP_THRESHOLD_PX)return{...state,[sizeAxisState]:0};if(state.panelPosition==="right"&&panelDragSize<=RIGHT_PANEL_MIN_WIDTH_PX)return{...state,[sizeAxisState]:interpolate(MIN_WIDTH_STIFFNESS,panelDragSize,RIGHT_PANEL_MIN_WIDTH_PX)};let sizeAxisMax=state.panelPosition==="bottom"?e3.view.innerHeight:e3.view.innerWidth;return{...state,[sizeAxisState]:clamp(panelDragSize,0,sizeAxisMax)}}return state})};return panelResizer?.addEventListener("mousedown",onDragStart),sidebarResizer?.addEventListener("mousedown",onDragStart),()=>{panelResizer?.removeEventListener("mousedown",onDragStart),sidebarResizer?.removeEventListener("mousedown",onDragStart),previewIframe?.removeAttribute("style")}},[isPanelShown,isDesktop,setState]),{panelResizerRef,sidebarResizerRef}}var import_react50=__toESM(require_react());var import_react48=__toESM(require_react());function _objectWithoutPropertiesLoose3(source2,excluded){if(source2==null)return{};var target={},sourceKeys=Object.keys(source2),key2,i3;for(i3=0;i3<sourceKeys.length;i3++)key2=sourceKeys[i3],!(excluded.indexOf(key2)>=0)&&(target[key2]=source2[key2]);return target}var import_prop_types4=__toESM(require_prop_types()),import_react45=__toESM(require_react()),import_react_dom=__toESM(require_react_dom());var config_default={disabled:!1};var import_prop_types3=__toESM(require_prop_types()),timeoutsShape=import_prop_types3.default.oneOfType([import_prop_types3.default.number,import_prop_types3.default.shape({enter:import_prop_types3.default.number,exit:import_prop_types3.default.number,appear:import_prop_types3.default.number}).isRequired]),classNamesShape=import_prop_types3.default.oneOfType([import_prop_types3.default.string,import_prop_types3.default.shape({enter:import_prop_types3.default.string,exit:import_prop_types3.default.string,active:import_prop_types3.default.string}),import_prop_types3.default.shape({enter:import_prop_types3.default.string,enterDone:import_prop_types3.default.string,enterActive:import_prop_types3.default.string,exit:import_prop_types3.default.string,exitDone:import_prop_types3.default.string,exitActive:import_prop_types3.default.string})]);var import_react44=__toESM(require_react()),TransitionGroupContext_default=import_react44.default.createContext(null);var forceReflow=function(node){return node.scrollTop};var UNMOUNTED="unmounted",EXITED="exited",ENTERING="entering",ENTERED="entered",EXITING="exiting",Transition=function(_React$Component){_inheritsLoose2(Transition2,_React$Component);function Transition2(props,context){var _this;_this=_React$Component.call(this,props,context)||this;var parentGroup=context,appear=parentGroup&&!parentGroup.isMounting?props.enter:props.appear,initialStatus;return _this.appearStatus=null,props.in?appear?(initialStatus=EXITED,_this.appearStatus=ENTERING):initialStatus=ENTERED:props.unmountOnExit||props.mountOnEnter?initialStatus=UNMOUNTED:initialStatus=EXITED,_this.state={status:initialStatus},_this.nextCallback=null,_this}Transition2.getDerivedStateFromProps=function(_ref,prevState){var nextIn=_ref.in;return nextIn&&prevState.status===UNMOUNTED?{status:EXITED}:null};var _proto=Transition2.prototype;return _proto.componentDidMount=function(){this.updateStatus(!0,this.appearStatus)},_proto.componentDidUpdate=function(prevProps){var nextStatus=null;if(prevProps!==this.props){var status=this.state.status;this.props.in?status!==ENTERING&&status!==ENTERED&&(nextStatus=ENTERING):(status===ENTERING||status===ENTERED)&&(nextStatus=EXITING)}this.updateStatus(!1,nextStatus)},_proto.componentWillUnmount=function(){this.cancelNextCallback()},_proto.getTimeouts=function(){var timeout2=this.props.timeout,exit,enter,appear;return exit=enter=appear=timeout2,timeout2!=null&&typeof timeout2!="number"&&(exit=timeout2.exit,enter=timeout2.enter,appear=timeout2.appear!==void 0?timeout2.appear:enter),{exit,enter,appear}},_proto.updateStatus=function(mounting,nextStatus){if(mounting===void 0&&(mounting=!1),nextStatus!==null)if(this.cancelNextCallback(),nextStatus===ENTERING){if(this.props.unmountOnExit||this.props.mountOnEnter){var node=this.props.nodeRef?this.props.nodeRef.current:import_react_dom.default.findDOMNode(this);node&&forceReflow(node)}this.performEnter(mounting)}else this.performExit();else this.props.unmountOnExit&&this.state.status===EXITED&&this.setState({status:UNMOUNTED})},_proto.performEnter=function(mounting){var _this2=this,enter=this.props.enter,appearing=this.context?this.context.isMounting:mounting,_ref2=this.props.nodeRef?[appearing]:[import_react_dom.default.findDOMNode(this),appearing],maybeNode=_ref2[0],maybeAppearing=_ref2[1],timeouts=this.getTimeouts(),enterTimeout=appearing?timeouts.appear:timeouts.enter;if(!mounting&&!enter||config_default.disabled){this.safeSetState({status:ENTERED},function(){_this2.props.onEntered(maybeNode)});return}this.props.onEnter(maybeNode,maybeAppearing),this.safeSetState({status:ENTERING},function(){_this2.props.onEntering(maybeNode,maybeAppearing),_this2.onTransitionEnd(enterTimeout,function(){_this2.safeSetState({status:ENTERED},function(){_this2.props.onEntered(maybeNode,maybeAppearing)})})})},_proto.performExit=function(){var _this3=this,exit=this.props.exit,timeouts=this.getTimeouts(),maybeNode=this.props.nodeRef?void 0:import_react_dom.default.findDOMNode(this);if(!exit||config_default.disabled){this.safeSetState({status:EXITED},function(){_this3.props.onExited(maybeNode)});return}this.props.onExit(maybeNode),this.safeSetState({status:EXITING},function(){_this3.props.onExiting(maybeNode),_this3.onTransitionEnd(timeouts.exit,function(){_this3.safeSetState({status:EXITED},function(){_this3.props.onExited(maybeNode)})})})},_proto.cancelNextCallback=function(){this.nextCallback!==null&&(this.nextCallback.cancel(),this.nextCallback=null)},_proto.safeSetState=function(nextState,callback){callback=this.setNextCallback(callback),this.setState(nextState,callback)},_proto.setNextCallback=function(callback){var _this4=this,active=!0;return this.nextCallback=function(event){active&&(active=!1,_this4.nextCallback=null,callback(event))},this.nextCallback.cancel=function(){active=!1},this.nextCallback},_proto.onTransitionEnd=function(timeout2,handler){this.setNextCallback(handler);var node=this.props.nodeRef?this.props.nodeRef.current:import_react_dom.default.findDOMNode(this),doesNotHaveTimeoutOrListener=timeout2==null&&!this.props.addEndListener;if(!node||doesNotHaveTimeoutOrListener){setTimeout(this.nextCallback,0);return}if(this.props.addEndListener){var _ref3=this.props.nodeRef?[this.nextCallback]:[node,this.nextCallback],maybeNode=_ref3[0],maybeNextCallback=_ref3[1];this.props.addEndListener(maybeNode,maybeNextCallback)}timeout2!=null&&setTimeout(this.nextCallback,timeout2)},_proto.render=function(){var status=this.state.status;if(status===UNMOUNTED)return null;var _this$props=this.props,children=_this$props.children,_in=_this$props.in,_mountOnEnter=_this$props.mountOnEnter,_unmountOnExit=_this$props.unmountOnExit,_appear=_this$props.appear,_enter=_this$props.enter,_exit=_this$props.exit,_timeout=_this$props.timeout,_addEndListener=_this$props.addEndListener,_onEnter=_this$props.onEnter,_onEntering=_this$props.onEntering,_onEntered=_this$props.onEntered,_onExit=_this$props.onExit,_onExiting=_this$props.onExiting,_onExited=_this$props.onExited,_nodeRef=_this$props.nodeRef,childProps=_objectWithoutPropertiesLoose3(_this$props,["children","in","mountOnEnter","unmountOnExit","appear","enter","exit","timeout","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","nodeRef"]);return import_react45.default.createElement(TransitionGroupContext_default.Provider,{value:null},typeof children=="function"?children(status,childProps):import_react45.default.cloneElement(import_react45.default.Children.only(children),childProps))},Transition2}(import_react45.default.Component);Transition.contextType=TransitionGroupContext_default;Transition.propTypes={nodeRef:import_prop_types4.default.shape({current:typeof Element>"u"?import_prop_types4.default.any:function(propValue,key2,componentName,location3,propFullName,secret){var value2=propValue[key2];return import_prop_types4.default.instanceOf(value2&&"ownerDocument"in value2?value2.ownerDocument.defaultView.Element:Element)(propValue,key2,componentName,location3,propFullName,secret)}}),children:import_prop_types4.default.oneOfType([import_prop_types4.default.func.isRequired,import_prop_types4.default.element.isRequired]).isRequired,in:import_prop_types4.default.bool,mountOnEnter:import_prop_types4.default.bool,unmountOnExit:import_prop_types4.default.bool,appear:import_prop_types4.default.bool,enter:import_prop_types4.default.bool,exit:import_prop_types4.default.bool,timeout:function(props){var pt=timeoutsShape;props.addEndListener||(pt=pt.isRequired);for(var _len=arguments.length,args2=new Array(_len>1?_len-1:0),_key=1;_key<_len;_key++)args2[_key-1]=arguments[_key];return pt.apply(void 0,[props].concat(args2))},addEndListener:import_prop_types4.default.func,onEnter:import_prop_types4.default.func,onEntering:import_prop_types4.default.func,onEntered:import_prop_types4.default.func,onExit:import_prop_types4.default.func,onExiting:import_prop_types4.default.func,onExited:import_prop_types4.default.func};function noop4(){}Transition.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:noop4,onEntering:noop4,onEntered:noop4,onExit:noop4,onExiting:noop4,onExited:noop4};Transition.UNMOUNTED=UNMOUNTED;Transition.EXITED=EXITED;Transition.ENTERING=ENTERING;Transition.ENTERED=ENTERED;Transition.EXITING=EXITING;var Transition_default=Transition;var import_react47=__toESM(require_react());var import_react46=__toESM(require_react());var UpgradeBlock=({onNavigateToWhatsNew})=>{let api=useStorybookApi(),[activeTab,setActiveTab]=(0,import_react46.useState)("npm");return import_react46.default.createElement(Container4,null,import_react46.default.createElement("strong",null,"You are on Storybook ",api.getCurrentVersion().version),import_react46.default.createElement("p",null,"Run the following script to check for updates and upgrade to the latest version."),import_react46.default.createElement(Tabs2,null,import_react46.default.createElement(ButtonTab,{active:activeTab==="npm",onClick:()=>setActiveTab("npm")},"npm"),import_react46.default.createElement(ButtonTab,{active:activeTab==="pnpm",onClick:()=>setActiveTab("pnpm")},"pnpm")),import_react46.default.createElement(Code3,null,activeTab==="npm"?"npx storybook@latest upgrade":"pnpm dlx storybook@latest upgrade"),onNavigateToWhatsNew&&import_react46.default.createElement(Link22,{onClick:onNavigateToWhatsNew},"See what's new in Storybook"))},Container4=newStyled.div(({theme})=>({border:"1px solid",borderRadius:5,padding:20,marginTop:0,borderColor:theme.appBorderColor,fontSize:theme.typography.size.s2,width:"100%",[MEDIA_DESKTOP_BREAKPOINT]:{maxWidth:400}})),Tabs2=newStyled.div({display:"flex",gap:2}),Code3=newStyled.pre(({theme})=>({background:theme.base==="light"?"rgba(0, 0, 0, 0.05)":theme.appBorderColor,fontSize:theme.typography.size.s2-1,margin:"4px 0 16px"})),ButtonTab=newStyled.button(({theme,active})=>({all:"unset",alignItems:"center",gap:10,color:theme.color.defaultText,fontSize:theme.typography.size.s2-1,borderBottom:"2px solid transparent",borderBottomColor:active?theme.color.secondary:"none",padding:"0 10px 5px",marginBottom:"5px",cursor:"pointer"}));var MobileAbout=()=>{let{isMobileAboutOpen,setMobileAboutOpen}=useLayout(),aboutRef=(0,import_react47.useRef)(null);return import_react47.default.createElement(Transition_default,{nodeRef:aboutRef,in:isMobileAboutOpen,timeout:300,appear:!0,mountOnEnter:!0,unmountOnExit:!0},state=>import_react47.default.createElement(Container5,{ref:aboutRef,state,transitionDuration:300},import_react47.default.createElement(Button2,{onClick:()=>setMobileAboutOpen(!1),title:"Close about section"},import_react47.default.createElement(Icons,{icon:"arrowleftalt"}),"Back"),import_react47.default.createElement(LinkContainer,null,import_react47.default.createElement(LinkLine,{href:"https://github.com/storybookjs/storybook",target:"_blank"},import_react47.default.createElement(LinkLeft,null,import_react47.default.createElement(Icons,{icon:"github"}),import_react47.default.createElement("span",null,"Github")),import_react47.default.createElement(Icons,{icon:"sharealt",width:12})),import_react47.default.createElement(LinkLine,{href:"https://storybook.js.org/docs/react/get-started/install/",target:"_blank"},import_react47.default.createElement(LinkLeft,null,import_react47.default.createElement(Icons,{icon:"storybook"}),import_react47.default.createElement("span",null,"Documentation")),import_react47.default.createElement(Icons,{icon:"sharealt",width:12}))),import_react47.default.createElement(UpgradeBlock,null),import_react47.default.createElement(BottomText,null,"Open source software maintained by"," ",import_react47.default.createElement(Link22,{href:"https://chromatic.com",target:"_blank"},"Chromatic")," ","and the"," ",import_react47.default.createElement(Link22,{href:"https://github.com/storybookjs/storybook/graphs/contributors"},"Storybook Community"))))},Container5=newStyled.div(({theme,state,transitionDuration})=>({position:"absolute",width:"100%",height:"100%",top:0,left:0,zIndex:11,transition:`all ${transitionDuration}ms ease-in-out`,overflow:"scroll",padding:"25px 10px 10px",color:theme.color.defaultText,background:theme.background.content,opacity:`${(()=>{switch(state){case"entering":case"entered":return 1;case"exiting":case"exited":return 0;default:return 0}})()}`,transform:`${(()=>{switch(state){case"entering":case"entered":return"translateX(0)";case"exiting":case"exited":return"translateX(20px)";default:return"translateX(0)"}})()}`})),LinkContainer=newStyled.div({marginTop:20,marginBottom:20}),LinkLine=newStyled.a(({theme})=>({all:"unset",display:"flex",alignItems:"center",justifyContent:"space-between",fontSize:theme.typography.size.s2-1,height:52,borderBottom:`1px solid ${theme.appBorderColor}`,cursor:"pointer",padding:"0 10px","&:last-child":{borderBottom:"none"}})),LinkLeft=newStyled.div(({theme})=>({display:"flex",alignItems:"center",fontSize:theme.typography.size.s2-1,height:40,gap:5})),BottomText=newStyled.div(({theme})=>({fontSize:theme.typography.size.s2-1,marginTop:30})),Button2=newStyled.button(({theme})=>({all:"unset",display:"flex",alignItems:"center",gap:10,color:"currentColor",fontSize:theme.typography.size.s2-1,padding:"0 10px"}));var MobileMenuDrawer=({children})=>{let containerRef=(0,import_react48.useRef)(null),sidebarRef=(0,import_react48.useRef)(null),overlayRef=(0,import_react48.useRef)(null),{isMobileMenuOpen,setMobileMenuOpen,isMobileAboutOpen,setMobileAboutOpen}=useLayout();return import_react48.default.createElement(import_react48.default.Fragment,null,import_react48.default.createElement(Transition_default,{nodeRef:containerRef,in:isMobileMenuOpen,timeout:300,mountOnEnter:!0,unmountOnExit:!0,onExited:()=>setMobileAboutOpen(!1)},state=>import_react48.default.createElement(Container6,{ref:containerRef,state},import_react48.default.createElement(Transition_default,{nodeRef:sidebarRef,in:!isMobileAboutOpen,timeout:300},sidebarState=>import_react48.default.createElement(SidebarContainer,{ref:sidebarRef,state:sidebarState},children)),import_react48.default.createElement(MobileAbout,null))),import_react48.default.createElement(Transition_default,{nodeRef:overlayRef,in:isMobileMenuOpen,timeout:300,mountOnEnter:!0,unmountOnExit:!0},state=>import_react48.default.createElement(Overlay,{ref:overlayRef,state,onClick:()=>setMobileMenuOpen(!1),"aria-label":"Close navigation menu"})))},Container6=newStyled.div(({theme,state})=>({position:"fixed",boxSizing:"border-box",width:"100%",background:theme.background.content,height:"80%",bottom:0,left:0,zIndex:11,borderRadius:"10px 10px 0 0",transition:`all ${300}ms ease-in-out`,overflow:"hidden",transform:`${(()=>state==="entering"||state==="entered"?"translateY(0)":state==="exiting"||state==="exited"?"translateY(100%)":"translateY(0)")()}`})),SidebarContainer=newStyled.div(({theme,state})=>({position:"absolute",width:"100%",height:"100%",top:0,left:0,zIndex:1,transition:`all ${300}ms ease-in-out`,overflow:"hidden",opacity:`${(()=>state==="entered"||state==="entering"?1:state==="exiting"||state==="exited"?0:1)()}`,transform:`${(()=>{switch(state){case"entering":case"entered":return"translateX(0)";case"exiting":case"exited":return"translateX(-20px)";default:return"translateX(0)"}})()}`})),Overlay=newStyled.div(({state})=>({position:"fixed",boxSizing:"border-box",background:"rgba(0, 0, 0, 0.5)",top:0,bottom:0,right:0,left:0,zIndex:10,transition:`all ${300}ms ease-in-out`,cursor:"pointer",opacity:`${(()=>{switch(state){case"entering":case"entered":return 1;case"exiting":case"exited":return 0;default:return 0}})()}`,"&:hover":{background:"rgba(0, 0, 0, 0.6)"}}));var import_react49=__toESM(require_react());var TRANSITION_DURATION=200,Container7=newStyled.div(({theme,state})=>({position:"fixed",boxSizing:"border-box",width:"100%",background:theme.background.content,height:"50%",bottom:0,left:0,zIndex:11,transition:`all ${TRANSITION_DURATION}ms ease-in-out`,overflow:"hidden",borderTop:`1px solid ${theme.appBorderColor}`,transform:`${(()=>{switch(state){case"entering":case"entered":return"translateY(0)";case"exiting":case"exited":return"translateY(100%)";default:return"translateY(0)"}})()}`})),MobileAddonsDrawer=({children})=>{let{isMobilePanelOpen}=useLayout(),containerRef=(0,import_react49.useRef)(null);return import_react49.default.createElement(Transition_default,{nodeRef:containerRef,in:isMobilePanelOpen,timeout:TRANSITION_DURATION,mountOnEnter:!0,unmountOnExit:!0},state=>import_react49.default.createElement(Container7,{ref:containerRef,state},children))};var useFullStoryName=()=>{let{index:index2}=useStorybookState(),currentStory=useStorybookApi().getCurrentStoryData();if(!currentStory)return"";let fullStoryName=currentStory.renderLabel?.(currentStory)||currentStory.name,node=index2[currentStory.id];for(;"parent"in node&&node.parent&&index2[node.parent];)node=index2[node.parent],fullStoryName=`${node.renderLabel?.(node)||node.name}/${fullStoryName}`;return fullStoryName},MobileNavigation=({menu,panel,showPanel})=>{let{isMobileMenuOpen,setMobileMenuOpen,setMobilePanelOpen}=useLayout(),fullStoryName=useFullStoryName();return import_react50.default.createElement(Container8,null,import_react50.default.createElement(MobileMenuDrawer,null,menu),import_react50.default.createElement(MobileAddonsDrawer,null,panel),import_react50.default.createElement(Button4,{onClick:()=>setMobileMenuOpen(!isMobileMenuOpen),title:"Open navigation menu"},import_react50.default.createElement(Icons,{icon:"menu"}),fullStoryName),showPanel&&import_react50.default.createElement(DrawerIconButton,{onClick:()=>setMobilePanelOpen(!0),title:"Open addon panel"},import_react50.default.createElement(Icons,{icon:"bottombartoggle"})))},Container8=newStyled.div(({theme})=>({display:"flex",alignItems:"center",justifyContent:"space-between",bottom:0,left:0,width:"100%",height:40,zIndex:10,background:theme.barBg,padding:"0 6px",borderTop:`1px solid ${theme.appBorderColor}`,color:theme.color.mediumdark})),DrawerIconButton=newStyled(IconButton)({marginTop:0}),Button4=newStyled.button(({theme})=>({all:"unset",display:"flex",alignItems:"center",gap:10,color:"currentColor",fontSize:`${theme.typography.size.s2-1}px`,padding:"0 7px",fontWeight:theme.typography.weight.bold}));var MINIMUM_CONTENT_WIDTH_PX=100,layoutStateIsEqual=(state,other)=>state.navSize===other.navSize&&state.bottomPanelHeight===other.bottomPanelHeight&&state.rightPanelWidth===other.rightPanelWidth&&state.panelPosition===other.panelPosition,useLayoutSyncingState=({managerLayoutState,setManagerLayoutState,isDesktop})=>{let prevManagerLayoutStateRef=import_react51.default.useRef(managerLayoutState),[internalDraggingSizeState,setInternalDraggingSizeState]=(0,import_react51.useState)({...managerLayoutState,isDragging:!1});(0,import_react51.useEffect)(()=>{internalDraggingSizeState.isDragging||layoutStateIsEqual(managerLayoutState,prevManagerLayoutStateRef.current)||(prevManagerLayoutStateRef.current=managerLayoutState,setInternalDraggingSizeState(state=>({...state,...managerLayoutState})))},[internalDraggingSizeState.isDragging,managerLayoutState,setInternalDraggingSizeState]),(0,import_react51.useLayoutEffect)(()=>{if(internalDraggingSizeState.isDragging||layoutStateIsEqual(prevManagerLayoutStateRef.current,internalDraggingSizeState))return;let nextState={navSize:internalDraggingSizeState.navSize,bottomPanelHeight:internalDraggingSizeState.bottomPanelHeight,rightPanelWidth:internalDraggingSizeState.rightPanelWidth};prevManagerLayoutStateRef.current={...prevManagerLayoutStateRef.current,...nextState},setManagerLayoutState(nextState)},[internalDraggingSizeState,setManagerLayoutState]);let isPagesShown=managerLayoutState.viewMode!=="story"&&managerLayoutState.viewMode!=="docs",isPanelShown=managerLayoutState.viewMode==="story",{panelResizerRef,sidebarResizerRef}=useDragging({setState:setInternalDraggingSizeState,isPanelShown,isDesktop}),{navSize,rightPanelWidth,bottomPanelHeight}=internalDraggingSizeState.isDragging?internalDraggingSizeState:managerLayoutState;return{navSize,rightPanelWidth,bottomPanelHeight,panelPosition:managerLayoutState.panelPosition,panelResizerRef,sidebarResizerRef,showPages:isPagesShown,showPanel:isPanelShown,isDragging:internalDraggingSizeState.isDragging}},Layout=({managerLayoutState,setManagerLayoutState,...slots})=>{let{isDesktop,isMobile}=useLayout(),{navSize,rightPanelWidth,bottomPanelHeight,panelPosition,panelResizerRef,sidebarResizerRef,showPages,showPanel,isDragging}=useLayoutSyncingState({managerLayoutState,setManagerLayoutState,isDesktop});return import_react51.default.createElement(LayoutContainer,{navSize,rightPanelWidth,bottomPanelHeight,panelPosition:managerLayoutState.panelPosition,isDragging,viewMode:managerLayoutState.viewMode},showPages&&import_react51.default.createElement(PagesContainer,null,slots.slotPages),import_react51.default.createElement(ContentContainer,null,slots.slotMain),isDesktop&&import_react51.default.createElement(import_react51.default.Fragment,null,import_react51.default.createElement(SidebarContainer2,null,import_react51.default.createElement(Drag,{ref:sidebarResizerRef}),slots.slotSidebar),showPanel&&import_react51.default.createElement(PanelContainer,{position:panelPosition},import_react51.default.createElement(Drag,{orientation:panelPosition==="bottom"?"horizontal":"vertical",position:panelPosition==="bottom"?"left":"right",ref:panelResizerRef}),slots.slotPanel)),isMobile&&import_react51.default.createElement(MobileNavigation,{menu:slots.slotSidebar,panel:slots.slotPanel,showPanel}))},LayoutContainer=newStyled.div(({navSize,rightPanelWidth,bottomPanelHeight,viewMode,panelPosition})=>({width:"100%",height:"100svh",overflow:"hidden",display:"flex",flexDirection:"column",[MEDIA_DESKTOP_BREAKPOINT]:{display:"grid",gap:0,gridTemplateColumns:`minmax(0, ${navSize}px) minmax(${MINIMUM_CONTENT_WIDTH_PX}px, 1fr) minmax(0, ${rightPanelWidth}px)`,gridTemplateRows:`1fr minmax(0, ${bottomPanelHeight}px)`,gridTemplateAreas:(()=>viewMode==="docs"?`"sidebar content content"
+`),Shortcut=({keys:keys2})=>import_react27.default.createElement(import_react27.default.Fragment,null,import_react27.default.createElement(Key,null,keys2.map((key2,index2)=>import_react27.default.createElement(KeyChild,{key:key2},shortcutToHumanString([key2]))))),useMenu=(state,api,showToolbar,isFullscreen,isPanelShown,isNavShown,enableShortcuts)=>{let theme=useTheme(),shortcutKeys=api.getShortcutKeys(),about=(0,import_react27.useMemo)(()=>({id:"about",title:"About your Storybook",onClick:()=>api.navigateToSettingsPage("/settings/about")}),[api]),whatsNewNotificationsEnabled=state.whatsNewData?.status==="SUCCESS"&&!state.disableWhatsNewNotifications,isWhatsNewUnread=api.isWhatsNewUnread(),whatsNew=(0,import_react27.useMemo)(()=>({id:"whats-new",title:"What's new?",onClick:()=>api.navigateToSettingsPage("/settings/whats-new"),right:whatsNewNotificationsEnabled&&isWhatsNewUnread&&import_react27.default.createElement(Badge,{status:"positive"},"Check it out")}),[api,whatsNewNotificationsEnabled,isWhatsNewUnread]),shortcuts=(0,import_react27.useMemo)(()=>({id:"shortcuts",title:"Keyboard shortcuts",onClick:()=>api.navigateToSettingsPage("/settings/shortcuts"),right:enableShortcuts?import_react27.default.createElement(Shortcut,{keys:shortcutKeys.shortcutsPage}):null,style:{borderBottom:`4px solid ${theme.appBorderColor}`}}),[api,enableShortcuts,shortcutKeys.shortcutsPage,theme.appBorderColor]),sidebarToggle=(0,import_react27.useMemo)(()=>({id:"S",title:"Show sidebar",onClick:()=>api.toggleNav(),active:isNavShown,right:enableShortcuts?import_react27.default.createElement(Shortcut,{keys:shortcutKeys.toggleNav}):null,left:isNavShown?import_react27.default.createElement(Icons,{icon:"check"}):null}),[api,enableShortcuts,shortcutKeys,isNavShown]),toolbarToogle=(0,import_react27.useMemo)(()=>({id:"T",title:"Show toolbar",onClick:()=>api.toggleToolbar(),active:showToolbar,right:enableShortcuts?import_react27.default.createElement(Shortcut,{keys:shortcutKeys.toolbar}):null,left:showToolbar?import_react27.default.createElement(Icons,{icon:"check"}):null}),[api,enableShortcuts,shortcutKeys,showToolbar]),addonsToggle=(0,import_react27.useMemo)(()=>({id:"A",title:"Show addons",onClick:()=>api.togglePanel(),active:isPanelShown,right:enableShortcuts?import_react27.default.createElement(Shortcut,{keys:shortcutKeys.togglePanel}):null,left:isPanelShown?import_react27.default.createElement(Icons,{icon:"check"}):null}),[api,enableShortcuts,shortcutKeys,isPanelShown]),addonsOrientationToggle=(0,import_react27.useMemo)(()=>({id:"D",title:"Change addons orientation",onClick:()=>api.togglePanelPosition(),right:enableShortcuts?import_react27.default.createElement(Shortcut,{keys:shortcutKeys.panelPosition}):null}),[api,enableShortcuts,shortcutKeys]),fullscreenToggle=(0,import_react27.useMemo)(()=>({id:"F",title:"Go full screen",onClick:()=>api.toggleFullscreen(),active:isFullscreen,right:enableShortcuts?import_react27.default.createElement(Shortcut,{keys:shortcutKeys.fullScreen}):null,left:isFullscreen?import_react27.default.createElement(Icons,{icon:"check"}):null}),[api,enableShortcuts,shortcutKeys,isFullscreen]),searchToggle=(0,import_react27.useMemo)(()=>({id:"/",title:"Search",onClick:()=>api.focusOnUIElement(focusableUIElements2.storySearchField),right:enableShortcuts?import_react27.default.createElement(Shortcut,{keys:shortcutKeys.search}):null}),[api,enableShortcuts,shortcutKeys]),up=(0,import_react27.useMemo)(()=>({id:"up",title:"Previous component",onClick:()=>api.jumpToComponent(-1),right:enableShortcuts?import_react27.default.createElement(Shortcut,{keys:shortcutKeys.prevComponent}):null}),[api,enableShortcuts,shortcutKeys]),down=(0,import_react27.useMemo)(()=>({id:"down",title:"Next component",onClick:()=>api.jumpToComponent(1),right:enableShortcuts?import_react27.default.createElement(Shortcut,{keys:shortcutKeys.nextComponent}):null}),[api,enableShortcuts,shortcutKeys]),prev=(0,import_react27.useMemo)(()=>({id:"prev",title:"Previous story",onClick:()=>api.jumpToStory(-1),right:enableShortcuts?import_react27.default.createElement(Shortcut,{keys:shortcutKeys.prevStory}):null}),[api,enableShortcuts,shortcutKeys]),next=(0,import_react27.useMemo)(()=>({id:"next",title:"Next story",onClick:()=>api.jumpToStory(1),right:enableShortcuts?import_react27.default.createElement(Shortcut,{keys:shortcutKeys.nextStory}):null}),[api,enableShortcuts,shortcutKeys]),collapse=(0,import_react27.useMemo)(()=>({id:"collapse",title:"Collapse all",onClick:()=>api.collapseAll(),right:enableShortcuts?import_react27.default.createElement(Shortcut,{keys:shortcutKeys.collapseAll}):null}),[api,enableShortcuts,shortcutKeys]),getAddonsShortcuts=(0,import_react27.useCallback)(()=>{let addonsShortcuts2=api.getAddonsShortcuts(),keys2=shortcutKeys;return Object.entries(addonsShortcuts2).filter(([_2,{showInMenu}])=>showInMenu).map(([actionName,{label,action}])=>({id:actionName,title:label,onClick:()=>action(),right:enableShortcuts?import_react27.default.createElement(Shortcut,{keys:keys2[actionName]}):null}))},[api,enableShortcuts,shortcutKeys]);return(0,import_react27.useMemo)(()=>[about,...state.whatsNewData?.status==="SUCCESS"?[whatsNew]:[],shortcuts,sidebarToggle,toolbarToogle,addonsToggle,addonsOrientationToggle,fullscreenToggle,searchToggle,up,down,prev,next,collapse,...getAddonsShortcuts()],[about,state,whatsNew,shortcuts,sidebarToggle,toolbarToogle,addonsToggle,addonsOrientationToggle,fullscreenToggle,searchToggle,up,down,prev,next,collapse,getAddonsShortcuts])};var Sidebar3=import_react28.default.memo(function({onMenuClick}){return import_react28.default.createElement(ManagerConsumer,{filter:({state,api})=>{let{ui:{name:name2,url,enableShortcuts},viewMode,storyId,refId,layout:{showToolbar},index:index2,status,indexError,previewInitialized,refs:refs2}=state,menu=useMenu(state,api,showToolbar,api.getIsFullscreen(),api.getIsPanelShown(),api.getIsNavShown(),enableShortcuts),whatsNewNotificationsEnabled=state.whatsNewData?.status==="SUCCESS"&&!state.disableWhatsNewNotifications,items=api.getElements(Addon_TypesEnum.experimental_SIDEBAR_BOTTOM),bottom=(0,import_react28.useMemo)(()=>Object.values(items),[items]),top=(0,import_react28.useMemo)(()=>Object.values(api.getElements(Addon_TypesEnum.experimental_SIDEBAR_TOP)),[]);return{title:name2,url,index:index2,indexError,status,previewInitialized,refs:refs2,storyId,refId,viewMode,menu,menuHighlighted:whatsNewNotificationsEnabled&&api.isWhatsNewUnread(),enableShortcuts,bottom,extra:top}}},fromState=>import_react28.default.createElement(Sidebar,{...fromState,onMenuClick}))}),Sidebar_default=Sidebar3;var import_react40=__toESM(require_react());var import_react39=__toESM(require_react());var PreviewContainer=newStyled.div({display:"flex",flexDirection:"column",width:"100%",height:"100%",overflow:"hidden"}),FrameWrap=newStyled.div({overflow:"auto",width:"100%",zIndex:3,background:"transparent",flex:1}),UnstyledLink=newStyled(Link2)({color:"inherit",textDecoration:"inherit",display:"inline-block"}),DesktopOnly=newStyled.span({"@media (max-width: 599px)":{display:"none"}}),IframeWrapper=newStyled.div(({theme})=>({alignContent:"center",alignItems:"center",justifyContent:"center",justifyItems:"center",overflow:"auto",display:"grid",gridTemplateColumns:"100%",gridTemplateRows:"100%",position:"relative",width:"100%",height:"100%",background:theme.background.content})),LoaderWrapper2=newStyled.div(({theme})=>({position:"absolute",top:0,left:0,bottom:0,right:0,background:theme.background.content,zIndex:1}));var import_react29=__toESM(require_react());var initialZoom=1,Context=import_react29.default.createContext({value:initialZoom,set:v2=>{}}),ZoomProvider=class extends import_react29.Component{constructor(){super(...arguments);this.state={value:initialZoom};this.set=value2=>this.setState({value:value2})}render(){let{children,shouldScale}=this.props,{set:set2}=this,{value:value2}=this.state;return import_react29.default.createElement(Context.Provider,{value:{value:shouldScale?value2:initialZoom,set:set2}},children)}},{Consumer:ZoomConsumer}=Context,Zoom2=import_react29.default.memo(function({zoomIn,zoomOut,reset}){return import_react29.default.createElement(import_react29.default.Fragment,null,import_react29.default.createElement(IconButton,{key:"zoomin",onClick:zoomIn,title:"Zoom in"},import_react29.default.createElement(Icons,{icon:"zoom"})),import_react29.default.createElement(IconButton,{key:"zoomout",onClick:zoomOut,title:"Zoom out"},import_react29.default.createElement(Icons,{icon:"zoomout"})),import_react29.default.createElement(IconButton,{key:"zoomreset",onClick:reset,title:"Reset zoom"},import_react29.default.createElement(Icons,{icon:"zoomreset"})))});var ZoomWrapper=import_react29.default.memo(function({set:set2,value:value2}){let zoomIn=(0,import_react29.useCallback)(e3=>{e3.preventDefault(),set2(.8*value2)},[set2,value2]),zoomOut=(0,import_react29.useCallback)(e3=>{e3.preventDefault(),set2(1.25*value2)},[set2,value2]),reset=(0,import_react29.useCallback)(e3=>{e3.preventDefault(),set2(initialZoom)},[set2,initialZoom]);return import_react29.default.createElement(Zoom2,{key:"zoom",zoomIn,zoomOut,reset})}),zoomTool={title:"zoom",id:"zoom",type:Addon_TypesEnum.TOOL,match:({viewMode})=>viewMode==="story",render:import_react29.default.memo(function(){return import_react29.default.createElement(import_react29.default.Fragment,null,import_react29.default.createElement(ZoomConsumer,null,({set:set2,value:value2})=>import_react29.default.createElement(ZoomWrapper,{set:set2,value:value2})),import_react29.default.createElement(Separator,null))})};var import_react30=__toESM(require_react());var ApplyWrappers=({wrappers,id,storyId,active,children})=>import_react30.default.createElement(import_react30.Fragment,null,wrappers.reduceRight((acc,wrapper,index2)=>import_react30.default.createElement(wrapper.render,{index:index2,children:acc,id,storyId,active}),children)),defaultWrappers=[{id:"iframe-wrapper",type:Addon_TypesEnum.PREVIEW,render:p2=>import_react30.default.createElement(IframeWrapper,{id:"storybook-preview-wrapper",hidden:!p2.active},p2.children)}];var import_react36=__toESM(require_react());var import_react31=__toESM(require_react()),import_copy_to_clipboard=__toESM(require_copy_to_clipboard());var{PREVIEW_URL,document:document10}=scope,copyMapper=({state})=>{let{storyId,refId,refs:refs2}=state,{location:location3}=document10,ref=refs2[refId],baseUrl=`${location3.origin}${location3.pathname}`;return baseUrl.endsWith("/")||(baseUrl+="/"),{refId,baseUrl:ref?`${ref.url}/iframe.html`:PREVIEW_URL||`${baseUrl}iframe.html`,storyId,queryParams:state.customQueryParams}},copyTool={title:"copy",id:"copy",type:Addon_TypesEnum.TOOL,match:({viewMode})=>viewMode==="story",render:()=>import_react31.default.createElement(ManagerConsumer,{filter:copyMapper},({baseUrl,storyId,queryParams})=>storyId?import_react31.default.createElement(IconButton,{key:"copy",onClick:()=>(0,import_copy_to_clipboard.default)(getStoryHref(baseUrl,storyId,queryParams)),title:"Copy canvas link"},import_react31.default.createElement(Icons,{icon:"link"})):null)};var import_react32=__toESM(require_react());var{PREVIEW_URL:PREVIEW_URL2}=scope,ejectMapper=({state})=>{let{storyId,refId,refs:refs2}=state,ref=refs2[refId];return{refId,baseUrl:ref?`${ref.url}/iframe.html`:PREVIEW_URL2||"iframe.html",storyId,queryParams:state.customQueryParams}},ejectTool={title:"eject",id:"eject",type:Addon_TypesEnum.TOOL,match:({viewMode})=>viewMode==="story",render:()=>import_react32.default.createElement(ManagerConsumer,{filter:ejectMapper},({baseUrl,storyId,queryParams})=>storyId?import_react32.default.createElement(IconButton,{key:"opener",href:getStoryHref(baseUrl,storyId,queryParams),target:"_blank",title:"Open canvas in new tab"},import_react32.default.createElement(Icons,{icon:"sharealt"})):null)};var import_react33=__toESM(require_react());var menuMapper=({api,state})=>({isVisible:api.getIsNavShown(),singleStory:state.singleStory,toggle:()=>api.toggleNav()}),menuTool={title:"menu",id:"menu",type:Addon_TypesEnum.TOOL,match:({viewMode})=>["story","docs"].includes(viewMode),render:()=>import_react33.default.createElement(ManagerConsumer,{filter:menuMapper},({isVisible,toggle,singleStory})=>!singleStory&&!isVisible&&import_react33.default.createElement(import_react33.default.Fragment,null,import_react33.default.createElement(IconButton,{"aria-label":"Show sidebar",key:"menu",onClick:toggle,title:"Show sidebar"},import_react33.default.createElement(Icons,{icon:"menu"})),import_react33.default.createElement(Separator,null)))};var import_react34=__toESM(require_react());var menuMapper2=({api,state})=>({isVisible:api.getIsPanelShown(),singleStory:state.singleStory,panelPosition:state.layout.panelPosition,toggle:()=>api.togglePanel()}),addonsTool={title:"addons",id:"addons",type:Addon_TypesEnum.TOOL,match:({viewMode})=>viewMode==="story",render:()=>import_react34.default.createElement(ManagerConsumer,{filter:menuMapper2},({isVisible,toggle,singleStory,panelPosition})=>!singleStory&&!isVisible&&import_react34.default.createElement(import_react34.default.Fragment,null,import_react34.default.createElement(IconButton,{"aria-label":"Show addons",key:"addons",onClick:toggle,title:"Show addons"},import_react34.default.createElement(Icons,{icon:panelPosition==="bottom"?"bottombar":"sidebaralt"}))))};var import_react35=__toESM(require_react());var StyledAnimatedIconButton=newStyled(IconButton)(({theme,animating,disabled})=>({opacity:disabled?.5:1,svg:{animation:animating&&`${theme.animation.rotate360} 1000ms ease-out`}})),menuMapper3=({api,state})=>{let{storyId}=state;return{storyId,remount:()=>api.emit(FORCE_REMOUNT,{storyId:state.storyId}),api}},remountTool={title:"remount",id:"remount",type:Addon_TypesEnum.TOOL,match:({viewMode})=>viewMode==="story",render:()=>import_react35.default.createElement(ManagerConsumer,{filter:menuMapper3},({remount,storyId,api})=>{let[isAnimating,setIsAnimating]=(0,import_react35.useState)(!1),remountComponent=()=>{storyId&&remount()};return api.on(FORCE_REMOUNT,()=>{setIsAnimating(!0)}),import_react35.default.createElement(StyledAnimatedIconButton,{key:"remount",title:"Remount component",onClick:remountComponent,onAnimationEnd:()=>setIsAnimating(!1),animating:isAnimating,disabled:!storyId},import_react35.default.createElement(Icons,{icon:"sync"}))})};var getTools=getFn=>Object.values(getFn(Addon_TypesEnum.TOOL)),getToolsExtra=getFn=>Object.values(getFn(Addon_TypesEnum.TOOLEXTRA)),fullScreenMapper=({api,state})=>({toggle:api.toggleFullscreen,isFullscreen:api.getIsFullscreen(),shortcut:shortcutToHumanString(api.getShortcutKeys().fullScreen),hasPanel:Object.keys(api.getPanels()).length>0,singleStory:state.singleStory}),fullScreenTool={title:"fullscreen",id:"fullscreen",type:Addon_TypesEnum.TOOL,match:p2=>["story","docs"].includes(p2.viewMode),render:()=>{let{isMobile}=useLayout();return isMobile?null:import_react36.default.createElement(ManagerConsumer,{filter:fullScreenMapper},({toggle,isFullscreen,shortcut,hasPanel,singleStory})=>(!singleStory||singleStory&&hasPanel)&&import_react36.default.createElement(IconButton,{key:"full",onClick:toggle,title:`${isFullscreen?"Exit full screen":"Go full screen"} [${shortcut}]`,"aria-label":isFullscreen?"Exit full screen":"Go full screen"},import_react36.default.createElement(Icons,{icon:isFullscreen?"close":"expand"})))}},tabsMapper=({state})=>({viewMode:state.docsOnly,storyId:state.storyId,path:state.path,location:state.location,refId:state.refId}),createTabsTool=tabs=>({title:"title",id:"title",type:Addon_TypesEnum.TOOL,render:()=>import_react36.default.createElement(ManagerConsumer,{filter:tabsMapper},rp=>import_react36.default.createElement(import_react36.Fragment,null,import_react36.default.createElement(TabBar,{key:"tabs"},tabs.filter(p2=>!p2.hidden).map((t3,index2)=>{let to=t3.route(rp),isActive=rp.path===to;return import_react36.default.createElement(UnstyledLink,{key:t3.id||`l${index2}`,to},import_react36.default.createElement(TabButton,{disabled:t3.disabled,active:isActive},t3.title))})),import_react36.default.createElement(Separator,null)))}),defaultTools=[remountTool,zoomTool],defaultToolsExtra=[addonsTool,fullScreenTool,ejectTool,copyTool],useTools=(getElements,tabs,viewMode,entry,location3,path)=>{let toolsFromConfig=(0,import_react36.useMemo)(()=>getTools(getElements),[getElements,getTools(getElements).length]),toolsExtraFromConfig=(0,import_react36.useMemo)(()=>getToolsExtra(getElements),[getElements]),tools=(0,import_react36.useMemo)(()=>[...defaultTools,...toolsFromConfig],[defaultTools,toolsFromConfig]),toolsExtra=(0,import_react36.useMemo)(()=>[...defaultToolsExtra,...toolsExtraFromConfig],[defaultToolsExtra,toolsExtraFromConfig]);return(0,import_react36.useMemo)(()=>["story","docs"].includes(entry?.type)?filterTools(tools,toolsExtra,tabs,{viewMode,entry,location:location3,path}):{left:tools,right:toolsExtra},[viewMode,entry,location3,path,tools,toolsExtra,tabs])},ToolRes=import_react36.default.memo(function({api,entry,tabs,isShown,location:location3,path,viewMode}){let{left,right}=useTools(api.getElements,tabs,viewMode,entry,location3,path);return left||right?import_react36.default.createElement(Toolbar,{key:"toolbar",shown:isShown,"data-test-id":"sb-preview-toolbar"},import_react36.default.createElement(ToolbarInner,null,import_react36.default.createElement(ToolbarLeft,null,import_react36.default.createElement(Tools,{key:"left",list:left})),import_react36.default.createElement(ToolbarRight,null,import_react36.default.createElement(Tools,{key:"right",list:right})))):null}),ToolbarComp=import_react36.default.memo(function(props){return import_react36.default.createElement(Location,null,({location:location3,path,viewMode})=>import_react36.default.createElement(ToolRes,{...props,location:location3,path,viewMode}))}),Tools=import_react36.default.memo(function({list}){return import_react36.default.createElement(import_react36.default.Fragment,null,list.filter(Boolean).map(({render:Render,id,...t3},index2)=>import_react36.default.createElement(Render,{key:id||t3.key||`f-${index2}`})))});function toolbarItemHasBeenExcluded(item,entry){let parameters=entry.type==="story"&&entry.prepared?entry.parameters:{},toolbarItemsFromStoryParameters="toolbar"in parameters?parameters.toolbar:void 0,{toolbar:toolbarItemsFromAddonsConfig}=addons.getConfig(),toolbarItems=merge_default(toolbarItemsFromAddonsConfig,toolbarItemsFromStoryParameters);return toolbarItems?!!toolbarItems[item.id]?.hidden:!1}function filterTools(tools,toolsExtra,tabs,{viewMode,entry,location:location3,path}){let toolsLeft=[menuTool,tabs.filter(p2=>!p2.hidden).length>1&&createTabsTool(tabs),...tools],toolsRight=[...toolsExtra],filter=item=>item&&(!item.match||item.match({storyId:entry.id,refId:entry.refId,viewMode,location:location3,path}))&&!toolbarItemHasBeenExcluded(item,entry),left=toolsLeft.filter(filter),right=toolsRight.filter(filter);return{left,right}}var Toolbar=newStyled.div(({theme,shown})=>({position:"relative",color:theme.barTextColor,width:"100%",height:40,flexShrink:0,overflowX:"auto",overflowY:"hidden",marginTop:shown?0:-40,boxShadow:`${theme.appBorderColor}  0 -1px 0 0 inset`,background:theme.barBg,zIndex:4})),ToolbarInner=newStyled.div({position:"absolute",width:"calc(100% - 20px)",display:"flex",justifyContent:"space-between",flexWrap:"nowrap",flexShrink:0,height:40,marginLeft:10,marginRight:10}),ToolbarLeft=newStyled.div({display:"flex",whiteSpace:"nowrap",flexBasis:"auto",gap:4}),ToolbarRight=newStyled(ToolbarLeft)({marginLeft:30});var import_react38=__toESM(require_react());var import_react37=__toESM(require_react());var StyledIframe=newStyled.iframe({backgroundColor:"white",display:"block",boxSizing:"content-box",height:"100%",width:"100%",border:"0 none",transition:"background-position 0s, visibility 0s",backgroundPosition:"-1px -1px, -1px -1px, -1px -1px, -1px -1px",margin:"auto",boxShadow:"0 0 100px 100vw rgba(0,0,0,0.5)"});function IFrame(props){let{active,id,title,src,allowFullScreen,scale,...rest}=props,iFrameRef=import_react37.default.useRef(null);return import_react37.default.createElement(Zoom.IFrame,{scale,active,iFrameRef},import_react37.default.createElement(StyledIframe,{"data-is-storybook":active?"true":"false",onLoad:e3=>e3.currentTarget.setAttribute("data-is-loaded","true"),id,title,src,allow:"clipboard-write;",allowFullScreen,ref:iFrameRef,...rest}))}var import_qs3=__toESM(require_lib()),stringifyQueryParams=queryParams=>import_qs3.default.stringify(queryParams,{addQueryPrefix:!0,encode:!1}).replace(/^\?/,"&");var getActive=(refId,refs2)=>refId&&refs2[refId]?`storybook-ref-${refId}`:"storybook-preview-iframe",SkipToSidebarLink=newStyled(Button)(({theme})=>({display:"none","@media (min-width: 600px)":{position:"absolute",display:"block",top:10,right:15,padding:"10px 15px",fontSize:theme.typography.size.s1,transform:"translateY(-100px)","&:focus":{transform:"translateY(0)",zIndex:1}}})),whenSidebarIsVisible=({api,state})=>({isFullscreen:api.getIsFullscreen(),isNavShown:api.getIsNavShown(),selectedStoryId:state.storyId}),styles2={'#root [data-is-storybook="false"]':{display:"none"},'#root [data-is-storybook="true"]':{display:"block"}},FramesRenderer=({refs:refs2,scale,viewMode="story",refId,queryParams={},baseUrl,storyId="*"})=>{let version2=refs2[refId]?.version,stringifiedQueryParams=stringifyQueryParams({...queryParams,...version2&&{version:version2}}),active=getActive(refId,refs2),{current:frames}=(0,import_react38.useRef)({}),refsToLoad=Object.values(refs2).filter(ref=>ref.type==="auto-inject"||ref.id===refId,{});return frames["storybook-preview-iframe"]||(frames["storybook-preview-iframe"]=getStoryHref(baseUrl,storyId,{...queryParams,...version2&&{version:version2},viewMode})),refsToLoad.forEach(ref=>{let id=`storybook-ref-${ref.id}`,existingUrl=frames[id]?.split("/iframe.html")[0];if(!existingUrl||ref.url!==existingUrl){let newUrl=`${ref.url}/iframe.html?id=${storyId}&viewMode=${viewMode}&refId=${ref.id}${stringifiedQueryParams}`;frames[id]=newUrl}}),import_react38.default.createElement(import_react38.Fragment,null,import_react38.default.createElement(Global,{styles:styles2}),import_react38.default.createElement(ManagerConsumer,{filter:whenSidebarIsVisible},({isFullscreen,isNavShown,selectedStoryId})=>isFullscreen||!isNavShown||!selectedStoryId?null:import_react38.default.createElement(SkipToSidebarLink,{secondary:!0,isLink:!0,tabIndex:0,href:`#${selectedStoryId}`},"Skip to sidebar")),Object.entries(frames).map(([id,src])=>import_react38.default.createElement(import_react38.Fragment,{key:id},import_react38.default.createElement(IFrame,{active:id===active,key:id,id,title:id,src,allowFullScreen:!0,scale}))))};var{FEATURES:FEATURES2}=scope,getWrappers=getFn=>Object.values(getFn(Addon_TypesEnum.PREVIEW)),getTabs=getFn=>Object.values(getFn(Addon_TypesEnum.TAB)),canvasMapper=({state,api})=>({storyId:state.storyId,refId:state.refId,viewMode:state.viewMode,customCanvas:api.renderPreview,queryParams:state.customQueryParams,getElements:api.getElements,entry:api.getData(state.storyId,state.refId),previewInitialized:state.previewInitialized,refs:state.refs,active:!!(state.viewMode&&state.viewMode.match(/^(story|docs)$/))}),createCanvasTab=()=>({id:"canvas",type:Addon_TypesEnum.TAB,title:"Canvas",route:({storyId,refId})=>refId?`/story/${refId}_${storyId}`:`/story/${storyId}`,match:({viewMode})=>!!(viewMode&&viewMode.match(/^(story|docs)$/)),render:()=>null}),useTabs=(getElements,entry)=>{let canvasTab=(0,import_react39.useMemo)(()=>createCanvasTab(),[]),tabsFromConfig=(0,import_react39.useMemo)(()=>getTabs(getElements),[getElements]);return(0,import_react39.useMemo)(()=>entry?.type==="story"&&entry.parameters?filterTabs([canvasTab,...tabsFromConfig],entry.parameters):[canvasTab,...tabsFromConfig],[entry,...tabsFromConfig])},Preview=import_react39.default.memo(function(props){let{api,id:previewId,options:options3,viewMode,storyId,entry=void 0,description,baseUrl,withLoader=!0}=props,{getElements}=api,tabs=useTabs(getElements,entry),shouldScale=viewMode==="story",{showToolbar,showTabs=!0}=options3,visibleTabsInToolbar=showTabs?tabs:[],previousStoryId=(0,import_react39.useRef)(storyId);return(0,import_react39.useEffect)(()=>{if(entry&&viewMode&&storyId!==previousStoryId.current&&(previousStoryId.current=storyId,viewMode.match(/docs|story/))){let{refId,id}=entry;api.emit(SET_CURRENT_STORY,{storyId:id,viewMode,options:{target:refId}})}},[entry,viewMode]),import_react39.default.createElement(import_react39.Fragment,null,previewId==="main"&&import_react39.default.createElement(W,{key:"description"},import_react39.default.createElement("title",null,description)),import_react39.default.createElement(ZoomProvider,{shouldScale},import_react39.default.createElement(PreviewContainer,null,import_react39.default.createElement(ToolbarComp,{key:"tools",entry,api,isShown:showToolbar,tabs:visibleTabsInToolbar}),import_react39.default.createElement(FrameWrap,{key:"frame"},import_react39.default.createElement(Canvas,{withLoader,baseUrl}),tabs.map(({render:Render,match,...t3},i3)=>{let key2=t3.id||t3.key||i3;return import_react39.default.createElement(import_react39.Fragment,{key:key2},import_react39.default.createElement(Location,null,lp=>import_react39.default.createElement(Render,{active:match(lp)})))})))))});var Canvas=({baseUrl,withLoader})=>import_react39.default.createElement(ManagerConsumer,{filter:canvasMapper},({entry,refs:refs2,customCanvas,storyId,refId,viewMode,queryParams,getElements,previewInitialized,active})=>{let id="canvas",wrappers=(0,import_react39.useMemo)(()=>[...defaultWrappers,...getWrappers(getElements)],[getElements,...defaultWrappers]),[progress,setProgress]=(0,import_react39.useState)(void 0);(0,import_react39.useEffect)(()=>{if(FEATURES2?.storyStoreV7&&scope.CONFIG_TYPE==="DEVELOPMENT")try{addons.getServerChannel().on(PREVIEW_BUILDER_PROGRESS,options3=>{setProgress(options3)})}catch{}},[]);let refLoading=!!refs2[refId]&&!refs2[refId].previewInitialized,isBuilding=!(progress?.value===1||progress===void 0),rootLoading=!refId&&(!previewInitialized||isBuilding),isLoading=entry&&refLoading||rootLoading;return import_react39.default.createElement(ZoomConsumer,null,({value:scale})=>import_react39.default.createElement(import_react39.default.Fragment,null,withLoader&&isLoading&&import_react39.default.createElement(LoaderWrapper2,null,import_react39.default.createElement(Loader,{id:"preview-loader",role:"progressbar",progress})),import_react39.default.createElement(ApplyWrappers,{id,storyId,viewMode,active,wrappers},customCanvas?customCanvas(storyId,viewMode,id,baseUrl,scale,queryParams):import_react39.default.createElement(FramesRenderer,{baseUrl,refs:refs2,scale,entry,viewMode,refId,queryParams,storyId}))))});function filterTabs(panels,parameters){let{previewTabs}=addons.getConfig(),parametersTabs=parameters?parameters.previewTabs:void 0;if(previewTabs||parametersTabs){let tabs=merge_default(previewTabs,parametersTabs),arrTabs=Object.keys(tabs).map((key2,index2)=>({index:index2,...typeof tabs[key2]=="string"?{title:tabs[key2]}:tabs[key2],id:key2}));return panels.filter(panel=>{let t3=arrTabs.find(tab=>tab.id===panel.id);return t3===void 0||t3.id==="canvas"||!t3.hidden}).map((panel,index2)=>({...panel,index:index2})).sort((p1,p2)=>{let tab_1=arrTabs.find(tab=>tab.id===p1.id),index_1=tab_1?tab_1.index:arrTabs.length+p1.index,tab_2=arrTabs.find(tab=>tab.id===p2.id),index_2=tab_2?tab_2.index:arrTabs.length+p2.index;return index_1-index_2}).map(panel=>{let t3=arrTabs.find(tab=>tab.id===panel.id);return t3?{...panel,title:t3.title||panel.title,disabled:t3.disabled,hidden:t3.hidden}:panel})}return panels}var{PREVIEW_URL:PREVIEW_URL3}=scope,splitTitleAddExtraSpace=input=>input.split("/").join(" / ").replace(/\s\s/," "),getDescription=item=>{if(item?.type==="story"||item?.type==="docs"){let{title,name:name2}=item;return title&&name2?splitTitleAddExtraSpace(`${title} - ${name2} \u22C5 Storybook`):"Storybook"}return item?.name?`${item.name} \u22C5 Storybook`:"Storybook"},mapper=({api,state})=>{let{layout,location:location3,customQueryParams,storyId,refs:refs2,viewMode,path,refId}=state,entry=api.getData(storyId,refId);return{api,entry,options:layout,description:getDescription(entry),viewMode,path,refs:refs2,storyId,baseUrl:PREVIEW_URL3||"iframe.html",queryParams:customQueryParams,location:location3}},PreviewConnected=import_react40.default.memo(function(props){return import_react40.default.createElement(ManagerConsumer,{filter:mapper},fromState=>import_react40.default.createElement(Preview,{...props,...fromState}))}),Preview_default=PreviewConnected;var import_react42=__toESM(require_react()),import_memoizerific6=__toESM(require_memoizerific());var import_react41=__toESM(require_react());var SafeTab=class extends import_react41.Component{constructor(props){super(props),this.state={hasError:!1}}componentDidCatch(error,info){this.setState({hasError:!0}),console.error(error,info)}render(){let{hasError}=this.state,{children}=this.props;return hasError?import_react41.default.createElement("h1",null,"Something went wrong."):children}},AddonPanel2=import_react41.default.memo(({panels,shortcuts,actions,selectedPanel=null,panelPosition="right",absolute=!0})=>{let{isDesktop,setMobilePanelOpen}=useLayout();return import_react41.default.createElement(Tabs,{absolute,...selectedPanel?{selected:selectedPanel}:{},menuName:"Addons",actions,tools:isDesktop?import_react41.default.createElement(import_react41.Fragment,null,import_react41.default.createElement(IconButton,{key:"position",onClick:actions.togglePosition,title:`Change addon orientation [${shortcutToHumanString(shortcuts.panelPosition)}]`},import_react41.default.createElement(Icons,{icon:panelPosition==="bottom"?"sidebaralt":"bottombar"})),import_react41.default.createElement(IconButton,{key:"visibility",onClick:actions.toggleVisibility,title:`Hide addons [${shortcutToHumanString(shortcuts.togglePanel)}]`},import_react41.default.createElement(Icons,{icon:"close"}))):import_react41.default.createElement(IconButton,{onClick:()=>setMobilePanelOpen(!1),title:"Close addon panel"},import_react41.default.createElement(Icons,{icon:"close"})),id:"storybook-panel-root"},Object.entries(panels).map(([k2,v2])=>import_react41.default.createElement(SafeTab,{key:k2,id:k2,title:typeof v2.title=="function"?import_react41.default.createElement(v2.title,null):v2.title},v2.render)))});AddonPanel2.displayName="AddonPanel";var createPanelActions=(0,import_memoizerific6.default)(1)(api=>({onSelect:panel=>api.setSelectedPanel(panel),toggleVisibility:()=>api.togglePanel(),togglePosition:()=>api.togglePanelPosition()})),mapper2=({state,api})=>({panels:api.getStoryPanels(),selectedPanel:api.getSelectedPanel(),panelPosition:state.layout.panelPosition,actions:createPanelActions(api),shortcuts:api.getShortcutKeys()}),Panel=props=>import_react42.default.createElement(ManagerConsumer,{filter:mapper2},customProps=>import_react42.default.createElement(AddonPanel2,{...props,...customProps})),Panel_default=Panel;var import_react54=__toESM(require_react());var import_react43=__toESM(require_react()),SNAP_THRESHOLD_PX=30,SIDEBAR_MIN_WIDTH_PX=240,RIGHT_PANEL_MIN_WIDTH_PX=270,MIN_WIDTH_STIFFNESS=.9;function clamp(value2,min,max){return Math.min(Math.max(value2,min),max)}function interpolate(relativeValue,min,max){return min+(max-min)*relativeValue}function useDragging({setState,isPanelShown,isDesktop}){let panelResizerRef=(0,import_react43.useRef)(null),sidebarResizerRef=(0,import_react43.useRef)(null);return(0,import_react43.useEffect)(()=>{let panelResizer=panelResizerRef.current,sidebarResizer=sidebarResizerRef.current,previewIframe=document.querySelector("#storybook-preview-iframe"),draggedElement=null,onDragStart=e3=>{e3.preventDefault(),setState(state=>({...state,isDragging:!0})),e3.currentTarget===panelResizer?draggedElement=panelResizer:e3.currentTarget===sidebarResizer&&(draggedElement=sidebarResizer),window.addEventListener("mousemove",onDrag),window.addEventListener("mouseup",onDragEnd),previewIframe&&(previewIframe.style.pointerEvents="none")},onDragEnd=e3=>{setState(state=>draggedElement===sidebarResizer&&state.navSize<SIDEBAR_MIN_WIDTH_PX&&state.navSize>0?{...state,isDragging:!1,navSize:SIDEBAR_MIN_WIDTH_PX}:draggedElement===panelResizer&&state.panelPosition==="right"&&state.rightPanelWidth<RIGHT_PANEL_MIN_WIDTH_PX&&state.rightPanelWidth>0?{...state,isDragging:!1,rightPanelWidth:RIGHT_PANEL_MIN_WIDTH_PX}:{...state,isDragging:!1}),window.removeEventListener("mousemove",onDrag),window.removeEventListener("mouseup",onDragEnd),previewIframe?.removeAttribute("style"),draggedElement=null},onDrag=e3=>{if(e3.buttons===0){onDragEnd(e3);return}setState(state=>{if(draggedElement===sidebarResizer){let sidebarDragX=e3.clientX;return sidebarDragX===state.navSize?state:sidebarDragX<=SNAP_THRESHOLD_PX?{...state,navSize:0}:sidebarDragX<=SIDEBAR_MIN_WIDTH_PX?{...state,navSize:interpolate(MIN_WIDTH_STIFFNESS,sidebarDragX,SIDEBAR_MIN_WIDTH_PX)}:{...state,navSize:clamp(sidebarDragX,0,e3.view.innerWidth)}}if(draggedElement===panelResizer){let sizeAxisState=state.panelPosition==="bottom"?"bottomPanelHeight":"rightPanelWidth",panelDragSize=state.panelPosition==="bottom"?e3.view.innerHeight-e3.clientY:e3.view.innerWidth-e3.clientX;if(panelDragSize===state[sizeAxisState])return state;if(panelDragSize<=SNAP_THRESHOLD_PX)return{...state,[sizeAxisState]:0};if(state.panelPosition==="right"&&panelDragSize<=RIGHT_PANEL_MIN_WIDTH_PX)return{...state,[sizeAxisState]:interpolate(MIN_WIDTH_STIFFNESS,panelDragSize,RIGHT_PANEL_MIN_WIDTH_PX)};let sizeAxisMax=state.panelPosition==="bottom"?e3.view.innerHeight:e3.view.innerWidth;return{...state,[sizeAxisState]:clamp(panelDragSize,0,sizeAxisMax)}}return state})};return panelResizer?.addEventListener("mousedown",onDragStart),sidebarResizer?.addEventListener("mousedown",onDragStart),()=>{panelResizer?.removeEventListener("mousedown",onDragStart),sidebarResizer?.removeEventListener("mousedown",onDragStart),previewIframe?.removeAttribute("style")}},[isPanelShown,isDesktop,setState]),{panelResizerRef,sidebarResizerRef}}var import_react50=__toESM(require_react());var import_react48=__toESM(require_react());function _objectWithoutPropertiesLoose3(source2,excluded){if(source2==null)return{};var target={},sourceKeys=Object.keys(source2),key2,i3;for(i3=0;i3<sourceKeys.length;i3++)key2=sourceKeys[i3],!(excluded.indexOf(key2)>=0)&&(target[key2]=source2[key2]);return target}var import_prop_types4=__toESM(require_prop_types()),import_react45=__toESM(require_react()),import_react_dom=__toESM(require_react_dom());var config_default={disabled:!1};var import_prop_types3=__toESM(require_prop_types()),timeoutsShape=import_prop_types3.default.oneOfType([import_prop_types3.default.number,import_prop_types3.default.shape({enter:import_prop_types3.default.number,exit:import_prop_types3.default.number,appear:import_prop_types3.default.number}).isRequired]),classNamesShape=import_prop_types3.default.oneOfType([import_prop_types3.default.string,import_prop_types3.default.shape({enter:import_prop_types3.default.string,exit:import_prop_types3.default.string,active:import_prop_types3.default.string}),import_prop_types3.default.shape({enter:import_prop_types3.default.string,enterDone:import_prop_types3.default.string,enterActive:import_prop_types3.default.string,exit:import_prop_types3.default.string,exitDone:import_prop_types3.default.string,exitActive:import_prop_types3.default.string})]);var import_react44=__toESM(require_react()),TransitionGroupContext_default=import_react44.default.createContext(null);var forceReflow=function(node){return node.scrollTop};var UNMOUNTED="unmounted",EXITED="exited",ENTERING="entering",ENTERED="entered",EXITING="exiting",Transition=function(_React$Component){_inheritsLoose2(Transition2,_React$Component);function Transition2(props,context){var _this;_this=_React$Component.call(this,props,context)||this;var parentGroup=context,appear=parentGroup&&!parentGroup.isMounting?props.enter:props.appear,initialStatus;return _this.appearStatus=null,props.in?appear?(initialStatus=EXITED,_this.appearStatus=ENTERING):initialStatus=ENTERED:props.unmountOnExit||props.mountOnEnter?initialStatus=UNMOUNTED:initialStatus=EXITED,_this.state={status:initialStatus},_this.nextCallback=null,_this}Transition2.getDerivedStateFromProps=function(_ref,prevState){var nextIn=_ref.in;return nextIn&&prevState.status===UNMOUNTED?{status:EXITED}:null};var _proto=Transition2.prototype;return _proto.componentDidMount=function(){this.updateStatus(!0,this.appearStatus)},_proto.componentDidUpdate=function(prevProps){var nextStatus=null;if(prevProps!==this.props){var status=this.state.status;this.props.in?status!==ENTERING&&status!==ENTERED&&(nextStatus=ENTERING):(status===ENTERING||status===ENTERED)&&(nextStatus=EXITING)}this.updateStatus(!1,nextStatus)},_proto.componentWillUnmount=function(){this.cancelNextCallback()},_proto.getTimeouts=function(){var timeout2=this.props.timeout,exit,enter,appear;return exit=enter=appear=timeout2,timeout2!=null&&typeof timeout2!="number"&&(exit=timeout2.exit,enter=timeout2.enter,appear=timeout2.appear!==void 0?timeout2.appear:enter),{exit,enter,appear}},_proto.updateStatus=function(mounting,nextStatus){if(mounting===void 0&&(mounting=!1),nextStatus!==null)if(this.cancelNextCallback(),nextStatus===ENTERING){if(this.props.unmountOnExit||this.props.mountOnEnter){var node=this.props.nodeRef?this.props.nodeRef.current:import_react_dom.default.findDOMNode(this);node&&forceReflow(node)}this.performEnter(mounting)}else this.performExit();else this.props.unmountOnExit&&this.state.status===EXITED&&this.setState({status:UNMOUNTED})},_proto.performEnter=function(mounting){var _this2=this,enter=this.props.enter,appearing=this.context?this.context.isMounting:mounting,_ref2=this.props.nodeRef?[appearing]:[import_react_dom.default.findDOMNode(this),appearing],maybeNode=_ref2[0],maybeAppearing=_ref2[1],timeouts=this.getTimeouts(),enterTimeout=appearing?timeouts.appear:timeouts.enter;if(!mounting&&!enter||config_default.disabled){this.safeSetState({status:ENTERED},function(){_this2.props.onEntered(maybeNode)});return}this.props.onEnter(maybeNode,maybeAppearing),this.safeSetState({status:ENTERING},function(){_this2.props.onEntering(maybeNode,maybeAppearing),_this2.onTransitionEnd(enterTimeout,function(){_this2.safeSetState({status:ENTERED},function(){_this2.props.onEntered(maybeNode,maybeAppearing)})})})},_proto.performExit=function(){var _this3=this,exit=this.props.exit,timeouts=this.getTimeouts(),maybeNode=this.props.nodeRef?void 0:import_react_dom.default.findDOMNode(this);if(!exit||config_default.disabled){this.safeSetState({status:EXITED},function(){_this3.props.onExited(maybeNode)});return}this.props.onExit(maybeNode),this.safeSetState({status:EXITING},function(){_this3.props.onExiting(maybeNode),_this3.onTransitionEnd(timeouts.exit,function(){_this3.safeSetState({status:EXITED},function(){_this3.props.onExited(maybeNode)})})})},_proto.cancelNextCallback=function(){this.nextCallback!==null&&(this.nextCallback.cancel(),this.nextCallback=null)},_proto.safeSetState=function(nextState,callback){callback=this.setNextCallback(callback),this.setState(nextState,callback)},_proto.setNextCallback=function(callback){var _this4=this,active=!0;return this.nextCallback=function(event){active&&(active=!1,_this4.nextCallback=null,callback(event))},this.nextCallback.cancel=function(){active=!1},this.nextCallback},_proto.onTransitionEnd=function(timeout2,handler){this.setNextCallback(handler);var node=this.props.nodeRef?this.props.nodeRef.current:import_react_dom.default.findDOMNode(this),doesNotHaveTimeoutOrListener=timeout2==null&&!this.props.addEndListener;if(!node||doesNotHaveTimeoutOrListener){setTimeout(this.nextCallback,0);return}if(this.props.addEndListener){var _ref3=this.props.nodeRef?[this.nextCallback]:[node,this.nextCallback],maybeNode=_ref3[0],maybeNextCallback=_ref3[1];this.props.addEndListener(maybeNode,maybeNextCallback)}timeout2!=null&&setTimeout(this.nextCallback,timeout2)},_proto.render=function(){var status=this.state.status;if(status===UNMOUNTED)return null;var _this$props=this.props,children=_this$props.children,_in=_this$props.in,_mountOnEnter=_this$props.mountOnEnter,_unmountOnExit=_this$props.unmountOnExit,_appear=_this$props.appear,_enter=_this$props.enter,_exit=_this$props.exit,_timeout=_this$props.timeout,_addEndListener=_this$props.addEndListener,_onEnter=_this$props.onEnter,_onEntering=_this$props.onEntering,_onEntered=_this$props.onEntered,_onExit=_this$props.onExit,_onExiting=_this$props.onExiting,_onExited=_this$props.onExited,_nodeRef=_this$props.nodeRef,childProps=_objectWithoutPropertiesLoose3(_this$props,["children","in","mountOnEnter","unmountOnExit","appear","enter","exit","timeout","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","nodeRef"]);return import_react45.default.createElement(TransitionGroupContext_default.Provider,{value:null},typeof children=="function"?children(status,childProps):import_react45.default.cloneElement(import_react45.default.Children.only(children),childProps))},Transition2}(import_react45.default.Component);Transition.contextType=TransitionGroupContext_default;Transition.propTypes={nodeRef:import_prop_types4.default.shape({current:typeof Element>"u"?import_prop_types4.default.any:function(propValue,key2,componentName,location3,propFullName,secret){var value2=propValue[key2];return import_prop_types4.default.instanceOf(value2&&"ownerDocument"in value2?value2.ownerDocument.defaultView.Element:Element)(propValue,key2,componentName,location3,propFullName,secret)}}),children:import_prop_types4.default.oneOfType([import_prop_types4.default.func.isRequired,import_prop_types4.default.element.isRequired]).isRequired,in:import_prop_types4.default.bool,mountOnEnter:import_prop_types4.default.bool,unmountOnExit:import_prop_types4.default.bool,appear:import_prop_types4.default.bool,enter:import_prop_types4.default.bool,exit:import_prop_types4.default.bool,timeout:function(props){var pt=timeoutsShape;props.addEndListener||(pt=pt.isRequired);for(var _len=arguments.length,args2=new Array(_len>1?_len-1:0),_key=1;_key<_len;_key++)args2[_key-1]=arguments[_key];return pt.apply(void 0,[props].concat(args2))},addEndListener:import_prop_types4.default.func,onEnter:import_prop_types4.default.func,onEntering:import_prop_types4.default.func,onEntered:import_prop_types4.default.func,onExit:import_prop_types4.default.func,onExiting:import_prop_types4.default.func,onExited:import_prop_types4.default.func};function noop4(){}Transition.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:noop4,onEntering:noop4,onEntered:noop4,onExit:noop4,onExiting:noop4,onExited:noop4};Transition.UNMOUNTED=UNMOUNTED;Transition.EXITED=EXITED;Transition.ENTERING=ENTERING;Transition.ENTERED=ENTERED;Transition.EXITING=EXITING;var Transition_default=Transition;var import_react47=__toESM(require_react());var import_react46=__toESM(require_react());var UpgradeBlock=({onNavigateToWhatsNew})=>{let api=useStorybookApi(),[activeTab,setActiveTab]=(0,import_react46.useState)("npm");return import_react46.default.createElement(Container4,null,import_react46.default.createElement("strong",null,"You are on Storybook ",api.getCurrentVersion().version),import_react46.default.createElement("p",null,"Run the following script to check for updates and upgrade to the latest version."),import_react46.default.createElement(Tabs2,null,import_react46.default.createElement(ButtonTab,{active:activeTab==="npm",onClick:()=>setActiveTab("npm")},"npm"),import_react46.default.createElement(ButtonTab,{active:activeTab==="pnpm",onClick:()=>setActiveTab("pnpm")},"pnpm")),import_react46.default.createElement(Code3,null,activeTab==="npm"?"npx storybook@latest upgrade":"pnpm dlx storybook@latest upgrade"),onNavigateToWhatsNew&&import_react46.default.createElement(Link22,{onClick:onNavigateToWhatsNew},"See what's new in Storybook"))},Container4=newStyled.div(({theme})=>({border:"1px solid",borderRadius:5,padding:20,marginTop:0,borderColor:theme.appBorderColor,fontSize:theme.typography.size.s2,width:"100%",[MEDIA_DESKTOP_BREAKPOINT]:{maxWidth:400}})),Tabs2=newStyled.div({display:"flex",gap:2}),Code3=newStyled.pre(({theme})=>({background:theme.base==="light"?"rgba(0, 0, 0, 0.05)":theme.appBorderColor,fontSize:theme.typography.size.s2-1,margin:"4px 0 16px"})),ButtonTab=newStyled.button(({theme,active})=>({all:"unset",alignItems:"center",gap:10,color:theme.color.defaultText,fontSize:theme.typography.size.s2-1,borderBottom:"2px solid transparent",borderBottomColor:active?theme.color.secondary:"none",padding:"0 10px 5px",marginBottom:"5px",cursor:"pointer"}));var MobileAbout=()=>{let{isMobileAboutOpen,setMobileAboutOpen}=useLayout(),aboutRef=(0,import_react47.useRef)(null);return import_react47.default.createElement(Transition_default,{nodeRef:aboutRef,in:isMobileAboutOpen,timeout:300,appear:!0,mountOnEnter:!0,unmountOnExit:!0},state=>import_react47.default.createElement(Container5,{ref:aboutRef,state,transitionDuration:300},import_react47.default.createElement(Button2,{onClick:()=>setMobileAboutOpen(!1),title:"Close about section"},import_react47.default.createElement(Icons,{icon:"arrowleftalt"}),"Back"),import_react47.default.createElement(LinkContainer,null,import_react47.default.createElement(LinkLine,{href:"https://github.com/storybookjs/storybook",target:"_blank"},import_react47.default.createElement(LinkLeft,null,import_react47.default.createElement(Icons,{icon:"github"}),import_react47.default.createElement("span",null,"Github")),import_react47.default.createElement(Icons,{icon:"sharealt",width:12})),import_react47.default.createElement(LinkLine,{href:"https://storybook.js.org/docs/react/get-started/install/",target:"_blank"},import_react47.default.createElement(LinkLeft,null,import_react47.default.createElement(Icons,{icon:"storybook"}),import_react47.default.createElement("span",null,"Documentation")),import_react47.default.createElement(Icons,{icon:"sharealt",width:12}))),import_react47.default.createElement(UpgradeBlock,null),import_react47.default.createElement(BottomText,null,"Open source software maintained by"," ",import_react47.default.createElement(Link22,{href:"https://chromatic.com",target:"_blank"},"Chromatic")," ","and the"," ",import_react47.default.createElement(Link22,{href:"https://github.com/storybookjs/storybook/graphs/contributors"},"Storybook Community"))))},Container5=newStyled.div(({theme,state,transitionDuration})=>({position:"absolute",width:"100%",height:"100%",top:0,left:0,zIndex:11,transition:`all ${transitionDuration}ms ease-in-out`,overflow:"scroll",padding:"25px 10px 10px",color:theme.color.defaultText,background:theme.background.content,opacity:`${(()=>{switch(state){case"entering":case"entered":return 1;case"exiting":case"exited":return 0;default:return 0}})()}`,transform:`${(()=>{switch(state){case"entering":case"entered":return"translateX(0)";case"exiting":case"exited":return"translateX(20px)";default:return"translateX(0)"}})()}`})),LinkContainer=newStyled.div({marginTop:20,marginBottom:20}),LinkLine=newStyled.a(({theme})=>({all:"unset",display:"flex",alignItems:"center",justifyContent:"space-between",fontSize:theme.typography.size.s2-1,height:52,borderBottom:`1px solid ${theme.appBorderColor}`,cursor:"pointer",padding:"0 10px","&:last-child":{borderBottom:"none"}})),LinkLeft=newStyled.div(({theme})=>({display:"flex",alignItems:"center",fontSize:theme.typography.size.s2-1,height:40,gap:5})),BottomText=newStyled.div(({theme})=>({fontSize:theme.typography.size.s2-1,marginTop:30})),Button2=newStyled.button(({theme})=>({all:"unset",display:"flex",alignItems:"center",gap:10,color:"currentColor",fontSize:theme.typography.size.s2-1,padding:"0 10px"}));var MobileMenuDrawer=({children})=>{let containerRef=(0,import_react48.useRef)(null),sidebarRef=(0,import_react48.useRef)(null),overlayRef=(0,import_react48.useRef)(null),{isMobileMenuOpen,setMobileMenuOpen,isMobileAboutOpen,setMobileAboutOpen}=useLayout();return import_react48.default.createElement(import_react48.default.Fragment,null,import_react48.default.createElement(Transition_default,{nodeRef:containerRef,in:isMobileMenuOpen,timeout:300,mountOnEnter:!0,unmountOnExit:!0,onExited:()=>setMobileAboutOpen(!1)},state=>import_react48.default.createElement(Container6,{ref:containerRef,state},import_react48.default.createElement(Transition_default,{nodeRef:sidebarRef,in:!isMobileAboutOpen,timeout:300},sidebarState=>import_react48.default.createElement(SidebarContainer,{ref:sidebarRef,state:sidebarState},children)),import_react48.default.createElement(MobileAbout,null))),import_react48.default.createElement(Transition_default,{nodeRef:overlayRef,in:isMobileMenuOpen,timeout:300,mountOnEnter:!0,unmountOnExit:!0},state=>import_react48.default.createElement(Overlay,{ref:overlayRef,state,onClick:()=>setMobileMenuOpen(!1),"aria-label":"Close navigation menu"})))},Container6=newStyled.div(({theme,state})=>({position:"fixed",boxSizing:"border-box",width:"100%",background:theme.background.content,height:"80%",bottom:0,left:0,zIndex:11,borderRadius:"10px 10px 0 0",transition:`all ${300}ms ease-in-out`,overflow:"hidden",transform:`${(()=>state==="entering"||state==="entered"?"translateY(0)":state==="exiting"||state==="exited"?"translateY(100%)":"translateY(0)")()}`})),SidebarContainer=newStyled.div(({theme,state})=>({position:"absolute",width:"100%",height:"100%",top:0,left:0,zIndex:1,transition:`all ${300}ms ease-in-out`,overflow:"hidden",opacity:`${(()=>state==="entered"||state==="entering"?1:state==="exiting"||state==="exited"?0:1)()}`,transform:`${(()=>{switch(state){case"entering":case"entered":return"translateX(0)";case"exiting":case"exited":return"translateX(-20px)";default:return"translateX(0)"}})()}`})),Overlay=newStyled.div(({state})=>({position:"fixed",boxSizing:"border-box",background:"rgba(0, 0, 0, 0.5)",top:0,bottom:0,right:0,left:0,zIndex:10,transition:`all ${300}ms ease-in-out`,cursor:"pointer",opacity:`${(()=>{switch(state){case"entering":case"entered":return 1;case"exiting":case"exited":return 0;default:return 0}})()}`,"&:hover":{background:"rgba(0, 0, 0, 0.6)"}}));var import_react49=__toESM(require_react());var TRANSITION_DURATION=200,Container7=newStyled.div(({theme,state})=>({position:"fixed",boxSizing:"border-box",width:"100%",background:theme.background.content,height:"50%",bottom:0,left:0,zIndex:11,transition:`all ${TRANSITION_DURATION}ms ease-in-out`,overflow:"hidden",borderTop:`1px solid ${theme.appBorderColor}`,transform:`${(()=>{switch(state){case"entering":case"entered":return"translateY(0)";case"exiting":case"exited":return"translateY(100%)";default:return"translateY(0)"}})()}`})),MobileAddonsDrawer=({children})=>{let{isMobilePanelOpen}=useLayout(),containerRef=(0,import_react49.useRef)(null);return import_react49.default.createElement(Transition_default,{nodeRef:containerRef,in:isMobilePanelOpen,timeout:TRANSITION_DURATION,mountOnEnter:!0,unmountOnExit:!0},state=>import_react49.default.createElement(Container7,{ref:containerRef,state},children))};var useFullStoryName=()=>{let{index:index2}=useStorybookState(),currentStory=useStorybookApi().getCurrentStoryData();if(!currentStory)return"";let fullStoryName=currentStory.renderLabel?.(currentStory)||currentStory.name,node=index2[currentStory.id];for(;"parent"in node&&node.parent&&index2[node.parent];)node=index2[node.parent],fullStoryName=`${node.renderLabel?.(node)||node.name}/${fullStoryName}`;return fullStoryName},MobileNavigation=({menu,panel,showPanel})=>{let{isMobileMenuOpen,setMobileMenuOpen,setMobilePanelOpen}=useLayout(),fullStoryName=useFullStoryName();return import_react50.default.createElement(Container8,null,import_react50.default.createElement(MobileMenuDrawer,null,menu),import_react50.default.createElement(MobileAddonsDrawer,null,panel),import_react50.default.createElement(Button4,{onClick:()=>setMobileMenuOpen(!isMobileMenuOpen),title:"Open navigation menu"},import_react50.default.createElement(Icons,{icon:"menu"}),fullStoryName),showPanel&&import_react50.default.createElement(DrawerIconButton,{onClick:()=>setMobilePanelOpen(!0),title:"Open addon panel"},import_react50.default.createElement(Icons,{icon:"bottombartoggle"})))},Container8=newStyled.div(({theme})=>({display:"flex",alignItems:"center",justifyContent:"space-between",bottom:0,left:0,width:"100%",height:40,zIndex:10,background:theme.barBg,padding:"0 6px",borderTop:`1px solid ${theme.appBorderColor}`,color:theme.color.mediumdark})),DrawerIconButton=newStyled(IconButton)({marginTop:0}),Button4=newStyled.button(({theme})=>({all:"unset",display:"flex",alignItems:"center",gap:10,color:"currentColor",fontSize:`${theme.typography.size.s2-1}px`,padding:"0 7px",fontWeight:theme.typography.weight.bold}));var import_react53=__toESM(require_react());var import_react52=__toESM(require_react());var import_react51=__toESM(require_react());var Notification=newStyled.div(({theme})=>({position:"relative",display:"flex",padding:15,width:280,borderRadius:4,alignItems:"center",background:theme.base==="light"?"hsla(203, 50%, 20%, .97)":"hsla(203, 30%, 95%, .97)",boxShadow:"0 2px 5px 0 rgba(0,0,0,0.05), 0 5px 15px 0 rgba(0,0,0,0.1)",color:theme.color.inverseText,textDecoration:"none"})),NotificationWithInteractiveStates=newStyled(Notification)(()=>({transition:"all 150ms ease-out",transform:"translate3d(0, 0, 0)","&:hover":{transform:"translate3d(0, -3px, 0)",boxShadow:"0 1px 3px 0 rgba(30,167,253,0.5), 0 2px 5px 0 rgba(0,0,0,0.05), 0 5px 15px 0 rgba(0,0,0,0.1)"},"&:active":{transform:"translate3d(0, 0, 0)",boxShadow:"0 1px 3px 0 rgba(30,167,253,0.5), 0 2px 5px 0 rgba(0,0,0,0.05), 0 5px 15px 0 rgba(0,0,0,0.1)"},"&:focus":{boxShadow:"0 1px 3px 0 rgba(30,167,253,0.5), 0 2px 5px 0 rgba(0,0,0,0.05), 0 5px 15px 0 rgba(0,0,0,0.1)"}})),NotificationLink=NotificationWithInteractiveStates.withComponent(Link2),NotificationIconWrapper=newStyled.div(()=>({display:"flex",marginRight:10,alignItems:"center"})),NotificationTextWrapper=newStyled.div(()=>({width:"100%",display:"flex",flexDirection:"column"})),Headline=newStyled.div(({theme,hasIcon})=>({height:"100%",width:hasIcon?205:230,alignItems:"center",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",fontSize:theme.typography.size.s1,lineHeight:"16px",fontWeight:theme.typography.weight.bold})),SubHeadline=newStyled.div(({theme})=>({color:curriedTransparentize$12(.25,theme.color.inverseText),fontSize:theme.typography.size.s1-1,lineHeight:"14px",marginTop:2})),ItemContent=({icon,content:{headline,subHeadline}})=>{let theme=useTheme(),defaultColor=theme.base==="dark"?theme.color.mediumdark:theme.color.mediumlight;return import_react51.default.createElement(import_react51.default.Fragment,null,!icon||import_react51.default.createElement(NotificationIconWrapper,null,import_react51.default.createElement(Icons,{icon:icon.name,width:16,height:16,color:icon.color||defaultColor})),import_react51.default.createElement(NotificationTextWrapper,null,import_react51.default.createElement(Headline,{title:headline,hasIcon:!!icon},headline),subHeadline&&import_react51.default.createElement(SubHeadline,null,subHeadline)))},DismissButtonWrapper=newStyled(IconButton)(({theme})=>({alignSelf:"center",marginTop:0,color:theme.base==="light"?"rgba(255,255,255,0.7)":" #999999"})),DismissNotificationItem=({onDismiss})=>import_react51.default.createElement(DismissButtonWrapper,{title:"Dismiss notification",onClick:e3=>{e3.preventDefault(),onDismiss()}},import_react51.default.createElement(Icons,{icon:"closeAlt",height:12,width:12})),NotificationItemSpacer=newStyled.div({height:48}),NotificationItem=({notification:{content,link,onClear,id,icon},onDismissNotification})=>{let dismissNotificationItem=()=>{onDismissNotification(id),onClear&&onClear({dismissed:!0})};return link?import_react51.default.createElement(NotificationLink,{to:link},import_react51.default.createElement(ItemContent,{icon,content}),import_react51.default.createElement(DismissNotificationItem,{onDismiss:dismissNotificationItem})):import_react51.default.createElement(Notification,null,import_react51.default.createElement(ItemContent,{icon,content}),import_react51.default.createElement(DismissNotificationItem,{onDismiss:dismissNotificationItem}))},NotificationItem_default=NotificationItem;var List2=newStyled.div({zIndex:200,"> * + *":{marginTop:10},"&:empty":{display:"none"}},({placement})=>placement||{bottom:0,left:0,right:0,position:"fixed"}),NotificationList=({notifications,clearNotification,placement=void 0})=>import_react52.default.createElement(List2,{placement},notifications.map(notification=>import_react52.default.createElement(NotificationItem_default,{key:notification.id,onDismissNotification:id=>clearNotification(id),notification}))),NotificationList_default=NotificationList;var mapper3=({state,api})=>({notifications:state.notifications,clearNotification:api.clearNotification}),NotificationConnect=props=>import_react53.default.createElement(ManagerConsumer,{filter:mapper3},fromState=>import_react53.default.createElement(NotificationList_default,{...props,...fromState})),Notifications_default=NotificationConnect;var MINIMUM_CONTENT_WIDTH_PX=100,layoutStateIsEqual=(state,other)=>state.navSize===other.navSize&&state.bottomPanelHeight===other.bottomPanelHeight&&state.rightPanelWidth===other.rightPanelWidth&&state.panelPosition===other.panelPosition,useLayoutSyncingState=({managerLayoutState,setManagerLayoutState,isDesktop})=>{let prevManagerLayoutStateRef=import_react54.default.useRef(managerLayoutState),[internalDraggingSizeState,setInternalDraggingSizeState]=(0,import_react54.useState)({...managerLayoutState,isDragging:!1});(0,import_react54.useEffect)(()=>{internalDraggingSizeState.isDragging||layoutStateIsEqual(managerLayoutState,prevManagerLayoutStateRef.current)||(prevManagerLayoutStateRef.current=managerLayoutState,setInternalDraggingSizeState(state=>({...state,...managerLayoutState})))},[internalDraggingSizeState.isDragging,managerLayoutState,setInternalDraggingSizeState]),(0,import_react54.useLayoutEffect)(()=>{if(internalDraggingSizeState.isDragging||layoutStateIsEqual(prevManagerLayoutStateRef.current,internalDraggingSizeState))return;let nextState={navSize:internalDraggingSizeState.navSize,bottomPanelHeight:internalDraggingSizeState.bottomPanelHeight,rightPanelWidth:internalDraggingSizeState.rightPanelWidth};prevManagerLayoutStateRef.current={...prevManagerLayoutStateRef.current,...nextState},setManagerLayoutState(nextState)},[internalDraggingSizeState,setManagerLayoutState]);let isPagesShown=managerLayoutState.viewMode!=="story"&&managerLayoutState.viewMode!=="docs",isPanelShown=managerLayoutState.viewMode==="story",{panelResizerRef,sidebarResizerRef}=useDragging({setState:setInternalDraggingSizeState,isPanelShown,isDesktop}),{navSize,rightPanelWidth,bottomPanelHeight}=internalDraggingSizeState.isDragging?internalDraggingSizeState:managerLayoutState;return{navSize,rightPanelWidth,bottomPanelHeight,panelPosition:managerLayoutState.panelPosition,panelResizerRef,sidebarResizerRef,showPages:isPagesShown,showPanel:isPanelShown,isDragging:internalDraggingSizeState.isDragging}},Layout=({managerLayoutState,setManagerLayoutState,...slots})=>{let{isDesktop,isMobile}=useLayout(),{navSize,rightPanelWidth,bottomPanelHeight,panelPosition,panelResizerRef,sidebarResizerRef,showPages,showPanel,isDragging}=useLayoutSyncingState({managerLayoutState,setManagerLayoutState,isDesktop});return import_react54.default.createElement(LayoutContainer,{navSize,rightPanelWidth,bottomPanelHeight,panelPosition:managerLayoutState.panelPosition,isDragging,viewMode:managerLayoutState.viewMode},import_react54.default.createElement(Notifications_default,{placement:{position:"fixed",bottom:20,left:20}}),showPages&&import_react54.default.createElement(PagesContainer,null,slots.slotPages),import_react54.default.createElement(ContentContainer,null,slots.slotMain),isDesktop&&import_react54.default.createElement(import_react54.default.Fragment,null,import_react54.default.createElement(SidebarContainer2,null,import_react54.default.createElement(Drag,{ref:sidebarResizerRef}),slots.slotSidebar),showPanel&&import_react54.default.createElement(PanelContainer,{position:panelPosition},import_react54.default.createElement(Drag,{orientation:panelPosition==="bottom"?"horizontal":"vertical",position:panelPosition==="bottom"?"left":"right",ref:panelResizerRef}),slots.slotPanel)),isMobile&&import_react54.default.createElement(MobileNavigation,{menu:slots.slotSidebar,panel:slots.slotPanel,showPanel}))},LayoutContainer=newStyled.div(({navSize,rightPanelWidth,bottomPanelHeight,viewMode,panelPosition})=>({width:"100%",height:"100svh",overflow:"hidden",display:"flex",flexDirection:"column",[MEDIA_DESKTOP_BREAKPOINT]:{display:"grid",gap:0,gridTemplateColumns:`minmax(0, ${navSize}px) minmax(${MINIMUM_CONTENT_WIDTH_PX}px, 1fr) minmax(0, ${rightPanelWidth}px)`,gridTemplateRows:`1fr minmax(0, ${bottomPanelHeight}px)`,gridTemplateAreas:(()=>viewMode==="docs"?`"sidebar content content"
                   "sidebar content content"`:panelPosition==="right"?`"sidebar content panel"
                   "sidebar content panel"`:`"sidebar content content"
-                "sidebar panel   panel"`)()}})),SidebarContainer2=newStyled.div(({theme})=>({backgroundColor:theme.background.app,gridArea:"sidebar",position:"relative",borderRight:`1px solid ${theme.color.border}`})),ContentContainer=newStyled.div(({theme})=>({flex:1,position:"relative",backgroundColor:theme.background.content,display:"grid",[MEDIA_DESKTOP_BREAKPOINT]:{flex:"auto",gridArea:"content"}})),PagesContainer=newStyled.div(({theme})=>({gridRowStart:"sidebar-start",gridRowEnd:"-1",gridColumnStart:"sidebar-end",gridColumnEnd:"-1",backgroundColor:theme.background.content,zIndex:1})),PanelContainer=newStyled.div(({theme,position})=>({gridArea:"panel",position:"relative",backgroundColor:theme.background.content,borderTop:position==="bottom"?`1px solid ${theme.color.border}`:null,borderLeft:position==="right"?`1px solid ${theme.color.border}`:null})),Drag=newStyled.div(({theme})=>({position:"absolute",opacity:0,transition:"opacity 0.2s ease-in-out",zIndex:100,"&:after":{content:'""',display:"block",backgroundColor:theme.color.secondary},"&:hover":{opacity:1}}),({orientation="vertical",position="left"})=>orientation==="vertical"?{width:"20px",height:"100%",top:0,right:position==="left"?"-10px":null,left:position==="right"?"-10px":null,"&:after":{width:1,height:"100%",marginLeft:10},"&:hover":{cursor:"col-resize"}}:{width:"100%",height:"20px",top:"-10px",left:0,"&:after":{width:"100%",height:1,marginTop:9},"&:hover":{cursor:"row-resize"}});var App=({managerLayoutState,setManagerLayoutState,pages})=>{let{setMobileAboutOpen}=useLayout();return import_react52.default.createElement(import_react52.default.Fragment,null,import_react52.default.createElement(Global,{styles:createGlobal}),import_react52.default.createElement(Symbols,{icons:["folder","component","document","bookmarkhollow"]}),import_react52.default.createElement(Layout,{managerLayoutState,setManagerLayoutState,slotMain:import_react52.default.createElement(Route2,{path:/(^\/story|docs|onboarding\/|^\/$)/,hideOnly:!0},import_react52.default.createElement(Preview_default,{id:"main",withLoader:!0})),slotSidebar:import_react52.default.createElement(Sidebar_default,{onMenuClick:()=>setMobileAboutOpen(state=>!state)}),slotPanel:import_react52.default.createElement(Panel_default,null),slotPages:pages.map(({id,render:Content3})=>import_react52.default.createElement(Content3,{key:id}))}))};var Provider=class{getElements(_type){throw new Error("Provider.getElements() is not implemented!")}handleAPI(_api){throw new Error("Provider.handleAPI() is not implemented!")}getConfig(){return console.error("Provider.getConfig() is not implemented!"),{}}};var import_react60=__toESM(require_react());var import_react54=__toESM(require_react());var import_react53=__toESM(require_react());var Header=newStyled.header(({theme})=>({marginBottom:32,fontSize:theme.typography.size.l2,color:theme.base==="light"?theme.color.darkest:theme.color.lightest,fontWeight:theme.typography.weight.bold,alignItems:"center",display:"flex","> svg":{height:48,width:"auto",marginRight:8}})),Container9=newStyled.div({display:"flex",alignItems:"center",justifyContent:"center",height:"calc(100% - 40px)",flexDirection:"column"}),Footer=newStyled.div(({theme})=>({marginBottom:24,display:"flex",flexDirection:"column",alignItems:"center",color:theme.base==="light"?theme.color.dark:theme.color.lightest,fontWeight:theme.typography.weight.regular,fontSize:theme.typography.size.s2})),SquareButton=newStyled(Button)(({theme})=>({"&&":{borderRadius:4,fontSize:"13px",lineHeight:"14px",color:theme.base==="light"?theme.color.darker:theme.color.lightest,padding:"9px 12px",svg:{marginRight:6}}})),StyledLink=newStyled(Link22)(({theme})=>({"&&":{fontWeight:theme.typography.weight.bold,color:theme.base==="light"?theme.color.dark:theme.color.light},"&:hover":{color:theme.base==="light"?theme.color.darkest:theme.color.lightest}})),AboutScreen=({onNavigateToWhatsNew})=>import_react53.default.createElement(Container9,null,import_react53.default.createElement("div",{style:{flex:"1"}}),import_react53.default.createElement(Header,null,import_react53.default.createElement(StorybookIcon,null)," Storybook"),import_react53.default.createElement(UpgradeBlock,{onNavigateToWhatsNew}),import_react53.default.createElement("div",{style:{flex:"1.2"}}),import_react53.default.createElement(Footer,null,import_react53.default.createElement("div",{style:{marginBottom:12}},import_react53.default.createElement(SquareButton,{isLink:!0,outline:!0,small:!0,href:"https://github.com/storybookjs/storybook",style:{marginRight:12}},import_react53.default.createElement(Icons,{icon:"github",style:{display:"inline",marginRight:5}}),"GitHub"),import_react53.default.createElement(SquareButton,{isLink:!0,outline:!0,small:!0,href:"https://storybook.js.org/docs"},import_react53.default.createElement(Icons,{icon:"document",style:{display:"inline",marginRight:5}}),"Documentation")),import_react53.default.createElement("div",null,"Open source software maintained by"," ",import_react53.default.createElement(StyledLink,{href:"https://www.chromatic.com/"},"Chromatic")," and the"," ",import_react53.default.createElement(StyledLink,{href:"https://github.com/storybookjs/storybook/graphs/contributors"},"Storybook Community"))));var NotificationClearer=class extends import_react54.Component{componentDidMount(){let{api,notificationId}=this.props;api.clearNotification(notificationId)}render(){let{children}=this.props;return children}},AboutPage=()=>{let api=useStorybookApi(),state=useStorybookState(),onNavigateToWhatsNew=(0,import_react54.useCallback)(()=>{api.changeSettingsTab("whats-new")},[api]);return import_react54.default.createElement(NotificationClearer,{api,notificationId:"update"},import_react54.default.createElement(AboutScreen,{onNavigateToWhatsNew:state.whatsNewData?.status==="SUCCESS"?onNavigateToWhatsNew:void 0}))};var import_react57=__toESM(require_react());var import_react56=__toESM(require_react());var import_react55=__toESM(require_react());var Footer2=newStyled.div(({theme})=>({display:"flex",paddingTop:20,marginTop:20,borderTop:`1px solid ${theme.appBorderColor}`,fontWeight:theme.typography.weight.bold,"& > * + *":{marginLeft:20}})),SettingsFooter=props=>import_react55.default.createElement(Footer2,{...props},import_react55.default.createElement(Link22,{secondary:!0,href:"https://storybook.js.org",cancel:!1,target:"_blank"},"Docs"),import_react55.default.createElement(Link22,{secondary:!0,href:"https://github.com/storybookjs/storybook",cancel:!1,target:"_blank"},"GitHub"),import_react55.default.createElement(Link22,{secondary:!0,href:"https://storybook.js.org/community#support",cancel:!1,target:"_blank"},"Support")),SettingsFooter_default=SettingsFooter;var Header2=newStyled.header(({theme})=>({marginBottom:20,fontSize:theme.typography.size.m3,fontWeight:theme.typography.weight.bold,alignItems:"center",display:"flex"})),HeaderItem=newStyled.div(({theme})=>({fontWeight:theme.typography.weight.bold})),GridHeaderRow=newStyled.div({alignSelf:"flex-end",display:"grid",margin:"10px 0",gridTemplateColumns:"1fr 1fr 12px","& > *:last-of-type":{gridColumn:"2 / 2",justifySelf:"flex-end",gridRow:"1"}}),Row=newStyled.div(({theme})=>({padding:"6px 0",borderTop:`1px solid ${theme.appBorderColor}`,display:"grid",gridTemplateColumns:"1fr 1fr 0px"})),GridWrapper=newStyled.div({display:"grid",gridTemplateColumns:"1fr",gridAutoRows:"minmax(auto, auto)",marginBottom:20}),Description=newStyled.div({alignSelf:"center"}),TextInput=newStyled(Form.Input)(({valid,theme})=>valid==="error"?{animation:`${theme.animation.jiggle} 700ms ease-out`}:{},{display:"flex",width:80,flexDirection:"column",justifySelf:"flex-end",paddingLeft:4,paddingRight:4,textAlign:"center"}),Fade=keyframes`
+                "sidebar panel   panel"`)()}})),SidebarContainer2=newStyled.div(({theme})=>({backgroundColor:theme.background.app,gridArea:"sidebar",position:"relative",borderRight:`1px solid ${theme.color.border}`})),ContentContainer=newStyled.div(({theme})=>({flex:1,position:"relative",backgroundColor:theme.background.content,display:"grid",[MEDIA_DESKTOP_BREAKPOINT]:{flex:"auto",gridArea:"content"}})),PagesContainer=newStyled.div(({theme})=>({gridRowStart:"sidebar-start",gridRowEnd:"-1",gridColumnStart:"sidebar-end",gridColumnEnd:"-1",backgroundColor:theme.background.content,zIndex:1})),PanelContainer=newStyled.div(({theme,position})=>({gridArea:"panel",position:"relative",backgroundColor:theme.background.content,borderTop:position==="bottom"?`1px solid ${theme.color.border}`:null,borderLeft:position==="right"?`1px solid ${theme.color.border}`:null})),Drag=newStyled.div(({theme})=>({position:"absolute",opacity:0,transition:"opacity 0.2s ease-in-out",zIndex:100,"&:after":{content:'""',display:"block",backgroundColor:theme.color.secondary},"&:hover":{opacity:1}}),({orientation="vertical",position="left"})=>orientation==="vertical"?{width:"20px",height:"100%",top:0,right:position==="left"?"-10px":null,left:position==="right"?"-10px":null,"&:after":{width:1,height:"100%",marginLeft:10},"&:hover":{cursor:"col-resize"}}:{width:"100%",height:"20px",top:"-10px",left:0,"&:after":{width:"100%",height:1,marginTop:9},"&:hover":{cursor:"row-resize"}});var App=({managerLayoutState,setManagerLayoutState,pages})=>{let{setMobileAboutOpen}=useLayout();return import_react55.default.createElement(import_react55.default.Fragment,null,import_react55.default.createElement(Global,{styles:createGlobal}),import_react55.default.createElement(Symbols,{icons:["folder","component","document","bookmarkhollow"]}),import_react55.default.createElement(Layout,{managerLayoutState,setManagerLayoutState,slotMain:import_react55.default.createElement(Route2,{path:/(^\/story|docs|onboarding\/|^\/$)/,hideOnly:!0},import_react55.default.createElement(Preview_default,{id:"main",withLoader:!0})),slotSidebar:import_react55.default.createElement(Sidebar_default,{onMenuClick:()=>setMobileAboutOpen(state=>!state)}),slotPanel:import_react55.default.createElement(Panel_default,null),slotPages:pages.map(({id,render:Content3})=>import_react55.default.createElement(Content3,{key:id}))}))};var Provider=class{getElements(_type){throw new Error("Provider.getElements() is not implemented!")}handleAPI(_api){throw new Error("Provider.handleAPI() is not implemented!")}getConfig(){return console.error("Provider.getConfig() is not implemented!"),{}}};var import_react63=__toESM(require_react());var import_react57=__toESM(require_react());var import_react56=__toESM(require_react());var Header=newStyled.header(({theme})=>({marginBottom:32,fontSize:theme.typography.size.l2,color:theme.base==="light"?theme.color.darkest:theme.color.lightest,fontWeight:theme.typography.weight.bold,alignItems:"center",display:"flex","> svg":{height:48,width:"auto",marginRight:8}})),Container9=newStyled.div({display:"flex",alignItems:"center",justifyContent:"center",height:"calc(100% - 40px)",flexDirection:"column"}),Footer=newStyled.div(({theme})=>({marginBottom:24,display:"flex",flexDirection:"column",alignItems:"center",color:theme.base==="light"?theme.color.dark:theme.color.lightest,fontWeight:theme.typography.weight.regular,fontSize:theme.typography.size.s2})),SquareButton=newStyled(Button)(({theme})=>({"&&":{borderRadius:4,fontSize:"13px",lineHeight:"14px",color:theme.base==="light"?theme.color.darker:theme.color.lightest,padding:"9px 12px",svg:{marginRight:6}}})),StyledLink=newStyled(Link22)(({theme})=>({"&&":{fontWeight:theme.typography.weight.bold,color:theme.base==="light"?theme.color.dark:theme.color.light},"&:hover":{color:theme.base==="light"?theme.color.darkest:theme.color.lightest}})),AboutScreen=({onNavigateToWhatsNew})=>import_react56.default.createElement(Container9,null,import_react56.default.createElement("div",{style:{flex:"1"}}),import_react56.default.createElement(Header,null,import_react56.default.createElement(StorybookIcon,null)," Storybook"),import_react56.default.createElement(UpgradeBlock,{onNavigateToWhatsNew}),import_react56.default.createElement("div",{style:{flex:"1.2"}}),import_react56.default.createElement(Footer,null,import_react56.default.createElement("div",{style:{marginBottom:12}},import_react56.default.createElement(SquareButton,{isLink:!0,outline:!0,small:!0,href:"https://github.com/storybookjs/storybook",style:{marginRight:12}},import_react56.default.createElement(Icons,{icon:"github",style:{display:"inline",marginRight:5}}),"GitHub"),import_react56.default.createElement(SquareButton,{isLink:!0,outline:!0,small:!0,href:"https://storybook.js.org/docs"},import_react56.default.createElement(Icons,{icon:"document",style:{display:"inline",marginRight:5}}),"Documentation")),import_react56.default.createElement("div",null,"Open source software maintained by"," ",import_react56.default.createElement(StyledLink,{href:"https://www.chromatic.com/"},"Chromatic")," and the"," ",import_react56.default.createElement(StyledLink,{href:"https://github.com/storybookjs/storybook/graphs/contributors"},"Storybook Community"))));var NotificationClearer=class extends import_react57.Component{componentDidMount(){let{api,notificationId}=this.props;api.clearNotification(notificationId)}render(){let{children}=this.props;return children}},AboutPage=()=>{let api=useStorybookApi(),state=useStorybookState(),onNavigateToWhatsNew=(0,import_react57.useCallback)(()=>{api.changeSettingsTab("whats-new")},[api]);return import_react57.default.createElement(NotificationClearer,{api,notificationId:"update"},import_react57.default.createElement(AboutScreen,{onNavigateToWhatsNew:state.whatsNewData?.status==="SUCCESS"?onNavigateToWhatsNew:void 0}))};var import_react60=__toESM(require_react());var import_react59=__toESM(require_react());var import_react58=__toESM(require_react());var Footer2=newStyled.div(({theme})=>({display:"flex",paddingTop:20,marginTop:20,borderTop:`1px solid ${theme.appBorderColor}`,fontWeight:theme.typography.weight.bold,"& > * + *":{marginLeft:20}})),SettingsFooter=props=>import_react58.default.createElement(Footer2,{...props},import_react58.default.createElement(Link22,{secondary:!0,href:"https://storybook.js.org",cancel:!1,target:"_blank"},"Docs"),import_react58.default.createElement(Link22,{secondary:!0,href:"https://github.com/storybookjs/storybook",cancel:!1,target:"_blank"},"GitHub"),import_react58.default.createElement(Link22,{secondary:!0,href:"https://storybook.js.org/community#support",cancel:!1,target:"_blank"},"Support")),SettingsFooter_default=SettingsFooter;var Header2=newStyled.header(({theme})=>({marginBottom:20,fontSize:theme.typography.size.m3,fontWeight:theme.typography.weight.bold,alignItems:"center",display:"flex"})),HeaderItem=newStyled.div(({theme})=>({fontWeight:theme.typography.weight.bold})),GridHeaderRow=newStyled.div({alignSelf:"flex-end",display:"grid",margin:"10px 0",gridTemplateColumns:"1fr 1fr 12px","& > *:last-of-type":{gridColumn:"2 / 2",justifySelf:"flex-end",gridRow:"1"}}),Row=newStyled.div(({theme})=>({padding:"6px 0",borderTop:`1px solid ${theme.appBorderColor}`,display:"grid",gridTemplateColumns:"1fr 1fr 0px"})),GridWrapper=newStyled.div({display:"grid",gridTemplateColumns:"1fr",gridAutoRows:"minmax(auto, auto)",marginBottom:20}),Description=newStyled.div({alignSelf:"center"}),TextInput=newStyled(Form.Input)(({valid,theme})=>valid==="error"?{animation:`${theme.animation.jiggle} 700ms ease-out`}:{},{display:"flex",width:80,flexDirection:"column",justifySelf:"flex-end",paddingLeft:4,paddingRight:4,textAlign:"center"}),Fade=keyframes`
 0%,100% { opacity: 0; }
   50% { opacity: 1; }
-`,SuccessIcon=newStyled(Icons)(({valid,theme})=>valid==="valid"?{color:theme.color.positive,animation:`${Fade} 2s ease forwards`}:{opacity:0},{alignSelf:"center",display:"flex",marginLeft:10,height:14,width:14}),Container10=newStyled.div(({theme})=>({fontSize:theme.typography.size.s2,padding:"3rem 20px",maxWidth:600,margin:"0 auto"})),shortcutLabels={fullScreen:"Go full screen",togglePanel:"Toggle addons",panelPosition:"Toggle addons orientation",toggleNav:"Toggle sidebar",toolbar:"Toggle canvas toolbar",search:"Focus search",focusNav:"Focus sidebar",focusIframe:"Focus canvas",focusPanel:"Focus addons",prevComponent:"Previous component",nextComponent:"Next component",prevStory:"Previous story",nextStory:"Next story",shortcutsPage:"Go to shortcuts page",aboutPage:"Go to about page",collapseAll:"Collapse all items on sidebar",expandAll:"Expand all items on sidebar",remount:"Remount component"},fixedShortcuts=["escape"];function toShortcutState(shortcutKeys){return Object.entries(shortcutKeys).reduce((acc,[feature,shortcut])=>fixedShortcuts.includes(feature)?acc:{...acc,[feature]:{shortcut,error:!1}},{})}var ShortcutsScreen=class extends import_react56.Component{constructor(props){super(props);this.onKeyDown=e3=>{let{activeFeature,shortcutKeys}=this.state;if(e3.key==="Backspace")return this.restoreDefault();let shortcut=eventToShortcut(e3);if(!shortcut)return!1;let error=!!Object.entries(shortcutKeys).find(([feature,{shortcut:existingShortcut}])=>feature!==activeFeature&&existingShortcut&&shortcutMatchesShortcut(shortcut,existingShortcut));return this.setState({shortcutKeys:{...shortcutKeys,[activeFeature]:{shortcut,error}}})};this.onFocus=focusedInput=>()=>{let{shortcutKeys}=this.state;this.setState({activeFeature:focusedInput,shortcutKeys:{...shortcutKeys,[focusedInput]:{shortcut:null,error:!1}}})};this.onBlur=async()=>{let{shortcutKeys,activeFeature}=this.state;if(shortcutKeys[activeFeature]){let{shortcut,error}=shortcutKeys[activeFeature];return!shortcut||error?this.restoreDefault():this.saveShortcut()}return!1};this.saveShortcut=async()=>{let{activeFeature,shortcutKeys}=this.state,{setShortcut}=this.props;await setShortcut(activeFeature,shortcutKeys[activeFeature].shortcut),this.setState({successField:activeFeature})};this.restoreDefaults=async()=>{let{restoreAllDefaultShortcuts}=this.props,defaultShortcuts2=await restoreAllDefaultShortcuts();return this.setState({shortcutKeys:toShortcutState(defaultShortcuts2)})};this.restoreDefault=async()=>{let{activeFeature,shortcutKeys}=this.state,{restoreDefaultShortcut}=this.props,defaultShortcut=await restoreDefaultShortcut(activeFeature);return this.setState({shortcutKeys:{...shortcutKeys,...toShortcutState({[activeFeature]:defaultShortcut})}})};this.displaySuccessMessage=activeElement=>{let{successField,shortcutKeys}=this.state;return activeElement===successField&&shortcutKeys[activeElement].error===!1?"valid":void 0};this.displayError=activeElement=>{let{activeFeature,shortcutKeys}=this.state;return activeElement===activeFeature&&shortcutKeys[activeElement].error===!0?"error":void 0};this.renderKeyInput=()=>{let{shortcutKeys,addonsShortcutLabels}=this.state;return Object.entries(shortcutKeys).map(([feature,{shortcut}])=>import_react56.default.createElement(Row,{key:feature},import_react56.default.createElement(Description,null,shortcutLabels[feature]||addonsShortcutLabels[feature]),import_react56.default.createElement(TextInput,{spellCheck:"false",valid:this.displayError(feature),className:"modalInput",onBlur:this.onBlur,onFocus:this.onFocus(feature),onKeyDown:this.onKeyDown,value:shortcut?shortcutToHumanString(shortcut):"",placeholder:"Type keys",readOnly:!0}),import_react56.default.createElement(SuccessIcon,{valid:this.displaySuccessMessage(feature),icon:"check"})))};this.renderKeyForm=()=>import_react56.default.createElement(GridWrapper,null,import_react56.default.createElement(GridHeaderRow,null,import_react56.default.createElement(HeaderItem,null,"Commands"),import_react56.default.createElement(HeaderItem,null,"Shortcut")),this.renderKeyInput());this.state={activeFeature:void 0,successField:void 0,shortcutKeys:toShortcutState(props.shortcutKeys),addonsShortcutLabels:props.addonsShortcutLabels}}render(){let layout=this.renderKeyForm();return import_react56.default.createElement(Container10,null,import_react56.default.createElement(Header2,null,"Keyboard shortcuts"),layout,import_react56.default.createElement(Form.Button,{tertiary:!0,small:!0,id:"restoreDefaultsHotkeys",onClick:this.restoreDefaults},"Restore defaults"),import_react56.default.createElement(SettingsFooter_default,null))}};var ShortcutsPage=()=>import_react57.default.createElement(ManagerConsumer,null,({api:{getShortcutKeys,getAddonsShortcutLabels,setShortcut,restoreDefaultShortcut,restoreAllDefaultShortcuts}})=>import_react57.default.createElement(ShortcutsScreen,{shortcutKeys:getShortcutKeys(),addonsShortcutLabels:getAddonsShortcutLabels(),setShortcut,restoreDefaultShortcut,restoreAllDefaultShortcuts}));var import_react59=__toESM(require_react());var import_react58=__toESM(require_react());var Centered=newStyled.div({top:"50%",position:"absolute",transform:"translateY(-50%)",width:"100%",textAlign:"center"}),LoaderWrapper3=newStyled.div({position:"relative",height:"32px"}),Message4=newStyled.div(({theme})=>({paddingTop:"12px",color:theme.textMutedColor,maxWidth:"295px",margin:"0 auto",fontSize:`${theme.typography.size.s1}px`,lineHeight:"16px"})),Container11=newStyled.div(({theme})=>({position:"absolute",width:"100%",bottom:"40px",background:theme.background.bar,fontSize:"13px",borderTop:"1px solid",borderColor:theme.appBorderColor,padding:"8px 12px",display:"flex",alignItems:"center",justifyContent:"space-between"})),ToggleNotificationButton=newStyled(IconButton)(({theme})=>({fontWeight:theme.typography.weight.regular,color:theme.color.mediumdark,margin:0})),CopyButton=newStyled(Button)(({theme})=>({"&&":{fontSize:"13px",color:theme.color.defaultText,margin:0,padding:0,borderRadius:0}})),WhatsNewFooter=({isNotificationsEnabled,onToggleNotifications,onCopyLink})=>{let theme=useTheme(),[copyText,setCopyText]=(0,import_react58.useState)("Copy Link"),copyLink=()=>{onCopyLink(),setCopyText("Copied!"),setTimeout(()=>setCopyText("Copy Link"),4e3)};return import_react58.default.createElement(Container11,null,import_react58.default.createElement("div",{style:{display:"flex",alignItems:"center",gap:10}},import_react58.default.createElement(Icons,{icon:"heart",color:theme.color.mediumdark}),import_react58.default.createElement("div",null,"Share this with your team."),import_react58.default.createElement(CopyButton,{onClick:copyLink,small:!0},copyText)),import_react58.default.createElement(ToggleNotificationButton,{onClick:onToggleNotifications},isNotificationsEnabled?import_react58.default.createElement(import_react58.default.Fragment,null,import_react58.default.createElement(Icons,{icon:"eyeclose"}),"\xA0Hide notifications"):import_react58.default.createElement(import_react58.default.Fragment,null,import_react58.default.createElement(Icons,{icon:"eye"}),"\xA0Show notifications")))},Iframe=newStyled.iframe({position:"absolute",top:0,left:0,right:0,bottom:0,border:0,margin:0,padding:0,width:"100%",height:"calc(100% - 80px)",background:"white"},({isLoaded})=>({visibility:isLoaded?"visible":"hidden"})),AlertIcon=newStyled(props=>import_react58.default.createElement(Icons,{icon:"alert",...props}))(({theme})=>({color:theme.textMutedColor,width:32,height:32,margin:"0 auto"})),WhatsNewLoader=()=>import_react58.default.createElement(Centered,null,import_react58.default.createElement(LoaderWrapper3,null,import_react58.default.createElement(Loader,null)),import_react58.default.createElement(Message4,null,"Loading...")),MaxWaitTimeMessaging=()=>import_react58.default.createElement(Centered,null,import_react58.default.createElement(AlertIcon,null),import_react58.default.createElement(Message4,null,"The page couldn't be loaded. Check your internet connection and try again.")),PureWhatsNewScreen=({didHitMaxWaitTime,isLoaded,onLoad,url,onCopyLink,onToggleNotifications,isNotificationsEnabled})=>import_react58.default.createElement(import_react58.Fragment,null,!isLoaded&&!didHitMaxWaitTime&&import_react58.default.createElement(WhatsNewLoader,null),didHitMaxWaitTime?import_react58.default.createElement(MaxWaitTimeMessaging,null):import_react58.default.createElement(import_react58.default.Fragment,null,import_react58.default.createElement(Iframe,{isLoaded,onLoad,src:url,title:"What's new?"}),import_react58.default.createElement(WhatsNewFooter,{isNotificationsEnabled,onToggleNotifications,onCopyLink}))),MAX_WAIT_TIME=1e4,WhatsNewScreen=()=>{let api=useStorybookApi(),state=useStorybookState(),{whatsNewData}=state,[isLoaded,setLoaded]=(0,import_react58.useState)(!1),[didHitMaxWaitTime,setDidHitMaxWaitTime]=(0,import_react58.useState)(!1);if((0,import_react58.useEffect)(()=>{let timer=setTimeout(()=>!isLoaded&&setDidHitMaxWaitTime(!0),MAX_WAIT_TIME);return()=>clearTimeout(timer)},[isLoaded]),whatsNewData?.status!=="SUCCESS")return null;let isNotificationsEnabled=!whatsNewData.disableWhatsNewNotifications;return import_react58.default.createElement(PureWhatsNewScreen,{didHitMaxWaitTime,isLoaded,onLoad:()=>{api.whatsNewHasBeenRead(),setLoaded(!0)},url:whatsNewData.url,isNotificationsEnabled,onCopyLink:()=>{navigator.clipboard?.writeText(whatsNewData.blogUrl??whatsNewData.url)},onToggleNotifications:()=>{isNotificationsEnabled?scope.confirm("All update notifications will no longer be shown. Are you sure?")&&api.toggleWhatsNewNotifications():api.toggleWhatsNewNotifications()}})};var WhatsNewPage=()=>import_react59.default.createElement(WhatsNewScreen,null);var{document:document11}=scope,TabBarButton=import_react60.default.memo(function({changeTab,id,title}){return import_react60.default.createElement(Location,null,({path})=>{let active=path.includes(`settings/${id}`);return import_react60.default.createElement(TabButton,{id:`tabbutton-${id}`,className:["tabbutton"].concat(active?["tabbutton-active"]:[]).join(" "),type:"button",key:"id",active,onClick:()=>changeTab(id),role:"tab"},title)})}),Content2=newStyled(ScrollArea)(({theme})=>({background:theme.background.content})),Pages=({changeTab,onClose,enableShortcuts=!0,enableWhatsNew})=>(import_react60.default.useEffect(()=>{let handleEscape=event=>{!enableShortcuts||event.repeat||matchesModifiers(!1,event)&&matchesKeyCode("Escape",event)&&(event.preventDefault(),onClose())};return document11.addEventListener("keydown",handleEscape),()=>document11.removeEventListener("keydown",handleEscape)},[enableShortcuts,onClose]),import_react60.default.createElement(import_react60.Fragment,null,import_react60.default.createElement(FlexBar,{border:!0},import_react60.default.createElement(TabBar,{role:"tablist"},import_react60.default.createElement(TabBarButton,{id:"about",title:"About",changeTab}),enableWhatsNew&&import_react60.default.createElement(TabBarButton,{id:"whats-new",title:"What's new?",changeTab}),import_react60.default.createElement(TabBarButton,{id:"shortcuts",title:"Keyboard shortcuts",changeTab})),import_react60.default.createElement(IconButton,{onClick:e3=>(e3.preventDefault(),onClose()),title:"Close settings page"},import_react60.default.createElement(Icons,{icon:"close"}))),import_react60.default.createElement(Content2,{vertical:!0,horizontal:!1},import_react60.default.createElement(Route2,{path:"about"},import_react60.default.createElement(AboutPage,{key:"about"})),import_react60.default.createElement(Route2,{path:"whats-new"},import_react60.default.createElement(WhatsNewPage,{key:"whats-new"})),import_react60.default.createElement(Route2,{path:"shortcuts"},import_react60.default.createElement(ShortcutsPage,{key:"shortcuts"}))))),SettingsPages=()=>{let api=useStorybookApi(),state=useStorybookState(),changeTab=tab=>api.changeSettingsTab(tab);return import_react60.default.createElement(Pages,{enableWhatsNew:state.whatsNewData?.status==="SUCCESS",enableShortcuts:state.ui.enableShortcuts,changeTab,onClose:api.closeSettings})},settingsPageAddon={id:"settings",url:"/settings/",title:"Settings",type:Addon_TypesEnum.experimental_PAGE,render:()=>import_react60.default.createElement(Route2,{path:"/settings/",startsWith:!0},import_react60.default.createElement(SettingsPages,null))};ThemeProvider.displayName="ThemeProvider";q.displayName="HelmetProvider";var Root3=({provider})=>import_react61.default.createElement(q,{key:"helmet.Provider"},import_react61.default.createElement(LocationProvider,{key:"location.provider"},import_react61.default.createElement(Main,{provider}))),Main=({provider})=>{let navigate=useNavigate2();return import_react61.default.createElement(Location,{key:"location.consumer"},locationData=>import_react61.default.createElement(ManagerProvider,{key:"manager",provider,...locationData,navigate,docsOptions:scope?.DOCS_OPTIONS||{}},combo=>{let{state,api}=combo,setManagerLayoutState=(0,import_react61.useCallback)(sizes2=>{api.setSizes(sizes2)},[api]),pages=(0,import_react61.useMemo)(()=>[settingsPageAddon,...Object.values(api.getElements(Addon_TypesEnum.experimental_PAGE))],[Object.keys(api.getElements(Addon_TypesEnum.experimental_PAGE)).join()]);return import_react61.default.createElement(ThemeProvider,{key:"theme.provider",theme:ensure(state.theme)},import_react61.default.createElement(LayoutProvider,null,import_react61.default.createElement(App,{key:"app",pages,managerLayoutState:{...state.layout,viewMode:state.viewMode},setManagerLayoutState})))}))};function renderStorybookUI(domNode,provider){if(!(provider instanceof Provider))throw new ProviderDoesNotExtendBaseProviderError;import_react_dom2.default.render(import_react61.default.createElement(Root3,{key:"root",provider}),domNode)}export{dist_exports,CHANNEL_CREATED,TELEMETRY_ERROR,dist_exports2,Addon_TypesEnum,createBrowserChannel,dist_exports3,mockChannel,addons,dist_exports4,UncaughtManagerError,dist_exports5,Provider,Root3 as Root,renderStorybookUI};
+`,SuccessIcon=newStyled(Icons)(({valid,theme})=>valid==="valid"?{color:theme.color.positive,animation:`${Fade} 2s ease forwards`}:{opacity:0},{alignSelf:"center",display:"flex",marginLeft:10,height:14,width:14}),Container10=newStyled.div(({theme})=>({fontSize:theme.typography.size.s2,padding:"3rem 20px",maxWidth:600,margin:"0 auto"})),shortcutLabels={fullScreen:"Go full screen",togglePanel:"Toggle addons",panelPosition:"Toggle addons orientation",toggleNav:"Toggle sidebar",toolbar:"Toggle canvas toolbar",search:"Focus search",focusNav:"Focus sidebar",focusIframe:"Focus canvas",focusPanel:"Focus addons",prevComponent:"Previous component",nextComponent:"Next component",prevStory:"Previous story",nextStory:"Next story",shortcutsPage:"Go to shortcuts page",aboutPage:"Go to about page",collapseAll:"Collapse all items on sidebar",expandAll:"Expand all items on sidebar",remount:"Remount component"},fixedShortcuts=["escape"];function toShortcutState(shortcutKeys){return Object.entries(shortcutKeys).reduce((acc,[feature,shortcut])=>fixedShortcuts.includes(feature)?acc:{...acc,[feature]:{shortcut,error:!1}},{})}var ShortcutsScreen=class extends import_react59.Component{constructor(props){super(props);this.onKeyDown=e3=>{let{activeFeature,shortcutKeys}=this.state;if(e3.key==="Backspace")return this.restoreDefault();let shortcut=eventToShortcut(e3);if(!shortcut)return!1;let error=!!Object.entries(shortcutKeys).find(([feature,{shortcut:existingShortcut}])=>feature!==activeFeature&&existingShortcut&&shortcutMatchesShortcut(shortcut,existingShortcut));return this.setState({shortcutKeys:{...shortcutKeys,[activeFeature]:{shortcut,error}}})};this.onFocus=focusedInput=>()=>{let{shortcutKeys}=this.state;this.setState({activeFeature:focusedInput,shortcutKeys:{...shortcutKeys,[focusedInput]:{shortcut:null,error:!1}}})};this.onBlur=async()=>{let{shortcutKeys,activeFeature}=this.state;if(shortcutKeys[activeFeature]){let{shortcut,error}=shortcutKeys[activeFeature];return!shortcut||error?this.restoreDefault():this.saveShortcut()}return!1};this.saveShortcut=async()=>{let{activeFeature,shortcutKeys}=this.state,{setShortcut}=this.props;await setShortcut(activeFeature,shortcutKeys[activeFeature].shortcut),this.setState({successField:activeFeature})};this.restoreDefaults=async()=>{let{restoreAllDefaultShortcuts}=this.props,defaultShortcuts2=await restoreAllDefaultShortcuts();return this.setState({shortcutKeys:toShortcutState(defaultShortcuts2)})};this.restoreDefault=async()=>{let{activeFeature,shortcutKeys}=this.state,{restoreDefaultShortcut}=this.props,defaultShortcut=await restoreDefaultShortcut(activeFeature);return this.setState({shortcutKeys:{...shortcutKeys,...toShortcutState({[activeFeature]:defaultShortcut})}})};this.displaySuccessMessage=activeElement=>{let{successField,shortcutKeys}=this.state;return activeElement===successField&&shortcutKeys[activeElement].error===!1?"valid":void 0};this.displayError=activeElement=>{let{activeFeature,shortcutKeys}=this.state;return activeElement===activeFeature&&shortcutKeys[activeElement].error===!0?"error":void 0};this.renderKeyInput=()=>{let{shortcutKeys,addonsShortcutLabels}=this.state;return Object.entries(shortcutKeys).map(([feature,{shortcut}])=>import_react59.default.createElement(Row,{key:feature},import_react59.default.createElement(Description,null,shortcutLabels[feature]||addonsShortcutLabels[feature]),import_react59.default.createElement(TextInput,{spellCheck:"false",valid:this.displayError(feature),className:"modalInput",onBlur:this.onBlur,onFocus:this.onFocus(feature),onKeyDown:this.onKeyDown,value:shortcut?shortcutToHumanString(shortcut):"",placeholder:"Type keys",readOnly:!0}),import_react59.default.createElement(SuccessIcon,{valid:this.displaySuccessMessage(feature),icon:"check"})))};this.renderKeyForm=()=>import_react59.default.createElement(GridWrapper,null,import_react59.default.createElement(GridHeaderRow,null,import_react59.default.createElement(HeaderItem,null,"Commands"),import_react59.default.createElement(HeaderItem,null,"Shortcut")),this.renderKeyInput());this.state={activeFeature:void 0,successField:void 0,shortcutKeys:toShortcutState(props.shortcutKeys),addonsShortcutLabels:props.addonsShortcutLabels}}render(){let layout=this.renderKeyForm();return import_react59.default.createElement(Container10,null,import_react59.default.createElement(Header2,null,"Keyboard shortcuts"),layout,import_react59.default.createElement(Form.Button,{tertiary:!0,small:!0,id:"restoreDefaultsHotkeys",onClick:this.restoreDefaults},"Restore defaults"),import_react59.default.createElement(SettingsFooter_default,null))}};var ShortcutsPage=()=>import_react60.default.createElement(ManagerConsumer,null,({api:{getShortcutKeys,getAddonsShortcutLabels,setShortcut,restoreDefaultShortcut,restoreAllDefaultShortcuts}})=>import_react60.default.createElement(ShortcutsScreen,{shortcutKeys:getShortcutKeys(),addonsShortcutLabels:getAddonsShortcutLabels(),setShortcut,restoreDefaultShortcut,restoreAllDefaultShortcuts}));var import_react62=__toESM(require_react());var import_react61=__toESM(require_react());var Centered=newStyled.div({top:"50%",position:"absolute",transform:"translateY(-50%)",width:"100%",textAlign:"center"}),LoaderWrapper3=newStyled.div({position:"relative",height:"32px"}),Message4=newStyled.div(({theme})=>({paddingTop:"12px",color:theme.textMutedColor,maxWidth:"295px",margin:"0 auto",fontSize:`${theme.typography.size.s1}px`,lineHeight:"16px"})),Container11=newStyled.div(({theme})=>({position:"absolute",width:"100%",bottom:"40px",background:theme.background.bar,fontSize:"13px",borderTop:"1px solid",borderColor:theme.appBorderColor,padding:"8px 12px",display:"flex",alignItems:"center",justifyContent:"space-between"})),ToggleNotificationButton=newStyled(IconButton)(({theme})=>({fontWeight:theme.typography.weight.regular,color:theme.color.mediumdark,margin:0})),CopyButton=newStyled(Button)(({theme})=>({"&&":{fontSize:"13px",color:theme.color.defaultText,margin:0,padding:0,borderRadius:0}})),WhatsNewFooter=({isNotificationsEnabled,onToggleNotifications,onCopyLink})=>{let theme=useTheme(),[copyText,setCopyText]=(0,import_react61.useState)("Copy Link"),copyLink=()=>{onCopyLink(),setCopyText("Copied!"),setTimeout(()=>setCopyText("Copy Link"),4e3)};return import_react61.default.createElement(Container11,null,import_react61.default.createElement("div",{style:{display:"flex",alignItems:"center",gap:10}},import_react61.default.createElement(Icons,{icon:"heart",color:theme.color.mediumdark}),import_react61.default.createElement("div",null,"Share this with your team."),import_react61.default.createElement(CopyButton,{onClick:copyLink,small:!0},copyText)),import_react61.default.createElement(ToggleNotificationButton,{onClick:onToggleNotifications},isNotificationsEnabled?import_react61.default.createElement(import_react61.default.Fragment,null,import_react61.default.createElement(Icons,{icon:"eyeclose"}),"\xA0Hide notifications"):import_react61.default.createElement(import_react61.default.Fragment,null,import_react61.default.createElement(Icons,{icon:"eye"}),"\xA0Show notifications")))},Iframe=newStyled.iframe({position:"absolute",top:0,left:0,right:0,bottom:0,border:0,margin:0,padding:0,width:"100%",height:"calc(100% - 80px)",background:"white"},({isLoaded})=>({visibility:isLoaded?"visible":"hidden"})),AlertIcon=newStyled(props=>import_react61.default.createElement(Icons,{icon:"alert",...props}))(({theme})=>({color:theme.textMutedColor,width:32,height:32,margin:"0 auto"})),WhatsNewLoader=()=>import_react61.default.createElement(Centered,null,import_react61.default.createElement(LoaderWrapper3,null,import_react61.default.createElement(Loader,null)),import_react61.default.createElement(Message4,null,"Loading...")),MaxWaitTimeMessaging=()=>import_react61.default.createElement(Centered,null,import_react61.default.createElement(AlertIcon,null),import_react61.default.createElement(Message4,null,"The page couldn't be loaded. Check your internet connection and try again.")),PureWhatsNewScreen=({didHitMaxWaitTime,isLoaded,onLoad,url,onCopyLink,onToggleNotifications,isNotificationsEnabled})=>import_react61.default.createElement(import_react61.Fragment,null,!isLoaded&&!didHitMaxWaitTime&&import_react61.default.createElement(WhatsNewLoader,null),didHitMaxWaitTime?import_react61.default.createElement(MaxWaitTimeMessaging,null):import_react61.default.createElement(import_react61.default.Fragment,null,import_react61.default.createElement(Iframe,{isLoaded,onLoad,src:url,title:"What's new?"}),import_react61.default.createElement(WhatsNewFooter,{isNotificationsEnabled,onToggleNotifications,onCopyLink}))),MAX_WAIT_TIME=1e4,WhatsNewScreen=()=>{let api=useStorybookApi(),state=useStorybookState(),{whatsNewData}=state,[isLoaded,setLoaded]=(0,import_react61.useState)(!1),[didHitMaxWaitTime,setDidHitMaxWaitTime]=(0,import_react61.useState)(!1);if((0,import_react61.useEffect)(()=>{let timer=setTimeout(()=>!isLoaded&&setDidHitMaxWaitTime(!0),MAX_WAIT_TIME);return()=>clearTimeout(timer)},[isLoaded]),whatsNewData?.status!=="SUCCESS")return null;let isNotificationsEnabled=!whatsNewData.disableWhatsNewNotifications;return import_react61.default.createElement(PureWhatsNewScreen,{didHitMaxWaitTime,isLoaded,onLoad:()=>{api.whatsNewHasBeenRead(),setLoaded(!0)},url:whatsNewData.url,isNotificationsEnabled,onCopyLink:()=>{navigator.clipboard?.writeText(whatsNewData.blogUrl??whatsNewData.url)},onToggleNotifications:()=>{isNotificationsEnabled?scope.confirm("All update notifications will no longer be shown. Are you sure?")&&api.toggleWhatsNewNotifications():api.toggleWhatsNewNotifications()}})};var WhatsNewPage=()=>import_react62.default.createElement(WhatsNewScreen,null);var{document:document11}=scope,TabBarButton=import_react63.default.memo(function({changeTab,id,title}){return import_react63.default.createElement(Location,null,({path})=>{let active=path.includes(`settings/${id}`);return import_react63.default.createElement(TabButton,{id:`tabbutton-${id}`,className:["tabbutton"].concat(active?["tabbutton-active"]:[]).join(" "),type:"button",key:"id",active,onClick:()=>changeTab(id),role:"tab"},title)})}),Content2=newStyled(ScrollArea)(({theme})=>({background:theme.background.content})),Pages=({changeTab,onClose,enableShortcuts=!0,enableWhatsNew})=>(import_react63.default.useEffect(()=>{let handleEscape=event=>{!enableShortcuts||event.repeat||matchesModifiers(!1,event)&&matchesKeyCode("Escape",event)&&(event.preventDefault(),onClose())};return document11.addEventListener("keydown",handleEscape),()=>document11.removeEventListener("keydown",handleEscape)},[enableShortcuts,onClose]),import_react63.default.createElement(import_react63.Fragment,null,import_react63.default.createElement(FlexBar,{border:!0},import_react63.default.createElement(TabBar,{role:"tablist"},import_react63.default.createElement(TabBarButton,{id:"about",title:"About",changeTab}),enableWhatsNew&&import_react63.default.createElement(TabBarButton,{id:"whats-new",title:"What's new?",changeTab}),import_react63.default.createElement(TabBarButton,{id:"shortcuts",title:"Keyboard shortcuts",changeTab})),import_react63.default.createElement(IconButton,{onClick:e3=>(e3.preventDefault(),onClose()),title:"Close settings page"},import_react63.default.createElement(Icons,{icon:"close"}))),import_react63.default.createElement(Content2,{vertical:!0,horizontal:!1},import_react63.default.createElement(Route2,{path:"about"},import_react63.default.createElement(AboutPage,{key:"about"})),import_react63.default.createElement(Route2,{path:"whats-new"},import_react63.default.createElement(WhatsNewPage,{key:"whats-new"})),import_react63.default.createElement(Route2,{path:"shortcuts"},import_react63.default.createElement(ShortcutsPage,{key:"shortcuts"}))))),SettingsPages=()=>{let api=useStorybookApi(),state=useStorybookState(),changeTab=tab=>api.changeSettingsTab(tab);return import_react63.default.createElement(Pages,{enableWhatsNew:state.whatsNewData?.status==="SUCCESS",enableShortcuts:state.ui.enableShortcuts,changeTab,onClose:api.closeSettings})},settingsPageAddon={id:"settings",url:"/settings/",title:"Settings",type:Addon_TypesEnum.experimental_PAGE,render:()=>import_react63.default.createElement(Route2,{path:"/settings/",startsWith:!0},import_react63.default.createElement(SettingsPages,null))};ThemeProvider.displayName="ThemeProvider";q.displayName="HelmetProvider";var Root3=({provider})=>import_react64.default.createElement(q,{key:"helmet.Provider"},import_react64.default.createElement(LocationProvider,{key:"location.provider"},import_react64.default.createElement(Main,{provider}))),Main=({provider})=>{let navigate=useNavigate2();return import_react64.default.createElement(Location,{key:"location.consumer"},locationData=>import_react64.default.createElement(ManagerProvider,{key:"manager",provider,...locationData,navigate,docsOptions:scope?.DOCS_OPTIONS||{}},combo=>{let{state,api}=combo,setManagerLayoutState=(0,import_react64.useCallback)(sizes2=>{api.setSizes(sizes2)},[api]),pages=(0,import_react64.useMemo)(()=>[settingsPageAddon,...Object.values(api.getElements(Addon_TypesEnum.experimental_PAGE))],[Object.keys(api.getElements(Addon_TypesEnum.experimental_PAGE)).join()]);return import_react64.default.createElement(ThemeProvider,{key:"theme.provider",theme:ensure(state.theme)},import_react64.default.createElement(LayoutProvider,null,import_react64.default.createElement(App,{key:"app",pages,managerLayoutState:{...state.layout,viewMode:state.viewMode},setManagerLayoutState})))}))};function renderStorybookUI(domNode,provider){if(!(provider instanceof Provider))throw new ProviderDoesNotExtendBaseProviderError;import_react_dom2.default.render(import_react64.default.createElement(Root3,{key:"root",provider}),domNode)}export{dist_exports,CHANNEL_CREATED,TELEMETRY_ERROR,dist_exports2,Addon_TypesEnum,createBrowserChannel,dist_exports3,mockChannel,addons,dist_exports4,UncaughtManagerError,dist_exports5,Provider,Root3 as Root,renderStorybookUI};

package/dist/index.js

@@ -1 +1 @@
-import{Provider,Root,renderStorybookUI}from"./chunk-NVO2WYHT.js";import"./chunk-XRAJ5ZXB.js";import"./chunk-KHABZAJU.js";import"./chunk-QPL63VNK.js";import"./chunk-75IWMBKQ.js";import"./chunk-HGUFDA7F.js";import"./chunk-2OLTRDLQ.js";import"./chunk-HPQNZS5Z.js";export{Provider,Root,renderStorybookUI};
+import{Provider,Root,renderStorybookUI}from"./chunk-O4ATYT2Q.js";import"./chunk-XRAJ5ZXB.js";import"./chunk-KHABZAJU.js";import"./chunk-QPL63VNK.js";import"./chunk-75IWMBKQ.js";import"./chunk-HGUFDA7F.js";import"./chunk-2OLTRDLQ.js";import"./chunk-HPQNZS5Z.js";export{Provider,Root,renderStorybookUI};

package/dist/runtime.js

@@ -1 +1 @@
-import{Addon_TypesEnum,CHANNEL_CREATED,Provider,TELEMETRY_ERROR,UncaughtManagerError,addons,createBrowserChannel,dist_exports as dist_exports2,dist_exports2 as dist_exports3,dist_exports3 as dist_exports4,dist_exports4 as dist_exports5,dist_exports5 as dist_exports7,mockChannel,renderStorybookUI}from"./chunk-NVO2WYHT.js";import"./chunk-XRAJ5ZXB.js";import{require_react_dom}from"./chunk-KHABZAJU.js";import"./chunk-QPL63VNK.js";import{dist_exports,dist_exports2 as dist_exports6,scope}from"./chunk-75IWMBKQ.js";import{require_react}from"./chunk-HGUFDA7F.js";import"./chunk-2OLTRDLQ.js";import{__commonJS,__toESM}from"./chunk-HPQNZS5Z.js";var require_browser_dtector_umd_min=__commonJS({"../../node_modules/browser-dtector/browser-dtector.umd.min.js"(exports,module){(function(e,o){typeof exports=="object"&&typeof module<"u"?module.exports=o():typeof define=="function"&&define.amd?define(o):(e=typeof globalThis<"u"?globalThis:e||self).BrowserDetector=o()})(exports,function(){"use strict";function e(e2,o2){for(var r2=0;r2<o2.length;r2++){var n2=o2[r2];n2.enumerable=n2.enumerable||!1,n2.configurable=!0,"value"in n2&&(n2.writable=!0),Object.defineProperty(e2,(i2=n2.key,t2=void 0,typeof(t2=function(e3,o3){if(typeof e3!="object"||e3===null)return e3;var r3=e3[Symbol.toPrimitive];if(r3!==void 0){var n3=r3.call(e3,o3||"default");if(typeof n3!="object")return n3;throw new TypeError("@@toPrimitive must return a primitive value.")}return(o3==="string"?String:Number)(e3)}(i2,"string"))=="symbol"?t2:String(t2)),n2)}var i2,t2}var o={chrome:"Google Chrome",brave:"Brave",crios:"Google Chrome",edge:"Microsoft Edge",edg:"Microsoft Edge",edgios:"Microsoft Edge",fennec:"Mozilla Firefox",jsdom:"JsDOM",mozilla:"Mozilla Firefox",fxios:"Mozilla Firefox",msie:"Microsoft Internet Explorer",opera:"Opera",opios:"Opera",opr:"Opera",opt:"Opera",rv:"Microsoft Internet Explorer",safari:"Safari",samsungbrowser:"Samsung Browser",electron:"Electron"},r={android:"Android",androidTablet:"Android Tablet",cros:"Chrome OS",fennec:"Android Tablet",ipad:"IPad",iphone:"IPhone",jsdom:"JsDOM",linux:"Linux",mac:"Macintosh",tablet:"Android Tablet",win:"Windows","windows phone":"Windows Phone",xbox:"Microsoft Xbox"},n=function(e2){var o2=new RegExp("^-?\\d+(?:.\\d{0,".concat(arguments.length>1&&arguments[1]!==void 0?arguments[1]:-1,"})?")),r2=Number(e2).toString().match(o2);return r2?r2[0]:null},i=function(){return typeof window<"u"?window.navigator:null},t=function(){function t2(e2){var o2;(function(e3,o3){if(!(e3 instanceof o3))throw new TypeError("Cannot call a class as a function")})(this,t2),this.userAgent=e2||((o2=i())===null||o2===void 0?void 0:o2.userAgent)||null}var a,l,s;return a=t2,l=[{key:"parseUserAgent",value:function(e2){var t3,a2,l2,s2={},c=e2||this.userAgent||"",d=c.toLowerCase().replace(/\s\s+/g," "),u=/(edge)\/([\w.]+)/.exec(d)||/(edg)[/]([\w.]+)/.exec(d)||/(opr)[/]([\w.]+)/.exec(d)||/(opt)[/]([\w.]+)/.exec(d)||/(fxios)[/]([\w.]+)/.exec(d)||/(edgios)[/]([\w.]+)/.exec(d)||/(jsdom)[/]([\w.]+)/.exec(d)||/(samsungbrowser)[/]([\w.]+)/.exec(d)||/(electron)[/]([\w.]+)/.exec(d)||/(chrome)[/]([\w.]+)/.exec(d)||/(crios)[/]([\w.]+)/.exec(d)||/(opios)[/]([\w.]+)/.exec(d)||/(version)(applewebkit)[/]([\w.]+).*(safari)[/]([\w.]+)/.exec(d)||/(webkit)[/]([\w.]+).*(version)[/]([\w.]+).*(safari)[/]([\w.]+)/.exec(d)||/(applewebkit)[/]([\w.]+).*(safari)[/]([\w.]+)/.exec(d)||/(webkit)[/]([\w.]+)/.exec(d)||/(opera)(?:.*version|)[/]([\w.]+)/.exec(d)||/(msie) ([\w.]+)/.exec(d)||/(fennec)[/]([\w.]+)/.exec(d)||d.indexOf("trident")>=0&&/(rv)(?::| )([\w.]+)/.exec(d)||d.indexOf("compatible")<0&&/(mozilla)(?:.*? rv:([\w.]+)|)/.exec(d)||[],f=/(ipad)/.exec(d)||/(ipod)/.exec(d)||/(iphone)/.exec(d)||/(jsdom)/.exec(d)||/(windows phone)/.exec(d)||/(xbox)/.exec(d)||/(win)/.exec(d)||/(tablet)/.exec(d)||/(android)/.test(d)&&/(mobile)/.test(d)===!1&&["androidTablet"]||/(android)/.exec(d)||/(mac)/.exec(d)||/(linux)/.exec(d)||/(cros)/.exec(d)||[],p=u[5]||u[3]||u[1]||null,w=f[0]||null,x=u[4]||u[2]||null,b=i();p==="chrome"&&typeof(b==null||(t3=b.brave)===null||t3===void 0?void 0:t3.isBrave)=="function"&&(p="brave"),p&&(s2[p]=!0),w&&(s2[w]=!0);var v=!!(s2.tablet||s2.android||s2.androidTablet),m=!!(s2.ipad||s2.tablet||s2.androidTablet),g=!!(s2.android||s2.androidTablet||s2.tablet||s2.ipad||s2.ipod||s2.iphone||s2["windows phone"]),h=!!(s2.cros||s2.mac||s2.linux||s2.win),y=!!(s2.brave||s2.chrome||s2.crios||s2.opr||s2.safari||s2.edg||s2.electron),A=!!(s2.msie||s2.rv);return{name:(a2=o[p])!==null&&a2!==void 0?a2:null,platform:(l2=r[w])!==null&&l2!==void 0?l2:null,userAgent:c,version:x,shortVersion:x?n(parseFloat(x),2):null,isAndroid:v,isTablet:m,isMobile:g,isDesktop:h,isWebkit:y,isIE:A}}},{key:"getBrowserInfo",value:function(){var e2=this.parseUserAgent();return{name:e2.name,platform:e2.platform,userAgent:e2.userAgent,version:e2.version,shortVersion:e2.shortVersion}}}],s=[{key:"VERSION",get:function(){return"3.4.0"}}],l&&e(a.prototype,l),s&&e(a,s),Object.defineProperty(a,"prototype",{writable:!1}),t2}();return t})}});var REACT=__toESM(require_react()),REACTDOM=__toESM(require_react_dom());var values={react:REACT,"react-dom":REACTDOM,"@storybook/components":dist_exports7,"@storybook/channels":dist_exports4,"@storybook/core-events":dist_exports3,"@storybook/router":dist_exports2,"@storybook/theming":dist_exports6,"@storybook/api":dist_exports5,"@storybook/manager-api":dist_exports5,"@storybook/addons":{addons,types:Addon_TypesEnum,mockChannel},"@storybook/client-logger":dist_exports};var Keys=(Keys2=>(Keys2.react="__REACT__",Keys2["react-dom"]="__REACTDOM__",Keys2["@storybook/components"]="__STORYBOOKCOMPONENTS__",Keys2["@storybook/channels"]="__STORYBOOKCHANNELS__",Keys2["@storybook/core-events"]="__STORYBOOKCOREEVENTS__",Keys2["@storybook/router"]="__STORYBOOKROUTER__",Keys2["@storybook/theming"]="__STORYBOOKTHEMING__",Keys2["@storybook/api"]="__STORYBOOKAPI__",Keys2["@storybook/manager-api"]="__STORYBOOKAPI__",Keys2["@storybook/addons"]="__STORYBOOKADDONS__",Keys2["@storybook/client-logger"]="__STORYBOOKCLIENTLOGGER__",Keys2))(Keys||{});var import_browser_dtector=__toESM(require_browser_dtector_umd_min()),browserInfo;function getBrowserInfo(){return browserInfo||(browserInfo=new import_browser_dtector.default(scope.navigator?.userAgent).getBrowserInfo()),browserInfo}var errorMessages=["ResizeObserver loop completed with undelivered notifications.","ResizeObserver loop limit exceeded","Script error."],shouldSkipError=error=>errorMessages.includes(error?.message);function prepareForTelemetry(originalError){let error=originalError;return(originalError.target===scope||originalError.currentTarget===scope||originalError.srcElement===scope)&&(error=new Error(originalError.message),error.name=originalError.name||error.name),originalError.fromStorybook||(error=new UncaughtManagerError({error})),error.browserInfo=getBrowserInfo(),error}var{FEATURES,CONFIG_TYPE}=scope,ReactProvider=class extends Provider{constructor(){super();let channel=createBrowserChannel({page:"manager"});addons.setChannel(channel),channel.emit(CHANNEL_CREATED),this.addons=addons,this.channel=channel,scope.__STORYBOOK_ADDONS_CHANNEL__=channel,FEATURES?.storyStoreV7&&CONFIG_TYPE==="DEVELOPMENT"&&(this.serverChannel=this.channel,addons.setServerChannel(this.serverChannel))}getElements(type){return this.addons.getElements(type)}getConfig(){return this.addons.getConfig()}handleAPI(api){this.addons.loadAddons(api)}};Object.keys(Keys).forEach(key=>{scope[Keys[key]]=values[key]});scope.sendTelemetryError=error=>{shouldSkipError(error)||scope.__STORYBOOK_ADDONS_CHANNEL__.emit(TELEMETRY_ERROR,prepareForTelemetry(error))};scope.addEventListener("error",args=>{let error=args.error||args;scope.sendTelemetryError(error)});scope.addEventListener("unhandledrejection",({reason})=>{scope.sendTelemetryError(reason)});var{document}=scope,rootEl=document.getElementById("root");renderStorybookUI(rootEl,new ReactProvider);
+import{Addon_TypesEnum,CHANNEL_CREATED,Provider,TELEMETRY_ERROR,UncaughtManagerError,addons,createBrowserChannel,dist_exports as dist_exports2,dist_exports2 as dist_exports3,dist_exports3 as dist_exports4,dist_exports4 as dist_exports5,dist_exports5 as dist_exports7,mockChannel,renderStorybookUI}from"./chunk-O4ATYT2Q.js";import"./chunk-XRAJ5ZXB.js";import{require_react_dom}from"./chunk-KHABZAJU.js";import"./chunk-QPL63VNK.js";import{dist_exports,dist_exports2 as dist_exports6,scope}from"./chunk-75IWMBKQ.js";import{require_react}from"./chunk-HGUFDA7F.js";import"./chunk-2OLTRDLQ.js";import{__commonJS,__toESM}from"./chunk-HPQNZS5Z.js";var require_browser_dtector_umd_min=__commonJS({"../../node_modules/browser-dtector/browser-dtector.umd.min.js"(exports,module){(function(e,o){typeof exports=="object"&&typeof module<"u"?module.exports=o():typeof define=="function"&&define.amd?define(o):(e=typeof globalThis<"u"?globalThis:e||self).BrowserDetector=o()})(exports,function(){"use strict";function e(e2,o2){for(var r2=0;r2<o2.length;r2++){var n2=o2[r2];n2.enumerable=n2.enumerable||!1,n2.configurable=!0,"value"in n2&&(n2.writable=!0),Object.defineProperty(e2,(i2=n2.key,t2=void 0,typeof(t2=function(e3,o3){if(typeof e3!="object"||e3===null)return e3;var r3=e3[Symbol.toPrimitive];if(r3!==void 0){var n3=r3.call(e3,o3||"default");if(typeof n3!="object")return n3;throw new TypeError("@@toPrimitive must return a primitive value.")}return(o3==="string"?String:Number)(e3)}(i2,"string"))=="symbol"?t2:String(t2)),n2)}var i2,t2}var o={chrome:"Google Chrome",brave:"Brave",crios:"Google Chrome",edge:"Microsoft Edge",edg:"Microsoft Edge",edgios:"Microsoft Edge",fennec:"Mozilla Firefox",jsdom:"JsDOM",mozilla:"Mozilla Firefox",fxios:"Mozilla Firefox",msie:"Microsoft Internet Explorer",opera:"Opera",opios:"Opera",opr:"Opera",opt:"Opera",rv:"Microsoft Internet Explorer",safari:"Safari",samsungbrowser:"Samsung Browser",electron:"Electron"},r={android:"Android",androidTablet:"Android Tablet",cros:"Chrome OS",fennec:"Android Tablet",ipad:"IPad",iphone:"IPhone",jsdom:"JsDOM",linux:"Linux",mac:"Macintosh",tablet:"Android Tablet",win:"Windows","windows phone":"Windows Phone",xbox:"Microsoft Xbox"},n=function(e2){var o2=new RegExp("^-?\\d+(?:.\\d{0,".concat(arguments.length>1&&arguments[1]!==void 0?arguments[1]:-1,"})?")),r2=Number(e2).toString().match(o2);return r2?r2[0]:null},i=function(){return typeof window<"u"?window.navigator:null},t=function(){function t2(e2){var o2;(function(e3,o3){if(!(e3 instanceof o3))throw new TypeError("Cannot call a class as a function")})(this,t2),this.userAgent=e2||((o2=i())===null||o2===void 0?void 0:o2.userAgent)||null}var a,l,s;return a=t2,l=[{key:"parseUserAgent",value:function(e2){var t3,a2,l2,s2={},c=e2||this.userAgent||"",d=c.toLowerCase().replace(/\s\s+/g," "),u=/(edge)\/([\w.]+)/.exec(d)||/(edg)[/]([\w.]+)/.exec(d)||/(opr)[/]([\w.]+)/.exec(d)||/(opt)[/]([\w.]+)/.exec(d)||/(fxios)[/]([\w.]+)/.exec(d)||/(edgios)[/]([\w.]+)/.exec(d)||/(jsdom)[/]([\w.]+)/.exec(d)||/(samsungbrowser)[/]([\w.]+)/.exec(d)||/(electron)[/]([\w.]+)/.exec(d)||/(chrome)[/]([\w.]+)/.exec(d)||/(crios)[/]([\w.]+)/.exec(d)||/(opios)[/]([\w.]+)/.exec(d)||/(version)(applewebkit)[/]([\w.]+).*(safari)[/]([\w.]+)/.exec(d)||/(webkit)[/]([\w.]+).*(version)[/]([\w.]+).*(safari)[/]([\w.]+)/.exec(d)||/(applewebkit)[/]([\w.]+).*(safari)[/]([\w.]+)/.exec(d)||/(webkit)[/]([\w.]+)/.exec(d)||/(opera)(?:.*version|)[/]([\w.]+)/.exec(d)||/(msie) ([\w.]+)/.exec(d)||/(fennec)[/]([\w.]+)/.exec(d)||d.indexOf("trident")>=0&&/(rv)(?::| )([\w.]+)/.exec(d)||d.indexOf("compatible")<0&&/(mozilla)(?:.*? rv:([\w.]+)|)/.exec(d)||[],f=/(ipad)/.exec(d)||/(ipod)/.exec(d)||/(iphone)/.exec(d)||/(jsdom)/.exec(d)||/(windows phone)/.exec(d)||/(xbox)/.exec(d)||/(win)/.exec(d)||/(tablet)/.exec(d)||/(android)/.test(d)&&/(mobile)/.test(d)===!1&&["androidTablet"]||/(android)/.exec(d)||/(mac)/.exec(d)||/(linux)/.exec(d)||/(cros)/.exec(d)||[],p=u[5]||u[3]||u[1]||null,w=f[0]||null,x=u[4]||u[2]||null,b=i();p==="chrome"&&typeof(b==null||(t3=b.brave)===null||t3===void 0?void 0:t3.isBrave)=="function"&&(p="brave"),p&&(s2[p]=!0),w&&(s2[w]=!0);var v=!!(s2.tablet||s2.android||s2.androidTablet),m=!!(s2.ipad||s2.tablet||s2.androidTablet),g=!!(s2.android||s2.androidTablet||s2.tablet||s2.ipad||s2.ipod||s2.iphone||s2["windows phone"]),h=!!(s2.cros||s2.mac||s2.linux||s2.win),y=!!(s2.brave||s2.chrome||s2.crios||s2.opr||s2.safari||s2.edg||s2.electron),A=!!(s2.msie||s2.rv);return{name:(a2=o[p])!==null&&a2!==void 0?a2:null,platform:(l2=r[w])!==null&&l2!==void 0?l2:null,userAgent:c,version:x,shortVersion:x?n(parseFloat(x),2):null,isAndroid:v,isTablet:m,isMobile:g,isDesktop:h,isWebkit:y,isIE:A}}},{key:"getBrowserInfo",value:function(){var e2=this.parseUserAgent();return{name:e2.name,platform:e2.platform,userAgent:e2.userAgent,version:e2.version,shortVersion:e2.shortVersion}}}],s=[{key:"VERSION",get:function(){return"3.4.0"}}],l&&e(a.prototype,l),s&&e(a,s),Object.defineProperty(a,"prototype",{writable:!1}),t2}();return t})}});var REACT=__toESM(require_react()),REACTDOM=__toESM(require_react_dom());var values={react:REACT,"react-dom":REACTDOM,"@storybook/components":dist_exports7,"@storybook/channels":dist_exports4,"@storybook/core-events":dist_exports3,"@storybook/router":dist_exports2,"@storybook/theming":dist_exports6,"@storybook/api":dist_exports5,"@storybook/manager-api":dist_exports5,"@storybook/addons":{addons,types:Addon_TypesEnum,mockChannel},"@storybook/client-logger":dist_exports};var Keys=(Keys2=>(Keys2.react="__REACT__",Keys2["react-dom"]="__REACTDOM__",Keys2["@storybook/components"]="__STORYBOOKCOMPONENTS__",Keys2["@storybook/channels"]="__STORYBOOKCHANNELS__",Keys2["@storybook/core-events"]="__STORYBOOKCOREEVENTS__",Keys2["@storybook/router"]="__STORYBOOKROUTER__",Keys2["@storybook/theming"]="__STORYBOOKTHEMING__",Keys2["@storybook/api"]="__STORYBOOKAPI__",Keys2["@storybook/manager-api"]="__STORYBOOKAPI__",Keys2["@storybook/addons"]="__STORYBOOKADDONS__",Keys2["@storybook/client-logger"]="__STORYBOOKCLIENTLOGGER__",Keys2))(Keys||{});var import_browser_dtector=__toESM(require_browser_dtector_umd_min()),browserInfo;function getBrowserInfo(){return browserInfo||(browserInfo=new import_browser_dtector.default(scope.navigator?.userAgent).getBrowserInfo()),browserInfo}var errorMessages=["ResizeObserver loop completed with undelivered notifications.","ResizeObserver loop limit exceeded","Script error."],shouldSkipError=error=>errorMessages.includes(error?.message);function prepareForTelemetry(originalError){let error=originalError;return(originalError.target===scope||originalError.currentTarget===scope||originalError.srcElement===scope)&&(error=new Error(originalError.message),error.name=originalError.name||error.name),originalError.fromStorybook||(error=new UncaughtManagerError({error})),error.browserInfo=getBrowserInfo(),error}var{FEATURES,CONFIG_TYPE}=scope,ReactProvider=class extends Provider{constructor(){super();let channel=createBrowserChannel({page:"manager"});addons.setChannel(channel),channel.emit(CHANNEL_CREATED),this.addons=addons,this.channel=channel,scope.__STORYBOOK_ADDONS_CHANNEL__=channel,FEATURES?.storyStoreV7&&CONFIG_TYPE==="DEVELOPMENT"&&(this.serverChannel=this.channel,addons.setServerChannel(this.serverChannel))}getElements(type){return this.addons.getElements(type)}getConfig(){return this.addons.getConfig()}handleAPI(api){this.addons.loadAddons(api)}};Object.keys(Keys).forEach(key=>{scope[Keys[key]]=values[key]});scope.sendTelemetryError=error=>{shouldSkipError(error)||scope.__STORYBOOK_ADDONS_CHANNEL__.emit(TELEMETRY_ERROR,prepareForTelemetry(error))};scope.addEventListener("error",args=>{let error=args.error||args;scope.sendTelemetryError(error)});scope.addEventListener("unhandledrejection",({reason})=>{scope.sendTelemetryError(reason)});var{document}=scope,rootEl=document.getElementById("root");renderStorybookUI(rootEl,new ReactProvider);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/manager",
-  "version": "0.0.0-pr-24271-sha-f6cb6ac2",
+  "version": "0.0.0-pr-24281-sha-534a6350",
   "description": "Core Storybook UI",
   "keywords": [
     "storybook"
@@ -53,16 +53,16 @@
   "devDependencies": {
     "@fal-works/esbuild-plugin-global-externals": "^2.1.2",
     "@storybook/addon-designs": "^7.0.4",
-    "@storybook/addons": "0.0.0-pr-24271-sha-f6cb6ac2",
-    "@storybook/channels": "0.0.0-pr-24271-sha-f6cb6ac2",
-    "@storybook/client-logger": "0.0.0-pr-24271-sha-f6cb6ac2",
-    "@storybook/components": "0.0.0-pr-24271-sha-f6cb6ac2",
-    "@storybook/core-events": "0.0.0-pr-24271-sha-f6cb6ac2",
+    "@storybook/addons": "0.0.0-pr-24281-sha-534a6350",
+    "@storybook/channels": "0.0.0-pr-24281-sha-534a6350",
+    "@storybook/client-logger": "0.0.0-pr-24281-sha-534a6350",
+    "@storybook/components": "0.0.0-pr-24281-sha-534a6350",
+    "@storybook/core-events": "0.0.0-pr-24281-sha-534a6350",
     "@storybook/global": "^5.0.0",
-    "@storybook/manager-api": "0.0.0-pr-24271-sha-f6cb6ac2",
-    "@storybook/router": "0.0.0-pr-24271-sha-f6cb6ac2",
-    "@storybook/theming": "0.0.0-pr-24271-sha-f6cb6ac2",
-    "@storybook/types": "0.0.0-pr-24271-sha-f6cb6ac2",
+    "@storybook/manager-api": "0.0.0-pr-24281-sha-534a6350",
+    "@storybook/router": "0.0.0-pr-24281-sha-534a6350",
+    "@storybook/theming": "0.0.0-pr-24281-sha-534a6350",
+    "@storybook/types": "0.0.0-pr-24281-sha-534a6350",
     "@testing-library/react": "^11.2.2",
     "@types/react-transition-group": "^4",
     "@types/semver": "^7.3.4",