[^\r]+?<\/pre>)/gm,(function(wholeMatch,m1){var pre=m1;return pre=(pre=pre.replace(/^ /gm,"¨0")).replace(/¨0/g,"")})),showdown.subParser("hashBlock")("","gim"),text=globals.converter._dispatch("hashPreCodeTags.after",text,options,globals)})),showdown.subParser("headers",(function(text,options,globals){"use strict";text=globals.converter._dispatch("headers.before",text,options,globals);var headerLevelStart=isNaN(parseInt(options.headerLevelStart))?1:parseInt(options.headerLevelStart),setextRegexH1=options.smoothLivePreview?/^(.+)[ \t]*\n={2,}[ \t]*\n+/gm:/^(.+)[ \t]*\n=+[ \t]*\n+/gm,setextRegexH2=options.smoothLivePreview?/^(.+)[ \t]*\n-{2,}[ \t]*\n+/gm:/^(.+)[ \t]*\n-+[ \t]*\n+/gm;text=(text=text.replace(setextRegexH1,(function(wholeMatch,m1){var spanGamut=showdown.subParser("spanGamut")(m1,options,globals),hID=options.noHeaderId?"":' id="'+headerId(m1)+'"',hashBlock="\n"+bq+"\n",options,globals)})),text=globals.converter._dispatch("blockQuotes.after",text,options,globals)})),showdown.subParser("codeBlocks",(function(text,options,globals){"use strict";text=globals.converter._dispatch("codeBlocks.before",text,options,globals);return text=(text=(text+="¨0").replace(/(?:\n\n|^)((?:(?:[ ]{4}|\t).*\n+)+)(\n*[ ]{0,3}[^ \t\n]|(?=¨0))/g,(function(wholeMatch,m1,m2){var codeblock=m1,nextChar=m2,end="\n";return codeblock=showdown.subParser("outdent")(codeblock,options,globals),codeblock=showdown.subParser("encodeCode")(codeblock,options,globals),codeblock=(codeblock=(codeblock=showdown.subParser("detab")(codeblock,options,globals)).replace(/^\n+/g,"")).replace(/\n+$/g,""),options.omitExtraWLInCodeBlocks&&(end=""),codeblock="",showdown.subParser("hashBlock")(codeblock,options,globals)+nextChar}))).replace(/¨0/,""),text=globals.converter._dispatch("codeBlocks.after",text,options,globals)})),showdown.subParser("codeSpans",(function(text,options,globals){"use strict";return void 0===(text=globals.converter._dispatch("codeSpans.before",text,options,globals))&&(text=""),text=text.replace(/(^|[^\\])(`+)([^\r]*?[^`])\2(?!`)/gm,(function(wholeMatch,m1,m2,m3){var c=m3;return c=(c=c.replace(/^([ \t]*)/g,"")).replace(/[ \t]*$/g,""),c=m1+""+codeblock+end+"
"+(c=showdown.subParser("encodeCode")(c,options,globals))+"
",c=showdown.subParser("hashHTMLSpans")(c,options,globals)})),text=globals.converter._dispatch("codeSpans.after",text,options,globals)})),showdown.subParser("completeHTMLDocument",(function(text,options,globals){"use strict";if(!options.completeHTMLDocument)return text;text=globals.converter._dispatch("completeHTMLDocument.before",text,options,globals);var doctype="html",doctypeParsed="\n",title="",charset='\n',lang="",metadata="";for(var meta in void 0!==globals.metadata.parsed.doctype&&(doctypeParsed="\n","html"!==(doctype=globals.metadata.parsed.doctype.toString().toLowerCase())&&"html5"!==doctype||(charset='')),globals.metadata.parsed)if(globals.metadata.parsed.hasOwnProperty(meta))switch(meta.toLowerCase()){case"doctype":break;case"title":title=""+globals.metadata.parsed.title+" \n";break;case"charset":charset="html"===doctype||"html5"===doctype?'\n':'\n';break;case"language":case"lang":lang=' lang="'+globals.metadata.parsed[meta]+'"',metadata+='\n';break;default:metadata+='\n'}return text=doctypeParsed+"\n\n"+title+charset+metadata+"\n\n"+text.trim()+"\n\n",text=globals.converter._dispatch("completeHTMLDocument.after",text,options,globals)})),showdown.subParser("detab",(function(text,options,globals){"use strict";return text=(text=(text=(text=(text=(text=globals.converter._dispatch("detab.before",text,options,globals)).replace(/\t(?=\t)/g," ")).replace(/\t/g,"¨A¨B")).replace(/¨B(.+?)¨A/g,(function(wholeMatch,m1){for(var leadingText=m1,numSpaces=4-leadingText.length%4,i=0;i/g,">"),text=globals.converter._dispatch("encodeAmpsAndAngles.after",text,options,globals)})),showdown.subParser("encodeBackslashEscapes",(function(text,options,globals){"use strict";return text=(text=(text=globals.converter._dispatch("encodeBackslashEscapes.before",text,options,globals)).replace(/\\(\\)/g,showdown.helper.escapeCharactersCallback)).replace(/\\([`*_{}\[\]()>#+.!~=|-])/g,showdown.helper.escapeCharactersCallback),text=globals.converter._dispatch("encodeBackslashEscapes.after",text,options,globals)})),showdown.subParser("encodeCode",(function(text,options,globals){"use strict";return text=(text=globals.converter._dispatch("encodeCode.before",text,options,globals)).replace(/&/g,"&").replace(//g,">").replace(/([*_{}\[\]\\=~-])/g,showdown.helper.escapeCharactersCallback),text=globals.converter._dispatch("encodeCode.after",text,options,globals)})),showdown.subParser("escapeSpecialCharsWithinTagAttributes",(function(text,options,globals){"use strict";return text=(text=(text=globals.converter._dispatch("escapeSpecialCharsWithinTagAttributes.before",text,options,globals)).replace(/<\/?[a-z\d_:-]+(?:[\s]+[\s\S]+?)?>/gi,(function(wholeMatch){return wholeMatch.replace(/(.)<\/?code>(?=.)/g,"$1`").replace(/([\\`*_~=|])/g,showdown.helper.escapeCharactersCallback)}))).replace(/-]|-[^>])(?:[^-]|-[^-])*)--)>/gi,(function(wholeMatch){return wholeMatch.replace(/([\\`*_~=|])/g,showdown.helper.escapeCharactersCallback)})),text=globals.converter._dispatch("escapeSpecialCharsWithinTagAttributes.after",text,options,globals)})),showdown.subParser("githubCodeBlocks",(function(text,options,globals){"use strict";return options.ghCodeBlocks?(text=globals.converter._dispatch("githubCodeBlocks.before",text,options,globals),text=(text=(text+="¨0").replace(/(?:^|\n)(?: {0,3})(```+|~~~+)(?: *)([^\s`~]*)\n([\s\S]*?)\n(?: {0,3})\1/g,(function(wholeMatch,delim,language,codeblock){var end=options.omitExtraWLInCodeBlocks?"":"\n";return codeblock=showdown.subParser("encodeCode")(codeblock,options,globals),codeblock=" ",codeblock=showdown.subParser("hashBlock")(codeblock,options,globals),"\n\n¨G"+(globals.ghCodeBlocks.push({text:wholeMatch,codeblock})-1)+"G\n\n"}))).replace(/¨0/,""),globals.converter._dispatch("githubCodeBlocks.after",text,options,globals)):text})),showdown.subParser("hashBlock",(function(text,options,globals){"use strict";return text=(text=globals.converter._dispatch("hashBlock.before",text,options,globals)).replace(/(^\n+|\n+$)/g,""),text="\n\n¨K"+(globals.gHtmlBlocks.push(text)-1)+"K\n\n",text=globals.converter._dispatch("hashBlock.after",text,options,globals)})),showdown.subParser("hashCodeTags",(function(text,options,globals){"use strict";text=globals.converter._dispatch("hashCodeTags.before",text,options,globals);return text=showdown.helper.replaceRecursiveRegExp(text,(function(wholeMatch,match,left,right){var codeblock=left+showdown.subParser("encodeCode")(match,options,globals)+right;return"¨C"+(globals.gHtmlSpans.push(codeblock)-1)+"C"}),""+(codeblock=(codeblock=(codeblock=showdown.subParser("detab")(codeblock,options,globals)).replace(/^\n+/g,"")).replace(/\n+$/g,""))+end+"
]*>","
","gim"),text=globals.converter._dispatch("hashCodeTags.after",text,options,globals)})),showdown.subParser("hashElement",(function(text,options,globals){"use strict";return function(wholeMatch,m1){var blockText=m1;return blockText=(blockText=(blockText=blockText.replace(/\n\n/g,"\n")).replace(/^\n/,"")).replace(/\n+$/g,""),blockText="\n\n¨K"+(globals.gHtmlBlocks.push(blockText)-1)+"K\n\n"}})),showdown.subParser("hashHTMLBlocks",(function(text,options,globals){"use strict";text=globals.converter._dispatch("hashHTMLBlocks.before",text,options,globals);var blockTags=["pre","div","h1","h2","h3","h4","h5","h6","blockquote","table","dl","ol","ul","script","noscript","form","fieldset","iframe","math","style","section","header","footer","nav","article","aside","address","audio","canvas","figure","hgroup","output","video","p"],repFunc=function(wholeMatch,match,left,right){var txt=wholeMatch;return-1!==left.search(/\bmarkdown\b/)&&(txt=left+globals.converter.makeHtml(match)+right),"\n\n¨K"+(globals.gHtmlBlocks.push(txt)-1)+"K\n\n"};options.backslashEscapesHTMLTags&&(text=text.replace(/\\<(\/?[^>]+?)>/g,(function(wm,inside){return"<"+inside+">"})));for(var i=0;i]*>)","im"),patLeft="<"+blockTags[i]+"\\b[^>]*>",patRight=""+blockTags[i]+">";-1!==(opTagPos=showdown.helper.regexIndexOf(text,rgx1));){var subTexts=showdown.helper.splitAtIndex(text,opTagPos),newSubText1=showdown.helper.replaceRecursiveRegExp(subTexts[1],repFunc,patLeft,patRight,"im");if(newSubText1===subTexts[1])break;text=subTexts[0].concat(newSubText1)}return text=text.replace(/(\n {0,3}(<(hr)\b([^<>])*?\/?>)[ \t]*(?=\n{2,}))/g,showdown.subParser("hashElement")(text,options,globals)),text=(text=showdown.helper.replaceRecursiveRegExp(text,(function(txt){return"\n\n¨K"+(globals.gHtmlBlocks.push(txt)-1)+"K\n\n"}),"^ {0,3}\x3c!--","--\x3e","gm")).replace(/(?:\n\n)( {0,3}(?:<([?%])[^\r]*?\2>)[ \t]*(?=\n{2,}))/g,showdown.subParser("hashElement")(text,options,globals)),text=globals.converter._dispatch("hashHTMLBlocks.after",text,options,globals)})),showdown.subParser("hashHTMLSpans",(function(text,options,globals){"use strict";function hashHTMLSpan(html){return"¨C"+(globals.gHtmlSpans.push(html)-1)+"C"}return text=(text=(text=(text=(text=globals.converter._dispatch("hashHTMLSpans.before",text,options,globals)).replace(/<[^>]+?\/>/gi,(function(wm){return hashHTMLSpan(wm)}))).replace(/<([^>]+?)>[\s\S]*?<\/\1>/g,(function(wm){return hashHTMLSpan(wm)}))).replace(/<([^>]+?)\s[^>]+?>[\s\S]*?<\/\1>/g,(function(wm){return hashHTMLSpan(wm)}))).replace(/<[^>]+?>/gi,(function(wm){return hashHTMLSpan(wm)})),text=globals.converter._dispatch("hashHTMLSpans.after",text,options,globals)})),showdown.subParser("unhashHTMLSpans",(function(text,options,globals){"use strict";text=globals.converter._dispatch("unhashHTMLSpans.before",text,options,globals);for(var i=0;i ]*>\\s* ]*>","^ {0,3}
\\s*
"),str+="
",grafsOut.push(str))}for(end=grafsOut.length,i=0;i]*>/.test(grafsOutIt)&&(codeFlag=!0)}grafsOut[i]=grafsOutIt}return text=(text=(text=grafsOut.join("\n")).replace(/^\n+/g,"")).replace(/\n+$/g,""),globals.converter._dispatch("paragraphs.after",text,options,globals)})),showdown.subParser("runExtension",(function(ext,text,options,globals){"use strict";if(ext.filter)text=ext.filter(text,globals.converter,options);else if(ext.regex){var re=ext.regex;re instanceof RegExp||(re=new RegExp(re,"g")),text=text.replace(re,ext.replace)}return text})),showdown.subParser("spanGamut",(function(text,options,globals){"use strict";return text=globals.converter._dispatch("spanGamut.before",text,options,globals),text=showdown.subParser("codeSpans")(text,options,globals),text=showdown.subParser("escapeSpecialCharsWithinTagAttributes")(text,options,globals),text=showdown.subParser("encodeBackslashEscapes")(text,options,globals),text=showdown.subParser("images")(text,options,globals),text=showdown.subParser("anchors")(text,options,globals),text=showdown.subParser("autoLinks")(text,options,globals),text=showdown.subParser("simplifiedAutoLinks")(text,options,globals),text=showdown.subParser("emoji")(text,options,globals),text=showdown.subParser("underline")(text,options,globals),text=showdown.subParser("italicsAndBold")(text,options,globals),text=showdown.subParser("strikethrough")(text,options,globals),text=showdown.subParser("ellipsis")(text,options,globals),text=showdown.subParser("hashHTMLSpans")(text,options,globals),text=showdown.subParser("encodeAmpsAndAngles")(text,options,globals),options.simpleLineBreaks?/\n\n¨K/.test(text)||(text=text.replace(/\n+/g,"
\n")):text=text.replace(/ +\n/g,"
\n"),text=globals.converter._dispatch("spanGamut.after",text,options,globals)})),showdown.subParser("strikethrough",(function(text,options,globals){"use strict";return options.strikethrough&&(text=(text=globals.converter._dispatch("strikethrough.before",text,options,globals)).replace(/(?:~){2}([\s\S]+?)(?:~){2}/g,(function(wm,txt){return function parseInside(txt){return options.simplifiedAutoLink&&(txt=showdown.subParser("simplifiedAutoLinks")(txt,options,globals)),""+txt+""}(txt)})),text=globals.converter._dispatch("strikethrough.after",text,options,globals)),text})),showdown.subParser("stripLinkDefinitions",(function(text,options,globals){"use strict";var replaceFunc=function(wholeMatch,linkId,url,width,height,blankLines,title){return linkId=linkId.toLowerCase(),url.match(/^data:.+?\/.+?;base64,/)?globals.gUrls[linkId]=url.replace(/\s/g,""):globals.gUrls[linkId]=showdown.subParser("encodeAmpsAndAngles")(url,options,globals),blankLines?blankLines+title:(title&&(globals.gTitles[linkId]=title.replace(/"|'/g,""")),options.parseImgDimensions&&width&&height&&(globals.gDimensions[linkId]={width,height}),"")};return text=(text=(text=(text+="¨0").replace(/^ {0,3}\[(.+)]:[ \t]*\n?[ \t]*(data:.+?\/.+?;base64,[A-Za-z0-9+/=\n]+?)>?(?: =([*\d]+[A-Za-z%]{0,4})x([*\d]+[A-Za-z%]{0,4}))?[ \t]*\n?[ \t]*(?:(\n*)["|'(](.+?)["|')][ \t]*)?(?:\n\n|(?=¨0)|(?=\n\[))/gm,replaceFunc)).replace(/^ {0,3}\[(.+)]:[ \t]*\n?[ \t]*([^>\s]+)>?(?: =([*\d]+[A-Za-z%]{0,4})x([*\d]+[A-Za-z%]{0,4}))?[ \t]*\n?[ \t]*(?:(\n*)["|'(](.+?)["|')][ \t]*)?(?:\n+|(?=¨0))/gm,replaceFunc)).replace(/¨0/,"")})),showdown.subParser("tables",(function(text,options,globals){"use strict";if(!options.tables)return text;function parseCells(cell,style){return""+showdown.subParser("spanGamut")(cell,options,globals)+" \n"}function parseTable(rawTable){var i,tableLines=rawTable.split("\n");for(i=0;i"+(header=showdown.subParser("spanGamut")(header,options,globals))+"\n"));for(i=0;i\n\n\n",i=0;i\n";for(var ii=0;ii\n"}return tb+" \n\n"}(headers,cells)}return text=(text=(text=(text=globals.converter._dispatch("tables.before",text,options,globals)).replace(/\\(\|)/g,showdown.helper.escapeCharactersCallback)).replace(/^ {0,3}\|?.+\|.+\n {0,3}\|?[ \t]*:?[ \t]*(?:[-=]){2,}[ \t]*:?[ \t]*\|[ \t]*:?[ \t]*(?:[-=]){2,}[\s\S]+?(?:\n\n|¨0)/gm,parseTable)).replace(/^ {0,3}\|.+\|[ \t]*\n {0,3}\|[ \t]*:?[ \t]*(?:[-=]){2,}[ \t]*:?[ \t]*\|[ \t]*\n( {0,3}\|.+\|[ \t]*\n)*(?:\n|¨0)/gm,parseTable),text=globals.converter._dispatch("tables.after",text,options,globals)})),showdown.subParser("underline",(function(text,options,globals){"use strict";return options.underline?(text=globals.converter._dispatch("underline.before",text,options,globals),text=(text=options.literalMidWordUnderscores?(text=text.replace(/\b___(\S[\s\S]*?)___\b/g,(function(wm,txt){return""+txt+""}))).replace(/\b__(\S[\s\S]*?)__\b/g,(function(wm,txt){return""+txt+""})):(text=text.replace(/___(\S[\s\S]*?)___/g,(function(wm,m){return/\S$/.test(m)?""+m+"":wm}))).replace(/__(\S[\s\S]*?)__/g,(function(wm,m){return/\S$/.test(m)?""+m+"":wm}))).replace(/(_)/g,showdown.helper.escapeCharactersCallback),text=globals.converter._dispatch("underline.after",text,options,globals)):text})),showdown.subParser("unescapeSpecialChars",(function(text,options,globals){"use strict";return text=(text=globals.converter._dispatch("unescapeSpecialChars.before",text,options,globals)).replace(/¨E(\d+)E/g,(function(wholeMatch,m1){var charCodeToReplace=parseInt(m1);return String.fromCharCode(charCodeToReplace)})),text=globals.converter._dispatch("unescapeSpecialChars.after",text,options,globals)})),showdown.subParser("makeMarkdown.blockquote",(function(node,globals){"use strict";var txt="";if(node.hasChildNodes())for(var children=node.childNodes,childrenLength=children.length,i=0;i ")})),showdown.subParser("makeMarkdown.codeBlock",(function(node,globals){"use strict";var lang=node.getAttribute("language"),num=node.getAttribute("precodenum");return"```"+lang+"\n"+globals.preList[num]+"\n```"})),showdown.subParser("makeMarkdown.codeSpan",(function(node){"use strict";return"`"+node.innerHTML+"`"})),showdown.subParser("makeMarkdown.emphasis",(function(node,globals){"use strict";var txt="";if(node.hasChildNodes()){txt+="*";for(var children=node.childNodes,childrenLength=children.length,i=0;i",node.hasAttribute("width")&&node.hasAttribute("height")&&(txt+=" ="+node.getAttribute("width")+"x"+node.getAttribute("height")),node.hasAttribute("title")&&(txt+=' "'+node.getAttribute("title")+'"'),txt+=")"),txt})),showdown.subParser("makeMarkdown.links",(function(node,globals){"use strict";var txt="";if(node.hasChildNodes()&&node.hasAttribute("href")){var children=node.childNodes,childrenLength=children.length;txt="[";for(var i=0;i",node.hasAttribute("title")&&(txt+=' "'+node.getAttribute("title")+'"'),txt+=")"}return txt})),showdown.subParser("makeMarkdown.list",(function(node,globals,type){"use strict";var txt="";if(!node.hasChildNodes())return"";for(var listItems=node.childNodes,listItemsLenght=listItems.length,listNum=node.getAttribute("start")||1,i=0;i"+globals.preList[num]+""})),showdown.subParser("makeMarkdown.strikethrough",(function(node,globals){"use strict";var txt="";if(node.hasChildNodes()){txt+="~~";for(var children=node.childNodes,childrenLength=children.length,i=0;itr>th"),rows=node.querySelectorAll("tbody>tr");for(i=0;icellSpacesCount&&(cellSpacesCount=strLen)}for(i=0;i/g,"\\$1>")).replace(/^#/gm,"\\#")).replace(/^(\s*)([-=]{3,})(\s*)$/,"$1\\$2$3")).replace(/^( {0,3}\d+)\./gm,"$1\\.")).replace(/^( {0,3})([+-])/gm,"$1\\$2")).replace(/]([\s]*)\(/g,"\\]$1\\(")).replace(/^ {0,3}\[([\S \t]*?)]:/gm,"\\[$1]:")}));void 0===(__WEBPACK_AMD_DEFINE_RESULT__=function(){"use strict";return showdown}.call(exports,__webpack_require__,exports,module))||(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)}).call(this)},"./node_modules/simple-html-tokenizer/dist/es6/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{d2:()=>Tokenizer});var HEXCHARCODE=/^#[xX]([A-Fa-f0-9]+)$/,CHARCODE=/^#([0-9]+)$/,NAMED=/^([A-Za-z0-9]+)$/,WSP=(function(){function EntityParser(named){this.named=named}EntityParser.prototype.parse=function(entity){if(entity){var matches=entity.match(HEXCHARCODE);return matches?String.fromCharCode(parseInt(matches[1],16)):(matches=entity.match(CHARCODE))?String.fromCharCode(parseInt(matches[1],10)):(matches=entity.match(NAMED))?this.named[matches[1]]:void 0}}}(),/[\t\n\f ]/),ALPHA=/[A-Za-z]/,CRLF=/\r\n?/g;function isSpace(char){return WSP.test(char)}function isAlpha(char){return ALPHA.test(char)}var EventedTokenizer=function(){function EventedTokenizer(delegate,entityParser){this.delegate=delegate,this.entityParser=entityParser,this.state="beforeData",this.line=-1,this.column=-1,this.input="",this.index=-1,this.tagNameBuffer="",this.states={beforeData:function(){var char=this.peek();if("<"===char)this.transitionTo("tagOpen"),this.markTagStart(),this.consume();else{if("\n"===char){var tag=this.tagNameBuffer.toLowerCase();"pre"!==tag&&"textarea"!==tag||this.consume()}this.transitionTo("data"),this.delegate.beginData()}},data:function(){var char=this.peek();"<"===char?(this.delegate.finishData(),this.transitionTo("tagOpen"),this.markTagStart(),this.consume()):"&"===char?(this.consume(),this.delegate.appendToData(this.consumeCharRef()||"&")):(this.consume(),this.delegate.appendToData(char))},tagOpen:function(){var char=this.consume();"!"===char?this.transitionTo("markupDeclarationOpen"):"/"===char?this.transitionTo("endTagOpen"):("@"===char||":"===char||isAlpha(char))&&(this.transitionTo("tagName"),this.tagNameBuffer="",this.delegate.beginStartTag(),this.appendToTagName(char))},markupDeclarationOpen:function(){"-"===this.consume()&&"-"===this.input.charAt(this.index)&&(this.consume(),this.transitionTo("commentStart"),this.delegate.beginComment())},commentStart:function(){var char=this.consume();"-"===char?this.transitionTo("commentStartDash"):">"===char?(this.delegate.finishComment(),this.transitionTo("beforeData")):(this.delegate.appendToCommentData(char),this.transitionTo("comment"))},commentStartDash:function(){var char=this.consume();"-"===char?this.transitionTo("commentEnd"):">"===char?(this.delegate.finishComment(),this.transitionTo("beforeData")):(this.delegate.appendToCommentData("-"),this.transitionTo("comment"))},comment:function(){var char=this.consume();"-"===char?this.transitionTo("commentEndDash"):this.delegate.appendToCommentData(char)},commentEndDash:function(){var char=this.consume();"-"===char?this.transitionTo("commentEnd"):(this.delegate.appendToCommentData("-"+char),this.transitionTo("comment"))},commentEnd:function(){var char=this.consume();">"===char?(this.delegate.finishComment(),this.transitionTo("beforeData")):(this.delegate.appendToCommentData("--"+char),this.transitionTo("comment"))},tagName:function(){var char=this.consume();isSpace(char)?this.transitionTo("beforeAttributeName"):"/"===char?this.transitionTo("selfClosingStartTag"):">"===char?(this.delegate.finishTag(),this.transitionTo("beforeData")):this.appendToTagName(char)},beforeAttributeName:function(){var char=this.peek();isSpace(char)?this.consume():"/"===char?(this.transitionTo("selfClosingStartTag"),this.consume()):">"===char?(this.consume(),this.delegate.finishTag(),this.transitionTo("beforeData")):"="===char?(this.delegate.reportSyntaxError("attribute name cannot start with equals sign"),this.transitionTo("attributeName"),this.delegate.beginAttribute(),this.consume(),this.delegate.appendToAttributeName(char)):(this.transitionTo("attributeName"),this.delegate.beginAttribute())},attributeName:function(){var char=this.peek();isSpace(char)?(this.transitionTo("afterAttributeName"),this.consume()):"/"===char?(this.delegate.beginAttributeValue(!1),this.delegate.finishAttributeValue(),this.consume(),this.transitionTo("selfClosingStartTag")):"="===char?(this.transitionTo("beforeAttributeValue"),this.consume()):">"===char?(this.delegate.beginAttributeValue(!1),this.delegate.finishAttributeValue(),this.consume(),this.delegate.finishTag(),this.transitionTo("beforeData")):'"'===char||"'"===char||"<"===char?(this.delegate.reportSyntaxError(char+" is not a valid character within attribute names"),this.consume(),this.delegate.appendToAttributeName(char)):(this.consume(),this.delegate.appendToAttributeName(char))},afterAttributeName:function(){var char=this.peek();isSpace(char)?this.consume():"/"===char?(this.delegate.beginAttributeValue(!1),this.delegate.finishAttributeValue(),this.consume(),this.transitionTo("selfClosingStartTag")):"="===char?(this.consume(),this.transitionTo("beforeAttributeValue")):">"===char?(this.delegate.beginAttributeValue(!1),this.delegate.finishAttributeValue(),this.consume(),this.delegate.finishTag(),this.transitionTo("beforeData")):(this.delegate.beginAttributeValue(!1),this.delegate.finishAttributeValue(),this.transitionTo("attributeName"),this.delegate.beginAttribute(),this.consume(),this.delegate.appendToAttributeName(char))},beforeAttributeValue:function(){var char=this.peek();isSpace(char)?this.consume():'"'===char?(this.transitionTo("attributeValueDoubleQuoted"),this.delegate.beginAttributeValue(!0),this.consume()):"'"===char?(this.transitionTo("attributeValueSingleQuoted"),this.delegate.beginAttributeValue(!0),this.consume()):">"===char?(this.delegate.beginAttributeValue(!1),this.delegate.finishAttributeValue(),this.consume(),this.delegate.finishTag(),this.transitionTo("beforeData")):(this.transitionTo("attributeValueUnquoted"),this.delegate.beginAttributeValue(!1),this.consume(),this.delegate.appendToAttributeValue(char))},attributeValueDoubleQuoted:function(){var char=this.consume();'"'===char?(this.delegate.finishAttributeValue(),this.transitionTo("afterAttributeValueQuoted")):"&"===char?this.delegate.appendToAttributeValue(this.consumeCharRef()||"&"):this.delegate.appendToAttributeValue(char)},attributeValueSingleQuoted:function(){var char=this.consume();"'"===char?(this.delegate.finishAttributeValue(),this.transitionTo("afterAttributeValueQuoted")):"&"===char?this.delegate.appendToAttributeValue(this.consumeCharRef()||"&"):this.delegate.appendToAttributeValue(char)},attributeValueUnquoted:function(){var char=this.peek();isSpace(char)?(this.delegate.finishAttributeValue(),this.consume(),this.transitionTo("beforeAttributeName")):"/"===char?(this.delegate.finishAttributeValue(),this.consume(),this.transitionTo("selfClosingStartTag")):"&"===char?(this.consume(),this.delegate.appendToAttributeValue(this.consumeCharRef()||"&")):">"===char?(this.delegate.finishAttributeValue(),this.consume(),this.delegate.finishTag(),this.transitionTo("beforeData")):(this.consume(),this.delegate.appendToAttributeValue(char))},afterAttributeValueQuoted:function(){var char=this.peek();isSpace(char)?(this.consume(),this.transitionTo("beforeAttributeName")):"/"===char?(this.consume(),this.transitionTo("selfClosingStartTag")):">"===char?(this.consume(),this.delegate.finishTag(),this.transitionTo("beforeData")):this.transitionTo("beforeAttributeName")},selfClosingStartTag:function(){">"===this.peek()?(this.consume(),this.delegate.markTagAsSelfClosing(),this.delegate.finishTag(),this.transitionTo("beforeData")):this.transitionTo("beforeAttributeName")},endTagOpen:function(){var char=this.consume();("@"===char||":"===char||isAlpha(char))&&(this.transitionTo("tagName"),this.tagNameBuffer="",this.delegate.beginEndTag(),this.appendToTagName(char))}},this.reset()}return EventedTokenizer.prototype.reset=function(){this.transitionTo("beforeData"),this.input="",this.index=0,this.line=1,this.column=0,this.delegate.reset()},EventedTokenizer.prototype.transitionTo=function(state){this.state=state},EventedTokenizer.prototype.tokenize=function(input){this.reset(),this.tokenizePart(input),this.tokenizeEOF()},EventedTokenizer.prototype.tokenizePart=function(input){for(this.input+=function preprocessInput(input){return input.replace(CRLF,"\n")}(input);this.index{"use strict";var u,b=Symbol.for("react.element"),c=Symbol.for("react.portal"),d=Symbol.for("react.fragment"),e=Symbol.for("react.strict_mode"),f=Symbol.for("react.profiler"),g=Symbol.for("react.provider"),h=Symbol.for("react.context"),k=Symbol.for("react.server_context"),l=Symbol.for("react.forward_ref"),m=Symbol.for("react.suspense"),n=Symbol.for("react.suspense_list"),p=Symbol.for("react.memo"),q=Symbol.for("react.lazy"),t=Symbol.for("react.offscreen");function v(a){if("object"==typeof a&&null!==a){var r=a.$$typeof;switch(r){case b:switch(a=a.type){case d:case f:case e:case m:case n:return a;default:switch(a=a&&a.$$typeof){case k:case h:case l:case q:case p:case g:return a;default:return r}}case c:return r}}}u=Symbol.for("react.module.reference"),exports.isValidElementType=function(a){return"string"==typeof a||"function"==typeof a||a===d||a===f||a===e||a===m||a===n||a===t||"object"==typeof a&&null!==a&&(a.$$typeof===q||a.$$typeof===p||a.$$typeof===g||a.$$typeof===h||a.$$typeof===l||a.$$typeof===u||void 0!==a.getModuleId)}},"./packages/blocks/node_modules/react-is/index.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";module.exports=__webpack_require__("./packages/blocks/node_modules/react-is/cjs/react-is.production.min.js")},"./packages/blocks/node_modules/uuid/dist/esm-browser/v4.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";var getRandomValues;__webpack_require__.d(__webpack_exports__,{Z:()=>esm_browser_v4});var rnds8=new Uint8Array(16);function rng(){if(!getRandomValues&&!(getRandomValues="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||"undefined"!=typeof msCrypto&&"function"==typeof msCrypto.getRandomValues&&msCrypto.getRandomValues.bind(msCrypto)))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return getRandomValues(rnds8)}const regex=/^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;const esm_browser_validate=function validate(uuid){return"string"==typeof uuid&®ex.test(uuid)};for(var byteToHex=[],i=0;i<256;++i)byteToHex.push((i+256).toString(16).substr(1));const esm_browser_stringify=function stringify(arr){var offset=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,uuid=(byteToHex[arr[offset+0]]+byteToHex[arr[offset+1]]+byteToHex[arr[offset+2]]+byteToHex[arr[offset+3]]+"-"+byteToHex[arr[offset+4]]+byteToHex[arr[offset+5]]+"-"+byteToHex[arr[offset+6]]+byteToHex[arr[offset+7]]+"-"+byteToHex[arr[offset+8]]+byteToHex[arr[offset+9]]+"-"+byteToHex[arr[offset+10]]+byteToHex[arr[offset+11]]+byteToHex[arr[offset+12]]+byteToHex[arr[offset+13]]+byteToHex[arr[offset+14]]+byteToHex[arr[offset+15]]).toLowerCase();if(!esm_browser_validate(uuid))throw TypeError("Stringified UUID is invalid");return uuid};const esm_browser_v4=function v4(options,buf,offset){var rnds=(options=options||{}).random||(options.rng||rng)();if(rnds[6]=15&rnds[6]|64,rnds[8]=63&rnds[8]|128,buf){offset=offset||0;for(var i=0;i<16;++i)buf[offset+i]=rnds[i];return buf}return esm_browser_stringify(rnds)}}}]);
\ No newline at end of file
diff --git a/1625.ec544153.iframe.bundle.js.LICENSE.txt b/1625.ec544153.iframe.bundle.js.LICENSE.txt
new file mode 100644
index 00000000000000..a092c3754ed409
--- /dev/null
+++ b/1625.ec544153.iframe.bundle.js.LICENSE.txt
@@ -0,0 +1,11 @@
+/*! showdown v 1.9.1 - 02-11-2019 */
+
+/**
+ * @license React
+ * react-is.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
diff --git a/1629.fb97762a.iframe.bundle.js b/1629.fb97762a.iframe.bundle.js
new file mode 100644
index 00000000000000..82a2632137b818
--- /dev/null
+++ b/1629.fb97762a.iframe.bundle.js
@@ -0,0 +1 @@
+"use strict";(globalThis.webpackChunkgutenberg=globalThis.webpackChunkgutenberg||[]).push([[1629],{"./packages/components/src/context/constants.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{_3:()=>CONNECTED_NAMESPACE,cT:()=>COMPONENT_NAMESPACE,rE:()=>CONNECT_STATIC_NAMESPACE});const COMPONENT_NAMESPACE="data-wp-component",CONNECTED_NAMESPACE="data-wp-c16t",CONNECT_STATIC_NAMESPACE="__contextSystemKey__"},"./packages/components/src/context/context-system-provider.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{G8:()=>ContextSystemProvider,eb:()=>useComponentsContext});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),deepmerge__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/deepmerge/dist/cjs.js"),deepmerge__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(deepmerge__WEBPACK_IMPORTED_MODULE_1__),fast_deep_equal_es6__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/fast-deep-equal/es6/index.js"),fast_deep_equal_es6__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(fast_deep_equal_es6__WEBPACK_IMPORTED_MODULE_2__),is_plain_object__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/is-plain-object/dist/is-plain-object.mjs"),_wordpress_warning__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/warning/build-module/index.js"),_utils__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/components/src/utils/hooks/use-update-effect.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");const ComponentsContext=(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)({}),useComponentsContext=()=>(0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(ComponentsContext);const BaseContextSystemProvider=({children,value})=>{const contextValue=function useContextSystemBridge({value}){const parentContext=useComponentsContext(),valueRef=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(value);return(0,_utils__WEBPACK_IMPORTED_MODULE_4__.Z)((()=>{fast_deep_equal_es6__WEBPACK_IMPORTED_MODULE_2___default()(valueRef.current,value)&&valueRef.current!==value&&"undefined"!=typeof SCRIPT_DEBUG&&!0===SCRIPT_DEBUG&&(0,_wordpress_warning__WEBPACK_IMPORTED_MODULE_5__.Z)(`Please memoize your context: ${JSON.stringify(value)}`)}),[value]),(0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)((()=>deepmerge__WEBPACK_IMPORTED_MODULE_1___default()(null!=parentContext?parentContext:{},null!=value?value:{},{isMergeableObject:is_plain_object__WEBPACK_IMPORTED_MODULE_6__.P})),[parentContext,value])}({value});return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(ComponentsContext.Provider,{value:contextValue,children})};BaseContextSystemProvider.displayName="BaseContextSystemProvider";const ContextSystemProvider=(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(BaseContextSystemProvider);BaseContextSystemProvider.__docgenInfo={description:"A Provider component that can modify props for connected components within\nthe Context system.\n\n@example\n```jsx\n\n \n \n```\n\n@template {Record} T\n@param {Object} options\n@param {import('react').ReactNode} options.children Children to render.\n@param {T} options.value Props to render into connected components.\n@return {JSX.Element} A Provider wrapped component.",methods:[],displayName:"BaseContextSystemProvider"}},"./packages/components/src/context/use-context-system.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{y:()=>useContextSystem});var build_module=__webpack_require__("./packages/warning/build-module/index.js"),context_system_provider=__webpack_require__("./packages/components/src/context/context-system-provider.js"),constants=__webpack_require__("./packages/components/src/context/constants.js");var get_styled_class_name_from_key=__webpack_require__("./packages/components/src/context/get-styled-class-name-from-key.ts"),use_cx=__webpack_require__("./packages/components/src/utils/hooks/use-cx.ts");function useContextSystem(props,namespace){const contextSystemProps=(0,context_system_provider.eb)();void 0===namespace&&"undefined"!=typeof SCRIPT_DEBUG&&!0===SCRIPT_DEBUG&&(0,build_module.Z)("useContextSystem: Please provide a namespace");const contextProps=contextSystemProps?.[namespace]||{},finalComponentProps={[constants._3]:!0,...(componentName=namespace,{[constants.cT]:componentName})};var componentName;const{_overrides:overrideProps,...otherContextProps}=contextProps,initialMergedProps=Object.entries(otherContextProps).length?Object.assign({},otherContextProps,props):props,classes=(0,use_cx.I)()((0,get_styled_class_name_from_key.l)(namespace),props.className),rendered="function"==typeof initialMergedProps.renderChildren?initialMergedProps.renderChildren(initialMergedProps):initialMergedProps.children;for(const key in initialMergedProps)finalComponentProps[key]=initialMergedProps[key];for(const key in overrideProps)finalComponentProps[key]=overrideProps[key];return void 0!==rendered&&(finalComponentProps.children=rendered),finalComponentProps.className=classes,finalComponentProps}},"./packages/components/src/utils/hooks/use-update-effect.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const __WEBPACK_DEFAULT_EXPORT__=function useUpdateEffect(effect,deps){const mounted=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)(!1);(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{if(mounted.current)return effect();mounted.current=!0}),deps)}},"./packages/icons/build-module/library/check.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/primitives/build-module/svg/index.js");const __WEBPACK_DEFAULT_EXPORT__=(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Wj,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.y$,{d:"M16.7 7.1l-6.3 8.5-3.3-2.5-.9 1.2 4.5 3.4L17.9 8z"}))},"./packages/components/src/context/context-connect.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{H:()=>hasConnectNamespace,Iq:()=>contextConnect,Kc:()=>contextConnectWithoutRef});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_wordpress_warning__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/warning/build-module/index.js"),_constants__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/src/context/constants.js"),_get_styled_class_name_from_key__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/components/src/context/get-styled-class-name-from-key.ts");function contextConnect(Component,namespace){return _contextConnect(Component,namespace,{forwardsRef:!0})}function contextConnectWithoutRef(Component,namespace){return _contextConnect(Component,namespace)}function _contextConnect(Component,namespace,options){const WrappedComponent=options?.forwardsRef?(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(Component):Component;void 0===namespace&&"undefined"!=typeof SCRIPT_DEBUG&&!0===SCRIPT_DEBUG&&(0,_wordpress_warning__WEBPACK_IMPORTED_MODULE_1__.Z)("contextConnect: Please provide a namespace");let mergedNamespace=WrappedComponent[_constants__WEBPACK_IMPORTED_MODULE_2__.rE]||[namespace];return Array.isArray(namespace)&&(mergedNamespace=[...mergedNamespace,...namespace]),"string"==typeof namespace&&(mergedNamespace=[...mergedNamespace,namespace]),Object.assign(WrappedComponent,{[_constants__WEBPACK_IMPORTED_MODULE_2__.rE]:[...new Set(mergedNamespace)],displayName:namespace,selector:`.${(0,_get_styled_class_name_from_key__WEBPACK_IMPORTED_MODULE_3__.l)(namespace)}`})}function getConnectNamespace(Component){if(!Component)return[];let namespaces=[];return Component[_constants__WEBPACK_IMPORTED_MODULE_2__.rE]&&(namespaces=Component[_constants__WEBPACK_IMPORTED_MODULE_2__.rE]),Component.type&&Component.type[_constants__WEBPACK_IMPORTED_MODULE_2__.rE]&&(namespaces=Component.type[_constants__WEBPACK_IMPORTED_MODULE_2__.rE]),namespaces}function hasConnectNamespace(Component,match){return!!Component&&("string"==typeof match?getConnectNamespace(Component).includes(match):!!Array.isArray(match)&&match.some((result=>getConnectNamespace(Component).includes(result))))}},"./packages/components/src/context/get-styled-class-name-from-key.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{l:()=>getStyledClassNameFromKey});var change_case__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/param-case/dist.es2015/index.js");const getStyledClassNameFromKey=(0,__webpack_require__("./node_modules/memize/dist/index.js").Z)((function getStyledClassName(namespace){return`components-${(0,change_case__WEBPACK_IMPORTED_MODULE_0__.o)(namespace)}`}))},"./packages/components/src/custom-select-control-v2/custom-select.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{T:()=>CustomSelectContext,Z:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/i18n/build-module/index.js"),_wordpress_icons__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/icons/build-module/icon/index.js"),_wordpress_icons__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./packages/icons/build-module/library/chevron-down.js"),___WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./packages/components/src/visually-hidden/component.tsx"),_styles__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/components/src/custom-select-control-v2/styles.ts"),_context__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/components/src/context/use-context-system.js"),_context__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./packages/components/src/context/context-connect.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");const CustomSelectContext=(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(void 0);function defaultRenderSelectedValue(value){return(Array.isArray(value)?0===value.length:null==value)?(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Select an item"):Array.isArray(value)?1===value.length?value[0]:(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.gB)((0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("%s items selected"),value.length):value}const UnconnectedCustomSelectButton=props=>{const{renderSelectedValue,size="default",store,...restProps}=(0,_context__WEBPACK_IMPORTED_MODULE_3__.y)(props,"CustomSelectControlButton"),{value:currentValue}=store.useState(),computedRenderSelectedValue=(0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)((()=>null!=renderSelectedValue?renderSelectedValue:defaultRenderSelectedValue),[renderSelectedValue]);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_styles__WEBPACK_IMPORTED_MODULE_4__.Ph,{...restProps,size,hasCustomRenderProp:!!renderSelectedValue,store,showOnKeyDown:!1,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{children:computedRenderSelectedValue(currentValue)}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_wordpress_icons__WEBPACK_IMPORTED_MODULE_5__.Z,{icon:_wordpress_icons__WEBPACK_IMPORTED_MODULE_6__.Z,size:18})]})};UnconnectedCustomSelectButton.displayName="UnconnectedCustomSelectButton";const CustomSelectButton=(0,_context__WEBPACK_IMPORTED_MODULE_7__.Kc)(UnconnectedCustomSelectButton,"CustomSelectControlButton");function _CustomSelect(props){const{children,hideLabelFromVision=!1,label,store,...restProps}=props;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment,{children:[hideLabelFromVision?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(___WEBPACK_IMPORTED_MODULE_8__.Z,{as:"label",children:label}):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_styles__WEBPACK_IMPORTED_MODULE_4__.n5,{store,children:label}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(CustomSelectButton,{...restProps,store}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_styles__WEBPACK_IMPORTED_MODULE_4__.vA,{gutter:12,store,sameWidth:!0,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(CustomSelectContext.Provider,{value:{store},children})})]})}const __WEBPACK_DEFAULT_EXPORT__=_CustomSelect;try{_CustomSelect.displayName="_CustomSelect",_CustomSelect.__docgenInfo={description:"",displayName:"_CustomSelect",props:{children:{defaultValue:null,description:"The child elements. This should be composed of `CustomSelectItem` components.",name:"children",required:!0,type:{name:"ReactNode"}},hideLabelFromVision:{defaultValue:{value:"false"},description:"Used to visually hide the label. It will always be visible to screen readers.",name:"hideLabelFromVision",required:!1,type:{name:"boolean"}},label:{defaultValue:null,description:"Accessible label for the control.",name:"label",required:!0,type:{name:"string"}},store:{defaultValue:null,description:"The store object returned by Ariakit's `useSelectStore` hook.",name:"store",required:!0,type:{name:"SelectStore"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/custom-select-control-v2/custom-select.tsx#_CustomSelect"]={docgenInfo:_CustomSelect.__docgenInfo,name:"_CustomSelect",path:"packages/components/src/custom-select-control-v2/custom-select.tsx#_CustomSelect"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/custom-select-control-v2/item.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{C:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_wordpress_icons__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/icons/build-module/icon/index.js"),_wordpress_icons__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/icons/build-module/library/check.js"),_styles__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/components/src/custom-select-control-v2/styles.ts"),_custom_select__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/src/custom-select-control-v2/custom-select.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");function CustomSelectItem({children,...props}){const customSelectContext=(0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_custom_select__WEBPACK_IMPORTED_MODULE_2__.T);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_styles__WEBPACK_IMPORTED_MODULE_3__.Ql,{store:customSelectContext?.store,...props,children:[null!=children?children:props.value,(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_styles__WEBPACK_IMPORTED_MODULE_3__.U6,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_wordpress_icons__WEBPACK_IMPORTED_MODULE_4__.Z,{icon:_wordpress_icons__WEBPACK_IMPORTED_MODULE_5__.Z})})]})}CustomSelectItem.displayName="CustomSelectItem",CustomSelectItem.displayName="CustomSelectControlV2.Item";const __WEBPACK_DEFAULT_EXPORT__=CustomSelectItem;try{CustomSelectItem.displayName="CustomSelectControlV2.Item",CustomSelectItem.__docgenInfo={description:"",displayName:"CustomSelectControlV2.Item",props:{value:{defaultValue:null,description:"The value of the select item. This will be used as the children if\nchildren are left `undefined`.",name:"value",required:!0,type:{name:"string"}},children:{defaultValue:null,description:"The children to display for each select item. The `value` will be\nused if left `undefined`.",name:"children",required:!1,type:{name:"ReactNode"}},disabled:{defaultValue:{value:"false"},description:"If true, the item will be disabled.\n\nYou will need to add your own styles (e.g. reduced opacity) to visually show that they are disabled.",name:"disabled",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/custom-select-control-v2/item.tsx#CustomSelectControlV2.Item"]={docgenInfo:CustomSelectControlV2.Item.__docgenInfo,name:"CustomSelectControlV2.Item",path:"packages/components/src/custom-select-control-v2/item.tsx#CustomSelectControlV2.Item"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/custom-select-control-v2/styles.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{F9:()=>WithHintWrapper,FY:()=>SelectedExperimentalHintItem,Ph:()=>Select,Ql:()=>SelectItem,U6:()=>SelectedItemCheck,cz:()=>ExperimentalHintItem,n5:()=>SelectLabel,vA:()=>SelectPopover});var _emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js"),_ariakit_react__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@ariakit/react-core/esm/select/select-label.js"),_ariakit_react__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@ariakit/react-core/esm/select/select.js"),_ariakit_react__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@ariakit/react-core/esm/select/select-popover.js"),_ariakit_react__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/@ariakit/react-core/esm/select/select-item.js"),_ariakit_react__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/@ariakit/react-core/esm/select/select-item-check.js"),_emotion_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@emotion/react/dist/emotion-react.browser.esm.js"),_utils__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/src/utils/colors-values.js"),_utils__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./packages/components/src/utils/config-values.js"),_utils_space__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/utils/space.ts");const ITEM_PADDING=(0,_utils_space__WEBPACK_IMPORTED_MODULE_1__.D)(2),WithHintWrapper=(0,_emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__.Z)("div",{target:"e1p3eej77"})({name:"iii8mv",styles:"display:flex;justify-content:space-between;flex:1"}),SelectedExperimentalHintItem=(0,_emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__.Z)("span",{target:"e1p3eej76"})("color:",_utils__WEBPACK_IMPORTED_MODULE_2__.D.theme.gray[600],";margin-inline-start:",(0,_utils_space__WEBPACK_IMPORTED_MODULE_1__.D)(2),";"),ExperimentalHintItem=(0,_emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__.Z)("span",{target:"e1p3eej75"})("color:",_utils__WEBPACK_IMPORTED_MODULE_2__.D.theme.gray[600],";text-align:right;margin-inline-end:",(0,_utils_space__WEBPACK_IMPORTED_MODULE_1__.D)(1),";"),SelectLabel=(0,_emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__.Z)(_ariakit_react__WEBPACK_IMPORTED_MODULE_3__.n,{target:"e1p3eej74"})("font-size:11px;font-weight:500;line-height:1.4;text-transform:uppercase;margin-bottom:",(0,_utils_space__WEBPACK_IMPORTED_MODULE_1__.D)(2),";"),Select=(0,_emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__.Z)(_ariakit_react__WEBPACK_IMPORTED_MODULE_4__.P,{shouldForwardProp:prop=>"hasCustomRenderProp"!==prop,target:"e1p3eej73"})((({size,hasCustomRenderProp})=>{const heightProperty=hasCustomRenderProp?"minHeight":"height";return(0,_emotion_react__WEBPACK_IMPORTED_MODULE_5__.iv)("display:flex;align-items:center;justify-content:space-between;background-color:",_utils__WEBPACK_IMPORTED_MODULE_2__.D.theme.background,";border:1px solid ",_utils__WEBPACK_IMPORTED_MODULE_2__.D.ui.border,";border-radius:2px;cursor:pointer;font-size:",_utils__WEBPACK_IMPORTED_MODULE_6__.Z.fontSize,";width:100%;&[data-focus-visible]{outline-style:solid;}&[aria-expanded='true']{outline:1.5px solid ",_utils__WEBPACK_IMPORTED_MODULE_2__.D.theme.accent,";}",(()=>{const sizes={compact:{[heightProperty]:32,paddingInlineStart:(0,_utils_space__WEBPACK_IMPORTED_MODULE_1__.D)(2),paddingInlineEnd:(0,_utils_space__WEBPACK_IMPORTED_MODULE_1__.D)(1)},default:{[heightProperty]:40,paddingInlineStart:(0,_utils_space__WEBPACK_IMPORTED_MODULE_1__.D)(4),paddingInlineEnd:(0,_utils_space__WEBPACK_IMPORTED_MODULE_1__.D)(3)},small:{[heightProperty]:24,paddingInlineStart:(0,_utils_space__WEBPACK_IMPORTED_MODULE_1__.D)(2),paddingInlineEnd:(0,_utils_space__WEBPACK_IMPORTED_MODULE_1__.D)(1),fontSize:11}};return sizes[size]||sizes.default})(),";","")}),""),SelectPopover=(0,_emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__.Z)(_ariakit_react__WEBPACK_IMPORTED_MODULE_7__.v,{target:"e1p3eej72"})("border-radius:2px;background:",_utils__WEBPACK_IMPORTED_MODULE_2__.D.theme.background,";border:1px solid ",_utils__WEBPACK_IMPORTED_MODULE_2__.D.theme.foreground,";"),SelectItem=(0,_emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__.Z)(_ariakit_react__WEBPACK_IMPORTED_MODULE_8__.Q,{target:"e1p3eej71"})("display:flex;align-items:center;justify-content:space-between;padding:",ITEM_PADDING,";font-size:",_utils__WEBPACK_IMPORTED_MODULE_6__.Z.fontSize,";line-height:2.15rem;&[data-active-item]{background-color:",_utils__WEBPACK_IMPORTED_MODULE_2__.D.theme.gray[300],";}"),SelectedItemCheck=(0,_emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__.Z)(_ariakit_react__WEBPACK_IMPORTED_MODULE_9__.v,{target:"e1p3eej70"})("display:flex;align-items:center;margin-inline-start:",ITEM_PADDING,";font-size:24px;")},"./packages/components/src/view/component.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js"),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");const PolymorphicDiv=(0,_emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__.Z)("div",{target:"e19lxcc00"})("");function UnforwardedView({as,...restProps},ref){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(PolymorphicDiv,{as,ref,...restProps})}UnforwardedView.displayName="UnforwardedView";const View=Object.assign((0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(UnforwardedView),{selector:".components-view"}),__WEBPACK_DEFAULT_EXPORT__=View;try{View.displayName="View",View.__docgenInfo={description:"`View` is a core component that renders everything in the library.\nIt is the principle component in the entire library.\n\n```jsx\nimport { View } from `@wordpress/components`;\n\nfunction Example() {\n\treturn (\n\t\t\n\t\t\t Code is Poetry\n\t\t \n\t);\n}\n```",displayName:"View",props:{as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/view/component.tsx#View"]={docgenInfo:View.__docgenInfo,name:"View",path:"packages/components/src/view/component.tsx#View"})}catch(__react_docgen_typescript_loader_error){}try{component.displayName="component",component.__docgenInfo={description:"`View` is a core component that renders everything in the library.\nIt is the principle component in the entire library.\n\n```jsx\nimport { View } from `@wordpress/components`;\n\nfunction Example() {\n\treturn (\n\t\t\n\t\t\t Code is Poetry\n\t\t \n\t);\n}\n```",displayName:"component",props:{as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/view/component.tsx#component"]={docgenInfo:component.__docgenInfo,name:"component",path:"packages/components/src/view/component.tsx#component"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/visually-hidden/component.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>visually_hidden_component});__webpack_require__("./node_modules/react/index.js");var use_context_system=__webpack_require__("./packages/components/src/context/use-context-system.js"),context_connect=__webpack_require__("./packages/components/src/context/context-connect.ts");const visuallyHidden={border:0,clip:"rect(1px, 1px, 1px, 1px)",WebkitClipPath:"inset( 50% )",clipPath:"inset( 50% )",height:"1px",margin:"-1px",overflow:"hidden",padding:0,position:"absolute",width:"1px",wordWrap:"normal"};var component=__webpack_require__("./packages/components/src/view/component.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function UnconnectedVisuallyHidden(props,forwardedRef){const{style:styleProp,...contextProps}=(0,use_context_system.y)(props,"VisuallyHidden");return(0,jsx_runtime.jsx)(component.Z,{ref:forwardedRef,...contextProps,style:{...visuallyHidden,...styleProp||{}}})}UnconnectedVisuallyHidden.displayName="UnconnectedVisuallyHidden";const VisuallyHidden=(0,context_connect.Iq)(UnconnectedVisuallyHidden,"VisuallyHidden"),visually_hidden_component=VisuallyHidden;try{VisuallyHidden.displayName="VisuallyHidden",VisuallyHidden.__docgenInfo={description:"`VisuallyHidden` is a component used to render text intended to be visually\nhidden, but will show for alternate devices, for example a screen reader.\n\n```jsx\nimport { VisuallyHidden } from `@wordpress/components`;\n\nfunction Example() {\n return (\n \n \n \n );\n}\n```",displayName:"VisuallyHidden",props:{children:{defaultValue:null,description:"The children elements.",name:"children",required:!0,type:{name:"ReactNode"}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:'"symbol" | "object" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | ... 516 more ... | ("view" & FunctionComponent<...>)'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/visually-hidden/component.tsx#VisuallyHidden"]={docgenInfo:VisuallyHidden.__docgenInfo,name:"VisuallyHidden",path:"packages/components/src/visually-hidden/component.tsx#VisuallyHidden"})}catch(__react_docgen_typescript_loader_error){}}}]);
\ No newline at end of file
diff --git a/166.84907714.iframe.bundle.js b/166.84907714.iframe.bundle.js
new file mode 100644
index 00000000000000..188502c1b3ad55
--- /dev/null
+++ b/166.84907714.iframe.bundle.js
@@ -0,0 +1 @@
+"use strict";(globalThis.webpackChunkgutenberg=globalThis.webpackChunkgutenberg||[]).push([[166],{"./packages/primitives/build-module/svg/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Cd:()=>Circle,G:()=>G,UL:()=>Rect,Wj:()=>SVG,x1:()=>Line,y$:()=>Path});var clsx__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/clsx/dist/clsx.mjs"),_wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const Circle=props=>(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("circle",props),G=props=>(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("g",props),Line=props=>(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("line",props),Path=props=>(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("path",props),Rect=props=>(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("rect",props),SVG=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.forwardRef)((({className,isPressed,...props},ref)=>{const appliedProps={...props,className:(0,clsx__WEBPACK_IMPORTED_MODULE_1__.Z)(className,{"is-pressed":isPressed})||void 0,"aria-hidden":!0,focusable:!1};return(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("svg",{...appliedProps,ref})}));SVG.displayName="SVG"},"./packages/components/src/flex/flex/component.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/react/index.js");var _context__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/components/src/context/context-connect.ts"),_hook__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/src/flex/flex/hook.ts"),_context__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/components/src/flex/context.ts"),_view__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/components/src/view/component.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");function UnconnectedFlex(props,forwardedRef){const{children,isColumn,...otherProps}=(0,_hook__WEBPACK_IMPORTED_MODULE_2__.k)(props);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_context__WEBPACK_IMPORTED_MODULE_3__.G.Provider,{value:{flexItemDisplay:isColumn?"block":void 0},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_view__WEBPACK_IMPORTED_MODULE_4__.Z,{...otherProps,ref:forwardedRef,children})})}UnconnectedFlex.displayName="UnconnectedFlex";const Flex=(0,_context__WEBPACK_IMPORTED_MODULE_5__.Iq)(UnconnectedFlex,"Flex"),__WEBPACK_DEFAULT_EXPORT__=Flex;try{Flex.displayName="Flex",Flex.__docgenInfo={description:"`Flex` is a primitive layout component that adaptively aligns child content\nhorizontally or vertically. `Flex` powers components like `HStack` and\n`VStack`.\n\n`Flex` is used with any of its two sub-components, `FlexItem` and\n`FlexBlock`.\n\n```jsx\nimport { Flex, FlexBlock, FlexItem } from '@wordpress/components';\n\nfunction Example() {\n return (\n \n \n Code
\n \n \n Poetry
\n \n \n );\n}\n```",displayName:"Flex",props:{align:{defaultValue:{value:"'center'"},description:"Aligns children using CSS Flexbox `align-items`. Vertically aligns\ncontent if the `direction` is `row`, or horizontally aligns content if\nthe `direction` is `column`.",name:"align",required:!1,type:{name:"AlignItems"}},direction:{defaultValue:{value:"'row'"},description:"The direction flow of the children content can be adjusted with\n`direction`. `column` will align children vertically and `row` will align\nchildren horizontally.",name:"direction",required:!1,type:{name:"FlexDirection"}},expanded:{defaultValue:{value:"true"},description:"Expands to the maximum available width (if horizontal) or height (if\nvertical).",name:"expanded",required:!1,type:{name:"boolean"}},gap:{defaultValue:{value:"2"},description:"Spacing in between each child can be adjusted by using `gap`.\n\nCan either be a number (which will act as a multiplier to the library's\ngrid system base of 4px), or a literal CSS value string.",name:"gap",required:!1,type:{name:"SpaceInput"}},justify:{defaultValue:{value:"'space-between'"},description:"Horizontally aligns content if the `direction` is `row`, or vertically\naligns content if the `direction` is `column`.",name:"justify",required:!1,type:{name:"JustifyContent"}},wrap:{defaultValue:{value:"false"},description:"Determines if children should wrap.",name:"wrap",required:!1,type:{name:"boolean"}},children:{defaultValue:null,description:"The children elements.",name:"children",required:!0,type:{name:"ReactNode"}},isReversed:{defaultValue:null,description:"@deprecated",name:"isReversed",required:!1,type:{name:"boolean"}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:'"symbol" | "object" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | ... 516 more ... | ("view" & FunctionComponent<...>)'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/flex/flex/component.tsx#Flex"]={docgenInfo:Flex.__docgenInfo,name:"Flex",path:"packages/components/src/flex/flex/component.tsx#Flex"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/input-control/input-base.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>input_base});var react=__webpack_require__("./node_modules/react/index.js"),use_instance_id=__webpack_require__("./packages/compose/build-module/hooks/use-instance-id/index.js"),input_control_styles=__webpack_require__("./packages/components/src/input-control/styles/input-control-styles.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Backdrop({disabled=!1,isBorderless=!1}){return(0,jsx_runtime.jsx)(input_control_styles.Kg,{"aria-hidden":"true",className:"components-input-control__backdrop",disabled,isBorderless})}Backdrop.displayName="Backdrop";const backdrop=(0,react.memo)(Backdrop);var component=__webpack_require__("./packages/components/src/visually-hidden/component.tsx");function Label({children,hideLabelFromVision,htmlFor,...props}){return children?hideLabelFromVision?(0,jsx_runtime.jsx)(component.Z,{as:"label",htmlFor,children}):(0,jsx_runtime.jsx)(input_control_styles.ub,{children:(0,jsx_runtime.jsx)(input_control_styles.__,{htmlFor,...props,children})}):null}Label.displayName="Label";try{label.displayName="label",label.__docgenInfo={description:"",displayName:"label",props:{hideLabelFromVision:{defaultValue:null,description:"",name:"hideLabelFromVision",required:!1,type:{name:"boolean"}},labelPosition:{defaultValue:null,description:"",name:"labelPosition",required:!1,type:{name:"enum",value:[{value:'"top"'},{value:'"bottom"'},{value:'"edge"'},{value:'"side"'}]}},size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"default"'},{value:'"compact"'},{value:'"__unstable-large"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/input-control/label.tsx#label"]={docgenInfo:label.__docgenInfo,name:"label",path:"packages/components/src/input-control/label.tsx#label"})}catch(__react_docgen_typescript_loader_error){}var use_context_system=__webpack_require__("./packages/components/src/context/use-context-system.js"),context_system_provider=__webpack_require__("./packages/components/src/context/context-system-provider.js"),context_connect=__webpack_require__("./packages/components/src/context/context-connect.ts"),use_deprecated_props=__webpack_require__("./packages/components/src/utils/use-deprecated-props.ts");function getUIFlexProps(labelPosition){const props={};switch(labelPosition){case"top":props.direction="column",props.expanded=!1,props.gap=0;break;case"bottom":props.direction="column-reverse",props.expanded=!1,props.gap=0;break;case"edge":props.justify="space-between"}return props}function InputBase(props,ref){const{__next40pxDefaultSize,__unstableInputWidth,children,className,disabled=!1,hideLabelFromVision=!1,labelPosition,id:idProp,isBorderless=!1,label,prefix,size="default",suffix,...restProps}=(0,use_deprecated_props.s)((0,use_context_system.y)(props,"InputBase")),id=function useUniqueId(idProp){const instanceId=(0,use_instance_id.Z)(InputBase);return idProp||`input-base-control-${instanceId}`}(idProp),hideLabel=hideLabelFromVision||!label,{paddingLeft,paddingRight}=(0,input_control_styles.j7)({inputSize:size,__next40pxDefaultSize}),prefixSuffixContextValue=(0,react.useMemo)((()=>({InputControlPrefixWrapper:{paddingLeft},InputControlSuffixWrapper:{paddingRight}})),[paddingLeft,paddingRight]);return(0,jsx_runtime.jsxs)(input_control_styles.fC,{...restProps,...getUIFlexProps(labelPosition),className,gap:2,ref,children:[(0,jsx_runtime.jsx)(Label,{className:"components-input-control__label",hideLabelFromVision,labelPosition,htmlFor:id,children:label}),(0,jsx_runtime.jsxs)(input_control_styles.W2,{__unstableInputWidth,className:"components-input-control__container",disabled,hideLabel,labelPosition,children:[(0,jsx_runtime.jsxs)(context_system_provider.G8,{value:prefixSuffixContextValue,children:[prefix&&(0,jsx_runtime.jsx)(input_control_styles.oT,{className:"components-input-control__prefix",children:prefix}),children,suffix&&(0,jsx_runtime.jsx)(input_control_styles.CM,{className:"components-input-control__suffix",children:suffix})]}),(0,jsx_runtime.jsx)(backdrop,{disabled,isBorderless})]})]})}InputBase.displayName="InputBase";const input_base=(0,context_connect.Iq)(InputBase,"InputBase");try{InputBase.displayName="InputBase",InputBase.__docgenInfo={description:"",displayName:"InputBase",props:{children:{defaultValue:null,description:"The children elements.",name:"children",required:!0,type:{name:"ReactNode"}},prefix:{defaultValue:null,description:"Renders an element on the left side of the input.\n\nBy default, the prefix is aligned with the edge of the input border, with no padding.\nIf you want to apply standard padding in accordance with the size variant, wrap the element in\nthe provided `` component.\n@example import {\n __experimentalInputControl as InputControl,\n __experimentalInputControlPrefixWrapper as InputControlPrefixWrapper,\n} from '@wordpress/components';\n\n@ }\n/>",name:"prefix",required:!1,type:{name:"ReactNode"}},suffix:{defaultValue:null,description:"Renders an element on the right side of the input.\n\nBy default, the suffix is aligned with the edge of the input border, with no padding.\nIf you want to apply standard padding in accordance with the size variant, wrap the element in\nthe provided `` component.\n@example import {\n __experimentalInputControl as InputControl,\n __experimentalInputControlSuffixWrapper as InputControlSuffixWrapper,\n} from '@wordpress/components';\n\n% }\n/>",name:"suffix",required:!1,type:{name:"ReactNode"}},disabled:{defaultValue:{value:"false"},description:"If true, the `input` will be disabled.",name:"disabled",required:!1,type:{name:"boolean"}},label:{defaultValue:null,description:"If this property is added, a label will be generated using label property as the content.",name:"label",required:!1,type:{name:"ReactNode"}},isBorderless:{defaultValue:{value:"false"},description:"Whether to hide the border when not focused.",name:"isBorderless",required:!1,type:{name:"boolean"}},__next36pxDefaultSize:{defaultValue:{value:"false"},description:"Deprecated. Use `__next40pxDefaultSize` instead.\n@deprecated",name:"__next36pxDefaultSize",required:!1,type:{name:"boolean"}},__next40pxDefaultSize:{defaultValue:{value:"false"},description:"Start opting into the larger default height that will become the default size in a future version.",name:"__next40pxDefaultSize",required:!1,type:{name:"boolean"}},__unstableInputWidth:{defaultValue:null,description:"",name:"__unstableInputWidth",required:!1,type:{name:"Width"}},hideLabelFromVision:{defaultValue:{value:"false"},description:"If true, the label will only be visible to screen readers.",name:"hideLabelFromVision",required:!1,type:{name:"boolean"}},labelPosition:{defaultValue:{value:"'top'"},description:"The position of the label.",name:"labelPosition",required:!1,type:{name:"enum",value:[{value:'"top"'},{value:'"bottom"'},{value:'"edge"'},{value:'"side"'}]}},size:{defaultValue:{value:"'default'"},description:"Adjusts the size of the input.",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"default"'},{value:'"compact"'},{value:'"__unstable-large"'}]}},align:{defaultValue:{value:"'center'"},description:"Aligns children using CSS Flexbox `align-items`. Vertically aligns\ncontent if the `direction` is `row`, or horizontally aligns content if\nthe `direction` is `column`.",name:"align",required:!1,type:{name:"AlignItems"}},direction:{defaultValue:{value:"'row'"},description:"The direction flow of the children content can be adjusted with\n`direction`. `column` will align children vertically and `row` will align\nchildren horizontally.",name:"direction",required:!1,type:{name:"FlexDirection"}},expanded:{defaultValue:{value:"true"},description:"Expands to the maximum available width (if horizontal) or height (if\nvertical).",name:"expanded",required:!1,type:{name:"boolean"}},gap:{defaultValue:{value:"2"},description:"Spacing in between each child can be adjusted by using `gap`.\n\nCan either be a number (which will act as a multiplier to the library's\ngrid system base of 4px), or a literal CSS value string.",name:"gap",required:!1,type:{name:"SpaceInput"}},justify:{defaultValue:{value:"'space-between'"},description:"Horizontally aligns content if the `direction` is `row`, or vertically\naligns content if the `direction` is `column`.",name:"justify",required:!1,type:{name:"JustifyContent"}},wrap:{defaultValue:{value:"false"},description:"Determines if children should wrap.",name:"wrap",required:!1,type:{name:"boolean"}},isReversed:{defaultValue:null,description:"@deprecated",name:"isReversed",required:!1,type:{name:"boolean"}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:"enum",value:[{value:'"symbol"'},{value:'"object"'},{value:'"a"'},{value:'"abbr"'},{value:'"address"'},{value:'"area"'},{value:'"article"'},{value:'"aside"'},{value:'"audio"'},{value:'"b"'},{value:'"base"'},{value:'"bdi"'},{value:'"bdo"'},{value:'"big"'},{value:'"blockquote"'},{value:'"body"'},{value:'"br"'},{value:'"button"'},{value:'"canvas"'},{value:'"caption"'},{value:'"center"'},{value:'"cite"'},{value:'"code"'},{value:'"col"'},{value:'"colgroup"'},{value:'"data"'},{value:'"datalist"'},{value:'"dd"'},{value:'"del"'},{value:'"details"'},{value:'"dfn"'},{value:'"dialog"'},{value:'"div"'},{value:'"dl"'},{value:'"dt"'},{value:'"em"'},{value:'"embed"'},{value:'"fieldset"'},{value:'"figcaption"'},{value:'"figure"'},{value:'"footer"'},{value:'"form"'},{value:'"h1"'},{value:'"h2"'},{value:'"h3"'},{value:'"h4"'},{value:'"h5"'},{value:'"h6"'},{value:'"head"'},{value:'"header"'},{value:'"hgroup"'},{value:'"hr"'},{value:'"html"'},{value:'"i"'},{value:'"iframe"'},{value:'"img"'},{value:'"input"'},{value:'"ins"'},{value:'"kbd"'},{value:'"keygen"'},{value:'"label"'},{value:'"legend"'},{value:'"li"'},{value:'"link"'},{value:'"main"'},{value:'"map"'},{value:'"mark"'},{value:'"menu"'},{value:'"menuitem"'},{value:'"meta"'},{value:'"meter"'},{value:'"nav"'},{value:'"noindex"'},{value:'"noscript"'},{value:'"ol"'},{value:'"optgroup"'},{value:'"option"'},{value:'"output"'},{value:'"p"'},{value:'"param"'},{value:'"picture"'},{value:'"pre"'},{value:'"progress"'},{value:'"q"'},{value:'"rp"'},{value:'"rt"'},{value:'"ruby"'},{value:'"s"'},{value:'"samp"'},{value:'"search"'},{value:'"slot"'},{value:'"script"'},{value:'"section"'},{value:'"select"'},{value:'"small"'},{value:'"source"'},{value:'"span"'},{value:'"strong"'},{value:'"style"'},{value:'"sub"'},{value:'"summary"'},{value:'"sup"'},{value:'"table"'},{value:'"template"'},{value:'"tbody"'},{value:'"td"'},{value:'"textarea"'},{value:'"tfoot"'},{value:'"th"'},{value:'"thead"'},{value:'"time"'},{value:'"title"'},{value:'"tr"'},{value:'"track"'},{value:'"u"'},{value:'"ul"'},{value:'"var"'},{value:'"video"'},{value:'"wbr"'},{value:'"webview"'},{value:'"svg"'},{value:'"animate"'},{value:'"animateMotion"'},{value:'"animateTransform"'},{value:'"circle"'},{value:'"clipPath"'},{value:'"defs"'},{value:'"desc"'},{value:'"ellipse"'},{value:'"feBlend"'},{value:'"feColorMatrix"'},{value:'"feComponentTransfer"'},{value:'"feComposite"'},{value:'"feConvolveMatrix"'},{value:'"feDiffuseLighting"'},{value:'"feDisplacementMap"'},{value:'"feDistantLight"'},{value:'"feDropShadow"'},{value:'"feFlood"'},{value:'"feFuncA"'},{value:'"feFuncB"'},{value:'"feFuncG"'},{value:'"feFuncR"'},{value:'"feGaussianBlur"'},{value:'"feImage"'},{value:'"feMerge"'},{value:'"feMergeNode"'},{value:'"feMorphology"'},{value:'"feOffset"'},{value:'"fePointLight"'},{value:'"feSpecularLighting"'},{value:'"feSpotLight"'},{value:'"feTile"'},{value:'"feTurbulence"'},{value:'"filter"'},{value:'"foreignObject"'},{value:'"g"'},{value:'"image"'},{value:'"line"'},{value:'"linearGradient"'},{value:'"marker"'},{value:'"mask"'},{value:'"metadata"'},{value:'"mpath"'},{value:'"path"'},{value:'"pattern"'},{value:'"polygon"'},{value:'"polyline"'},{value:'"radialGradient"'},{value:'"rect"'},{value:'"set"'},{value:'"stop"'},{value:'"switch"'},{value:'"text"'},{value:'"textPath"'},{value:'"tspan"'},{value:'"use"'},{value:'"view"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/input-control/input-base.tsx#InputBase"]={docgenInfo:InputBase.__docgenInfo,name:"InputBase",path:"packages/components/src/input-control/input-base.tsx#InputBase"})}catch(__react_docgen_typescript_loader_error){}try{inputbase.displayName="inputbase",inputbase.__docgenInfo={description:"",displayName:"inputbase",props:{children:{defaultValue:null,description:"The children elements.",name:"children",required:!0,type:{name:"ReactNode"}},prefix:{defaultValue:null,description:"Renders an element on the left side of the input.\n\nBy default, the prefix is aligned with the edge of the input border, with no padding.\nIf you want to apply standard padding in accordance with the size variant, wrap the element in\nthe provided `` component.\n@example import {\n __experimentalInputControl as InputControl,\n __experimentalInputControlPrefixWrapper as InputControlPrefixWrapper,\n} from '@wordpress/components';\n\n@ }\n/>",name:"prefix",required:!1,type:{name:"ReactNode"}},suffix:{defaultValue:null,description:"Renders an element on the right side of the input.\n\nBy default, the suffix is aligned with the edge of the input border, with no padding.\nIf you want to apply standard padding in accordance with the size variant, wrap the element in\nthe provided `` component.\n@example import {\n __experimentalInputControl as InputControl,\n __experimentalInputControlSuffixWrapper as InputControlSuffixWrapper,\n} from '@wordpress/components';\n\n% }\n/>",name:"suffix",required:!1,type:{name:"ReactNode"}},disabled:{defaultValue:{value:"false"},description:"If true, the `input` will be disabled.",name:"disabled",required:!1,type:{name:"boolean"}},label:{defaultValue:null,description:"If this property is added, a label will be generated using label property as the content.",name:"label",required:!1,type:{name:"ReactNode"}},isBorderless:{defaultValue:{value:"false"},description:"Whether to hide the border when not focused.",name:"isBorderless",required:!1,type:{name:"boolean"}},__next36pxDefaultSize:{defaultValue:{value:"false"},description:"Deprecated. Use `__next40pxDefaultSize` instead.\n@deprecated",name:"__next36pxDefaultSize",required:!1,type:{name:"boolean"}},__next40pxDefaultSize:{defaultValue:{value:"false"},description:"Start opting into the larger default height that will become the default size in a future version.",name:"__next40pxDefaultSize",required:!1,type:{name:"boolean"}},__unstableInputWidth:{defaultValue:null,description:"",name:"__unstableInputWidth",required:!1,type:{name:"Width"}},hideLabelFromVision:{defaultValue:{value:"false"},description:"If true, the label will only be visible to screen readers.",name:"hideLabelFromVision",required:!1,type:{name:"boolean"}},labelPosition:{defaultValue:{value:"'top'"},description:"The position of the label.",name:"labelPosition",required:!1,type:{name:"enum",value:[{value:'"top"'},{value:'"bottom"'},{value:'"edge"'},{value:'"side"'}]}},size:{defaultValue:{value:"'default'"},description:"Adjusts the size of the input.",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"default"'},{value:'"compact"'},{value:'"__unstable-large"'}]}},align:{defaultValue:{value:"'center'"},description:"Aligns children using CSS Flexbox `align-items`. Vertically aligns\ncontent if the `direction` is `row`, or horizontally aligns content if\nthe `direction` is `column`.",name:"align",required:!1,type:{name:"AlignItems"}},direction:{defaultValue:{value:"'row'"},description:"The direction flow of the children content can be adjusted with\n`direction`. `column` will align children vertically and `row` will align\nchildren horizontally.",name:"direction",required:!1,type:{name:"FlexDirection"}},expanded:{defaultValue:{value:"true"},description:"Expands to the maximum available width (if horizontal) or height (if\nvertical).",name:"expanded",required:!1,type:{name:"boolean"}},gap:{defaultValue:{value:"2"},description:"Spacing in between each child can be adjusted by using `gap`.\n\nCan either be a number (which will act as a multiplier to the library's\ngrid system base of 4px), or a literal CSS value string.",name:"gap",required:!1,type:{name:"SpaceInput"}},justify:{defaultValue:{value:"'space-between'"},description:"Horizontally aligns content if the `direction` is `row`, or vertically\naligns content if the `direction` is `column`.",name:"justify",required:!1,type:{name:"JustifyContent"}},wrap:{defaultValue:{value:"false"},description:"Determines if children should wrap.",name:"wrap",required:!1,type:{name:"boolean"}},isReversed:{defaultValue:null,description:"@deprecated",name:"isReversed",required:!1,type:{name:"boolean"}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:'"symbol" | "object" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | ... 516 more ... | ("view" & FunctionComponent<...>)'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/input-control/input-base.tsx#inputbase"]={docgenInfo:inputbase.__docgenInfo,name:"inputbase",path:"packages/components/src/input-control/input-base.tsx#inputbase"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/input-control/styles/input-control-styles.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{CM:()=>Suffix,II:()=>Input,Kg:()=>BackdropUI,NS:()=>fontSizeStyles,W2:()=>Container,__:()=>Label,fC:()=>Root,j7:()=>getSizeConfig,oT:()=>Prefix,ub:()=>LabelWrapper});var _emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js"),_emotion_react__WEBPACK_IMPORTED_MODULE_7__=(__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/@emotion/react/dist/emotion-react.browser.esm.js")),_flex__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/components/src/flex/flex/component.tsx"),_flex__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./packages/components/src/flex/flex-item/component.tsx"),_text__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./packages/components/src/text/component.tsx"),_utils__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/components/src/utils/colors-values.js"),_utils__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/components/src/utils/rtl.js"),_utils__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./packages/components/src/utils/config-values.js"),_utils__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./packages/components/src/utils/base-label.ts"),_utils_space__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./packages/components/src/utils/space.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");const Prefix=(0,_emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__.Z)("span",{target:"em5sgkm7"})({name:"pvvbxf",styles:"box-sizing:border-box;display:block"}),Suffix=(0,_emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__.Z)("span",{target:"em5sgkm6"})({name:"jgf79h",styles:"align-items:center;align-self:stretch;box-sizing:border-box;display:flex"}),backdropBorderColor=({disabled,isBorderless})=>isBorderless?"transparent":disabled?_utils__WEBPACK_IMPORTED_MODULE_3__.D.ui.borderDisabled:_utils__WEBPACK_IMPORTED_MODULE_3__.D.ui.border,BackdropUI=(0,_emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__.Z)("div",{target:"em5sgkm5"})("&&&{box-sizing:border-box;border-color:",backdropBorderColor,";border-radius:inherit;border-style:solid;border-width:1px;bottom:0;left:0;margin:0;padding:0;pointer-events:none;position:absolute;right:0;top:0;",(0,_utils__WEBPACK_IMPORTED_MODULE_4__.b)({paddingLeft:2}),";}"),Root=(0,_emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__.Z)(_flex__WEBPACK_IMPORTED_MODULE_5__.Z,{target:"em5sgkm4"})("box-sizing:border-box;position:relative;border-radius:2px;padding-top:0;&:focus-within:not( :has( :is( ",Prefix,", ",Suffix," ):focus-within ) ){z-index:1;",BackdropUI,"{border-color:",_utils__WEBPACK_IMPORTED_MODULE_3__.D.ui.borderFocus,";box-shadow:",_utils__WEBPACK_IMPORTED_MODULE_6__.Z.controlBoxShadowFocus,";outline:2px solid transparent;outline-offset:-2px;}}"),containerDisabledStyles=({disabled})=>{const backgroundColor=disabled?_utils__WEBPACK_IMPORTED_MODULE_3__.D.ui.backgroundDisabled:_utils__WEBPACK_IMPORTED_MODULE_3__.D.ui.background;return(0,_emotion_react__WEBPACK_IMPORTED_MODULE_7__.iv)({backgroundColor},"","")};var _ref={name:"1d3w5wq",styles:"width:100%"};const containerWidthStyles=({__unstableInputWidth,labelPosition})=>__unstableInputWidth?"side"===labelPosition?"":"edge"===labelPosition?(0,_emotion_react__WEBPACK_IMPORTED_MODULE_7__.iv)({flex:`0 0 ${__unstableInputWidth}`},"",""):(0,_emotion_react__WEBPACK_IMPORTED_MODULE_7__.iv)({width:__unstableInputWidth},"",""):_ref,Container=(0,_emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__.Z)("div",{target:"em5sgkm3"})("align-items:center;box-sizing:border-box;border-radius:inherit;display:flex;flex:1;position:relative;",containerDisabledStyles," ",containerWidthStyles,";"),disabledStyles=({disabled})=>disabled?(0,_emotion_react__WEBPACK_IMPORTED_MODULE_7__.iv)({color:_utils__WEBPACK_IMPORTED_MODULE_3__.D.ui.textDisabled},"",""):"",fontSizeStyles=({inputSize:size})=>{const sizes={default:"13px",small:"11px",compact:"13px","__unstable-large":"13px"},fontSize=sizes[size]||sizes.default;return fontSize?(0,_emotion_react__WEBPACK_IMPORTED_MODULE_7__.iv)("font-size:","16px",";@media ( min-width: 600px ){font-size:",fontSize,";}",""):""},getSizeConfig=({inputSize:size,__next40pxDefaultSize})=>{const sizes={default:{height:40,lineHeight:1,minHeight:40,paddingLeft:(0,_utils_space__WEBPACK_IMPORTED_MODULE_8__.D)(4),paddingRight:(0,_utils_space__WEBPACK_IMPORTED_MODULE_8__.D)(4)},small:{height:24,lineHeight:1,minHeight:24,paddingLeft:(0,_utils_space__WEBPACK_IMPORTED_MODULE_8__.D)(2),paddingRight:(0,_utils_space__WEBPACK_IMPORTED_MODULE_8__.D)(2)},compact:{height:32,lineHeight:1,minHeight:32,paddingLeft:(0,_utils_space__WEBPACK_IMPORTED_MODULE_8__.D)(2),paddingRight:(0,_utils_space__WEBPACK_IMPORTED_MODULE_8__.D)(2)},"__unstable-large":{height:40,lineHeight:1,minHeight:40,paddingLeft:(0,_utils_space__WEBPACK_IMPORTED_MODULE_8__.D)(4),paddingRight:(0,_utils_space__WEBPACK_IMPORTED_MODULE_8__.D)(4)}};return __next40pxDefaultSize||(sizes.default=sizes.compact),sizes[size]||sizes.default},sizeStyles=props=>(0,_emotion_react__WEBPACK_IMPORTED_MODULE_7__.iv)(getSizeConfig(props),"",""),customPaddings=({paddingInlineStart,paddingInlineEnd})=>(0,_emotion_react__WEBPACK_IMPORTED_MODULE_7__.iv)({paddingInlineStart,paddingInlineEnd},"",""),dragStyles=({isDragging,dragCursor})=>{let defaultArrowStyles,activeDragCursorStyles;return isDragging&&(defaultArrowStyles=(0,_emotion_react__WEBPACK_IMPORTED_MODULE_7__.iv)("cursor:",dragCursor,";user-select:none;&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0!important;}","")),isDragging&&dragCursor&&(activeDragCursorStyles=(0,_emotion_react__WEBPACK_IMPORTED_MODULE_7__.iv)("&:active{cursor:",dragCursor,";}","")),(0,_emotion_react__WEBPACK_IMPORTED_MODULE_7__.iv)(defaultArrowStyles," ",activeDragCursorStyles,";","")},Input=(0,_emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__.Z)("input",{target:"em5sgkm2"})("&&&{background-color:transparent;box-sizing:border-box;border:none;box-shadow:none!important;color:",_utils__WEBPACK_IMPORTED_MODULE_3__.D.theme.foreground,";display:block;font-family:inherit;margin:0;outline:none;width:100%;",dragStyles," ",disabledStyles," ",fontSizeStyles," ",sizeStyles," ",customPaddings," &::-webkit-input-placeholder{line-height:normal;}}"),BaseLabel=(0,_emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__.Z)(_text__WEBPACK_IMPORTED_MODULE_9__.Z,{target:"em5sgkm1"})("&&&{",_utils__WEBPACK_IMPORTED_MODULE_10__.S,";box-sizing:border-box;display:block;padding-top:0;padding-bottom:0;max-width:100%;z-index:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}"),Label=props=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(BaseLabel,{...props,as:"label"});Label.displayName="Label";const LabelWrapper=(0,_emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__.Z)(_flex__WEBPACK_IMPORTED_MODULE_11__.Z,{target:"em5sgkm0"})({name:"1b6uupn",styles:"max-width:calc( 100% - 10px )"});try{Prefix.displayName="Prefix",Prefix.__docgenInfo={description:"",displayName:"Prefix",props:{theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"Theme"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"ElementType"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/input-control/styles/input-control-styles.tsx#Prefix"]={docgenInfo:Prefix.__docgenInfo,name:"Prefix",path:"packages/components/src/input-control/styles/input-control-styles.tsx#Prefix"})}catch(__react_docgen_typescript_loader_error){}try{Suffix.displayName="Suffix",Suffix.__docgenInfo={description:"",displayName:"Suffix",props:{theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"Theme"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"ElementType"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/input-control/styles/input-control-styles.tsx#Suffix"]={docgenInfo:Suffix.__docgenInfo,name:"Suffix",path:"packages/components/src/input-control/styles/input-control-styles.tsx#Suffix"})}catch(__react_docgen_typescript_loader_error){}try{BackdropUI.displayName="BackdropUI",BackdropUI.__docgenInfo={description:"",displayName:"BackdropUI",props:{theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"Theme"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"ElementType"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},isBorderless:{defaultValue:null,description:"",name:"isBorderless",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/input-control/styles/input-control-styles.tsx#BackdropUI"]={docgenInfo:BackdropUI.__docgenInfo,name:"BackdropUI",path:"packages/components/src/input-control/styles/input-control-styles.tsx#BackdropUI"})}catch(__react_docgen_typescript_loader_error){}try{Root.displayName="Root",Root.__docgenInfo={description:"",displayName:"Root",props:{align:{defaultValue:{value:"'center'"},description:"Aligns children using CSS Flexbox `align-items`. Vertically aligns\ncontent if the `direction` is `row`, or horizontally aligns content if\nthe `direction` is `column`.",name:"align",required:!1,type:{name:"AlignItems"}},direction:{defaultValue:{value:"'row'"},description:"The direction flow of the children content can be adjusted with\n`direction`. `column` will align children vertically and `row` will align\nchildren horizontally.",name:"direction",required:!1,type:{name:"FlexDirection"}},expanded:{defaultValue:{value:"true"},description:"Expands to the maximum available width (if horizontal) or height (if\nvertical).",name:"expanded",required:!1,type:{name:"boolean"}},gap:{defaultValue:{value:"2"},description:"Spacing in between each child can be adjusted by using `gap`.\n\nCan either be a number (which will act as a multiplier to the library's\ngrid system base of 4px), or a literal CSS value string.",name:"gap",required:!1,type:{name:"SpaceInput"}},justify:{defaultValue:{value:"'space-between'"},description:"Horizontally aligns content if the `direction` is `row`, or vertically\naligns content if the `direction` is `column`.",name:"justify",required:!1,type:{name:"JustifyContent"}},wrap:{defaultValue:{value:"false"},description:"Determines if children should wrap.",name:"wrap",required:!1,type:{name:"boolean"}},children:{defaultValue:null,description:"The children elements.",name:"children",required:!0,type:{name:"ReactNode"}},isReversed:{defaultValue:null,description:"@deprecated",name:"isReversed",required:!1,type:{name:"boolean"}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:"enum",value:[{value:'"symbol"'},{value:'"object"'},{value:'"a"'},{value:'"abbr"'},{value:'"address"'},{value:'"area"'},{value:'"article"'},{value:'"aside"'},{value:'"audio"'},{value:'"b"'},{value:'"base"'},{value:'"bdi"'},{value:'"bdo"'},{value:'"big"'},{value:'"blockquote"'},{value:'"body"'},{value:'"br"'},{value:'"button"'},{value:'"canvas"'},{value:'"caption"'},{value:'"center"'},{value:'"cite"'},{value:'"code"'},{value:'"col"'},{value:'"colgroup"'},{value:'"data"'},{value:'"datalist"'},{value:'"dd"'},{value:'"del"'},{value:'"details"'},{value:'"dfn"'},{value:'"dialog"'},{value:'"div"'},{value:'"dl"'},{value:'"dt"'},{value:'"em"'},{value:'"embed"'},{value:'"fieldset"'},{value:'"figcaption"'},{value:'"figure"'},{value:'"footer"'},{value:'"form"'},{value:'"h1"'},{value:'"h2"'},{value:'"h3"'},{value:'"h4"'},{value:'"h5"'},{value:'"h6"'},{value:'"head"'},{value:'"header"'},{value:'"hgroup"'},{value:'"hr"'},{value:'"html"'},{value:'"i"'},{value:'"iframe"'},{value:'"img"'},{value:'"input"'},{value:'"ins"'},{value:'"kbd"'},{value:'"keygen"'},{value:'"label"'},{value:'"legend"'},{value:'"li"'},{value:'"link"'},{value:'"main"'},{value:'"map"'},{value:'"mark"'},{value:'"menu"'},{value:'"menuitem"'},{value:'"meta"'},{value:'"meter"'},{value:'"nav"'},{value:'"noindex"'},{value:'"noscript"'},{value:'"ol"'},{value:'"optgroup"'},{value:'"option"'},{value:'"output"'},{value:'"p"'},{value:'"param"'},{value:'"picture"'},{value:'"pre"'},{value:'"progress"'},{value:'"q"'},{value:'"rp"'},{value:'"rt"'},{value:'"ruby"'},{value:'"s"'},{value:'"samp"'},{value:'"search"'},{value:'"slot"'},{value:'"script"'},{value:'"section"'},{value:'"select"'},{value:'"small"'},{value:'"source"'},{value:'"span"'},{value:'"strong"'},{value:'"style"'},{value:'"sub"'},{value:'"summary"'},{value:'"sup"'},{value:'"table"'},{value:'"template"'},{value:'"tbody"'},{value:'"td"'},{value:'"textarea"'},{value:'"tfoot"'},{value:'"th"'},{value:'"thead"'},{value:'"time"'},{value:'"title"'},{value:'"tr"'},{value:'"track"'},{value:'"u"'},{value:'"ul"'},{value:'"var"'},{value:'"video"'},{value:'"wbr"'},{value:'"webview"'},{value:'"svg"'},{value:'"animate"'},{value:'"animateMotion"'},{value:'"animateTransform"'},{value:'"circle"'},{value:'"clipPath"'},{value:'"defs"'},{value:'"desc"'},{value:'"ellipse"'},{value:'"feBlend"'},{value:'"feColorMatrix"'},{value:'"feComponentTransfer"'},{value:'"feComposite"'},{value:'"feConvolveMatrix"'},{value:'"feDiffuseLighting"'},{value:'"feDisplacementMap"'},{value:'"feDistantLight"'},{value:'"feDropShadow"'},{value:'"feFlood"'},{value:'"feFuncA"'},{value:'"feFuncB"'},{value:'"feFuncG"'},{value:'"feFuncR"'},{value:'"feGaussianBlur"'},{value:'"feImage"'},{value:'"feMerge"'},{value:'"feMergeNode"'},{value:'"feMorphology"'},{value:'"feOffset"'},{value:'"fePointLight"'},{value:'"feSpecularLighting"'},{value:'"feSpotLight"'},{value:'"feTile"'},{value:'"feTurbulence"'},{value:'"filter"'},{value:'"foreignObject"'},{value:'"g"'},{value:'"image"'},{value:'"line"'},{value:'"linearGradient"'},{value:'"marker"'},{value:'"mask"'},{value:'"metadata"'},{value:'"mpath"'},{value:'"path"'},{value:'"pattern"'},{value:'"polygon"'},{value:'"polyline"'},{value:'"radialGradient"'},{value:'"rect"'},{value:'"set"'},{value:'"stop"'},{value:'"switch"'},{value:'"text"'},{value:'"textPath"'},{value:'"tspan"'},{value:'"use"'},{value:'"view"'}]}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"Theme"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/input-control/styles/input-control-styles.tsx#Root"]={docgenInfo:Root.__docgenInfo,name:"Root",path:"packages/components/src/input-control/styles/input-control-styles.tsx#Root"})}catch(__react_docgen_typescript_loader_error){}try{Container.displayName="Container",Container.__docgenInfo={description:"",displayName:"Container",props:{theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"Theme"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"ElementType"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},hideLabel:{defaultValue:null,description:"",name:"hideLabel",required:!1,type:{name:"boolean"}},__unstableInputWidth:{defaultValue:null,description:"",name:"__unstableInputWidth",required:!1,type:{name:"Width"}},labelPosition:{defaultValue:null,description:"",name:"labelPosition",required:!1,type:{name:"enum",value:[{value:'"top"'},{value:'"bottom"'},{value:'"edge"'},{value:'"side"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/input-control/styles/input-control-styles.tsx#Container"]={docgenInfo:Container.__docgenInfo,name:"Container",path:"packages/components/src/input-control/styles/input-control-styles.tsx#Container"})}catch(__react_docgen_typescript_loader_error){}try{fontSizeStyles.displayName="fontSizeStyles",fontSizeStyles.__docgenInfo={description:"",displayName:"fontSizeStyles",props:{__next40pxDefaultSize:{defaultValue:null,description:"",name:"__next40pxDefaultSize",required:!1,type:{name:"boolean"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},inputSize:{defaultValue:null,description:"",name:"inputSize",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"default"'},{value:'"compact"'},{value:'"__unstable-large"'}]}},isDragging:{defaultValue:null,description:"",name:"isDragging",required:!1,type:{name:"boolean"}},dragCursor:{defaultValue:null,description:"",name:"dragCursor",required:!1,type:{name:"Cursor"}},paddingInlineStart:{defaultValue:null,description:"",name:"paddingInlineStart",required:!1,type:{name:"PaddingInlineStart"}},paddingInlineEnd:{defaultValue:null,description:"",name:"paddingInlineEnd",required:!1,type:{name:"PaddingInlineEnd"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/input-control/styles/input-control-styles.tsx#fontSizeStyles"]={docgenInfo:fontSizeStyles.__docgenInfo,name:"fontSizeStyles",path:"packages/components/src/input-control/styles/input-control-styles.tsx#fontSizeStyles"})}catch(__react_docgen_typescript_loader_error){}try{getSizeConfig.displayName="getSizeConfig",getSizeConfig.__docgenInfo={description:"",displayName:"getSizeConfig",props:{__next40pxDefaultSize:{defaultValue:null,description:"",name:"__next40pxDefaultSize",required:!1,type:{name:"boolean"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},inputSize:{defaultValue:null,description:"",name:"inputSize",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"default"'},{value:'"compact"'},{value:'"__unstable-large"'}]}},isDragging:{defaultValue:null,description:"",name:"isDragging",required:!1,type:{name:"boolean"}},dragCursor:{defaultValue:null,description:"",name:"dragCursor",required:!1,type:{name:"Cursor"}},paddingInlineStart:{defaultValue:null,description:"",name:"paddingInlineStart",required:!1,type:{name:"PaddingInlineStart"}},paddingInlineEnd:{defaultValue:null,description:"",name:"paddingInlineEnd",required:!1,type:{name:"PaddingInlineEnd"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/input-control/styles/input-control-styles.tsx#getSizeConfig"]={docgenInfo:getSizeConfig.__docgenInfo,name:"getSizeConfig",path:"packages/components/src/input-control/styles/input-control-styles.tsx#getSizeConfig"})}catch(__react_docgen_typescript_loader_error){}try{Input.displayName="Input",Input.__docgenInfo={description:"",displayName:"Input",props:{theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"Theme"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"ElementType"}},__next40pxDefaultSize:{defaultValue:null,description:"",name:"__next40pxDefaultSize",required:!1,type:{name:"boolean"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},inputSize:{defaultValue:null,description:"",name:"inputSize",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"default"'},{value:'"compact"'},{value:'"__unstable-large"'}]}},isDragging:{defaultValue:null,description:"",name:"isDragging",required:!1,type:{name:"boolean"}},dragCursor:{defaultValue:null,description:"",name:"dragCursor",required:!1,type:{name:"Cursor"}},paddingInlineStart:{defaultValue:null,description:"",name:"paddingInlineStart",required:!1,type:{name:"PaddingInlineStart"}},paddingInlineEnd:{defaultValue:null,description:"",name:"paddingInlineEnd",required:!1,type:{name:"PaddingInlineEnd"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/input-control/styles/input-control-styles.tsx#Input"]={docgenInfo:Input.__docgenInfo,name:"Input",path:"packages/components/src/input-control/styles/input-control-styles.tsx#Input"})}catch(__react_docgen_typescript_loader_error){}try{Label.displayName="Label",Label.__docgenInfo={description:"",displayName:"Label",props:{labelPosition:{defaultValue:null,description:"",name:"labelPosition",required:!1,type:{name:"enum",value:[{value:'"top"'},{value:'"bottom"'},{value:'"edge"'},{value:'"side"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/input-control/styles/input-control-styles.tsx#Label"]={docgenInfo:Label.__docgenInfo,name:"Label",path:"packages/components/src/input-control/styles/input-control-styles.tsx#Label"})}catch(__react_docgen_typescript_loader_error){}try{LabelWrapper.displayName="LabelWrapper",LabelWrapper.__docgenInfo={description:"",displayName:"LabelWrapper",props:{display:{defaultValue:null,description:"The (CSS) display of the `FlexItem`.",name:"display",required:!1,type:{name:"Display"}},isBlock:{defaultValue:{value:"true"},description:"Determines if `FlexItem` should render as an adaptive full-width block.",name:"isBlock",required:!1,type:{name:"boolean"}},children:{defaultValue:null,description:"The children elements.",name:"children",required:!1,type:{name:"ReactNode"}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:"enum",value:[{value:'"symbol"'},{value:'"object"'},{value:'"a"'},{value:'"abbr"'},{value:'"address"'},{value:'"area"'},{value:'"article"'},{value:'"aside"'},{value:'"audio"'},{value:'"b"'},{value:'"base"'},{value:'"bdi"'},{value:'"bdo"'},{value:'"big"'},{value:'"blockquote"'},{value:'"body"'},{value:'"br"'},{value:'"button"'},{value:'"canvas"'},{value:'"caption"'},{value:'"center"'},{value:'"cite"'},{value:'"code"'},{value:'"col"'},{value:'"colgroup"'},{value:'"data"'},{value:'"datalist"'},{value:'"dd"'},{value:'"del"'},{value:'"details"'},{value:'"dfn"'},{value:'"dialog"'},{value:'"div"'},{value:'"dl"'},{value:'"dt"'},{value:'"em"'},{value:'"embed"'},{value:'"fieldset"'},{value:'"figcaption"'},{value:'"figure"'},{value:'"footer"'},{value:'"form"'},{value:'"h1"'},{value:'"h2"'},{value:'"h3"'},{value:'"h4"'},{value:'"h5"'},{value:'"h6"'},{value:'"head"'},{value:'"header"'},{value:'"hgroup"'},{value:'"hr"'},{value:'"html"'},{value:'"i"'},{value:'"iframe"'},{value:'"img"'},{value:'"input"'},{value:'"ins"'},{value:'"kbd"'},{value:'"keygen"'},{value:'"label"'},{value:'"legend"'},{value:'"li"'},{value:'"link"'},{value:'"main"'},{value:'"map"'},{value:'"mark"'},{value:'"menu"'},{value:'"menuitem"'},{value:'"meta"'},{value:'"meter"'},{value:'"nav"'},{value:'"noindex"'},{value:'"noscript"'},{value:'"ol"'},{value:'"optgroup"'},{value:'"option"'},{value:'"output"'},{value:'"p"'},{value:'"param"'},{value:'"picture"'},{value:'"pre"'},{value:'"progress"'},{value:'"q"'},{value:'"rp"'},{value:'"rt"'},{value:'"ruby"'},{value:'"s"'},{value:'"samp"'},{value:'"search"'},{value:'"slot"'},{value:'"script"'},{value:'"section"'},{value:'"select"'},{value:'"small"'},{value:'"source"'},{value:'"span"'},{value:'"strong"'},{value:'"style"'},{value:'"sub"'},{value:'"summary"'},{value:'"sup"'},{value:'"table"'},{value:'"template"'},{value:'"tbody"'},{value:'"td"'},{value:'"textarea"'},{value:'"tfoot"'},{value:'"th"'},{value:'"thead"'},{value:'"time"'},{value:'"title"'},{value:'"tr"'},{value:'"track"'},{value:'"u"'},{value:'"ul"'},{value:'"var"'},{value:'"video"'},{value:'"wbr"'},{value:'"webview"'},{value:'"svg"'},{value:'"animate"'},{value:'"animateMotion"'},{value:'"animateTransform"'},{value:'"circle"'},{value:'"clipPath"'},{value:'"defs"'},{value:'"desc"'},{value:'"ellipse"'},{value:'"feBlend"'},{value:'"feColorMatrix"'},{value:'"feComponentTransfer"'},{value:'"feComposite"'},{value:'"feConvolveMatrix"'},{value:'"feDiffuseLighting"'},{value:'"feDisplacementMap"'},{value:'"feDistantLight"'},{value:'"feDropShadow"'},{value:'"feFlood"'},{value:'"feFuncA"'},{value:'"feFuncB"'},{value:'"feFuncG"'},{value:'"feFuncR"'},{value:'"feGaussianBlur"'},{value:'"feImage"'},{value:'"feMerge"'},{value:'"feMergeNode"'},{value:'"feMorphology"'},{value:'"feOffset"'},{value:'"fePointLight"'},{value:'"feSpecularLighting"'},{value:'"feSpotLight"'},{value:'"feTile"'},{value:'"feTurbulence"'},{value:'"filter"'},{value:'"foreignObject"'},{value:'"g"'},{value:'"image"'},{value:'"line"'},{value:'"linearGradient"'},{value:'"marker"'},{value:'"mask"'},{value:'"metadata"'},{value:'"mpath"'},{value:'"path"'},{value:'"pattern"'},{value:'"polygon"'},{value:'"polyline"'},{value:'"radialGradient"'},{value:'"rect"'},{value:'"set"'},{value:'"stop"'},{value:'"switch"'},{value:'"text"'},{value:'"textPath"'},{value:'"tspan"'},{value:'"use"'},{value:'"view"'}]}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"Theme"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/input-control/styles/input-control-styles.tsx#LabelWrapper"]={docgenInfo:LabelWrapper.__docgenInfo,name:"LabelWrapper",path:"packages/components/src/input-control/styles/input-control-styles.tsx#LabelWrapper"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/text/component.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__,x:()=>Text});__webpack_require__("./node_modules/react/index.js");var _context__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/components/src/context/context-connect.ts"),_view__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/components/src/view/component.tsx"),_hook__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/src/text/hook.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");function UnconnectedText(props,forwardedRef){const textProps=(0,_hook__WEBPACK_IMPORTED_MODULE_2__.Z)(props);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_view__WEBPACK_IMPORTED_MODULE_3__.Z,{as:"span",...textProps,ref:forwardedRef})}UnconnectedText.displayName="UnconnectedText";const Text=(0,_context__WEBPACK_IMPORTED_MODULE_4__.Iq)(UnconnectedText,"Text"),__WEBPACK_DEFAULT_EXPORT__=Text;try{Text.displayName="Text",Text.__docgenInfo={description:"`Text` is a core component that renders text in the library, using the\nlibrary's typography system.\n\n`Text` can be used to render any text-content, like an HTML `p` or `span`.",displayName:"Text",props:{align:{defaultValue:null,description:"Adjusts the text alignment.",name:"align",required:!1,type:{name:"enum",value:[{value:'"center"'},{value:'"inherit"'},{value:'"end"'},{value:'"start"'},{value:'"initial"'},{value:'"left"'},{value:'"right"'},{value:'"justify"'},{value:'"-moz-initial"'},{value:'"revert"'},{value:'"revert-layer"'},{value:'"unset"'},{value:'"match-parent"'}]}},adjustLineHeightForInnerControls:{defaultValue:null,description:"Automatically calculate the appropriate line-height value for contents that render text and Control elements (e.g. `TextInput`).",name:"adjustLineHeightForInnerControls",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"large"'},{value:'"medium"'},{value:'"xSmall"'}]}},color:{defaultValue:null,description:"Adjusts the text color.",name:"color",required:!1,type:{name:"Color"}},display:{defaultValue:null,description:"Adjusts the CSS display.",name:"display",required:!1,type:{name:"Display"}},isDestructive:{defaultValue:{value:"false"},description:"Renders a destructive color.",name:"isDestructive",required:!1,type:{name:"boolean"}},highlightEscape:{defaultValue:{value:"false"},description:"Escape characters in `highlightWords` which are meaningful in regular expressions.",name:"highlightEscape",required:!1,type:{name:"boolean"}},highlightCaseSensitive:{defaultValue:{value:"false"},description:"Determines if `highlightWords` should be case sensitive.",name:"highlightCaseSensitive",required:!1,type:{name:"boolean"}},highlightSanitize:{defaultValue:null,description:"Array of search words. String search terms are automatically cast to RegExps unless `highlightEscape` is true.",name:"highlightSanitize",required:!1,type:{name:"(text: string) => string"}},isBlock:{defaultValue:{value:"false"},description:"Sets `Text` to have `display: block`. Note: text truncation only works\nwhen `isBlock` is `false`.",name:"isBlock",required:!1,type:{name:"boolean"}},lineHeight:{defaultValue:null,description:"Adjusts all text line-height based on the typography system.",name:"lineHeight",required:!1,type:{name:"LineHeight"}},optimizeReadabilityFor:{defaultValue:null,description:"The `Text` color can be adapted to a background color for optimal readability. `optimizeReadabilityFor` can accept CSS variables, in addition to standard CSS color values (e.g. Hex, RGB, HSL, etc...).",name:"optimizeReadabilityFor",required:!1,type:{name:"Color"}},size:{defaultValue:null,description:"Adjusts text size based on the typography system. `Text` can render a wide range of font sizes, which are automatically calculated and adapted to the typography system. The `size` value can be a system preset, a `number`, or a custom unit value (`string`) such as `30em`.",name:"size",required:!1,type:{name:"string | number | (string & {})"}},truncate:{defaultValue:{value:"false"},description:"Enables text truncation. When `truncate` is set, we are able to truncate the long text in a variety of ways. Note: text truncation won't work if the `isBlock` property is set to `true`",name:"truncate",required:!1,type:{name:"boolean"}},upperCase:{defaultValue:{value:"false"},description:"Uppercases the text content.",name:"upperCase",required:!1,type:{name:"boolean"}},variant:{defaultValue:null,description:"Adjusts style variation of the text.",name:"variant",required:!1,type:{name:'"muted"'}},weight:{defaultValue:{value:"'normal'"},description:"Adjusts font-weight of the text.",name:"weight",required:!1,type:{name:"FontWeight | TextWeight"}},letterSpacing:{defaultValue:null,description:"Adjusts letter-spacing of the text.",name:"letterSpacing",required:!1,type:{name:"LetterSpacing"}},highlightWords:{defaultValue:null,description:"Letters or words within `Text` can be highlighted using `highlightWords`.",name:"highlightWords",required:!1,type:{name:"string[]"}},ellipsis:{defaultValue:{value:"'…'"},description:"The ellipsis string when truncating the text by the `limit` prop's value.",name:"ellipsis",required:!1,type:{name:"string"}},ellipsizeMode:{defaultValue:{value:"'auto'"},description:"Determines where to truncate. For example, we can truncate text right in\nthe middle. To do this, we need to set `ellipsizeMode` to `middle` and a\ntext `limit`.\n\n* `auto`: Trims content at the end automatically without a `limit`.\n* `head`: Trims content at the beginning. Requires a `limit`.\n* `middle`: Trims content in the middle. Requires a `limit`.\n* `tail`: Trims content at the end. Requires a `limit`.",name:"ellipsizeMode",required:!1,type:{name:"enum",value:[{value:'"head"'},{value:'"none"'},{value:'"auto"'},{value:'"middle"'},{value:'"tail"'}]}},limit:{defaultValue:{value:"0"},description:"Determines the max number of characters to be displayed before the rest\nof the text gets truncated. Requires `ellipsizeMode` to assume values\ndifferent from `auto` and `none`.",name:"limit",required:!1,type:{name:"number"}},numberOfLines:{defaultValue:{value:"0"},description:"Clamps the text content to the specified `numberOfLines`, adding an\nellipsis at the end. Note: this feature ignores the value of the\n`ellipsis` prop and always displays the default `…` ellipsis.",name:"numberOfLines",required:!1,type:{name:"number"}},children:{defaultValue:null,description:"The children elements.\n\nNote: text truncation will be attempted only if the `children` are either\nof type `string` or `number`. In any other scenarios, the component will\nnot attempt to truncate the text, and will pass through the `children`.",name:"children",required:!0,type:{name:"ReactNode"}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:'"symbol" | "object" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | ... 516 more ... | ("view" & FunctionComponent<...>)'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/text/component.tsx#Text"]={docgenInfo:Text.__docgenInfo,name:"Text",path:"packages/components/src/text/component.tsx#Text"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/utils/use-deprecated-props.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function useDeprecated36pxDefaultSizeProp(props){const{__next36pxDefaultSize,__next40pxDefaultSize,...otherProps}=props;return{...otherProps,__next40pxDefaultSize:null!=__next40pxDefaultSize?__next40pxDefaultSize:__next36pxDefaultSize}}__webpack_require__.d(__webpack_exports__,{s:()=>useDeprecated36pxDefaultSizeProp})}}]);
\ No newline at end of file
diff --git a/1731.d6d68ed8.iframe.bundle.js b/1731.d6d68ed8.iframe.bundle.js
new file mode 100644
index 00000000000000..2438ec3ffa7450
--- /dev/null
+++ b/1731.d6d68ed8.iframe.bundle.js
@@ -0,0 +1 @@
+"use strict";(globalThis.webpackChunkgutenberg=globalThis.webpackChunkgutenberg||[]).push([[1731],{"./node_modules/@emotion/is-prop-valid/dist/is-prop-valid.browser.esm.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>is_prop_valid_browser_esm});var reactPropsRegex=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|inert|itemProp|itemScope|itemType|itemID|itemRef|on|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/;const is_prop_valid_browser_esm=function memoize(fn){var cache={};return function(arg){return void 0===cache[arg]&&(cache[arg]=fn(arg)),cache[arg]}}((function(prop){return reactPropsRegex.test(prop)||111===prop.charCodeAt(0)&&110===prop.charCodeAt(1)&&prop.charCodeAt(2)<91}))},"./packages/components/node_modules/framer-motion/dist/es/context/LayoutGroupContext.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{p:()=>LayoutGroupContext});const LayoutGroupContext=(0,__webpack_require__("./node_modules/react/index.js").createContext)({})},"./packages/components/node_modules/framer-motion/dist/es/context/MotionContext/index.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{v:()=>MotionContext});const MotionContext=(0,__webpack_require__("./node_modules/react/index.js").createContext)({})},"./packages/components/node_modules/framer-motion/dist/es/context/PresenceContext.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{O:()=>PresenceContext});const PresenceContext=(0,__webpack_require__("./node_modules/react/index.js").createContext)(null)},"./packages/components/node_modules/framer-motion/dist/es/frameloop/frame.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Pn:()=>cancelFrame,Wi:()=>frame_frame,frameData:()=>frameData,S6:()=>steps});var noop=__webpack_require__("./packages/components/node_modules/framer-motion/dist/es/utils/noop.mjs");const stepsOrder=["prepare","read","update","preRender","render","postRender"];const{schedule:frame_frame,cancel:cancelFrame,state:frameData,steps}=function createRenderBatcher(scheduleNextBatch,allowKeepAlive){let runNextFrame=!1,useDefaultElapsed=!0;const state={delta:0,timestamp:0,isProcessing:!1},steps=stepsOrder.reduce(((acc,key)=>(acc[key]=function createRenderStep(runNextFrame){let toRun=[],toRunNextFrame=[],numToRun=0,isProcessing=!1,flushNextFrame=!1;const toKeepAlive=new WeakSet,step={schedule:(callback,keepAlive=!1,immediate=!1)=>{const addToCurrentFrame=immediate&&isProcessing,buffer=addToCurrentFrame?toRun:toRunNextFrame;return keepAlive&&toKeepAlive.add(callback),-1===buffer.indexOf(callback)&&(buffer.push(callback),addToCurrentFrame&&isProcessing&&(numToRun=toRun.length)),callback},cancel:callback=>{const index=toRunNextFrame.indexOf(callback);-1!==index&&toRunNextFrame.splice(index,1),toKeepAlive.delete(callback)},process:frameData=>{if(isProcessing)flushNextFrame=!0;else{if(isProcessing=!0,[toRun,toRunNextFrame]=[toRunNextFrame,toRun],toRunNextFrame.length=0,numToRun=toRun.length,numToRun)for(let i=0;irunNextFrame=!0)),acc)),{}),processStep=stepId=>steps[stepId].process(state),processBatch=timestamp=>{runNextFrame=!1,state.delta=useDefaultElapsed?1e3/60:Math.max(Math.min(timestamp-state.timestamp,40),1),state.timestamp=timestamp,state.isProcessing=!0,stepsOrder.forEach(processStep),state.isProcessing=!1,runNextFrame&&allowKeepAlive&&(useDefaultElapsed=!1,scheduleNextBatch(processBatch))};return{schedule:stepsOrder.reduce(((acc,key)=>{const step=steps[key];return acc[key]=(process,keepAlive=!1,immediate=!1)=>(runNextFrame||(runNextFrame=!0,useDefaultElapsed=!0,state.isProcessing||scheduleNextBatch(processBatch)),step.schedule(process,keepAlive,immediate)),acc}),{}),cancel:process=>stepsOrder.forEach((key=>steps[key].cancel(process))),state,steps}}("undefined"!=typeof requestAnimationFrame?requestAnimationFrame:noop.Z,!0)},"./packages/components/node_modules/framer-motion/dist/es/render/dom/motion.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{E:()=>motion});var react=__webpack_require__("./node_modules/react/index.js");const MotionConfigContext=(0,react.createContext)({transformPagePoint:p=>p,isStatic:!1,reducedMotion:"never"});var MotionContext=__webpack_require__("./packages/components/node_modules/framer-motion/dist/es/context/MotionContext/index.mjs"),context_PresenceContext=__webpack_require__("./packages/components/node_modules/framer-motion/dist/es/context/PresenceContext.mjs"),use_isomorphic_effect=__webpack_require__("./packages/components/node_modules/framer-motion/dist/es/utils/use-isomorphic-effect.mjs");const LazyContext=(0,react.createContext)({strict:!1});function isRefObject(ref){return"object"==typeof ref&&Object.prototype.hasOwnProperty.call(ref,"current")}function isVariantLabel(v){return"string"==typeof v||Array.isArray(v)}function isAnimationControls(v){return"object"==typeof v&&"function"==typeof v.start}const variantPriorityOrder=["animate","whileInView","whileFocus","whileHover","whileTap","whileDrag","exit"],variantProps=["initial",...variantPriorityOrder];function isControllingVariants(props){return isAnimationControls(props.animate)||variantProps.some((name=>isVariantLabel(props[name])))}function isVariantNode(props){return Boolean(isControllingVariants(props)||props.variants)}function useCreateMotionContext(props){const{initial,animate}=function getCurrentTreeVariants(props,context){if(isControllingVariants(props)){const{initial,animate}=props;return{initial:!1===initial||isVariantLabel(initial)?initial:void 0,animate:isVariantLabel(animate)?animate:void 0}}return!1!==props.inherit?context:{}}(props,(0,react.useContext)(MotionContext.v));return(0,react.useMemo)((()=>({initial,animate})),[variantLabelsAsDependency(initial),variantLabelsAsDependency(animate)])}function variantLabelsAsDependency(prop){return Array.isArray(prop)?prop.join(" "):prop}const featureProps={animation:["animate","variants","whileHover","whileTap","exit","whileInView","whileFocus","whileDrag"],exit:["exit"],drag:["drag","dragControls"],focus:["whileFocus"],hover:["whileHover","onHoverStart","onHoverEnd"],tap:["whileTap","onTap","onTapStart","onTapCancel"],pan:["onPan","onPanStart","onPanSessionStart","onPanEnd"],inView:["whileInView","onViewportEnter","onViewportLeave"],layout:["layout","layoutId"]},featureDefinitions={};for(const key in featureProps)featureDefinitions[key]={isEnabled:props=>featureProps[key].some((name=>!!props[name]))};var is_browser=__webpack_require__("./packages/components/node_modules/framer-motion/dist/es/utils/is-browser.mjs"),LayoutGroupContext=__webpack_require__("./packages/components/node_modules/framer-motion/dist/es/context/LayoutGroupContext.mjs");const SwitchLayoutGroupContext=(0,react.createContext)({}),motionComponentSymbol=Symbol.for("motionComponentSymbol");function motion_createMotionComponent({preloadedFeatures,createVisualElement,useRender,useVisualState,Component}){preloadedFeatures&&function loadFeatures(features){for(const key in features)featureDefinitions[key]={...featureDefinitions[key],...features[key]}}(preloadedFeatures);const ForwardRefComponent=(0,react.forwardRef)((function MotionComponent(props,externalRef){let MeasureLayout;const configAndProps={...(0,react.useContext)(MotionConfigContext),...props,layoutId:useLayoutId(props)},{isStatic}=configAndProps,context=useCreateMotionContext(props),visualState=useVisualState(props,isStatic);if(!isStatic&&is_browser.j){context.visualElement=function useVisualElement(Component,visualState,props,createVisualElement){const{visualElement:parent}=(0,react.useContext)(MotionContext.v),lazyContext=(0,react.useContext)(LazyContext),presenceContext=(0,react.useContext)(context_PresenceContext.O),reducedMotionConfig=(0,react.useContext)(MotionConfigContext).reducedMotion,visualElementRef=(0,react.useRef)();createVisualElement=createVisualElement||lazyContext.renderer,!visualElementRef.current&&createVisualElement&&(visualElementRef.current=createVisualElement(Component,{visualState,parent,props,presenceContext,blockInitialAnimation:!!presenceContext&&!1===presenceContext.initial,reducedMotionConfig}));const visualElement=visualElementRef.current;return(0,react.useInsertionEffect)((()=>{visualElement&&visualElement.update(props,presenceContext)})),(0,use_isomorphic_effect.L)((()=>{visualElement&&visualElement.render()})),(0,react.useEffect)((()=>{visualElement&&visualElement.updateFeatures()})),(window.HandoffAppearAnimations?use_isomorphic_effect.L:react.useEffect)((()=>{visualElement&&visualElement.animationState&&visualElement.animationState.animateChanges()})),visualElement}(Component,visualState,configAndProps,createVisualElement);const initialLayoutGroupConfig=(0,react.useContext)(SwitchLayoutGroupContext),isStrict=(0,react.useContext)(LazyContext).strict;context.visualElement&&(MeasureLayout=context.visualElement.loadFeatures(configAndProps,isStrict,preloadedFeatures,initialLayoutGroupConfig))}return react.createElement(MotionContext.v.Provider,{value:context},MeasureLayout&&context.visualElement?react.createElement(MeasureLayout,{visualElement:context.visualElement,...configAndProps}):null,useRender(Component,props,function useMotionRef(visualState,visualElement,externalRef){return(0,react.useCallback)((instance=>{instance&&visualState.mount&&visualState.mount(instance),visualElement&&(instance?visualElement.mount(instance):visualElement.unmount()),externalRef&&("function"==typeof externalRef?externalRef(instance):isRefObject(externalRef)&&(externalRef.current=instance))}),[visualElement])}(visualState,context.visualElement,externalRef),visualState,isStatic,context.visualElement))}));return ForwardRefComponent[motionComponentSymbol]=Component,ForwardRefComponent}function useLayoutId({layoutId}){const layoutGroupId=(0,react.useContext)(LayoutGroupContext.p).id;return layoutGroupId&&void 0!==layoutId?layoutGroupId+"-"+layoutId:layoutId}function createMotionProxy(createConfig){function custom(Component,customMotionComponentConfig={}){return motion_createMotionComponent(createConfig(Component,customMotionComponentConfig))}if("undefined"==typeof Proxy)return custom;const componentCache=new Map;return new Proxy(custom,{get:(_target,key)=>(componentCache.has(key)||componentCache.set(key,custom(key)),componentCache.get(key))})}const lowercaseSVGElements=["animate","circle","defs","desc","ellipse","g","image","line","filter","marker","mask","metadata","path","pattern","polygon","polyline","rect","stop","switch","symbol","svg","text","tspan","use","view"];function isSVGComponent(Component){return"string"==typeof Component&&!Component.includes("-")&&!!(lowercaseSVGElements.indexOf(Component)>-1||/[A-Z]/.test(Component))}const scaleCorrectors={};const transformPropOrder=["transformPerspective","x","y","z","translateX","translateY","translateZ","scale","scaleX","scaleY","rotate","rotateX","rotateY","rotateZ","skew","skewX","skewY"],transformProps=new Set(transformPropOrder);function isForcedMotionValue(key,{layout,layoutId}){return transformProps.has(key)||key.startsWith("origin")||(layout||void 0!==layoutId)&&(!!scaleCorrectors[key]||"opacity"===key)}const isMotionValue=value=>Boolean(value&&value.getVelocity),translateAlias={x:"translateX",y:"translateY",z:"translateZ",transformPerspective:"perspective"},numTransforms=transformPropOrder.length;const checkStringStartsWith=token=>key=>"string"==typeof key&&key.startsWith(token),isCSSVariableName=checkStringStartsWith("--"),isCSSVariableToken=checkStringStartsWith("var(--"),getValueAsType=(value,type)=>type&&"number"==typeof value?type.transform(value):value,clamp=(min,max,v)=>Math.min(Math.max(v,min),max),number={test:v=>"number"==typeof v,parse:parseFloat,transform:v=>v},alpha={...number,transform:v=>clamp(0,1,v)},scale={...number,default:1},sanitize=v=>Math.round(1e5*v)/1e5,floatRegex=/(-)?([\d]*\.?[\d])+/g,colorRegex=/(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))/gi,singleColorRegex=/^(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))$/i;function isString(v){return"string"==typeof v}const createUnitType=unit=>({test:v=>isString(v)&&v.endsWith(unit)&&1===v.split(" ").length,parse:parseFloat,transform:v=>`${v}${unit}`}),degrees=createUnitType("deg"),percent=createUnitType("%"),px=createUnitType("px"),vh=createUnitType("vh"),vw=createUnitType("vw"),progressPercentage={...percent,parse:v=>percent.parse(v)/100,transform:v=>percent.transform(100*v)},type_int_int={...number,transform:Math.round},numberValueTypes={borderWidth:px,borderTopWidth:px,borderRightWidth:px,borderBottomWidth:px,borderLeftWidth:px,borderRadius:px,radius:px,borderTopLeftRadius:px,borderTopRightRadius:px,borderBottomRightRadius:px,borderBottomLeftRadius:px,width:px,maxWidth:px,height:px,maxHeight:px,size:px,top:px,right:px,bottom:px,left:px,padding:px,paddingTop:px,paddingRight:px,paddingBottom:px,paddingLeft:px,margin:px,marginTop:px,marginRight:px,marginBottom:px,marginLeft:px,rotate:degrees,rotateX:degrees,rotateY:degrees,rotateZ:degrees,scale,scaleX:scale,scaleY:scale,scaleZ:scale,skew:degrees,skewX:degrees,skewY:degrees,distance:px,translateX:px,translateY:px,translateZ:px,x:px,y:px,z:px,perspective:px,transformPerspective:px,opacity:alpha,originX:progressPercentage,originY:progressPercentage,originZ:px,zIndex:type_int_int,fillOpacity:alpha,strokeOpacity:alpha,numOctaves:type_int_int};function buildHTMLStyles(state,latestValues,options,transformTemplate){const{style,vars,transform,transformOrigin}=state;let hasTransform=!1,hasTransformOrigin=!1,transformIsNone=!0;for(const key in latestValues){const value=latestValues[key];if(isCSSVariableName(key)){vars[key]=value;continue}const valueType=numberValueTypes[key],valueAsType=getValueAsType(value,valueType);if(transformProps.has(key)){if(hasTransform=!0,transform[key]=valueAsType,!transformIsNone)continue;value!==(valueType.default||0)&&(transformIsNone=!1)}else key.startsWith("origin")?(hasTransformOrigin=!0,transformOrigin[key]=valueAsType):style[key]=valueAsType}if(latestValues.transform||(hasTransform||transformTemplate?style.transform=function buildTransform(transform,{enableHardwareAcceleration=!0,allowTransformNone=!0},transformIsDefault,transformTemplate){let transformString="";for(let i=0;i({style:{},transform:{},transformOrigin:{},vars:{}});function copyRawValuesOnly(target,source,props){for(const key in source)isMotionValue(source[key])||isForcedMotionValue(key,props)||(target[key]=source[key])}function useStyle(props,visualState,isStatic){const style={};return copyRawValuesOnly(style,props.style||{},props),Object.assign(style,function useInitialMotionValues({transformTemplate},visualState,isStatic){return(0,react.useMemo)((()=>{const state=createHtmlRenderState();return buildHTMLStyles(state,visualState,{enableHardwareAcceleration:!isStatic},transformTemplate),Object.assign({},state.vars,state.style)}),[visualState])}(props,visualState,isStatic)),props.transformValues?props.transformValues(style):style}function useHTMLProps(props,visualState,isStatic){const htmlProps={},style=useStyle(props,visualState,isStatic);return props.drag&&!1!==props.dragListener&&(htmlProps.draggable=!1,style.userSelect=style.WebkitUserSelect=style.WebkitTouchCallout="none",style.touchAction=!0===props.drag?"none":"pan-"+("x"===props.drag?"y":"x")),void 0===props.tabIndex&&(props.onTap||props.onTapStart||props.whileTap)&&(htmlProps.tabIndex=0),htmlProps.style=style,htmlProps}const validMotionProps=new Set(["animate","exit","variants","initial","style","values","variants","transition","transformTemplate","transformValues","custom","inherit","onLayoutAnimationStart","onLayoutAnimationComplete","onLayoutMeasure","onBeforeLayoutMeasure","onAnimationStart","onAnimationComplete","onUpdate","onDragStart","onDrag","onDragEnd","onMeasureDragConstraints","onDirectionLock","onDragTransitionEnd","_dragX","_dragY","onHoverStart","onHoverEnd","onViewportEnter","onViewportLeave","ignoreStrict","viewport"]);function isValidMotionProp(key){return key.startsWith("while")||key.startsWith("drag")&&"draggable"!==key||key.startsWith("layout")||key.startsWith("onTap")||key.startsWith("onPan")||validMotionProps.has(key)}let shouldForward=key=>!isValidMotionProp(key);try{!function loadExternalIsValidProp(isValidProp){isValidProp&&(shouldForward=key=>key.startsWith("on")?!isValidMotionProp(key):isValidProp(key))}(__webpack_require__("./node_modules/@emotion/is-prop-valid/dist/is-prop-valid.browser.esm.js").Z)}catch(_a){}function calcOrigin(origin,offset,size){return"string"==typeof origin?origin:px.transform(offset+size*origin)}const dashKeys={offset:"stroke-dashoffset",array:"stroke-dasharray"},camelKeys={offset:"strokeDashoffset",array:"strokeDasharray"};function buildSVGAttrs(state,{attrX,attrY,attrScale,originX,originY,pathLength,pathSpacing=1,pathOffset=0,...latest},options,isSVGTag,transformTemplate){if(buildHTMLStyles(state,latest,options,transformTemplate),isSVGTag)return void(state.style.viewBox&&(state.attrs.viewBox=state.style.viewBox));state.attrs=state.style,state.style={};const{attrs,style,dimensions}=state;attrs.transform&&(dimensions&&(style.transform=attrs.transform),delete attrs.transform),dimensions&&(void 0!==originX||void 0!==originY||style.transform)&&(style.transformOrigin=function calcSVGTransformOrigin(dimensions,originX,originY){return`${calcOrigin(originX,dimensions.x,dimensions.width)} ${calcOrigin(originY,dimensions.y,dimensions.height)}`}(dimensions,void 0!==originX?originX:.5,void 0!==originY?originY:.5)),void 0!==attrX&&(attrs.x=attrX),void 0!==attrY&&(attrs.y=attrY),void 0!==attrScale&&(attrs.scale=attrScale),void 0!==pathLength&&function buildSVGPath(attrs,length,spacing=1,offset=0,useDashCase=!0){attrs.pathLength=1;const keys=useDashCase?dashKeys:camelKeys;attrs[keys.offset]=px.transform(-offset);const pathLength=px.transform(length),pathSpacing=px.transform(spacing);attrs[keys.array]=`${pathLength} ${pathSpacing}`}(attrs,pathLength,pathSpacing,pathOffset,!1)}const createSvgRenderState=()=>({...createHtmlRenderState(),attrs:{}}),isSVGTag=tag=>"string"==typeof tag&&"svg"===tag.toLowerCase();function useSVGProps(props,visualState,_isStatic,Component){const visualProps=(0,react.useMemo)((()=>{const state=createSvgRenderState();return buildSVGAttrs(state,visualState,{enableHardwareAcceleration:!1},isSVGTag(Component),props.transformTemplate),{...state.attrs,style:{...state.style}}}),[visualState]);if(props.style){const rawStyles={};copyRawValuesOnly(rawStyles,props.style,props),visualProps.style={...rawStyles,...visualProps.style}}return visualProps}function createUseRender(forwardMotionProps=!1){return(Component,props,ref,{latestValues},isStatic)=>{const visualProps=(isSVGComponent(Component)?useSVGProps:useHTMLProps)(props,latestValues,isStatic,Component),filteredProps=function filterProps(props,isDom,forwardMotionProps){const filteredProps={};for(const key in props)"values"===key&&"object"==typeof props.values||(shouldForward(key)||!0===forwardMotionProps&&isValidMotionProp(key)||!isDom&&!isValidMotionProp(key)||props.draggable&&key.startsWith("onDrag"))&&(filteredProps[key]=props[key]);return filteredProps}(props,"string"==typeof Component,forwardMotionProps),elementProps={...filteredProps,...visualProps,ref},{children}=props,renderedChildren=(0,react.useMemo)((()=>isMotionValue(children)?children.get():children),[children]);return(0,react.createElement)(Component,{...elementProps,children:renderedChildren})}}const camelToDash=str=>str.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase();function renderHTML(element,{style,vars},styleProp,projection){Object.assign(element.style,style,projection&&projection.getProjectionStyles(styleProp));for(const key in vars)element.style.setProperty(key,vars[key])}const camelCaseAttributes=new Set(["baseFrequency","diffuseConstant","kernelMatrix","kernelUnitLength","keySplines","keyTimes","limitingConeAngle","markerHeight","markerWidth","numOctaves","targetX","targetY","surfaceScale","specularConstant","specularExponent","stdDeviation","tableValues","viewBox","gradientTransform","pathLength","startOffset","textLength","lengthAdjust"]);function renderSVG(element,renderState,_styleProp,projection){renderHTML(element,renderState,void 0,projection);for(const key in renderState.attrs)element.setAttribute(camelCaseAttributes.has(key)?key:camelToDash(key),renderState.attrs[key])}function scrapeMotionValuesFromProps(props,prevProps){const{style}=props,newValues={};for(const key in style)(isMotionValue(style[key])||prevProps.style&&isMotionValue(prevProps.style[key])||isForcedMotionValue(key,props))&&(newValues[key]=style[key]);return newValues}function scrape_motion_values_scrapeMotionValuesFromProps(props,prevProps){const newValues=scrapeMotionValuesFromProps(props,prevProps);for(const key in props)if(isMotionValue(props[key])||isMotionValue(prevProps[key])){newValues[-1!==transformPropOrder.indexOf(key)?"attr"+key.charAt(0).toUpperCase()+key.substring(1):key]=props[key]}return newValues}function resolveVariantFromProps(props,definition,custom,currentValues={},currentVelocity={}){return"function"==typeof definition&&(definition=definition(void 0!==custom?custom:props.custom,currentValues,currentVelocity)),"string"==typeof definition&&(definition=props.variants&&props.variants[definition]),"function"==typeof definition&&(definition=definition(void 0!==custom?custom:props.custom,currentValues,currentVelocity)),definition}var use_constant=__webpack_require__("./packages/components/node_modules/framer-motion/dist/es/utils/use-constant.mjs");const isKeyframesTarget=v=>Array.isArray(v),isCustomValue=v=>Boolean(v&&"object"==typeof v&&v.mix&&v.toValue),resolveFinalValueInKeyframes=v=>isKeyframesTarget(v)?v[v.length-1]||0:v;function resolveMotionValue(value){const unwrappedValue=isMotionValue(value)?value.get():value;return isCustomValue(unwrappedValue)?unwrappedValue.toValue():unwrappedValue}const makeUseVisualState=config=>(props,isStatic)=>{const context=(0,react.useContext)(MotionContext.v),presenceContext=(0,react.useContext)(context_PresenceContext.O),make=()=>function makeState({scrapeMotionValuesFromProps,createRenderState,onMount},props,context,presenceContext){const state={latestValues:makeLatestValues(props,context,presenceContext,scrapeMotionValuesFromProps),renderState:createRenderState()};return onMount&&(state.mount=instance=>onMount(props,instance,state)),state}(config,props,context,presenceContext);return isStatic?make():(0,use_constant.h)(make)};function makeLatestValues(props,context,presenceContext,scrapeMotionValues){const values={},motionValues=scrapeMotionValues(props,{});for(const key in motionValues)values[key]=resolveMotionValue(motionValues[key]);let{initial,animate}=props;const isControllingVariants$1=isControllingVariants(props),isVariantNode$1=isVariantNode(props);context&&isVariantNode$1&&!isControllingVariants$1&&!1!==props.inherit&&(void 0===initial&&(initial=context.initial),void 0===animate&&(animate=context.animate));let isInitialAnimationBlocked=!!presenceContext&&!1===presenceContext.initial;isInitialAnimationBlocked=isInitialAnimationBlocked||!1===initial;const variantToSet=isInitialAnimationBlocked?animate:initial;if(variantToSet&&"boolean"!=typeof variantToSet&&!isAnimationControls(variantToSet)){(Array.isArray(variantToSet)?variantToSet:[variantToSet]).forEach((definition=>{const resolved=resolveVariantFromProps(props,definition);if(!resolved)return;const{transitionEnd,transition,...target}=resolved;for(const key in target){let valueTarget=target[key];if(Array.isArray(valueTarget)){valueTarget=valueTarget[isInitialAnimationBlocked?valueTarget.length-1:0]}null!==valueTarget&&(values[key]=valueTarget)}for(const key in transitionEnd)values[key]=transitionEnd[key]}))}return values}const svgMotionConfig={useVisualState:makeUseVisualState({scrapeMotionValuesFromProps:scrape_motion_values_scrapeMotionValuesFromProps,createRenderState:createSvgRenderState,onMount:(props,instance,{renderState,latestValues})=>{try{renderState.dimensions="function"==typeof instance.getBBox?instance.getBBox():instance.getBoundingClientRect()}catch(e){renderState.dimensions={x:0,y:0,width:0,height:0}}buildSVGAttrs(renderState,latestValues,{enableHardwareAcceleration:!1},isSVGTag(instance.tagName),props.transformTemplate),renderSVG(instance,renderState)}})},htmlMotionConfig={useVisualState:makeUseVisualState({scrapeMotionValuesFromProps,createRenderState:createHtmlRenderState})};function addDomEvent(target,eventName,handler,options={passive:!0}){return target.addEventListener(eventName,handler,options),()=>target.removeEventListener(eventName,handler)}const isPrimaryPointer=event=>"mouse"===event.pointerType?"number"!=typeof event.button||event.button<=0:!1!==event.isPrimary;function extractEventInfo(event,pointType="page"){return{point:{x:event[pointType+"X"],y:event[pointType+"Y"]}}}const addPointerInfo=handler=>event=>isPrimaryPointer(event)&&handler(event,extractEventInfo(event));function addPointerEvent(target,eventName,handler,options){return addDomEvent(target,eventName,addPointerInfo(handler),options)}const combineFunctions=(a,b)=>v=>b(a(v)),pipe=(...transformers)=>transformers.reduce(combineFunctions);function createLock(name){let lock=null;return()=>{const openLock=()=>{lock=null};return null===lock&&(lock=name,openLock)}}const globalHorizontalLock=createLock("dragHorizontal"),globalVerticalLock=createLock("dragVertical");function getGlobalLock(drag){let lock=!1;if("y"===drag)lock=globalVerticalLock();else if("x"===drag)lock=globalHorizontalLock();else{const openHorizontal=globalHorizontalLock(),openVertical=globalVerticalLock();openHorizontal&&openVertical?lock=()=>{openHorizontal(),openVertical()}:(openHorizontal&&openHorizontal(),openVertical&&openVertical())}return lock}function isDragActive(){const openGestureLock=getGlobalLock(!0);return!openGestureLock||(openGestureLock(),!1)}class Feature{constructor(node){this.isMounted=!1,this.node=node}update(){}}var frameloop_frame=__webpack_require__("./packages/components/node_modules/framer-motion/dist/es/frameloop/frame.mjs");function addHoverEvent(node,isActive){const eventName="pointer"+(isActive?"enter":"leave"),callbackName="onHover"+(isActive?"Start":"End");return addPointerEvent(node.current,eventName,((event,info)=>{if("touch"===event.type||isDragActive())return;const props=node.getProps();node.animationState&&props.whileHover&&node.animationState.setActive("whileHover",isActive),props[callbackName]&&frameloop_frame.Wi.update((()=>props[callbackName](event,info)))}),{passive:!node.getProps()[callbackName]})}const isNodeOrChild=(parent,child)=>!!child&&(parent===child||isNodeOrChild(parent,child.parentElement));var noop=__webpack_require__("./packages/components/node_modules/framer-motion/dist/es/utils/noop.mjs");function fireSyntheticPointerEvent(name,handler){if(!handler)return;const syntheticPointerEvent=new PointerEvent("pointer"+name);handler(syntheticPointerEvent,extractEventInfo(syntheticPointerEvent))}const observerCallbacks=new WeakMap,observers=new WeakMap,fireObserverCallback=entry=>{const callback=observerCallbacks.get(entry.target);callback&&callback(entry)},fireAllObserverCallbacks=entries=>{entries.forEach(fireObserverCallback)};function observeIntersection(element,options,callback){const rootInteresectionObserver=function initIntersectionObserver({root,...options}){const lookupRoot=root||document;observers.has(lookupRoot)||observers.set(lookupRoot,{});const rootObservers=observers.get(lookupRoot),key=JSON.stringify(options);return rootObservers[key]||(rootObservers[key]=new IntersectionObserver(fireAllObserverCallbacks,{root,...options})),rootObservers[key]}(options);return observerCallbacks.set(element,callback),rootInteresectionObserver.observe(element),()=>{observerCallbacks.delete(element),rootInteresectionObserver.unobserve(element)}}const thresholdNames={some:0,all:1};const gestureAnimations={inView:{Feature:class InViewFeature extends Feature{constructor(){super(...arguments),this.hasEnteredView=!1,this.isInView=!1}startObserver(){this.unmount();const{viewport={}}=this.node.getProps(),{root,margin:rootMargin,amount="some",once}=viewport,options={root:root?root.current:void 0,rootMargin,threshold:"number"==typeof amount?amount:thresholdNames[amount]};return observeIntersection(this.node.current,options,(entry=>{const{isIntersecting}=entry;if(this.isInView===isIntersecting)return;if(this.isInView=isIntersecting,once&&!isIntersecting&&this.hasEnteredView)return;isIntersecting&&(this.hasEnteredView=!0),this.node.animationState&&this.node.animationState.setActive("whileInView",isIntersecting);const{onViewportEnter,onViewportLeave}=this.node.getProps(),callback=isIntersecting?onViewportEnter:onViewportLeave;callback&&callback(entry)}))}mount(){this.startObserver()}update(){if("undefined"==typeof IntersectionObserver)return;const{props,prevProps}=this.node;["amount","margin","root"].some(function hasViewportOptionChanged({viewport={}},{viewport:prevViewport={}}={}){return name=>viewport[name]!==prevViewport[name]}(props,prevProps))&&this.startObserver()}unmount(){}}},tap:{Feature:class PressGesture extends Feature{constructor(){super(...arguments),this.removeStartListeners=noop.Z,this.removeEndListeners=noop.Z,this.removeAccessibleListeners=noop.Z,this.startPointerPress=(startEvent,startInfo)=>{if(this.removeEndListeners(),this.isPressing)return;const props=this.node.getProps(),removePointerUpListener=addPointerEvent(window,"pointerup",((endEvent,endInfo)=>{if(!this.checkPressEnd())return;const{onTap,onTapCancel}=this.node.getProps();frameloop_frame.Wi.update((()=>{isNodeOrChild(this.node.current,endEvent.target)?onTap&&onTap(endEvent,endInfo):onTapCancel&&onTapCancel(endEvent,endInfo)}))}),{passive:!(props.onTap||props.onPointerUp)}),removePointerCancelListener=addPointerEvent(window,"pointercancel",((cancelEvent,cancelInfo)=>this.cancelPress(cancelEvent,cancelInfo)),{passive:!(props.onTapCancel||props.onPointerCancel)});this.removeEndListeners=pipe(removePointerUpListener,removePointerCancelListener),this.startPress(startEvent,startInfo)},this.startAccessiblePress=()=>{const removeKeydownListener=addDomEvent(this.node.current,"keydown",(keydownEvent=>{if("Enter"!==keydownEvent.key||this.isPressing)return;this.removeEndListeners(),this.removeEndListeners=addDomEvent(this.node.current,"keyup",(keyupEvent=>{"Enter"===keyupEvent.key&&this.checkPressEnd()&&fireSyntheticPointerEvent("up",((event,info)=>{const{onTap}=this.node.getProps();onTap&&frameloop_frame.Wi.update((()=>onTap(event,info)))}))})),fireSyntheticPointerEvent("down",((event,info)=>{this.startPress(event,info)}))})),removeBlurListener=addDomEvent(this.node.current,"blur",(()=>{this.isPressing&&fireSyntheticPointerEvent("cancel",((cancelEvent,cancelInfo)=>this.cancelPress(cancelEvent,cancelInfo)))}));this.removeAccessibleListeners=pipe(removeKeydownListener,removeBlurListener)}}startPress(event,info){this.isPressing=!0;const{onTapStart,whileTap}=this.node.getProps();whileTap&&this.node.animationState&&this.node.animationState.setActive("whileTap",!0),onTapStart&&frameloop_frame.Wi.update((()=>onTapStart(event,info)))}checkPressEnd(){this.removeEndListeners(),this.isPressing=!1;return this.node.getProps().whileTap&&this.node.animationState&&this.node.animationState.setActive("whileTap",!1),!isDragActive()}cancelPress(event,info){if(!this.checkPressEnd())return;const{onTapCancel}=this.node.getProps();onTapCancel&&frameloop_frame.Wi.update((()=>onTapCancel(event,info)))}mount(){const props=this.node.getProps(),removePointerListener=addPointerEvent(this.node.current,"pointerdown",this.startPointerPress,{passive:!(props.onTapStart||props.onPointerStart)}),removeFocusListener=addDomEvent(this.node.current,"focus",this.startAccessiblePress);this.removeStartListeners=pipe(removePointerListener,removeFocusListener)}unmount(){this.removeStartListeners(),this.removeEndListeners(),this.removeAccessibleListeners()}}},focus:{Feature:class FocusGesture extends Feature{constructor(){super(...arguments),this.isActive=!1}onFocus(){let isFocusVisible=!1;try{isFocusVisible=this.node.current.matches(":focus-visible")}catch(e){isFocusVisible=!0}isFocusVisible&&this.node.animationState&&(this.node.animationState.setActive("whileFocus",!0),this.isActive=!0)}onBlur(){this.isActive&&this.node.animationState&&(this.node.animationState.setActive("whileFocus",!1),this.isActive=!1)}mount(){this.unmount=pipe(addDomEvent(this.node.current,"focus",(()=>this.onFocus())),addDomEvent(this.node.current,"blur",(()=>this.onBlur())))}unmount(){}}},hover:{Feature:class HoverGesture extends Feature{mount(){this.unmount=pipe(addHoverEvent(this.node,!0),addHoverEvent(this.node,!1))}unmount(){}}}};function shallowCompare(next,prev){if(!Array.isArray(prev))return!1;const prevLength=prev.length;if(prevLength!==next.length)return!1;for(let i=0;icurrent[key]=value.get())),current}(visualElement),function getVelocity(visualElement){const velocity={};return visualElement.values.forEach(((value,key)=>velocity[key]=value.getVelocity())),velocity}(visualElement))}const optimizedAppearDataAttribute="data-"+camelToDash("framerAppearId");var errors=__webpack_require__("./packages/components/node_modules/framer-motion/dist/es/utils/errors.mjs");const secondsToMilliseconds=seconds=>1e3*seconds,millisecondsToSeconds=milliseconds=>milliseconds/1e3,instantAnimationState_current=!1,isBezierDefinition=easing=>Array.isArray(easing)&&"number"==typeof easing[0];function isWaapiSupportedEasing(easing){return Boolean(!easing||"string"==typeof easing&&supportedWaapiEasing[easing]||isBezierDefinition(easing)||Array.isArray(easing)&&easing.every(isWaapiSupportedEasing))}const cubicBezierAsString=([a,b,c,d])=>`cubic-bezier(${a}, ${b}, ${c}, ${d})`,supportedWaapiEasing={linear:"linear",ease:"ease",easeIn:"ease-in",easeOut:"ease-out",easeInOut:"ease-in-out",circIn:cubicBezierAsString([0,.65,.55,1]),circOut:cubicBezierAsString([.55,0,1,.45]),backIn:cubicBezierAsString([.31,.01,.66,-.59]),backOut:cubicBezierAsString([.33,1.53,.69,.99])};function mapEasingToNativeEasing(easing){if(easing)return isBezierDefinition(easing)?cubicBezierAsString(easing):Array.isArray(easing)?easing.map(mapEasingToNativeEasing):supportedWaapiEasing[easing]}const calcBezier=(t,a1,a2)=>(((1-3*a2+3*a1)*t+(3*a2-6*a1))*t+3*a1)*t,subdivisionPrecision=1e-7,subdivisionMaxIterations=12;function cubicBezier(mX1,mY1,mX2,mY2){if(mX1===mY1&&mX2===mY2)return noop.Z;const getTForX=aX=>function binarySubdivide(x,lowerBound,upperBound,mX1,mX2){let currentX,currentT,i=0;do{currentT=lowerBound+(upperBound-lowerBound)/2,currentX=calcBezier(currentT,mX1,mX2)-x,currentX>0?upperBound=currentT:lowerBound=currentT}while(Math.abs(currentX)>subdivisionPrecision&&++i0===t||1===t?t:calcBezier(getTForX(t),mY1,mY2)}const easeIn=cubicBezier(.42,0,1,1),easeOut=cubicBezier(0,0,.58,1),easeInOut=cubicBezier(.42,0,.58,1),isEasingArray=ease=>Array.isArray(ease)&&"number"!=typeof ease[0],mirrorEasing=easing=>p=>p<=.5?easing(2*p)/2:(2-easing(2*(1-p)))/2,reverseEasing=easing=>p=>1-easing(1-p),circIn=p=>1-Math.sin(Math.acos(p)),circOut=reverseEasing(circIn),circInOut=mirrorEasing(circOut),backOut=cubicBezier(.33,1.53,.69,.99),backIn=reverseEasing(backOut),backInOut=mirrorEasing(backIn),easingLookup={linear:noop.Z,easeIn,easeInOut,easeOut,circIn,circInOut,circOut,backIn,backInOut,backOut,anticipate:p=>(p*=2)<1?.5*backIn(p):.5*(2-Math.pow(2,-10*(p-1)))},easingDefinitionToFunction=definition=>{if(Array.isArray(definition)){(0,errors.k)(4===definition.length,"Cubic bezier arrays must contain four numerical values.");const[x1,y1,x2,y2]=definition;return cubicBezier(x1,y1,x2,y2)}return"string"==typeof definition?((0,errors.k)(void 0!==easingLookup[definition],`Invalid easing type '${definition}'`),easingLookup[definition]):definition},isColorString=(type,testProp)=>v=>Boolean(isString(v)&&singleColorRegex.test(v)&&v.startsWith(type)||testProp&&Object.prototype.hasOwnProperty.call(v,testProp)),splitColor=(aName,bName,cName)=>v=>{if(!isString(v))return v;const[a,b,c,alpha]=v.match(floatRegex);return{[aName]:parseFloat(a),[bName]:parseFloat(b),[cName]:parseFloat(c),alpha:void 0!==alpha?parseFloat(alpha):1}},rgbUnit={...number,transform:v=>Math.round((v=>clamp(0,255,v))(v))},rgba={test:isColorString("rgb","red"),parse:splitColor("red","green","blue"),transform:({red,green,blue,alpha:alpha$1=1})=>"rgba("+rgbUnit.transform(red)+", "+rgbUnit.transform(green)+", "+rgbUnit.transform(blue)+", "+sanitize(alpha.transform(alpha$1))+")"};const hex={test:isColorString("#"),parse:function parseHex(v){let r="",g="",b="",a="";return v.length>5?(r=v.substring(1,3),g=v.substring(3,5),b=v.substring(5,7),a=v.substring(7,9)):(r=v.substring(1,2),g=v.substring(2,3),b=v.substring(3,4),a=v.substring(4,5),r+=r,g+=g,b+=b,a+=a),{red:parseInt(r,16),green:parseInt(g,16),blue:parseInt(b,16),alpha:a?parseInt(a,16)/255:1}},transform:rgba.transform},hsla={test:isColorString("hsl","hue"),parse:splitColor("hue","saturation","lightness"),transform:({hue,saturation,lightness,alpha:alpha$1=1})=>"hsla("+Math.round(hue)+", "+percent.transform(sanitize(saturation))+", "+percent.transform(sanitize(lightness))+", "+sanitize(alpha.transform(alpha$1))+")"},color={test:v=>rgba.test(v)||hex.test(v)||hsla.test(v),parse:v=>rgba.test(v)?rgba.parse(v):hsla.test(v)?hsla.parse(v):hex.parse(v),transform:v=>isString(v)?v:v.hasOwnProperty("red")?rgba.transform(v):hsla.transform(v)},mix=(from,to,progress)=>-progress*from+progress*to+from;function hueToRgb(p,q,t){return t<0&&(t+=1),t>1&&(t-=1),t<1/6?p+6*(q-p)*t:t<.5?q:t<2/3?p+(q-p)*(2/3-t)*6:p}const mixLinearColor=(from,to,v)=>{const fromExpo=from*from;return Math.sqrt(Math.max(0,v*(to*to-fromExpo)+fromExpo))},colorTypes=[hex,rgba,hsla];function asRGBA(color){const type=(v=color,colorTypes.find((type=>type.test(v))));var v;(0,errors.k)(Boolean(type),`'${color}' is not an animatable color. Use the equivalent color code instead.`);let model=type.parse(color);return type===hsla&&(model=function hslaToRgba({hue,saturation,lightness,alpha}){hue/=360,lightness/=100;let red=0,green=0,blue=0;if(saturation/=100){const q=lightness<.5?lightness*(1+saturation):lightness+saturation-lightness*saturation,p=2*lightness-q;red=hueToRgb(p,q,hue+1/3),green=hueToRgb(p,q,hue),blue=hueToRgb(p,q,hue-1/3)}else red=green=blue=lightness;return{red:Math.round(255*red),green:Math.round(255*green),blue:Math.round(255*blue),alpha}}(model)),model}const mixColor=(from,to)=>{const fromRGBA=asRGBA(from),toRGBA=asRGBA(to),blended={...fromRGBA};return v=>(blended.red=mixLinearColor(fromRGBA.red,toRGBA.red,v),blended.green=mixLinearColor(fromRGBA.green,toRGBA.green,v),blended.blue=mixLinearColor(fromRGBA.blue,toRGBA.blue,v),blended.alpha=mix(fromRGBA.alpha,toRGBA.alpha,v),rgba.transform(blended))};const cssVarTokeniser={regex:/var\s*\(\s*--[\w-]+(\s*,\s*(?:(?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)+)?\s*\)/g,countKey:"Vars",token:"${v}",parse:noop.Z},colorTokeniser={regex:colorRegex,countKey:"Colors",token:"${c}",parse:color.parse},numberTokeniser={regex:floatRegex,countKey:"Numbers",token:"${n}",parse:number.parse};function tokenise(info,{regex,countKey,token,parse}){const matches=info.tokenised.match(regex);matches&&(info["num"+countKey]=matches.length,info.tokenised=info.tokenised.replace(regex,token),info.values.push(...matches.map(parse)))}function analyseComplexValue(value){const originalValue=value.toString(),info={value:originalValue,tokenised:originalValue,values:[],numVars:0,numColors:0,numNumbers:0};return info.value.includes("var(--")&&tokenise(info,cssVarTokeniser),tokenise(info,colorTokeniser),tokenise(info,numberTokeniser),info}function parseComplexValue(v){return analyseComplexValue(v).values}function createTransformer(source){const{values,numColors,numVars,tokenised}=analyseComplexValue(source),numValues=values.length;return v=>{let output=tokenised;for(let i=0;i"number"==typeof v?0:v;const complex={test:function test(v){var _a,_b;return isNaN(v)&&isString(v)&&((null===(_a=v.match(floatRegex))||void 0===_a?void 0:_a.length)||0)+((null===(_b=v.match(colorRegex))||void 0===_b?void 0:_b.length)||0)>0},parse:parseComplexValue,createTransformer,getAnimatableNone:function getAnimatableNone(v){const parsed=parseComplexValue(v);return createTransformer(v)(parsed.map(convertNumbersToZero))}},mixImmediate=(origin,target)=>p=>`${p>0?target:origin}`;function getMixer(origin,target){return"number"==typeof origin?v=>mix(origin,target,v):color.test(origin)?mixColor(origin,target):origin.startsWith("var(")?mixImmediate(origin,target):mixComplex(origin,target)}const mixArray=(from,to)=>{const output=[...from],numValues=output.length,blendValue=from.map(((fromThis,i)=>getMixer(fromThis,to[i])));return v=>{for(let i=0;i{const output={...origin,...target},blendValue={};for(const key in output)void 0!==origin[key]&&void 0!==target[key]&&(blendValue[key]=getMixer(origin[key],target[key]));return v=>{for(const key in blendValue)output[key]=blendValue[key](v);return output}},mixComplex=(origin,target)=>{const template=complex.createTransformer(target),originStats=analyseComplexValue(origin),targetStats=analyseComplexValue(target);return originStats.numVars===targetStats.numVars&&originStats.numColors===targetStats.numColors&&originStats.numNumbers>=targetStats.numNumbers?pipe(mixArray(originStats.values,targetStats.values),template):((0,errors.K)(!0,`Complex values '${origin}' and '${target}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`),mixImmediate(origin,target))},progress=(from,to,value)=>{const toFromDifference=to-from;return 0===toFromDifference?1:(value-from)/toFromDifference},mixNumber=(from,to)=>p=>mix(from,to,p);function createMixers(output,ease,customMixer){const mixers=[],mixerFactory=customMixer||function detectMixerFactory(v){return"number"==typeof v?mixNumber:"string"==typeof v?color.test(v)?mixColor:mixComplex:Array.isArray(v)?mixArray:"object"==typeof v?mixObject:mixNumber}(output[0]),numMixers=output.length-1;for(let i=0;ioutput[0];input[0]>input[inputLength-1]&&(input=[...input].reverse(),output=[...output].reverse());const mixers=createMixers(output,ease,mixer),numMixers=mixers.length,interpolator=v=>{let i=0;if(numMixers>1)for(;iinterpolator(clamp(input[0],input[inputLength-1],v)):interpolator}function defaultOffset(arr){const offset=[0];return function fillOffset(offset,remaining){const min=offset[offset.length-1];for(let i=1;i<=remaining;i++){const offsetProgress=progress(0,remaining,i);offset.push(mix(min,1,offsetProgress))}}(offset,arr.length-1),offset}function keyframes({duration=300,keyframes:keyframeValues,times,ease="easeInOut"}){const easingFunctions=isEasingArray(ease)?ease.map(easingDefinitionToFunction):easingDefinitionToFunction(ease),state={done:!1,value:keyframeValues[0]},absoluteTimes=function convertOffsetToTimes(offset,duration){return offset.map((o=>o*duration))}(times&×.length===keyframeValues.length?times:defaultOffset(keyframeValues),duration),mapTimeToKeyframe=interpolate(absoluteTimes,keyframeValues,{ease:Array.isArray(easingFunctions)?easingFunctions:(values=keyframeValues,easing=easingFunctions,values.map((()=>easing||easeInOut)).splice(0,values.length-1))});var values,easing;return{calculatedDuration:duration,next:t=>(state.value=mapTimeToKeyframe(t),state.done=t>=duration,state)}}function velocityPerSecond(velocity,frameDuration){return frameDuration?velocity*(1e3/frameDuration):0}const velocitySampleDuration=5;function calcGeneratorVelocity(resolveValue,t,current){const prevT=Math.max(t-velocitySampleDuration,0);return velocityPerSecond(current-resolveValue(prevT),t-prevT)}const safeMin=.001,minDuration=.01,maxDuration=10,minDamping=.05,maxDamping=1;function findSpring({duration=800,bounce=.25,velocity=0,mass=1}){let envelope,derivative;(0,errors.K)(duration<=secondsToMilliseconds(maxDuration),"Spring duration must be 10 seconds or less");let dampingRatio=1-bounce;dampingRatio=clamp(minDamping,maxDamping,dampingRatio),duration=clamp(minDuration,maxDuration,millisecondsToSeconds(duration)),dampingRatio<1?(envelope=undampedFreq=>{const exponentialDecay=undampedFreq*dampingRatio,delta=exponentialDecay*duration,a=exponentialDecay-velocity,b=calcAngularFreq(undampedFreq,dampingRatio),c=Math.exp(-delta);return safeMin-a/b*c},derivative=undampedFreq=>{const delta=undampedFreq*dampingRatio*duration,d=delta*velocity+velocity,e=Math.pow(dampingRatio,2)*Math.pow(undampedFreq,2)*duration,f=Math.exp(-delta),g=calcAngularFreq(Math.pow(undampedFreq,2),dampingRatio);return(-envelope(undampedFreq)+safeMin>0?-1:1)*((d-e)*f)/g}):(envelope=undampedFreq=>Math.exp(-undampedFreq*duration)*((undampedFreq-velocity)*duration+1)-safeMin,derivative=undampedFreq=>Math.exp(-undampedFreq*duration)*(duration*duration*(velocity-undampedFreq)));const undampedFreq=function approximateRoot(envelope,derivative,initialGuess){let result=initialGuess;for(let i=1;ivoid 0!==options[key]))}function spring({keyframes,restDelta,restSpeed,...options}){const origin=keyframes[0],target=keyframes[keyframes.length-1],state={done:!1,value:origin},{stiffness,damping,mass,velocity,duration,isResolvedFromDuration}=function getSpringOptions(options){let springOptions={velocity:0,stiffness:100,damping:10,mass:1,isResolvedFromDuration:!1,...options};if(!isSpringType(options,physicsKeys)&&isSpringType(options,durationKeys)){const derived=findSpring(options);springOptions={...springOptions,...derived,velocity:0,mass:1},springOptions.isResolvedFromDuration=!0}return springOptions}(options),initialVelocity=velocity?-millisecondsToSeconds(velocity):0,dampingRatio=damping/(2*Math.sqrt(stiffness*mass)),initialDelta=target-origin,undampedAngularFreq=millisecondsToSeconds(Math.sqrt(stiffness/mass)),isGranularScale=Math.abs(initialDelta)<5;let resolveSpring;if(restSpeed||(restSpeed=isGranularScale?.01:2),restDelta||(restDelta=isGranularScale?.005:.5),dampingRatio<1){const angularFreq=calcAngularFreq(undampedAngularFreq,dampingRatio);resolveSpring=t=>{const envelope=Math.exp(-dampingRatio*undampedAngularFreq*t);return target-envelope*((initialVelocity+dampingRatio*undampedAngularFreq*initialDelta)/angularFreq*Math.sin(angularFreq*t)+initialDelta*Math.cos(angularFreq*t))}}else if(1===dampingRatio)resolveSpring=t=>target-Math.exp(-undampedAngularFreq*t)*(initialDelta+(initialVelocity+undampedAngularFreq*initialDelta)*t);else{const dampedAngularFreq=undampedAngularFreq*Math.sqrt(dampingRatio*dampingRatio-1);resolveSpring=t=>{const envelope=Math.exp(-dampingRatio*undampedAngularFreq*t),freqForT=Math.min(dampedAngularFreq*t,300);return target-envelope*((initialVelocity+dampingRatio*undampedAngularFreq*initialDelta)*Math.sinh(freqForT)+dampedAngularFreq*initialDelta*Math.cosh(freqForT))/dampedAngularFreq}}return{calculatedDuration:isResolvedFromDuration&&duration||null,next:t=>{const current=resolveSpring(t);if(isResolvedFromDuration)state.done=t>=duration;else{let currentVelocity=initialVelocity;0!==t&&(currentVelocity=dampingRatio<1?calcGeneratorVelocity(resolveSpring,t,current):0);const isBelowVelocityThreshold=Math.abs(currentVelocity)<=restSpeed,isBelowDisplacementThreshold=Math.abs(target-current)<=restDelta;state.done=isBelowVelocityThreshold&&isBelowDisplacementThreshold}return state.value=state.done?target:current,state}}}function inertia({keyframes,velocity=0,power=.8,timeConstant=325,bounceDamping=10,bounceStiffness=500,modifyTarget,min,max,restDelta=.5,restSpeed}){const origin=keyframes[0],state={done:!1,value:origin},nearestBoundary=v=>void 0===min?max:void 0===max||Math.abs(min-v)-amplitude*Math.exp(-t/timeConstant),calcLatest=t=>target+calcDelta(t),applyFriction=t=>{const delta=calcDelta(t),latest=calcLatest(t);state.done=Math.abs(delta)<=restDelta,state.value=state.done?target:latest};let timeReachedBoundary,spring$1;const checkCatchBoundary=t=>{var v;(v=state.value,void 0!==min&&vmax)&&(timeReachedBoundary=t,spring$1=spring({keyframes:[state.value,nearestBoundary(state.value)],velocity:calcGeneratorVelocity(calcLatest,t,state.value),damping:bounceDamping,stiffness:bounceStiffness,restDelta,restSpeed}))};return checkCatchBoundary(0),{calculatedDuration:null,next:t=>{let hasUpdatedFrame=!1;return spring$1||void 0!==timeReachedBoundary||(hasUpdatedFrame=!0,applyFriction(t),checkCatchBoundary(t)),void 0!==timeReachedBoundary&&t>timeReachedBoundary?spring$1.next(t-timeReachedBoundary):(!hasUpdatedFrame&&applyFriction(t),state)}}}const frameloopDriver=update=>{const passTimestamp=({timestamp})=>update(timestamp);return{start:()=>frameloop_frame.Wi.update(passTimestamp,!0),stop:()=>(0,frameloop_frame.Pn)(passTimestamp),now:()=>frameloop_frame.frameData.isProcessing?frameloop_frame.frameData.timestamp:performance.now()}},maxGeneratorDuration=2e4;function calcGeneratorDuration(generator){let duration=0;let state=generator.next(duration);for(;!state.done&&duration=maxGeneratorDuration?1/0:duration}const types={decay:inertia,inertia,tween:keyframes,keyframes,spring};function animateValue({autoplay=!0,delay=0,driver=frameloopDriver,keyframes:keyframes$1,type="keyframes",repeat=0,repeatDelay=0,repeatType="loop",onPlay,onStop,onComplete,onUpdate,...options}){let resolveFinishedPromise,currentFinishedPromise,speed=1,hasStopped=!1;const updateFinishedPromise=()=>{currentFinishedPromise=new Promise((resolve=>{resolveFinishedPromise=resolve}))};let animationDriver;updateFinishedPromise();const generatorFactory=types[type]||keyframes;let mapNumbersToKeyframes;generatorFactory!==keyframes&&"number"!=typeof keyframes$1[0]&&(mapNumbersToKeyframes=interpolate([0,100],keyframes$1,{clamp:!1}),keyframes$1=[0,100]);const generator=generatorFactory({...options,keyframes:keyframes$1});let mirroredGenerator;"mirror"===repeatType&&(mirroredGenerator=generatorFactory({...options,keyframes:[...keyframes$1].reverse(),velocity:-(options.velocity||0)}));let playState="idle",holdTime=null,startTime=null,cancelTime=null;null===generator.calculatedDuration&&repeat&&(generator.calculatedDuration=calcGeneratorDuration(generator));const{calculatedDuration}=generator;let resolvedDuration=1/0,totalDuration=1/0;null!==calculatedDuration&&(resolvedDuration=calculatedDuration+repeatDelay,totalDuration=resolvedDuration*(repeat+1)-repeatDelay);let currentTime=0;const tick=timestamp=>{if(null===startTime)return;speed>0&&(startTime=Math.min(startTime,timestamp)),speed<0&&(startTime=Math.min(timestamp-totalDuration/speed,startTime)),currentTime=null!==holdTime?holdTime:Math.round(timestamp-startTime)*speed;const timeWithoutDelay=currentTime-delay*(speed>=0?1:-1),isInDelayPhase=speed>=0?timeWithoutDelay<0:timeWithoutDelay>totalDuration;currentTime=Math.max(timeWithoutDelay,0),"finished"===playState&&null===holdTime&&(currentTime=totalDuration);let elapsed=currentTime,frameGenerator=generator;if(repeat){const progress=currentTime/resolvedDuration;let currentIteration=Math.floor(progress),iterationProgress=progress%1;!iterationProgress&&progress>=1&&(iterationProgress=1),1===iterationProgress&¤tIteration--,currentIteration=Math.min(currentIteration,repeat+1);const iterationIsOdd=Boolean(currentIteration%2);iterationIsOdd&&("reverse"===repeatType?(iterationProgress=1-iterationProgress,repeatDelay&&(iterationProgress-=repeatDelay/resolvedDuration)):"mirror"===repeatType&&(frameGenerator=mirroredGenerator));let p=clamp(0,1,iterationProgress);currentTime>totalDuration&&(p="reverse"===repeatType&&iterationIsOdd?1:0),elapsed=p*resolvedDuration}const state=isInDelayPhase?{done:!1,value:keyframes$1[0]}:frameGenerator.next(elapsed);mapNumbersToKeyframes&&(state.value=mapNumbersToKeyframes(state.value));let{done}=state;isInDelayPhase||null===calculatedDuration||(done=speed>=0?currentTime>=totalDuration:currentTime<=0);const isAnimationFinished=null===holdTime&&("finished"===playState||"running"===playState&&done);return onUpdate&&onUpdate(state.value),isAnimationFinished&&finish(),state},stopAnimationDriver=()=>{animationDriver&&animationDriver.stop(),animationDriver=void 0},cancel=()=>{playState="idle",stopAnimationDriver(),resolveFinishedPromise(),updateFinishedPromise(),startTime=cancelTime=null},finish=()=>{playState="finished",onComplete&&onComplete(),stopAnimationDriver(),resolveFinishedPromise()},play=()=>{if(hasStopped)return;animationDriver||(animationDriver=driver(tick));const now=animationDriver.now();onPlay&&onPlay(),null!==holdTime?startTime=now-holdTime:startTime&&"finished"!==playState||(startTime=now),"finished"===playState&&updateFinishedPromise(),cancelTime=startTime,holdTime=null,playState="running",animationDriver.start()};autoplay&&play();const controls={then:(resolve,reject)=>currentFinishedPromise.then(resolve,reject),get time(){return millisecondsToSeconds(currentTime)},set time(newTime){newTime=secondsToMilliseconds(newTime),currentTime=newTime,null===holdTime&&animationDriver&&0!==speed?startTime=animationDriver.now()-newTime/speed:holdTime=newTime},get duration(){const duration=null===generator.calculatedDuration?calcGeneratorDuration(generator):generator.calculatedDuration;return millisecondsToSeconds(duration)},get speed(){return speed},set speed(newSpeed){newSpeed!==speed&&animationDriver&&(speed=newSpeed,controls.time=millisecondsToSeconds(currentTime))},get state(){return playState},play,pause:()=>{playState="paused",holdTime=currentTime},stop:()=>{hasStopped=!0,"idle"!==playState&&(playState="idle",onStop&&onStop(),cancel())},cancel:()=>{null!==cancelTime&&tick(cancelTime),cancel()},complete:()=>{playState="finished"},sample:elapsed=>(startTime=0,tick(elapsed))};return controls}const supportsWaapi=function memo(callback){let result;return()=>(void 0===result&&(result=callback()),result)}((()=>Object.hasOwnProperty.call(Element.prototype,"animate"))),acceleratedValues=new Set(["opacity","clipPath","filter","transform","backgroundColor"]);function createAcceleratedAnimation(value,valueName,{onUpdate,onComplete,...options}){if(!(supportsWaapi()&&acceleratedValues.has(valueName)&&!options.repeatDelay&&"mirror"!==options.repeatType&&0!==options.damping&&"inertia"!==options.type))return!1;let resolveFinishedPromise,currentFinishedPromise,hasStopped=!1;const updateFinishedPromise=()=>{currentFinishedPromise=new Promise((resolve=>{resolveFinishedPromise=resolve}))};updateFinishedPromise();let{keyframes,duration=300,ease,times}=options;if(((valueName,options)=>"spring"===options.type||"backgroundColor"===valueName||!isWaapiSupportedEasing(options.ease))(valueName,options)){const sampleAnimation=animateValue({...options,repeat:0,delay:0});let state={done:!1,value:keyframes[0]};const pregeneratedKeyframes=[];let t=0;for(;!state.done&&t<2e4;)state=sampleAnimation.sample(t),pregeneratedKeyframes.push(state.value),t+=10;times=void 0,keyframes=pregeneratedKeyframes,duration=t-10,ease="linear"}const animation=function animateStyle(element,valueName,keyframes,{delay=0,duration,repeat=0,repeatType="loop",ease,times}={}){const keyframeOptions={[valueName]:keyframes};times&&(keyframeOptions.offset=times);const easing=mapEasingToNativeEasing(ease);return Array.isArray(easing)&&(keyframeOptions.easing=easing),element.animate(keyframeOptions,{delay,duration,easing:Array.isArray(easing)?"linear":easing,fill:"both",iterations:repeat+1,direction:"reverse"===repeatType?"alternate":"normal"})}(value.owner.current,valueName,keyframes,{...options,duration,ease,times}),cancelAnimation=()=>animation.cancel(),safeCancel=()=>{frameloop_frame.Wi.update(cancelAnimation),resolveFinishedPromise(),updateFinishedPromise()};return animation.onfinish=()=>{value.set(function getFinalKeyframe(keyframes,{repeat,repeatType="loop"}){return keyframes[repeat&&"loop"!==repeatType&&repeat%2==1?0:keyframes.length-1]}(keyframes,options)),onComplete&&onComplete(),safeCancel()},{then:(resolve,reject)=>currentFinishedPromise.then(resolve,reject),get timeline(){return animation.timeline},set timeline(timeline){animation.timeline=timeline,animation.onfinish=null},get time(){return millisecondsToSeconds(animation.currentTime||0)},set time(newTime){animation.currentTime=secondsToMilliseconds(newTime)},get speed(){return animation.playbackRate},set speed(newSpeed){animation.playbackRate=newSpeed},get duration(){return millisecondsToSeconds(duration)},play:()=>{hasStopped||(animation.play(),(0,frameloop_frame.Pn)(cancelAnimation))},pause:()=>animation.pause(),stop:()=>{if(hasStopped=!0,"idle"===animation.playState)return;const{currentTime}=animation;if(currentTime){const sampleAnimation=animateValue({...options,autoplay:!1});value.setWithVelocity(sampleAnimation.sample(currentTime-10).value,sampleAnimation.sample(currentTime).value,10)}safeCancel()},complete:()=>animation.finish(),cancel:safeCancel}}const underDampedSpring={type:"spring",stiffness:500,damping:25,restSpeed:10},keyframesTransition={type:"keyframes",duration:.8},ease={type:"keyframes",ease:[.25,.1,.35,1],duration:.3},getDefaultTransition=(valueKey,{keyframes})=>keyframes.length>2?keyframesTransition:transformProps.has(valueKey)?valueKey.startsWith("scale")?{type:"spring",stiffness:550,damping:0===keyframes[1]?2*Math.sqrt(550):30,restSpeed:10}:underDampedSpring:ease,isAnimatable=(key,value)=>"zIndex"!==key&&(!("number"!=typeof value&&!Array.isArray(value))||!("string"!=typeof value||!complex.test(value)&&"0"!==value||value.startsWith("url("))),maxDefaults=new Set(["brightness","contrast","saturate","opacity"]);function applyDefaultFilter(v){const[name,value]=v.slice(0,-1).split("(");if("drop-shadow"===name)return v;const[number]=value.match(floatRegex)||[];if(!number)return v;const unit=value.replace(number,"");let defaultValue=maxDefaults.has(name)?1:0;return number!==value&&(defaultValue*=100),name+"("+defaultValue+unit+")"}const functionRegex=/([a-z-]*)\(.*?\)/g,filter={...complex,getAnimatableNone:v=>{const functions=v.match(functionRegex);return functions?functions.map(applyDefaultFilter).join(" "):v}},defaultValueTypes={...numberValueTypes,color,backgroundColor:color,outlineColor:color,fill:color,stroke:color,borderColor:color,borderTopColor:color,borderRightColor:color,borderBottomColor:color,borderLeftColor:color,filter,WebkitFilter:filter},getDefaultValueType=key=>defaultValueTypes[key];function animatable_none_getAnimatableNone(key,value){let defaultValueType=getDefaultValueType(key);return defaultValueType!==filter&&(defaultValueType=complex),defaultValueType.getAnimatableNone?defaultValueType.getAnimatableNone(value):void 0}const isZeroValueString=v=>/^0[^.\s]+$/.test(v);function isNone(value){return"number"==typeof value?0===value:null!==value?"none"===value||"0"===value||isZeroValueString(value):void 0}function getValueTransition(transition,key){return transition[key]||transition.default||transition}const animateMotionValue=(valueName,value,target,transition={})=>onComplete=>{const valueTransition=getValueTransition(transition,valueName)||{},delay=valueTransition.delay||transition.delay||0;let{elapsed=0}=transition;elapsed-=secondsToMilliseconds(delay);const keyframes=function getKeyframes(value,valueName,target,transition){const isTargetAnimatable=isAnimatable(valueName,target);let keyframes;keyframes=Array.isArray(target)?[...target]:[null,target];const defaultOrigin=void 0!==transition.from?transition.from:value.get();let animatableTemplateValue;const noneKeyframeIndexes=[];for(let i=0;i{value.set(v),valueTransition.onUpdate&&valueTransition.onUpdate(v)},onComplete:()=>{onComplete(),valueTransition.onComplete&&valueTransition.onComplete()}};if(function isTransitionDefined({when,delay:_delay,delayChildren,staggerChildren,staggerDirection,repeat,repeatType,repeatDelay,from,elapsed,...transition}){return!!Object.keys(transition).length}(valueTransition)||(options={...options,...getDefaultTransition(valueName,options)}),options.duration&&(options.duration=secondsToMilliseconds(options.duration)),options.repeatDelay&&(options.repeatDelay=secondsToMilliseconds(options.repeatDelay)),!isOriginAnimatable||!isTargetAnimatable||instantAnimationState_current||!1===valueTransition.type)return function createInstantAnimation({keyframes,delay,onUpdate,onComplete}){const setValue=()=>(onUpdate&&onUpdate(keyframes[keyframes.length-1]),onComplete&&onComplete(),{time:0,speed:1,duration:0,play:noop.Z,pause:noop.Z,stop:noop.Z,then:resolve=>(resolve(),Promise.resolve()),cancel:noop.Z,complete:noop.Z});return delay?animateValue({keyframes:[0,1],duration:0,delay,onComplete:setValue}):setValue()}(instantAnimationState_current?{...options,delay:0}:options);if(value.owner&&value.owner.current instanceof HTMLElement&&!value.owner.getProps().onUpdate){const acceleratedAnimation=createAcceleratedAnimation(value,valueName,options);if(acceleratedAnimation)return acceleratedAnimation}return animateValue(options)};function isWillChangeMotionValue(value){return Boolean(isMotionValue(value)&&value.add)}function addUniqueItem(arr,item){-1===arr.indexOf(item)&&arr.push(item)}function removeItem(arr,item){const index=arr.indexOf(item);index>-1&&arr.splice(index,1)}class SubscriptionManager{constructor(){this.subscriptions=[]}add(handler){return addUniqueItem(this.subscriptions,handler),()=>removeItem(this.subscriptions,handler)}notify(a,b,c){const numSubscriptions=this.subscriptions.length;if(numSubscriptions)if(1===numSubscriptions)this.subscriptions[0](a,b,c);else for(let i=0;i{this.prev=this.current,this.current=v;const{delta,timestamp}=frameloop_frame.frameData;this.lastUpdated!==timestamp&&(this.timeDelta=delta,this.lastUpdated=timestamp,frameloop_frame.Wi.postRender(this.scheduleVelocityCheck)),this.prev!==this.current&&this.events.change&&this.events.change.notify(this.current),this.events.velocityChange&&this.events.velocityChange.notify(this.getVelocity()),render&&this.events.renderRequest&&this.events.renderRequest.notify(this.current)},this.scheduleVelocityCheck=()=>frameloop_frame.Wi.postRender(this.velocityCheck),this.velocityCheck=({timestamp})=>{timestamp!==this.lastUpdated&&(this.prev=this.current,this.events.velocityChange&&this.events.velocityChange.notify(this.getVelocity()))},this.hasAnimated=!1,this.prev=this.current=init,this.canTrackVelocity=(value=this.current,!isNaN(parseFloat(value))),this.owner=options.owner}onChange(subscription){return this.on("change",subscription)}on(eventName,callback){this.events[eventName]||(this.events[eventName]=new SubscriptionManager);const unsubscribe=this.events[eventName].add(callback);return"change"===eventName?()=>{unsubscribe(),frameloop_frame.Wi.read((()=>{this.events.change.getSize()||this.stop()}))}:unsubscribe}clearListeners(){for(const eventManagers in this.events)this.events[eventManagers].clear()}attach(passiveEffect,stopPassiveEffect){this.passiveEffect=passiveEffect,this.stopPassiveEffect=stopPassiveEffect}set(v,render=!0){render&&this.passiveEffect?this.passiveEffect(v,this.updateAndNotify):this.updateAndNotify(v,render)}setWithVelocity(prev,current,delta){this.set(current),this.prev=prev,this.timeDelta=delta}jump(v){this.updateAndNotify(v),this.prev=v,this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}get(){return this.current}getPrevious(){return this.prev}getVelocity(){return this.canTrackVelocity?velocityPerSecond(parseFloat(this.current)-parseFloat(this.prev),this.timeDelta):0}start(startAnimation){return this.stop(),new Promise((resolve=>{this.hasAnimated=!0,this.animation=startAnimation(resolve),this.events.animationStart&&this.events.animationStart.notify()})).then((()=>{this.events.animationComplete&&this.events.animationComplete.notify(),this.clearAnimation()}))}stop(){this.animation&&(this.animation.stop(),this.events.animationCancel&&this.events.animationCancel.notify()),this.clearAnimation()}isAnimating(){return!!this.animation}clearAnimation(){delete this.animation}destroy(){this.clearListeners(),this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}}function motionValue(init,options){return new MotionValue(init,options)}const testValueType=v=>type=>type.test(v),dimensionValueTypes=[number,px,percent,degrees,vw,vh,{test:v=>"auto"===v,parse:v=>v}],findDimensionValueType=v=>dimensionValueTypes.find(testValueType(v)),valueTypes=[...dimensionValueTypes,color,complex],findValueType=v=>valueTypes.find(testValueType(v));function setMotionValue(visualElement,key,value){visualElement.hasValue(key)?visualElement.getValue(key).set(value):visualElement.addValue(key,motionValue(value))}function setTarget(visualElement,definition){const resolved=resolveVariant(visualElement,definition);let{transitionEnd={},transition={},...target}=resolved?visualElement.makeTargetAnimatable(resolved,!1):{};target={...target,...transitionEnd};for(const key in target){setMotionValue(visualElement,key,resolveFinalValueInKeyframes(target[key]))}}function getOriginFromTransition(key,transition){if(!transition)return;return(transition[key]||transition.default||transition).from}function shouldBlockAnimation({protectedKeys,needsAnimating},key){const shouldBlock=protectedKeys.hasOwnProperty(key)&&!0!==needsAnimating[key];return needsAnimating[key]=!1,shouldBlock}function animateTarget(visualElement,definition,{delay=0,transitionOverride,type}={}){let{transition=visualElement.getDefaultTransition(),transitionEnd,...target}=visualElement.makeTargetAnimatable(definition);const willChange=visualElement.getValue("willChange");transitionOverride&&(transition=transitionOverride);const animations=[],animationTypeState=type&&visualElement.animationState&&visualElement.animationState.getState()[type];for(const key in target){const value=visualElement.getValue(key),valueTarget=target[key];if(!value||void 0===valueTarget||animationTypeState&&shouldBlockAnimation(animationTypeState,key))continue;const valueTransition={delay,elapsed:0,...transition};if(window.HandoffAppearAnimations&&!value.hasAnimated){const appearId=visualElement.getProps()[optimizedAppearDataAttribute];appearId&&(valueTransition.elapsed=window.HandoffAppearAnimations(appearId,key,value,frameloop_frame.Wi))}value.start(animateMotionValue(key,value,valueTarget,visualElement.shouldReduceMotion&&transformProps.has(key)?{type:!1}:valueTransition));const animation=value.animation;isWillChangeMotionValue(willChange)&&(willChange.add(key),animation.then((()=>willChange.remove(key)))),animations.push(animation)}return transitionEnd&&Promise.all(animations).then((()=>{transitionEnd&&setTarget(visualElement,transitionEnd)})),animations}function animateVariant(visualElement,variant,options={}){const resolved=resolveVariant(visualElement,variant,options.custom);let{transition=visualElement.getDefaultTransition()||{}}=resolved||{};options.transitionOverride&&(transition=options.transitionOverride);const getAnimation=resolved?()=>Promise.all(animateTarget(visualElement,resolved,options)):()=>Promise.resolve(),getChildAnimations=visualElement.variantChildren&&visualElement.variantChildren.size?(forwardDelay=0)=>{const{delayChildren=0,staggerChildren,staggerDirection}=transition;return function animateChildren(visualElement,variant,delayChildren=0,staggerChildren=0,staggerDirection=1,options){const animations=[],maxStaggerDuration=(visualElement.variantChildren.size-1)*staggerChildren,generateStaggerDuration=1===staggerDirection?(i=0)=>i*staggerChildren:(i=0)=>maxStaggerDuration-i*staggerChildren;return Array.from(visualElement.variantChildren).sort(sortByTreeOrder).forEach(((child,i)=>{child.notify("AnimationStart",variant),animations.push(animateVariant(child,variant,{...options,delay:delayChildren+generateStaggerDuration(i)}).then((()=>child.notify("AnimationComplete",variant))))})),Promise.all(animations)}(visualElement,variant,delayChildren+forwardDelay,staggerChildren,staggerDirection,options)}:()=>Promise.resolve(),{when}=transition;if(when){const[first,last]="beforeChildren"===when?[getAnimation,getChildAnimations]:[getChildAnimations,getAnimation];return first().then((()=>last()))}return Promise.all([getAnimation(),getChildAnimations(options.delay)])}function sortByTreeOrder(a,b){return a.sortNodePosition(b)}const reversePriorityOrder=[...variantPriorityOrder].reverse(),numAnimationTypes=variantPriorityOrder.length;function animateList(visualElement){return animations=>Promise.all(animations.map((({animation,options})=>function animateVisualElement(visualElement,definition,options={}){let animation;if(visualElement.notify("AnimationStart",definition),Array.isArray(definition)){const animations=definition.map((variant=>animateVariant(visualElement,variant,options)));animation=Promise.all(animations)}else if("string"==typeof definition)animation=animateVariant(visualElement,definition,options);else{const resolvedDefinition="function"==typeof definition?resolveVariant(visualElement,definition,options.custom):definition;animation=Promise.all(animateTarget(visualElement,resolvedDefinition,options))}return animation.then((()=>visualElement.notify("AnimationComplete",definition)))}(visualElement,animation,options))))}function createAnimationState(visualElement){let animate=animateList(visualElement);const state=function createState(){return{animate:createTypeState(!0),whileInView:createTypeState(),whileHover:createTypeState(),whileTap:createTypeState(),whileDrag:createTypeState(),whileFocus:createTypeState(),exit:createTypeState()}}();let isInitialRender=!0;const buildResolvedTypeValues=(acc,definition)=>{const resolved=resolveVariant(visualElement,definition);if(resolved){const{transition,transitionEnd,...target}=resolved;acc={...acc,...target,...transitionEnd}}return acc};function animateChanges(options,changedActiveType){const props=visualElement.getProps(),context=visualElement.getVariantContext(!0)||{},animations=[],removedKeys=new Set;let encounteredKeys={},removedVariantIndex=1/0;for(let i=0;iremovedVariantIndex&&propIsVariant;const definitionList=Array.isArray(prop)?prop:[prop];let resolvedValues=definitionList.reduce(buildResolvedTypeValues,{});!1===activeDelta&&(resolvedValues={});const{prevResolvedValues={}}=typeState,allKeys={...prevResolvedValues,...resolvedValues},markToAnimate=key=>{shouldAnimateType=!0,removedKeys.delete(key),typeState.needsAnimating[key]=!0};for(const key in allKeys){const next=resolvedValues[key],prev=prevResolvedValues[key];encounteredKeys.hasOwnProperty(key)||(next!==prev?isKeyframesTarget(next)&&isKeyframesTarget(prev)?!shallowCompare(next,prev)||variantDidChange?markToAnimate(key):typeState.protectedKeys[key]=!0:void 0!==next?markToAnimate(key):removedKeys.add(key):void 0!==next&&removedKeys.has(key)?markToAnimate(key):typeState.protectedKeys[key]=!0)}typeState.prevProp=prop,typeState.prevResolvedValues=resolvedValues,typeState.isActive&&(encounteredKeys={...encounteredKeys,...resolvedValues}),isInitialRender&&visualElement.blockInitialAnimation&&(shouldAnimateType=!1),shouldAnimateType&&!isInherited&&animations.push(...definitionList.map((animation=>({animation,options:{type,...options}}))))}if(removedKeys.size){const fallbackAnimation={};removedKeys.forEach((key=>{const fallbackTarget=visualElement.getBaseTarget(key);void 0!==fallbackTarget&&(fallbackAnimation[key]=fallbackTarget)})),animations.push({animation:fallbackAnimation})}let shouldAnimate=Boolean(animations.length);return isInitialRender&&!1===props.initial&&!visualElement.manuallyAnimateOnMount&&(shouldAnimate=!1),isInitialRender=!1,shouldAnimate?animate(animations):Promise.resolve()}return{animateChanges,setActive:function setActive(type,isActive,options){var _a;if(state[type].isActive===isActive)return Promise.resolve();null===(_a=visualElement.variantChildren)||void 0===_a||_a.forEach((child=>{var _a;return null===(_a=child.animationState)||void 0===_a?void 0:_a.setActive(type,isActive)})),state[type].isActive=isActive;const animations=animateChanges(options,type);for(const key in state)state[key].protectedKeys={};return animations},setAnimateFunction:function setAnimateFunction(makeAnimator){animate=makeAnimator(visualElement)},getState:()=>state}}function checkVariantsDidChange(prev,next){return"string"==typeof next?next!==prev:!!Array.isArray(next)&&!shallowCompare(next,prev)}function createTypeState(isActive=!1){return{isActive,protectedKeys:{},needsAnimating:{},prevResolvedValues:{}}}let id=0;const animations={animation:{Feature:class AnimationFeature extends Feature{constructor(node){super(node),node.animationState||(node.animationState=createAnimationState(node))}updateAnimationControlsSubscription(){const{animate}=this.node.getProps();this.unmount(),isAnimationControls(animate)&&(this.unmount=animate.subscribe(this.node))}mount(){this.updateAnimationControlsSubscription()}update(){const{animate}=this.node.getProps(),{animate:prevAnimate}=this.node.prevProps||{};animate!==prevAnimate&&this.updateAnimationControlsSubscription()}unmount(){}}},exit:{Feature:class ExitAnimationFeature extends Feature{constructor(){super(...arguments),this.id=id++}update(){if(!this.node.presenceContext)return;const{isPresent,onExitComplete,custom}=this.node.presenceContext,{isPresent:prevIsPresent}=this.node.prevPresenceContext||{};if(!this.node.animationState||isPresent===prevIsPresent)return;const exitAnimation=this.node.animationState.setActive("exit",!isPresent,{custom:null!=custom?custom:this.node.getProps().custom});onExitComplete&&!isPresent&&exitAnimation.then((()=>onExitComplete(this.id)))}mount(){const{register}=this.node.presenceContext||{};register&&(this.unmount=register(this.id))}unmount(){}}}},distance=(a,b)=>Math.abs(a-b);class PanSession{constructor(event,handlers,{transformPagePoint}={}){if(this.startEvent=null,this.lastMoveEvent=null,this.lastMoveEventInfo=null,this.handlers={},this.updatePoint=()=>{if(!this.lastMoveEvent||!this.lastMoveEventInfo)return;const info=getPanInfo(this.lastMoveEventInfo,this.history),isPanStarted=null!==this.startEvent,isDistancePastThreshold=function distance2D(a,b){const xDelta=distance(a.x,b.x),yDelta=distance(a.y,b.y);return Math.sqrt(xDelta**2+yDelta**2)}(info.offset,{x:0,y:0})>=3;if(!isPanStarted&&!isDistancePastThreshold)return;const{point}=info,{timestamp}=frameloop_frame.frameData;this.history.push({...point,timestamp});const{onStart,onMove}=this.handlers;isPanStarted||(onStart&&onStart(this.lastMoveEvent,info),this.startEvent=this.lastMoveEvent),onMove&&onMove(this.lastMoveEvent,info)},this.handlePointerMove=(event,info)=>{this.lastMoveEvent=event,this.lastMoveEventInfo=transformPoint(info,this.transformPagePoint),frameloop_frame.Wi.update(this.updatePoint,!0)},this.handlePointerUp=(event,info)=>{if(this.end(),!this.lastMoveEvent||!this.lastMoveEventInfo)return;const{onEnd,onSessionEnd}=this.handlers,panInfo=getPanInfo("pointercancel"===event.type?this.lastMoveEventInfo:transformPoint(info,this.transformPagePoint),this.history);this.startEvent&&onEnd&&onEnd(event,panInfo),onSessionEnd&&onSessionEnd(event,panInfo)},!isPrimaryPointer(event))return;this.handlers=handlers,this.transformPagePoint=transformPagePoint;const initialInfo=transformPoint(extractEventInfo(event),this.transformPagePoint),{point}=initialInfo,{timestamp}=frameloop_frame.frameData;this.history=[{...point,timestamp}];const{onSessionStart}=handlers;onSessionStart&&onSessionStart(event,getPanInfo(initialInfo,this.history)),this.removeListeners=pipe(addPointerEvent(window,"pointermove",this.handlePointerMove),addPointerEvent(window,"pointerup",this.handlePointerUp),addPointerEvent(window,"pointercancel",this.handlePointerUp))}updateHandlers(handlers){this.handlers=handlers}end(){this.removeListeners&&this.removeListeners(),(0,frameloop_frame.Pn)(this.updatePoint)}}function transformPoint(info,transformPagePoint){return transformPagePoint?{point:transformPagePoint(info.point)}:info}function subtractPoint(a,b){return{x:a.x-b.x,y:a.y-b.y}}function getPanInfo({point},history){return{point,delta:subtractPoint(point,lastDevicePoint(history)),offset:subtractPoint(point,startDevicePoint(history)),velocity:PanSession_getVelocity(history,.1)}}function startDevicePoint(history){return history[0]}function lastDevicePoint(history){return history[history.length-1]}function PanSession_getVelocity(history,timeDelta){if(history.length<2)return{x:0,y:0};let i=history.length-1,timestampedPoint=null;const lastPoint=lastDevicePoint(history);for(;i>=0&&(timestampedPoint=history[i],!(lastPoint.timestamp-timestampedPoint.timestamp>secondsToMilliseconds(timeDelta)));)i--;if(!timestampedPoint)return{x:0,y:0};const time=millisecondsToSeconds(lastPoint.timestamp-timestampedPoint.timestamp);if(0===time)return{x:0,y:0};const currentVelocity={x:(lastPoint.x-timestampedPoint.x)/time,y:(lastPoint.y-timestampedPoint.y)/time};return currentVelocity.x===1/0&&(currentVelocity.x=0),currentVelocity.y===1/0&&(currentVelocity.y=0),currentVelocity}function calcLength(axis){return axis.max-axis.min}function isNear(value,target=0,maxDistance=.01){return Math.abs(value-target)<=maxDistance}function calcAxisDelta(delta,source,target,origin=.5){delta.origin=origin,delta.originPoint=mix(source.min,source.max,delta.origin),delta.scale=calcLength(target)/calcLength(source),(isNear(delta.scale,1,1e-4)||isNaN(delta.scale))&&(delta.scale=1),delta.translate=mix(target.min,target.max,delta.origin)-delta.originPoint,(isNear(delta.translate)||isNaN(delta.translate))&&(delta.translate=0)}function calcBoxDelta(delta,source,target,origin){calcAxisDelta(delta.x,source.x,target.x,origin?origin.originX:void 0),calcAxisDelta(delta.y,source.y,target.y,origin?origin.originY:void 0)}function calcRelativeAxis(target,relative,parent){target.min=parent.min+relative.min,target.max=target.min+calcLength(relative)}function calcRelativeAxisPosition(target,layout,parent){target.min=layout.min-parent.min,target.max=target.min+calcLength(layout)}function calcRelativePosition(target,layout,parent){calcRelativeAxisPosition(target.x,layout.x,parent.x),calcRelativeAxisPosition(target.y,layout.y,parent.y)}function calcRelativeAxisConstraints(axis,min,max){return{min:void 0!==min?axis.min+min:void 0,max:void 0!==max?axis.max+max-(axis.max-axis.min):void 0}}function calcViewportAxisConstraints(layoutAxis,constraintsAxis){let min=constraintsAxis.min-layoutAxis.min,max=constraintsAxis.max-layoutAxis.max;return constraintsAxis.max-constraintsAxis.min({x:{translate:0,scale:1,origin:0,originPoint:0},y:{translate:0,scale:1,origin:0,originPoint:0}}),createBox=()=>({x:{min:0,max:0},y:{min:0,max:0}});function eachAxis(callback){return[callback("x"),callback("y")]}function convertBoundingBoxToBox({top,left,right,bottom}){return{x:{min:left,max:right},y:{min:top,max:bottom}}}function isIdentityScale(scale){return void 0===scale||1===scale}function hasScale({scale,scaleX,scaleY}){return!isIdentityScale(scale)||!isIdentityScale(scaleX)||!isIdentityScale(scaleY)}function hasTransform(values){return hasScale(values)||has2DTranslate(values)||values.z||values.rotate||values.rotateX||values.rotateY}function has2DTranslate(values){return is2DTranslate(values.x)||is2DTranslate(values.y)}function is2DTranslate(value){return value&&"0%"!==value}function scalePoint(point,scale,originPoint){return originPoint+scale*(point-originPoint)}function applyPointDelta(point,translate,scale,originPoint,boxScale){return void 0!==boxScale&&(point=scalePoint(point,boxScale,originPoint)),scalePoint(point,scale,originPoint)+translate}function applyAxisDelta(axis,translate=0,scale=1,originPoint,boxScale){axis.min=applyPointDelta(axis.min,translate,scale,originPoint,boxScale),axis.max=applyPointDelta(axis.max,translate,scale,originPoint,boxScale)}function applyBoxDelta(box,{x,y}){applyAxisDelta(box.x,x.translate,x.scale,x.originPoint),applyAxisDelta(box.y,y.translate,y.scale,y.originPoint)}function snapToDefault(scale){return Number.isInteger(scale)||scale>1.0000000000001||scale<.999999999999?scale:1}function translateAxis(axis,distance){axis.min=axis.min+distance,axis.max=axis.max+distance}function transformAxis(axis,transforms,[key,scaleKey,originKey]){const axisOrigin=void 0!==transforms[originKey]?transforms[originKey]:.5,originPoint=mix(axis.min,axis.max,axisOrigin);applyAxisDelta(axis,transforms[key],transforms[scaleKey],originPoint,transforms.scale)}const xKeys=["x","scaleX","originX"],yKeys=["y","scaleY","originY"];function transformBox(box,transform){transformAxis(box.x,transform,xKeys),transformAxis(box.y,transform,yKeys)}function measureViewportBox(instance,transformPoint){return convertBoundingBoxToBox(function transformBoxPoints(point,transformPoint){if(!transformPoint)return point;const topLeft=transformPoint({x:point.left,y:point.top}),bottomRight=transformPoint({x:point.right,y:point.bottom});return{top:topLeft.y,left:topLeft.x,bottom:bottomRight.y,right:bottomRight.x}}(instance.getBoundingClientRect(),transformPoint))}const elementDragControls=new WeakMap;class VisualElementDragControls{constructor(visualElement){this.openGlobalLock=null,this.isDragging=!1,this.currentDirection=null,this.originPoint={x:0,y:0},this.constraints=!1,this.hasMutatedConstraints=!1,this.elastic=createBox(),this.visualElement=visualElement}start(originEvent,{snapToCursor=!1}={}){const{presenceContext}=this.visualElement;if(presenceContext&&!1===presenceContext.isPresent)return;this.panSession=new PanSession(originEvent,{onSessionStart:event=>{this.stopAnimation(),snapToCursor&&this.snapToCursor(extractEventInfo(event,"page").point)},onStart:(event,info)=>{const{drag,dragPropagation,onDragStart}=this.getProps();if(drag&&!dragPropagation&&(this.openGlobalLock&&this.openGlobalLock(),this.openGlobalLock=getGlobalLock(drag),!this.openGlobalLock))return;this.isDragging=!0,this.currentDirection=null,this.resolveConstraints(),this.visualElement.projection&&(this.visualElement.projection.isAnimationBlocked=!0,this.visualElement.projection.target=void 0),eachAxis((axis=>{let current=this.getAxisMotionValue(axis).get()||0;if(percent.test(current)){const{projection}=this.visualElement;if(projection&&projection.layout){const measuredAxis=projection.layout.layoutBox[axis];if(measuredAxis){current=calcLength(measuredAxis)*(parseFloat(current)/100)}}}this.originPoint[axis]=current})),onDragStart&&frameloop_frame.Wi.update((()=>onDragStart(event,info)),!1,!0);const{animationState}=this.visualElement;animationState&&animationState.setActive("whileDrag",!0)},onMove:(event,info)=>{const{dragPropagation,dragDirectionLock,onDirectionLock,onDrag}=this.getProps();if(!dragPropagation&&!this.openGlobalLock)return;const{offset}=info;if(dragDirectionLock&&null===this.currentDirection)return this.currentDirection=function getCurrentDirection(offset,lockThreshold=10){let direction=null;Math.abs(offset.y)>lockThreshold?direction="y":Math.abs(offset.x)>lockThreshold&&(direction="x");return direction}(offset),void(null!==this.currentDirection&&onDirectionLock&&onDirectionLock(this.currentDirection));this.updateAxis("x",info.point,offset),this.updateAxis("y",info.point,offset),this.visualElement.render(),onDrag&&onDrag(event,info)},onSessionEnd:(event,info)=>this.stop(event,info)},{transformPagePoint:this.visualElement.getTransformPagePoint()})}stop(event,info){const isDragging=this.isDragging;if(this.cancel(),!isDragging)return;const{velocity}=info;this.startAnimation(velocity);const{onDragEnd}=this.getProps();onDragEnd&&frameloop_frame.Wi.update((()=>onDragEnd(event,info)))}cancel(){this.isDragging=!1;const{projection,animationState}=this.visualElement;projection&&(projection.isAnimationBlocked=!1),this.panSession&&this.panSession.end(),this.panSession=void 0;const{dragPropagation}=this.getProps();!dragPropagation&&this.openGlobalLock&&(this.openGlobalLock(),this.openGlobalLock=null),animationState&&animationState.setActive("whileDrag",!1)}updateAxis(axis,_point,offset){const{drag}=this.getProps();if(!offset||!shouldDrag(axis,drag,this.currentDirection))return;const axisValue=this.getAxisMotionValue(axis);let next=this.originPoint[axis]+offset[axis];this.constraints&&this.constraints[axis]&&(next=function applyConstraints(point,{min,max},elastic){return void 0!==min&&pointmax&&(point=elastic?mix(max,point,elastic.max):Math.min(point,max)),point}(next,this.constraints[axis],this.elastic[axis])),axisValue.set(next)}resolveConstraints(){const{dragConstraints,dragElastic}=this.getProps(),{layout}=this.visualElement.projection||{},prevConstraints=this.constraints;dragConstraints&&isRefObject(dragConstraints)?this.constraints||(this.constraints=this.resolveRefConstraints()):this.constraints=!(!dragConstraints||!layout)&&function calcRelativeConstraints(layoutBox,{top,left,bottom,right}){return{x:calcRelativeAxisConstraints(layoutBox.x,left,right),y:calcRelativeAxisConstraints(layoutBox.y,top,bottom)}}(layout.layoutBox,dragConstraints),this.elastic=function resolveDragElastic(dragElastic=defaultElastic){return!1===dragElastic?dragElastic=0:!0===dragElastic&&(dragElastic=defaultElastic),{x:resolveAxisElastic(dragElastic,"left","right"),y:resolveAxisElastic(dragElastic,"top","bottom")}}(dragElastic),prevConstraints!==this.constraints&&layout&&this.constraints&&!this.hasMutatedConstraints&&eachAxis((axis=>{this.getAxisMotionValue(axis)&&(this.constraints[axis]=function rebaseAxisConstraints(layout,constraints){const relativeConstraints={};return void 0!==constraints.min&&(relativeConstraints.min=constraints.min-layout.min),void 0!==constraints.max&&(relativeConstraints.max=constraints.max-layout.min),relativeConstraints}(layout.layoutBox[axis],this.constraints[axis]))}))}resolveRefConstraints(){const{dragConstraints:constraints,onMeasureDragConstraints}=this.getProps();if(!constraints||!isRefObject(constraints))return!1;const constraintsElement=constraints.current;(0,errors.k)(null!==constraintsElement,"If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.");const{projection}=this.visualElement;if(!projection||!projection.layout)return!1;const constraintsBox=function measurePageBox(element,rootProjectionNode,transformPagePoint){const viewportBox=measureViewportBox(element,transformPagePoint),{scroll}=rootProjectionNode;return scroll&&(translateAxis(viewportBox.x,scroll.offset.x),translateAxis(viewportBox.y,scroll.offset.y)),viewportBox}(constraintsElement,projection.root,this.visualElement.getTransformPagePoint());let measuredConstraints=function calcViewportConstraints(layoutBox,constraintsBox){return{x:calcViewportAxisConstraints(layoutBox.x,constraintsBox.x),y:calcViewportAxisConstraints(layoutBox.y,constraintsBox.y)}}(projection.layout.layoutBox,constraintsBox);if(onMeasureDragConstraints){const userConstraints=onMeasureDragConstraints(function convertBoxToBoundingBox({x,y}){return{top:y.min,right:x.max,bottom:y.max,left:x.min}}(measuredConstraints));this.hasMutatedConstraints=!!userConstraints,userConstraints&&(measuredConstraints=convertBoundingBoxToBox(userConstraints))}return measuredConstraints}startAnimation(velocity){const{drag,dragMomentum,dragElastic,dragTransition,dragSnapToOrigin,onDragTransitionEnd}=this.getProps(),constraints=this.constraints||{},momentumAnimations=eachAxis((axis=>{if(!shouldDrag(axis,drag,this.currentDirection))return;let transition=constraints&&constraints[axis]||{};dragSnapToOrigin&&(transition={min:0,max:0});const bounceStiffness=dragElastic?200:1e6,bounceDamping=dragElastic?40:1e7,inertia={type:"inertia",velocity:dragMomentum?velocity[axis]:0,bounceStiffness,bounceDamping,timeConstant:750,restDelta:1,restSpeed:10,...dragTransition,...transition};return this.startAxisValueAnimation(axis,inertia)}));return Promise.all(momentumAnimations).then(onDragTransitionEnd)}startAxisValueAnimation(axis,transition){const axisValue=this.getAxisMotionValue(axis);return axisValue.start(animateMotionValue(axis,axisValue,0,transition))}stopAnimation(){eachAxis((axis=>this.getAxisMotionValue(axis).stop()))}getAxisMotionValue(axis){const dragKey="_drag"+axis.toUpperCase(),props=this.visualElement.getProps(),externalMotionValue=props[dragKey];return externalMotionValue||this.visualElement.getValue(axis,(props.initial?props.initial[axis]:void 0)||0)}snapToCursor(point){eachAxis((axis=>{const{drag}=this.getProps();if(!shouldDrag(axis,drag,this.currentDirection))return;const{projection}=this.visualElement,axisValue=this.getAxisMotionValue(axis);if(projection&&projection.layout){const{min,max}=projection.layout.layoutBox[axis];axisValue.set(point[axis]-mix(min,max,.5))}}))}scalePositionWithinConstraints(){if(!this.visualElement.current)return;const{drag,dragConstraints}=this.getProps(),{projection}=this.visualElement;if(!isRefObject(dragConstraints)||!projection||!this.constraints)return;this.stopAnimation();const boxProgress={x:0,y:0};eachAxis((axis=>{const axisValue=this.getAxisMotionValue(axis);if(axisValue){const latest=axisValue.get();boxProgress[axis]=function constraints_calcOrigin(source,target){let origin=.5;const sourceLength=calcLength(source),targetLength=calcLength(target);return targetLength>sourceLength?origin=progress(target.min,target.max-sourceLength,source.min):sourceLength>targetLength&&(origin=progress(source.min,source.max-targetLength,target.min)),clamp(0,1,origin)}({min:latest,max:latest},this.constraints[axis])}}));const{transformTemplate}=this.visualElement.getProps();this.visualElement.current.style.transform=transformTemplate?transformTemplate({},""):"none",projection.root&&projection.root.updateScroll(),projection.updateLayout(),this.resolveConstraints(),eachAxis((axis=>{if(!shouldDrag(axis,drag,null))return;const axisValue=this.getAxisMotionValue(axis),{min,max}=this.constraints[axis];axisValue.set(mix(min,max,boxProgress[axis]))}))}addListeners(){if(!this.visualElement.current)return;elementDragControls.set(this.visualElement,this);const stopPointerListener=addPointerEvent(this.visualElement.current,"pointerdown",(event=>{const{drag,dragListener=!0}=this.getProps();drag&&dragListener&&this.start(event)})),measureDragConstraints=()=>{const{dragConstraints}=this.getProps();isRefObject(dragConstraints)&&(this.constraints=this.resolveRefConstraints())},{projection}=this.visualElement,stopMeasureLayoutListener=projection.addEventListener("measure",measureDragConstraints);projection&&!projection.layout&&(projection.root&&projection.root.updateScroll(),projection.updateLayout()),measureDragConstraints();const stopResizeListener=addDomEvent(window,"resize",(()=>this.scalePositionWithinConstraints())),stopLayoutUpdateListener=projection.addEventListener("didUpdate",(({delta,hasLayoutChanged})=>{this.isDragging&&hasLayoutChanged&&(eachAxis((axis=>{const motionValue=this.getAxisMotionValue(axis);motionValue&&(this.originPoint[axis]+=delta[axis].translate,motionValue.set(motionValue.get()+delta[axis].translate))})),this.visualElement.render())}));return()=>{stopResizeListener(),stopPointerListener(),stopMeasureLayoutListener(),stopLayoutUpdateListener&&stopLayoutUpdateListener()}}getProps(){const props=this.visualElement.getProps(),{drag=!1,dragDirectionLock=!1,dragPropagation=!1,dragConstraints=!1,dragElastic=defaultElastic,dragMomentum=!0}=props;return{...props,drag,dragDirectionLock,dragPropagation,dragConstraints,dragElastic,dragMomentum}}}function shouldDrag(direction,drag,currentDirection){return!(!0!==drag&&drag!==direction||null!==currentDirection&¤tDirection!==direction)}const asyncHandler=handler=>(event,info)=>{handler&&frameloop_frame.Wi.update((()=>handler(event,info)))};const globalProjectionState={hasAnimatedSinceResize:!0,hasEverUpdated:!1};function pixelsToPercent(pixels,axis){return axis.max===axis.min?0:pixels/(axis.max-axis.min)*100}const correctBorderRadius={correct:(latest,node)=>{if(!node.target)return latest;if("string"==typeof latest){if(!px.test(latest))return latest;latest=parseFloat(latest)}return`${pixelsToPercent(latest,node.target.x)}% ${pixelsToPercent(latest,node.target.y)}%`}},correctBoxShadow={correct:(latest,{treeScale,projectionDelta})=>{const original=latest,shadow=complex.parse(latest);if(shadow.length>5)return original;const template=complex.createTransformer(latest),offset="number"!=typeof shadow[0]?1:0,xScale=projectionDelta.x.scale*treeScale.x,yScale=projectionDelta.y.scale*treeScale.y;shadow[0+offset]/=xScale,shadow[1+offset]/=yScale;const averageScale=mix(xScale,yScale,.5);return"number"==typeof shadow[2+offset]&&(shadow[2+offset]/=averageScale),"number"==typeof shadow[3+offset]&&(shadow[3+offset]/=averageScale),template(shadow)}};class MeasureLayoutWithContext extends react.Component{componentDidMount(){const{visualElement,layoutGroup,switchLayoutGroup,layoutId}=this.props,{projection}=visualElement;!function addScaleCorrector(correctors){Object.assign(scaleCorrectors,correctors)}(defaultScaleCorrectors),projection&&(layoutGroup.group&&layoutGroup.group.add(projection),switchLayoutGroup&&switchLayoutGroup.register&&layoutId&&switchLayoutGroup.register(projection),projection.root.didUpdate(),projection.addEventListener("animationComplete",(()=>{this.safeToRemove()})),projection.setOptions({...projection.options,onExitComplete:()=>this.safeToRemove()})),globalProjectionState.hasEverUpdated=!0}getSnapshotBeforeUpdate(prevProps){const{layoutDependency,visualElement,drag,isPresent}=this.props,projection=visualElement.projection;return projection?(projection.isPresent=isPresent,drag||prevProps.layoutDependency!==layoutDependency||void 0===layoutDependency?projection.willUpdate():this.safeToRemove(),prevProps.isPresent!==isPresent&&(isPresent?projection.promote():projection.relegate()||frameloop_frame.Wi.postRender((()=>{const stack=projection.getStack();stack&&stack.members.length||this.safeToRemove()}))),null):null}componentDidUpdate(){const{projection}=this.props.visualElement;projection&&(projection.root.didUpdate(),queueMicrotask((()=>{!projection.currentAnimation&&projection.isLead()&&this.safeToRemove()})))}componentWillUnmount(){const{visualElement,layoutGroup,switchLayoutGroup:promoteContext}=this.props,{projection}=visualElement;projection&&(projection.scheduleCheckAfterUnmount(),layoutGroup&&layoutGroup.group&&layoutGroup.group.remove(projection),promoteContext&&promoteContext.deregister&&promoteContext.deregister(projection))}safeToRemove(){const{safeToRemove}=this.props;safeToRemove&&safeToRemove()}render(){return null}}function MeasureLayout(props){const[isPresent,safeToRemove]=function usePresence(){const context=(0,react.useContext)(context_PresenceContext.O);if(null===context)return[!0,null];const{isPresent,onExitComplete,register}=context,id=(0,react.useId)();return(0,react.useEffect)((()=>register(id)),[]),!isPresent&&onExitComplete?[!1,()=>onExitComplete&&onExitComplete(id)]:[!0]}(),layoutGroup=(0,react.useContext)(LayoutGroupContext.p);return react.createElement(MeasureLayoutWithContext,{...props,layoutGroup,switchLayoutGroup:(0,react.useContext)(SwitchLayoutGroupContext),isPresent,safeToRemove})}const defaultScaleCorrectors={borderRadius:{...correctBorderRadius,applyTo:["borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"]},borderTopLeftRadius:correctBorderRadius,borderTopRightRadius:correctBorderRadius,borderBottomLeftRadius:correctBorderRadius,borderBottomRightRadius:correctBorderRadius,boxShadow:correctBoxShadow},borders=["TopLeft","TopRight","BottomLeft","BottomRight"],numBorders=borders.length,asNumber=value=>"string"==typeof value?parseFloat(value):value,isPx=value=>"number"==typeof value||px.test(value);function getRadius(values,radiusName){return void 0!==values[radiusName]?values[radiusName]:values.borderRadius}const easeCrossfadeIn=compress(0,.5,circOut),easeCrossfadeOut=compress(.5,.95,noop.Z);function compress(min,max,easing){return p=>pmax?1:easing(progress(min,max,p))}function copyAxisInto(axis,originAxis){axis.min=originAxis.min,axis.max=originAxis.max}function copyBoxInto(box,originBox){copyAxisInto(box.x,originBox.x),copyAxisInto(box.y,originBox.y)}function removePointDelta(point,translate,scale,originPoint,boxScale){return point=scalePoint(point-=translate,1/scale,originPoint),void 0!==boxScale&&(point=scalePoint(point,1/boxScale,originPoint)),point}function removeAxisTransforms(axis,transforms,[key,scaleKey,originKey],origin,sourceAxis){!function removeAxisDelta(axis,translate=0,scale=1,origin=.5,boxScale,originAxis=axis,sourceAxis=axis){percent.test(translate)&&(translate=parseFloat(translate),translate=mix(sourceAxis.min,sourceAxis.max,translate/100)-sourceAxis.min);if("number"!=typeof translate)return;let originPoint=mix(originAxis.min,originAxis.max,origin);axis===originAxis&&(originPoint-=translate),axis.min=removePointDelta(axis.min,translate,scale,originPoint,boxScale),axis.max=removePointDelta(axis.max,translate,scale,originPoint,boxScale)}(axis,transforms[key],transforms[scaleKey],transforms[originKey],transforms.scale,origin,sourceAxis)}const delta_remove_xKeys=["x","scaleX","originX"],delta_remove_yKeys=["y","scaleY","originY"];function removeBoxTransforms(box,transforms,originBox,sourceBox){removeAxisTransforms(box.x,transforms,delta_remove_xKeys,originBox?originBox.x:void 0,sourceBox?sourceBox.x:void 0),removeAxisTransforms(box.y,transforms,delta_remove_yKeys,originBox?originBox.y:void 0,sourceBox?sourceBox.y:void 0)}function isAxisDeltaZero(delta){return 0===delta.translate&&1===delta.scale}function isDeltaZero(delta){return isAxisDeltaZero(delta.x)&&isAxisDeltaZero(delta.y)}function boxEquals(a,b){return a.x.min===b.x.min&&a.x.max===b.x.max&&a.y.min===b.y.min&&a.y.max===b.y.max}function aspectRatio(box){return calcLength(box.x)/calcLength(box.y)}class NodeStack{constructor(){this.members=[]}add(node){addUniqueItem(this.members,node),node.scheduleRender()}remove(node){if(removeItem(this.members,node),node===this.prevLead&&(this.prevLead=void 0),node===this.lead){const prevLead=this.members[this.members.length-1];prevLead&&this.promote(prevLead)}}relegate(node){const indexOfNode=this.members.findIndex((member=>node===member));if(0===indexOfNode)return!1;let prevLead;for(let i=indexOfNode;i>=0;i--){const member=this.members[i];if(!1!==member.isPresent){prevLead=member;break}}return!!prevLead&&(this.promote(prevLead),!0)}promote(node,preserveFollowOpacity){const prevLead=this.lead;if(node!==prevLead&&(this.prevLead=prevLead,this.lead=node,node.show(),prevLead)){prevLead.instance&&prevLead.scheduleRender(),node.scheduleRender(),node.resumeFrom=prevLead,preserveFollowOpacity&&(node.resumeFrom.preserveOpacity=!0),prevLead.snapshot&&(node.snapshot=prevLead.snapshot,node.snapshot.latestValues=prevLead.animationValues||prevLead.latestValues),node.root&&node.root.isUpdating&&(node.isLayoutDirty=!0);const{crossfade}=node.options;!1===crossfade&&prevLead.hide()}}exitAnimationComplete(){this.members.forEach((node=>{const{options,resumingFrom}=node;options.onExitComplete&&options.onExitComplete(),resumingFrom&&resumingFrom.options.onExitComplete&&resumingFrom.options.onExitComplete()}))}scheduleRender(){this.members.forEach((node=>{node.instance&&node.scheduleRender(!1)}))}removeLeadSnapshot(){this.lead&&this.lead.snapshot&&(this.lead.snapshot=void 0)}}function buildProjectionTransform(delta,treeScale,latestTransform){let transform="";const xTranslate=delta.x.translate/treeScale.x,yTranslate=delta.y.translate/treeScale.y;if((xTranslate||yTranslate)&&(transform=`translate3d(${xTranslate}px, ${yTranslate}px, 0) `),1===treeScale.x&&1===treeScale.y||(transform+=`scale(${1/treeScale.x}, ${1/treeScale.y}) `),latestTransform){const{rotate,rotateX,rotateY}=latestTransform;rotate&&(transform+=`rotate(${rotate}deg) `),rotateX&&(transform+=`rotateX(${rotateX}deg) `),rotateY&&(transform+=`rotateY(${rotateY}deg) `)}const elementScaleX=delta.x.scale*treeScale.x,elementScaleY=delta.y.scale*treeScale.y;return 1===elementScaleX&&1===elementScaleY||(transform+=`scale(${elementScaleX}, ${elementScaleY})`),transform||"none"}const compareByDepth=(a,b)=>a.depth-b.depth;class FlatTree{constructor(){this.children=[],this.isDirty=!1}add(child){addUniqueItem(this.children,child),this.isDirty=!0}remove(child){removeItem(this.children,child),this.isDirty=!0}forEach(callback){this.isDirty&&this.children.sort(compareByDepth),this.isDirty=!1,this.children.forEach(callback)}}const transformAxes=["","X","Y","Z"];let create_projection_node_id=0;const projectionFrameData={type:"projectionFrame",totalNodes:0,resolvedTargetDeltas:0,recalculatedProjection:0};function createProjectionNode({attachResizeListener,defaultParent,measureScroll,checkIsScrollRoot,resetTransform}){return class ProjectionNode{constructor(latestValues={},parent=(null==defaultParent?void 0:defaultParent())){this.id=create_projection_node_id++,this.animationId=0,this.children=new Set,this.options={},this.isTreeAnimating=!1,this.isAnimationBlocked=!1,this.isLayoutDirty=!1,this.isProjectionDirty=!1,this.isSharedProjectionDirty=!1,this.isTransformDirty=!1,this.updateManuallyBlocked=!1,this.updateBlockedByResize=!1,this.isUpdating=!1,this.isSVG=!1,this.needsReset=!1,this.shouldResetTransform=!1,this.treeScale={x:1,y:1},this.eventHandlers=new Map,this.hasTreeAnimated=!1,this.updateScheduled=!1,this.checkUpdateFailed=()=>{this.isUpdating&&(this.isUpdating=!1,this.clearAllSnapshots())},this.updateProjection=()=>{projectionFrameData.totalNodes=projectionFrameData.resolvedTargetDeltas=projectionFrameData.recalculatedProjection=0,this.nodes.forEach(propagateDirtyNodes),this.nodes.forEach(resolveTargetDelta),this.nodes.forEach(calcProjection),this.nodes.forEach(cleanDirtyNodes),function record(data){window.MotionDebug&&window.MotionDebug.record(data)}(projectionFrameData)},this.hasProjected=!1,this.isVisible=!0,this.animationProgress=0,this.sharedNodes=new Map,this.latestValues=latestValues,this.root=parent?parent.root||parent:this,this.path=parent?[...parent.path,parent]:[],this.parent=parent,this.depth=parent?parent.depth+1:0;for(let i=0;ithis.root.updateBlockedByResize=!1;attachResizeListener(instance,(()=>{this.root.updateBlockedByResize=!0,cancelDelay&&cancelDelay(),cancelDelay=function delay(callback,timeout){const start=performance.now(),checkElapsed=({timestamp})=>{const elapsed=timestamp-start;elapsed>=timeout&&((0,frameloop_frame.Pn)(checkElapsed),callback(elapsed-timeout))};return frameloop_frame.Wi.read(checkElapsed,!0),()=>(0,frameloop_frame.Pn)(checkElapsed)}(resizeUnblockUpdate,250),globalProjectionState.hasAnimatedSinceResize&&(globalProjectionState.hasAnimatedSinceResize=!1,this.nodes.forEach(finishAnimation))}))}layoutId&&this.root.registerSharedNode(layoutId,this),!1!==this.options.animate&&visualElement&&(layoutId||layout)&&this.addEventListener("didUpdate",(({delta,hasLayoutChanged,hasRelativeTargetChanged,layout:newLayout})=>{if(this.isTreeAnimationBlocked())return this.target=void 0,void(this.relativeTarget=void 0);const layoutTransition=this.options.transition||visualElement.getDefaultTransition()||defaultLayoutTransition,{onLayoutAnimationStart,onLayoutAnimationComplete}=visualElement.getProps(),targetChanged=!this.targetLayout||!boxEquals(this.targetLayout,newLayout)||hasRelativeTargetChanged,hasOnlyRelativeTargetChanged=!hasLayoutChanged&&hasRelativeTargetChanged;if(this.options.layoutRoot||this.resumeFrom&&this.resumeFrom.instance||hasOnlyRelativeTargetChanged||hasLayoutChanged&&(targetChanged||!this.currentAnimation)){this.resumeFrom&&(this.resumingFrom=this.resumeFrom,this.resumingFrom.resumingFrom=void 0),this.setAnimationOrigin(delta,hasOnlyRelativeTargetChanged);const animationOptions={...getValueTransition(layoutTransition,"layout"),onPlay:onLayoutAnimationStart,onComplete:onLayoutAnimationComplete};(visualElement.shouldReduceMotion||this.options.layoutRoot)&&(animationOptions.delay=0,animationOptions.type=!1),this.startAnimation(animationOptions)}else hasLayoutChanged||finishAnimation(this),this.isLead()&&this.options.onExitComplete&&this.options.onExitComplete();this.targetLayout=newLayout}))}unmount(){this.options.layoutId&&this.willUpdate(),this.root.nodes.remove(this);const stack=this.getStack();stack&&stack.remove(this),this.parent&&this.parent.children.delete(this),this.instance=void 0,(0,frameloop_frame.Pn)(this.updateProjection)}blockUpdate(){this.updateManuallyBlocked=!0}unblockUpdate(){this.updateManuallyBlocked=!1}isUpdateBlocked(){return this.updateManuallyBlocked||this.updateBlockedByResize}isTreeAnimationBlocked(){return this.isAnimationBlocked||this.parent&&this.parent.isTreeAnimationBlocked()||!1}startUpdate(){this.isUpdateBlocked()||(this.isUpdating=!0,this.nodes&&this.nodes.forEach(resetRotation),this.animationId++)}getTransformTemplate(){const{visualElement}=this.options;return visualElement&&visualElement.getProps().transformTemplate}willUpdate(shouldNotifyListeners=!0){if(this.root.hasTreeAnimated=!0,this.root.isUpdateBlocked())return void(this.options.onExitComplete&&this.options.onExitComplete());if(!this.root.isUpdating&&this.root.startUpdate(),this.isLayoutDirty)return;this.isLayoutDirty=!0;for(let i=0;ithis.update())))}clearAllSnapshots(){this.nodes.forEach(clearSnapshot),this.sharedNodes.forEach(removeLeadSnapshots)}scheduleUpdateProjection(){frameloop_frame.Wi.preRender(this.updateProjection,!1,!0)}scheduleCheckAfterUnmount(){frameloop_frame.Wi.postRender((()=>{this.isLayoutDirty?this.root.didUpdate():this.root.checkUpdateFailed()}))}updateSnapshot(){!this.snapshot&&this.instance&&(this.snapshot=this.measure())}updateLayout(){if(!this.instance)return;if(this.updateScroll(),!(this.options.alwaysMeasureLayout&&this.isLead()||this.isLayoutDirty))return;if(this.resumeFrom&&!this.resumeFrom.instance)for(let i=0;iMath.round(2*point)/2);roundAxis(box.x),roundAxis(box.y)}(layoutBox),{animationId:this.root.animationId,measuredBox:pageBox,layoutBox,latestValues:{},source:this.id}}measurePageBox(){const{visualElement}=this.options;if(!visualElement)return createBox();const box=visualElement.measureViewportBox(),{scroll}=this.root;return scroll&&(translateAxis(box.x,scroll.offset.x),translateAxis(box.y,scroll.offset.y)),box}removeElementScroll(box){const boxWithoutScroll=createBox();copyBoxInto(boxWithoutScroll,box);for(let i=0;i{const progress=latest/1e3;mixAxisDelta(targetDelta.x,delta.x,progress),mixAxisDelta(targetDelta.y,delta.y,progress),this.setTargetDelta(targetDelta),this.relativeTarget&&this.relativeTargetOrigin&&this.layout&&this.relativeParent&&this.relativeParent.layout&&(calcRelativePosition(relativeLayout,this.layout.layoutBox,this.relativeParent.layout.layoutBox),function mixBox(output,from,to,p){mixAxis(output.x,from.x,to.x,p),mixAxis(output.y,from.y,to.y,p)}(this.relativeTarget,this.relativeTargetOrigin,relativeLayout,progress),prevRelativeTarget&&boxEquals(this.relativeTarget,prevRelativeTarget)&&(this.isProjectionDirty=!1),prevRelativeTarget||(prevRelativeTarget=createBox()),copyBoxInto(prevRelativeTarget,this.relativeTarget)),isSharedLayoutAnimation&&(this.animationValues=mixedValues,function mixValues(target,follow,lead,progress,shouldCrossfadeOpacity,isOnlyMember){shouldCrossfadeOpacity?(target.opacity=mix(0,void 0!==lead.opacity?lead.opacity:1,easeCrossfadeIn(progress)),target.opacityExit=mix(void 0!==follow.opacity?follow.opacity:1,0,easeCrossfadeOut(progress))):isOnlyMember&&(target.opacity=mix(void 0!==follow.opacity?follow.opacity:1,void 0!==lead.opacity?lead.opacity:1,progress));for(let i=0;i{globalProjectionState.hasAnimatedSinceResize=!0,this.currentAnimation=function animateSingleValue(value,keyframes,options){const motionValue$1=isMotionValue(value)?value:motionValue(value);return motionValue$1.start(animateMotionValue("",motionValue$1,keyframes,options)),motionValue$1.animation}(0,1e3,{...options,onUpdate:latest=>{this.mixTargetDelta(latest),options.onUpdate&&options.onUpdate(latest)},onComplete:()=>{options.onComplete&&options.onComplete(),this.completeAnimation()}}),this.resumingFrom&&(this.resumingFrom.currentAnimation=this.currentAnimation),this.pendingAnimation=void 0}))}completeAnimation(){this.resumingFrom&&(this.resumingFrom.currentAnimation=void 0,this.resumingFrom.preserveOpacity=void 0);const stack=this.getStack();stack&&stack.exitAnimationComplete(),this.resumingFrom=this.currentAnimation=this.animationValues=void 0,this.notifyListeners("animationComplete")}finishAnimation(){this.currentAnimation&&(this.mixTargetDelta&&this.mixTargetDelta(1e3),this.currentAnimation.stop()),this.completeAnimation()}applyTransformsToTarget(){const lead=this.getLead();let{targetWithTransforms,target,layout,latestValues}=lead;if(targetWithTransforms&&target&&layout){if(this!==lead&&this.layout&&layout&&shouldAnimatePositionOnly(this.options.animationType,this.layout.layoutBox,layout.layoutBox)){target=this.target||createBox();const xLength=calcLength(this.layout.layoutBox.x);target.x.min=lead.target.x.min,target.x.max=target.x.min+xLength;const yLength=calcLength(this.layout.layoutBox.y);target.y.min=lead.target.y.min,target.y.max=target.y.min+yLength}copyBoxInto(targetWithTransforms,target),transformBox(targetWithTransforms,latestValues),calcBoxDelta(this.projectionDeltaWithTransform,this.layoutCorrected,targetWithTransforms,latestValues)}}registerSharedNode(layoutId,node){this.sharedNodes.has(layoutId)||this.sharedNodes.set(layoutId,new NodeStack);this.sharedNodes.get(layoutId).add(node);const config=node.options.initialPromotionConfig;node.promote({transition:config?config.transition:void 0,preserveFollowOpacity:config&&config.shouldPreserveFollowOpacity?config.shouldPreserveFollowOpacity(node):void 0})}isLead(){const stack=this.getStack();return!stack||stack.lead===this}getLead(){var _a;const{layoutId}=this.options;return layoutId&&(null===(_a=this.getStack())||void 0===_a?void 0:_a.lead)||this}getPrevLead(){var _a;const{layoutId}=this.options;return layoutId?null===(_a=this.getStack())||void 0===_a?void 0:_a.prevLead:void 0}getStack(){const{layoutId}=this.options;if(layoutId)return this.root.sharedNodes.get(layoutId)}promote({needsReset,transition,preserveFollowOpacity}={}){const stack=this.getStack();stack&&stack.promote(this,preserveFollowOpacity),needsReset&&(this.projectionDelta=void 0,this.needsReset=!0),transition&&this.setOptions({transition})}relegate(){const stack=this.getStack();return!!stack&&stack.relegate(this)}resetRotation(){const{visualElement}=this.options;if(!visualElement)return;let hasRotate=!1;const{latestValues}=visualElement;if((latestValues.rotate||latestValues.rotateX||latestValues.rotateY||latestValues.rotateZ)&&(hasRotate=!0),!hasRotate)return;const resetValues={};for(let i=0;i{var _a;return null===(_a=node.currentAnimation)||void 0===_a?void 0:_a.stop()})),this.root.nodes.forEach(clearMeasurements),this.root.sharedNodes.clear()}}}function updateLayout(node){node.updateLayout()}function notifyLayoutUpdate(node){var _a;const snapshot=(null===(_a=node.resumeFrom)||void 0===_a?void 0:_a.snapshot)||node.snapshot;if(node.isLead()&&node.layout&&snapshot&&node.hasListeners("didUpdate")){const{layoutBox:layout,measuredBox:measuredLayout}=node.layout,{animationType}=node.options,isShared=snapshot.source!==node.layout.source;"size"===animationType?eachAxis((axis=>{const axisSnapshot=isShared?snapshot.measuredBox[axis]:snapshot.layoutBox[axis],length=calcLength(axisSnapshot);axisSnapshot.min=layout[axis].min,axisSnapshot.max=axisSnapshot.min+length})):shouldAnimatePositionOnly(animationType,snapshot.layoutBox,layout)&&eachAxis((axis=>{const axisSnapshot=isShared?snapshot.measuredBox[axis]:snapshot.layoutBox[axis],length=calcLength(layout[axis]);axisSnapshot.max=axisSnapshot.min+length,node.relativeTarget&&!node.currentAnimation&&(node.isProjectionDirty=!0,node.relativeTarget[axis].max=node.relativeTarget[axis].min+length)}));const layoutDelta=createDelta();calcBoxDelta(layoutDelta,layout,snapshot.layoutBox);const visualDelta=createDelta();isShared?calcBoxDelta(visualDelta,node.applyTransform(measuredLayout,!0),snapshot.measuredBox):calcBoxDelta(visualDelta,layout,snapshot.layoutBox);const hasLayoutChanged=!isDeltaZero(layoutDelta);let hasRelativeTargetChanged=!1;if(!node.resumeFrom){const relativeParent=node.getClosestProjectingParent();if(relativeParent&&!relativeParent.resumeFrom){const{snapshot:parentSnapshot,layout:parentLayout}=relativeParent;if(parentSnapshot&&parentLayout){const relativeSnapshot=createBox();calcRelativePosition(relativeSnapshot,snapshot.layoutBox,parentSnapshot.layoutBox);const relativeLayout=createBox();calcRelativePosition(relativeLayout,layout,parentLayout.layoutBox),boxEquals(relativeSnapshot,relativeLayout)||(hasRelativeTargetChanged=!0),relativeParent.options.layoutRoot&&(node.relativeTarget=relativeLayout,node.relativeTargetOrigin=relativeSnapshot,node.relativeParent=relativeParent)}}}node.notifyListeners("didUpdate",{layout,snapshot,delta:visualDelta,layoutDelta,hasLayoutChanged,hasRelativeTargetChanged})}else if(node.isLead()){const{onExitComplete}=node.options;onExitComplete&&onExitComplete()}node.options.transition=void 0}function propagateDirtyNodes(node){projectionFrameData.totalNodes++,node.parent&&(node.isProjecting()||(node.isProjectionDirty=node.parent.isProjectionDirty),node.isSharedProjectionDirty||(node.isSharedProjectionDirty=Boolean(node.isProjectionDirty||node.parent.isProjectionDirty||node.parent.isSharedProjectionDirty)),node.isTransformDirty||(node.isTransformDirty=node.parent.isTransformDirty))}function cleanDirtyNodes(node){node.isProjectionDirty=node.isSharedProjectionDirty=node.isTransformDirty=!1}function clearSnapshot(node){node.clearSnapshot()}function clearMeasurements(node){node.clearMeasurements()}function clearIsLayoutDirty(node){node.isLayoutDirty=!1}function resetTransformStyle(node){const{visualElement}=node.options;visualElement&&visualElement.getProps().onBeforeLayoutMeasure&&visualElement.notify("BeforeLayoutMeasure"),node.resetTransform()}function finishAnimation(node){node.finishAnimation(),node.targetDelta=node.relativeTarget=node.target=void 0,node.isProjectionDirty=!0}function resolveTargetDelta(node){node.resolveTargetDelta()}function calcProjection(node){node.calcProjection()}function resetRotation(node){node.resetRotation()}function removeLeadSnapshots(stack){stack.removeLeadSnapshot()}function mixAxisDelta(output,delta,p){output.translate=mix(delta.translate,0,p),output.scale=mix(delta.scale,1,p),output.origin=delta.origin,output.originPoint=delta.originPoint}function mixAxis(output,from,to,p){output.min=mix(from.min,to.min,p),output.max=mix(from.max,to.max,p)}function hasOpacityCrossfade(node){return node.animationValues&&void 0!==node.animationValues.opacityExit}const defaultLayoutTransition={duration:.45,ease:[.4,0,.1,1]};let roundPoint;const isWebKit=()=>navigator.userAgent.toLowerCase().includes("applewebkit/");function roundAxis(axis){axis.min=roundPoint(axis.min),axis.max=roundPoint(axis.max)}function shouldAnimatePositionOnly(animationType,snapshot,layout){return"position"===animationType||"preserve-aspect"===animationType&&!isNear(aspectRatio(snapshot),aspectRatio(layout),.2)}const DocumentProjectionNode=createProjectionNode({attachResizeListener:(ref,notify)=>addDomEvent(ref,"resize",notify),measureScroll:()=>({x:document.documentElement.scrollLeft||document.body.scrollLeft,y:document.documentElement.scrollTop||document.body.scrollTop}),checkIsScrollRoot:()=>!0}),rootProjectionNode={current:void 0},HTMLProjectionNode=createProjectionNode({measureScroll:instance=>({x:instance.scrollLeft,y:instance.scrollTop}),defaultParent:()=>{if(!rootProjectionNode.current){const documentNode=new DocumentProjectionNode({});documentNode.mount(window),documentNode.setOptions({layoutScroll:!0}),rootProjectionNode.current=documentNode}return rootProjectionNode.current},resetTransform:(instance,value)=>{instance.style.transform=void 0!==value?value:"none"},checkIsScrollRoot:instance=>Boolean("fixed"===window.getComputedStyle(instance).position)}),drag={pan:{Feature:class PanGesture extends Feature{constructor(){super(...arguments),this.removePointerDownListener=noop.Z}onPointerDown(pointerDownEvent){this.session=new PanSession(pointerDownEvent,this.createPanHandlers(),{transformPagePoint:this.node.getTransformPagePoint()})}createPanHandlers(){const{onPanSessionStart,onPanStart,onPan,onPanEnd}=this.node.getProps();return{onSessionStart:asyncHandler(onPanSessionStart),onStart:asyncHandler(onPanStart),onMove:onPan,onEnd:(event,info)=>{delete this.session,onPanEnd&&frameloop_frame.Wi.update((()=>onPanEnd(event,info)))}}}mount(){this.removePointerDownListener=addPointerEvent(this.node.current,"pointerdown",(event=>this.onPointerDown(event)))}update(){this.session&&this.session.updateHandlers(this.createPanHandlers())}unmount(){this.removePointerDownListener(),this.session&&this.session.end()}}},drag:{Feature:class DragGesture extends Feature{constructor(node){super(node),this.removeGroupControls=noop.Z,this.removeListeners=noop.Z,this.controls=new VisualElementDragControls(node)}mount(){const{dragControls}=this.node.getProps();dragControls&&(this.removeGroupControls=dragControls.subscribe(this.controls)),this.removeListeners=this.controls.addListeners()||noop.Z}unmount(){this.removeGroupControls(),this.removeListeners()}},ProjectionNode:HTMLProjectionNode,MeasureLayout}},splitCSSVariableRegex=/var\((--[a-zA-Z0-9-_]+),? ?([a-zA-Z0-9 ()%#.,-]+)?\)/;const maxDepth=4;function getVariableValue(current,element,depth=1){(0,errors.k)(depth<=maxDepth,`Max CSS variable fallback depth detected in property "${current}". This may indicate a circular fallback dependency.`);const[token,fallback]=function parseCSSVariable(current){const match=splitCSSVariableRegex.exec(current);if(!match)return[,];const[,token,fallback]=match;return[token,fallback]}(current);if(!token)return;const resolved=window.getComputedStyle(element).getPropertyValue(token);return resolved?resolved.trim():isCSSVariableToken(fallback)?getVariableValue(fallback,element,depth+1):fallback}const positionalKeys=new Set(["width","height","top","left","right","bottom","x","y","translateX","translateY"]),isPositionalKey=key=>positionalKeys.has(key),isNumOrPxType=v=>v===number||v===px,getPosFromMatrix=(matrix,pos)=>parseFloat(matrix.split(", ")[pos]),getTranslateFromMatrix=(pos2,pos3)=>(_bbox,{transform})=>{if("none"===transform||!transform)return 0;const matrix3d=transform.match(/^matrix3d\((.+)\)$/);if(matrix3d)return getPosFromMatrix(matrix3d[1],pos3);{const matrix=transform.match(/^matrix\((.+)\)$/);return matrix?getPosFromMatrix(matrix[1],pos2):0}},transformKeys=new Set(["x","y","z"]),nonTranslationalTransformKeys=transformPropOrder.filter((key=>!transformKeys.has(key)));const positionalValues={width:({x},{paddingLeft="0",paddingRight="0"})=>x.max-x.min-parseFloat(paddingLeft)-parseFloat(paddingRight),height:({y},{paddingTop="0",paddingBottom="0"})=>y.max-y.min-parseFloat(paddingTop)-parseFloat(paddingBottom),top:(_bbox,{top})=>parseFloat(top),left:(_bbox,{left})=>parseFloat(left),bottom:({y},{top})=>parseFloat(top)+(y.max-y.min),right:({x},{left})=>parseFloat(left)+(x.max-x.min),x:getTranslateFromMatrix(4,13),y:getTranslateFromMatrix(5,14)};positionalValues.translateX=positionalValues.x,positionalValues.translateY=positionalValues.y;const checkAndConvertChangedValueTypes=(visualElement,target,origin={},transitionEnd={})=>{target={...target},transitionEnd={...transitionEnd};const targetPositionalKeys=Object.keys(target).filter(isPositionalKey);let removedTransformValues=[],hasAttemptedToRemoveTransformValues=!1;const changedValueTypeKeys=[];if(targetPositionalKeys.forEach((key=>{const value=visualElement.getValue(key);if(!visualElement.hasValue(key))return;let from=origin[key],fromType=findDimensionValueType(from);const to=target[key];let toType;if(isKeyframesTarget(to)){const numKeyframes=to.length,fromIndex=null===to[0]?1:0;from=to[fromIndex],fromType=findDimensionValueType(from);for(let i=fromIndex;i{const value=visualElement.getValue(key);void 0!==value&&(removedTransforms.push([key,value.get()]),value.set(key.startsWith("scale")?1:0))})),removedTransforms.length&&visualElement.render(),removedTransforms}(visualElement),hasAttemptedToRemoveTransformValues=!0),changedValueTypeKeys.push(key),transitionEnd[key]=void 0!==transitionEnd[key]?transitionEnd[key]:target[key],value.jump(to))})),changedValueTypeKeys.length){const scrollY=changedValueTypeKeys.indexOf("height")>=0?window.pageYOffset:null,convertedTarget=((target,visualElement,changedKeys)=>{const originBbox=visualElement.measureViewportBox(),element=visualElement.current,elementComputedStyle=getComputedStyle(element),{display}=elementComputedStyle,origin={};"none"===display&&visualElement.setStaticValue("display",target.display||"block"),changedKeys.forEach((key=>{origin[key]=positionalValues[key](originBbox,elementComputedStyle)})),visualElement.render();const targetBbox=visualElement.measureViewportBox();return changedKeys.forEach((key=>{const value=visualElement.getValue(key);value&&value.jump(origin[key]),target[key]=positionalValues[key](targetBbox,elementComputedStyle)})),target})(target,visualElement,changedValueTypeKeys);return removedTransformValues.length&&removedTransformValues.forEach((([key,value])=>{visualElement.getValue(key).set(value)})),visualElement.render(),is_browser.j&&null!==scrollY&&window.scrollTo({top:scrollY}),{target:convertedTarget,transitionEnd}}return{target,transitionEnd}};function unitConversion(visualElement,target,origin,transitionEnd){return(target=>Object.keys(target).some(isPositionalKey))(target)?checkAndConvertChangedValueTypes(visualElement,target,origin,transitionEnd):{target,transitionEnd}}const parseDomVariant=(visualElement,target,origin,transitionEnd)=>{const resolved=function resolveCSSVariables(visualElement,{...target},transitionEnd){const element=visualElement.current;if(!(element instanceof Element))return{target,transitionEnd};transitionEnd&&(transitionEnd={...transitionEnd}),visualElement.values.forEach((value=>{const current=value.get();if(!isCSSVariableToken(current))return;const resolved=getVariableValue(current,element);resolved&&value.set(resolved)}));for(const key in target){const current=target[key];if(!isCSSVariableToken(current))continue;const resolved=getVariableValue(current,element);resolved&&(target[key]=resolved,transitionEnd||(transitionEnd={}),void 0===transitionEnd[key]&&(transitionEnd[key]=current))}return{target,transitionEnd}}(visualElement,target,transitionEnd);return unitConversion(visualElement,target=resolved.target,origin,transitionEnd=resolved.transitionEnd)},prefersReducedMotion={current:null},hasReducedMotionListener={current:!1};const visualElementStore=new WeakMap,featureNames=Object.keys(featureDefinitions),numFeatures=featureNames.length,propEventHandlers=["AnimationStart","AnimationComplete","Update","BeforeLayoutMeasure","LayoutMeasure","LayoutAnimationStart","LayoutAnimationComplete"],numVariantProps=variantProps.length;class VisualElement{constructor({parent,props,presenceContext,reducedMotionConfig,visualState},options={}){this.current=null,this.children=new Set,this.isVariantNode=!1,this.isControllingVariants=!1,this.shouldReduceMotion=null,this.values=new Map,this.features={},this.valueSubscriptions=new Map,this.prevMotionValues={},this.events={},this.propEventSubscriptions={},this.notifyUpdate=()=>this.notify("Update",this.latestValues),this.render=()=>{this.current&&(this.triggerBuild(),this.renderInstance(this.current,this.renderState,this.props.style,this.projection))},this.scheduleRender=()=>frameloop_frame.Wi.render(this.render,!1,!0);const{latestValues,renderState}=visualState;this.latestValues=latestValues,this.baseTarget={...latestValues},this.initialValues=props.initial?{...latestValues}:{},this.renderState=renderState,this.parent=parent,this.props=props,this.presenceContext=presenceContext,this.depth=parent?parent.depth+1:0,this.reducedMotionConfig=reducedMotionConfig,this.options=options,this.isControllingVariants=isControllingVariants(props),this.isVariantNode=isVariantNode(props),this.isVariantNode&&(this.variantChildren=new Set),this.manuallyAnimateOnMount=Boolean(parent&&parent.current);const{willChange,...initialMotionValues}=this.scrapeMotionValuesFromProps(props,{});for(const key in initialMotionValues){const value=initialMotionValues[key];void 0!==latestValues[key]&&isMotionValue(value)&&(value.set(latestValues[key],!1),isWillChangeMotionValue(willChange)&&willChange.add(key))}}scrapeMotionValuesFromProps(_props,_prevProps){return{}}mount(instance){this.current=instance,visualElementStore.set(instance,this),this.projection&&!this.projection.instance&&this.projection.mount(instance),this.parent&&this.isVariantNode&&!this.isControllingVariants&&(this.removeFromVariantTree=this.parent.addVariantChild(this)),this.values.forEach(((value,key)=>this.bindToMotionValue(key,value))),hasReducedMotionListener.current||function initPrefersReducedMotion(){if(hasReducedMotionListener.current=!0,is_browser.j)if(window.matchMedia){const motionMediaQuery=window.matchMedia("(prefers-reduced-motion)"),setReducedMotionPreferences=()=>prefersReducedMotion.current=motionMediaQuery.matches;motionMediaQuery.addListener(setReducedMotionPreferences),setReducedMotionPreferences()}else prefersReducedMotion.current=!1}(),this.shouldReduceMotion="never"!==this.reducedMotionConfig&&("always"===this.reducedMotionConfig||prefersReducedMotion.current),this.parent&&this.parent.children.add(this),this.update(this.props,this.presenceContext)}unmount(){visualElementStore.delete(this.current),this.projection&&this.projection.unmount(),(0,frameloop_frame.Pn)(this.notifyUpdate),(0,frameloop_frame.Pn)(this.render),this.valueSubscriptions.forEach((remove=>remove())),this.removeFromVariantTree&&this.removeFromVariantTree(),this.parent&&this.parent.children.delete(this);for(const key in this.events)this.events[key].clear();for(const key in this.features)this.features[key].unmount();this.current=null}bindToMotionValue(key,value){const valueIsTransform=transformProps.has(key),removeOnChange=value.on("change",(latestValue=>{this.latestValues[key]=latestValue,this.props.onUpdate&&frameloop_frame.Wi.update(this.notifyUpdate,!1,!0),valueIsTransform&&this.projection&&(this.projection.isTransformDirty=!0)})),removeOnRenderRequest=value.on("renderRequest",this.scheduleRender);this.valueSubscriptions.set(key,(()=>{removeOnChange(),removeOnRenderRequest()}))}sortNodePosition(other){return this.current&&this.sortInstanceNodePosition&&this.type===other.type?this.sortInstanceNodePosition(this.current,other.current):0}loadFeatures({children,...renderedProps},isStrict,preloadedFeatures,initialLayoutGroupConfig){let ProjectionNodeConstructor,MeasureLayout;for(let i=0;ithis.scheduleRender(),animationType:"string"==typeof layout?layout:"both",initialPromotionConfig:initialLayoutGroupConfig,layoutScroll,layoutRoot})}return MeasureLayout}updateFeatures(){for(const key in this.features){const feature=this.features[key];feature.isMounted?feature.update():(feature.mount(),feature.isMounted=!0)}}triggerBuild(){this.build(this.renderState,this.latestValues,this.options,this.props)}measureViewportBox(){return this.current?this.measureInstanceViewportBox(this.current,this.props):createBox()}getStaticValue(key){return this.latestValues[key]}setStaticValue(key,value){this.latestValues[key]=value}makeTargetAnimatable(target,canMutate=!0){return this.makeTargetAnimatableFromInstance(target,this.props,canMutate)}update(props,presenceContext){(props.transformTemplate||this.props.transformTemplate)&&this.scheduleRender(),this.prevProps=this.props,this.props=props,this.prevPresenceContext=this.presenceContext,this.presenceContext=presenceContext;for(let i=0;iclosestVariantNode.variantChildren.delete(child)}addValue(key,value){value!==this.values.get(key)&&(this.removeValue(key),this.bindToMotionValue(key,value)),this.values.set(key,value),this.latestValues[key]=value.get()}removeValue(key){this.values.delete(key);const unsubscribe=this.valueSubscriptions.get(key);unsubscribe&&(unsubscribe(),this.valueSubscriptions.delete(key)),delete this.latestValues[key],this.removeValueFromRenderState(key,this.renderState)}hasValue(key){return this.values.has(key)}getValue(key,defaultValue){if(this.props.values&&this.props.values[key])return this.props.values[key];let value=this.values.get(key);return void 0===value&&void 0!==defaultValue&&(value=motionValue(defaultValue,{owner:this}),this.addValue(key,value)),value}readValue(key){var _a;return void 0===this.latestValues[key]&&this.current?null!==(_a=this.getBaseTargetFromProps(this.props,key))&&void 0!==_a?_a:this.readValueFromInstance(this.current,key,this.options):this.latestValues[key]}setBaseTarget(key,value){this.baseTarget[key]=value}getBaseTarget(key){var _a;const{initial}=this.props,valueFromInitial="string"==typeof initial||"object"==typeof initial?null===(_a=resolveVariantFromProps(this.props,initial))||void 0===_a?void 0:_a[key]:void 0;if(initial&&void 0!==valueFromInitial)return valueFromInitial;const target=this.getBaseTargetFromProps(this.props,key);return void 0===target||isMotionValue(target)?void 0!==this.initialValues[key]&&void 0===valueFromInitial?void 0:this.baseTarget[key]:target}on(eventName,callback){return this.events[eventName]||(this.events[eventName]=new SubscriptionManager),this.events[eventName].add(callback)}notify(eventName,...args){this.events[eventName]&&this.events[eventName].notify(...args)}}class DOMVisualElement extends VisualElement{sortInstanceNodePosition(a,b){return 2&a.compareDocumentPosition(b)?1:-1}getBaseTargetFromProps(props,key){return props.style?props.style[key]:void 0}removeValueFromRenderState(key,{vars,style}){delete vars[key],delete style[key]}makeTargetAnimatableFromInstance({transition,transitionEnd,...target},{transformValues},isMounted){let origin=function getOrigin(target,transition,visualElement){const origin={};for(const key in target){const transitionOrigin=getOriginFromTransition(key,transition);if(void 0!==transitionOrigin)origin[key]=transitionOrigin;else{const value=visualElement.getValue(key);value&&(origin[key]=value.get())}}return origin}(target,transition||{},this);if(transformValues&&(transitionEnd&&(transitionEnd=transformValues(transitionEnd)),target&&(target=transformValues(target)),origin&&(origin=transformValues(origin))),isMounted){!function checkTargetForNewValues(visualElement,target,origin){var _a,_b;const newValueKeys=Object.keys(target).filter((key=>!visualElement.hasValue(key))),numNewValues=newValueKeys.length;if(numNewValues)for(let i=0;i{this.current&&(this.current.textContent=`${latest}`)})))}renderInstance(instance,renderState,styleProp,projection){renderHTML(instance,renderState,styleProp,projection)}}class SVGVisualElement extends DOMVisualElement{constructor(){super(...arguments),this.isSVGTag=!1}getBaseTargetFromProps(props,key){return props[key]}readValueFromInstance(instance,key){if(transformProps.has(key)){const defaultType=getDefaultValueType(key);return defaultType&&defaultType.default||0}return key=camelCaseAttributes.has(key)?key:camelToDash(key),instance.getAttribute(key)}measureInstanceViewportBox(){return createBox()}scrapeMotionValuesFromProps(props,prevProps){return scrape_motion_values_scrapeMotionValuesFromProps(props,prevProps)}build(renderState,latestValues,options,props){buildSVGAttrs(renderState,latestValues,options,this.isSVGTag,props.transformTemplate)}renderInstance(instance,renderState,styleProp,projection){renderSVG(instance,renderState,0,projection)}mount(instance){this.isSVGTag=isSVGTag(instance.tagName),super.mount(instance)}}const create_visual_element_createDomVisualElement=(Component,options)=>isSVGComponent(Component)?new SVGVisualElement(options,{enableHardwareAcceleration:!1}):new HTMLVisualElement(options,{enableHardwareAcceleration:!0}),preloadedFeatures={...animations,...gestureAnimations,...drag,...{layout:{ProjectionNode:HTMLProjectionNode,MeasureLayout}}},motion=createMotionProxy(((Component,config)=>function create_config_createDomMotionConfig(Component,{forwardMotionProps=!1},preloadedFeatures,createVisualElement){return{...isSVGComponent(Component)?svgMotionConfig:htmlMotionConfig,preloadedFeatures,useRender:createUseRender(forwardMotionProps),createVisualElement,Component}}(Component,config,preloadedFeatures,create_visual_element_createDomVisualElement)))},"./packages/components/node_modules/framer-motion/dist/es/utils/errors.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{K:()=>warning,k:()=>invariant});var _noop_mjs__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./packages/components/node_modules/framer-motion/dist/es/utils/noop.mjs");let warning=_noop_mjs__WEBPACK_IMPORTED_MODULE_0__.Z,invariant=_noop_mjs__WEBPACK_IMPORTED_MODULE_0__.Z},"./packages/components/node_modules/framer-motion/dist/es/utils/is-browser.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{j:()=>isBrowser});const isBrowser="undefined"!=typeof document},"./packages/components/node_modules/framer-motion/dist/es/utils/noop.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>noop});const noop=any=>any},"./packages/components/node_modules/framer-motion/dist/es/utils/use-constant.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{h:()=>useConstant});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function useConstant(init){const ref=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);return null===ref.current&&(ref.current=init()),ref.current}},"./packages/components/node_modules/framer-motion/dist/es/utils/use-isomorphic-effect.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{L:()=>useIsomorphicLayoutEffect});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const useIsomorphicLayoutEffect=__webpack_require__("./packages/components/node_modules/framer-motion/dist/es/utils/is-browser.mjs").j?react__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect:react__WEBPACK_IMPORTED_MODULE_0__.useEffect}}]);
\ No newline at end of file
diff --git a/175.a8c094f4.iframe.bundle.js b/175.a8c094f4.iframe.bundle.js
new file mode 100644
index 00000000000000..731f80c24b3edb
--- /dev/null
+++ b/175.a8c094f4.iframe.bundle.js
@@ -0,0 +1 @@
+"use strict";(globalThis.webpackChunkgutenberg=globalThis.webpackChunkgutenberg||[]).push([[175],{"./packages/element/build-module/platform.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__={OS:"web",select:spec=>"web"in spec?spec.web:spec.default,isWeb:!0}},"./packages/components/src/unit-control/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{dO:()=>UnitControl,ZP:()=>unit_control});var react=__webpack_require__("./node_modules/react/index.js"),clsx=__webpack_require__("./node_modules/clsx/dist/clsx.mjs"),build_module=__webpack_require__("./packages/deprecated/build-module/index.js"),i18n_build_module=__webpack_require__("./packages/i18n/build-module/index.js"),unit_control_styles=__webpack_require__("./packages/components/src/unit-control/styles/unit-control-styles.ts"),utils=__webpack_require__("./packages/components/src/unit-control/utils.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function UnitSelectControl({className,isUnitSelectTabbable:isTabbable=!0,onChange,size="default",unit="px",units=utils.Ui,...props},ref){if(!(0,utils.wW)(units)||1===units?.length)return(0,jsx_runtime.jsx)(unit_control_styles.Vh,{className:"components-unit-control__unit-label",selectSize:size,children:unit});const classes=(0,clsx.Z)("components-unit-control__select",className);return(0,jsx_runtime.jsx)(unit_control_styles.mY,{ref,className:classes,onChange:event=>{const{value:unitValue}=event.target,data=units.find((option=>option.value===unitValue));onChange?.(unitValue,{event,data})},selectSize:size,tabIndex:isTabbable?void 0:-1,value:unit,...props,children:units.map((option=>(0,jsx_runtime.jsx)("option",{value:option.value,children:option.label},option.value)))})}UnitSelectControl.displayName="UnitSelectControl";const unit_select_control=(0,react.forwardRef)(UnitSelectControl);var use_controlled_state=__webpack_require__("./packages/components/src/utils/hooks/use-controlled-state.js"),strings=__webpack_require__("./packages/components/src/utils/strings.ts"),use_deprecated_props=__webpack_require__("./packages/components/src/utils/use-deprecated-props.ts");function UnforwardedUnitControl(unitControlProps,forwardedRef){const{__unstableStateReducer,autoComplete="off",children,className,disabled=!1,disableUnits=!1,isPressEnterToChange=!1,isResetValueOnUnitChange=!1,isUnitSelectTabbable=!0,label,onChange:onChangeProp,onUnitChange,size="default",unit:unitProp,units:unitsProp=utils.Ui,value:valueProp,onFocus:onFocusProp,...props}=(0,use_deprecated_props.s)(unitControlProps);"unit"in unitControlProps&&(0,build_module.Z)("UnitControl unit prop",{since:"5.6",hint:"The unit should be provided within the `value` prop.",version:"6.2"});const nonNullValueProp=null!=valueProp?valueProp:void 0,[units,reFirstCharacterOfUnits]=(0,react.useMemo)((()=>{const list=(0,utils.e_)(nonNullValueProp,unitProp,unitsProp),[{value:firstUnitValue=""}={},...rest]=list,firstCharacters=rest.reduce(((carry,{value})=>{const first=(0,strings.hr)(value?.substring(0,1)||"");return carry.includes(first)?carry:`${carry}|${first}`}),(0,strings.hr)(firstUnitValue.substring(0,1)));return[list,new RegExp(`^(?:${firstCharacters})$`,"i")]}),[nonNullValueProp,unitProp,unitsProp]),[parsedQuantity,parsedUnit]=(0,utils.hy)(nonNullValueProp,unitProp,units),[unit,setUnit]=(0,use_controlled_state.Z)(1===units.length?units[0].value:unitProp,{initial:parsedUnit,fallback:""});(0,react.useEffect)((()=>{void 0!==parsedUnit&&setUnit(parsedUnit)}),[parsedUnit,setUnit]);const classes=(0,clsx.Z)("components-unit-control","components-unit-control-wrapper",className);let handleOnKeyDown;!disableUnits&&isUnitSelectTabbable&&units.length&&(handleOnKeyDown=event=>{props.onKeyDown?.(event),!event.metaKey&&reFirstCharacterOfUnits.test(event.key)&&refInputSuffix.current?.focus()});const refInputSuffix=(0,react.useRef)(null),inputSuffix=disableUnits?null:(0,jsx_runtime.jsx)(unit_select_control,{ref:refInputSuffix,"aria-label":(0,i18n_build_module.__)("Select unit"),disabled,isUnitSelectTabbable,onChange:(nextUnitValue,changeProps)=>{const{data}=changeProps;let nextValue=`${null!=parsedQuantity?parsedQuantity:""}${nextUnitValue}`;isResetValueOnUnitChange&&void 0!==data?.default&&(nextValue=`${data.default}${nextUnitValue}`),onChangeProp?.(nextValue,changeProps),onUnitChange?.(nextUnitValue,changeProps),setUnit(nextUnitValue)},size:["small","compact"].includes(size)||"default"===size&&!props.__next40pxDefaultSize?"small":"default",unit,units,onFocus:onFocusProp,onBlur:unitControlProps.onBlur});let step=props.step;if(!step&&units){var _activeUnit$step;const activeUnit=units.find((option=>option.value===unit));step=null!==(_activeUnit$step=activeUnit?.step)&&void 0!==_activeUnit$step?_activeUnit$step:1}return(0,jsx_runtime.jsx)(unit_control_styles.Ke,{...props,autoComplete,className:classes,disabled,spinControls:"none",isPressEnterToChange,label,onKeyDown:handleOnKeyDown,onChange:(nextQuantityValue,changeProps)=>{if(""===nextQuantityValue||null==nextQuantityValue)return void onChangeProp?.("",changeProps);const onChangeValue=(0,utils.Gl)(nextQuantityValue,units,parsedQuantity,unit).join("");onChangeProp?.(onChangeValue,changeProps)},ref:forwardedRef,size,suffix:inputSuffix,type:isPressEnterToChange?"text":"number",value:null!=parsedQuantity?parsedQuantity:"",step,onFocus:onFocusProp,__unstableStateReducer})}UnforwardedUnitControl.displayName="UnforwardedUnitControl";const UnitControl=(0,react.forwardRef)(UnforwardedUnitControl),unit_control=UnitControl;try{UnitControl.displayName="UnitControl",UnitControl.__docgenInfo={description:"`UnitControl` allows the user to set a numeric quantity as well as a unit (e.g. `px`).\n\n\n```jsx\nimport { __experimentalUnitControl as UnitControl } from '@wordpress/components';\nimport { useState } from '@wordpress/element';\n\nconst Example = () => {\n const [ value, setValue ] = useState( '10px' );\n\n return ;\n};\n```",displayName:"UnitControl",props:{size:{defaultValue:{value:"'default'"},description:"Adjusts the size of the input.",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"default"'},{value:'"compact"'},{value:'"__unstable-large"'}]}},onChange:{defaultValue:null,description:"A callback function invoked when the value is changed.\nA function that receives the value of the input.",name:"onChange",required:!1,type:{name:"UnitControlOnChangeCallback & InputChangeCallback<{}>"}},isUnitSelectTabbable:{defaultValue:{value:"true"},description:"Whether the control can be focused via keyboard navigation.",name:"isUnitSelectTabbable",required:!1,type:{name:"boolean"}},units:{defaultValue:{value:"CSS_UNITS"},description:"Available units to select from.",name:"units",required:!1,type:{name:"WPUnitControlUnit[]"}},label:{defaultValue:null,description:"If this property is added, a label will be generated using label property as the content.",name:"label",required:!1,type:{name:"ReactNode"}},prefix:{defaultValue:null,description:"Renders an element on the left side of the input.\n\nBy default, the prefix is aligned with the edge of the input border, with no padding.\nIf you want to apply standard padding in accordance with the size variant, wrap the element in\nthe provided `` component.\n@example import {\n __experimentalInputControl as InputControl,\n __experimentalInputControlPrefixWrapper as InputControlPrefixWrapper,\n} from '@wordpress/components';\n\n@ }\n/>",name:"prefix",required:!1,type:{name:"ReactNode"}},onDrag:{defaultValue:null,description:"",name:"onDrag",required:!1,type:{name:'(dragProps: Omit, "event"> & { event: unknown; }) => void'}},onDragEnd:{defaultValue:null,description:"",name:"onDragEnd",required:!1,type:{name:'(dragProps: Omit, "event"> & { event: unknown; }) => void'}},onDragStart:{defaultValue:null,description:"",name:"onDragStart",required:!1,type:{name:'(dragProps: Omit, "event"> & { event: unknown; }) => void'}},step:{defaultValue:{value:"1"},description:"Amount by which the `value` is changed when incrementing/decrementing.\nIt is also a factor in validation as `value` must be a multiple of `step`\n(offset by `min`, if specified) to be valid. Accepts the special string value `any`\nthat voids the validation constraint and causes stepping actions to increment/decrement by `1`.",name:"step",required:!1,type:{name:"string | number"}},max:{defaultValue:{value:"Infinity"},description:"The maximum `value` allowed.",name:"max",required:!1,type:{name:"number"}},min:{defaultValue:{value:"-Infinity"},description:"The minimum `value` allowed.",name:"min",required:!1,type:{name:"number"}},disabled:{defaultValue:{value:"false"},description:"If true, the `input` will be disabled.",name:"disabled",required:!1,type:{name:"boolean"}},value:{defaultValue:null,description:'The value of the input.\nCurrent value. If passed as a string, the current unit will be inferred from this value.\nFor example, a `value` of "50%" will set the current unit to `%`.',name:"value",required:!1,type:{name:"string | number"}},required:{defaultValue:{value:"false"},description:"If `true` enforces a valid number within the control's min/max range.\nIf `false` allows an empty string as a valid value.",name:"required",required:!1,type:{name:"boolean"}},isDragEnabled:{defaultValue:{value:"true"},description:"If true, enables mouse drag gestures.",name:"isDragEnabled",required:!1,type:{name:"boolean"}},__next36pxDefaultSize:{defaultValue:{value:"false"},description:"Deprecated. Use `__next40pxDefaultSize` instead.\n@deprecated",name:"__next36pxDefaultSize",required:!1,type:{name:"boolean"}},__next40pxDefaultSize:{defaultValue:{value:"false"},description:"Start opting into the larger default height that will become the default size in a future version.",name:"__next40pxDefaultSize",required:!1,type:{name:"boolean"}},__unstableInputWidth:{defaultValue:null,description:"",name:"__unstableInputWidth",required:!1,type:{name:"Width"}},hideLabelFromVision:{defaultValue:{value:"false"},description:"If true, the label will only be visible to screen readers.",name:"hideLabelFromVision",required:!1,type:{name:"boolean"}},labelPosition:{defaultValue:{value:"'top'"},description:"The position of the label.",name:"labelPosition",required:!1,type:{name:"enum",value:[{value:'"top"'},{value:'"bottom"'},{value:'"edge"'},{value:'"side"'}]}},help:{defaultValue:null,description:"Additional description for the control.\n\nIt is preferable to use plain text for `help`, as it can be accessibly associated with the control using `aria-describedby`.\nWhen the `help` contains links, or otherwise non-plain text content, it will be associated with the control using `aria-details`.",name:"help",required:!1,type:{name:"ReactNode"}},dragDirection:{defaultValue:{value:"'n'"},description:"Determines the drag axis.",name:"dragDirection",required:!1,type:{name:"enum",value:[{value:'"s"'},{value:'"n"'},{value:'"e"'},{value:'"w"'}]}},dragThreshold:{defaultValue:{value:"10"},description:"If `isDragEnabled` is true, this controls the amount of `px` to have been dragged before\nthe drag gesture is actually triggered.",name:"dragThreshold",required:!1,type:{name:"number"}},isPressEnterToChange:{defaultValue:{value:"false"},description:"If true, the `ENTER` key press is required in order to trigger an `onChange`.\nIf enabled, a change is also triggered when tabbing away (`onBlur`).",name:"isPressEnterToChange",required:!1,type:{name:"boolean"}},onValidate:{defaultValue:null,description:"",name:"onValidate",required:!1,type:{name:"(nextValue: string, event?: SyntheticEvent) => void"}},__unstableStateReducer:{defaultValue:null,description:"",name:"__unstableStateReducer",required:!1,type:{name:"StateReducer"}},hideHTMLArrows:{defaultValue:{value:"false"},description:"If true, the default `input` HTML arrows will be hidden.\n@deprecated",name:"hideHTMLArrows",required:!1,type:{name:"boolean"}},isShiftStepEnabled:{defaultValue:{value:"true"},description:"If true, pressing `UP` or `DOWN` along with the `SHIFT` key will increment the\nvalue by the `shiftStep` value.",name:"isShiftStepEnabled",required:!1,type:{name:"boolean"}},shiftStep:{defaultValue:{value:"10"},description:"Amount to increment by when the `SHIFT` key is held down. This shift value is\na multiplier to the `step` value. For example, if the `step` value is `5`,\nand `shiftStep` is `10`, each jump would increment/decrement by `50`.",name:"shiftStep",required:!1,type:{name:"number"}},spinFactor:{defaultValue:{value:"1"},description:'Optional multiplication factor in spin changes. i.e. A spin changes\nby `spinFactor * step` (if `step` is "any", 1 is used instead).',name:"spinFactor",required:!1,type:{name:"number"}},disableUnits:{defaultValue:{value:"false"},description:"If `true`, the unit `