2024-06-16 17:30:30 +02:00
import { $5e63c961fc1ce211$export$8c6ed5c666ac1360 , $6ed0406888f73fc4$export$c7b2cbe3552a0d05 , ActionBar , ScrollArea , SyntaxHighlighter2 , _extends as _extends2 , createCopyToClipboardFunction } from "./chunk-GUVK2GTO.js" ; import { WithToolTipState } from "./chunk-BLWCBWKL.js" ; import { _extends , _objectWithoutPropertiesLoose , color , create , deprecate , ignoreSsrWarning , isPropValid , keyframes , logger , newStyled , once , pretty , require _react , require _react _dom , scope , typography } from "./chunk-B3YDJJJH.js" ; import { _ _commonJS , _ _export , _ _export2 , _ _toESM , require _memoizerific } from "./chunk-ZR5JZWHI.js" ; var require _es _errors = _ _commonJS ( { "../../node_modules/es-errors/index.js" ( exports , module ) { "use strict" ; module . exports = Error } } ) ; var require _eval = _ _commonJS ( { "../../node_modules/es-errors/eval.js" ( exports , module ) { "use strict" ; module . exports = EvalError } } ) ; var require _range = _ _commonJS ( { "../../node_modules/es-errors/range.js" ( exports , module ) { "use strict" ; module . exports = RangeError } } ) ; var require _ref = _ _commonJS ( { "../../node_modules/es-errors/ref.js" ( exports , module ) { "use strict" ; module . exports = ReferenceError } } ) ; var require _syntax = _ _commonJS ( { "../../node_modules/es-errors/syntax.js" ( exports , module ) { "use strict" ; module . exports = SyntaxError } } ) ; var require _type = _ _commonJS ( { "../../node_modules/es-errors/type.js" ( exports , module ) { "use strict" ; module . exports = TypeError } } ) ; var require _uri = _ _commonJS ( { "../../node_modules/es-errors/uri.js" ( exports , module ) { "use strict" ; module . exports = URIError } } ) ; var require _shams = _ _commonJS ( { "../../node_modules/has-symbols/shams.js" ( exports , module ) { "use strict" ; module . exports = function ( ) { if ( typeof Symbol != "function" || typeof Object . getOwnPropertySymbols != "function" ) return ! 1 ; if ( typeof Symbol . iterator == "symbol" ) return ! 0 ; var obj = { } , sym = Symbol ( "test" ) , symObj = Object ( sym ) ; if ( typeof sym == "string" || Object . prototype . toString . call ( sym ) !== "[object Symbol]" || Object . prototype . toString . call ( symObj ) !== "[object Symbol]" ) return ! 1 ; var symVal = 42 ; obj [ sym ] = symVal ; for ( sym in obj ) return ! 1 ; if ( typeof Object . keys == "function" && Object . keys ( obj ) . length !== 0 || typeof Object . getOwnPropertyNames == "function" && Object . getOwnPropertyNames ( obj ) . length !== 0 ) return ! 1 ; var syms = Object . getOwnPropertySymbols ( obj ) ; if ( syms . length !== 1 || syms [ 0 ] !== sym || ! Object . prototype . propertyIsEnumerable . call ( obj , sym ) ) return ! 1 ; if ( typeof Object . getOwnPropertyDescriptor == "function" ) { var descriptor = Object . getOwnPropertyDescriptor ( obj , sym ) ; if ( descriptor . value !== symVal || descriptor . enumerable !== ! 0 ) return ! 1 } return ! 0 } } } ) ; var require _has _symbols = _ _commonJS ( { "../../node_modules/has-symbols/index.js" ( exports , module ) { "use strict" ; var origSymbol = typeof Symbol < "u" && Symbol , hasSymbolSham = require _shams ( ) ; module . exports = function ( ) { return typeof origSymbol != "function" || typeof Symbol != "function" || typeof origSymbol ( "foo" ) != "symbol" || typeof Symbol ( "bar" ) != "symbol" ? ! 1 : hasSymbolSham ( ) } } } ) ; var require _has _proto = _ _commonJS ( { "../../node_modules/has-proto/index.js" ( exports , module ) { "use strict" ; var test = { _ _proto _ _ : null , foo : { } } , $Object = Object ; module . exports = function ( ) { return { _ _proto _ _ : test } . foo === test . foo && ! ( test instanceof $Object ) } } } ) ; var require _implementation = _ _commonJS ( { "../../node_modules/function-bind/implementation.js" ( exports , module ) { "use strict" ; var ERROR _MESSAGE = "Function.prototype.bind called on incompatible " , toStr = Object . prototype . toString , max = Math . max , funcType = "[object Function]" , concatty = function ( a , b ) { for ( var arr = [ ] , i = 0 ; i < a . length ; i += 1 ) arr [ i ] = a [ i ] ; for ( var j = 0 ; j < b . length ; j += 1 ) arr [ j + a . length ] = b [ j ] ; return arr } , slicy = function ( arrLike , offset ) { for ( var arr = [ ] , i = offset || 0 , j = 0 ; i < arrLike . length ; i += 1 , j += 1 ) arr [ j ] = arrLike [ i ] ; return arr } , joiny = function ( arr , joiner ) { for ( var str = "" , i = 0 ; i < arr . length ; i += 1 ) str += arr [ i ] , i + 1 < arr . length && ( str += joiner ) ; return str } ; module . exports = function ( that ) { var target = this ; if ( typeof target != "function" || toStr . apply ( target ) !== funcType ) throw new TypeError ( ERROR _MESSAGE + target ) ; for ( var args2 = slicy ( arguments , 1 ) , bound , binder = function ( ) { if ( this instanceof bound ) { var result2 = target . apply ( this , concatty ( args2 , arguments ) ) ; return Object ( result2 ) === result2 ? result2 : this } return target . apply ( that , concatty ( args2 , arguments ) ) } , boundLength = max (
` )>=0)return!1;return!0}function getIndent(opts,depth){var baseIndent;if(opts.indent===" ")baseIndent=" ";else if(typeof opts.indent=="number"&&opts.indent>0)baseIndent= $ join.call(Array(opts.indent+1)," ");else return null;return{base:baseIndent,prev: $ join.call(Array(depth+1),baseIndent)}}function indentedJoin(xs,indent){if(xs.length===0)return"";var lineJoiner= `
` +indent.prev+indent.base;return lineJoiner+ $ join.call(xs,","+lineJoiner)+ `
` +indent.prev}function arrObjKeys(obj,inspect){var isArr=isArray2(obj),xs=[];if(isArr){xs.length=obj.length;for(var i=0;i<obj.length;i++)xs[i]=has3(obj,i)?inspect(obj[i],obj):""}var syms=typeof gOPS=="function"?gOPS(obj):[],symMap;if(hasShammedSymbols){symMap={};for(var k2=0;k2<syms.length;k2++)symMap[" $ "+syms[k2]]=syms[k2]}for(var key2 in obj)has3(obj,key2)&&(isArr&&String(Number(key2))===key2&&key2<obj.length||hasShammedSymbols&&symMap[" $ "+key2]instanceof Symbol||( $ test.call(/[^ \w $ ]/,key2)?xs.push(inspect(key2,obj)+": "+inspect(obj[key2],obj)):xs.push(key2+": "+inspect(obj[key2],obj))));if(typeof gOPS=="function")for(var j=0;j<syms.length;j++)isEnumerable.call(obj,syms[j])&&xs.push("["+inspect(syms[j])+"]: "+inspect(obj[syms[j]],obj));return xs}}});var require_side_channel=__commonJS({"../../node_modules/side-channel/index.js"(exports,module){"use strict";var GetIntrinsic=require_get_intrinsic(),callBound=require_callBound(),inspect=require_object_inspect(), $ TypeError=GetIntrinsic("%TypeError%"), $ WeakMap=GetIntrinsic("%WeakMap%",!0), $ Map=GetIntrinsic("%Map%",!0), $ weakMapGet=callBound("WeakMap.prototype.get",!0), $ weakMapSet=callBound("WeakMap.prototype.set",!0), $ weakMapHas=callBound("WeakMap.prototype.has",!0), $ mapGet=callBound("Map.prototype.get",!0), $ mapSet=callBound("Map.prototype.set",!0), $ mapHas=callBound("Map.prototype.has",!0),listGetNode=function(list,key2){for(var prev=list,curr;(curr=prev.next)!==null;prev=curr)if(curr.key===key2)return prev.next=curr.next,curr.next=list.next,list.next=curr,curr},listGet=function(objects,key2){var node=listGetNode(objects,key2);return node&&node.value},listSet=function(objects,key2,value2){var node=listGetNode(objects,key2);node?node.value=value2:objects.next={key:key2,next:objects.next,value:value2}},listHas=function(objects,key2){return!!listGetNode(objects,key2)};module.exports=function(){var $ wm, $ m, $ o,channel={assert:function(key2){if(!channel.has(key2))throw new $ TypeError("Side channel does not contain "+inspect(key2))},get:function(key2){if( $ WeakMap&&key2&&(typeof key2=="object"||typeof key2=="function")){if( $ wm)return $ weakMapGet( $ wm,key2)}else if( $ Map){if( $ m)return $ mapGet( $ m,key2)}else if( $ o)return listGet( $ o,key2)},has:function(key2){if( $ WeakMap&&key2&&(typeof key2=="object"||typeof key2=="function")){if( $ wm)return $ weakMapHas( $ wm,key2)}else if( $ Map){if( $ m)return $ mapHas( $ m,key2)}else if( $ o)return listHas( $ o,key2);return!1},set:function(key2,value2){ $ WeakMap&&key2&&(typeof key2=="object"||typeof key2=="function")?( $ wm||( $ wm=new $ WeakMap), $ weakMapSet( $ wm,key2,value2)): $ Map?( $ m||( $ m=new $ Map), $ mapSet( $ m,key2,value2)):( $ o||( $ o={key:{},next:null}),listSet( $ o,key2,value2))}};return channel}}});var require_formats=__commonJS({"../../node_modules/qs/lib/formats.js"(exports,module){"use strict";var replace=String.prototype.replace,percentTwenties=/%20/g,Format={RFC1738:"RFC1738",RFC3986:"RFC3986"};module.exports={default:Format.RFC3986,formatters:{RFC1738:function(value2){return replace.call(value2,percentTwenties,"+")},RFC3986:function(value2){return String(value2)}},RFC1738:Format.RFC1738,RFC3986:Format.RFC3986}}});var require_utils=__commonJS({"../../node_modules/qs/lib/utils.js"(exports,module){"use strict";var formats=require_formats(),has3=Object.prototype.hasOwnProperty,isArray2=Array.isArray,hexTable=function(){for(var array=[],i=0;i<256;++i)array.push("%"+((i<16?"0":"")+i.toString(16)).toUpperCase());return array}(),compactQueue=function(queue){for(;queue.length>1;){var item=queue.pop(),obj=item.obj[item.prop];if(isArray2(obj)){for(var compacted=[],j=0;j<obj.length;++j)typeof obj[j]<"u"&&compacted.push(obj[j]);item.obj[item.prop]=compacted}}},arrayToObject=function(source2,options2){for(var obj=options2&&options2.plainObjects?Object.create(null):{},i=0;i<source2.length;++i)typeof source2[i]<"u"&&(obj[i]=source2[i]);return obj},merge=function merge2(target,source2,options2){if(!source2)return target;if(typeof source2!="object"){if(isArray2(target))target.push(source2);else if(target&&typeof target=="object")(options2&&(options2.plainObjects||options2.allowPrototype
[ ] { ` +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,i){var endentations=string.match(/(?:^| \n )( *) $ /),endentation=endentations?endentations[1]:"",indentedValue=value2;typeof value2=="string"&&value2.includes( `
` )&&(indentedValue=String(value2).split( `
` ).map(function(str,i2){return i2===0?str:""+endentation+str}).join( `
` )),string+=indentedValue+strings[i+1]}),string}var splitPathRegex=/ \/ ([^/]+) \/ (?:(.*)_)?([^/]+)?/,parsePath=(0,import_memoizerific.default)(1e3)(path=>{let result2={viewMode:void 0,storyId:void 0,refId:void 0};if(path){let[,viewMode,refId,storyId]=path.toLowerCase().match(splitPathRegex)||[];viewMode&&Object.assign(result2,{viewMode,storyId,refId})}return result2}),DEEPLY_EQUAL=Symbol("Deeply equal"),deepDiff=(value2,update2)=>{if(typeof value2!=typeof update2)return update2;if(dequal(value2,update2))return DEEPLY_EQUAL;if(Array.isArray(value2)&&Array.isArray(update2)){let res=update2.reduce((acc,upd,index3)=>{let diff=deepDiff(value2[index3],upd);return diff!==DEEPLY_EQUAL&&(acc[index3]=diff),acc},new Array(update2.length));return update2.length>=value2.length?res:res.concat(new Array(value2.length-update2.length).fill(void 0))}return(0,import_isPlainObject.default)(value2)&&(0,import_isPlainObject.default)(update2)?Object.keys({...value2,...update2}).reduce((acc,key2)=>{let diff=deepDiff(value2?.[key2],update2?.[key2]);return diff===DEEPLY_EQUAL?acc:Object.assign(acc,{[key2]:diff})},{}):update2},VALIDATION_REGEXP=/^[a-zA-Z0-9 _-]* $ /,NUMBER_REGEXP=/^-?[0-9]+( \. [0-9]+)? $ /,HEX_REGEXP=/^#([a-f0-9]{3,4}|[a-f0-9]{6}|[a-f0-9]{8}) $ /i,COLOR_REGEXP=/^(rgba?|hsla?) \( ([0-9]{1,3}), \s ?([0-9]{1,3})%?, \s ?([0-9]{1,3})%?,? \s ?([0-9]( \. [0-9]{1,2})?)? \) $ /i,validateArgs=(key2="",value2)=>key2===null||key2===""||!VALIDATION_REGEXP.test(key2)?!1:value2==null||value2 instanceof Date||typeof value2=="number"||typeof value2=="boolean"?!0:typeof value2=="string"?VALIDATION_REGEXP.test(value2)||NUMBER_REGEXP.test(value2)||HEX_REGEXP.test(value2)||COLOR_REGEXP.test(value2):Array.isArray(value2)?value2.every(v=>validateArgs(key2,v)):(0,import_isPlainObject.default)(value2)?Object.entries(value2).every(([k2,v])=>validateArgs(k2,v)):!1,encodeSpecialValues=value2=>value2===void 0?"!undefined":value2===null?"!null":typeof value2=="string"?HEX_REGEXP.test(value2)? ` ! hex ( $ { value2 . slice ( 1 ) } ) ` :COLOR_REGEXP.test(value2)? ` ! $ { value2 . replace ( /[\s%]/g , "" ) } ` :value2:typeof value2=="boolean"? ` ! $ { value2 } ` :Array.isArray(value2)?value2.map(encodeSpecialValues):(0,import_isPlainObject.default)(value2)?Object.entries(value2).reduce((acc,[key2,val])=>Object.assign(acc,{[key2]:encodeSpecialValues(val)}),{}):value2,QS_OPTIONS={encode:!1,delimiter:";",allowDots:!0,format:"RFC1738",serializeDate:date=> ` ! date ( $ { date . toISOString ( ) } ) ` },buildArgsParam=(initialArgs,args2)=>{let update2=deepDiff(initialArgs,args2);if(!update2||update2===DEEPLY_EQUAL)return"";let object=Object.entries(update2).reduce((acc,[key2,value2])=>validateArgs(key2,value2)?Object.assign(acc,{[key2]:value2}):(once.warn(dedent `
Omitted potentially unsafe URL args .
More info : https : //storybook.js.org/docs/react/writing-stories/args#setting-args-through-the-url
` ),acc),{});return import_qs.default.stringify(encodeSpecialValues(object),QS_OPTIONS).replace(/ /g,"+").split(";").map(part=>part.replace("=",":")).join(";")},queryFromString=(0,import_memoizerific.default)(1e3)(s=>s!==void 0?import_qs.default.parse(s,{ignoreQueryPrefix:!0}):{}),queryFromLocation=location3=>queryFromString(location3.search),stringifyQuery=query=>import_qs.default.stringify(query,{addQueryPrefix:!0,encode:!1}),getMatch=(0,import_memoizerific.default)(1e3)((current,target,startsWith=!0)=>{if(startsWith){if(typeof target!="string")throw new Error("startsWith only works with string targets");return current&¤t.startsWith(target)?{path:current}:null}let currentIsTarget=typeof target=="string"&¤t===target,matchTarget=current&&target&¤t.match(target);return currentIsTarget||matchTarget?{path:current}:null});var import_react=__toESM(require_react(),1),scope2=(()=>{let win;return typeof window<"u"?win=window:typeof globalThis<"u"?win=globalThis:typeof global<"u"?win=global:typeof self<"u"?win=self:win={},win})();function _extends3(){return _extends3=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source2=arguments[i];for(var key2 in source2)Object.prototype.hasOwnProperty.call(source2,key2)&&(target[key2]=source2[key2])}return target},_extends3.apply(this,arguments)}var Action;(function(Action2){Action2.Pop="POP",Action2.Push="PUSH",Action2.Replace="REPLACE"})(Action||(Action={}));var readOnly=function(obj){return Object.freeze(obj)};function warning(cond,message){if(!cond){typeof console<"u"&&console.warn(message);try{throw new Error(message)}catch{}}}var BeforeUnloadEventType="beforeunload",PopStateEventType="popstate";function createBrowserHistory(options2){options2===void 0&&(options2={});var _options=options2,_options $ window=_options.window,window2=_options $ window===void 0?document.defaultView:_options $ window,globalHistory=window2.history;function getIndexAndLocation(){var _window $ location=window2.location,pathname=_window $ location.pathname,search=_window $ location.search,hash=_window $ location.hash,state=globalHistory.state||{};return[state.idx,readOnly({pathname,search,hash,state:state.usr||null,key:state.key||"default"})]}var blockedPopTx=null;function handlePop(){if(blockedPopTx)blockers.call(blockedPopTx),blockedPopTx=null;else{var nextAction=Action.Pop,_getIndexAndLocation=getIndexAndLocation(),nextIndex=_getIndexAndLocation[0],nextLocation=_getIndexAndLocation[1];if(blockers.length)if(nextIndex!=null){var delta=index3-nextIndex;delta&&(blockedPopTx={action:nextAction,location:nextLocation,retry:function(){go(delta*-1)}},go(delta))}else warning(!1,"You are trying to block a POP navigation to a location that was not created by the history library. The block will fail silently in production, but in general you should do all navigation with the history library (instead of using window.history.pushState directly) to avoid this situation.");else applyTx(nextAction)}}window2.addEventListener(PopStateEventType,handlePop);var action=Action.Pop,_getIndexAndLocation2=getIndexAndLocation(),index3=_getIndexAndLocation2[0],location3=_getIndexAndLocation2[1],listeners=createEvents(),blockers=createEvents();index3==null&&(index3=0,globalHistory.replaceState(_extends3({},globalHistory.state,{idx:index3}),""));function createHref(to){return typeof to=="string"?to:createPath(to)}function getNextLocation(to,state){return state===void 0&&(state=null),readOnly(_extends3({pathname:location3.pathname,hash:"",search:""},typeof to=="string"?parsePath2(to):to,{state,key:createKey()}))}function getHistoryStateAndUrl(nextLocation,index22){return[{usr:nextLocation.state,key:nextLocation.key,idx:index22},createHref(nextLocation)]}function allowTx(action2,location22,retry){return!blockers.length||(blockers.call({action:action2,location:location22,retry}),!1)}function applyTx(nextAction){action=nextAction;var _getIndexAndLocation3=getIndexAndLocation();index3=_getIndexAndLocation3[0],location3=_getIndexAndLocation3[1],listeners.call({action,location:location3})}function
` &&inQuoteChar!==" ` ")&&(inQuoteChar=null),inRegexLiteral&&(code[i]===" / "&&code[i-1]!==" \ \ " || code [ i ] === `
` )&&(inRegexLiteral=!1),inBlockComment&&code[i-1]==="/"&&code[i-2]==="*"&&(inBlockComment=!1),inLineComment&&code[i]=== `
` &&(inLineComment=!1)),!inBlockComment&&!inLineComment&&(newCode+=code[i]);else newCode=code;return newCode},cleanCode=(0,import_memoizerific2.default)(1e4)(code=>removeCodeComments(code).replace(/ \n \s */g,"").trim()),convertShorthandMethods=function(key2,stringified){let fnHead=stringified.slice(0,stringified.indexOf("{")),fnBody=stringified.slice(stringified.indexOf("{"));if(fnHead.includes("=>")||fnHead.includes("function"))return stringified;let modifiedHead=fnHead;return modifiedHead=modifiedHead.replace(key2,"function"),modifiedHead+fnBody},dateFormat=/^ \d {4}- \d {2}- \d {2}T \d {2}: \d {2}: \d {2}( \. \d {3})?Z $ /,isJSON=input=>input.match(/^[ \[ \{ \" \} ].*[ \] \} \" ] $ /);function convertUnconventionalData(data){if(!isObject3(data))return data;let result2=data,wasMutated=!1;return typeof Event<"u"&&data instanceof Event&&(result2=extractEventHiddenProperties(result2),wasMutated=!0),result2=Object.keys(result2).reduce((acc,key2)=>{try{result2[key2]&&result2[key2].toJSON,acc[key2]=result2[key2]}catch{wasMutated=!0}return acc},{}),wasMutated?result2:data}var replacer=function(options2){let objects,map2,stack,keys2;return function(key2,value2){try{if(key2==="")return keys2=[],objects=new Map([[value2,"[]"]]),map2=new Map,stack=[],value2;let origin=map2.get(this)||this;for(;stack.length&&origin!==stack[0];)stack.shift(),keys2.pop();if(typeof value2=="boolean")return value2;if(value2===void 0)return options2.allowUndefined?"_undefined_":void 0;if(value2===null)return null;if(typeof value2=="number")return value2===-1/0?"_-Infinity_":value2===1/0?"_Infinity_":Number.isNaN(value2)?"_NaN_":value2;if(typeof value2=="bigint")return ` _bigint _$ { value2 . toString ( ) } ` ;if(typeof value2=="string")return dateFormat.test(value2)?options2.allowDate? ` _date _$ { value2 } ` :void 0:value2;if((0,import_is_regex.default)(value2))return options2.allowRegExp? ` _regexp _$ { value2 . flags } | $ { value2 . source } ` :void 0;if((0,import_is_function.default)(value2)){if(!options2.allowFunction)return;let{name:name2}=value2,stringified=value2.toString();return stringified.match(/( \[ native code \] |WEBPACK_IMPORTED_MODULE|__webpack_exports__|__webpack_require__)/)? ` _function _$ { name2 } | $ { ( ( ) => { } ) . toString ( ) } ` : ` _function _$ { name2 } | $ { cleanCode ( convertShorthandMethods ( key2 , stringified ) ) } ` }if((0,import_is_symbol.default)(value2)){if(!options2.allowSymbol)return;let globalRegistryKey=Symbol.keyFor(value2);return globalRegistryKey!==void 0? ` _gsymbol _$ { globalRegistryKey } ` : ` _symbol _$ { value2 . toString ( ) . slice ( 7 , - 1 ) } ` }if(stack.length>=options2.maxDepth)return Array.isArray(value2)? ` [ Array ( $ { value2 . length } ) ] ` :"[Object]";if(value2===this)return ` _duplicate _$ { JSON . stringify ( keys2 ) } ` ;if(value2 instanceof Error&&options2.allowError)return{__isConvertedError__:!0,errorProperties:{...value2.cause?{cause:value2.cause}:{},...value2,name:value2.name,message:value2.message,stack:value2.stack,"_constructor-name_":value2.constructor.name}};if(value2.constructor&&value2.constructor.name&&value2.constructor.name!=="Object"&&!Array.isArray(value2)&&!options2.allowClass)return;let found=objects.get(value2);if(!found){let converted=Array.isArray(value2)?value2:convertUnconventionalData(value2);if(value2.constructor&&value2.constructor.name&&value2.constructor.name!=="Object"&&!Array.isArray(value2)&&options2.allowClass)try{Object.assign(converted,{"_constructor-name_":value2.constructor.name})}catch{}return keys2.push(key2),stack.unshift(converted),objects.set(value2,JSON.stringify(keys2)),value2!==converted&&map2.set(value2,converted),converted}return ` _duplicate _$ { found } ` }catch{return}}},reviver2=function reviver(options){let refs=[],root;return function revive(key,value){if(key===""&&(root=value,refs.forEach(({target,container,replacement})=>{let replacementArr=isJSON(replacement)?JSON.parse(replacement):replacement.split(".");replacementArr.length===0?container[target]=root:container[target]=get_default(root,replacementArr)})),key==="_constructor-name_")return value;if(isObject3(value)&&value.__isConvertedError__){let{message,...properties}=value.errorProperties,error=new Error(message);return Object.assign(error,propert
[ ] { ` +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,i){var endentations=string.match(/(?:^| \n )( *) $ /),endentation=endentations?endentations[1]:"",indentedValue=value2;typeof value2=="string"&&value2.includes( `
` )&&(indentedValue=String(value2).split( `
` ).map(function(str,i2){return i2===0?str:""+endentation+str}).join( `
` )),string+=indentedValue+strings[i+1]}),string}var import_memoizerific3=__toESM(require_memoizerific(),1),import_countBy=__toESM(require_countBy(),1),import_mapValues=__toESM(require_mapValues(),1),import_pick=__toESM(require_pick(),1);var has2=Object.prototype.hasOwnProperty;function find2(iter,tar,key2){for(key2 of iter.keys())if(dequal2(key2,tar))return key2}function dequal2(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--&&dequal2(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=find2(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=find2(bar,tmp),!tmp)||!dequal2(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(has2.call(foo,ctor)&&++len&&!has2.call(bar,ctor)||!(ctor in bar)||!dequal2(foo[ctor],bar[ctor]))return!1;return Object.keys(bar).length===len}}return foo!==foo&&bar!==bar}var dist_exports5={};__export(dist_exports5,{AccessibilityAltIcon:()=>AccessibilityAltIcon,AccessibilityIcon:()=>AccessibilityIcon,AddIcon:()=>AddIcon,AdminIcon:()=>AdminIcon,AlertAltIcon:()=>AlertAltIcon,AlertIcon:()=>AlertIcon,AlignLeftIcon:()=>AlignLeftIcon,AlignRightIcon:()=>AlignRightIcon,AppleIcon:()=>AppleIcon,ArrowDownIcon:()=>ArrowDownIcon,ArrowLeftIcon:()=>ArrowLeftIcon,ArrowRightIcon:()=>ArrowRightIcon,ArrowSolidDownIcon:()=>ArrowSolidDownIcon,ArrowSolidLeftIcon:()=>ArrowSolidLeftIcon,ArrowSolidRightIcon:()=>ArrowSolidRightIcon,ArrowSolidUpIcon:()=>ArrowSolidUpIcon,ArrowUpIcon:()=>ArrowUpIcon,AzureDevOpsIcon:()=>AzureDevOpsIcon,BackIcon:()=>BackIcon,BasketIcon:()=>BasketIcon,BatchAcceptIcon:()=>BatchAcceptIcon,BatchDenyIcon:()=>BatchDenyIcon,BeakerIcon:()=>BeakerIcon,BellIcon:()=>BellIcon,BitbucketIcon:()=>BitbucketIcon,BoldIcon:()=>BoldIcon,BookIcon:()=>BookIcon,BookmarkHollowIcon:()=>BookmarkHollowIcon,BookmarkIcon:()=>BookmarkIcon,BottomBarIcon:()=>BottomBarIcon,BottomBarToggleIcon:()=>BottomBarToggleIcon,BoxIcon:()=>BoxIcon,BranchIcon:()=>BranchIcon,BrowserIcon:()=>BrowserIcon,ButtonIcon:()=>ButtonIcon,CPUIcon:()=>CPUIcon,CalendarIcon:()=>CalendarIcon,CameraIcon:()=>CameraIcon,CategoryIcon:()=>CategoryIcon,CertificateIcon:()=>CertificateIcon,ChangedIcon:()=>ChangedIcon,ChatIcon:()=>ChatIcon,CheckIcon:()=>CheckIcon,ChevronDownIcon:()=>ChevronDownIcon,ChevronLeftIcon:()=>ChevronLeftIcon,ChevronRightIcon:()=>ChevronRightIcon,ChevronSmallDownIcon:()=>ChevronSmallDownIcon,ChevronSmallLeftIcon:()=>ChevronSmallLeftIcon,ChevronSmallRightIcon:()=>ChevronSmallRightIcon,ChevronSmallUpIcon:()=>ChevronSmallUpIcon,ChevronUpIcon:()=>ChevronUpIcon,ChromaticIcon:()=>ChromaticIcon,ChromeIcon:()=>ChromeIcon,CircleHollowIcon:()=>CircleHollowIcon,CircleIcon:()=>CircleIcon,ClearIcon:()=>ClearIcon,CloseAltIcon:()=>CloseAltIcon,CloseIcon:()=>CloseIcon,CloudHollowIcon:()=>CloudHollowIcon,CloudIcon:()=>CloudIcon,CogIcon:()=>CogIcon,CollapseIcon:()=>CollapseIcon,CommandIcon:()=>CommandIcon,CommentAddIcon:()=>CommentAddIcon,CommentIcon:()=>CommentIcon,CommentsIcon:()=>CommentsIcon,CommitIcon:()=>CommitIcon,CompassIcon:()=>CompassIcon,ComponentDrivenIcon:()=>ComponentDrivenIcon,ComponentIcon:()=>ComponentIcon,ContrastIcon:()=>ContrastIcon,ControlsIcon:()=>ControlsIcon,CopyIcon:()=>CopyIcon,CreditIcon:()=>CreditIcon,CrossIcon:()=>CrossIcon,DashboardIcon:()=>DashboardIcon,DatabaseIcon:()=>DatabaseIcon,DeleteIcon:()=>DeleteIcon,DiamondIcon:()=>DiamondIcon,DirectionIcon:()=>Directio
Invalid part '${name2}' , leading to id === parentId ( '${id}' ) , inside title '${title}'
Did you create a path that uses the separator char accidentally , such as 'Vue <docs/>' where '/' is a separator char ? See https : //github.com/storybookjs/storybook/issues/6128
` );return list.push(id),list},[]);return paths.forEach((id,idx)=>{let childId=paths[idx+1]||item.id;root3.length&&idx===0?acc[id]=merge_default(acc[id]||{},{type:"root",id,name:names[idx],depth:idx,renderLabel,startCollapsed:collapsedRoots.includes(id),children:[childId]}):(!acc[id]||acc[id].type==="component")&&idx===paths.length-1?acc[id]=merge_default(acc[id]||{},{type:"component",id,name:names[idx],parent:paths[idx-1],depth:idx,renderLabel,...childId&&{children:[childId]}}):acc[id]=merge_default(acc[id]||{},{type:"group",id,name:names[idx],parent:paths[idx-1],depth:idx,renderLabel,...childId&&{children:[childId]}})}),acc[item.id]={type:"story",...item,depth:paths.length,parent:paths[paths.length-1],renderLabel,prepared:!!item.parameters},acc},{});function addItem(acc,item){return acc[item.id]||(acc[item.id]=item,(item.type==="root"||item.type==="group"||item.type==="component")&&item.children.forEach(childId=>addItem(acc,storiesHashOutOfOrder[childId]))),acc}let orphanHash=Object.values(storiesHashOutOfOrder).filter(i=>i.type!=="root"&&!i.parent).reduce(addItem,{});return Object.values(storiesHashOutOfOrder).filter(i=>i.type==="root").reduce(addItem,orphanHash)},addPreparedStories=(newHash,oldHash)=>oldHash?Object.fromEntries(Object.entries(newHash).map(([id,newEntry])=>{let oldEntry=oldHash[id];return newEntry.type==="story"&&oldEntry?.type==="story"&&oldEntry.prepared?[id,{...oldEntry,...newEntry,prepared:!0}]:[id,newEntry]})):newHash,getComponentLookupList=(0,import_memoizerific3.default)(1)(hash=>Object.entries(hash).reduce((acc,i)=>{let value2=i[1];return value2.type==="component"&&acc.push([...value2.children]),acc},[])),getStoriesLookupList=(0,import_memoizerific3.default)(1)(hash=>Object.keys(hash).filter(k2=>["story","docs"].includes(hash[k2].type))),{location:location2,fetch}=scope,getSourceType=(source2,refId)=>{let{origin:localOrigin,pathname:localPathname}=location2,{origin:sourceOrigin,pathname:sourcePathname}=new URL(source2),localFull= ` $ { localOrigin + localPathname } ` .replace("/iframe.html","").replace(/ \/ $ /,""),sourceFull= ` $ { sourceOrigin + sourcePathname } ` .replace("/iframe.html","").replace(/ \/ $ /,"");return localFull===sourceFull?["local",sourceFull]:refId||source2?["external",sourceFull]:[null,null]},defaultStoryMapper=(b,a)=>({...a,kind:a.kind.replace("|","/")}),addRefIds=(input,ref)=>Object.entries(input).reduce((acc,[id,item])=>({...acc,[id]:{...item,refId:ref.id}}),{});async function handleRequest(request){if(!request)return{};try{let response=await request;if(response===!1||response===!0)throw new Error("Unexpected boolean response");if(!response.ok)throw new Error( ` Unexpected response not OK : $ { response . statusText } ` );let json=await response.json();return json.entries||json.stories?{storyIndex:json}:json}catch(err){return{indexError:err}}}var parseUrl=url=>{let credentialsRegex=/https?: \/ \/ (.+:.+)@/,cleanUrl=url,authorization,[,credentials]=url.match(credentialsRegex)||[];return credentials&&(cleanUrl=url.replace( ` $ { credentials } @ ` ,""),authorization=btoa( ` $ { credentials } ` )),{url:cleanUrl,authorization}},map=(input,ref,options2)=>{let{storyMapper}=options2;return storyMapper?Object.entries(input).reduce((acc,[id,item])=>({...acc,[id]:storyMapper(ref,item)}),{}):input},init6=({store:store2,provider,singleStory,docsOptions={}},{runCheck=!0}={})=>{let api={findRef:source2=>{let refs22=api.getRefs();return Object.values(refs22).find(({url})=>url.match(source2))},changeRefVersion:async(id,url)=>{let{versions,title}=api.getRefs()[id],ref={id,url,versions,title,index:{},expanded:!0};await api.setRef(id,{...ref,type:"unknown"},!1),await api.checkRef(ref)},changeRefState:(id,previewInitialized)=>{let{[id]:ref,...updated}=api.getRefs();updated[id]={...ref,previewInitialized},store2.setState({refs:updated})},checkRef:async ref=>{let{id,url,version:version2,type}=ref,isPublic=type==="server-checked",loadedData={},query=version2? ` ? version = $ { version2 } ` :"",credentials=isPublic?"omit":"include",urlParseResult=parseUrl(url),headers={Accept:"application/json"};urlParseResult.authorization&&Object.assign(heade
Error : Loading of ref failed
at fetch ( lib / api / src / modules / refs . ts )
URL : $ { urlParseResult . url }
We weren ' t able to load the above URL ,
it ' s possible a CORS error happened .
Please check your dev - tools network tab .
2024-07-05 09:29:52 +02:00
` });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={}}=store2.getState();return refs22},setRef:async(id,{storyIndex,setStoriesData,...rest},ready=!1)=>{if(singleStory)return;let internal_index,index3,{filters}=store2.getState(),{storyMapper=defaultStoryMapper}=provider.getConfig(),ref=api.getRefs()[id];(storyIndex||setStoriesData)&&(internal_index=setStoriesData?transformSetStoriesStoryDataToPreparedStoryIndex(map(setStoriesData,ref,{storyMapper})):storyIndex,index3=transformStoryIndexToStoriesHash(storyIndex,{provider,docsOptions,filters,status:{}})),index3&&(index3=addRefIds(index3,ref)),await api.updateRef(id,{...ref,...rest,index:index3,internal_index})},updateRef:async(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),{});await store2.setState({refs:ordered})}},refs2=!singleStory&&scope.REFS||{},initialState=refs2;return runCheck&&new Promise(async resolve=>{for(let ref of Object.values(refs2))await api.checkRef({...ref,stories:{}});resolve(void 0)}),{api,state:{refs:initialState}}},getEventMetadata=(context,fullAPI)=>{let{source:source2,refId,type}=context,[sourceType,sourceLocation]=getSourceType(source2,refId),ref;(refId||sourceType==="external")&&(ref=refId&&fullAPI.getRefs()[refId]?fullAPI.getRefs()[refId]:fullAPI.findRef(sourceLocation));let 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}},{fetch:fetch2}=scope,STORY_INDEX_PATH="./index.json",removedOptions=["enableShortcuts","theme","showRoots"];function removeRemovedOptions(options2){if(!options2||typeof options2=="string")return options2;let result2={...options2};return removedOptions.forEach(option=>{option in result2&&delete result2[option]}),result2}var init7=({fullAPI,store:store2,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?data.type==="story"?data.prepared:!0:!1},resolveStory:(storyId,refId)=>{let{refs:refs2,index:index3}=store2.getState();if(!(refId&&!refs2[refId]))return refId?refs2[refId].index?refs2[refId].index[storyId]:void 0:index3?index3[storyId]:void 0},getCurrentStoryData:()=>{let{storyId,refId}=store2.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}=store2.getState();return api.getParameters({storyId,refId},parameterName)||void 0},jumpToComponent:direction=>{let{index:index3,storyId,refs:refs2,refId}=store2.getState();if(!api.getData(storyId,refId))return;let hash=refId?refs2[refId].index||{}:index3;if(!hash)return;let result2=api.findSiblingStoryId(storyId,hash,direction,!0);result2&&api.selectStory(result2,void 0,{ref:refId})},jumpToStory:direction=>{let{index:index3,storyId,refs:refs2,refId}=store2.getState(),story=api.getData(storyId,refId);if(!story)return;let hash=story.refId?refs2[story.refId].index:index3;if(!hash)return;let result2=api.findSiblingStoryId(storyId,hash,direction,!1);result2&&api.selectStory(result2,void 0,{ref:refId})},selectFirstStory:()=>{let{index:index3}=store2.getState();if(!index3)return;let firstStory=Object.keys(index3).fi
2024-06-16 17:30:30 +02:00
$ { 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 dist _exports8 = { } ; _ _export ( dist _exports8 , { A : ( ) => A , ActionBar : ( ) => ActionBar , AddonPanel : ( ) => AddonPanel , Badge : ( ) => Badge , Bar : ( ) => Bar , Blockquote : ( ) => Blockquote , Button : ( ) => Button , ClipboardCode : ( ) => ClipboardCode , Code : ( ) => Code , DL : ( ) => DL , Div : ( ) => Div , DocumentWrapper : ( ) => DocumentWrapper , EmptyTabContent : ( ) => EmptyTabContent , 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 , Modal : ( ) => Modal , OL : ( ) => OL , P : ( ) => P , Placeholder : ( ) => Placeholder , Pre : ( ) => Pre , ResetWrapper : ( ) => ResetWrapper , ScrollArea : ( ) => ScrollArea , Separator : ( ) => Separator , Spaced : ( ) => Spaced , Span : ( ) => Span , StorybookIcon : ( ) => StorybookIcon2 , 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 React32 = _ _toESM ( require _react ( ) , 1 ) , import _react16 = _ _toESM ( require _react ( ) , 1 ) ; var dist _exports7 = { } ; _ _export ( dist _exports7 , { Close : ( ) => $5d3850c4d0b4e6c7$export$f39c2d165cd861fe , Content : ( ) => $5d3850c4d0b4e6c7$export$7c6e2c02157bb7d2 , Description : ( ) => $5d3850c4d0b4e6c7$export$393edc798c47379d , Dialog : ( ) => $5d3850c4d0b4e6c7$export$3ddf2d174ce01153 , DialogClose : ( ) => $5d3850c4d0b4e6c7$export$fba2fb7cd781b7ac , DialogContent : ( ) => $5d3850c4d0b4e6c7$export$b6d9565de1e068cf , DialogDescription : ( ) => $5d3850c4d0b4e6c7$export$94e94c2ec2c954d5 , DialogOverlay : ( ) => $5d3850c4d0b4e6c7$export$bd1d06c79be19e17 , DialogPortal : ( ) => $5d3850c4d0b4e6c7$export$dad7c95542bacce0 , DialogTitle : ( ) => $5d3850c4d0b4e6c7$export$16f7638e4a34b909 , DialogTrigger : ( ) => $5d3850c4d0b4e6c7$export$2e1e1122cf0cba88 , Overlay : ( ) => $5d3850c4d0b4e6c7$export$c6fdb837b070b4ff , Portal : ( ) => $5d3850c4d0b4e6c7$export$602eac185826482c , Root : ( ) => $5d3850c4d0b4e6c7$export$be92b6f5f03c0fe9 , Title : ( ) => $5d3850c4d0b4e6c7$export$f99233281efd08a0 , Trigger : ( ) => $5d3850c4d0b4e6c7$export$41fb9f06171c75f4 , WarningProvider : ( ) => $5d3850c4d0b4e6c7$export$69b62a49393917d6 , createDialogScope : ( ) => $5d3850c4d0b4e6c7$export$cc702773b8ea3e41 } ) ; var import _react15 = _ _toESM ( require _react ( ) , 1 ) ; function $e42e1063c40fb3ef$export$b9ecd428b558ff10 ( originalEventHandler , ourEventHandler , { checkForDefaultPrevented = ! 0 } = { } ) { return function ( event ) { if ( originalEventHandler ? . ( event ) , checkForDefaultPrevented === ! 1 || ! event . defaultPrevented ) return ourEventHandler ? . ( event ) } } var import _react3 = _ _toESM ( require _react ( ) , 1 ) ; function $c512c27ab02ef895$export$fd42f52fd3ae1109 ( rootComponentName , defaultContext ) { let Context = (
. ` .concat(noScrollbarsClassName, ` {
overflow : hidden ` ).concat(important, ` ;
padding - right : ` ).concat(gap,"px ").concat(important, ` ;
}
body [ ` ).concat(lockAttribute, ` ] {
overflow : hidden ` ).concat(important, ` ;
overscroll - behavior : contain ;
` ).concat([allowRelative&&"position: relative ".concat(important,";"),gapMode==="margin"&& `
padding - left : ` .concat(left, ` px ;
padding - top : ` ).concat(top, ` px ;
padding - right : ` ).concat(right, ` px ;
margin - left : 0 ;
margin - top : 0 ;
margin - right : ` ).concat(gap,"px ").concat(important, ` ;
` ),gapMode==="padding"&&"padding-right: ".concat(gap,"px ").concat(important,";")].filter(Boolean).join(""), `
}
. ` ).concat(zeroRightClassName, ` {
right : ` ).concat(gap,"px ").concat(important, ` ;
}
. ` ).concat(fullWidthClassName, ` {
margin - right : ` ).concat(gap,"px ").concat(important, ` ;
}
. ` ).concat(zeroRightClassName," .").concat(zeroRightClassName, ` {
right : 0 ` ).concat(important, ` ;
}
. ` ).concat(fullWidthClassName," .").concat(fullWidthClassName, ` {
margin - right : 0 ` ).concat(important, ` ;
}
body [ ` ).concat(lockAttribute, ` ] {
` ).concat(removedBarSizeVariable,": ").concat(gap, ` px ;
}
` )},RemoveScrollBar=function(props){var noRelative=props.noRelative,noImportant=props.noImportant,_a=props.gapMode,gapMode=_a===void 0?"margin":_a,gap=React7.useMemo(function(){return getGapWidth(gapMode)},[gapMode]);return React7.useEffect(function(){return document.body.setAttribute(lockAttribute,""),function(){document.body.removeAttribute(lockAttribute)}},[]),React7.createElement(Style,{styles:getStyles(gap,!noRelative,gapMode,noImportant?"":"!important")})};var passiveSupported=!1;if(typeof window<"u")try{options2=Object.defineProperty({},"passive",{get:function(){return passiveSupported=!0,!0}}),window.addEventListener("test",options2,options2),window.removeEventListener("test",options2,options2)}catch{passiveSupported=!1}var options2,nonPassive=passiveSupported?{passive:!1}:!1;var alwaysContainsScroll=function(node){return node.tagName==="TEXTAREA"},elementCanBeScrolled=function(node,overflow){var styles2=window.getComputedStyle(node);return styles2[overflow]!=="hidden"&&!(styles2.overflowY===styles2.overflowX&&!alwaysContainsScroll(node)&&styles2[overflow]==="visible")},elementCouldBeVScrolled=function(node){return elementCanBeScrolled(node,"overflowY")},elementCouldBeHScrolled=function(node){return elementCanBeScrolled(node,"overflowX")},locationCouldBeScrolled=function(axis,node){var current=node;do{typeof ShadowRoot<"u"&¤t instanceof ShadowRoot&&(current=current.host);var isScrollable=elementCouldBeScrolled(axis,current);if(isScrollable){var _a=getScrollVariables(axis,current),s=_a[1],d=_a[2];if(s>d)return!0}current=current.parentNode}while(current&¤t!==document.body);return!1},getVScrollVariables=function(_a){var scrollTop=_a.scrollTop,scrollHeight=_a.scrollHeight,clientHeight=_a.clientHeight;return[scrollTop,scrollHeight,clientHeight]},getHScrollVariables=function(_a){var scrollLeft=_a.scrollLeft,scrollWidth=_a.scrollWidth,clientWidth=_a.clientWidth;return[scrollLeft,scrollWidth,clientWidth]},elementCouldBeScrolled=function(axis,node){return axis==="v"?elementCouldBeVScrolled(node):elementCouldBeHScrolled(node)},getScrollVariables=function(axis,node){return axis==="v"?getVScrollVariables(node):getHScrollVariables(node)},getDirectionFactor=function(axis,direction){return axis==="h"&&direction==="rtl"?-1:1},handleScroll=function(axis,endTarget,event,sourceDelta,noOverscroll){var directionFactor=getDirectionFactor(axis,window.getComputedStyle(endTarget).direction),delta=directionFactor*sourceDelta,target=event.target,targetInLock=endTarget.contains(target),shouldCancelScroll=!1,isDeltaPositive=delta>0,availableScroll=0,availableScrollTop=0;do{var _a=getScrollVariables(axis,target),position=_a[0],scroll_1=_a[1],capacity=_a[2],elementScroll=scroll_1-capacity-directionFactor*position;(position||elementScroll)&&elementCouldBeScrolled(axis,target)&&(availableScroll+=elementScroll,availableScrollTop+=position),target=target.parentNode}while(!targetInLock&&target!==document.body||targetInLock&&(endTarget.contains(target)||endTarget===target));return(isDeltaPositive&&(noOverscroll&&availableScroll===0||!noOverscroll&&delta>availableScroll)||!isDeltaPositive&&(noOverscroll&&availableScrollTop===0||!noOverscroll&&-delta>availableScrollTop))&&(shouldCancelScroll=!0),shouldCancelScroll};var getTouchXY=function(event){return"changedTouches"in event?[event.changedTouches[0].clientX,event.changedTouches[0].clientY]:[0,0]},getDeltaXY=function(event){return[event.deltaX,event.deltaY]},extractRef=function(ref){return ref&&"current"in ref?ref.current:ref},deltaCompare=function(x2,y){return x2[0]===y[0]&&x2[1]===y[1]},generateStyle=function(id){return `
. block - interactivity - ` .concat(id, ` { pointer - events : none ; }
. allow - interactivity - ` ).concat(id, ` { pointer - events : all ; }
` )},idCounter=0,lockStack=[];function RemoveScrollSideCar(props){var shouldPreventQueue=React8.useRef([]),touchStartRef=React8.useRef([0,0]),activeAxis=React8.useRef(),id=React8.useState(idCounter++)[0],Style2=React8.useState(function(){return styleSingleton()})[0],lastProps=React8.useRef(props);React8.useEffect(function(){lastProps.current=props},[props]),React8.useEffect(function(){if(props.inert){document.body.classList.add("block-interactivity-".concat(id));var allow_1=__spreadArray([props.lockRef.current],(props.shards||[]).map(extractRef),!0).filter(Boolean);return allow_1.forEach(function(el){return el.classList.add("allow-interactivity-".concat(id))}),function(){document.body.classList.remove("block-interactivity-".concat(id)),allow_1.forEach(function(el){return el.classList.remove("allow-interactivity-".concat(id))})}}},[props.inert,props.lockRef.current,props.shards]);var shouldCancelEvent=React8.useCallback(function(event,parent){if("touches"in event&&event.touches.length===2)return!lastProps.current.allowPinchZoom;var touch=getTouchXY(event),touchStart=touchStartRef.current,deltaX="deltaX"in event?event.deltaX:touchStart[0]-touch[0],deltaY="deltaY"in event?event.deltaY:touchStart[1]-touch[1],currentAxis,target=event.target,moveDirection=Math.abs(deltaX)>Math.abs(deltaY)?"h":"v";if("touches"in event&&moveDirection==="h"&&target.type==="range")return!1;var canBeScrolledInMainDirection=locationCouldBeScrolled(moveDirection,target);if(!canBeScrolledInMainDirection)return!0;if(canBeScrolledInMainDirection?currentAxis=moveDirection:(currentAxis=moveDirection==="v"?"h":"v",canBeScrolledInMainDirection=locationCouldBeScrolled(moveDirection,target)),!canBeScrolledInMainDirection)return!1;if(!activeAxis.current&&"changedTouches"in event&&(deltaX||deltaY)&&(activeAxis.current=currentAxis),!currentAxis)return!0;var cancelingAxis=activeAxis.current||currentAxis;return handleScroll(cancelingAxis,parent,event,cancelingAxis==="h"?deltaX:deltaY,!0)},[]),shouldPrevent=React8.useCallback(function(_event){var event=_event;if(!(!lockStack.length||lockStack[lockStack.length-1]!==Style2)){var delta="deltaY"in event?getDeltaXY(event):getTouchXY(event),sourceEvent=shouldPreventQueue.current.filter(function(e){return e.name===event.type&&e.target===event.target&&deltaCompare(e.delta,delta)})[0];if(sourceEvent&&sourceEvent.should){event.cancelable&&event.preventDefault();return}if(!sourceEvent){var shardNodes=(lastProps.current.shards||[]).map(extractRef).filter(Boolean).filter(function(node){return node.contains(event.target)}),shouldStop=shardNodes.length>0?shouldCancelEvent(event,shardNodes[0]):!lastProps.current.noIsolation;shouldStop&&event.cancelable&&event.preventDefault()}}},[]),shouldCancel=React8.useCallback(function(name2,delta,target,should){var event={name:name2,delta,target,should};shouldPreventQueue.current.push(event),setTimeout(function(){shouldPreventQueue.current=shouldPreventQueue.current.filter(function(e){return e!==event})},1)},[]),scrollTouchStart=React8.useCallback(function(event){touchStartRef.current=getTouchXY(event),activeAxis.current=void 0},[]),scrollWheel=React8.useCallback(function(event){shouldCancel(event.type,getDeltaXY(event),event.target,shouldCancelEvent(event,props.lockRef.current))},[]),scrollTouchMove=React8.useCallback(function(event){shouldCancel(event.type,getTouchXY(event),event.target,shouldCancelEvent(event,props.lockRef.current))},[]);React8.useEffect(function(){return lockStack.push(Style2),props.setCallbacks({onScrollCapture:scrollWheel,onWheelCapture:scrollWheel,onTouchMoveCapture:scrollTouchMove}),document.addEventListener("wheel",shouldPrevent,nonPassive),document.addEventListener("touchmove",shouldPrevent,nonPassive),document.addEventListener("touchstart",scrollTouchStart,nonPassive),function(){lockStack=lockStack.filter(function(inst){return inst!==Style2}),document.removeEventListener("wheel",shouldPrevent,nonPassive),document.removeEventListener("touchmove",shouldPrevent,nonPassive),document.removeEventListener("touchstart",scrollTouchStart,nonPassive)}},[]);var removeScrollBar
` ,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 } ) .
` ,3: ` Passed an incorrect argument to a color function , please pass a string representation of a color .
` ,4: ` Couldn ' t generate valid rgb string from % s , it returned % s .
` ,5: ` Couldn ' t parse the color string . Please provide the color as a string in hex , rgb , rgba , hsl or hsla notation .
` ,6: ` Passed invalid arguments to rgb , please pass multiple numbers e . g . rgb ( 255 , 205 , 100 ) or an object e . g . rgb ( { red : 255 , green : 205 , blue : 100 } ) .
` ,7: ` Passed invalid arguments to rgba , please pass multiple numbers e . g . rgb ( 255 , 205 , 100 , 0.75 ) or an object e . g . rgb ( { red : 255 , green : 205 , blue : 100 , alpha : 0.75 } ) .
` ,8: ` Passed invalid argument to toColorString , please pass a RgbColor , RgbaColor , HslColor or HslaColor object .
` ,9: ` Please provide a number of steps to the modularScale helper .
` ,10: ` Please pass a number or one of the predefined scales to the modularScale helper as the ratio .
` ,11: ` Invalid value passed as base to modularScale , expected number or em string but got "%s"
` ,12: ` Expected a string ending in "px" or a number passed as the first argument to % s ( ) , got "%s" instead .
` ,13: ` Expected a string ending in "px" or a number passed as the second argument to % s ( ) , got "%s" instead .
` ,14: ` Passed invalid pixel value ( "%s" ) to % s ( ) , please pass a value like "12px" or 12.
` ,15: ` Passed invalid base value ( "%s" ) to % s ( ) , please pass a value like "12px" or 12.
` ,16: ` You must provide a template to this method .
` ,17: ` You passed an unsupported selector state to this method .
` ,18: ` minScreen and maxScreen must be provided as stringified numbers with the same units .
` ,19: ` fromSize and toSize must be provided as stringified numbers with the same units .
` ,20: ` expects either an array of objects or a single object with the properties prop , fromSize , and toSize .
` ,21:"expects the objects in the first argument array to have the properties ` prop ` , ` fromSize ` , and ` toSize ` . \n \n ",22:"expects the first argument object to have the properties ` prop ` , ` fromSize ` , and ` toSize ` . \n \n ",23: ` fontFace expects a name of a font - family .
` ,24: ` fontFace expects either the path to the font file ( s ) or a name of a local copy .
` ,25: ` fontFace expects localFonts to be an array .
` ,26: ` fontFace expects fileFormats to be an array .
` ,27: ` radialGradient requries at least 2 color - stops to properly render .
` ,28: ` Please supply a filename to retinaImage ( ) as the first argument .
` ,29: ` Passed invalid argument to triangle , please pass correct pointingDirection e . g . 'right' .
` ,30:"Passed an invalid value to ` height ` or ` width ` . Please provide a pixel based unit. \n \n ",31: ` The animation shorthand only takes 8 arguments . See the specification for more information : http : //mdn.io/animation
` ,32: ` To pass multiple animations please supply them in arrays , e . g . animation ( [ 'rotate' , '2s' ] , [ 'move' , '1s' ] )
To pass a single animation please supply them in simple values , e . g . animation ( 'rotate' , '2s' )
` ,33: ` The animation shorthand arrays can only have 8 elements . See the specification for more information : http : //mdn.io/animation
` ,34: ` borderRadius expects a radius value as a string or number as the second argument .
` ,35: ` borderRadius expects one of "top" , "bottom" , "left" or "right" as the first argument .
` ,36: ` Property must be a string value .
` ,37: ` Syntax Error at % s .
` ,38: ` Formula contains a function that needs parentheses at % s .
` ,39: ` Formula is missing closing parenthesis at % s .
` ,40: ` Formula has too many closing parentheses at % s .
` ,41: ` All values in a formula must have the same unit or be unitless .
` ,42: ` Please provide a number of steps to the modularScale helper .
` ,43: ` Please pass a number or one of the predefined scales to the modularScale helper as the ratio .
` ,44: ` Invalid value passed as base to modularScale , expected number or em / rem string but got % s .
` ,45: ` Passed invalid argument to hslToColorString , please pass a HslColor or HslaColor object .
` ,46: ` Passed invalid argument to rgbToColorString , please pass a RgbColor or RgbaColor object .
` ,47: ` minScreen and maxScreen must be provided as stringified numbers with the same units .
` ,48: ` fromSize and toSize must be provided as stringified numbers with the same units .
` ,49: ` Expects either an array of objects or a single object with the properties prop , fromSize , and toSize .
` ,50: ` Expects the objects in the first argument array to have the properties prop , fromSize , and toSize .
` ,51: ` Expects the first argument object to have the properties prop , fromSize , and toSize .
` ,52: ` fontFace expects either the path to the font file ( s ) or a name of a local copy .
` ,53: ` fontFace expects localFonts to be an array .
` ,54: ` fontFace expects fileFormats to be an array .
` ,55: ` fontFace expects a name of a font - family .
` ,56: ` linearGradient requries at least 2 color - stops to properly render .
` ,57: ` radialGradient requries at least 2 color - stops to properly render .
` ,58: ` Please supply a filename to retinaImage ( ) as the first argument .
` ,59: ` Passed invalid argument to triangle , please pass correct pointingDirection e . g . 'right' .
` ,60:"Passed an invalid value to ` height ` or ` width ` . Please provide a pixel based unit. \n \n ",61: ` Property must be a string value .
` ,62: ` borderRadius expects a radius value as a string or number as the second argument .
` ,63: ` borderRadius expects one of "top" , "bottom" , "left" or "right" as the first argument .
` ,64: ` The animation shorthand only takes 8 arguments . See the specification for more information : http : //mdn.io/animation.
` ,65: ` To pass multiple animations please supply them in arrays , e . g . animation ( [ 'rotate' , '2s' ] , [ 'move' , '1s' ] ) \ \ nTo pass a single animation please supply them in simple values , e . g . animation ( 'rotate' , '2s' ) .
` ,66: ` The animation shorthand arrays can only have 8 elements . See the specification for more information : http : //mdn.io/animation.
` ,67: ` You must provide a template to this method .
` ,68: ` You passed an unsupported selector state to this method .
` ,69: ` Expected a string ending in "px" or a number passed as the first argument to % s ( ) , got % s instead .
` ,70: ` Expected a string ending in "px" or a number passed as the second argument to % s ( ) , got % s instead .
` ,71: ` Passed invalid pixel value % s to % s ( ) , please pass a value like "12px" or 12.
` ,72: ` Passed invalid base value % s to % s ( ) , please pass a value like "12px" or 12.
` ,73: ` Please provide a valid CSS variable .
` ,74: ` CSS variable not found and no default was provided .
` ,75: ` important requires a valid style object , got a % s instead .
` ,76: ` fromSize and toSize must be provided as stringified numbers with the same units as minScreen and maxScreen .
` ,77: ` remToPx expects a value in "rem" but you provided it in "%s" .
` ,78: ` base must be set in "px" or "%" but you set it in "%s" .
` };function format(){for(var _len=arguments.length,args2=new Array(_len),_key=0;_key<_len;_key++)args2[_key]=arguments[_key];var a=args2[0],b=[],c2;for(c2=1;c2<args2.length;c2+=1)b.push(args2[c2]);return b.forEach(function(d){a=a.replace(/%[a-z]/,d)}),a}var PolishedError=function(_Error){_inheritsLoose(PolishedError2,_Error);function PolishedError2(code){for(var _this,_len2=arguments.length,args2=new Array(_len2>1?_len2-1:0),_key2=1;_key2<_len2;_key2++)args2[_key2-1]=arguments[_key2];return _this=_Error.call(this,format.apply(void 0,[ERRORS[code]].concat(args2)))||this,_assertThisInitialized(_this)}return PolishedError2}(_wrapNativeSuper(Error));function colorToInt(color2){return Math.round(color2*255)}function convertToInt(red,green,blue){return colorToInt(red)+","+colorToInt(green)+","+colorToInt(blue)}function hslToRgb(hue,saturation,lightness,convert){if(convert===void 0&&(convert=convertToInt),saturation===0)return convert(lightness,lightness,lightness);var huePrime=(hue%360+360)%360/60,chroma=(1-Math.abs(2*lightness-1))*saturation,secondComponent=chroma*(1-Math.abs(huePrime%2-1)),red=0,green=0,blue=0;huePrime>=0&&huePrime<1?(red=chroma,green=secondComponent):huePrime>=1&&huePrime<2?(red=secondComponent,green=chroma):huePrime>=2&&huePrime<3?(green=chroma,blue=secondComponent):huePrime>=3&&huePrime<4?(green=secondComponent,blue=chroma):huePrime>=4&&huePrime<5?(red=secondComponent,blue=chroma):huePrime>=5&&huePrime<6&&(red=chroma,blue=secondComponent);var lightnessModification=lightness-chroma/2,finalRed=red+lightnessModification,finalGreen=green+lightnessModification,finalBlue=blue+lightnessModification;return convert(finalRed,finalGreen,finalBlue)}var namedColorMap={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"00ffff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"0000ff",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"00ffff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"ff00ff",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"639",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"
$ { input } ` );let match=input.match(firstLineRegex);if(!match)return import_react16.default.createElement(import_react16.Fragment,null,input);let[,type,name2]=match,rawLines=input.split(/ \n /).slice(1),[,...lines]=rawLines.map(line=>{let result2=line.match(linesRegexChromium)||line.match(linesRegexFirefox)||line.match(linesRegexSafari);return result2?{name:(result2[1]||"").replace("/<",""),location:result2[2].replace(document24.location.origin,"")}:null}).filter(Boolean);return import_react16.default.createElement(import_react16.Fragment,null,import_react16.default.createElement("span",null,type),": ",import_react16.default.createElement(ErrorName,null,name2),import_react16.default.createElement("br",null),lines.map((l,i)=>l.name?import_react16.default.createElement(import_react16.Fragment,{key:i}," ","at ",import_react16.default.createElement(ErrorImportant,null,l.name)," (",import_react16.default.createElement(ErrorDetail,null,l.location),")",import_react16.default.createElement("br",null)):import_react16.default.createElement(import_react16.Fragment,{key:i}," ","at ",import_react16.default.createElement(ErrorDetail,null,l.location),import_react16.default.createElement("br",null))))},Wrapper=newStyled.label(({theme})=>({display:"flex",borderBottom: ` 1 px solid $ { theme . appBorderColor } ` ,margin:"0 15px",padding:"8px 0","&:last-child":{marginBottom:"3rem"}})),Label=newStyled.span(({theme})=>({minWidth:100,fontWeight:theme.typography.weight.bold,marginRight:15,display:"flex",justifyContent:"flex-start",alignItems:"center",lineHeight:"16px"})),Field=({label,children,...props})=>import_react16.default.createElement(Wrapper,{...props},label?import_react16.default.createElement(Label,null,import_react16.default.createElement("span",null,label)):null,children),index=import_react16.useLayoutEffect,use_isomorphic_layout_effect_browser_esm_default=index,useLatest=function(value2){var ref=React32.useRef(value2);return use_isomorphic_layout_effect_browser_esm_default(function(){ref.current=value2}),ref},updateRef=function(ref,value2){if(typeof ref=="function"){ref(value2);return}ref.current=value2},useComposedRef=function(libRef,userRef){var prevUserRef=(0,import_react16.useRef)();return(0,import_react16.useCallback)(function(instance){libRef.current=instance,prevUserRef.current&&updateRef(prevUserRef.current,null),prevUserRef.current=userRef,userRef&&updateRef(userRef,instance)},[userRef])},use_composed_ref_esm_default=useComposedRef,HIDDEN_TEXTAREA_STYLE={"min-height":"0","max-height":"none",height:"0",visibility:"hidden",overflow:"hidden",position:"absolute","z-index":"-1000",top:"0",right:"0"},forceHiddenStyles=function(node){Object.keys(HIDDEN_TEXTAREA_STYLE).forEach(function(key2){node.style.setProperty(key2,HIDDEN_TEXTAREA_STYLE[key2],"important")})},forceHiddenStyles $ 1=forceHiddenStyles,hiddenTextarea=null,getHeight=function(node,sizingData){var height=node.scrollHeight;return sizingData.sizingStyle.boxSizing==="border-box"?height+sizingData.borderSize:height-sizingData.paddingSize};function calculateNodeHeight(sizingData,value2,minRows,maxRows){minRows===void 0&&(minRows=1),maxRows===void 0&&(maxRows=1/0),hiddenTextarea||(hiddenTextarea=document.createElement("textarea"),hiddenTextarea.setAttribute("tabindex","-1"),hiddenTextarea.setAttribute("aria-hidden","true"),forceHiddenStyles $ 1(hiddenTextarea)),hiddenTextarea.parentNode===null&&document.body.appendChild(hiddenTextarea);var paddingSize=sizingData.paddingSize,borderSize=sizingData.borderSize,sizingStyle=sizingData.sizingStyle,boxSizing=sizingStyle.boxSizing;Object.keys(sizingStyle).forEach(function(_key){var key2=_key;hiddenTextarea.style[key2]=sizingStyle[key2]}),forceHiddenStyles $ 1(hiddenTextarea),hiddenTextarea.value=value2;var height=getHeight(hiddenTextarea,sizingData);hiddenTextarea.value=value2,height=getHeight(hiddenTextarea,sizingData),hiddenTextarea.value="x";var rowHeight=hiddenTextarea.scrollHeight-paddingSize,minHeight=rowHeight*minRows;boxSizing==="border-box"&&(minHeight=minHeight+paddingSize+borderSize),height=Math.max(minHeight,height);var maxHeight=rowHeig
color : $ { preActive || active ? theme . barSelectedColor : theme . barTextColor } ;
. addon - collapsible - icon {
color : $ { preActive || active ? theme . barSelectedColor : theme . barTextColor } ;
}
& : hover {
color : $ { theme . barHoverColor } ;
. addon - collapsible - icon {
color : $ { theme . barHoverColor } ;
}
}
` );function useList(list){let tabBarRef=(0,import_react16.useRef)(),addonsRef=(0,import_react16.useRef)(),tabRefs=(0,import_react16.useRef)(new Map),{width:tabBarWidth=1}=useResizeObserver({ref:tabBarRef}),[visibleList,setVisibleList]=(0,import_react16.useState)(list),[invisibleList,setInvisibleList]=(0,import_react16.useState)([]),previousList=(0,import_react16.useRef)(list),AddonTab=(0,import_react16.useCallback)(({menuName,actions})=>{let isAddonsActive=invisibleList.some(({active})=>active),[isTooltipVisible,setTooltipVisible]=(0,import_react16.useState)(!1);return import_react16.default.createElement(import_react16.default.Fragment,null,import_react16.default.createElement(WithToolTipState,{interactive:!0,visible:isTooltipVisible,onVisibleChange:setTooltipVisible,placement:"bottom",delayHide:100,tooltip:import_react16.default.createElement(TooltipLinkList,{links:invisibleList.map(({title,id,color:color2,active})=>({id,title,color:color2,active,onClick:e=>{e.preventDefault(),actions.onSelect(id)}}))})},import_react16.default.createElement(AddonButton,{ref:addonsRef,active:isAddonsActive,preActive:isTooltipVisible,style:{visibility:invisibleList.length?"visible":"hidden"},"aria-hidden":!invisibleList.length,className:"tabbutton",type:"button",role:"tab"},menuName,import_react16.default.createElement(CollapseIcon2,{className:"addon-collapsible-icon",isActive:isAddonsActive||isTooltipVisible}))),invisibleList.map(({title,id,color:color2},index3)=>{let indexId= ` index - $ { index3 } ` ;return import_react16.default.createElement(TabButton,{id: ` tabbutton - $ { O ( id ) ? ? indexId } ` ,style:{visibility:"hidden"},"aria-hidden":!0,tabIndex:-1,ref:ref=>{tabRefs.current.set(id,ref)},className:"tabbutton",type:"button",key:id,textColor:color2,role:"tab"},title)}))},[invisibleList]),setTabLists=(0,import_react16.useCallback)(()=>{if(!tabBarRef.current||!addonsRef.current)return;let{x:x2,width}=tabBarRef.current.getBoundingClientRect(),{width:widthAddonsTab}=addonsRef.current.getBoundingClientRect(),rightBorder=invisibleList.length?x2+width-widthAddonsTab:x2+width,newVisibleList=[],widthSum=0,newInvisibleList=list.filter(item=>{let{id}=item,tabButton=tabRefs.current.get(id),{width:tabWidth=0}=tabButton?.getBoundingClientRect()||{},crossBorder=x2+widthSum+tabWidth>rightBorder;return(!crossBorder||!tabButton)&&newVisibleList.push(item),widthSum+=tabWidth,crossBorder});(newVisibleList.length!==visibleList.length||previousList.current!==list)&&(setVisibleList(newVisibleList),setInvisibleList(newInvisibleList),previousList.current=list)},[invisibleList.length,list,visibleList]);return(0,import_react16.useLayoutEffect)(setTabLists,[setTabLists,tabBarWidth]),{tabRefs,addonsRef,tabBarRef,visibleList,invisibleList,AddonTab}}var Wrapper2=newStyled.div(({theme})=>({height:"100%",display:"flex",padding:30,alignItems:"center",justifyContent:"center",flexDirection:"column",gap:15,background:theme.background.content})),Content3=newStyled.div({display:"flex",flexDirection:"column",gap:4,maxWidth:415}),Title6=newStyled.div(({theme})=>({fontWeight:theme.typography.weight.bold,fontSize:theme.typography.size.s2-1,textAlign:"center",color:theme.textColor})),Description3=newStyled.div(({theme})=>({fontWeight:theme.typography.weight.regular,fontSize:theme.typography.size.s2-1,textAlign:"center",color:theme.textMutedColor})),EmptyTabContent=({title,description,footer})=>import_react16.default.createElement(Wrapper2,null,import_react16.default.createElement(Content3,null,import_react16.default.createElement(Title6,null,title),description&&import_react16.default.createElement(Description3,null,description)),footer),ignoreSsrWarning2="/* emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason */",Wrapper3=newStyled.div(({theme,bordered})=>bordered?{backgroundClip:"padding-box",border: ` 1 px solid $ { theme . appBorderColor } ` ,borderRadius:theme.appBorderRadius,overflow:"hidden",boxSizing:"border-box"}:{},({absolute})=>absolute?{width:"100%",height:"100%",boxSizing:"border-box",display:"flex",flexDirection:"column"}:{display
display : inline - block ;
shape - rendering : inherit ;
vertical - align : middle ;
fill : currentColor ;
path {
fill : currentColor ;
}
` ,Icons=({icon,useSymbol,__suppressDeprecationWarning=!1,...props})=>{__suppressDeprecationWarning||deprecate( ` Use of the deprecated Icons $ { ` ( ${ icon } ) ` || "" } component detected . Please use the @ storybook / icons component directly . For more informations , see the migration notes at https : //github.com/storybookjs/storybook/blob/next/MIGRATION.md#icons-is-deprecated`);let findIcon=icons[icon]||null;if(!findIcon)return logger.warn(`Use of an unknown prop ${`(${icon})`||""} in the Icons component. The Icons component is deprecated. Please use the @storybook/icons component directly. For more informations, see the migration notes at https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#icons-is-deprecated`),null;let Icon=NEW_ICON_MAP[findIcon];return import_react16.default.createElement(Icon,{...props})},Symbols=(0,import_react16.memo)(function({icons:keys2=Object.keys(icons)}){return import_react16.default.createElement(Svg,{viewBox:"0 0 14 14",style:{position:"absolute",width:0,height:0},"data-chromatic":"ignore"},keys2.map(key2=>import_react16.default.createElement("symbol",{id:`icon--${key2}`,key:key2},icons[key2])))}),icons={user:"UserIcon",useralt:"UserAltIcon",useradd:"UserAddIcon",users:"UsersIcon",profile:"ProfileIcon",facehappy:"FaceHappyIcon",faceneutral:"FaceNeutralIcon",facesad:"FaceSadIcon",accessibility:"AccessibilityIcon",accessibilityalt:"AccessibilityAltIcon",arrowup:"ChevronUpIcon",arrowdown:"ChevronDownIcon",arrowleft:"ChevronLeftIcon",arrowright:"ChevronRightIcon",arrowupalt:"ArrowUpIcon",arrowdownalt:"ArrowDownIcon",arrowleftalt:"ArrowLeftIcon",arrowrightalt:"ArrowRightIcon",expandalt:"ExpandAltIcon",collapse:"CollapseIcon",expand:"ExpandIcon",unfold:"UnfoldIcon",transfer:"TransferIcon",redirect:"RedirectIcon",undo:"UndoIcon",reply:"ReplyIcon",sync:"SyncIcon",upload:"UploadIcon",download:"DownloadIcon",back:"BackIcon",proceed:"ProceedIcon",refresh:"RefreshIcon",globe:"GlobeIcon",compass:"CompassIcon",location:"LocationIcon",pin:"PinIcon",time:"TimeIcon",dashboard:"DashboardIcon",timer:"TimerIcon",home:"HomeIcon",admin:"AdminIcon",info:"InfoIcon",question:"QuestionIcon",support:"SupportIcon",alert:"AlertIcon",email:"EmailIcon",phone:"PhoneIcon",link:"LinkIcon",unlink:"LinkBrokenIcon",bell:"BellIcon",rss:"RSSIcon",sharealt:"ShareAltIcon",share:"ShareIcon",circle:"CircleIcon",circlehollow:"CircleHollowIcon",bookmarkhollow:"BookmarkHollowIcon",bookmark:"BookmarkIcon",hearthollow:"HeartHollowIcon",heart:"HeartIcon",starhollow:"StarHollowIcon",star:"StarIcon",certificate:"CertificateIcon",verified:"VerifiedIcon",thumbsup:"ThumbsUpIcon",shield:"ShieldIcon",basket:"BasketIcon",beaker:"BeakerIcon",hourglass:"HourglassIcon",flag:"FlagIcon",cloudhollow:"CloudHollowIcon",edit:"EditIcon",cog:"CogIcon",nut:"NutIcon",wrench:"WrenchIcon",ellipsis:"EllipsisIcon",check:"CheckIcon",form:"FormIcon",batchdeny:"BatchDenyIcon",batchaccept:"BatchAcceptIcon",controls:"ControlsIcon",plus:"PlusIcon",closeAlt:"CloseAltIcon",cross:"CrossIcon",trash:"TrashIcon",pinalt:"PinAltIcon",unpin:"UnpinIcon",add:"AddIcon",subtract:"SubtractIcon",close:"CloseIcon",delete:"DeleteIcon",passed:"PassedIcon",changed:"ChangedIcon",failed:"FailedIcon",clear:"ClearIcon",comment:"CommentIcon",commentadd:"CommentAddIcon",requestchange:"RequestChangeIcon",comments:"CommentsIcon",lock:"LockIcon",unlock:"UnlockIcon",key:"KeyIcon",outbox:"OutboxIcon",credit:"CreditIcon",button:"ButtonIcon",type:"TypeIcon",pointerdefault:"PointerDefaultIcon",pointerhand:"PointerHandIcon",browser:"BrowserIcon",tablet:"TabletIcon",mobile:"MobileIcon",watch:"WatchIcon",sidebar:"SidebarIcon",sidebaralt:"SidebarAltIcon",sidebaralttoggle:"SidebarAltToggleIcon",sidebartoggle:"SidebarToggleIcon",bottombar:"BottomBarIcon",bottombartoggle:"BottomBarToggleIcon",cpu:"CPUIcon",database:"DatabaseIcon",memory:"MemoryIcon",structure:"StructureIcon",box:"BoxIcon",power:"PowerIcon",photo:"PhotoIcon",component:"ComponentIcon",grid:"GridIcon",outline:"OutlineIcon",photodrag:"PhotoDragIcon",search:"SearchIcon",zoom:"ZoomIcon",zoomout:"ZoomOutIcon",zoomreset:"ZoomResetIcon",eye:"EyeIcon",e
from {
transform : rotate ( 0 deg ) ;
}
to {
transform : rotate ( 360 deg ) ;
}
` ,LoaderWrapper=newStyled.div(({size=32})=>({borderRadius:"50%",cursor:"progress",display:"inline-block",overflow:"hidden",position:"absolute",transition:"all 200ms ease-out",verticalAlign:"top",top:"50%",left:"50%",marginTop:-(size/2),marginLeft:-(size/2),height:size,width:size,zIndex:4,borderWidth:2,borderStyle:"solid",borderColor:"rgba(97, 97, 97, 0.29)",borderTopColor:"rgb(100,100,100)",animation: ` $ { rotate360 } 0.7 s linear infinite ` ,mixBlendMode:"difference"})),ProgressWrapper=newStyled.div({position:"absolute",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",width:"100%",height:"100%"}),ProgressTrack=newStyled.div(({theme})=>({position:"relative",width:"80%",marginBottom:"0.75rem",maxWidth:300,height:5,borderRadius:5,background:curriedTransparentize $ 1(.8,theme.color.secondary),overflow:"hidden",cursor:"progress"})),ProgressBar=newStyled.div(({theme})=>({position:"absolute",top:0,left:0,height:"100%",background:theme.color.secondary})),ProgressMessage=newStyled.div(({theme})=>({minHeight:"2em",fontSize: ` $ { theme . typography . size . s1 } px ` ,color:theme.barTextColor})),ErrorIcon=newStyled(LightningOffIcon)(({theme})=>({width:20,height:20,marginBottom:"0.5rem",color:theme.textMutedColor})),ellipsis=keyframes `
from { content : "..." }
33 % { content : "." }
66 % { content : ".." }
to { content : "..." }
` ,Ellipsis=newStyled.span({"&::after":{content:"'...'",animation: ` $ { ellipsis } 1 s linear infinite ` ,animationDelay:"1s",display:"inline-block",width:"1em",height:"auto"}}),Loader=({progress,error,size,...props})=>{if(error)return import_react16.default.createElement(ProgressWrapper,{"aria-label":error.toString(),"aria-live":"polite",role:"status",...props},import_react16.default.createElement(ErrorIcon,null),import_react16.default.createElement(ProgressMessage,null,error.message));if(progress){let{value:value2,modules}=progress,{message}=progress;return modules&&(message+= ` $ { modules . complete } / $ { modules . total } modules ` ),import_react16.default.createElement(ProgressWrapper,{"aria-label":"Content is loading...","aria-live":"polite","aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":value2*100,"aria-valuetext":message,role:"progressbar",...props},import_react16.default.createElement(ProgressTrack,null,import_react16.default.createElement(ProgressBar,{style:{width: ` $ { value2 * 100 } % ` }})),import_react16.default.createElement(ProgressMessage,null,message,value2<1&&import_react16.default.createElement(Ellipsis,{key:message})))}return import_react16.default.createElement(LoaderWrapper,{"aria-label":"Content is loading...","aria-live":"polite",role:"status",size,...props})};function parseQuery(queryString){let query={},pairs=queryString.split("&");for(let i=0;i<pairs.length;i++){let pair=pairs[i].split("=");query[decodeURIComponent(pair[0])]=decodeURIComponent(pair[1]||"")}return query}var getStoryHref=(baseUrl,storyId,additionalParams={})=>{let[url,paramsStr]=baseUrl.split("?"),params=paramsStr?{...parseQuery(paramsStr),...additionalParams,id:storyId}:{...additionalParams,id:storyId};return ` $ { url } ? $ { Object . entries ( params ) . map ( item => ` ${ item [ 0 ] } = ${ item [ 1 ] } ` ) . join ( "&" ) } ` },Code2=newStyled.pre `
line - height : 18 px ;
padding : 11 px 1 rem ;
white - space : pre - wrap ;
background : rgba ( 0 , 0 , 0 , 0.05 ) ;
color : $ { color . darkest } ;
border - radius : 3 px ;
margin : 1 rem 0 ;
width : 100 % ;
display : block ;
overflow : hidden ;
font - family : $ { typography . fonts . mono } ;
font - size : $ { typography . size . s2 - 1 } px ;
` ,ClipboardCode=({code,...props})=>import_react16.default.createElement(Code2,{id:"clipboard-code",...props},code),components2=components,resetComponents={};Object.keys(components).forEach(key2=>{resetComponents[key2]=(0,import_react16.forwardRef)((props,ref)=>(0,import_react16.createElement)(key2,{...props,ref}))});export{require_lib,useNavigate2,Link2,Location,Match,Route2,LocationProvider,dist_exports,require_root2 as require_root,require_isObject,CHANNEL_CREATED,CREATE_NEW_STORYFILE_REQUEST,CREATE_NEW_STORYFILE_RESPONSE,FILE_COMPONENT_SEARCH_REQUEST,FILE_COMPONENT_SEARCH_RESPONSE,FORCE_REMOUNT,PRELOAD_ENTRIES,PREVIEW_BUILDER_PROGRESS,SET_CURRENT_STORY,STORIES_COLLAPSE_ALL,STORIES_EXPAND_ALL,TELEMETRY_ERROR,SAVE_STORY_REQUEST,SAVE_STORY_RESPONSE,ARGTYPES_INFO_REQUEST,ARGTYPES_INFO_RESPONSE,dist_exports2,require_store2,Addon_TypesEnum,dist_exports4 as dist_exports3,require_isSymbol,ComponentIcon,SearchIcon,ZoomIcon,ZoomOutIcon,ZoomResetIcon,EyeIcon,EyeCloseIcon,LightningIcon,DocumentIcon,MenuIcon,StorybookIcon,GithubIcon,SidebarAltIcon,BottomBarIcon,BottomBarToggleIcon,CogIcon,WandIcon,CheckIcon,PlusIcon,CloseAltIcon,TrashIcon,CloseIcon,LockIcon,InfoIcon,AlertIcon,LinkIcon,ShareAltIcon,CircleIcon,HeartIcon,ChevronDownIcon,ChevronRightIcon,ArrowLeftIcon,ExpandAltIcon,CollapseIcon,ExpandIcon,SyncIcon,GlobeIcon,TimeIcon,dist_exports5 as dist_exports4,createBrowserChannel,dist_exports3 as dist_exports5,merge_default,eventToShortcut,shortcutMatchesShortcut,shortcutToHumanString,addons,experimental_requestResponse,ManagerProvider,ManagerConsumer,useStorybookState,useStorybookApi,typesX,dist_exports6,ProviderDoesNotExtendBaseProviderError,UncaughtManagerError,manager_errors_exports,__assign,Badge,Link22,Button,IconButton,Modal,Spaced,Zoom,ErrorFormatter,Form,WithTooltip,TooltipNote,TooltipLinkList,TabButton,EmptyTabContent,TabBar,Tabs,Separator,Icons,StorybookLogo,Loader,getStoryHref,dist_exports8 as dist_exports7};