[^\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.2568b2df.iframe.bundle.js b/1629.2568b2df.iframe.bundle.js
new file mode 100644
index 00000000000000..4a4a345dc3baf2
--- /dev/null
+++ b/1629.2568b2df.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" | ComponentClass | FunctionComponent | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | ... 524 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.5a4721f7.iframe.bundle.js b/166.5a4721f7.iframe.bundle.js
new file mode 100644
index 00000000000000..788c71071e48a3
--- /dev/null
+++ b/166.5a4721f7.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" | ComponentClass | FunctionComponent | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | ... 524 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" | ComponentClass | FunctionComponent | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | ... 524 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" | ComponentClass | FunctionComponent | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | ... 524 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/175.6276042f.iframe.bundle.js b/175.6276042f.iframe.bundle.js
new file mode 100644
index 00000000000000..48ad28363bba19
--- /dev/null
+++ b/175.6276042f.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\nThe element containing the description will be programmatically associated to the BaseControl by the means of an `aria-describedby` attribute.",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 `