diff --git a/2800.7483cfcb.iframe.bundle.js b/2800.9cfb67c8.iframe.bundle.js similarity index 83% rename from 2800.7483cfcb.iframe.bundle.js rename to 2800.9cfb67c8.iframe.bundle.js index 9bf9cc2d5e2..ba40ec1120d 100644 --- a/2800.7483cfcb.iframe.bundle.js +++ b/2800.9cfb67c8.iframe.bundle.js @@ -1,5 +1,5 @@ -/*! For license information please see 2800.7483cfcb.iframe.bundle.js.LICENSE.txt */ -(self.webpackChunkdata_hub_frontend=self.webpackChunkdata_hub_frontend||[]).push([[2800],{"./node_modules/@storybook/addon-docs/dist/DocsRenderer-NNNQARDV.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{DocsRenderer:()=>DocsRenderer});var react=__webpack_require__("./node_modules/react/index.js"),react_16=__webpack_require__("./node_modules/@storybook/react-dom-shim/dist/react-16.mjs"),chunk_GWAJ4KRU=__webpack_require__("./node_modules/@storybook/blocks/dist/chunk-GWAJ4KRU.mjs"),dist=__webpack_require__("./node_modules/@storybook/theming/dist/index.mjs"),chunk_EIRT5I3Z=__webpack_require__("./node_modules/@storybook/theming/dist/chunk-EIRT5I3Z.mjs"),components_dist=__webpack_require__("./node_modules/@storybook/components/dist/index.mjs"),chunk_LWG3MFN2=__webpack_require__("./node_modules/@storybook/components/dist/chunk-LWG3MFN2.mjs"),polished_esm=__webpack_require__("./node_modules/polished/dist/polished.esm.js"),external_STORYBOOK_MODULE_GLOBAL_=__webpack_require__("@storybook/global"),pickBy=__webpack_require__("./node_modules/lodash/pickBy.js"),pickBy_default=__webpack_require__.n(pickBy),csf_dist=__webpack_require__("./node_modules/@storybook/csf/dist/index.mjs"),external_STORYBOOK_MODULE_CLIENT_LOGGER_=__webpack_require__("@storybook/client-logger");function n(){return n=Object.assign?Object.assign.bind():function(e){for(var n=1;n(e[n.toLowerCase()]=n,e)),{for:"htmlFor"}),o={amp:"&",apos:"'",gt:">",lt:"<",nbsp:" ",quot:"“"},c=["style","script"],a=/([-A-Z0-9_:]+)(?:\s*=\s*(?:(?:"((?:\\.|[^"])*)")|(?:'((?:\\.|[^'])*)')|(?:\{((?:\\.|{[^}]*?}|[^}])*)\})))?/gi,s=/mailto:/i,d=/\n{2,}$/,u=/^( *>[^\n]+(\n[^\n]+)*\n*)+\n{2,}/,p=/^ *> ?/gm,f=/^ {2,}\n/,h=/^(?:( *[-*_])){3,} *(?:\n *)+\n/,m=/^\s*(`{3,}|~{3,}) *(\S+)?([^\n]*?)?\n([\s\S]+?)\s*\1 *(?:\n *)*\n?/,g=/^(?: {4}[^\n]+\n*)+(?:\n *)+\n?/,y=/^(`+)\s*([\s\S]*?[^`])\s*\1(?!`)/,k=/^(?:\n *)*\n/,x=/\r\n?/g,b=/^\[\^([^\]]+)](:(.*)((\n+ {4,}.*)|(\n(?!\[\^).+))*)/,v=/^\[\^([^\]]+)]/,$=/\f/g,w=/^---[ \t]*\n(.|\n)*\n---[ \t]*\n/,E=/^\s*?\[(x|\s)\]/,S=/^ *(#{1,6}) *([^\n]+?)(?: +#*)?(?:\n *)*(?:\n|$)/,C=/^ *(#{1,6}) +([^\n]+?)(?: +#*)?(?:\n *)*(?:\n|$)/,A=/^([^\n]+)\n *(=|-){3,} *(?:\n *)+\n/,O=/^ *(?!<[a-z][^ >/]* ?\/>)<([a-z][^ >/]*) ?([^>]*)>\n?(\s*(?:<\1[^>]*?>[\s\S]*?<\/\1>|(?!<\1\b)[\s\S])*?)<\/\1>(?!<\/\1>)\n*/i,T=/&([a-z0-9]+|#[0-9]{1,6}|#x[0-9a-fA-F]{1,6});/gi,L=/^)/,R=/^(data|aria|x)-[a-z_][a-z\d_.-]*$/,z=/^ *<([a-z][a-z0-9:]*)(?:\s+((?:<.*?>|[^>])*))?\/?>(?!<\/\1>)(\s*\n)?/i,M=/^\{.*\}$/,I=/^(https?:\/\/[^\s<]+[^<.,:;"')\]\s])/,U=/^<([^ >]+@[^ >]+)>/,j=/^<([^ >]+:\/[^ >]+)>/,B=/-([a-z])?/gi,N=/^(.*\|?.*)\n *(\|? *[-:]+ *\|[-| :]*)\n((?:.*\|.*\n)*)\n?/,H=/^\[([^\]]*)\]:\s+]+)>?\s*("([^"]*)")?/,D=/^!\[([^\]]*)\] ?\[([^\]]*)\]/,P=/^\[([^\]]*)\] ?\[([^\]]*)\]/,_=/(\[|\])/g,F=/(\n|^[-*]\s|^#|^ {2,}|^-{2,}|^>\s)/,W=/\t/g,G=/^ *\| */,Z=/(^ *\||\| *$)/g,q=/ *$/,V=/^ *:-+: *$/,X=/^ *:-+ *$/,Q=/^ *-+: *$/,J="((?:\\[.*?\\][([].*?[)\\]]|<.*?>(?:.*?<.*?>)?|`.*?`|~~.*?~~|==.*?==|.|\\n)*?)",K=new RegExp(`^([*_])\\1${J}\\1\\1(?!\\1)`),Y=new RegExp(`^([*_])${J}\\1(?!\\1|\\w)`),ee=new RegExp(`^==${J}==`),ne=new RegExp(`^~~${J}~~`),te=/^\\([^0-9A-Za-z\s])/,re=/^[\s\S]+?(?=[^0-9A-Z\s\u00c0-\uffff&#;.()'"]|\d+\.|\n\n| {2,}\n|\w+:\S|$)/i,ie=/^\n+/,le=/^([ \t]*)/,oe=/\\([^\\])/g,ce=/ *\n+$/,ae=/(?:^|\n)( *)$/,se="(?:\\d+\\.)",de="(?:[*+-])";function ue(e){return"( *)("+(1===e?se:de)+") +"}const pe=ue(1),fe=ue(2);function he(e){return new RegExp("^"+(1===e?pe:fe))}const me=he(1),ge=he(2);function ye(e){return new RegExp("^"+(1===e?pe:fe)+"[^\\n]*(?:\\n(?!\\1"+(1===e?se:de)+" )[^\\n]*)*(\\n|$)","gm")}const ke=ye(1),xe=ye(2);function be(e){const n=1===e?se:de;return new RegExp("^( *)("+n+") [\\s\\S]+?(?:\\n{2,}(?! )(?!\\1"+n+" (?!"+n+" ))\\n*|\\s*\\n*$)")}const ve=be(1),$e=be(2);function we(e,n){const t=1===n,r=t?ve:$e,i=t?ke:xe,l=t?me:ge;return{match(e,n,t){const i=ae.exec(t);return i&&(n.list||!n.inline&&!n.simple)?r.exec(e=i[1]+e):null},order:1,parse(e,n,r){const o=t?+e[2]:void 0,c=e[0].replace(d,"\n").match(i);let a=!1;return{items:c.map((function(e,t){const i=l.exec(e)[0].length,o=new RegExp("^ {1,"+i+"}","gm"),s=e.replace(o,"").replace(l,""),d=t===c.length-1,u=-1!==s.indexOf("\n\n")||d&&a;a=u;const p=r.inline,f=r.list;let h;r.list=!0,u?(r.inline=!1,h=s.replace(ce,"\n\n")):(r.inline=!0,h=s.replace(ce,""));const m=n(h,r);return r.inline=p,r.list=f,m})),ordered:t,start:o}},render:(n,t,r)=>e(n.ordered?"ol":"ul",{key:r.key,start:"20"===n.type?n.start:void 0},n.items.map((function(n,i){return e("li",{key:i},t(n,r))})))}}const Ee=new RegExp("^\\[((?:\\[[^\\]]*\\]|[^\\[\\]]|\\](?=[^\\[]*\\]))*)\\]\\(\\s*?(?:\\s+['\"]([\\s\\S]*?)['\"])?\\s*\\)"),Se=/^!\[(.*?)\]\( *((?:\([^)]*\)|[^() ])*) *"?([^)"]*)?"?\)/,Ce=[u,m,g,S,A,C,L,N,ke,ve,xe,$e],Ae=[...Ce,/^[^\n]+(?: \n|\n{2,})/,O,z];function Oe(e){return e.replace(/[ÀÁÂÃÄÅàáâãäåæÆ]/g,"a").replace(/[çÇ]/g,"c").replace(/[ðÐ]/g,"d").replace(/[ÈÉÊËéèêë]/g,"e").replace(/[ÏïÎîÍíÌì]/g,"i").replace(/[Ññ]/g,"n").replace(/[øØœŒÕõÔôÓóÒò]/g,"o").replace(/[ÜüÛûÚúÙù]/g,"u").replace(/[ŸÿÝý]/g,"y").replace(/[^a-z0-9- ]/gi,"").replace(/ /gi,"-").toLowerCase()}function Te(e){return Q.test(e)?"right":V.test(e)?"center":X.test(e)?"left":null}function Le(e,n,t){const r=t.inTable;t.inTable=!0;const i=n(e.trim(),t);t.inTable=r;let l=[[]];return i.forEach((function(e,n){"26"===e.type?0!==n&&n!==i.length-1&&l.push([]):("27"!==e.type||null!=i[n+1]&&"26"!==i[n+1].type||(e.text=e.text.replace(q,"")),l[l.length-1].push(e))})),l}function Re(e,n,t){t.inline=!0;const r=Le(e[1],n,t),i=e[2].replace(Z,"").split("|").map(Te),l=function(e,n,t){return e.trim().split("\n").map((function(e){return Le(e,n,t)}))}(e[3],n,t);return t.inline=!1,{align:i,cells:l,header:r,type:"25"}}function ze(e,n){return null==e.align[n]?{}:{textAlign:e.align[n]}}function Me(e){return function(n,t){return t.inline?e.exec(n):null}}function Ie(e){return function(n,t){return t.inline||t.simple?e.exec(n):null}}function Ue(e){return function(n,t){return t.inline||t.simple?null:e.exec(n)}}function je(e){return function(n){return e.exec(n)}}function Be(e,n,t){if(n.inline||n.simple)return null;if(t&&!t.endsWith("\n"))return null;let r="";e.split("\n").every((e=>!Ce.some((n=>n.test(e)))&&(r+=e+"\n",e.trim())));const i=r.trimEnd();return""==i?null:[r,i]}function Ne(e){try{if(decodeURIComponent(e).replace(/[^A-Za-z0-9/:]/g,"").match(/^\s*(javascript|vbscript|data(?!:image)):/i))return}catch(e){return null}return e}function He(e){return e.replace(oe,"$1")}function De(e,n,t){const r=t.inline||!1,i=t.simple||!1;t.inline=!0,t.simple=!0;const l=e(n,t);return t.inline=r,t.simple=i,l}function Pe(e,n,t){const r=t.inline||!1,i=t.simple||!1;t.inline=!1,t.simple=!0;const l=e(n,t);return t.inline=r,t.simple=i,l}function _e(e,n,t){return t.inline=!1,e(n,t)}const Fe=(e,n,t)=>({children:De(n,e[1],t)});function We(){return{}}function Ge(){return null}function Ze(...e){return e.filter(Boolean).join(" ")}function qe(e,n,t){let r=e;const i=n.split(".");for(;i.length&&(r=r[i[0]],void 0!==r);)i.shift();return r||t}function Ve(t="",r={}){r.overrides=r.overrides||{},r.slugify=r.slugify||Oe,r.namedCodesToUnicode=r.namedCodesToUnicode?n({},o,r.namedCodesToUnicode):o;const i=r.createElement||react.createElement;function d(e,t,...l){const o=qe(r.overrides,`${e}.props`,{});return i(function(e,n){const t=qe(n,e);return t?"function"==typeof t||"object"==typeof t&&"render"in t?t:qe(n,`${e}.component`,e):e}(e,r.overrides),n({},t,o,{className:Ze(null==t?void 0:t.className,o.className)||void 0}),...l)}function Z(n){n=n.replace(w,"");let t=!1;r.forceInline?t=!0:r.forceBlock||(t=!1===F.test(n));const i=oe(J(t?n:`${n.trimEnd().replace(ie,"")}\n\n`,{inline:t}));for(;"string"==typeof i[i.length-1]&&!i[i.length-1].trim();)i.pop();if(null===r.wrapper)return i;const l=r.wrapper||(t?"span":"div");let o;if(i.length>1||r.forceWrapper)o=i;else{if(1===i.length)return o=i[0],"string"==typeof o?d("span",{key:"outer"},o):o;o=null}return react.createElement(l,{key:"outer"},o)}function q(n){const t=n.match(a);return t?t.reduce((function(n,t,r){const i=t.indexOf("=");if(-1!==i){const o=function(e){return-1!==e.indexOf("-")&&null===e.match(R)&&(e=e.replace(B,(function(e,n){return n.toUpperCase()}))),e}(t.slice(0,i)).trim(),c=function(e){const n=e[0];return('"'===n||"'"===n)&&e.length>=2&&e[e.length-1]===n?e.slice(1,-1):e}(t.slice(i+1).trim()),a=l[o]||o,s=n[a]=function(e,n){return"style"===e?n.split(/;\s?/).reduce((function(e,n){const t=n.slice(0,n.indexOf(":"));return e[t.trim().replace(/(-[a-z])/g,(e=>e[1].toUpperCase()))]=n.slice(t.length+1).trim(),e}),{}):"href"===e||"src"===e?Ne(n):(n.match(M)&&(n=n.slice(1,n.length-1)),"true"===n||"false"!==n&&n)}(o,c);"string"==typeof s&&(O.test(s)||z.test(s))&&(n[a]=react.cloneElement(Z(s.trim()),{key:r}))}else"style"!==t&&(n[l[t]||t]=!0);return n}),{}):null}const V=[],X={},Q={0:{match:Ue(u),order:1,parse:(e,n,t)=>({children:n(e[0].replace(p,""),t)}),render:(e,n,t)=>d("blockquote",{key:t.key},n(e.children,t))},1:{match:je(f),order:1,parse:We,render:(e,n,t)=>d("br",{key:t.key})},2:{match:Ue(h),order:1,parse:We,render:(e,n,t)=>d("hr",{key:t.key})},3:{match:Ue(g),order:0,parse:e=>({lang:void 0,text:e[0].replace(/^ {4}/gm,"").replace(/\n+$/,"")}),render:(e,t,r)=>d("pre",{key:r.key},d("code",n({},e.attrs,{className:e.lang?`lang-${e.lang}`:""}),e.text))},4:{match:Ue(m),order:0,parse:e=>({attrs:q(e[3]||""),lang:e[2]||void 0,text:e[4],type:"3"})},5:{match:Ie(y),order:3,parse:e=>({text:e[2]}),render:(e,n,t)=>d("code",{key:t.key},e.text)},6:{match:Ue(b),order:0,parse:e=>(V.push({footnote:e[2],identifier:e[1]}),{}),render:Ge},7:{match:Me(v),order:1,parse:e=>({target:`#${r.slugify(e[1])}`,text:e[1]}),render:(e,n,t)=>d("a",{key:t.key,href:Ne(e.target)},d("sup",{key:t.key},e.text))},8:{match:Me(E),order:1,parse:e=>({completed:"x"===e[1].toLowerCase()}),render:(e,n,t)=>d("input",{checked:e.completed,key:t.key,readOnly:!0,type:"checkbox"})},9:{match:Ue(r.enforceAtxHeadings?C:S),order:1,parse:(e,n,t)=>({children:De(n,e[2],t),id:r.slugify(e[2]),level:e[1].length}),render:(e,n,t)=>d(`h${e.level}`,{id:e.id,key:t.key},n(e.children,t))},10:{match:Ue(A),order:0,parse:(e,n,t)=>({children:De(n,e[1],t),level:"="===e[2]?1:2,type:"9"})},11:{match:je(O),order:1,parse(e,n,t){const[,r]=e[3].match(le),i=new RegExp(`^${r}`,"gm"),l=e[3].replace(i,""),o=(a=l,Ae.some((e=>e.test(a)))?_e:De);var a;const s=e[1].toLowerCase(),d=-1!==c.indexOf(s),u={attrs:q(e[2]),noInnerParse:d,tag:(d?s:e[1]).trim()};return t.inAnchor=t.inAnchor||"a"===s,d?u.text=e[3]:u.children=o(n,l,t),t.inAnchor=!1,u},render:(e,t,r)=>d(e.tag,n({key:r.key},e.attrs),e.text||t(e.children,r))},13:{match:je(z),order:1,parse:e=>({attrs:q(e[2]||""),tag:e[1].trim()}),render:(e,t,r)=>d(e.tag,n({},e.attrs,{key:r.key}))},12:{match:je(L),order:1,parse:()=>({}),render:Ge},14:{match:Ie(Se),order:1,parse:e=>({alt:e[1],target:He(e[2]),title:e[3]}),render:(e,n,t)=>d("img",{key:t.key,alt:e.alt||void 0,title:e.title||void 0,src:Ne(e.target)})},15:{match:Me(Ee),order:3,parse:(e,n,t)=>({children:Pe(n,e[1],t),target:He(e[2]),title:e[3]}),render:(e,n,t)=>d("a",{key:t.key,href:Ne(e.target),title:e.title},n(e.children,t))},16:{match:Me(j),order:0,parse:e=>({children:[{text:e[1],type:"27"}],target:e[1],type:"15"})},17:{match:(e,n)=>n.inAnchor?null:Me(I)(e,n),order:0,parse:e=>({children:[{text:e[1],type:"27"}],target:e[1],title:void 0,type:"15"})},18:{match:Me(U),order:0,parse(e){let n=e[1],t=e[1];return s.test(t)||(t="mailto:"+t),{children:[{text:n.replace("mailto:",""),type:"27"}],target:t,type:"15"}}},20:we(d,1),33:we(d,2),19:{match:Ue(k),order:3,parse:We,render:()=>"\n"},21:{match:Be,order:3,parse:Fe,render:(e,n,t)=>d("p",{key:t.key},n(e.children,t))},22:{match:Me(H),order:0,parse:e=>(X[e[1]]={target:e[2],title:e[4]},{}),render:Ge},23:{match:Ie(D),order:0,parse:e=>({alt:e[1]||void 0,ref:e[2]}),render:(e,n,t)=>X[e.ref]?d("img",{key:t.key,alt:e.alt,src:Ne(X[e.ref].target),title:X[e.ref].title}):null},24:{match:Me(P),order:0,parse:(e,n,t)=>({children:n(e[1],t),fallbackChildren:n(e[0].replace(_,"\\$1"),t),ref:e[2]}),render:(e,n,t)=>X[e.ref]?d("a",{key:t.key,href:Ne(X[e.ref].target),title:X[e.ref].title},n(e.children,t)):d("span",{key:t.key},n(e.fallbackChildren,t))},25:{match:Ue(N),order:1,parse:Re,render:(e,n,t)=>d("table",{key:t.key},d("thead",null,d("tr",null,e.header.map((function(r,i){return d("th",{key:i,style:ze(e,i)},n(r,t))})))),d("tbody",null,e.cells.map((function(r,i){return d("tr",{key:i},r.map((function(r,i){return d("td",{key:i,style:ze(e,i)},n(r,t))})))}))))},26:{match:function(e,n){return n.inTable?(n.inline=!0,G.exec(e)):null},order:1,parse:function(){return{type:"26"}},render:()=>" | "},27:{match:je(re),order:4,parse:e=>({text:e[0].replace(T,((e,n)=>r.namedCodesToUnicode[n]?r.namedCodesToUnicode[n]:e))}),render:e=>e.text},28:{match:Ie(K),order:2,parse:(e,n,t)=>({children:n(e[2],t)}),render:(e,n,t)=>d("strong",{key:t.key},n(e.children,t))},29:{match:Ie(Y),order:3,parse:(e,n,t)=>({children:n(e[2],t)}),render:(e,n,t)=>d("em",{key:t.key},n(e.children,t))},30:{match:Ie(te),order:1,parse:e=>({text:e[1],type:"27"})},31:{match:Ie(ee),order:3,parse:Fe,render:(e,n,t)=>d("mark",{key:t.key},n(e.children,t))},32:{match:Ie(ne),order:3,parse:Fe,render:(e,n,t)=>d("del",{key:t.key},n(e.children,t))}};!0===r.disableParsingRawHTML&&(delete Q[11],delete Q[13]);const J=function(e){let n=Object.keys(e);function t(r,i){let l=[],o="";for(;r;){let c=0;for(;cl(t,r,i)),t,r,i):l(t,r,i)}}(Q,r.renderRule),function e(n,t={}){if(Array.isArray(n)){const r=t.key,i=[];let l=!1;for(let r=0;r{let{children:r="",options:i}=n,l=function(e,n){if(null==e)return{};var t,r,i={},l=Object.keys(e);for(r=0;r=0||(i[t]=e[t]);return i}(n,t);return react.cloneElement(Ve(r,i),l)};var memoizerific=__webpack_require__("./node_modules/memoizerific/memoizerific.js"),memoizerific_default=__webpack_require__.n(memoizerific),uniq=__webpack_require__("./node_modules/lodash/uniq.js"),uniq_default=__webpack_require__.n(uniq),cloneDeep=__webpack_require__("./node_modules/lodash/cloneDeep.js"),cloneDeep_default=__webpack_require__.n(cloneDeep),external_STORYBOOK_MODULE_PREVIEW_API_=__webpack_require__("@storybook/preview-api"),mapValues=__webpack_require__("./node_modules/lodash/mapValues.js"),mapValues_default=__webpack_require__.n(mapValues),external_STORYBOOK_MODULE_CORE_EVENTS_=__webpack_require__("@storybook/core-events"),esm=__webpack_require__("./node_modules/ts-dedent/esm/index.js"),docs_tools_dist=__webpack_require__("./node_modules/@storybook/docs-tools/dist/index.mjs"),telejson_dist=__webpack_require__("./node_modules/telejson/dist/index.mjs"),js=__webpack_require__("./node_modules/tocbot/src/js/index.js"),external_STORYBOOK_MODULE_CHANNELS_=__webpack_require__("@storybook/channels"),Wrapper=dist.I4.div(components_dist.YV,(({theme})=>({backgroundColor:"light"===theme.base?"rgba(0,0,0,.01)":"rgba(255,255,255,.01)",borderRadius:theme.appBorderRadius,border:`1px dashed ${theme.appBorderColor}`,display:"flex",alignItems:"center",justifyContent:"center",padding:20,margin:"25px 0 40px",color:(0,polished_esm.No)(.3,theme.color.defaultText),fontSize:theme.typography.size.s2}))),EmptyBlock=props=>react.createElement(Wrapper,{...props,className:"docblock-emptyblock sb-unstyled"}),StyledSyntaxHighlighter=(0,dist.I4)(components_dist.bF)((({theme})=>({fontSize:theme.typography.size.s2-1+"px",lineHeight:"19px",margin:"25px 0 40px",borderRadius:theme.appBorderRadius,boxShadow:"light"===theme.base?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0","pre.prismjs":{padding:20,background:"inherit"}}))),SourceSkeletonWrapper=dist.I4.div((({theme})=>({background:theme.background.content,borderRadius:theme.appBorderRadius,border:`1px solid ${theme.appBorderColor}`,boxShadow:"light"===theme.base?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0",margin:"25px 0 40px",padding:"20px 20px 20px 22px"}))),SourceSkeletonPlaceholder=dist.I4.div((({theme})=>({animation:`${theme.animation.glow} 1.5s ease-in-out infinite`,background:theme.appBorderColor,height:17,marginTop:1,width:"60%",[`&:first-child${dist.v_}`]:{margin:0}}))),SourceSkeleton=()=>react.createElement(SourceSkeletonWrapper,null,react.createElement(SourceSkeletonPlaceholder,null),react.createElement(SourceSkeletonPlaceholder,{style:{width:"80%"}}),react.createElement(SourceSkeletonPlaceholder,{style:{width:"30%"}}),react.createElement(SourceSkeletonPlaceholder,{style:{width:"80%"}})),Source=({isLoading,error,language,code,dark,format:format2,...rest})=>{if(isLoading)return react.createElement(SourceSkeleton,null);if(error)return react.createElement(EmptyBlock,null,error);let syntaxHighlighter=react.createElement(StyledSyntaxHighlighter,{bordered:!0,copyable:!0,format:format2,language,className:"docblock-source sb-unstyled",...rest},code);if(typeof dark>"u")return syntaxHighlighter;let overrideTheme=dark?chunk_EIRT5I3Z.Zj.dark:chunk_EIRT5I3Z.Zj.light;return react.createElement(dist.NP,{theme:(0,dist.C6)(overrideTheme)},syntaxHighlighter)};Source.defaultProps={format:!1};var toGlobalSelector=element=>`& :where(${element}:not(.sb-anchor, .sb-unstyled, .sb-unstyled ${element}))`,Title=dist.I4.h1(components_dist.YV,(({theme})=>({color:theme.color.defaultText,fontSize:theme.typography.size.m3,fontWeight:theme.typography.weight.bold,lineHeight:"32px","@media (min-width: 600px)":{fontSize:theme.typography.size.l1,lineHeight:"36px",marginBottom:"16px"}}))),Subtitle=dist.I4.h2(components_dist.YV,(({theme})=>({fontWeight:theme.typography.weight.regular,fontSize:theme.typography.size.s3,lineHeight:"20px",borderBottom:"none",marginBottom:15,"@media (min-width: 600px)":{fontSize:theme.typography.size.m1,lineHeight:"28px",marginBottom:24},color:(0,polished_esm.No)(.25,theme.color.defaultText)}))),DocsContent=dist.I4.div((({theme})=>{let reset={fontFamily:theme.typography.fonts.base,fontSize:theme.typography.size.s3,margin:0,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitOverflowScrolling:"touch"},headers={margin:"20px 0 8px",padding:0,cursor:"text",position:"relative",color:theme.color.defaultText,"&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& code":{fontSize:"inherit"}},code={lineHeight:1,margin:"0 2px",padding:"3px 5px",whiteSpace:"nowrap",borderRadius:3,fontSize:theme.typography.size.s2-1,border:"light"===theme.base?`1px solid ${theme.color.mediumlight}`:`1px solid ${theme.color.darker}`,color:"light"===theme.base?(0,polished_esm.No)(.1,theme.color.defaultText):(0,polished_esm.No)(.3,theme.color.defaultText),backgroundColor:"light"===theme.base?theme.color.lighter:theme.color.border};return{maxWidth:1e3,width:"100%",[toGlobalSelector("a")]:{...reset,fontSize:"inherit",lineHeight:"24px",color:theme.color.secondary,textDecoration:"none","&.absent":{color:"#cc0000"},"&.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0}},[toGlobalSelector("blockquote")]:{...reset,margin:"16px 0",borderLeft:`4px solid ${theme.color.medium}`,padding:"0 15px",color:theme.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},[toGlobalSelector("div")]:reset,[toGlobalSelector("dl")]:{...reset,margin:"16px 0",padding:0,"& dt":{fontSize:"14px",fontWeight:"bold",fontStyle:"italic",padding:0,margin:"16px 0 4px"},"& dt:first-of-type":{padding:0},"& dt > :first-of-type":{marginTop:0},"& dt > :last-child":{marginBottom:0},"& dd":{margin:"0 0 16px",padding:"0 15px"},"& dd > :first-of-type":{marginTop:0},"& dd > :last-child":{marginBottom:0}},[toGlobalSelector("h1")]:{...reset,...headers,fontSize:`${theme.typography.size.l1}px`,fontWeight:theme.typography.weight.bold},[toGlobalSelector("h2")]:{...reset,...headers,fontSize:`${theme.typography.size.m2}px`,paddingBottom:4,borderBottom:`1px solid ${theme.appBorderColor}`},[toGlobalSelector("h3")]:{...reset,...headers,fontSize:`${theme.typography.size.m1}px`,fontWeight:theme.typography.weight.bold},[toGlobalSelector("h4")]:{...reset,...headers,fontSize:`${theme.typography.size.s3}px`},[toGlobalSelector("h5")]:{...reset,...headers,fontSize:`${theme.typography.size.s2}px`},[toGlobalSelector("h6")]:{...reset,...headers,fontSize:`${theme.typography.size.s2}px`,color:theme.color.dark},[toGlobalSelector("hr")]:{border:"0 none",borderTop:`1px solid ${theme.appBorderColor}`,height:4,padding:0},[toGlobalSelector("img")]:{maxWidth:"100%"},[toGlobalSelector("li")]:{...reset,fontSize:theme.typography.size.s2,color:theme.color.defaultText,lineHeight:"24px","& + li":{marginTop:".25em"},"& ul, & ol":{marginTop:".25em",marginBottom:0},"& code":code},[toGlobalSelector("ol")]:{...reset,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},[toGlobalSelector("p")]:{...reset,margin:"16px 0",fontSize:theme.typography.size.s2,lineHeight:"24px",color:theme.color.defaultText,"& code":code},[toGlobalSelector("pre")]:{...reset,fontFamily:theme.typography.fonts.mono,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",lineHeight:"18px",padding:"11px 1rem",whiteSpace:"pre-wrap",color:"inherit",borderRadius:3,margin:"1rem 0","&:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"& pre, &.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px",code:{color:"inherit",fontSize:"inherit"}},"& code":{whiteSpace:"pre"},"& code, & tt":{border:"none"}},[toGlobalSelector("span")]:{...reset,"&.frame":{display:"block",overflow:"hidden","& > span":{border:`1px solid ${theme.color.medium}`,display:"block",float:"left",overflow:"hidden",margin:"13px 0 0",padding:7,width:"auto"},"& span img":{display:"block",float:"left"},"& span span":{clear:"both",color:theme.color.darkest,display:"block",padding:"5px 0 0"}},"&.align-center":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"center"},"& span img":{margin:"0 auto",textAlign:"center"}},"&.align-right":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px 0 0",textAlign:"right"},"& span img":{margin:0,textAlign:"right"}},"&.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"&.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}}},[toGlobalSelector("table")]:{...reset,margin:"16px 0",fontSize:theme.typography.size.s2,lineHeight:"24px",padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${theme.appBorderColor}`,backgroundColor:theme.appContentBg,margin:0,padding:0},"& tr:nth-of-type(2n)":{backgroundColor:"dark"===theme.base?theme.color.darker:theme.color.lighter},"& tr th":{fontWeight:"bold",color:theme.color.defaultText,border:`1px solid ${theme.appBorderColor}`,margin:0,padding:"6px 13px"},"& tr td":{border:`1px solid ${theme.appBorderColor}`,color:theme.color.defaultText,margin:0,padding:"6px 13px"},"& tr th :first-of-type, & tr td :first-of-type":{marginTop:0},"& tr th :last-child, & tr td :last-child":{marginBottom:0}},[toGlobalSelector("ul")]:{...reset,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0},listStyle:"disc"}}})),DocsWrapper=dist.I4.div((({theme})=>({background:theme.background.content,display:"flex",justifyContent:"center",padding:"4rem 20px",minHeight:"100vh",boxSizing:"border-box",gap:"3rem","@media (min-width: 600px)":{}}))),DocsPageWrapper=({children,toc})=>react.createElement(DocsWrapper,{className:"sbdocs sbdocs-wrapper"},react.createElement(DocsContent,{className:"sbdocs sbdocs-content"},children),toc),getBlockBackgroundStyle=theme=>({borderRadius:theme.appBorderRadius,background:theme.background.content,boxShadow:"light"===theme.base?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0",border:`1px solid ${theme.appBorderColor}`}),Zoom=({zoom,resetZoom})=>react.createElement(react.Fragment,null,react.createElement(components_dist.K0,{key:"zoomin",onClick:e=>{e.preventDefault(),zoom(.8)},title:"Zoom in"},react.createElement(components_dist.FI,{icon:"zoom"})),react.createElement(components_dist.K0,{key:"zoomout",onClick:e=>{e.preventDefault(),zoom(1.25)},title:"Zoom out"},react.createElement(components_dist.FI,{icon:"zoomout"})),react.createElement(components_dist.K0,{key:"zoomreset",onClick:e=>{e.preventDefault(),resetZoom()},title:"Reset zoom"},react.createElement(components_dist.FI,{icon:"zoomreset"}))),Bar=(0,dist.I4)(components_dist.px)({position:"absolute",left:0,right:0,top:0,transition:"transform .2s linear"}),ZoomContext=(0,react.createContext)({scale:1}),{window:globalWindow}=external_STORYBOOK_MODULE_GLOBAL_.global,IFrame=class extends react.Component{constructor(){super(...arguments),this.iframe=null}componentDidMount(){let{id}=this.props;this.iframe=globalWindow.document.getElementById(id)}shouldComponentUpdate(nextProps){let{scale}=nextProps;return scale!==this.props.scale&&this.setIframeBodyStyle({width:100*scale+"%",height:100*scale+"%",transform:`scale(${1/scale})`,transformOrigin:"top left"}),!1}setIframeBodyStyle(style){return Object.assign(this.iframe.contentDocument.body.style,style)}render(){let{id,title,src,allowFullScreen,scale,...rest}=this.props;return react.createElement("iframe",{id,title,src,...allowFullScreen?{allow:"fullscreen"}:{},loading:"lazy",...rest})}},{PREVIEW_URL}=external_STORYBOOK_MODULE_GLOBAL_.global,BASE_URL=PREVIEW_URL||"iframe.html",storyBlockIdFromId=({story,primary})=>`story--${story.id}${primary?"--primary":""}`,InlineStory=props=>{let storyRef=(0,react.useRef)(),[showLoader,setShowLoader]=(0,react.useState)(!0),[error,setError]=(0,react.useState)(),{story,height,autoplay,forceInitialArgs,renderStoryToElement}=props;return(0,react.useEffect)((()=>{if(!story||!storyRef.current)return()=>{};let element=storyRef.current,cleanup=renderStoryToElement(story,element,{showMain:()=>{},showError:({title,description})=>setError(new Error(`${title} - ${description}`)),showException:err=>setError(err)},{autoplay,forceInitialArgs});return setShowLoader(!1),()=>{Promise.resolve().then((()=>cleanup()))}}),[autoplay,renderStoryToElement,story]),error?react.createElement("pre",null,react.createElement(components_dist.Df,{error})):react.createElement(react.Fragment,null,height?react.createElement("style",null,`#${storyBlockIdFromId(props)} { min-height: ${height}; transform: translateZ(0); overflow: auto }`):null,showLoader&&react.createElement(StorySkeleton,null),react.createElement("div",{ref:storyRef,id:`${storyBlockIdFromId(props)}-inner`,"data-name":story.name}))},IFrameStory=({story,height="500px"})=>react.createElement("div",{style:{width:"100%",height}},react.createElement(ZoomContext.Consumer,null,(({scale})=>react.createElement(IFrame,{key:"iframe",id:`iframe--${story.id}`,title:story.name,src:(0,components_dist.jZ)(BASE_URL,story.id,{viewMode:"story"}),allowFullScreen:!0,scale,style:{width:"100%",height:"100%",border:"0 none"}})))),Story=props=>{let{inline}=props;return react.createElement("div",{id:storyBlockIdFromId(props),className:"sb-story sb-unstyled","data-story-block":"true"},inline?react.createElement(InlineStory,{...props}):react.createElement(IFrameStory,{...props}))},StorySkeleton=()=>react.createElement(components_dist.aH,null),ChildrenContainer=dist.I4.div((({isColumn,columns,layout})=>({display:isColumn||!columns?"block":"flex",position:"relative",flexWrap:"wrap",overflow:"auto",flexDirection:isColumn?"column":"row","& .innerZoomElementWrapper > *":isColumn?{width:"fullscreen"!==layout?"calc(100% - 20px)":"100%",display:"block"}:{maxWidth:"fullscreen"!==layout?"calc(100% - 20px)":"100%",display:"inline-block"}})),(({layout="padded"})=>"centered"===layout||"padded"===layout?{padding:"30px 20px","& .innerZoomElementWrapper > *":{width:"auto",border:"10px solid transparent!important"}}:{}),(({layout="padded"})=>"centered"===layout?{display:"flex",justifyContent:"center",justifyItems:"center",alignContent:"center",alignItems:"center"}:{}),(({columns})=>columns&&columns>1?{".innerZoomElementWrapper > *":{minWidth:`calc(100% / ${columns} - 20px)`}}:{})),StyledSource=(0,dist.I4)(Source)((({theme})=>({margin:0,borderTopLeftRadius:0,borderTopRightRadius:0,borderBottomLeftRadius:theme.appBorderRadius,borderBottomRightRadius:theme.appBorderRadius,border:"none",background:"light"===theme.base?"rgba(0, 0, 0, 0.85)":(0,polished_esm.e$)(.05,theme.background.content),color:theme.color.lightest,button:{background:"light"===theme.base?"rgba(0, 0, 0, 0.85)":(0,polished_esm.e$)(.05,theme.background.content)}}))),PreviewContainer=dist.I4.div((({theme,withSource,isExpanded})=>({position:"relative",overflow:"hidden",margin:"25px 0 40px",...getBlockBackgroundStyle(theme),borderBottomLeftRadius:withSource&&isExpanded&&0,borderBottomRightRadius:withSource&&isExpanded&&0,borderBottomWidth:isExpanded&&0,"h3 + &":{marginTop:"16px"}})),(({withToolbar})=>withToolbar&&{paddingTop:40}));function getStoryId(children){if(1===react.Children.count(children)){let elt=children;if(elt.props)return elt.props.id}return null}var PositionedToolbar=(0,dist.I4)((({isLoading,storyId,baseUrl,zoom,resetZoom,...rest})=>react.createElement(Bar,{...rest},react.createElement(react.Fragment,{key:"left"},isLoading?[1,2,3].map((key=>react.createElement(components_dist.Tg,{key}))):react.createElement(Zoom,{zoom,resetZoom})))))({position:"absolute",top:0,left:0,right:0,height:40}),Relative=dist.I4.div({overflow:"hidden",position:"relative"}),Preview=({isLoading,isColumn,columns,children,withSource,withToolbar=!1,isExpanded=!1,additionalActions,className,layout="padded",...props})=>{let[expanded,setExpanded]=(0,react.useState)(isExpanded),{source,actionItem}=((withSource,expanded,setExpanded)=>{switch(!0){case!(!withSource||!withSource.error):return{source:null,actionItem:{title:"No code available",className:"docblock-code-toggle docblock-code-toggle--disabled",disabled:!0,onClick:()=>setExpanded(!1)}};case expanded:return{source:react.createElement(StyledSource,{...withSource,dark:!0}),actionItem:{title:"Hide code",className:"docblock-code-toggle docblock-code-toggle--expanded",onClick:()=>setExpanded(!1)}};default:return{source:react.createElement(StyledSource,{...withSource,dark:!0}),actionItem:{title:"Show code",className:"docblock-code-toggle",onClick:()=>setExpanded(!0)}}}})(withSource,expanded,setExpanded),[scale,setScale]=(0,react.useState)(1),previewClasses=[className].concat(["sbdocs","sbdocs-preview","sb-unstyled"]),defaultActionItems=withSource?[actionItem]:[],[additionalActionItems,setAdditionalActionItems]=(0,react.useState)(additionalActions?[...additionalActions]:[]),actionItems=[...defaultActionItems,...additionalActionItems],{window:globalWindow4}=external_STORYBOOK_MODULE_GLOBAL_.global,copyToClipboard=(0,react.useCallback)((async text=>{let{createCopyToClipboardFunction}=await Promise.resolve().then(__webpack_require__.bind(__webpack_require__,"./node_modules/@storybook/components/dist/index.mjs"));createCopyToClipboardFunction()}),[]);return react.createElement(PreviewContainer,{withSource,withToolbar,...props,className:previewClasses.join(" ")},withToolbar&&react.createElement(PositionedToolbar,{isLoading,border:!0,zoom:z=>setScale(scale*z),resetZoom:()=>setScale(1),storyId:getStoryId(children),baseUrl:"./iframe.html"}),react.createElement(ZoomContext.Provider,{value:{scale}},react.createElement(Relative,{className:"docs-story",onCopyCapture:withSource&&(e=>{let selection=globalWindow4.getSelection();selection&&"Range"===selection.type||(e.preventDefault(),0===additionalActionItems.filter((item=>"Copied"===item.title)).length&©ToClipboard(source.props.code).then((()=>{setAdditionalActionItems([...additionalActionItems,{title:"Copied",onClick:()=>{}}]),globalWindow4.setTimeout((()=>setAdditionalActionItems(additionalActionItems.filter((item=>"Copied"!==item.title)))),1500)})))})},react.createElement(ChildrenContainer,{isColumn:isColumn||!Array.isArray(children),columns,layout},react.createElement(components_dist.GP.Element,{scale},Array.isArray(children)?children.map(((child,i)=>react.createElement("div",{key:i},child))):react.createElement("div",null,children))),react.createElement(chunk_LWG3MFN2.E7,{actionItems}))),withSource&&expanded&&source)},StyledPreview=(0,dist.I4)(Preview)((()=>({".docs-story":{paddingTop:32,paddingBottom:40}}))),PreviewSkeleton=()=>react.createElement(StyledPreview,{isLoading:!0,withToolbar:!0},react.createElement(StorySkeleton,null)),Table=dist.I4.table((({theme})=>({"&&":{borderCollapse:"collapse",borderSpacing:0,border:"none",tr:{border:"none !important",background:"none"},"td, th":{padding:0,border:"none",width:"auto!important"},marginTop:0,marginBottom:0,"th:first-of-type, td:first-of-type":{paddingLeft:0},"th:last-of-type, td:last-of-type":{paddingRight:0},td:{paddingTop:0,paddingBottom:4,"&:not(:first-of-type)":{paddingLeft:10,paddingRight:0}},tbody:{boxShadow:"none",border:"none"},code:(0,components_dist.zb)({theme}),div:{span:{fontWeight:"bold"}},"& code":{margin:0,display:"inline-block",fontSize:theme.typography.size.s1}}}))),ArgJsDoc=({tags})=>{let params=(tags.params||[]).filter((x=>x.description)),hasDisplayableParams=0!==params.length,hasDisplayableDeprecated=null!=tags.deprecated,hasDisplayableReturns=null!=tags.returns&&null!=tags.returns.description;return hasDisplayableParams||hasDisplayableReturns||hasDisplayableDeprecated?react.createElement(react.Fragment,null,react.createElement(Table,null,react.createElement("tbody",null,hasDisplayableDeprecated&&react.createElement("tr",{key:"deprecated"},react.createElement("td",{colSpan:2},react.createElement("strong",null,"Deprecated"),": ",tags.deprecated)),hasDisplayableParams&¶ms.map((x=>react.createElement("tr",{key:x.name},react.createElement("td",null,react.createElement("code",null,x.name)),react.createElement("td",null,x.description)))),hasDisplayableReturns&&react.createElement("tr",{key:"returns"},react.createElement("td",null,react.createElement("code",null,"Returns")),react.createElement("td",null,tags.returns.description))))):null},Summary=dist.I4.div((({isExpanded})=>({display:"flex",flexDirection:isExpanded?"column":"row",flexWrap:"wrap",alignItems:"flex-start",marginBottom:"-4px",minWidth:100}))),Text=dist.I4.span(components_dist.zb,(({theme,simple=!1})=>({flex:"0 0 auto",fontFamily:theme.typography.fonts.mono,fontSize:theme.typography.size.s1,wordBreak:"break-word",whiteSpace:"normal",maxWidth:"100%",margin:0,marginRight:"4px",marginBottom:"4px",paddingTop:"2px",paddingBottom:"2px",lineHeight:"13px",...simple&&{background:"transparent",border:"0 none",paddingLeft:0}}))),ExpandButton=dist.I4.button((({theme})=>({fontFamily:theme.typography.fonts.mono,color:theme.color.secondary,marginBottom:"4px",background:"none",border:"none"}))),Expandable=dist.I4.div(components_dist.zb,(({theme})=>({fontFamily:theme.typography.fonts.mono,color:theme.color.secondary,fontSize:theme.typography.size.s1,margin:0,whiteSpace:"nowrap",display:"flex",alignItems:"center"}))),Detail=dist.I4.div((({theme,width})=>({width,minWidth:200,maxWidth:800,padding:15,fontFamily:theme.typography.fonts.mono,fontSize:theme.typography.size.s1,boxSizing:"content-box","& code":{padding:"0 !important"}}))),ArrowIcon=(0,dist.I4)(components_dist.FI)({height:10,width:10,minWidth:10,marginLeft:4}),EmptyArg=()=>react.createElement("span",null,"-"),ArgText=({text,simple})=>react.createElement(Text,{simple},text),calculateDetailWidth=memoizerific_default()(1e3)((detail=>{let lines=detail.split(/\r?\n/);return`${Math.max(...lines.map((x=>x.length)))}ch`})),renderSummaryItems=(summaryItems,isExpanded=!0)=>{let items=summaryItems;return isExpanded||(items=summaryItems.slice(0,8)),items.map((item=>react.createElement(ArgText,{key:item,text:""===item?'""':item})))},ArgSummary=({value:value2,initialExpandedArgs})=>{let{summary,detail}=value2,[isOpen,setIsOpen]=(0,react.useState)(!1),[isExpanded,setIsExpanded]=(0,react.useState)(initialExpandedArgs||!1);if(null==summary)return null;let summaryAsString="function"==typeof summary.toString?summary.toString():summary;if(null==detail){if(/[(){}[\]<>]/.test(summaryAsString))return react.createElement(ArgText,{text:summaryAsString});let summaryItems=(summary=>{if(!summary)return[summary];let summaryItems=summary.split("|").map((value2=>value2.trim()));return uniq_default()(summaryItems)})(summaryAsString),itemsCount=summaryItems.length;return itemsCount>8?react.createElement(Summary,{isExpanded},renderSummaryItems(summaryItems,isExpanded),react.createElement(ExpandButton,{onClick:()=>setIsExpanded(!isExpanded)},isExpanded?"Show less...":`Show ${itemsCount-8} more...`)):react.createElement(Summary,null,renderSummaryItems(summaryItems))}return react.createElement(components_dist.o4,{closeOnOutsideClick:!0,placement:"bottom",visible:isOpen,onVisibleChange:isVisible=>{setIsOpen(isVisible)},tooltip:react.createElement(Detail,{width:calculateDetailWidth(detail)},react.createElement(components_dist.bF,{language:"jsx",format:!1},detail))},react.createElement(Expandable,{className:"sbdocs-expandable"},react.createElement("span",null,summaryAsString),react.createElement(ArrowIcon,{icon:isOpen?"arrowup":"arrowdown"})))},ArgValue=({value:value2,initialExpandedArgs})=>null==value2?react.createElement(EmptyArg,null):react.createElement(ArgSummary,{value:value2,initialExpandedArgs}),Label=dist.I4.label((({theme})=>({lineHeight:"18px",alignItems:"center",marginBottom:8,display:"inline-block",position:"relative",whiteSpace:"nowrap",background:theme.boolean.background,borderRadius:"3em",padding:1,input:{appearance:"none",width:"100%",height:"100%",position:"absolute",left:0,top:0,margin:0,padding:0,border:"none",background:"transparent",cursor:"pointer",borderRadius:"3em","&:focus":{outline:"none",boxShadow:`${theme.color.secondary} 0 0 0 1px inset !important`}},span:{textAlign:"center",fontSize:theme.typography.size.s1,fontWeight:theme.typography.weight.bold,lineHeight:"1",cursor:"pointer",display:"inline-block",padding:"7px 15px",transition:"all 100ms ease-out",userSelect:"none",borderRadius:"3em",color:(0,polished_esm.No)(.5,theme.color.defaultText),background:"transparent","&:hover":{boxShadow:`${(0,polished_esm.mI)(.3,theme.appBorderColor)} 0 0 0 1px inset`},"&:active":{boxShadow:`${(0,polished_esm.mI)(.05,theme.appBorderColor)} 0 0 0 2px inset`,color:(0,polished_esm.mI)(1,theme.appBorderColor)},"&:first-of-type":{paddingRight:8},"&:last-of-type":{paddingLeft:8}},"input:checked ~ span:last-of-type, input:not(:checked) ~ span:first-of-type":{background:theme.boolean.selectedBackground,boxShadow:"light"===theme.base?`${(0,polished_esm.mI)(.1,theme.appBorderColor)} 0 0 2px`:`${theme.appBorderColor} 0 0 0 1px`,color:theme.color.defaultText,padding:"7px 15px"}}))),FlexSpaced=dist.I4.div((({theme})=>({flex:1,display:"flex",input:{marginLeft:10,flex:1,height:32,"&::-webkit-calendar-picker-indicator":{opacity:.5,height:12,filter:"light"===theme.base?void 0:"invert(1)"}},"input:first-of-type":{marginLeft:0,flexGrow:4},"input:last-of-type":{flexGrow:3}}))),Wrapper2=dist.I4.label({display:"flex"}),selectedKey=(value2,options)=>{let entry=options&&Object.entries(options).find((([_key,val])=>val===value2));return entry?entry[0]:void 0},selectedKeys=(value2,options)=>value2&&options?Object.entries(options).filter((entry=>value2.includes(entry[1]))).map((entry=>entry[0])):[],selectedValues=(keys,options)=>keys&&options&&keys.map((key=>options[key])),Wrapper3=dist.I4.div((({isInline})=>isInline?{display:"flex",flexWrap:"wrap",alignItems:"flex-start",label:{display:"inline-flex",marginRight:15}}:{label:{display:"flex"}})),Text2=dist.I4.span({}),Label2=dist.I4.label({lineHeight:"20px",alignItems:"center",marginBottom:8,"&:last-child":{marginBottom:0},input:{margin:0,marginRight:6}}),CheckboxControl=({name,options,value:value2,onChange,isInline})=>{if(!options)return external_STORYBOOK_MODULE_CLIENT_LOGGER_.logger.warn(`Checkbox with no options: ${name}`),react.createElement(react.Fragment,null,"-");let initial=selectedKeys(value2,options),[selected,setSelected]=(0,react.useState)(initial),handleChange=e=>{let option=e.target.value,updated=[...selected];updated.includes(option)?updated.splice(updated.indexOf(option),1):updated.push(option),onChange(selectedValues(updated,options)),setSelected(updated)};(0,react.useEffect)((()=>{setSelected(selectedKeys(value2,options))}),[value2]);let controlId=(0,chunk_GWAJ4KRU.Z)(name);return react.createElement(Wrapper3,{isInline},Object.keys(options).map(((key,index)=>{let id=`${controlId}-${index}`;return react.createElement(Label2,{key:id,htmlFor:id},react.createElement("input",{type:"checkbox",id,name:id,value:key,onChange:handleChange,checked:selected?.includes(key)}),react.createElement(Text2,null,key))})))},Wrapper4=dist.I4.div((({isInline})=>isInline?{display:"flex",flexWrap:"wrap",alignItems:"flex-start",label:{display:"inline-flex",marginRight:15}}:{label:{display:"flex"}})),Text3=dist.I4.span({}),Label3=dist.I4.label({lineHeight:"20px",alignItems:"center",marginBottom:8,"&:last-child":{marginBottom:0},input:{margin:0,marginRight:6}}),RadioControl=({name,options,value:value2,onChange,isInline})=>{if(!options)return external_STORYBOOK_MODULE_CLIENT_LOGGER_.logger.warn(`Radio with no options: ${name}`),react.createElement(react.Fragment,null,"-");let selection=selectedKey(value2,options),controlId=(0,chunk_GWAJ4KRU.Z)(name);return react.createElement(Wrapper4,{isInline},Object.keys(options).map(((key,index)=>{let id=`${controlId}-${index}`;return react.createElement(Label3,{key:id,htmlFor:id},react.createElement("input",{type:"radio",id,name:id,value:key,onChange:e=>onChange(options[e.currentTarget.value]),checked:key===selection}),react.createElement(Text3,null,key))})))},OptionsSelect=dist.I4.select({appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},(({theme})=>({boxSizing:"border-box",position:"relative",padding:"6px 10px",width:"100%",color:theme.input.color||"inherit",background:theme.input.background,borderRadius:theme.input.borderRadius,boxShadow:`${theme.input.border} 0 0 0 1px inset`,fontSize:theme.typography.size.s2-1,lineHeight:"20px","&:focus":{boxShadow:`${theme.color.secondary} 0 0 0 1px inset`,outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"::placeholder":{color:theme.textMutedColor},"&[multiple]":{overflow:"auto",padding:0,option:{display:"block",padding:"6px 10px",marginLeft:1,marginRight:1}}}))),SelectWrapper=dist.I4.span((({theme})=>({display:"inline-block",lineHeight:"normal",overflow:"hidden",position:"relative",verticalAlign:"top",width:"100%",svg:{position:"absolute",zIndex:1,pointerEvents:"none",height:"12px",marginTop:"-6px",right:"12px",top:"50%",fill:theme.textMutedColor,path:{fill:theme.textMutedColor}}}))),SingleSelect=({name,value:value2,options,onChange})=>{let selection=selectedKey(value2,options)||"Choose option...",controlId=(0,chunk_GWAJ4KRU.Z)(name);return react.createElement(SelectWrapper,null,react.createElement(components_dist.FI,{icon:"arrowdown"}),react.createElement(OptionsSelect,{id:controlId,value:selection,onChange:e=>{onChange(options[e.currentTarget.value])}},react.createElement("option",{key:"no-selection",disabled:!0},"Choose option..."),Object.keys(options).map((key=>react.createElement("option",{key,value:key},key)))))},MultiSelect=({name,value:value2,options,onChange})=>{let selection=selectedKeys(value2,options),controlId=(0,chunk_GWAJ4KRU.Z)(name);return react.createElement(SelectWrapper,null,react.createElement(OptionsSelect,{id:controlId,multiple:!0,value:selection,onChange:e=>{let selection2=Array.from(e.currentTarget.options).filter((option=>option.selected)).map((option=>option.value));onChange(selectedValues(selection2,options))}},Object.keys(options).map((key=>react.createElement("option",{key,value:key},key)))))},SelectControl=props=>{let{name,options}=props;return options?props.isMulti?react.createElement(MultiSelect,{...props}):react.createElement(SingleSelect,{...props}):(external_STORYBOOK_MODULE_CLIENT_LOGGER_.logger.warn(`Select with no options: ${name}`),react.createElement(react.Fragment,null,"-"))},normalizeOptions=(options,labels)=>Array.isArray(options)?options.reduce(((acc,item)=>(acc[labels?.[item]||String(item)]=item,acc)),{}):options,Controls={check:CheckboxControl,"inline-check":CheckboxControl,radio:RadioControl,"inline-radio":RadioControl,select:SelectControl,"multi-select":SelectControl},OptionsControl=props=>{let{type="select",labels,argType}=props,normalized={...props,options:argType?normalizeOptions(argType.options,labels):{},isInline:type.includes("inline"),isMulti:type.includes("multi")},Control=Controls[type];if(Control)return react.createElement(Control,{...normalized});throw new Error(`Unknown options type: ${type}`)};function getObjectType(obj){return null===obj||"object"!=typeof obj||Array.isArray(obj)||"function"!=typeof obj[Symbol.iterator]?Object.prototype.toString.call(obj).slice(8,-1):"Iterable"}function isComponentWillChange(oldValue,newValue){let oldType=getObjectType(oldValue),newType=getObjectType(newValue);return("Function"===oldType||"Function"===newType)&&newType!==oldType}var JsonAddValue=class extends react.Component{constructor(props){super(props),this.state={inputRefKey:null,inputRefValue:null},this.refInputValue=this.refInputValue.bind(this),this.refInputKey=this.refInputKey.bind(this),this.onKeydown=this.onKeydown.bind(this),this.onSubmit=this.onSubmit.bind(this)}componentDidMount(){let{inputRefKey,inputRefValue}=this.state,{onlyValue}=this.props;inputRefKey&&"function"==typeof inputRefKey.focus&&inputRefKey.focus(),onlyValue&&inputRefValue&&"function"==typeof inputRefValue.focus&&inputRefValue.focus(),document.addEventListener("keydown",this.onKeydown)}componentWillUnmount(){document.removeEventListener("keydown",this.onKeydown)}onKeydown(event){event.altKey||event.ctrlKey||event.metaKey||event.shiftKey||event.repeat||(("Enter"===event.code||"Enter"===event.key)&&(event.preventDefault(),this.onSubmit()),("Escape"===event.code||"Escape"===event.key)&&(event.preventDefault(),this.props.handleCancel()))}onSubmit(){let{handleAdd,onlyValue,onSubmitValueParser,keyPath,deep}=this.props,{inputRefKey,inputRefValue}=this.state,result={};if(!onlyValue){if(!inputRefKey.value)return;result.key=inputRefKey.value}result.newValue=onSubmitValueParser(!1,keyPath,deep,result.key,inputRefValue.value),handleAdd(result)}refInputKey(node){this.state.inputRefKey=node}refInputValue(node){this.state.inputRefValue=node}render(){let{handleCancel,onlyValue,addButtonElement,cancelButtonElement,inputElementGenerator,keyPath,deep}=this.props,addButtonElementLayout=(0,react.cloneElement)(addButtonElement,{onClick:this.onSubmit}),cancelButtonElementLayout=(0,react.cloneElement)(cancelButtonElement,{onClick:handleCancel}),inputElementValue=inputElementGenerator("value",keyPath,deep),inputElementValueLayout=(0,react.cloneElement)(inputElementValue,{placeholder:"Value",ref:this.refInputValue}),inputElementKeyLayout=null;if(!onlyValue){let inputElementKey=inputElementGenerator("key",keyPath,deep);inputElementKeyLayout=(0,react.cloneElement)(inputElementKey,{placeholder:"Key",ref:this.refInputKey})}return react.createElement("span",{className:"rejt-add-value-node"},inputElementKeyLayout,inputElementValueLayout,cancelButtonElementLayout,addButtonElementLayout)}};JsonAddValue.defaultProps={onlyValue:!1,addButtonElement:react.createElement("button",null,"+"),cancelButtonElement:react.createElement("button",null,"c")};var JsonArray=class extends react.Component{constructor(props){super(props);let keyPath=[...props.keyPath,props.name];this.state={data:props.data,name:props.name,keyPath,deep:props.deep,nextDeep:props.deep+1,collapsed:props.isCollapsed(keyPath,props.deep,props.data),addFormVisible:!1},this.handleCollapseMode=this.handleCollapseMode.bind(this),this.handleRemoveItem=this.handleRemoveItem.bind(this),this.handleAddMode=this.handleAddMode.bind(this),this.handleAddValueAdd=this.handleAddValueAdd.bind(this),this.handleAddValueCancel=this.handleAddValueCancel.bind(this),this.handleEditValue=this.handleEditValue.bind(this),this.onChildUpdate=this.onChildUpdate.bind(this),this.renderCollapsed=this.renderCollapsed.bind(this),this.renderNotCollapsed=this.renderNotCollapsed.bind(this)}static getDerivedStateFromProps(props,state){return props.data!==state.data?{data:props.data}:null}onChildUpdate(childKey,childData){let{data,keyPath}=this.state;data[childKey]=childData,this.setState({data});let{onUpdate}=this.props;onUpdate(keyPath[keyPath.length-1],data)}handleAddMode(){this.setState({addFormVisible:!0})}handleCollapseMode(){this.setState((state=>({collapsed:!state.collapsed})))}handleRemoveItem(index){return()=>{let{beforeRemoveAction,logger:logger4}=this.props,{data,keyPath,nextDeep:deep}=this.state,oldValue=data[index];beforeRemoveAction(index,keyPath,deep,oldValue).then((()=>{let deltaUpdateResult={keyPath,deep,key:index,oldValue,type:"REMOVE_DELTA_TYPE"};data.splice(index,1),this.setState({data});let{onUpdate,onDeltaUpdate}=this.props;onUpdate(keyPath[keyPath.length-1],data),onDeltaUpdate(deltaUpdateResult)})).catch(logger4.error)}}handleAddValueAdd({newValue}){let{data,keyPath,nextDeep:deep}=this.state,{beforeAddAction,logger:logger4}=this.props;beforeAddAction(data.length,keyPath,deep,newValue).then((()=>{let newData=[...data,newValue];this.setState({data:newData}),this.handleAddValueCancel();let{onUpdate,onDeltaUpdate}=this.props;onUpdate(keyPath[keyPath.length-1],newData),onDeltaUpdate({type:"ADD_DELTA_TYPE",keyPath,deep,key:newData.length-1,newValue})})).catch(logger4.error)}handleAddValueCancel(){this.setState({addFormVisible:!1})}handleEditValue({key,value:value2}){return new Promise(((resolve,reject)=>{let{beforeUpdateAction}=this.props,{data,keyPath,nextDeep:deep}=this.state,oldValue=data[key];beforeUpdateAction(key,keyPath,deep,oldValue,value2).then((()=>{data[key]=value2,this.setState({data});let{onUpdate,onDeltaUpdate}=this.props;onUpdate(keyPath[keyPath.length-1],data),onDeltaUpdate({type:"UPDATE_DELTA_TYPE",keyPath,deep,key,newValue:value2,oldValue}),resolve(void 0)})).catch(reject)}))}renderCollapsed(){let{name,data,keyPath,deep}=this.state,{handleRemove,readOnly,getStyle,dataType,minusMenuElement}=this.props,{minus,collapsed}=getStyle(name,data,keyPath,deep,dataType),isReadOnly=readOnly(name,data,keyPath,deep,dataType),removeItemButton=(0,react.cloneElement)(minusMenuElement,{onClick:handleRemove,className:"rejt-minus-menu",style:minus});return react.createElement("span",{className:"rejt-collapsed"},react.createElement("span",{className:"rejt-collapsed-text",style:collapsed,onClick:this.handleCollapseMode},"[...] ",data.length," ",1===data.length?"item":"items"),!isReadOnly&&removeItemButton)}renderNotCollapsed(){let{name,data,keyPath,deep,addFormVisible,nextDeep}=this.state,{isCollapsed,handleRemove,onDeltaUpdate,readOnly,getStyle,dataType,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator,textareaElementGenerator,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser}=this.props,{minus,plus,delimiter,ul,addForm}=getStyle(name,data,keyPath,deep,dataType),isReadOnly=readOnly(name,data,keyPath,deep,dataType),addItemButton=(0,react.cloneElement)(plusMenuElement,{onClick:this.handleAddMode,className:"rejt-plus-menu",style:plus}),removeItemButton=(0,react.cloneElement)(minusMenuElement,{onClick:handleRemove,className:"rejt-minus-menu",style:minus});return react.createElement("span",{className:"rejt-not-collapsed"},react.createElement("span",{className:"rejt-not-collapsed-delimiter",style:delimiter},"["),!addFormVisible&&addItemButton,react.createElement("ul",{className:"rejt-not-collapsed-list",style:ul},data.map(((item,index)=>react.createElement(JsonNode,{key:index,name:index.toString(),data:item,keyPath,deep:nextDeep,isCollapsed,handleRemove:this.handleRemoveItem(index),handleUpdateValue:this.handleEditValue,onUpdate:this.onChildUpdate,onDeltaUpdate,readOnly,getStyle,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator,textareaElementGenerator,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser})))),!isReadOnly&&addFormVisible&&react.createElement("div",{className:"rejt-add-form",style:addForm},react.createElement(JsonAddValue,{handleAdd:this.handleAddValueAdd,handleCancel:this.handleAddValueCancel,onlyValue:!0,addButtonElement,cancelButtonElement,inputElementGenerator,keyPath,deep,onSubmitValueParser})),react.createElement("span",{className:"rejt-not-collapsed-delimiter",style:delimiter},"]"),!isReadOnly&&removeItemButton)}render(){let{name,collapsed,data,keyPath,deep}=this.state,{dataType,getStyle}=this.props,value2=collapsed?this.renderCollapsed():this.renderNotCollapsed(),style=getStyle(name,data,keyPath,deep,dataType);return react.createElement("div",{className:"rejt-array-node"},react.createElement("span",{onClick:this.handleCollapseMode},react.createElement("span",{className:"rejt-name",style:style.name},name," :"," ")),value2)}};JsonArray.defaultProps={keyPath:[],deep:0,minusMenuElement:react.createElement("span",null," - "),plusMenuElement:react.createElement("span",null," + ")};var JsonFunctionValue=class extends react.Component{constructor(props){super(props);let keyPath=[...props.keyPath,props.name];this.state={value:props.value,name:props.name,keyPath,deep:props.deep,editEnabled:!1,inputRef:null},this.handleEditMode=this.handleEditMode.bind(this),this.refInput=this.refInput.bind(this),this.handleCancelEdit=this.handleCancelEdit.bind(this),this.handleEdit=this.handleEdit.bind(this),this.onKeydown=this.onKeydown.bind(this)}static getDerivedStateFromProps(props,state){return props.value!==state.value?{value:props.value}:null}componentDidUpdate(){let{editEnabled,inputRef,name,value:value2,keyPath,deep}=this.state,{readOnly,dataType}=this.props,readOnlyResult=readOnly(name,value2,keyPath,deep,dataType);editEnabled&&!readOnlyResult&&"function"==typeof inputRef.focus&&inputRef.focus()}componentDidMount(){document.addEventListener("keydown",this.onKeydown)}componentWillUnmount(){document.removeEventListener("keydown",this.onKeydown)}onKeydown(event){event.altKey||event.ctrlKey||event.metaKey||event.shiftKey||event.repeat||(("Enter"===event.code||"Enter"===event.key)&&(event.preventDefault(),this.handleEdit()),("Escape"===event.code||"Escape"===event.key)&&(event.preventDefault(),this.handleCancelEdit()))}handleEdit(){let{handleUpdateValue,originalValue,logger:logger4,onSubmitValueParser,keyPath}=this.props,{inputRef,name,deep}=this.state;if(!inputRef)return;let newValue=onSubmitValueParser(!0,keyPath,deep,name,inputRef.value);handleUpdateValue({value:newValue,key:name}).then((()=>{isComponentWillChange(originalValue,newValue)||this.handleCancelEdit()})).catch(logger4.error)}handleEditMode(){this.setState({editEnabled:!0})}refInput(node){this.state.inputRef=node}handleCancelEdit(){this.setState({editEnabled:!1})}render(){let{name,value:value2,editEnabled,keyPath,deep}=this.state,{handleRemove,originalValue,readOnly,dataType,getStyle,editButtonElement,cancelButtonElement,textareaElementGenerator,minusMenuElement,keyPath:comeFromKeyPath}=this.props,style=getStyle(name,originalValue,keyPath,deep,dataType),result=null,minusElement=null,resultOnlyResult=readOnly(name,originalValue,keyPath,deep,dataType);if(editEnabled&&!resultOnlyResult){let textareaElement=textareaElementGenerator("value",comeFromKeyPath,deep,name,originalValue,dataType),editButtonElementLayout=(0,react.cloneElement)(editButtonElement,{onClick:this.handleEdit}),cancelButtonElementLayout=(0,react.cloneElement)(cancelButtonElement,{onClick:this.handleCancelEdit}),textareaElementLayout=(0,react.cloneElement)(textareaElement,{ref:this.refInput,defaultValue:originalValue});result=react.createElement("span",{className:"rejt-edit-form",style:style.editForm},textareaElementLayout," ",cancelButtonElementLayout,editButtonElementLayout),minusElement=null}else{result=react.createElement("span",{className:"rejt-value",style:style.value,onClick:resultOnlyResult?null:this.handleEditMode},value2);let minusMenuLayout=(0,react.cloneElement)(minusMenuElement,{onClick:handleRemove,className:"rejt-minus-menu",style:style.minus});minusElement=resultOnlyResult?null:minusMenuLayout}return react.createElement("li",{className:"rejt-function-value-node",style:style.li},react.createElement("span",{className:"rejt-name",style:style.name},name," :"," "),result,minusElement)}};JsonFunctionValue.defaultProps={keyPath:[],deep:0,handleUpdateValue:()=>{},editButtonElement:react.createElement("button",null,"e"),cancelButtonElement:react.createElement("button",null,"c"),minusMenuElement:react.createElement("span",null," - ")};var JsonNode=class extends react.Component{constructor(props){super(props),this.state={data:props.data,name:props.name,keyPath:props.keyPath,deep:props.deep}}static getDerivedStateFromProps(props,state){return props.data!==state.data?{data:props.data}:null}render(){let{data,name,keyPath,deep}=this.state,{isCollapsed,handleRemove,handleUpdateValue,onUpdate,onDeltaUpdate,readOnly,getStyle,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator,textareaElementGenerator,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser}=this.props,readOnlyTrue=()=>!0,dataType=getObjectType(data);switch(dataType){case"Error":return react.createElement(JsonObject,{data,name,isCollapsed,keyPath,deep,handleRemove,onUpdate,onDeltaUpdate,readOnly:readOnlyTrue,dataType,getStyle,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator,textareaElementGenerator,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser});case"Object":return react.createElement(JsonObject,{data,name,isCollapsed,keyPath,deep,handleRemove,onUpdate,onDeltaUpdate,readOnly,dataType,getStyle,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator,textareaElementGenerator,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser});case"Array":return react.createElement(JsonArray,{data,name,isCollapsed,keyPath,deep,handleRemove,onUpdate,onDeltaUpdate,readOnly,dataType,getStyle,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator,textareaElementGenerator,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser});case"String":return react.createElement(JsonValue,{name,value:`"${data}"`,originalValue:data,keyPath,deep,handleRemove,handleUpdateValue,readOnly,dataType,getStyle,cancelButtonElement,editButtonElement,inputElementGenerator,minusMenuElement,logger:logger4,onSubmitValueParser});case"Number":return react.createElement(JsonValue,{name,value:data,originalValue:data,keyPath,deep,handleRemove,handleUpdateValue,readOnly,dataType,getStyle,cancelButtonElement,editButtonElement,inputElementGenerator,minusMenuElement,logger:logger4,onSubmitValueParser});case"Boolean":return react.createElement(JsonValue,{name,value:data?"true":"false",originalValue:data,keyPath,deep,handleRemove,handleUpdateValue,readOnly,dataType,getStyle,cancelButtonElement,editButtonElement,inputElementGenerator,minusMenuElement,logger:logger4,onSubmitValueParser});case"Date":return react.createElement(JsonValue,{name,value:data.toISOString(),originalValue:data,keyPath,deep,handleRemove,handleUpdateValue,readOnly:readOnlyTrue,dataType,getStyle,cancelButtonElement,editButtonElement,inputElementGenerator,minusMenuElement,logger:logger4,onSubmitValueParser});case"Null":return react.createElement(JsonValue,{name,value:"null",originalValue:"null",keyPath,deep,handleRemove,handleUpdateValue,readOnly,dataType,getStyle,cancelButtonElement,editButtonElement,inputElementGenerator,minusMenuElement,logger:logger4,onSubmitValueParser});case"Undefined":return react.createElement(JsonValue,{name,value:"undefined",originalValue:"undefined",keyPath,deep,handleRemove,handleUpdateValue,readOnly,dataType,getStyle,cancelButtonElement,editButtonElement,inputElementGenerator,minusMenuElement,logger:logger4,onSubmitValueParser});case"Function":return react.createElement(JsonFunctionValue,{name,value:data.toString(),originalValue:data,keyPath,deep,handleRemove,handleUpdateValue,readOnly,dataType,getStyle,cancelButtonElement,editButtonElement,textareaElementGenerator,minusMenuElement,logger:logger4,onSubmitValueParser});case"Symbol":return react.createElement(JsonValue,{name,value:data.toString(),originalValue:data,keyPath,deep,handleRemove,handleUpdateValue,readOnly:readOnlyTrue,dataType,getStyle,cancelButtonElement,editButtonElement,inputElementGenerator,minusMenuElement,logger:logger4,onSubmitValueParser});default:return null}}};JsonNode.defaultProps={keyPath:[],deep:0};var JsonObject=class extends react.Component{constructor(props){super(props);let keyPath=-1===props.deep?[]:[...props.keyPath,props.name];this.state={name:props.name,data:props.data,keyPath,deep:props.deep,nextDeep:props.deep+1,collapsed:props.isCollapsed(keyPath,props.deep,props.data),addFormVisible:!1},this.handleCollapseMode=this.handleCollapseMode.bind(this),this.handleRemoveValue=this.handleRemoveValue.bind(this),this.handleAddMode=this.handleAddMode.bind(this),this.handleAddValueAdd=this.handleAddValueAdd.bind(this),this.handleAddValueCancel=this.handleAddValueCancel.bind(this),this.handleEditValue=this.handleEditValue.bind(this),this.onChildUpdate=this.onChildUpdate.bind(this),this.renderCollapsed=this.renderCollapsed.bind(this),this.renderNotCollapsed=this.renderNotCollapsed.bind(this)}static getDerivedStateFromProps(props,state){return props.data!==state.data?{data:props.data}:null}onChildUpdate(childKey,childData){let{data,keyPath}=this.state;data[childKey]=childData,this.setState({data});let{onUpdate}=this.props;onUpdate(keyPath[keyPath.length-1],data)}handleAddMode(){this.setState({addFormVisible:!0})}handleAddValueCancel(){this.setState({addFormVisible:!1})}handleAddValueAdd({key,newValue}){let{data,keyPath,nextDeep:deep}=this.state,{beforeAddAction,logger:logger4}=this.props;beforeAddAction(key,keyPath,deep,newValue).then((()=>{data[key]=newValue,this.setState({data}),this.handleAddValueCancel();let{onUpdate,onDeltaUpdate}=this.props;onUpdate(keyPath[keyPath.length-1],data),onDeltaUpdate({type:"ADD_DELTA_TYPE",keyPath,deep,key,newValue})})).catch(logger4.error)}handleRemoveValue(key){return()=>{let{beforeRemoveAction,logger:logger4}=this.props,{data,keyPath,nextDeep:deep}=this.state,oldValue=data[key];beforeRemoveAction(key,keyPath,deep,oldValue).then((()=>{let deltaUpdateResult={keyPath,deep,key,oldValue,type:"REMOVE_DELTA_TYPE"};delete data[key],this.setState({data});let{onUpdate,onDeltaUpdate}=this.props;onUpdate(keyPath[keyPath.length-1],data),onDeltaUpdate(deltaUpdateResult)})).catch(logger4.error)}}handleCollapseMode(){this.setState((state=>({collapsed:!state.collapsed})))}handleEditValue({key,value:value2}){return new Promise(((resolve,reject)=>{let{beforeUpdateAction}=this.props,{data,keyPath,nextDeep:deep}=this.state,oldValue=data[key];beforeUpdateAction(key,keyPath,deep,oldValue,value2).then((()=>{data[key]=value2,this.setState({data});let{onUpdate,onDeltaUpdate}=this.props;onUpdate(keyPath[keyPath.length-1],data),onDeltaUpdate({type:"UPDATE_DELTA_TYPE",keyPath,deep,key,newValue:value2,oldValue}),resolve()})).catch(reject)}))}renderCollapsed(){let{name,keyPath,deep,data}=this.state,{handleRemove,readOnly,dataType,getStyle,minusMenuElement}=this.props,{minus,collapsed}=getStyle(name,data,keyPath,deep,dataType),keyList=Object.getOwnPropertyNames(data),isReadOnly=readOnly(name,data,keyPath,deep,dataType),removeItemButton=(0,react.cloneElement)(minusMenuElement,{onClick:handleRemove,className:"rejt-minus-menu",style:minus});return react.createElement("span",{className:"rejt-collapsed"},react.createElement("span",{className:"rejt-collapsed-text",style:collapsed,onClick:this.handleCollapseMode},"{...}"," ",keyList.length," ",1===keyList.length?"key":"keys"),!isReadOnly&&removeItemButton)}renderNotCollapsed(){let{name,data,keyPath,deep,nextDeep,addFormVisible}=this.state,{isCollapsed,handleRemove,onDeltaUpdate,readOnly,getStyle,dataType,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator,textareaElementGenerator,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser}=this.props,{minus,plus,addForm,ul,delimiter}=getStyle(name,data,keyPath,deep,dataType),keyList=Object.getOwnPropertyNames(data),isReadOnly=readOnly(name,data,keyPath,deep,dataType),addItemButton=(0,react.cloneElement)(plusMenuElement,{onClick:this.handleAddMode,className:"rejt-plus-menu",style:plus}),removeItemButton=(0,react.cloneElement)(minusMenuElement,{onClick:handleRemove,className:"rejt-minus-menu",style:minus}),list=keyList.map((key=>react.createElement(JsonNode,{key,name:key,data:data[key],keyPath,deep:nextDeep,isCollapsed,handleRemove:this.handleRemoveValue(key),handleUpdateValue:this.handleEditValue,onUpdate:this.onChildUpdate,onDeltaUpdate,readOnly,getStyle,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator,textareaElementGenerator,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser})));return react.createElement("span",{className:"rejt-not-collapsed"},react.createElement("span",{className:"rejt-not-collapsed-delimiter",style:delimiter},"{"),!isReadOnly&&addItemButton,react.createElement("ul",{className:"rejt-not-collapsed-list",style:ul},list),!isReadOnly&&addFormVisible&&react.createElement("div",{className:"rejt-add-form",style:addForm},react.createElement(JsonAddValue,{handleAdd:this.handleAddValueAdd,handleCancel:this.handleAddValueCancel,addButtonElement,cancelButtonElement,inputElementGenerator,keyPath,deep,onSubmitValueParser})),react.createElement("span",{className:"rejt-not-collapsed-delimiter",style:delimiter},"}"),!isReadOnly&&removeItemButton)}render(){let{name,collapsed,data,keyPath,deep}=this.state,{getStyle,dataType}=this.props,value2=collapsed?this.renderCollapsed():this.renderNotCollapsed(),style=getStyle(name,data,keyPath,deep,dataType);return react.createElement("div",{className:"rejt-object-node"},react.createElement("span",{onClick:this.handleCollapseMode},react.createElement("span",{className:"rejt-name",style:style.name},name," :"," ")),value2)}};JsonObject.defaultProps={keyPath:[],deep:0,minusMenuElement:react.createElement("span",null," - "),plusMenuElement:react.createElement("span",null," + ")};var JsonValue=class extends react.Component{constructor(props){super(props);let keyPath=[...props.keyPath,props.name];this.state={value:props.value,name:props.name,keyPath,deep:props.deep,editEnabled:!1,inputRef:null},this.handleEditMode=this.handleEditMode.bind(this),this.refInput=this.refInput.bind(this),this.handleCancelEdit=this.handleCancelEdit.bind(this),this.handleEdit=this.handleEdit.bind(this),this.onKeydown=this.onKeydown.bind(this)}static getDerivedStateFromProps(props,state){return props.value!==state.value?{value:props.value}:null}componentDidUpdate(){let{editEnabled,inputRef,name,value:value2,keyPath,deep}=this.state,{readOnly,dataType}=this.props,isReadOnly=readOnly(name,value2,keyPath,deep,dataType);editEnabled&&!isReadOnly&&"function"==typeof inputRef.focus&&inputRef.focus()}componentDidMount(){document.addEventListener("keydown",this.onKeydown)}componentWillUnmount(){document.removeEventListener("keydown",this.onKeydown)}onKeydown(event){event.altKey||event.ctrlKey||event.metaKey||event.shiftKey||event.repeat||(("Enter"===event.code||"Enter"===event.key)&&(event.preventDefault(),this.handleEdit()),("Escape"===event.code||"Escape"===event.key)&&(event.preventDefault(),this.handleCancelEdit()))}handleEdit(){let{handleUpdateValue,originalValue,logger:logger4,onSubmitValueParser,keyPath}=this.props,{inputRef,name,deep}=this.state;if(!inputRef)return;let newValue=onSubmitValueParser(!0,keyPath,deep,name,inputRef.value);handleUpdateValue({value:newValue,key:name}).then((()=>{isComponentWillChange(originalValue,newValue)||this.handleCancelEdit()})).catch(logger4.error)}handleEditMode(){this.setState({editEnabled:!0})}refInput(node){this.state.inputRef=node}handleCancelEdit(){this.setState({editEnabled:!1})}render(){let{name,value:value2,editEnabled,keyPath,deep}=this.state,{handleRemove,originalValue,readOnly,dataType,getStyle,editButtonElement,cancelButtonElement,inputElementGenerator,minusMenuElement,keyPath:comeFromKeyPath}=this.props,style=getStyle(name,originalValue,keyPath,deep,dataType),isReadOnly=readOnly(name,originalValue,keyPath,deep,dataType),isEditing=editEnabled&&!isReadOnly,inputElement=inputElementGenerator("value",comeFromKeyPath,deep,name,originalValue,dataType),editButtonElementLayout=(0,react.cloneElement)(editButtonElement,{onClick:this.handleEdit}),cancelButtonElementLayout=(0,react.cloneElement)(cancelButtonElement,{onClick:this.handleCancelEdit}),inputElementLayout=(0,react.cloneElement)(inputElement,{ref:this.refInput,defaultValue:JSON.stringify(originalValue)}),minusMenuLayout=(0,react.cloneElement)(minusMenuElement,{onClick:handleRemove,className:"rejt-minus-menu",style:style.minus});return react.createElement("li",{className:"rejt-value-node",style:style.li},react.createElement("span",{className:"rejt-name",style:style.name},name," : "),isEditing?react.createElement("span",{className:"rejt-edit-form",style:style.editForm},inputElementLayout," ",cancelButtonElementLayout,editButtonElementLayout):react.createElement("span",{className:"rejt-value",style:style.value,onClick:isReadOnly?null:this.handleEditMode},String(value2)),!isReadOnly&&!isEditing&&minusMenuLayout)}};JsonValue.defaultProps={keyPath:[],deep:0,handleUpdateValue:()=>Promise.resolve(),editButtonElement:react.createElement("button",null,"e"),cancelButtonElement:react.createElement("button",null,"c"),minusMenuElement:react.createElement("span",null," - ")};var object={minus:{color:"red"},plus:{color:"green"},collapsed:{color:"grey"},delimiter:{},ul:{padding:"0px",margin:"0 0 0 25px",listStyle:"none"},name:{color:"#2287CD"},addForm:{}},array={minus:{color:"red"},plus:{color:"green"},collapsed:{color:"grey"},delimiter:{},ul:{padding:"0px",margin:"0 0 0 25px",listStyle:"none"},name:{color:"#2287CD"},addForm:{}},value={minus:{color:"red"},editForm:{},value:{color:"#7bba3d"},li:{minHeight:"22px",lineHeight:"22px",outline:"0px"},name:{color:"#2287CD"}};var JsonTree=class extends react.Component{constructor(props){super(props),this.state={data:props.data,rootName:props.rootName},this.onUpdate=this.onUpdate.bind(this),this.removeRoot=this.removeRoot.bind(this)}static getDerivedStateFromProps(props,state){return props.data!==state.data||props.rootName!==state.rootName?{data:props.data,rootName:props.rootName}:null}onUpdate(key,data){this.setState({data}),this.props.onFullyUpdate(data)}removeRoot(){this.onUpdate(null,null)}render(){let{data,rootName}=this.state,{isCollapsed,onDeltaUpdate,readOnly,getStyle,addButtonElement,cancelButtonElement,editButtonElement,inputElement,textareaElement,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser,fallback=null}=this.props,dataType=getObjectType(data),readOnlyFunction=readOnly;"Boolean"===getObjectType(readOnly)&&(readOnlyFunction=()=>readOnly);let inputElementFunction=inputElement;inputElement&&"Function"!==getObjectType(inputElement)&&(inputElementFunction=()=>inputElement);let textareaElementFunction=textareaElement;return textareaElement&&"Function"!==getObjectType(textareaElement)&&(textareaElementFunction=()=>textareaElement),"Object"===dataType||"Array"===dataType?react.createElement("div",{className:"rejt-tree"},react.createElement(JsonNode,{data,name:rootName,deep:-1,isCollapsed,onUpdate:this.onUpdate,onDeltaUpdate,readOnly:readOnlyFunction,getStyle,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator:inputElementFunction,textareaElementGenerator:textareaElementFunction,minusMenuElement,plusMenuElement,handleRemove:this.removeRoot,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser})):fallback}};JsonTree.defaultProps={rootName:"root",isCollapsed:(keyPath,deep)=>-1!==deep,getStyle:(keyName,data,keyPath,deep,dataType)=>{switch(dataType){case"Object":case"Error":return object;case"Array":return array;default:return value}},readOnly:()=>!1,onFullyUpdate:()=>{},onDeltaUpdate:()=>{},beforeRemoveAction:()=>Promise.resolve(),beforeAddAction:()=>Promise.resolve(),beforeUpdateAction:()=>Promise.resolve(),logger:{error:()=>{}},onSubmitValueParser:(isEditMode,keyPath,deep,name,rawValue)=>function parse3(string){let result=string;if(0===result.indexOf("function"))return(0,eval)(`(${result})`);try{result=JSON.parse(string)}catch{}return result}(rawValue),inputElement:()=>react.createElement("input",null),textareaElement:()=>react.createElement("textarea",null),fallback:null};var{window:globalWindow2}=external_STORYBOOK_MODULE_GLOBAL_.global,Wrapper5=dist.I4.div((({theme})=>({position:"relative",display:"flex",".rejt-tree":{marginLeft:"1rem",fontSize:"13px"},".rejt-value-node, .rejt-object-node > .rejt-collapsed, .rejt-array-node > .rejt-collapsed, .rejt-object-node > .rejt-not-collapsed, .rejt-array-node > .rejt-not-collapsed":{"& > svg":{opacity:0,transition:"opacity 0.2s"}},".rejt-value-node:hover, .rejt-object-node:hover > .rejt-collapsed, .rejt-array-node:hover > .rejt-collapsed, .rejt-object-node:hover > .rejt-not-collapsed, .rejt-array-node:hover > .rejt-not-collapsed":{"& > svg":{opacity:1}},".rejt-edit-form button":{display:"none"},".rejt-add-form":{marginLeft:10},".rejt-add-value-node":{display:"inline-flex",alignItems:"center"},".rejt-name":{lineHeight:"22px"},".rejt-not-collapsed-delimiter":{lineHeight:"22px"},".rejt-plus-menu":{marginLeft:5},".rejt-object-node > span > *, .rejt-array-node > span > *":{position:"relative",zIndex:2},".rejt-object-node, .rejt-array-node":{position:"relative"},".rejt-object-node > span:first-of-type::after, .rejt-array-node > span:first-of-type::after, .rejt-collapsed::before, .rejt-not-collapsed::before":{content:'""',position:"absolute",top:0,display:"block",width:"100%",marginLeft:"-1rem",padding:"0 4px 0 1rem",height:22},".rejt-collapsed::before, .rejt-not-collapsed::before":{zIndex:1,background:"transparent",borderRadius:4,transition:"background 0.2s",pointerEvents:"none",opacity:.1},".rejt-object-node:hover, .rejt-array-node:hover":{"& > .rejt-collapsed::before, & > .rejt-not-collapsed::before":{background:theme.color.secondary}},".rejt-collapsed::after, .rejt-not-collapsed::after":{content:'""',position:"absolute",display:"inline-block",pointerEvents:"none",width:0,height:0},".rejt-collapsed::after":{left:-8,top:8,borderTop:"3px solid transparent",borderBottom:"3px solid transparent",borderLeft:"3px solid rgba(153,153,153,0.6)"},".rejt-not-collapsed::after":{left:-10,top:10,borderTop:"3px solid rgba(153,153,153,0.6)",borderLeft:"3px solid transparent",borderRight:"3px solid transparent"},".rejt-value":{display:"inline-block",border:"1px solid transparent",borderRadius:4,margin:"1px 0",padding:"0 4px",cursor:"text",color:theme.color.defaultText},".rejt-value-node:hover > .rejt-value":{background:theme.color.lighter,borderColor:theme.appBorderColor}}))),Button=dist.I4.button((({theme,primary})=>({border:0,height:20,margin:1,borderRadius:4,background:primary?theme.color.secondary:"transparent",color:primary?theme.color.lightest:theme.color.dark,fontWeight:primary?"bold":"normal",cursor:"pointer",order:primary?"initial":9}))),ActionIcon=(0,dist.I4)(components_dist.FI)((({theme,icon,disabled})=>({display:"inline-block",verticalAlign:"middle",width:15,height:15,padding:3,marginLeft:5,cursor:disabled?"not-allowed":"pointer",color:theme.textMutedColor,"&:hover":disabled?{}:{color:"subtract"===icon?theme.color.negative:theme.color.ancillary},"svg + &":{marginLeft:0}}))),Input=dist.I4.input((({theme,placeholder})=>({outline:0,margin:placeholder?1:"1px 0",padding:"3px 4px",color:theme.color.defaultText,background:theme.background.app,border:`1px solid ${theme.appBorderColor}`,borderRadius:4,lineHeight:"14px",width:"Key"===placeholder?80:120,"&:focus":{border:`1px solid ${theme.color.secondary}`}}))),RawButton=(0,dist.I4)(components_dist.K0)((({theme})=>({position:"absolute",zIndex:2,top:2,right:2,height:21,padding:"0 3px",background:theme.background.bar,border:`1px solid ${theme.appBorderColor}`,borderRadius:3,color:theme.textMutedColor,fontSize:"9px",fontWeight:"bold",textDecoration:"none",span:{marginLeft:3,marginTop:1}}))),RawInput=(0,dist.I4)(components_dist.lV.Textarea)((({theme})=>({flex:1,padding:"7px 6px",fontFamily:theme.typography.fonts.mono,fontSize:"12px",lineHeight:"18px","&::placeholder":{fontFamily:theme.typography.fonts.base,fontSize:"13px"},"&:placeholder-shown":{padding:"7px 10px"}}))),ENTER_EVENT={bubbles:!0,cancelable:!0,key:"Enter",code:"Enter",keyCode:13},dispatchEnterKey=event=>{event.currentTarget.dispatchEvent(new globalWindow2.KeyboardEvent("keydown",ENTER_EVENT))},selectValue=event=>{event.currentTarget.select()},getCustomStyleFunction=theme=>()=>({name:{color:theme.color.secondary},collapsed:{color:theme.color.dark},ul:{listStyle:"none",margin:"0 0 0 1rem",padding:0},li:{outline:0}}),ObjectControl=({name,value:value2,onChange})=>{let theme=(0,dist.DP)(),data=(0,react.useMemo)((()=>value2&&cloneDeep_default()(value2)),[value2]),hasData=null!=data,[showRaw,setShowRaw]=(0,react.useState)(!hasData),[parseError,setParseError]=(0,react.useState)(null),updateRaw=(0,react.useCallback)((raw=>{try{raw&&onChange(JSON.parse(raw)),setParseError(void 0)}catch(e){setParseError(e)}}),[onChange]),[forceVisible,setForceVisible]=(0,react.useState)(!1),onForceVisible=(0,react.useCallback)((()=>{onChange({}),setForceVisible(!0)}),[setForceVisible]),htmlElRef=(0,react.useRef)(null);if((0,react.useEffect)((()=>{forceVisible&&htmlElRef.current&&htmlElRef.current.select()}),[forceVisible]),!hasData)return react.createElement(components_dist.lV.Button,{id:(0,chunk_GWAJ4KRU.Y)(name),onClick:onForceVisible},"Set object");let rawJSONForm=react.createElement(RawInput,{ref:htmlElRef,id:(0,chunk_GWAJ4KRU.Z)(name),name,defaultValue:null===value2?"":JSON.stringify(value2,null,2),onBlur:event=>updateRaw(event.target.value),placeholder:"Edit JSON string...",autoFocus:forceVisible,valid:parseError?"error":null});return react.createElement(Wrapper5,null,["Object","Array"].includes(getObjectType(data))&&react.createElement(RawButton,{href:"#",onClick:e=>{e.preventDefault(),setShowRaw((v=>!v))}},react.createElement(components_dist.FI,{icon:showRaw?"eyeclose":"eye"}),react.createElement("span",null,"RAW")),showRaw?rawJSONForm:react.createElement(JsonTree,{data,rootName:name,onFullyUpdate:onChange,getStyle:getCustomStyleFunction(theme),cancelButtonElement:react.createElement(Button,{type:"button"},"Cancel"),editButtonElement:react.createElement(Button,{type:"submit"},"Save"),addButtonElement:react.createElement(Button,{type:"submit",primary:!0},"Save"),plusMenuElement:react.createElement(ActionIcon,{icon:"add"}),minusMenuElement:react.createElement(ActionIcon,{icon:"subtract"}),inputElement:(_,__,___,key)=>key?react.createElement(Input,{onFocus:selectValue,onBlur:dispatchEnterKey}):react.createElement(Input,null),fallback:rawJSONForm}))},RangeInput=dist.I4.input((({theme,min,max,value:value2})=>({"&":{width:"100%",backgroundColor:"transparent",appearance:"none"},"&::-webkit-slider-runnable-track":{background:"light"===theme.base?`linear-gradient(to right, \n ${theme.color.green} 0%, ${theme.color.green} ${(value2-min)/(max-min)*100}%, \n ${(0,polished_esm.e$)(.02,theme.input.background)} ${(value2-min)/(max-min)*100}%, \n ${(0,polished_esm.e$)(.02,theme.input.background)} 100%)`:`linear-gradient(to right, \n ${theme.color.green} 0%, ${theme.color.green} ${(value2-min)/(max-min)*100}%, \n ${(0,polished_esm.a)(.02,theme.input.background)} ${(value2-min)/(max-min)*100}%, \n ${(0,polished_esm.a)(.02,theme.input.background)} 100%)`,boxShadow:`${theme.appBorderColor} 0 0 0 1px inset`,borderRadius:6,width:"100%",height:6,cursor:"pointer"},"&::-webkit-slider-thumb":{marginTop:"-6px",width:16,height:16,border:`1px solid ${(0,polished_esm.B3)(theme.appBorderColor,.2)}`,borderRadius:"50px",boxShadow:`0 1px 3px 0px ${(0,polished_esm.B3)(theme.appBorderColor,.2)}`,cursor:"grab",appearance:"none",background:`${theme.input.background}`,transition:"all 150ms ease-out","&:hover":{background:`${(0,polished_esm.e$)(.05,theme.input.background)}`,transform:"scale3d(1.1, 1.1, 1.1) translateY(-1px)",transition:"all 50ms ease-out"},"&:active":{background:`${theme.input.background}`,transform:"scale3d(1, 1, 1) translateY(0px)",cursor:"grabbing"}},"&:focus":{outline:"none","&::-webkit-slider-runnable-track":{borderColor:(0,polished_esm.B3)(theme.color.secondary,.4)},"&::-webkit-slider-thumb":{borderColor:theme.color.secondary,boxShadow:`0 0px 5px 0px ${theme.color.secondary}`}},"&::-moz-range-track":{background:"light"===theme.base?`linear-gradient(to right, \n ${theme.color.green} 0%, ${theme.color.green} ${(value2-min)/(max-min)*100}%, \n ${(0,polished_esm.e$)(.02,theme.input.background)} ${(value2-min)/(max-min)*100}%, \n ${(0,polished_esm.e$)(.02,theme.input.background)} 100%)`:`linear-gradient(to right, \n ${theme.color.green} 0%, ${theme.color.green} ${(value2-min)/(max-min)*100}%, \n ${(0,polished_esm.a)(.02,theme.input.background)} ${(value2-min)/(max-min)*100}%, \n ${(0,polished_esm.a)(.02,theme.input.background)} 100%)`,boxShadow:`${theme.appBorderColor} 0 0 0 1px inset`,borderRadius:6,width:"100%",height:6,cursor:"pointer",outline:"none"},"&::-moz-range-thumb":{width:16,height:16,border:`1px solid ${(0,polished_esm.B3)(theme.appBorderColor,.2)}`,borderRadius:"50px",boxShadow:`0 1px 3px 0px ${(0,polished_esm.B3)(theme.appBorderColor,.2)}`,cursor:"grab",background:`${theme.input.background}`,transition:"all 150ms ease-out","&:hover":{background:`${(0,polished_esm.e$)(.05,theme.input.background)}`,transform:"scale3d(1.1, 1.1, 1.1) translateY(-1px)",transition:"all 50ms ease-out"},"&:active":{background:`${theme.input.background}`,transform:"scale3d(1, 1, 1) translateY(0px)",cursor:"grabbing"}},"&::-ms-track":{background:"light"===theme.base?`linear-gradient(to right, \n ${theme.color.green} 0%, ${theme.color.green} ${(value2-min)/(max-min)*100}%, \n ${(0,polished_esm.e$)(.02,theme.input.background)} ${(value2-min)/(max-min)*100}%, \n ${(0,polished_esm.e$)(.02,theme.input.background)} 100%)`:`linear-gradient(to right, \n ${theme.color.green} 0%, ${theme.color.green} ${(value2-min)/(max-min)*100}%, \n ${(0,polished_esm.a)(.02,theme.input.background)} ${(value2-min)/(max-min)*100}%, \n ${(0,polished_esm.a)(.02,theme.input.background)} 100%)`,boxShadow:`${theme.appBorderColor} 0 0 0 1px inset`,color:"transparent",width:"100%",height:"6px",cursor:"pointer"},"&::-ms-fill-lower":{borderRadius:6},"&::-ms-fill-upper":{borderRadius:6},"&::-ms-thumb":{width:16,height:16,background:`${theme.input.background}`,border:`1px solid ${(0,polished_esm.B3)(theme.appBorderColor,.2)}`,borderRadius:50,cursor:"grab",marginTop:0},"@supports (-ms-ime-align:auto)":{"input[type=range]":{margin:"0"}}}))),RangeLabel=dist.I4.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:"nowrap",fontFeatureSettings:"tnum",fontVariantNumeric:"tabular-nums"}),RangeCurrentAndMaxLabel=(0,dist.I4)(RangeLabel)((({numberOFDecimalsPlaces,max})=>({width:`${numberOFDecimalsPlaces+2*max.toString().length+3}ch`,textAlign:"right",flexShrink:0}))),RangeWrapper=dist.I4.div({display:"flex",alignItems:"center",width:"100%"});var Wrapper6=dist.I4.label({display:"flex"}),MaxLength=dist.I4.div((({isMaxed})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:isMaxed?"red":void 0}))),FileInput=(0,dist.I4)(components_dist.lV.Input)({padding:10});var LazyColorControl=(0,react.lazy)((()=>__webpack_require__.e(857).then(__webpack_require__.bind(__webpack_require__,"./node_modules/@storybook/blocks/dist/Color-6VNJS4EI.mjs")))),Controls2={array:ObjectControl,object:ObjectControl,boolean:({name,value:value2,onChange,onBlur,onFocus})=>{let onSetFalse=(0,react.useCallback)((()=>onChange(!1)),[onChange]);if(void 0===value2)return react.createElement(components_dist.lV.Button,{id:(0,chunk_GWAJ4KRU.Y)(name),onClick:onSetFalse},"Set boolean");let controlId=(0,chunk_GWAJ4KRU.Z)(name),parsedValue="string"==typeof value2?(value2=>"true"===value2)(value2):value2;return react.createElement(Label,{htmlFor:controlId,"aria-label":name},react.createElement("input",{id:controlId,type:"checkbox",onChange:e=>onChange(e.target.checked),checked:parsedValue,role:"switch",name,onBlur,onFocus}),react.createElement("span",{"aria-hidden":"true"},"False"),react.createElement("span",{"aria-hidden":"true"},"True"))},color:props=>react.createElement(react.Suspense,{fallback:react.createElement("div",null)},react.createElement(LazyColorControl,{...props})),date:({name,value:value2,onChange,onFocus,onBlur})=>{let[valid,setValid]=(0,react.useState)(!0),dateRef=(0,react.useRef)(),timeRef=(0,react.useRef)();(0,react.useEffect)((()=>{!1!==valid&&(dateRef&&dateRef.current&&(dateRef.current.value=(value2=>{let date=new Date(value2);return`${`000${date.getFullYear()}`.slice(-4)}-${`0${date.getMonth()+1}`.slice(-2)}-${`0${date.getDate()}`.slice(-2)}`})(value2)),timeRef&&timeRef.current&&(timeRef.current.value=(value2=>{let date=new Date(value2);return`${`0${date.getHours()}`.slice(-2)}:${`0${date.getMinutes()}`.slice(-2)}`})(value2)))}),[value2]);let controlId=(0,chunk_GWAJ4KRU.Z)(name);return react.createElement(FlexSpaced,null,react.createElement(components_dist.lV.Input,{type:"date",max:"9999-12-31",ref:dateRef,id:`${controlId}-date`,name:`${controlId}-date`,onChange:e=>{let parsed=(value2=>{let[year,month,day]=value2.split("-"),result=new Date;return result.setFullYear(parseInt(year,10),parseInt(month,10)-1,parseInt(day,10)),result})(e.target.value),result=new Date(value2);result.setFullYear(parsed.getFullYear(),parsed.getMonth(),parsed.getDate());let time=result.getTime();time&&onChange(time),setValid(!!time)},onFocus,onBlur}),react.createElement(components_dist.lV.Input,{type:"time",id:`${controlId}-time`,name:`${controlId}-time`,ref:timeRef,onChange:e=>{let parsed=(value2=>{let[hours,minutes]=value2.split(":"),result=new Date;return result.setHours(parseInt(hours,10)),result.setMinutes(parseInt(minutes,10)),result})(e.target.value),result=new Date(value2);result.setHours(parsed.getHours()),result.setMinutes(parsed.getMinutes());let time=result.getTime();time&&onChange(time),setValid(!!time)},onFocus,onBlur}),valid?null:react.createElement("div",null,"invalid"))},number:({name,value:value2,onChange,min,max,step,onBlur,onFocus})=>{let[inputValue,setInputValue]=(0,react.useState)("number"==typeof value2?value2:""),[forceVisible,setForceVisible]=(0,react.useState)(!1),[parseError,setParseError]=(0,react.useState)(null),handleChange=(0,react.useCallback)((event=>{setInputValue(event.target.value);let result=parseFloat(event.target.value);Number.isNaN(result)?setParseError(new Error(`'${event.target.value}' is not a number`)):(onChange(result),setParseError(null))}),[onChange,setParseError]),onForceVisible=(0,react.useCallback)((()=>{setInputValue("0"),onChange(0),setForceVisible(!0)}),[setForceVisible]),htmlElRef=(0,react.useRef)(null);return(0,react.useEffect)((()=>{forceVisible&&htmlElRef.current&&htmlElRef.current.select()}),[forceVisible]),(0,react.useEffect)((()=>{inputValue!==("number"==typeof value2?value2:"")&&setInputValue(value2)}),[value2]),forceVisible||void 0!==value2?react.createElement(Wrapper2,null,react.createElement(components_dist.lV.Input,{ref:htmlElRef,id:(0,chunk_GWAJ4KRU.Z)(name),type:"number",onChange:handleChange,size:"flex",placeholder:"Edit number...",value:inputValue,valid:parseError?"error":null,autoFocus:forceVisible,name,min,max,step,onFocus,onBlur})):react.createElement(components_dist.lV.Button,{id:(0,chunk_GWAJ4KRU.Y)(name),onClick:onForceVisible},"Set number")},check:OptionsControl,"inline-check":OptionsControl,radio:OptionsControl,"inline-radio":OptionsControl,select:OptionsControl,"multi-select":OptionsControl,range:({name,value:value2,onChange,min=0,max=100,step=1,onBlur,onFocus})=>{let hasValue=void 0!==value2,numberOFDecimalsPlaces=(0,react.useMemo)((()=>function getNumberOfDecimalPlaces(number){let match=number.toString().match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);return match?Math.max(0,(match[1]?match[1].length:0)-(match[2]?+match[2]:0)):0}(step)),[step]);return react.createElement(RangeWrapper,null,react.createElement(RangeLabel,null,min),react.createElement(RangeInput,{id:(0,chunk_GWAJ4KRU.Z)(name),type:"range",onChange:event=>{onChange((value2=>{let result=parseFloat(value2);return Number.isNaN(result)?void 0:result})(event.target.value))},name,value:value2,min,max,step,onFocus,onBlur}),react.createElement(RangeCurrentAndMaxLabel,{numberOFDecimalsPlaces,max},hasValue?value2.toFixed(numberOFDecimalsPlaces):"--"," / ",max))},text:({name,value:value2,onChange,onFocus,onBlur,maxLength})=>{let[forceVisible,setForceVisible]=(0,react.useState)(!1),onForceVisible=(0,react.useCallback)((()=>{onChange(""),setForceVisible(!0)}),[setForceVisible]);if(void 0===value2)return react.createElement(components_dist.lV.Button,{id:(0,chunk_GWAJ4KRU.Y)(name),onClick:onForceVisible},"Set string");let isValid="string"==typeof value2;return react.createElement(Wrapper6,null,react.createElement(components_dist.lV.Textarea,{id:(0,chunk_GWAJ4KRU.Z)(name),maxLength,onChange:event=>{onChange(event.target.value)},size:"flex",placeholder:"Edit string...",autoFocus:forceVisible,valid:isValid?null:"error",name,value:isValid?value2:"",onFocus,onBlur}),maxLength&&react.createElement(MaxLength,{isMaxed:value2?.length===maxLength},value2?.length??0," / ",maxLength))},file:({onChange,name,accept="image/*",value:value2})=>{let inputElement=(0,react.useRef)(null);return(0,react.useEffect)((()=>{null==value2&&inputElement.current&&(inputElement.current.value=null)}),[value2,name]),react.createElement(FileInput,{ref:inputElement,id:(0,chunk_GWAJ4KRU.Z)(name),type:"file",name,multiple:!0,onChange:function handleFileChange(e){if(!e.target.files)return;let fileUrls=Array.from(e.target.files).map((file=>URL.createObjectURL(file)));onChange(fileUrls),function revokeOldUrls(urls){urls.forEach((url=>{url.startsWith("blob:")&&URL.revokeObjectURL(url)}))}(value2)},accept,size:"flex"})}},NoControl=()=>react.createElement(react.Fragment,null,"-"),ArgControl=({row,arg,updateArgs,isHovered})=>{let{key,control}=row,[isFocused,setFocused]=(0,react.useState)(!1),[boxedValue,setBoxedValue]=(0,react.useState)({value:arg});(0,react.useEffect)((()=>{isFocused||setBoxedValue({value:arg})}),[isFocused,arg]);let onChange=(0,react.useCallback)((argVal=>(setBoxedValue({value:argVal}),updateArgs({[key]:argVal}),argVal)),[updateArgs,key]),onBlur=(0,react.useCallback)((()=>setFocused(!1)),[]),onFocus=(0,react.useCallback)((()=>setFocused(!0)),[]);if(!control||control.disable)return isHovered?react.createElement(components_dist.N_,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Setup controls"):react.createElement(NoControl,null);let props={name:key,argType:row,value:boxedValue.value,onChange,onBlur,onFocus},Control=Controls2[control.type]||NoControl;return react.createElement(Control,{...props,...control,controlType:control.type})},Name=dist.I4.span({fontWeight:"bold"}),Required=dist.I4.span((({theme})=>({color:theme.color.negative,fontFamily:theme.typography.fonts.mono,cursor:"help"}))),Description=dist.I4.div((({theme})=>({"&&":{p:{margin:"0 0 10px 0"},a:{color:theme.color.secondary}},code:{...(0,components_dist.zb)({theme}),fontSize:12,fontFamily:theme.typography.fonts.mono},"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}}))),Type=dist.I4.div((({theme,hasDescription})=>({color:"light"===theme.base?(0,polished_esm.No)(.1,theme.color.defaultText):(0,polished_esm.No)(.2,theme.color.defaultText),marginTop:hasDescription?4:0}))),TypeWithJsDoc=dist.I4.div((({theme,hasDescription})=>({color:"light"===theme.base?(0,polished_esm.No)(.1,theme.color.defaultText):(0,polished_esm.No)(.2,theme.color.defaultText),marginTop:hasDescription?12:0,marginBottom:12}))),StyledTd=dist.I4.td((({theme,expandable})=>({paddingLeft:expandable?"40px !important":"20px !important"}))),ArgRow=props=>{let[isHovered,setIsHovered]=(0,react.useState)(!1),{row,updateArgs,compact,expandable,initialExpandedArgs}=props,{name,description}=row,table=row.table||{},type=table.type||row.type,defaultValue=table.defaultValue||row.defaultValue,required=row.type?.required,hasDescription=null!=description&&""!==description;return react.createElement("tr",{onMouseEnter:()=>setIsHovered(!0),onMouseLeave:()=>setIsHovered(!1)},react.createElement(StyledTd,{expandable},react.createElement(Name,null,name),required?react.createElement(Required,{title:"Required"},"*"):null),compact?null:react.createElement("td",null,hasDescription&&react.createElement(Description,null,react.createElement(index_modern,null,description)),null!=table.jsDocTags?react.createElement(react.Fragment,null,react.createElement(TypeWithJsDoc,{hasDescription},react.createElement(ArgValue,{value:type,initialExpandedArgs})),react.createElement(ArgJsDoc,{tags:table.jsDocTags})):react.createElement(Type,{hasDescription},react.createElement(ArgValue,{value:type,initialExpandedArgs}))),compact?null:react.createElement("td",null,react.createElement(ArgValue,{value:defaultValue,initialExpandedArgs})),updateArgs?react.createElement("td",null,react.createElement(ArgControl,{...props,isHovered})):null)},ExpanderIcon=(0,dist.I4)(components_dist.FI)((({theme})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:"light"===theme.base?(0,polished_esm.No)(.25,theme.color.defaultText):(0,polished_esm.No)(.3,theme.color.defaultText),border:"none",display:"inline-block"}))),FlexWrapper=dist.I4.span((({theme})=>({display:"flex",lineHeight:"20px",alignItems:"center"}))),Section=dist.I4.td((({theme})=>({position:"relative",letterSpacing:"0.35em",textTransform:"uppercase",fontWeight:theme.typography.weight.bold,fontSize:theme.typography.size.s1-1,color:"light"===theme.base?(0,polished_esm.No)(.4,theme.color.defaultText):(0,polished_esm.No)(.6,theme.color.defaultText),background:`${theme.background.app} !important`,"& ~ td":{background:`${theme.background.app} !important`}}))),Subsection=dist.I4.td((({theme})=>({position:"relative",fontWeight:theme.typography.weight.bold,fontSize:theme.typography.size.s2-1,background:theme.background.app}))),StyledTd2=dist.I4.td((()=>({position:"relative"}))),StyledTr=dist.I4.tr((({theme})=>({"&:hover > td":{backgroundColor:`${(0,polished_esm.a)(.005,theme.background.app)} !important`,boxShadow:`${theme.color.mediumlight} 0 - 1px 0 0 inset`,cursor:"row-resize"}}))),ClickIntercept=dist.I4.button((()=>({background:"none",border:"none",padding:"0",font:"inherit",position:"absolute",top:0,bottom:0,left:0,right:0,height:"100%",width:"100%",color:"transparent",cursor:"row-resize !important"}))),SectionRow=({level="section",label,children,initialExpanded=!0,colSpan=3})=>{let[expanded,setExpanded]=(0,react.useState)(initialExpanded),Level="subsection"===level?Subsection:Section,itemCount=children?.length||0,caption="subsection"===level?`${itemCount} item${1!==itemCount?"s":""}`:"",icon=expanded?"arrowdown":"arrowright",helperText=`${expanded?"Hide":"Show"} ${"subsection"===level?itemCount:label} item${1!==itemCount?"s":""}`;return react.createElement(react.Fragment,null,react.createElement(StyledTr,{title:helperText},react.createElement(Level,{colSpan:1},react.createElement(ClickIntercept,{onClick:e=>setExpanded(!expanded),tabIndex:0},helperText),react.createElement(FlexWrapper,null,react.createElement(ExpanderIcon,{icon}),label)),react.createElement(StyledTd2,{colSpan:colSpan-1},react.createElement(ClickIntercept,{onClick:e=>setExpanded(!expanded),tabIndex:-1,style:{outline:"none"}},helperText),expanded?null:caption)),expanded?children:null)},Row=dist.I4.div((({theme})=>({display:"flex",gap:16,borderBottom:`1px solid ${theme.appBorderColor}`,"&:last-child":{borderBottom:0}}))),Column=dist.I4.div((({numColumn})=>({display:"flex",flexDirection:"column",flex:numColumn||1,gap:5,padding:"12px 20px"}))),SkeletonText=dist.I4.div((({theme,width,height})=>({animation:`${theme.animation.glow} 1.5s ease-in-out infinite`,background:theme.appBorderColor,width:width||"100%",height:height||16,borderRadius:3}))),columnWidth=[2,4,2,2],Skeleton=()=>react.createElement(react.Fragment,null,react.createElement(Row,null,react.createElement(Column,{numColumn:columnWidth[0]},react.createElement(SkeletonText,{width:"60%"})),react.createElement(Column,{numColumn:columnWidth[1]},react.createElement(SkeletonText,{width:"30%"})),react.createElement(Column,{numColumn:columnWidth[2]},react.createElement(SkeletonText,{width:"60%"})),react.createElement(Column,{numColumn:columnWidth[3]},react.createElement(SkeletonText,{width:"60%"}))),react.createElement(Row,null,react.createElement(Column,{numColumn:columnWidth[0]},react.createElement(SkeletonText,{width:"60%"})),react.createElement(Column,{numColumn:columnWidth[1]},react.createElement(SkeletonText,{width:"80%"}),react.createElement(SkeletonText,{width:"30%"})),react.createElement(Column,{numColumn:columnWidth[2]},react.createElement(SkeletonText,{width:"60%"})),react.createElement(Column,{numColumn:columnWidth[3]},react.createElement(SkeletonText,{width:"60%"}))),react.createElement(Row,null,react.createElement(Column,{numColumn:columnWidth[0]},react.createElement(SkeletonText,{width:"60%"})),react.createElement(Column,{numColumn:columnWidth[1]},react.createElement(SkeletonText,{width:"80%"}),react.createElement(SkeletonText,{width:"30%"})),react.createElement(Column,{numColumn:columnWidth[2]},react.createElement(SkeletonText,{width:"60%"})),react.createElement(Column,{numColumn:columnWidth[3]},react.createElement(SkeletonText,{width:"60%"}))),react.createElement(Row,null,react.createElement(Column,{numColumn:columnWidth[0]},react.createElement(SkeletonText,{width:"60%"})),react.createElement(Column,{numColumn:columnWidth[1]},react.createElement(SkeletonText,{width:"80%"}),react.createElement(SkeletonText,{width:"30%"})),react.createElement(Column,{numColumn:columnWidth[2]},react.createElement(SkeletonText,{width:"60%"})),react.createElement(Column,{numColumn:columnWidth[3]},react.createElement(SkeletonText,{width:"60%"})))),Wrapper7=dist.I4.div((({inAddonPanel,theme})=>({height:inAddonPanel?"100%":"auto",display:"flex",border:inAddonPanel?"none":`1px solid ${theme.appBorderColor}`,borderRadius:inAddonPanel?0:theme.appBorderRadius,padding:inAddonPanel?0:40,alignItems:"center",justifyContent:"center",flexDirection:"column",gap:15,background:theme.background.content,boxShadow:"rgba(0, 0, 0, 0.10) 0 1px 3px 0"}))),Content=dist.I4.div({display:"flex",flexDirection:"column",gap:4,maxWidth:415}),Title2=dist.I4.div((({theme})=>({fontWeight:theme.typography.weight.bold,fontSize:theme.typography.size.s2-1,textAlign:"center",color:theme.textColor}))),Description2=dist.I4.div((({theme})=>({fontWeight:theme.typography.weight.regular,fontSize:theme.typography.size.s2-1,textAlign:"center",color:theme.textMutedColor}))),Links=dist.I4.div((({theme})=>({display:"flex",fontSize:theme.typography.size.s2-1,gap:25}))),Divider=dist.I4.div((({theme})=>({width:1,height:16,backgroundColor:theme.appBorderColor}))),Empty=({inAddonPanel})=>{let[isLoading,setIsLoading]=(0,react.useState)(!0);return(0,react.useEffect)((()=>{let load=setTimeout((()=>{setIsLoading(!1)}),100);return()=>clearTimeout(load)}),[]),isLoading?null:react.createElement(Wrapper7,{inAddonPanel},react.createElement(Content,null,react.createElement(Title2,null,inAddonPanel?"Interactive story playground":"Args table with interactive controls couldn't be auto-generated"),react.createElement(Description2,null,"Controls give you an easy to use interface to test your components. Set your story args and you'll see controls appearing here automatically.")),react.createElement(Links,null,inAddonPanel&&react.createElement(react.Fragment,null,react.createElement(components_dist.N_,{href:"https://youtu.be/0gOfS6K0x0E",target:"_blank",withArrow:!0},react.createElement(components_dist.FI,{icon:"video"})," Watch 5m video"),react.createElement(Divider,null),react.createElement(components_dist.N_,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Read docs")),!inAddonPanel&&react.createElement(components_dist.N_,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Learn how to set that up")))},TableWrapper=dist.I4.table((({theme,compact,inAddonPanel})=>({"&&":{borderSpacing:0,color:theme.color.defaultText,"td, th":{padding:0,border:"none",verticalAlign:"top",textOverflow:"ellipsis"},fontSize:theme.typography.size.s2-1,lineHeight:"20px",textAlign:"left",width:"100%",marginTop:inAddonPanel?0:25,marginBottom:inAddonPanel?0:40,"thead th:first-of-type, td:first-of-type":{width:"25%"},"th:first-of-type, td:first-of-type":{paddingLeft:20},"th:nth-of-type(2), td:nth-of-type(2)":{...compact?null:{width:"35%"}},"td:nth-of-type(3)":{...compact?null:{width:"15%"}},"th:last-of-type, td:last-of-type":{paddingRight:20,...compact?null:{width:"25%"}},th:{color:"light"===theme.base?(0,polished_esm.No)(.25,theme.color.defaultText):(0,polished_esm.No)(.45,theme.color.defaultText),paddingTop:10,paddingBottom:10,paddingLeft:15,paddingRight:15},td:{paddingTop:"10px",paddingBottom:"10px","&:not(:first-of-type)":{paddingLeft:15,paddingRight:15},"&:last-of-type":{paddingRight:20}},marginLeft:inAddonPanel?0:1,marginRight:inAddonPanel?0:1,tbody:{...inAddonPanel?null:{filter:"light"===theme.base?"drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.10))":"drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.20))"},"> tr > *":{background:theme.background.content,borderTop:`1px solid ${theme.appBorderColor}`},...inAddonPanel?null:{"> tr:first-of-type > *":{borderBlockStart:`1px solid ${theme.appBorderColor}`},"> tr:last-of-type > *":{borderBlockEnd:`1px solid ${theme.appBorderColor}`},"> tr > *:first-of-type":{borderInlineStart:`1px solid ${theme.appBorderColor}`},"> tr > *:last-of-type":{borderInlineEnd:`1px solid ${theme.appBorderColor}`},"> tr:first-of-type > td:first-of-type":{borderTopLeftRadius:theme.appBorderRadius},"> tr:first-of-type > td:last-of-type":{borderTopRightRadius:theme.appBorderRadius},"> tr:last-of-type > td:first-of-type":{borderBottomLeftRadius:theme.appBorderRadius},"> tr:last-of-type > td:last-of-type":{borderBottomRightRadius:theme.appBorderRadius}}}}}))),StyledIconButton=(0,dist.I4)(components_dist.K0)((({theme})=>({color:theme.barTextColor,margin:"-4px -12px -4px 0"}))),ControlHeadingWrapper=dist.I4.span({display:"flex",justifyContent:"space-between"}),sortFns={alpha:(a,b)=>a.name.localeCompare(b.name),requiredFirst:(a,b)=>+!!b.type?.required-+!!a.type?.required||a.name.localeCompare(b.name),none:void 0},ArgsTable=props=>{let{updateArgs,resetArgs,compact,inAddonPanel,initialExpandedArgs,sort="none",isLoading}=props;if("error"in props){let{error}=props;return react.createElement(EmptyBlock,null,error," ",react.createElement(components_dist.N_,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},"Read the docs"))}if(isLoading)return react.createElement(Skeleton,null);let{rows,args,globals}="rows"in props&&props,groups=((rows,sort)=>{let sections={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!rows)return sections;Object.entries(rows).forEach((([key,row])=>{let{category,subcategory}=row?.table||{};if(category){let section=sections.sections[category]||{ungrouped:[],subsections:{}};if(subcategory){let subsection=section.subsections[subcategory]||[];subsection.push({key,...row}),section.subsections[subcategory]=subsection}else section.ungrouped.push({key,...row});sections.sections[category]=section}else if(subcategory){let subsection=sections.ungroupedSubsections[subcategory]||[];subsection.push({key,...row}),sections.ungroupedSubsections[subcategory]=subsection}else sections.ungrouped.push({key,...row})}));let sortFn=sortFns[sort],sortSubsection=record=>sortFn?Object.keys(record).reduce(((acc,cur)=>({...acc,[cur]:record[cur].sort(sortFn)})),{}):record;return{ungrouped:sections.ungrouped.sort(sortFn),ungroupedSubsections:sortSubsection(sections.ungroupedSubsections),sections:Object.keys(sections.sections).reduce(((acc,cur)=>({...acc,[cur]:{ungrouped:sections.sections[cur].ungrouped.sort(sortFn),subsections:sortSubsection(sections.sections[cur].subsections)}})),{})}})(pickBy_default()(rows,(row=>!row?.table?.disable&&((row,args,globals)=>{try{return(0,csf_dist.hX)(row,args,globals)}catch(err){return external_STORYBOOK_MODULE_CLIENT_LOGGER_.once.warn(err.message),!1}})(row,args||{},globals||{}))),sort),hasNoUngrouped=0===groups.ungrouped.length,hasNoSections=0===Object.entries(groups.sections).length,hasNoUngroupedSubsections=0===Object.entries(groups.ungroupedSubsections).length;if(hasNoUngrouped&&hasNoSections&&hasNoUngroupedSubsections)return react.createElement(Empty,{inAddonPanel});let colSpan=1;updateArgs&&(colSpan+=1),compact||(colSpan+=2);let expandable=Object.keys(groups.sections).length>0,common={updateArgs,compact,inAddonPanel,initialExpandedArgs};return react.createElement(components_dist.dL,null,react.createElement(TableWrapper,{compact,inAddonPanel,className:"docblock-argstable sb-unstyled"},react.createElement("thead",{className:"docblock-argstable-head"},react.createElement("tr",null,react.createElement("th",null,react.createElement("span",null,"Name")),compact?null:react.createElement("th",null,react.createElement("span",null,"Description")),compact?null:react.createElement("th",null,react.createElement("span",null,"Default")),updateArgs?react.createElement("th",null,react.createElement(ControlHeadingWrapper,null,"Control"," ",!isLoading&&resetArgs&&react.createElement(StyledIconButton,{onClick:()=>resetArgs(),title:"Reset controls"},react.createElement(components_dist.FI,{icon:"undo","aria-hidden":!0})))):null)),react.createElement("tbody",{className:"docblock-argstable-body"},groups.ungrouped.map((row=>react.createElement(ArgRow,{key:row.key,row,arg:args&&args[row.key],...common}))),Object.entries(groups.ungroupedSubsections).map((([subcategory,subsection])=>react.createElement(SectionRow,{key:subcategory,label:subcategory,level:"subsection",colSpan},subsection.map((row=>react.createElement(ArgRow,{key:row.key,row,arg:args&&args[row.key],expandable,...common})))))),Object.entries(groups.sections).map((([category,section])=>react.createElement(SectionRow,{key:category,label:category,level:"section",colSpan},section.ungrouped.map((row=>react.createElement(ArgRow,{key:row.key,row,arg:args&&args[row.key],...common}))),Object.entries(section.subsections).map((([subcategory,subsection])=>react.createElement(SectionRow,{key:subcategory,label:subcategory,level:"subsection",colSpan},subsection.map((row=>react.createElement(ArgRow,{key:row.key,row,arg:args&&args[row.key],expandable,...common}))))))))))))},TabbedArgsTable=({tabs,...props})=>{let entries=Object.entries(tabs);return 1===entries.length?react.createElement(ArgsTable,{...entries[0][1],...props}):react.createElement(components_dist._j,null,entries.map((entry=>{let[label,table]=entry,id=`prop_table_div_${label}`;return react.createElement("div",{key:id,id,title:label},(({active})=>active?react.createElement(ArgsTable,{key:`prop_table_${label}`,...table,...props}):null))})))};dist.I4.div((({theme})=>({marginRight:30,fontSize:`${theme.typography.size.s1}px`,color:"light"===theme.base?(0,polished_esm.No)(.4,theme.color.defaultText):(0,polished_esm.No)(.6,theme.color.defaultText)}))),dist.I4.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"}),dist.I4.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}}),dist.I4.div(components_dist.YV,(({theme})=>({...getBlockBackgroundStyle(theme),margin:"25px 0 40px",padding:"30px 20px"}))),dist.I4.div((({theme})=>({fontWeight:theme.typography.weight.bold,color:theme.color.defaultText}))),dist.I4.div((({theme})=>({color:"light"===theme.base?(0,polished_esm.No)(.2,theme.color.defaultText):(0,polished_esm.No)(.6,theme.color.defaultText)}))),dist.I4.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5}),dist.I4.div((({theme})=>({flex:1,textAlign:"center",fontFamily:theme.typography.fonts.mono,fontSize:theme.typography.size.s1,lineHeight:1,overflow:"hidden",color:"light"===theme.base?(0,polished_esm.No)(.4,theme.color.defaultText):(0,polished_esm.No)(.6,theme.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}}))),dist.I4.div({display:"flex",flexDirection:"row"}),dist.I4.div((({background})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background,content:'""'}}))),dist.I4.div((({theme})=>({...getBlockBackgroundStyle(theme),display:"flex",flexDirection:"row",height:50,marginBottom:5,overflow:"hidden",backgroundColor:"white",backgroundImage:"repeating-linear-gradient(-45deg, #ccc, #ccc 1px, #fff 1px, #fff 16px)",backgroundClip:"padding-box"}))),dist.I4.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30}),dist.I4.div({flex:1,display:"flex",flexDirection:"row"}),dist.I4.div({display:"flex",alignItems:"flex-start"}),dist.I4.div({flex:"0 0 30%"}),dist.I4.div({flex:1}),dist.I4.div((({theme})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:theme.typography.weight.bold,color:"light"===theme.base?(0,polished_esm.No)(.4,theme.color.defaultText):(0,polished_esm.No)(.6,theme.color.defaultText)}))),dist.I4.div((({theme})=>({fontSize:theme.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"})));dist.I4.div((({theme})=>({fontFamily:theme.typography.fonts.base,fontSize:theme.typography.size.s2,color:theme.color.defaultText,marginLeft:10,lineHeight:1.2}))),dist.I4.div((({theme})=>({...getBlockBackgroundStyle(theme),overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}}))),dist.I4.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"}),dist.I4.div({display:"flex",flexFlow:"row wrap"});var anchorBlockIdFromId=storyId=>`anchor--${storyId}`,Anchor=({storyId,children})=>react.createElement("div",{id:anchorBlockIdFromId(storyId),className:"sb-anchor"},children);external_STORYBOOK_MODULE_GLOBAL_.global&&void 0===external_STORYBOOK_MODULE_GLOBAL_.global.__DOCS_CONTEXT__&&(external_STORYBOOK_MODULE_GLOBAL_.global.__DOCS_CONTEXT__=(0,react.createContext)(null),external_STORYBOOK_MODULE_GLOBAL_.global.__DOCS_CONTEXT__.displayName="DocsContext");var DocsContext=external_STORYBOOK_MODULE_GLOBAL_.global?external_STORYBOOK_MODULE_GLOBAL_.global.__DOCS_CONTEXT__:(0,react.createContext)(null),useOf=(moduleExportOrType,validTypes)=>(0,react.useContext)(DocsContext).resolveOf(moduleExportOrType,validTypes);var PRIMARY_STORY="^",getComponentName=component=>{if(component)return"string"==typeof component?component.includes("-")?component.split("-").map((part=>part.charAt(0).toUpperCase()+part.slice(1))).join(""):component:component.__docgenInfo&&component.__docgenInfo.displayName?component.__docgenInfo.displayName:component.name};function useStory(storyId,context){let stories=useStories([storyId],context);return stories&&stories[0]}function useStories(storyIds,context){let[storiesById,setStories]=(0,react.useState)({});return(0,react.useEffect)((()=>{Promise.all(storyIds.map((async storyId=>{let story=await context.loadStory(storyId);setStories((current=>current[storyId]===story?current:{...current,[storyId]:story}))})))})),storyIds.map((storyId=>{if(storiesById[storyId])return storiesById[storyId];try{return context.storyById(storyId)}catch{return null}}))}var extractComponentArgTypes2=(component,parameters,include,exclude)=>{let{extractArgTypes}=parameters.docs||{};if(!extractArgTypes)throw new Error("Args unsupported. See Args documentation for your framework.");let argTypes=extractArgTypes(component);return argTypes=(0,external_STORYBOOK_MODULE_PREVIEW_API_.filterArgTypes)(argTypes,include,exclude),argTypes},isShortcut=value2=>value2&&[PRIMARY_STORY].includes(value2),addComponentTabs=(tabs,components2,parameters,include,exclude,sort)=>({...tabs,...mapValues_default()(components2,(comp=>({rows:extractComponentArgTypes2(comp,parameters,include,exclude),sort})))}),StoryTable=props=>{let context=(0,react.useContext)(DocsContext),{story:storyName,component,subcomponents,showComponent,include,exclude,sort}=props;try{let storyId;if(storyName===PRIMARY_STORY)storyId=context.storyById().id;else storyId=context.storyIdByName(storyName);let story=useStory(storyId,context),[args,updateArgs,resetArgs]=((storyId,context)=>{let storyContext=context.getStoryContext(context.storyById()),[args,setArgs]=(0,react.useState)(storyContext.args);return(0,react.useEffect)((()=>{let cb=changed=>{changed.storyId===storyId&&setArgs(changed.args)};return context.channel.on(external_STORYBOOK_MODULE_CORE_EVENTS_.STORY_ARGS_UPDATED,cb),()=>context.channel.off(external_STORYBOOK_MODULE_CORE_EVENTS_.STORY_ARGS_UPDATED,cb)}),[storyId]),[args,(0,react.useCallback)((updatedArgs=>context.channel.emit(external_STORYBOOK_MODULE_CORE_EVENTS_.UPDATE_STORY_ARGS,{storyId,updatedArgs})),[storyId]),(0,react.useCallback)((argNames=>context.channel.emit(external_STORYBOOK_MODULE_CORE_EVENTS_.RESET_STORY_ARGS,{storyId,argNames})),[storyId])]})(storyId,context),[globals]=(context=>{let storyContext=context.getStoryContext(context.storyById()),[globals,setGlobals]=(0,react.useState)(storyContext.globals);return(0,react.useEffect)((()=>{let cb=changed=>{setGlobals(changed.globals)};return context.channel.on(external_STORYBOOK_MODULE_CORE_EVENTS_.GLOBALS_UPDATED,cb),()=>context.channel.off(external_STORYBOOK_MODULE_CORE_EVENTS_.GLOBALS_UPDATED,cb)}),[]),[globals]})(context);if(!story)return react.createElement(ArgsTable,{isLoading:!0,updateArgs,resetArgs});let argTypes=(0,external_STORYBOOK_MODULE_PREVIEW_API_.filterArgTypes)(story.argTypes,include,exclude),mainLabel=getComponentName(component)||"Story",tabs={[mainLabel]:{rows:argTypes,args,globals,updateArgs,resetArgs}},storyHasArgsWithControls=argTypes&&Object.values(argTypes).find((v=>!!v?.control));if(storyHasArgsWithControls||(updateArgs=null,resetArgs=null,tabs={}),component&&(!storyHasArgsWithControls||showComponent)&&(tabs=addComponentTabs(tabs,{[mainLabel]:component},story.parameters,include,exclude)),subcomponents){if(Array.isArray(subcomponents))throw new Error("Unexpected subcomponents array. Expected an object whose keys are tab labels and whose values are components.");tabs=addComponentTabs(tabs,subcomponents,story.parameters,include,exclude)}return react.createElement(TabbedArgsTable,{tabs,sort})}catch(err){return react.createElement(ArgsTable,{error:err.message})}},ComponentsTable=props=>{let{components:components2,include,exclude,sort,parameters}=props,tabs=addComponentTabs({},components2,parameters,include,exclude);return react.createElement(TabbedArgsTable,{tabs,sort})};function argsHash(args){return(0,telejson_dist.As)(args)}(props=>{(0,external_STORYBOOK_MODULE_CLIENT_LOGGER_.deprecate)(esm.A`The ArgsTable doc block is deprecated. Instead use the ArgTypes doc block for static tables or the Controls doc block for tables with controls. +/*! For license information please see 2800.9cfb67c8.iframe.bundle.js.LICENSE.txt */ +(self.webpackChunkdata_hub_frontend=self.webpackChunkdata_hub_frontend||[]).push([[2800],{"./node_modules/@storybook/addon-docs/dist/DocsRenderer-NNNQARDV.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{DocsRenderer:()=>DocsRenderer});var react=__webpack_require__("./node_modules/react/index.js"),react_16=__webpack_require__("./node_modules/@storybook/react-dom-shim/dist/react-16.mjs"),chunk_GWAJ4KRU=__webpack_require__("./node_modules/@storybook/blocks/dist/chunk-GWAJ4KRU.mjs"),dist=__webpack_require__("./node_modules/@storybook/theming/dist/index.mjs"),chunk_EIRT5I3Z=__webpack_require__("./node_modules/@storybook/theming/dist/chunk-EIRT5I3Z.mjs"),components_dist=__webpack_require__("./node_modules/@storybook/components/dist/index.mjs"),chunk_LWG3MFN2=__webpack_require__("./node_modules/@storybook/components/dist/chunk-LWG3MFN2.mjs"),polished_esm=__webpack_require__("./node_modules/polished/dist/polished.esm.js"),external_STORYBOOK_MODULE_GLOBAL_=__webpack_require__("@storybook/global"),pickBy=__webpack_require__("./node_modules/lodash/pickBy.js"),pickBy_default=__webpack_require__.n(pickBy),csf_dist=__webpack_require__("./node_modules/@storybook/csf/dist/index.mjs"),external_STORYBOOK_MODULE_CLIENT_LOGGER_=__webpack_require__("@storybook/client-logger");function n(){return n=Object.assign?Object.assign.bind():function(e){for(var n=1;n(e[n.toLowerCase()]=n,e)),{for:"htmlFor"}),o={amp:"&",apos:"'",gt:">",lt:"<",nbsp:" ",quot:"“"},c=["style","script"],a=/([-A-Z0-9_:]+)(?:\s*=\s*(?:(?:"((?:\\.|[^"])*)")|(?:'((?:\\.|[^'])*)')|(?:\{((?:\\.|{[^}]*?}|[^}])*)\})))?/gi,s=/mailto:/i,d=/\n{2,}$/,u=/^(\s*>[\s\S]*?)(?=\n{2,})/,p=/^ *> ?/gm,f=/^ {2,}\n/,h=/^(?:( *[-*_])){3,} *(?:\n *)+\n/,m=/^\s*(`{3,}|~{3,}) *(\S+)?([^\n]*?)?\n([\s\S]+?)\s*\1 *(?:\n *)*\n?/,g=/^(?: {4}[^\n]+\n*)+(?:\n *)+\n?/,y=/^(`+)\s*([\s\S]*?[^`])\s*\1(?!`)/,k=/^(?:\n *)*\n/,x=/\r\n?/g,b=/^\[\^([^\]]+)](:(.*)((\n+ {4,}.*)|(\n(?!\[\^).+))*)/,v=/^\[\^([^\]]+)]/,$=/\f/g,w=/^---[ \t]*\n(.|\n)*\n---[ \t]*\n/,E=/^\s*?\[(x|\s)\]/,S=/^ *(#{1,6}) *([^\n]+?)(?: +#*)?(?:\n *)*(?:\n|$)/,C=/^ *(#{1,6}) +([^\n]+?)(?: +#*)?(?:\n *)*(?:\n|$)/,A=/^([^\n]+)\n *(=|-){3,} *(?:\n *)+\n/,O=/^ *(?!<[a-z][^ >/]* ?\/>)<([a-z][^ >/]*) ?([^>]*)>\n?(\s*(?:<\1[^>]*?>[\s\S]*?<\/\1>|(?!<\1\b)[\s\S])*?)<\/\1>(?!<\/\1>)\n*/i,T=/&([a-z0-9]+|#[0-9]{1,6}|#x[0-9a-fA-F]{1,6});/gi,L=/^)/,R=/^(data|aria|x)-[a-z_][a-z\d_.-]*$/,z=/^ *<([a-z][a-z0-9:]*)(?:\s+((?:<.*?>|[^>])*))?\/?>(?!<\/\1>)(\s*\n)?/i,M=/^\{.*\}$/,I=/^(https?:\/\/[^\s<]+[^<.,:;"')\]\s])/,U=/^<([^ >]+@[^ >]+)>/,j=/^<([^ >]+:\/[^ >]+)>/,B=/-([a-z])?/gi,N=/^(.*\|?.*)\n *(\|? *[-:]+ *\|[-| :]*)\n((?:.*\|.*\n)*)\n?/,H=/^\[([^\]]*)\]:\s+]+)>?\s*("([^"]*)")?/,D=/^!\[([^\]]*)\] ?\[([^\]]*)\]/,P=/^\[([^\]]*)\] ?\[([^\]]*)\]/,_=/(\[|\])/g,F=/(\n|^[-*]\s|^#|^ {2,}|^-{2,}|^>\s)/,W=/\t/g,G=/^ *\| */,Z=/(^ *\||\| *$)/g,q=/ *$/,V=/^ *:-+: *$/,X=/^ *:-+ *$/,Q=/^ *-+: *$/,J="((?:\\[.*?\\][([].*?[)\\]]|<.*?>(?:.*?<.*?>)?|`.*?`|~~.*?~~|==.*?==|.|\\n)*?)",K=new RegExp(`^([*_])\\1${J}\\1\\1(?!\\1)`),Y=new RegExp(`^([*_])${J}\\1(?!\\1|\\w)`),ee=new RegExp(`^==${J}==`),ne=new RegExp(`^~~${J}~~`),te=/^\\([^0-9A-Za-z\s])/,re=/^[\s\S]+?(?=[^0-9A-Z\s\u00c0-\uffff&#;.()'"]|\d+\.|\n\n| {2,}\n|\w+:\S|$)/i,ie=/^\n+/,le=/^([ \t]*)/,oe=/\\([^\\])/g,ce=/ *\n+$/,ae=/(?:^|\n)( *)$/,se="(?:\\d+\\.)",de="(?:[*+-])";function ue(e){return"( *)("+(1===e?se:de)+") +"}const pe=ue(1),fe=ue(2);function he(e){return new RegExp("^"+(1===e?pe:fe))}const me=he(1),ge=he(2);function ye(e){return new RegExp("^"+(1===e?pe:fe)+"[^\\n]*(?:\\n(?!\\1"+(1===e?se:de)+" )[^\\n]*)*(\\n|$)","gm")}const ke=ye(1),xe=ye(2);function be(e){const n=1===e?se:de;return new RegExp("^( *)("+n+") [\\s\\S]+?(?:\\n{2,}(?! )(?!\\1"+n+" (?!"+n+" ))\\n*|\\s*\\n*$)")}const ve=be(1),$e=be(2);function we(e,n){const t=1===n,r=t?ve:$e,i=t?ke:xe,l=t?me:ge;return{match(e,n,t){const i=ae.exec(t);return i&&(n.list||!n.inline&&!n.simple)?r.exec(e=i[1]+e):null},order:1,parse(e,n,r){const o=t?+e[2]:void 0,c=e[0].replace(d,"\n").match(i);let a=!1;return{items:c.map((function(e,t){const i=l.exec(e)[0].length,o=new RegExp("^ {1,"+i+"}","gm"),s=e.replace(o,"").replace(l,""),d=t===c.length-1,u=-1!==s.indexOf("\n\n")||d&&a;a=u;const p=r.inline,f=r.list;let h;r.list=!0,u?(r.inline=!1,h=s.replace(ce,"\n\n")):(r.inline=!0,h=s.replace(ce,""));const m=n(h,r);return r.inline=p,r.list=f,m})),ordered:t,start:o}},render:(n,t,r)=>e(n.ordered?"ol":"ul",{key:r.key,start:"20"===n.type?n.start:void 0},n.items.map((function(n,i){return e("li",{key:i},t(n,r))})))}}const Ee=new RegExp("^\\[((?:\\[[^\\]]*\\]|[^\\[\\]]|\\](?=[^\\[]*\\]))*)\\]\\(\\s*?(?:\\s+['\"]([\\s\\S]*?)['\"])?\\s*\\)"),Se=/^!\[(.*?)\]\( *((?:\([^)]*\)|[^() ])*) *"?([^)"]*)?"?\)/,Ce=[u,m,g,S,A,C,L,N,ke,ve,xe,$e],Ae=[...Ce,/^[^\n]+(?: \n|\n{2,})/,O,z];function Oe(e){return e.replace(/[ÀÁÂÃÄÅàáâãäåæÆ]/g,"a").replace(/[çÇ]/g,"c").replace(/[ðÐ]/g,"d").replace(/[ÈÉÊËéèêë]/g,"e").replace(/[ÏïÎîÍíÌì]/g,"i").replace(/[Ññ]/g,"n").replace(/[øØœŒÕõÔôÓóÒò]/g,"o").replace(/[ÜüÛûÚúÙù]/g,"u").replace(/[ŸÿÝý]/g,"y").replace(/[^a-z0-9- ]/gi,"").replace(/ /gi,"-").toLowerCase()}function Te(e){return Q.test(e)?"right":V.test(e)?"center":X.test(e)?"left":null}function Le(e,n,t){const r=t.inTable;t.inTable=!0;const i=n(e.trim(),t);t.inTable=r;let l=[[]];return i.forEach((function(e,n){"26"===e.type?0!==n&&n!==i.length-1&&l.push([]):("27"!==e.type||null!=i[n+1]&&"26"!==i[n+1].type||(e.text=e.text.replace(q,"")),l[l.length-1].push(e))})),l}function Re(e,n,t){t.inline=!0;const r=Le(e[1],n,t),i=e[2].replace(Z,"").split("|").map(Te),l=function(e,n,t){return e.trim().split("\n").map((function(e){return Le(e,n,t)}))}(e[3],n,t);return t.inline=!1,{align:i,cells:l,header:r,type:"25"}}function ze(e,n){return null==e.align[n]?{}:{textAlign:e.align[n]}}function Me(e){return function(n,t){return t.inline?e.exec(n):null}}function Ie(e){return function(n,t){return t.inline||t.simple?e.exec(n):null}}function Ue(e){return function(n,t){return t.inline||t.simple?null:e.exec(n)}}function je(e){return function(n){return e.exec(n)}}function Be(e,n,t){if(n.inline||n.simple)return null;if(t&&!t.endsWith("\n"))return null;let r="";e.split("\n").every((e=>!Ce.some((n=>n.test(e)))&&(r+=e+"\n",e.trim())));const i=r.trimEnd();return""==i?null:[r,i]}function Ne(e){try{if(decodeURIComponent(e).replace(/[^A-Za-z0-9/:]/g,"").match(/^\s*(javascript|vbscript|data(?!:image)):/i))return}catch(e){return null}return e}function He(e){return e.replace(oe,"$1")}function De(e,n,t){const r=t.inline||!1,i=t.simple||!1;t.inline=!0,t.simple=!0;const l=e(n,t);return t.inline=r,t.simple=i,l}function Pe(e,n,t){const r=t.inline||!1,i=t.simple||!1;t.inline=!1,t.simple=!0;const l=e(n,t);return t.inline=r,t.simple=i,l}function _e(e,n,t){return t.inline=!1,e(n,t)}const Fe=(e,n,t)=>({children:De(n,e[1],t)});function We(){return{}}function Ge(){return null}function Ze(...e){return e.filter(Boolean).join(" ")}function qe(e,n,t){let r=e;const i=n.split(".");for(;i.length&&(r=r[i[0]],void 0!==r);)i.shift();return r||t}function Ve(t="",r={}){r.overrides=r.overrides||{},r.slugify=r.slugify||Oe,r.namedCodesToUnicode=r.namedCodesToUnicode?n({},o,r.namedCodesToUnicode):o;const i=r.createElement||react.createElement;function d(e,t,...l){const o=qe(r.overrides,`${e}.props`,{});return i(function(e,n){const t=qe(n,e);return t?"function"==typeof t||"object"==typeof t&&"render"in t?t:qe(n,`${e}.component`,e):e}(e,r.overrides),n({},t,o,{className:Ze(null==t?void 0:t.className,o.className)||void 0}),...l)}function Z(n){n=n.replace(w,"");let t=!1;r.forceInline?t=!0:r.forceBlock||(t=!1===F.test(n));const i=oe(J(t?n:`${n.trimEnd().replace(ie,"")}\n\n`,{inline:t}));for(;"string"==typeof i[i.length-1]&&!i[i.length-1].trim();)i.pop();if(null===r.wrapper)return i;const l=r.wrapper||(t?"span":"div");let o;if(i.length>1||r.forceWrapper)o=i;else{if(1===i.length)return o=i[0],"string"==typeof o?d("span",{key:"outer"},o):o;o=null}return react.createElement(l,{key:"outer"},o)}function q(n){const t=n.match(a);return t?t.reduce((function(n,t,r){const i=t.indexOf("=");if(-1!==i){const o=function(e){return-1!==e.indexOf("-")&&null===e.match(R)&&(e=e.replace(B,(function(e,n){return n.toUpperCase()}))),e}(t.slice(0,i)).trim(),c=function(e){const n=e[0];return('"'===n||"'"===n)&&e.length>=2&&e[e.length-1]===n?e.slice(1,-1):e}(t.slice(i+1).trim()),a=l[o]||o,s=n[a]=function(e,n){return"style"===e?n.split(/;\s?/).reduce((function(e,n){const t=n.slice(0,n.indexOf(":"));return e[t.trim().replace(/(-[a-z])/g,(e=>e[1].toUpperCase()))]=n.slice(t.length+1).trim(),e}),{}):"href"===e||"src"===e?Ne(n):(n.match(M)&&(n=n.slice(1,n.length-1)),"true"===n||"false"!==n&&n)}(o,c);"string"==typeof s&&(O.test(s)||z.test(s))&&(n[a]=react.cloneElement(Z(s.trim()),{key:r}))}else"style"!==t&&(n[l[t]||t]=!0);return n}),{}):null}const V=[],X={},Q={0:{match:Ue(u),order:1,parse:(e,n,t)=>({children:n(e[0].replace(p,""),t)}),render:(e,n,t)=>d("blockquote",{key:t.key},n(e.children,t))},1:{match:je(f),order:1,parse:We,render:(e,n,t)=>d("br",{key:t.key})},2:{match:Ue(h),order:1,parse:We,render:(e,n,t)=>d("hr",{key:t.key})},3:{match:Ue(g),order:0,parse:e=>({lang:void 0,text:e[0].replace(/^ {4}/gm,"").replace(/\n+$/,"")}),render:(e,t,r)=>d("pre",{key:r.key},d("code",n({},e.attrs,{className:e.lang?`lang-${e.lang}`:""}),e.text))},4:{match:Ue(m),order:0,parse:e=>({attrs:q(e[3]||""),lang:e[2]||void 0,text:e[4],type:"3"})},5:{match:Ie(y),order:3,parse:e=>({text:e[2]}),render:(e,n,t)=>d("code",{key:t.key},e.text)},6:{match:Ue(b),order:0,parse:e=>(V.push({footnote:e[2],identifier:e[1]}),{}),render:Ge},7:{match:Me(v),order:1,parse:e=>({target:`#${r.slugify(e[1])}`,text:e[1]}),render:(e,n,t)=>d("a",{key:t.key,href:Ne(e.target)},d("sup",{key:t.key},e.text))},8:{match:Me(E),order:1,parse:e=>({completed:"x"===e[1].toLowerCase()}),render:(e,n,t)=>d("input",{checked:e.completed,key:t.key,readOnly:!0,type:"checkbox"})},9:{match:Ue(r.enforceAtxHeadings?C:S),order:1,parse:(e,n,t)=>({children:De(n,e[2],t),id:r.slugify(e[2]),level:e[1].length}),render:(e,n,t)=>d(`h${e.level}`,{id:e.id,key:t.key},n(e.children,t))},10:{match:Ue(A),order:0,parse:(e,n,t)=>({children:De(n,e[1],t),level:"="===e[2]?1:2,type:"9"})},11:{match:je(O),order:1,parse(e,n,t){const[,r]=e[3].match(le),i=new RegExp(`^${r}`,"gm"),l=e[3].replace(i,""),o=(a=l,Ae.some((e=>e.test(a)))?_e:De);var a;const s=e[1].toLowerCase(),d=-1!==c.indexOf(s),u={attrs:q(e[2]),noInnerParse:d,tag:(d?s:e[1]).trim()};return t.inAnchor=t.inAnchor||"a"===s,d?u.text=e[3]:u.children=o(n,l,t),t.inAnchor=!1,u},render:(e,t,r)=>d(e.tag,n({key:r.key},e.attrs),e.text||t(e.children,r))},13:{match:je(z),order:1,parse:e=>({attrs:q(e[2]||""),tag:e[1].trim()}),render:(e,t,r)=>d(e.tag,n({},e.attrs,{key:r.key}))},12:{match:je(L),order:1,parse:()=>({}),render:Ge},14:{match:Ie(Se),order:1,parse:e=>({alt:e[1],target:He(e[2]),title:e[3]}),render:(e,n,t)=>d("img",{key:t.key,alt:e.alt||void 0,title:e.title||void 0,src:Ne(e.target)})},15:{match:Me(Ee),order:3,parse:(e,n,t)=>({children:Pe(n,e[1],t),target:He(e[2]),title:e[3]}),render:(e,n,t)=>d("a",{key:t.key,href:Ne(e.target),title:e.title},n(e.children,t))},16:{match:Me(j),order:0,parse:e=>({children:[{text:e[1],type:"27"}],target:e[1],type:"15"})},17:{match:(e,n)=>n.inAnchor?null:Me(I)(e,n),order:0,parse:e=>({children:[{text:e[1],type:"27"}],target:e[1],title:void 0,type:"15"})},18:{match:Me(U),order:0,parse(e){let n=e[1],t=e[1];return s.test(t)||(t="mailto:"+t),{children:[{text:n.replace("mailto:",""),type:"27"}],target:t,type:"15"}}},20:we(d,1),33:we(d,2),19:{match:Ue(k),order:3,parse:We,render:()=>"\n"},21:{match:Be,order:3,parse:Fe,render:(e,n,t)=>d("p",{key:t.key},n(e.children,t))},22:{match:Me(H),order:0,parse:e=>(X[e[1]]={target:e[2],title:e[4]},{}),render:Ge},23:{match:Ie(D),order:0,parse:e=>({alt:e[1]||void 0,ref:e[2]}),render:(e,n,t)=>X[e.ref]?d("img",{key:t.key,alt:e.alt,src:Ne(X[e.ref].target),title:X[e.ref].title}):null},24:{match:Me(P),order:0,parse:(e,n,t)=>({children:n(e[1],t),fallbackChildren:n(e[0].replace(_,"\\$1"),t),ref:e[2]}),render:(e,n,t)=>X[e.ref]?d("a",{key:t.key,href:Ne(X[e.ref].target),title:X[e.ref].title},n(e.children,t)):d("span",{key:t.key},n(e.fallbackChildren,t))},25:{match:Ue(N),order:1,parse:Re,render:(e,n,t)=>d("table",{key:t.key},d("thead",null,d("tr",null,e.header.map((function(r,i){return d("th",{key:i,style:ze(e,i)},n(r,t))})))),d("tbody",null,e.cells.map((function(r,i){return d("tr",{key:i},r.map((function(r,i){return d("td",{key:i,style:ze(e,i)},n(r,t))})))}))))},26:{match:function(e,n){return n.inTable?(n.inline=!0,G.exec(e)):null},order:1,parse:function(){return{type:"26"}},render:()=>" | "},27:{match:je(re),order:4,parse:e=>({text:e[0].replace(T,((e,n)=>r.namedCodesToUnicode[n]?r.namedCodesToUnicode[n]:e))}),render:e=>e.text},28:{match:Ie(K),order:2,parse:(e,n,t)=>({children:n(e[2],t)}),render:(e,n,t)=>d("strong",{key:t.key},n(e.children,t))},29:{match:Ie(Y),order:3,parse:(e,n,t)=>({children:n(e[2],t)}),render:(e,n,t)=>d("em",{key:t.key},n(e.children,t))},30:{match:Ie(te),order:1,parse:e=>({text:e[1],type:"27"})},31:{match:Ie(ee),order:3,parse:Fe,render:(e,n,t)=>d("mark",{key:t.key},n(e.children,t))},32:{match:Ie(ne),order:3,parse:Fe,render:(e,n,t)=>d("del",{key:t.key},n(e.children,t))}};!0===r.disableParsingRawHTML&&(delete Q[11],delete Q[13]);const J=function(e){let n=Object.keys(e);function t(r,i){let l=[],o="";for(;r;){let c=0;for(;cl(t,r,i)),t,r,i):l(t,r,i)}}(Q,r.renderRule),function e(n,t={}){if(Array.isArray(n)){const r=t.key,i=[];let l=!1;for(let r=0;r{let{children:r="",options:i}=n,l=function(e,n){if(null==e)return{};var t,r,i={},l=Object.keys(e);for(r=0;r=0||(i[t]=e[t]);return i}(n,t);return react.cloneElement(Ve(r,i),l)};var memoizerific=__webpack_require__("./node_modules/memoizerific/memoizerific.js"),memoizerific_default=__webpack_require__.n(memoizerific),uniq=__webpack_require__("./node_modules/lodash/uniq.js"),uniq_default=__webpack_require__.n(uniq),cloneDeep=__webpack_require__("./node_modules/lodash/cloneDeep.js"),cloneDeep_default=__webpack_require__.n(cloneDeep),external_STORYBOOK_MODULE_PREVIEW_API_=__webpack_require__("@storybook/preview-api"),mapValues=__webpack_require__("./node_modules/lodash/mapValues.js"),mapValues_default=__webpack_require__.n(mapValues),external_STORYBOOK_MODULE_CORE_EVENTS_=__webpack_require__("@storybook/core-events"),esm=__webpack_require__("./node_modules/ts-dedent/esm/index.js"),docs_tools_dist=__webpack_require__("./node_modules/@storybook/docs-tools/dist/index.mjs"),telejson_dist=__webpack_require__("./node_modules/telejson/dist/index.mjs"),js=__webpack_require__("./node_modules/tocbot/src/js/index.js"),external_STORYBOOK_MODULE_CHANNELS_=__webpack_require__("@storybook/channels"),Wrapper=dist.I4.div(components_dist.YV,(({theme})=>({backgroundColor:"light"===theme.base?"rgba(0,0,0,.01)":"rgba(255,255,255,.01)",borderRadius:theme.appBorderRadius,border:`1px dashed ${theme.appBorderColor}`,display:"flex",alignItems:"center",justifyContent:"center",padding:20,margin:"25px 0 40px",color:(0,polished_esm.No)(.3,theme.color.defaultText),fontSize:theme.typography.size.s2}))),EmptyBlock=props=>react.createElement(Wrapper,{...props,className:"docblock-emptyblock sb-unstyled"}),StyledSyntaxHighlighter=(0,dist.I4)(components_dist.bF)((({theme})=>({fontSize:theme.typography.size.s2-1+"px",lineHeight:"19px",margin:"25px 0 40px",borderRadius:theme.appBorderRadius,boxShadow:"light"===theme.base?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0","pre.prismjs":{padding:20,background:"inherit"}}))),SourceSkeletonWrapper=dist.I4.div((({theme})=>({background:theme.background.content,borderRadius:theme.appBorderRadius,border:`1px solid ${theme.appBorderColor}`,boxShadow:"light"===theme.base?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0",margin:"25px 0 40px",padding:"20px 20px 20px 22px"}))),SourceSkeletonPlaceholder=dist.I4.div((({theme})=>({animation:`${theme.animation.glow} 1.5s ease-in-out infinite`,background:theme.appBorderColor,height:17,marginTop:1,width:"60%",[`&:first-child${dist.v_}`]:{margin:0}}))),SourceSkeleton=()=>react.createElement(SourceSkeletonWrapper,null,react.createElement(SourceSkeletonPlaceholder,null),react.createElement(SourceSkeletonPlaceholder,{style:{width:"80%"}}),react.createElement(SourceSkeletonPlaceholder,{style:{width:"30%"}}),react.createElement(SourceSkeletonPlaceholder,{style:{width:"80%"}})),Source=({isLoading,error,language,code,dark,format:format2,...rest})=>{if(isLoading)return react.createElement(SourceSkeleton,null);if(error)return react.createElement(EmptyBlock,null,error);let syntaxHighlighter=react.createElement(StyledSyntaxHighlighter,{bordered:!0,copyable:!0,format:format2,language,className:"docblock-source sb-unstyled",...rest},code);if(typeof dark>"u")return syntaxHighlighter;let overrideTheme=dark?chunk_EIRT5I3Z.Zj.dark:chunk_EIRT5I3Z.Zj.light;return react.createElement(dist.NP,{theme:(0,dist.C6)(overrideTheme)},syntaxHighlighter)};Source.defaultProps={format:!1};var toGlobalSelector=element=>`& :where(${element}:not(.sb-anchor, .sb-unstyled, .sb-unstyled ${element}))`,Title=dist.I4.h1(components_dist.YV,(({theme})=>({color:theme.color.defaultText,fontSize:theme.typography.size.m3,fontWeight:theme.typography.weight.bold,lineHeight:"32px","@media (min-width: 600px)":{fontSize:theme.typography.size.l1,lineHeight:"36px",marginBottom:"16px"}}))),Subtitle=dist.I4.h2(components_dist.YV,(({theme})=>({fontWeight:theme.typography.weight.regular,fontSize:theme.typography.size.s3,lineHeight:"20px",borderBottom:"none",marginBottom:15,"@media (min-width: 600px)":{fontSize:theme.typography.size.m1,lineHeight:"28px",marginBottom:24},color:(0,polished_esm.No)(.25,theme.color.defaultText)}))),DocsContent=dist.I4.div((({theme})=>{let reset={fontFamily:theme.typography.fonts.base,fontSize:theme.typography.size.s3,margin:0,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitOverflowScrolling:"touch"},headers={margin:"20px 0 8px",padding:0,cursor:"text",position:"relative",color:theme.color.defaultText,"&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& code":{fontSize:"inherit"}},code={lineHeight:1,margin:"0 2px",padding:"3px 5px",whiteSpace:"nowrap",borderRadius:3,fontSize:theme.typography.size.s2-1,border:"light"===theme.base?`1px solid ${theme.color.mediumlight}`:`1px solid ${theme.color.darker}`,color:"light"===theme.base?(0,polished_esm.No)(.1,theme.color.defaultText):(0,polished_esm.No)(.3,theme.color.defaultText),backgroundColor:"light"===theme.base?theme.color.lighter:theme.color.border};return{maxWidth:1e3,width:"100%",[toGlobalSelector("a")]:{...reset,fontSize:"inherit",lineHeight:"24px",color:theme.color.secondary,textDecoration:"none","&.absent":{color:"#cc0000"},"&.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0}},[toGlobalSelector("blockquote")]:{...reset,margin:"16px 0",borderLeft:`4px solid ${theme.color.medium}`,padding:"0 15px",color:theme.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},[toGlobalSelector("div")]:reset,[toGlobalSelector("dl")]:{...reset,margin:"16px 0",padding:0,"& dt":{fontSize:"14px",fontWeight:"bold",fontStyle:"italic",padding:0,margin:"16px 0 4px"},"& dt:first-of-type":{padding:0},"& dt > :first-of-type":{marginTop:0},"& dt > :last-child":{marginBottom:0},"& dd":{margin:"0 0 16px",padding:"0 15px"},"& dd > :first-of-type":{marginTop:0},"& dd > :last-child":{marginBottom:0}},[toGlobalSelector("h1")]:{...reset,...headers,fontSize:`${theme.typography.size.l1}px`,fontWeight:theme.typography.weight.bold},[toGlobalSelector("h2")]:{...reset,...headers,fontSize:`${theme.typography.size.m2}px`,paddingBottom:4,borderBottom:`1px solid ${theme.appBorderColor}`},[toGlobalSelector("h3")]:{...reset,...headers,fontSize:`${theme.typography.size.m1}px`,fontWeight:theme.typography.weight.bold},[toGlobalSelector("h4")]:{...reset,...headers,fontSize:`${theme.typography.size.s3}px`},[toGlobalSelector("h5")]:{...reset,...headers,fontSize:`${theme.typography.size.s2}px`},[toGlobalSelector("h6")]:{...reset,...headers,fontSize:`${theme.typography.size.s2}px`,color:theme.color.dark},[toGlobalSelector("hr")]:{border:"0 none",borderTop:`1px solid ${theme.appBorderColor}`,height:4,padding:0},[toGlobalSelector("img")]:{maxWidth:"100%"},[toGlobalSelector("li")]:{...reset,fontSize:theme.typography.size.s2,color:theme.color.defaultText,lineHeight:"24px","& + li":{marginTop:".25em"},"& ul, & ol":{marginTop:".25em",marginBottom:0},"& code":code},[toGlobalSelector("ol")]:{...reset,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},[toGlobalSelector("p")]:{...reset,margin:"16px 0",fontSize:theme.typography.size.s2,lineHeight:"24px",color:theme.color.defaultText,"& code":code},[toGlobalSelector("pre")]:{...reset,fontFamily:theme.typography.fonts.mono,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",lineHeight:"18px",padding:"11px 1rem",whiteSpace:"pre-wrap",color:"inherit",borderRadius:3,margin:"1rem 0","&:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"& pre, &.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px",code:{color:"inherit",fontSize:"inherit"}},"& code":{whiteSpace:"pre"},"& code, & tt":{border:"none"}},[toGlobalSelector("span")]:{...reset,"&.frame":{display:"block",overflow:"hidden","& > span":{border:`1px solid ${theme.color.medium}`,display:"block",float:"left",overflow:"hidden",margin:"13px 0 0",padding:7,width:"auto"},"& span img":{display:"block",float:"left"},"& span span":{clear:"both",color:theme.color.darkest,display:"block",padding:"5px 0 0"}},"&.align-center":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"center"},"& span img":{margin:"0 auto",textAlign:"center"}},"&.align-right":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px 0 0",textAlign:"right"},"& span img":{margin:0,textAlign:"right"}},"&.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"&.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}}},[toGlobalSelector("table")]:{...reset,margin:"16px 0",fontSize:theme.typography.size.s2,lineHeight:"24px",padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${theme.appBorderColor}`,backgroundColor:theme.appContentBg,margin:0,padding:0},"& tr:nth-of-type(2n)":{backgroundColor:"dark"===theme.base?theme.color.darker:theme.color.lighter},"& tr th":{fontWeight:"bold",color:theme.color.defaultText,border:`1px solid ${theme.appBorderColor}`,margin:0,padding:"6px 13px"},"& tr td":{border:`1px solid ${theme.appBorderColor}`,color:theme.color.defaultText,margin:0,padding:"6px 13px"},"& tr th :first-of-type, & tr td :first-of-type":{marginTop:0},"& tr th :last-child, & tr td :last-child":{marginBottom:0}},[toGlobalSelector("ul")]:{...reset,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0},listStyle:"disc"}}})),DocsWrapper=dist.I4.div((({theme})=>({background:theme.background.content,display:"flex",justifyContent:"center",padding:"4rem 20px",minHeight:"100vh",boxSizing:"border-box",gap:"3rem","@media (min-width: 600px)":{}}))),DocsPageWrapper=({children,toc})=>react.createElement(DocsWrapper,{className:"sbdocs sbdocs-wrapper"},react.createElement(DocsContent,{className:"sbdocs sbdocs-content"},children),toc),getBlockBackgroundStyle=theme=>({borderRadius:theme.appBorderRadius,background:theme.background.content,boxShadow:"light"===theme.base?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0",border:`1px solid ${theme.appBorderColor}`}),Zoom=({zoom,resetZoom})=>react.createElement(react.Fragment,null,react.createElement(components_dist.K0,{key:"zoomin",onClick:e=>{e.preventDefault(),zoom(.8)},title:"Zoom in"},react.createElement(components_dist.FI,{icon:"zoom"})),react.createElement(components_dist.K0,{key:"zoomout",onClick:e=>{e.preventDefault(),zoom(1.25)},title:"Zoom out"},react.createElement(components_dist.FI,{icon:"zoomout"})),react.createElement(components_dist.K0,{key:"zoomreset",onClick:e=>{e.preventDefault(),resetZoom()},title:"Reset zoom"},react.createElement(components_dist.FI,{icon:"zoomreset"}))),Bar=(0,dist.I4)(components_dist.px)({position:"absolute",left:0,right:0,top:0,transition:"transform .2s linear"}),ZoomContext=(0,react.createContext)({scale:1}),{window:globalWindow}=external_STORYBOOK_MODULE_GLOBAL_.global,IFrame=class extends react.Component{constructor(){super(...arguments),this.iframe=null}componentDidMount(){let{id}=this.props;this.iframe=globalWindow.document.getElementById(id)}shouldComponentUpdate(nextProps){let{scale}=nextProps;return scale!==this.props.scale&&this.setIframeBodyStyle({width:100*scale+"%",height:100*scale+"%",transform:`scale(${1/scale})`,transformOrigin:"top left"}),!1}setIframeBodyStyle(style){return Object.assign(this.iframe.contentDocument.body.style,style)}render(){let{id,title,src,allowFullScreen,scale,...rest}=this.props;return react.createElement("iframe",{id,title,src,...allowFullScreen?{allow:"fullscreen"}:{},loading:"lazy",...rest})}},{PREVIEW_URL}=external_STORYBOOK_MODULE_GLOBAL_.global,BASE_URL=PREVIEW_URL||"iframe.html",storyBlockIdFromId=({story,primary})=>`story--${story.id}${primary?"--primary":""}`,InlineStory=props=>{let storyRef=(0,react.useRef)(),[showLoader,setShowLoader]=(0,react.useState)(!0),[error,setError]=(0,react.useState)(),{story,height,autoplay,forceInitialArgs,renderStoryToElement}=props;return(0,react.useEffect)((()=>{if(!story||!storyRef.current)return()=>{};let element=storyRef.current,cleanup=renderStoryToElement(story,element,{showMain:()=>{},showError:({title,description})=>setError(new Error(`${title} - ${description}`)),showException:err=>setError(err)},{autoplay,forceInitialArgs});return setShowLoader(!1),()=>{Promise.resolve().then((()=>cleanup()))}}),[autoplay,renderStoryToElement,story]),error?react.createElement("pre",null,react.createElement(components_dist.Df,{error})):react.createElement(react.Fragment,null,height?react.createElement("style",null,`#${storyBlockIdFromId(props)} { min-height: ${height}; transform: translateZ(0); overflow: auto }`):null,showLoader&&react.createElement(StorySkeleton,null),react.createElement("div",{ref:storyRef,id:`${storyBlockIdFromId(props)}-inner`,"data-name":story.name}))},IFrameStory=({story,height="500px"})=>react.createElement("div",{style:{width:"100%",height}},react.createElement(ZoomContext.Consumer,null,(({scale})=>react.createElement(IFrame,{key:"iframe",id:`iframe--${story.id}`,title:story.name,src:(0,components_dist.jZ)(BASE_URL,story.id,{viewMode:"story"}),allowFullScreen:!0,scale,style:{width:"100%",height:"100%",border:"0 none"}})))),Story=props=>{let{inline}=props;return react.createElement("div",{id:storyBlockIdFromId(props),className:"sb-story sb-unstyled","data-story-block":"true"},inline?react.createElement(InlineStory,{...props}):react.createElement(IFrameStory,{...props}))},StorySkeleton=()=>react.createElement(components_dist.aH,null),ChildrenContainer=dist.I4.div((({isColumn,columns,layout})=>({display:isColumn||!columns?"block":"flex",position:"relative",flexWrap:"wrap",overflow:"auto",flexDirection:isColumn?"column":"row","& .innerZoomElementWrapper > *":isColumn?{width:"fullscreen"!==layout?"calc(100% - 20px)":"100%",display:"block"}:{maxWidth:"fullscreen"!==layout?"calc(100% - 20px)":"100%",display:"inline-block"}})),(({layout="padded"})=>"centered"===layout||"padded"===layout?{padding:"30px 20px","& .innerZoomElementWrapper > *":{width:"auto",border:"10px solid transparent!important"}}:{}),(({layout="padded"})=>"centered"===layout?{display:"flex",justifyContent:"center",justifyItems:"center",alignContent:"center",alignItems:"center"}:{}),(({columns})=>columns&&columns>1?{".innerZoomElementWrapper > *":{minWidth:`calc(100% / ${columns} - 20px)`}}:{})),StyledSource=(0,dist.I4)(Source)((({theme})=>({margin:0,borderTopLeftRadius:0,borderTopRightRadius:0,borderBottomLeftRadius:theme.appBorderRadius,borderBottomRightRadius:theme.appBorderRadius,border:"none",background:"light"===theme.base?"rgba(0, 0, 0, 0.85)":(0,polished_esm.e$)(.05,theme.background.content),color:theme.color.lightest,button:{background:"light"===theme.base?"rgba(0, 0, 0, 0.85)":(0,polished_esm.e$)(.05,theme.background.content)}}))),PreviewContainer=dist.I4.div((({theme,withSource,isExpanded})=>({position:"relative",overflow:"hidden",margin:"25px 0 40px",...getBlockBackgroundStyle(theme),borderBottomLeftRadius:withSource&&isExpanded&&0,borderBottomRightRadius:withSource&&isExpanded&&0,borderBottomWidth:isExpanded&&0,"h3 + &":{marginTop:"16px"}})),(({withToolbar})=>withToolbar&&{paddingTop:40}));function getStoryId(children){if(1===react.Children.count(children)){let elt=children;if(elt.props)return elt.props.id}return null}var PositionedToolbar=(0,dist.I4)((({isLoading,storyId,baseUrl,zoom,resetZoom,...rest})=>react.createElement(Bar,{...rest},react.createElement(react.Fragment,{key:"left"},isLoading?[1,2,3].map((key=>react.createElement(components_dist.Tg,{key}))):react.createElement(Zoom,{zoom,resetZoom})))))({position:"absolute",top:0,left:0,right:0,height:40}),Relative=dist.I4.div({overflow:"hidden",position:"relative"}),Preview=({isLoading,isColumn,columns,children,withSource,withToolbar=!1,isExpanded=!1,additionalActions,className,layout="padded",...props})=>{let[expanded,setExpanded]=(0,react.useState)(isExpanded),{source,actionItem}=((withSource,expanded,setExpanded)=>{switch(!0){case!(!withSource||!withSource.error):return{source:null,actionItem:{title:"No code available",className:"docblock-code-toggle docblock-code-toggle--disabled",disabled:!0,onClick:()=>setExpanded(!1)}};case expanded:return{source:react.createElement(StyledSource,{...withSource,dark:!0}),actionItem:{title:"Hide code",className:"docblock-code-toggle docblock-code-toggle--expanded",onClick:()=>setExpanded(!1)}};default:return{source:react.createElement(StyledSource,{...withSource,dark:!0}),actionItem:{title:"Show code",className:"docblock-code-toggle",onClick:()=>setExpanded(!0)}}}})(withSource,expanded,setExpanded),[scale,setScale]=(0,react.useState)(1),previewClasses=[className].concat(["sbdocs","sbdocs-preview","sb-unstyled"]),defaultActionItems=withSource?[actionItem]:[],[additionalActionItems,setAdditionalActionItems]=(0,react.useState)(additionalActions?[...additionalActions]:[]),actionItems=[...defaultActionItems,...additionalActionItems],{window:globalWindow4}=external_STORYBOOK_MODULE_GLOBAL_.global,copyToClipboard=(0,react.useCallback)((async text=>{let{createCopyToClipboardFunction}=await Promise.resolve().then(__webpack_require__.bind(__webpack_require__,"./node_modules/@storybook/components/dist/index.mjs"));createCopyToClipboardFunction()}),[]);return react.createElement(PreviewContainer,{withSource,withToolbar,...props,className:previewClasses.join(" ")},withToolbar&&react.createElement(PositionedToolbar,{isLoading,border:!0,zoom:z=>setScale(scale*z),resetZoom:()=>setScale(1),storyId:getStoryId(children),baseUrl:"./iframe.html"}),react.createElement(ZoomContext.Provider,{value:{scale}},react.createElement(Relative,{className:"docs-story",onCopyCapture:withSource&&(e=>{let selection=globalWindow4.getSelection();selection&&"Range"===selection.type||(e.preventDefault(),0===additionalActionItems.filter((item=>"Copied"===item.title)).length&©ToClipboard(source.props.code).then((()=>{setAdditionalActionItems([...additionalActionItems,{title:"Copied",onClick:()=>{}}]),globalWindow4.setTimeout((()=>setAdditionalActionItems(additionalActionItems.filter((item=>"Copied"!==item.title)))),1500)})))})},react.createElement(ChildrenContainer,{isColumn:isColumn||!Array.isArray(children),columns,layout},react.createElement(components_dist.GP.Element,{scale},Array.isArray(children)?children.map(((child,i)=>react.createElement("div",{key:i},child))):react.createElement("div",null,children))),react.createElement(chunk_LWG3MFN2.E7,{actionItems}))),withSource&&expanded&&source)},StyledPreview=(0,dist.I4)(Preview)((()=>({".docs-story":{paddingTop:32,paddingBottom:40}}))),PreviewSkeleton=()=>react.createElement(StyledPreview,{isLoading:!0,withToolbar:!0},react.createElement(StorySkeleton,null)),Table=dist.I4.table((({theme})=>({"&&":{borderCollapse:"collapse",borderSpacing:0,border:"none",tr:{border:"none !important",background:"none"},"td, th":{padding:0,border:"none",width:"auto!important"},marginTop:0,marginBottom:0,"th:first-of-type, td:first-of-type":{paddingLeft:0},"th:last-of-type, td:last-of-type":{paddingRight:0},td:{paddingTop:0,paddingBottom:4,"&:not(:first-of-type)":{paddingLeft:10,paddingRight:0}},tbody:{boxShadow:"none",border:"none"},code:(0,components_dist.zb)({theme}),div:{span:{fontWeight:"bold"}},"& code":{margin:0,display:"inline-block",fontSize:theme.typography.size.s1}}}))),ArgJsDoc=({tags})=>{let params=(tags.params||[]).filter((x=>x.description)),hasDisplayableParams=0!==params.length,hasDisplayableDeprecated=null!=tags.deprecated,hasDisplayableReturns=null!=tags.returns&&null!=tags.returns.description;return hasDisplayableParams||hasDisplayableReturns||hasDisplayableDeprecated?react.createElement(react.Fragment,null,react.createElement(Table,null,react.createElement("tbody",null,hasDisplayableDeprecated&&react.createElement("tr",{key:"deprecated"},react.createElement("td",{colSpan:2},react.createElement("strong",null,"Deprecated"),": ",tags.deprecated)),hasDisplayableParams&¶ms.map((x=>react.createElement("tr",{key:x.name},react.createElement("td",null,react.createElement("code",null,x.name)),react.createElement("td",null,x.description)))),hasDisplayableReturns&&react.createElement("tr",{key:"returns"},react.createElement("td",null,react.createElement("code",null,"Returns")),react.createElement("td",null,tags.returns.description))))):null},Summary=dist.I4.div((({isExpanded})=>({display:"flex",flexDirection:isExpanded?"column":"row",flexWrap:"wrap",alignItems:"flex-start",marginBottom:"-4px",minWidth:100}))),Text=dist.I4.span(components_dist.zb,(({theme,simple=!1})=>({flex:"0 0 auto",fontFamily:theme.typography.fonts.mono,fontSize:theme.typography.size.s1,wordBreak:"break-word",whiteSpace:"normal",maxWidth:"100%",margin:0,marginRight:"4px",marginBottom:"4px",paddingTop:"2px",paddingBottom:"2px",lineHeight:"13px",...simple&&{background:"transparent",border:"0 none",paddingLeft:0}}))),ExpandButton=dist.I4.button((({theme})=>({fontFamily:theme.typography.fonts.mono,color:theme.color.secondary,marginBottom:"4px",background:"none",border:"none"}))),Expandable=dist.I4.div(components_dist.zb,(({theme})=>({fontFamily:theme.typography.fonts.mono,color:theme.color.secondary,fontSize:theme.typography.size.s1,margin:0,whiteSpace:"nowrap",display:"flex",alignItems:"center"}))),Detail=dist.I4.div((({theme,width})=>({width,minWidth:200,maxWidth:800,padding:15,fontFamily:theme.typography.fonts.mono,fontSize:theme.typography.size.s1,boxSizing:"content-box","& code":{padding:"0 !important"}}))),ArrowIcon=(0,dist.I4)(components_dist.FI)({height:10,width:10,minWidth:10,marginLeft:4}),EmptyArg=()=>react.createElement("span",null,"-"),ArgText=({text,simple})=>react.createElement(Text,{simple},text),calculateDetailWidth=memoizerific_default()(1e3)((detail=>{let lines=detail.split(/\r?\n/);return`${Math.max(...lines.map((x=>x.length)))}ch`})),renderSummaryItems=(summaryItems,isExpanded=!0)=>{let items=summaryItems;return isExpanded||(items=summaryItems.slice(0,8)),items.map((item=>react.createElement(ArgText,{key:item,text:""===item?'""':item})))},ArgSummary=({value:value2,initialExpandedArgs})=>{let{summary,detail}=value2,[isOpen,setIsOpen]=(0,react.useState)(!1),[isExpanded,setIsExpanded]=(0,react.useState)(initialExpandedArgs||!1);if(null==summary)return null;let summaryAsString="function"==typeof summary.toString?summary.toString():summary;if(null==detail){if(/[(){}[\]<>]/.test(summaryAsString))return react.createElement(ArgText,{text:summaryAsString});let summaryItems=(summary=>{if(!summary)return[summary];let summaryItems=summary.split("|").map((value2=>value2.trim()));return uniq_default()(summaryItems)})(summaryAsString),itemsCount=summaryItems.length;return itemsCount>8?react.createElement(Summary,{isExpanded},renderSummaryItems(summaryItems,isExpanded),react.createElement(ExpandButton,{onClick:()=>setIsExpanded(!isExpanded)},isExpanded?"Show less...":`Show ${itemsCount-8} more...`)):react.createElement(Summary,null,renderSummaryItems(summaryItems))}return react.createElement(components_dist.o4,{closeOnOutsideClick:!0,placement:"bottom",visible:isOpen,onVisibleChange:isVisible=>{setIsOpen(isVisible)},tooltip:react.createElement(Detail,{width:calculateDetailWidth(detail)},react.createElement(components_dist.bF,{language:"jsx",format:!1},detail))},react.createElement(Expandable,{className:"sbdocs-expandable"},react.createElement("span",null,summaryAsString),react.createElement(ArrowIcon,{icon:isOpen?"arrowup":"arrowdown"})))},ArgValue=({value:value2,initialExpandedArgs})=>null==value2?react.createElement(EmptyArg,null):react.createElement(ArgSummary,{value:value2,initialExpandedArgs}),Label=dist.I4.label((({theme})=>({lineHeight:"18px",alignItems:"center",marginBottom:8,display:"inline-block",position:"relative",whiteSpace:"nowrap",background:theme.boolean.background,borderRadius:"3em",padding:1,input:{appearance:"none",width:"100%",height:"100%",position:"absolute",left:0,top:0,margin:0,padding:0,border:"none",background:"transparent",cursor:"pointer",borderRadius:"3em","&:focus":{outline:"none",boxShadow:`${theme.color.secondary} 0 0 0 1px inset !important`}},span:{textAlign:"center",fontSize:theme.typography.size.s1,fontWeight:theme.typography.weight.bold,lineHeight:"1",cursor:"pointer",display:"inline-block",padding:"7px 15px",transition:"all 100ms ease-out",userSelect:"none",borderRadius:"3em",color:(0,polished_esm.No)(.5,theme.color.defaultText),background:"transparent","&:hover":{boxShadow:`${(0,polished_esm.mI)(.3,theme.appBorderColor)} 0 0 0 1px inset`},"&:active":{boxShadow:`${(0,polished_esm.mI)(.05,theme.appBorderColor)} 0 0 0 2px inset`,color:(0,polished_esm.mI)(1,theme.appBorderColor)},"&:first-of-type":{paddingRight:8},"&:last-of-type":{paddingLeft:8}},"input:checked ~ span:last-of-type, input:not(:checked) ~ span:first-of-type":{background:theme.boolean.selectedBackground,boxShadow:"light"===theme.base?`${(0,polished_esm.mI)(.1,theme.appBorderColor)} 0 0 2px`:`${theme.appBorderColor} 0 0 0 1px`,color:theme.color.defaultText,padding:"7px 15px"}}))),FlexSpaced=dist.I4.div((({theme})=>({flex:1,display:"flex",input:{marginLeft:10,flex:1,height:32,"&::-webkit-calendar-picker-indicator":{opacity:.5,height:12,filter:"light"===theme.base?void 0:"invert(1)"}},"input:first-of-type":{marginLeft:0,flexGrow:4},"input:last-of-type":{flexGrow:3}}))),Wrapper2=dist.I4.label({display:"flex"}),selectedKey=(value2,options)=>{let entry=options&&Object.entries(options).find((([_key,val])=>val===value2));return entry?entry[0]:void 0},selectedKeys=(value2,options)=>value2&&options?Object.entries(options).filter((entry=>value2.includes(entry[1]))).map((entry=>entry[0])):[],selectedValues=(keys,options)=>keys&&options&&keys.map((key=>options[key])),Wrapper3=dist.I4.div((({isInline})=>isInline?{display:"flex",flexWrap:"wrap",alignItems:"flex-start",label:{display:"inline-flex",marginRight:15}}:{label:{display:"flex"}})),Text2=dist.I4.span({}),Label2=dist.I4.label({lineHeight:"20px",alignItems:"center",marginBottom:8,"&:last-child":{marginBottom:0},input:{margin:0,marginRight:6}}),CheckboxControl=({name,options,value:value2,onChange,isInline})=>{if(!options)return external_STORYBOOK_MODULE_CLIENT_LOGGER_.logger.warn(`Checkbox with no options: ${name}`),react.createElement(react.Fragment,null,"-");let initial=selectedKeys(value2,options),[selected,setSelected]=(0,react.useState)(initial),handleChange=e=>{let option=e.target.value,updated=[...selected];updated.includes(option)?updated.splice(updated.indexOf(option),1):updated.push(option),onChange(selectedValues(updated,options)),setSelected(updated)};(0,react.useEffect)((()=>{setSelected(selectedKeys(value2,options))}),[value2]);let controlId=(0,chunk_GWAJ4KRU.Z)(name);return react.createElement(Wrapper3,{isInline},Object.keys(options).map(((key,index)=>{let id=`${controlId}-${index}`;return react.createElement(Label2,{key:id,htmlFor:id},react.createElement("input",{type:"checkbox",id,name:id,value:key,onChange:handleChange,checked:selected?.includes(key)}),react.createElement(Text2,null,key))})))},Wrapper4=dist.I4.div((({isInline})=>isInline?{display:"flex",flexWrap:"wrap",alignItems:"flex-start",label:{display:"inline-flex",marginRight:15}}:{label:{display:"flex"}})),Text3=dist.I4.span({}),Label3=dist.I4.label({lineHeight:"20px",alignItems:"center",marginBottom:8,"&:last-child":{marginBottom:0},input:{margin:0,marginRight:6}}),RadioControl=({name,options,value:value2,onChange,isInline})=>{if(!options)return external_STORYBOOK_MODULE_CLIENT_LOGGER_.logger.warn(`Radio with no options: ${name}`),react.createElement(react.Fragment,null,"-");let selection=selectedKey(value2,options),controlId=(0,chunk_GWAJ4KRU.Z)(name);return react.createElement(Wrapper4,{isInline},Object.keys(options).map(((key,index)=>{let id=`${controlId}-${index}`;return react.createElement(Label3,{key:id,htmlFor:id},react.createElement("input",{type:"radio",id,name:id,value:key,onChange:e=>onChange(options[e.currentTarget.value]),checked:key===selection}),react.createElement(Text3,null,key))})))},OptionsSelect=dist.I4.select({appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},(({theme})=>({boxSizing:"border-box",position:"relative",padding:"6px 10px",width:"100%",color:theme.input.color||"inherit",background:theme.input.background,borderRadius:theme.input.borderRadius,boxShadow:`${theme.input.border} 0 0 0 1px inset`,fontSize:theme.typography.size.s2-1,lineHeight:"20px","&:focus":{boxShadow:`${theme.color.secondary} 0 0 0 1px inset`,outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"::placeholder":{color:theme.textMutedColor},"&[multiple]":{overflow:"auto",padding:0,option:{display:"block",padding:"6px 10px",marginLeft:1,marginRight:1}}}))),SelectWrapper=dist.I4.span((({theme})=>({display:"inline-block",lineHeight:"normal",overflow:"hidden",position:"relative",verticalAlign:"top",width:"100%",svg:{position:"absolute",zIndex:1,pointerEvents:"none",height:"12px",marginTop:"-6px",right:"12px",top:"50%",fill:theme.textMutedColor,path:{fill:theme.textMutedColor}}}))),SingleSelect=({name,value:value2,options,onChange})=>{let selection=selectedKey(value2,options)||"Choose option...",controlId=(0,chunk_GWAJ4KRU.Z)(name);return react.createElement(SelectWrapper,null,react.createElement(components_dist.FI,{icon:"arrowdown"}),react.createElement(OptionsSelect,{id:controlId,value:selection,onChange:e=>{onChange(options[e.currentTarget.value])}},react.createElement("option",{key:"no-selection",disabled:!0},"Choose option..."),Object.keys(options).map((key=>react.createElement("option",{key,value:key},key)))))},MultiSelect=({name,value:value2,options,onChange})=>{let selection=selectedKeys(value2,options),controlId=(0,chunk_GWAJ4KRU.Z)(name);return react.createElement(SelectWrapper,null,react.createElement(OptionsSelect,{id:controlId,multiple:!0,value:selection,onChange:e=>{let selection2=Array.from(e.currentTarget.options).filter((option=>option.selected)).map((option=>option.value));onChange(selectedValues(selection2,options))}},Object.keys(options).map((key=>react.createElement("option",{key,value:key},key)))))},SelectControl=props=>{let{name,options}=props;return options?props.isMulti?react.createElement(MultiSelect,{...props}):react.createElement(SingleSelect,{...props}):(external_STORYBOOK_MODULE_CLIENT_LOGGER_.logger.warn(`Select with no options: ${name}`),react.createElement(react.Fragment,null,"-"))},normalizeOptions=(options,labels)=>Array.isArray(options)?options.reduce(((acc,item)=>(acc[labels?.[item]||String(item)]=item,acc)),{}):options,Controls={check:CheckboxControl,"inline-check":CheckboxControl,radio:RadioControl,"inline-radio":RadioControl,select:SelectControl,"multi-select":SelectControl},OptionsControl=props=>{let{type="select",labels,argType}=props,normalized={...props,options:argType?normalizeOptions(argType.options,labels):{},isInline:type.includes("inline"),isMulti:type.includes("multi")},Control=Controls[type];if(Control)return react.createElement(Control,{...normalized});throw new Error(`Unknown options type: ${type}`)};function getObjectType(obj){return null===obj||"object"!=typeof obj||Array.isArray(obj)||"function"!=typeof obj[Symbol.iterator]?Object.prototype.toString.call(obj).slice(8,-1):"Iterable"}function isComponentWillChange(oldValue,newValue){let oldType=getObjectType(oldValue),newType=getObjectType(newValue);return("Function"===oldType||"Function"===newType)&&newType!==oldType}var JsonAddValue=class extends react.Component{constructor(props){super(props),this.state={inputRefKey:null,inputRefValue:null},this.refInputValue=this.refInputValue.bind(this),this.refInputKey=this.refInputKey.bind(this),this.onKeydown=this.onKeydown.bind(this),this.onSubmit=this.onSubmit.bind(this)}componentDidMount(){let{inputRefKey,inputRefValue}=this.state,{onlyValue}=this.props;inputRefKey&&"function"==typeof inputRefKey.focus&&inputRefKey.focus(),onlyValue&&inputRefValue&&"function"==typeof inputRefValue.focus&&inputRefValue.focus(),document.addEventListener("keydown",this.onKeydown)}componentWillUnmount(){document.removeEventListener("keydown",this.onKeydown)}onKeydown(event){event.altKey||event.ctrlKey||event.metaKey||event.shiftKey||event.repeat||(("Enter"===event.code||"Enter"===event.key)&&(event.preventDefault(),this.onSubmit()),("Escape"===event.code||"Escape"===event.key)&&(event.preventDefault(),this.props.handleCancel()))}onSubmit(){let{handleAdd,onlyValue,onSubmitValueParser,keyPath,deep}=this.props,{inputRefKey,inputRefValue}=this.state,result={};if(!onlyValue){if(!inputRefKey.value)return;result.key=inputRefKey.value}result.newValue=onSubmitValueParser(!1,keyPath,deep,result.key,inputRefValue.value),handleAdd(result)}refInputKey(node){this.state.inputRefKey=node}refInputValue(node){this.state.inputRefValue=node}render(){let{handleCancel,onlyValue,addButtonElement,cancelButtonElement,inputElementGenerator,keyPath,deep}=this.props,addButtonElementLayout=(0,react.cloneElement)(addButtonElement,{onClick:this.onSubmit}),cancelButtonElementLayout=(0,react.cloneElement)(cancelButtonElement,{onClick:handleCancel}),inputElementValue=inputElementGenerator("value",keyPath,deep),inputElementValueLayout=(0,react.cloneElement)(inputElementValue,{placeholder:"Value",ref:this.refInputValue}),inputElementKeyLayout=null;if(!onlyValue){let inputElementKey=inputElementGenerator("key",keyPath,deep);inputElementKeyLayout=(0,react.cloneElement)(inputElementKey,{placeholder:"Key",ref:this.refInputKey})}return react.createElement("span",{className:"rejt-add-value-node"},inputElementKeyLayout,inputElementValueLayout,cancelButtonElementLayout,addButtonElementLayout)}};JsonAddValue.defaultProps={onlyValue:!1,addButtonElement:react.createElement("button",null,"+"),cancelButtonElement:react.createElement("button",null,"c")};var JsonArray=class extends react.Component{constructor(props){super(props);let keyPath=[...props.keyPath,props.name];this.state={data:props.data,name:props.name,keyPath,deep:props.deep,nextDeep:props.deep+1,collapsed:props.isCollapsed(keyPath,props.deep,props.data),addFormVisible:!1},this.handleCollapseMode=this.handleCollapseMode.bind(this),this.handleRemoveItem=this.handleRemoveItem.bind(this),this.handleAddMode=this.handleAddMode.bind(this),this.handleAddValueAdd=this.handleAddValueAdd.bind(this),this.handleAddValueCancel=this.handleAddValueCancel.bind(this),this.handleEditValue=this.handleEditValue.bind(this),this.onChildUpdate=this.onChildUpdate.bind(this),this.renderCollapsed=this.renderCollapsed.bind(this),this.renderNotCollapsed=this.renderNotCollapsed.bind(this)}static getDerivedStateFromProps(props,state){return props.data!==state.data?{data:props.data}:null}onChildUpdate(childKey,childData){let{data,keyPath}=this.state;data[childKey]=childData,this.setState({data});let{onUpdate}=this.props;onUpdate(keyPath[keyPath.length-1],data)}handleAddMode(){this.setState({addFormVisible:!0})}handleCollapseMode(){this.setState((state=>({collapsed:!state.collapsed})))}handleRemoveItem(index){return()=>{let{beforeRemoveAction,logger:logger4}=this.props,{data,keyPath,nextDeep:deep}=this.state,oldValue=data[index];beforeRemoveAction(index,keyPath,deep,oldValue).then((()=>{let deltaUpdateResult={keyPath,deep,key:index,oldValue,type:"REMOVE_DELTA_TYPE"};data.splice(index,1),this.setState({data});let{onUpdate,onDeltaUpdate}=this.props;onUpdate(keyPath[keyPath.length-1],data),onDeltaUpdate(deltaUpdateResult)})).catch(logger4.error)}}handleAddValueAdd({newValue}){let{data,keyPath,nextDeep:deep}=this.state,{beforeAddAction,logger:logger4}=this.props;beforeAddAction(data.length,keyPath,deep,newValue).then((()=>{let newData=[...data,newValue];this.setState({data:newData}),this.handleAddValueCancel();let{onUpdate,onDeltaUpdate}=this.props;onUpdate(keyPath[keyPath.length-1],newData),onDeltaUpdate({type:"ADD_DELTA_TYPE",keyPath,deep,key:newData.length-1,newValue})})).catch(logger4.error)}handleAddValueCancel(){this.setState({addFormVisible:!1})}handleEditValue({key,value:value2}){return new Promise(((resolve,reject)=>{let{beforeUpdateAction}=this.props,{data,keyPath,nextDeep:deep}=this.state,oldValue=data[key];beforeUpdateAction(key,keyPath,deep,oldValue,value2).then((()=>{data[key]=value2,this.setState({data});let{onUpdate,onDeltaUpdate}=this.props;onUpdate(keyPath[keyPath.length-1],data),onDeltaUpdate({type:"UPDATE_DELTA_TYPE",keyPath,deep,key,newValue:value2,oldValue}),resolve(void 0)})).catch(reject)}))}renderCollapsed(){let{name,data,keyPath,deep}=this.state,{handleRemove,readOnly,getStyle,dataType,minusMenuElement}=this.props,{minus,collapsed}=getStyle(name,data,keyPath,deep,dataType),isReadOnly=readOnly(name,data,keyPath,deep,dataType),removeItemButton=(0,react.cloneElement)(minusMenuElement,{onClick:handleRemove,className:"rejt-minus-menu",style:minus});return react.createElement("span",{className:"rejt-collapsed"},react.createElement("span",{className:"rejt-collapsed-text",style:collapsed,onClick:this.handleCollapseMode},"[...] ",data.length," ",1===data.length?"item":"items"),!isReadOnly&&removeItemButton)}renderNotCollapsed(){let{name,data,keyPath,deep,addFormVisible,nextDeep}=this.state,{isCollapsed,handleRemove,onDeltaUpdate,readOnly,getStyle,dataType,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator,textareaElementGenerator,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser}=this.props,{minus,plus,delimiter,ul,addForm}=getStyle(name,data,keyPath,deep,dataType),isReadOnly=readOnly(name,data,keyPath,deep,dataType),addItemButton=(0,react.cloneElement)(plusMenuElement,{onClick:this.handleAddMode,className:"rejt-plus-menu",style:plus}),removeItemButton=(0,react.cloneElement)(minusMenuElement,{onClick:handleRemove,className:"rejt-minus-menu",style:minus});return react.createElement("span",{className:"rejt-not-collapsed"},react.createElement("span",{className:"rejt-not-collapsed-delimiter",style:delimiter},"["),!addFormVisible&&addItemButton,react.createElement("ul",{className:"rejt-not-collapsed-list",style:ul},data.map(((item,index)=>react.createElement(JsonNode,{key:index,name:index.toString(),data:item,keyPath,deep:nextDeep,isCollapsed,handleRemove:this.handleRemoveItem(index),handleUpdateValue:this.handleEditValue,onUpdate:this.onChildUpdate,onDeltaUpdate,readOnly,getStyle,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator,textareaElementGenerator,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser})))),!isReadOnly&&addFormVisible&&react.createElement("div",{className:"rejt-add-form",style:addForm},react.createElement(JsonAddValue,{handleAdd:this.handleAddValueAdd,handleCancel:this.handleAddValueCancel,onlyValue:!0,addButtonElement,cancelButtonElement,inputElementGenerator,keyPath,deep,onSubmitValueParser})),react.createElement("span",{className:"rejt-not-collapsed-delimiter",style:delimiter},"]"),!isReadOnly&&removeItemButton)}render(){let{name,collapsed,data,keyPath,deep}=this.state,{dataType,getStyle}=this.props,value2=collapsed?this.renderCollapsed():this.renderNotCollapsed(),style=getStyle(name,data,keyPath,deep,dataType);return react.createElement("div",{className:"rejt-array-node"},react.createElement("span",{onClick:this.handleCollapseMode},react.createElement("span",{className:"rejt-name",style:style.name},name," :"," ")),value2)}};JsonArray.defaultProps={keyPath:[],deep:0,minusMenuElement:react.createElement("span",null," - "),plusMenuElement:react.createElement("span",null," + ")};var JsonFunctionValue=class extends react.Component{constructor(props){super(props);let keyPath=[...props.keyPath,props.name];this.state={value:props.value,name:props.name,keyPath,deep:props.deep,editEnabled:!1,inputRef:null},this.handleEditMode=this.handleEditMode.bind(this),this.refInput=this.refInput.bind(this),this.handleCancelEdit=this.handleCancelEdit.bind(this),this.handleEdit=this.handleEdit.bind(this),this.onKeydown=this.onKeydown.bind(this)}static getDerivedStateFromProps(props,state){return props.value!==state.value?{value:props.value}:null}componentDidUpdate(){let{editEnabled,inputRef,name,value:value2,keyPath,deep}=this.state,{readOnly,dataType}=this.props,readOnlyResult=readOnly(name,value2,keyPath,deep,dataType);editEnabled&&!readOnlyResult&&"function"==typeof inputRef.focus&&inputRef.focus()}componentDidMount(){document.addEventListener("keydown",this.onKeydown)}componentWillUnmount(){document.removeEventListener("keydown",this.onKeydown)}onKeydown(event){event.altKey||event.ctrlKey||event.metaKey||event.shiftKey||event.repeat||(("Enter"===event.code||"Enter"===event.key)&&(event.preventDefault(),this.handleEdit()),("Escape"===event.code||"Escape"===event.key)&&(event.preventDefault(),this.handleCancelEdit()))}handleEdit(){let{handleUpdateValue,originalValue,logger:logger4,onSubmitValueParser,keyPath}=this.props,{inputRef,name,deep}=this.state;if(!inputRef)return;let newValue=onSubmitValueParser(!0,keyPath,deep,name,inputRef.value);handleUpdateValue({value:newValue,key:name}).then((()=>{isComponentWillChange(originalValue,newValue)||this.handleCancelEdit()})).catch(logger4.error)}handleEditMode(){this.setState({editEnabled:!0})}refInput(node){this.state.inputRef=node}handleCancelEdit(){this.setState({editEnabled:!1})}render(){let{name,value:value2,editEnabled,keyPath,deep}=this.state,{handleRemove,originalValue,readOnly,dataType,getStyle,editButtonElement,cancelButtonElement,textareaElementGenerator,minusMenuElement,keyPath:comeFromKeyPath}=this.props,style=getStyle(name,originalValue,keyPath,deep,dataType),result=null,minusElement=null,resultOnlyResult=readOnly(name,originalValue,keyPath,deep,dataType);if(editEnabled&&!resultOnlyResult){let textareaElement=textareaElementGenerator("value",comeFromKeyPath,deep,name,originalValue,dataType),editButtonElementLayout=(0,react.cloneElement)(editButtonElement,{onClick:this.handleEdit}),cancelButtonElementLayout=(0,react.cloneElement)(cancelButtonElement,{onClick:this.handleCancelEdit}),textareaElementLayout=(0,react.cloneElement)(textareaElement,{ref:this.refInput,defaultValue:originalValue});result=react.createElement("span",{className:"rejt-edit-form",style:style.editForm},textareaElementLayout," ",cancelButtonElementLayout,editButtonElementLayout),minusElement=null}else{result=react.createElement("span",{className:"rejt-value",style:style.value,onClick:resultOnlyResult?null:this.handleEditMode},value2);let minusMenuLayout=(0,react.cloneElement)(minusMenuElement,{onClick:handleRemove,className:"rejt-minus-menu",style:style.minus});minusElement=resultOnlyResult?null:minusMenuLayout}return react.createElement("li",{className:"rejt-function-value-node",style:style.li},react.createElement("span",{className:"rejt-name",style:style.name},name," :"," "),result,minusElement)}};JsonFunctionValue.defaultProps={keyPath:[],deep:0,handleUpdateValue:()=>{},editButtonElement:react.createElement("button",null,"e"),cancelButtonElement:react.createElement("button",null,"c"),minusMenuElement:react.createElement("span",null," - ")};var JsonNode=class extends react.Component{constructor(props){super(props),this.state={data:props.data,name:props.name,keyPath:props.keyPath,deep:props.deep}}static getDerivedStateFromProps(props,state){return props.data!==state.data?{data:props.data}:null}render(){let{data,name,keyPath,deep}=this.state,{isCollapsed,handleRemove,handleUpdateValue,onUpdate,onDeltaUpdate,readOnly,getStyle,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator,textareaElementGenerator,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser}=this.props,readOnlyTrue=()=>!0,dataType=getObjectType(data);switch(dataType){case"Error":return react.createElement(JsonObject,{data,name,isCollapsed,keyPath,deep,handleRemove,onUpdate,onDeltaUpdate,readOnly:readOnlyTrue,dataType,getStyle,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator,textareaElementGenerator,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser});case"Object":return react.createElement(JsonObject,{data,name,isCollapsed,keyPath,deep,handleRemove,onUpdate,onDeltaUpdate,readOnly,dataType,getStyle,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator,textareaElementGenerator,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser});case"Array":return react.createElement(JsonArray,{data,name,isCollapsed,keyPath,deep,handleRemove,onUpdate,onDeltaUpdate,readOnly,dataType,getStyle,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator,textareaElementGenerator,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser});case"String":return react.createElement(JsonValue,{name,value:`"${data}"`,originalValue:data,keyPath,deep,handleRemove,handleUpdateValue,readOnly,dataType,getStyle,cancelButtonElement,editButtonElement,inputElementGenerator,minusMenuElement,logger:logger4,onSubmitValueParser});case"Number":return react.createElement(JsonValue,{name,value:data,originalValue:data,keyPath,deep,handleRemove,handleUpdateValue,readOnly,dataType,getStyle,cancelButtonElement,editButtonElement,inputElementGenerator,minusMenuElement,logger:logger4,onSubmitValueParser});case"Boolean":return react.createElement(JsonValue,{name,value:data?"true":"false",originalValue:data,keyPath,deep,handleRemove,handleUpdateValue,readOnly,dataType,getStyle,cancelButtonElement,editButtonElement,inputElementGenerator,minusMenuElement,logger:logger4,onSubmitValueParser});case"Date":return react.createElement(JsonValue,{name,value:data.toISOString(),originalValue:data,keyPath,deep,handleRemove,handleUpdateValue,readOnly:readOnlyTrue,dataType,getStyle,cancelButtonElement,editButtonElement,inputElementGenerator,minusMenuElement,logger:logger4,onSubmitValueParser});case"Null":return react.createElement(JsonValue,{name,value:"null",originalValue:"null",keyPath,deep,handleRemove,handleUpdateValue,readOnly,dataType,getStyle,cancelButtonElement,editButtonElement,inputElementGenerator,minusMenuElement,logger:logger4,onSubmitValueParser});case"Undefined":return react.createElement(JsonValue,{name,value:"undefined",originalValue:"undefined",keyPath,deep,handleRemove,handleUpdateValue,readOnly,dataType,getStyle,cancelButtonElement,editButtonElement,inputElementGenerator,minusMenuElement,logger:logger4,onSubmitValueParser});case"Function":return react.createElement(JsonFunctionValue,{name,value:data.toString(),originalValue:data,keyPath,deep,handleRemove,handleUpdateValue,readOnly,dataType,getStyle,cancelButtonElement,editButtonElement,textareaElementGenerator,minusMenuElement,logger:logger4,onSubmitValueParser});case"Symbol":return react.createElement(JsonValue,{name,value:data.toString(),originalValue:data,keyPath,deep,handleRemove,handleUpdateValue,readOnly:readOnlyTrue,dataType,getStyle,cancelButtonElement,editButtonElement,inputElementGenerator,minusMenuElement,logger:logger4,onSubmitValueParser});default:return null}}};JsonNode.defaultProps={keyPath:[],deep:0};var JsonObject=class extends react.Component{constructor(props){super(props);let keyPath=-1===props.deep?[]:[...props.keyPath,props.name];this.state={name:props.name,data:props.data,keyPath,deep:props.deep,nextDeep:props.deep+1,collapsed:props.isCollapsed(keyPath,props.deep,props.data),addFormVisible:!1},this.handleCollapseMode=this.handleCollapseMode.bind(this),this.handleRemoveValue=this.handleRemoveValue.bind(this),this.handleAddMode=this.handleAddMode.bind(this),this.handleAddValueAdd=this.handleAddValueAdd.bind(this),this.handleAddValueCancel=this.handleAddValueCancel.bind(this),this.handleEditValue=this.handleEditValue.bind(this),this.onChildUpdate=this.onChildUpdate.bind(this),this.renderCollapsed=this.renderCollapsed.bind(this),this.renderNotCollapsed=this.renderNotCollapsed.bind(this)}static getDerivedStateFromProps(props,state){return props.data!==state.data?{data:props.data}:null}onChildUpdate(childKey,childData){let{data,keyPath}=this.state;data[childKey]=childData,this.setState({data});let{onUpdate}=this.props;onUpdate(keyPath[keyPath.length-1],data)}handleAddMode(){this.setState({addFormVisible:!0})}handleAddValueCancel(){this.setState({addFormVisible:!1})}handleAddValueAdd({key,newValue}){let{data,keyPath,nextDeep:deep}=this.state,{beforeAddAction,logger:logger4}=this.props;beforeAddAction(key,keyPath,deep,newValue).then((()=>{data[key]=newValue,this.setState({data}),this.handleAddValueCancel();let{onUpdate,onDeltaUpdate}=this.props;onUpdate(keyPath[keyPath.length-1],data),onDeltaUpdate({type:"ADD_DELTA_TYPE",keyPath,deep,key,newValue})})).catch(logger4.error)}handleRemoveValue(key){return()=>{let{beforeRemoveAction,logger:logger4}=this.props,{data,keyPath,nextDeep:deep}=this.state,oldValue=data[key];beforeRemoveAction(key,keyPath,deep,oldValue).then((()=>{let deltaUpdateResult={keyPath,deep,key,oldValue,type:"REMOVE_DELTA_TYPE"};delete data[key],this.setState({data});let{onUpdate,onDeltaUpdate}=this.props;onUpdate(keyPath[keyPath.length-1],data),onDeltaUpdate(deltaUpdateResult)})).catch(logger4.error)}}handleCollapseMode(){this.setState((state=>({collapsed:!state.collapsed})))}handleEditValue({key,value:value2}){return new Promise(((resolve,reject)=>{let{beforeUpdateAction}=this.props,{data,keyPath,nextDeep:deep}=this.state,oldValue=data[key];beforeUpdateAction(key,keyPath,deep,oldValue,value2).then((()=>{data[key]=value2,this.setState({data});let{onUpdate,onDeltaUpdate}=this.props;onUpdate(keyPath[keyPath.length-1],data),onDeltaUpdate({type:"UPDATE_DELTA_TYPE",keyPath,deep,key,newValue:value2,oldValue}),resolve()})).catch(reject)}))}renderCollapsed(){let{name,keyPath,deep,data}=this.state,{handleRemove,readOnly,dataType,getStyle,minusMenuElement}=this.props,{minus,collapsed}=getStyle(name,data,keyPath,deep,dataType),keyList=Object.getOwnPropertyNames(data),isReadOnly=readOnly(name,data,keyPath,deep,dataType),removeItemButton=(0,react.cloneElement)(minusMenuElement,{onClick:handleRemove,className:"rejt-minus-menu",style:minus});return react.createElement("span",{className:"rejt-collapsed"},react.createElement("span",{className:"rejt-collapsed-text",style:collapsed,onClick:this.handleCollapseMode},"{...}"," ",keyList.length," ",1===keyList.length?"key":"keys"),!isReadOnly&&removeItemButton)}renderNotCollapsed(){let{name,data,keyPath,deep,nextDeep,addFormVisible}=this.state,{isCollapsed,handleRemove,onDeltaUpdate,readOnly,getStyle,dataType,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator,textareaElementGenerator,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser}=this.props,{minus,plus,addForm,ul,delimiter}=getStyle(name,data,keyPath,deep,dataType),keyList=Object.getOwnPropertyNames(data),isReadOnly=readOnly(name,data,keyPath,deep,dataType),addItemButton=(0,react.cloneElement)(plusMenuElement,{onClick:this.handleAddMode,className:"rejt-plus-menu",style:plus}),removeItemButton=(0,react.cloneElement)(minusMenuElement,{onClick:handleRemove,className:"rejt-minus-menu",style:minus}),list=keyList.map((key=>react.createElement(JsonNode,{key,name:key,data:data[key],keyPath,deep:nextDeep,isCollapsed,handleRemove:this.handleRemoveValue(key),handleUpdateValue:this.handleEditValue,onUpdate:this.onChildUpdate,onDeltaUpdate,readOnly,getStyle,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator,textareaElementGenerator,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser})));return react.createElement("span",{className:"rejt-not-collapsed"},react.createElement("span",{className:"rejt-not-collapsed-delimiter",style:delimiter},"{"),!isReadOnly&&addItemButton,react.createElement("ul",{className:"rejt-not-collapsed-list",style:ul},list),!isReadOnly&&addFormVisible&&react.createElement("div",{className:"rejt-add-form",style:addForm},react.createElement(JsonAddValue,{handleAdd:this.handleAddValueAdd,handleCancel:this.handleAddValueCancel,addButtonElement,cancelButtonElement,inputElementGenerator,keyPath,deep,onSubmitValueParser})),react.createElement("span",{className:"rejt-not-collapsed-delimiter",style:delimiter},"}"),!isReadOnly&&removeItemButton)}render(){let{name,collapsed,data,keyPath,deep}=this.state,{getStyle,dataType}=this.props,value2=collapsed?this.renderCollapsed():this.renderNotCollapsed(),style=getStyle(name,data,keyPath,deep,dataType);return react.createElement("div",{className:"rejt-object-node"},react.createElement("span",{onClick:this.handleCollapseMode},react.createElement("span",{className:"rejt-name",style:style.name},name," :"," ")),value2)}};JsonObject.defaultProps={keyPath:[],deep:0,minusMenuElement:react.createElement("span",null," - "),plusMenuElement:react.createElement("span",null," + ")};var JsonValue=class extends react.Component{constructor(props){super(props);let keyPath=[...props.keyPath,props.name];this.state={value:props.value,name:props.name,keyPath,deep:props.deep,editEnabled:!1,inputRef:null},this.handleEditMode=this.handleEditMode.bind(this),this.refInput=this.refInput.bind(this),this.handleCancelEdit=this.handleCancelEdit.bind(this),this.handleEdit=this.handleEdit.bind(this),this.onKeydown=this.onKeydown.bind(this)}static getDerivedStateFromProps(props,state){return props.value!==state.value?{value:props.value}:null}componentDidUpdate(){let{editEnabled,inputRef,name,value:value2,keyPath,deep}=this.state,{readOnly,dataType}=this.props,isReadOnly=readOnly(name,value2,keyPath,deep,dataType);editEnabled&&!isReadOnly&&"function"==typeof inputRef.focus&&inputRef.focus()}componentDidMount(){document.addEventListener("keydown",this.onKeydown)}componentWillUnmount(){document.removeEventListener("keydown",this.onKeydown)}onKeydown(event){event.altKey||event.ctrlKey||event.metaKey||event.shiftKey||event.repeat||(("Enter"===event.code||"Enter"===event.key)&&(event.preventDefault(),this.handleEdit()),("Escape"===event.code||"Escape"===event.key)&&(event.preventDefault(),this.handleCancelEdit()))}handleEdit(){let{handleUpdateValue,originalValue,logger:logger4,onSubmitValueParser,keyPath}=this.props,{inputRef,name,deep}=this.state;if(!inputRef)return;let newValue=onSubmitValueParser(!0,keyPath,deep,name,inputRef.value);handleUpdateValue({value:newValue,key:name}).then((()=>{isComponentWillChange(originalValue,newValue)||this.handleCancelEdit()})).catch(logger4.error)}handleEditMode(){this.setState({editEnabled:!0})}refInput(node){this.state.inputRef=node}handleCancelEdit(){this.setState({editEnabled:!1})}render(){let{name,value:value2,editEnabled,keyPath,deep}=this.state,{handleRemove,originalValue,readOnly,dataType,getStyle,editButtonElement,cancelButtonElement,inputElementGenerator,minusMenuElement,keyPath:comeFromKeyPath}=this.props,style=getStyle(name,originalValue,keyPath,deep,dataType),isReadOnly=readOnly(name,originalValue,keyPath,deep,dataType),isEditing=editEnabled&&!isReadOnly,inputElement=inputElementGenerator("value",comeFromKeyPath,deep,name,originalValue,dataType),editButtonElementLayout=(0,react.cloneElement)(editButtonElement,{onClick:this.handleEdit}),cancelButtonElementLayout=(0,react.cloneElement)(cancelButtonElement,{onClick:this.handleCancelEdit}),inputElementLayout=(0,react.cloneElement)(inputElement,{ref:this.refInput,defaultValue:JSON.stringify(originalValue)}),minusMenuLayout=(0,react.cloneElement)(minusMenuElement,{onClick:handleRemove,className:"rejt-minus-menu",style:style.minus});return react.createElement("li",{className:"rejt-value-node",style:style.li},react.createElement("span",{className:"rejt-name",style:style.name},name," : "),isEditing?react.createElement("span",{className:"rejt-edit-form",style:style.editForm},inputElementLayout," ",cancelButtonElementLayout,editButtonElementLayout):react.createElement("span",{className:"rejt-value",style:style.value,onClick:isReadOnly?null:this.handleEditMode},String(value2)),!isReadOnly&&!isEditing&&minusMenuLayout)}};JsonValue.defaultProps={keyPath:[],deep:0,handleUpdateValue:()=>Promise.resolve(),editButtonElement:react.createElement("button",null,"e"),cancelButtonElement:react.createElement("button",null,"c"),minusMenuElement:react.createElement("span",null," - ")};var object={minus:{color:"red"},plus:{color:"green"},collapsed:{color:"grey"},delimiter:{},ul:{padding:"0px",margin:"0 0 0 25px",listStyle:"none"},name:{color:"#2287CD"},addForm:{}},array={minus:{color:"red"},plus:{color:"green"},collapsed:{color:"grey"},delimiter:{},ul:{padding:"0px",margin:"0 0 0 25px",listStyle:"none"},name:{color:"#2287CD"},addForm:{}},value={minus:{color:"red"},editForm:{},value:{color:"#7bba3d"},li:{minHeight:"22px",lineHeight:"22px",outline:"0px"},name:{color:"#2287CD"}};var JsonTree=class extends react.Component{constructor(props){super(props),this.state={data:props.data,rootName:props.rootName},this.onUpdate=this.onUpdate.bind(this),this.removeRoot=this.removeRoot.bind(this)}static getDerivedStateFromProps(props,state){return props.data!==state.data||props.rootName!==state.rootName?{data:props.data,rootName:props.rootName}:null}onUpdate(key,data){this.setState({data}),this.props.onFullyUpdate(data)}removeRoot(){this.onUpdate(null,null)}render(){let{data,rootName}=this.state,{isCollapsed,onDeltaUpdate,readOnly,getStyle,addButtonElement,cancelButtonElement,editButtonElement,inputElement,textareaElement,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser,fallback=null}=this.props,dataType=getObjectType(data),readOnlyFunction=readOnly;"Boolean"===getObjectType(readOnly)&&(readOnlyFunction=()=>readOnly);let inputElementFunction=inputElement;inputElement&&"Function"!==getObjectType(inputElement)&&(inputElementFunction=()=>inputElement);let textareaElementFunction=textareaElement;return textareaElement&&"Function"!==getObjectType(textareaElement)&&(textareaElementFunction=()=>textareaElement),"Object"===dataType||"Array"===dataType?react.createElement("div",{className:"rejt-tree"},react.createElement(JsonNode,{data,name:rootName,deep:-1,isCollapsed,onUpdate:this.onUpdate,onDeltaUpdate,readOnly:readOnlyFunction,getStyle,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator:inputElementFunction,textareaElementGenerator:textareaElementFunction,minusMenuElement,plusMenuElement,handleRemove:this.removeRoot,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser})):fallback}};JsonTree.defaultProps={rootName:"root",isCollapsed:(keyPath,deep)=>-1!==deep,getStyle:(keyName,data,keyPath,deep,dataType)=>{switch(dataType){case"Object":case"Error":return object;case"Array":return array;default:return value}},readOnly:()=>!1,onFullyUpdate:()=>{},onDeltaUpdate:()=>{},beforeRemoveAction:()=>Promise.resolve(),beforeAddAction:()=>Promise.resolve(),beforeUpdateAction:()=>Promise.resolve(),logger:{error:()=>{}},onSubmitValueParser:(isEditMode,keyPath,deep,name,rawValue)=>function parse3(string){let result=string;if(0===result.indexOf("function"))return(0,eval)(`(${result})`);try{result=JSON.parse(string)}catch{}return result}(rawValue),inputElement:()=>react.createElement("input",null),textareaElement:()=>react.createElement("textarea",null),fallback:null};var{window:globalWindow2}=external_STORYBOOK_MODULE_GLOBAL_.global,Wrapper5=dist.I4.div((({theme})=>({position:"relative",display:"flex",".rejt-tree":{marginLeft:"1rem",fontSize:"13px"},".rejt-value-node, .rejt-object-node > .rejt-collapsed, .rejt-array-node > .rejt-collapsed, .rejt-object-node > .rejt-not-collapsed, .rejt-array-node > .rejt-not-collapsed":{"& > svg":{opacity:0,transition:"opacity 0.2s"}},".rejt-value-node:hover, .rejt-object-node:hover > .rejt-collapsed, .rejt-array-node:hover > .rejt-collapsed, .rejt-object-node:hover > .rejt-not-collapsed, .rejt-array-node:hover > .rejt-not-collapsed":{"& > svg":{opacity:1}},".rejt-edit-form button":{display:"none"},".rejt-add-form":{marginLeft:10},".rejt-add-value-node":{display:"inline-flex",alignItems:"center"},".rejt-name":{lineHeight:"22px"},".rejt-not-collapsed-delimiter":{lineHeight:"22px"},".rejt-plus-menu":{marginLeft:5},".rejt-object-node > span > *, .rejt-array-node > span > *":{position:"relative",zIndex:2},".rejt-object-node, .rejt-array-node":{position:"relative"},".rejt-object-node > span:first-of-type::after, .rejt-array-node > span:first-of-type::after, .rejt-collapsed::before, .rejt-not-collapsed::before":{content:'""',position:"absolute",top:0,display:"block",width:"100%",marginLeft:"-1rem",padding:"0 4px 0 1rem",height:22},".rejt-collapsed::before, .rejt-not-collapsed::before":{zIndex:1,background:"transparent",borderRadius:4,transition:"background 0.2s",pointerEvents:"none",opacity:.1},".rejt-object-node:hover, .rejt-array-node:hover":{"& > .rejt-collapsed::before, & > .rejt-not-collapsed::before":{background:theme.color.secondary}},".rejt-collapsed::after, .rejt-not-collapsed::after":{content:'""',position:"absolute",display:"inline-block",pointerEvents:"none",width:0,height:0},".rejt-collapsed::after":{left:-8,top:8,borderTop:"3px solid transparent",borderBottom:"3px solid transparent",borderLeft:"3px solid rgba(153,153,153,0.6)"},".rejt-not-collapsed::after":{left:-10,top:10,borderTop:"3px solid rgba(153,153,153,0.6)",borderLeft:"3px solid transparent",borderRight:"3px solid transparent"},".rejt-value":{display:"inline-block",border:"1px solid transparent",borderRadius:4,margin:"1px 0",padding:"0 4px",cursor:"text",color:theme.color.defaultText},".rejt-value-node:hover > .rejt-value":{background:theme.color.lighter,borderColor:theme.appBorderColor}}))),Button=dist.I4.button((({theme,primary})=>({border:0,height:20,margin:1,borderRadius:4,background:primary?theme.color.secondary:"transparent",color:primary?theme.color.lightest:theme.color.dark,fontWeight:primary?"bold":"normal",cursor:"pointer",order:primary?"initial":9}))),ActionIcon=(0,dist.I4)(components_dist.FI)((({theme,icon,disabled})=>({display:"inline-block",verticalAlign:"middle",width:15,height:15,padding:3,marginLeft:5,cursor:disabled?"not-allowed":"pointer",color:theme.textMutedColor,"&:hover":disabled?{}:{color:"subtract"===icon?theme.color.negative:theme.color.ancillary},"svg + &":{marginLeft:0}}))),Input=dist.I4.input((({theme,placeholder})=>({outline:0,margin:placeholder?1:"1px 0",padding:"3px 4px",color:theme.color.defaultText,background:theme.background.app,border:`1px solid ${theme.appBorderColor}`,borderRadius:4,lineHeight:"14px",width:"Key"===placeholder?80:120,"&:focus":{border:`1px solid ${theme.color.secondary}`}}))),RawButton=(0,dist.I4)(components_dist.K0)((({theme})=>({position:"absolute",zIndex:2,top:2,right:2,height:21,padding:"0 3px",background:theme.background.bar,border:`1px solid ${theme.appBorderColor}`,borderRadius:3,color:theme.textMutedColor,fontSize:"9px",fontWeight:"bold",textDecoration:"none",span:{marginLeft:3,marginTop:1}}))),RawInput=(0,dist.I4)(components_dist.lV.Textarea)((({theme})=>({flex:1,padding:"7px 6px",fontFamily:theme.typography.fonts.mono,fontSize:"12px",lineHeight:"18px","&::placeholder":{fontFamily:theme.typography.fonts.base,fontSize:"13px"},"&:placeholder-shown":{padding:"7px 10px"}}))),ENTER_EVENT={bubbles:!0,cancelable:!0,key:"Enter",code:"Enter",keyCode:13},dispatchEnterKey=event=>{event.currentTarget.dispatchEvent(new globalWindow2.KeyboardEvent("keydown",ENTER_EVENT))},selectValue=event=>{event.currentTarget.select()},getCustomStyleFunction=theme=>()=>({name:{color:theme.color.secondary},collapsed:{color:theme.color.dark},ul:{listStyle:"none",margin:"0 0 0 1rem",padding:0},li:{outline:0}}),ObjectControl=({name,value:value2,onChange})=>{let theme=(0,dist.DP)(),data=(0,react.useMemo)((()=>value2&&cloneDeep_default()(value2)),[value2]),hasData=null!=data,[showRaw,setShowRaw]=(0,react.useState)(!hasData),[parseError,setParseError]=(0,react.useState)(null),updateRaw=(0,react.useCallback)((raw=>{try{raw&&onChange(JSON.parse(raw)),setParseError(void 0)}catch(e){setParseError(e)}}),[onChange]),[forceVisible,setForceVisible]=(0,react.useState)(!1),onForceVisible=(0,react.useCallback)((()=>{onChange({}),setForceVisible(!0)}),[setForceVisible]),htmlElRef=(0,react.useRef)(null);if((0,react.useEffect)((()=>{forceVisible&&htmlElRef.current&&htmlElRef.current.select()}),[forceVisible]),!hasData)return react.createElement(components_dist.lV.Button,{id:(0,chunk_GWAJ4KRU.Y)(name),onClick:onForceVisible},"Set object");let rawJSONForm=react.createElement(RawInput,{ref:htmlElRef,id:(0,chunk_GWAJ4KRU.Z)(name),name,defaultValue:null===value2?"":JSON.stringify(value2,null,2),onBlur:event=>updateRaw(event.target.value),placeholder:"Edit JSON string...",autoFocus:forceVisible,valid:parseError?"error":null});return react.createElement(Wrapper5,null,["Object","Array"].includes(getObjectType(data))&&react.createElement(RawButton,{href:"#",onClick:e=>{e.preventDefault(),setShowRaw((v=>!v))}},react.createElement(components_dist.FI,{icon:showRaw?"eyeclose":"eye"}),react.createElement("span",null,"RAW")),showRaw?rawJSONForm:react.createElement(JsonTree,{data,rootName:name,onFullyUpdate:onChange,getStyle:getCustomStyleFunction(theme),cancelButtonElement:react.createElement(Button,{type:"button"},"Cancel"),editButtonElement:react.createElement(Button,{type:"submit"},"Save"),addButtonElement:react.createElement(Button,{type:"submit",primary:!0},"Save"),plusMenuElement:react.createElement(ActionIcon,{icon:"add"}),minusMenuElement:react.createElement(ActionIcon,{icon:"subtract"}),inputElement:(_,__,___,key)=>key?react.createElement(Input,{onFocus:selectValue,onBlur:dispatchEnterKey}):react.createElement(Input,null),fallback:rawJSONForm}))},RangeInput=dist.I4.input((({theme,min,max,value:value2})=>({"&":{width:"100%",backgroundColor:"transparent",appearance:"none"},"&::-webkit-slider-runnable-track":{background:"light"===theme.base?`linear-gradient(to right, \n ${theme.color.green} 0%, ${theme.color.green} ${(value2-min)/(max-min)*100}%, \n ${(0,polished_esm.e$)(.02,theme.input.background)} ${(value2-min)/(max-min)*100}%, \n ${(0,polished_esm.e$)(.02,theme.input.background)} 100%)`:`linear-gradient(to right, \n ${theme.color.green} 0%, ${theme.color.green} ${(value2-min)/(max-min)*100}%, \n ${(0,polished_esm.a)(.02,theme.input.background)} ${(value2-min)/(max-min)*100}%, \n ${(0,polished_esm.a)(.02,theme.input.background)} 100%)`,boxShadow:`${theme.appBorderColor} 0 0 0 1px inset`,borderRadius:6,width:"100%",height:6,cursor:"pointer"},"&::-webkit-slider-thumb":{marginTop:"-6px",width:16,height:16,border:`1px solid ${(0,polished_esm.B3)(theme.appBorderColor,.2)}`,borderRadius:"50px",boxShadow:`0 1px 3px 0px ${(0,polished_esm.B3)(theme.appBorderColor,.2)}`,cursor:"grab",appearance:"none",background:`${theme.input.background}`,transition:"all 150ms ease-out","&:hover":{background:`${(0,polished_esm.e$)(.05,theme.input.background)}`,transform:"scale3d(1.1, 1.1, 1.1) translateY(-1px)",transition:"all 50ms ease-out"},"&:active":{background:`${theme.input.background}`,transform:"scale3d(1, 1, 1) translateY(0px)",cursor:"grabbing"}},"&:focus":{outline:"none","&::-webkit-slider-runnable-track":{borderColor:(0,polished_esm.B3)(theme.color.secondary,.4)},"&::-webkit-slider-thumb":{borderColor:theme.color.secondary,boxShadow:`0 0px 5px 0px ${theme.color.secondary}`}},"&::-moz-range-track":{background:"light"===theme.base?`linear-gradient(to right, \n ${theme.color.green} 0%, ${theme.color.green} ${(value2-min)/(max-min)*100}%, \n ${(0,polished_esm.e$)(.02,theme.input.background)} ${(value2-min)/(max-min)*100}%, \n ${(0,polished_esm.e$)(.02,theme.input.background)} 100%)`:`linear-gradient(to right, \n ${theme.color.green} 0%, ${theme.color.green} ${(value2-min)/(max-min)*100}%, \n ${(0,polished_esm.a)(.02,theme.input.background)} ${(value2-min)/(max-min)*100}%, \n ${(0,polished_esm.a)(.02,theme.input.background)} 100%)`,boxShadow:`${theme.appBorderColor} 0 0 0 1px inset`,borderRadius:6,width:"100%",height:6,cursor:"pointer",outline:"none"},"&::-moz-range-thumb":{width:16,height:16,border:`1px solid ${(0,polished_esm.B3)(theme.appBorderColor,.2)}`,borderRadius:"50px",boxShadow:`0 1px 3px 0px ${(0,polished_esm.B3)(theme.appBorderColor,.2)}`,cursor:"grab",background:`${theme.input.background}`,transition:"all 150ms ease-out","&:hover":{background:`${(0,polished_esm.e$)(.05,theme.input.background)}`,transform:"scale3d(1.1, 1.1, 1.1) translateY(-1px)",transition:"all 50ms ease-out"},"&:active":{background:`${theme.input.background}`,transform:"scale3d(1, 1, 1) translateY(0px)",cursor:"grabbing"}},"&::-ms-track":{background:"light"===theme.base?`linear-gradient(to right, \n ${theme.color.green} 0%, ${theme.color.green} ${(value2-min)/(max-min)*100}%, \n ${(0,polished_esm.e$)(.02,theme.input.background)} ${(value2-min)/(max-min)*100}%, \n ${(0,polished_esm.e$)(.02,theme.input.background)} 100%)`:`linear-gradient(to right, \n ${theme.color.green} 0%, ${theme.color.green} ${(value2-min)/(max-min)*100}%, \n ${(0,polished_esm.a)(.02,theme.input.background)} ${(value2-min)/(max-min)*100}%, \n ${(0,polished_esm.a)(.02,theme.input.background)} 100%)`,boxShadow:`${theme.appBorderColor} 0 0 0 1px inset`,color:"transparent",width:"100%",height:"6px",cursor:"pointer"},"&::-ms-fill-lower":{borderRadius:6},"&::-ms-fill-upper":{borderRadius:6},"&::-ms-thumb":{width:16,height:16,background:`${theme.input.background}`,border:`1px solid ${(0,polished_esm.B3)(theme.appBorderColor,.2)}`,borderRadius:50,cursor:"grab",marginTop:0},"@supports (-ms-ime-align:auto)":{"input[type=range]":{margin:"0"}}}))),RangeLabel=dist.I4.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:"nowrap",fontFeatureSettings:"tnum",fontVariantNumeric:"tabular-nums"}),RangeCurrentAndMaxLabel=(0,dist.I4)(RangeLabel)((({numberOFDecimalsPlaces,max})=>({width:`${numberOFDecimalsPlaces+2*max.toString().length+3}ch`,textAlign:"right",flexShrink:0}))),RangeWrapper=dist.I4.div({display:"flex",alignItems:"center",width:"100%"});var Wrapper6=dist.I4.label({display:"flex"}),MaxLength=dist.I4.div((({isMaxed})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:isMaxed?"red":void 0}))),FileInput=(0,dist.I4)(components_dist.lV.Input)({padding:10});var LazyColorControl=(0,react.lazy)((()=>__webpack_require__.e(857).then(__webpack_require__.bind(__webpack_require__,"./node_modules/@storybook/blocks/dist/Color-6VNJS4EI.mjs")))),Controls2={array:ObjectControl,object:ObjectControl,boolean:({name,value:value2,onChange,onBlur,onFocus})=>{let onSetFalse=(0,react.useCallback)((()=>onChange(!1)),[onChange]);if(void 0===value2)return react.createElement(components_dist.lV.Button,{id:(0,chunk_GWAJ4KRU.Y)(name),onClick:onSetFalse},"Set boolean");let controlId=(0,chunk_GWAJ4KRU.Z)(name),parsedValue="string"==typeof value2?(value2=>"true"===value2)(value2):value2;return react.createElement(Label,{htmlFor:controlId,"aria-label":name},react.createElement("input",{id:controlId,type:"checkbox",onChange:e=>onChange(e.target.checked),checked:parsedValue,role:"switch",name,onBlur,onFocus}),react.createElement("span",{"aria-hidden":"true"},"False"),react.createElement("span",{"aria-hidden":"true"},"True"))},color:props=>react.createElement(react.Suspense,{fallback:react.createElement("div",null)},react.createElement(LazyColorControl,{...props})),date:({name,value:value2,onChange,onFocus,onBlur})=>{let[valid,setValid]=(0,react.useState)(!0),dateRef=(0,react.useRef)(),timeRef=(0,react.useRef)();(0,react.useEffect)((()=>{!1!==valid&&(dateRef&&dateRef.current&&(dateRef.current.value=(value2=>{let date=new Date(value2);return`${`000${date.getFullYear()}`.slice(-4)}-${`0${date.getMonth()+1}`.slice(-2)}-${`0${date.getDate()}`.slice(-2)}`})(value2)),timeRef&&timeRef.current&&(timeRef.current.value=(value2=>{let date=new Date(value2);return`${`0${date.getHours()}`.slice(-2)}:${`0${date.getMinutes()}`.slice(-2)}`})(value2)))}),[value2]);let controlId=(0,chunk_GWAJ4KRU.Z)(name);return react.createElement(FlexSpaced,null,react.createElement(components_dist.lV.Input,{type:"date",max:"9999-12-31",ref:dateRef,id:`${controlId}-date`,name:`${controlId}-date`,onChange:e=>{let parsed=(value2=>{let[year,month,day]=value2.split("-"),result=new Date;return result.setFullYear(parseInt(year,10),parseInt(month,10)-1,parseInt(day,10)),result})(e.target.value),result=new Date(value2);result.setFullYear(parsed.getFullYear(),parsed.getMonth(),parsed.getDate());let time=result.getTime();time&&onChange(time),setValid(!!time)},onFocus,onBlur}),react.createElement(components_dist.lV.Input,{type:"time",id:`${controlId}-time`,name:`${controlId}-time`,ref:timeRef,onChange:e=>{let parsed=(value2=>{let[hours,minutes]=value2.split(":"),result=new Date;return result.setHours(parseInt(hours,10)),result.setMinutes(parseInt(minutes,10)),result})(e.target.value),result=new Date(value2);result.setHours(parsed.getHours()),result.setMinutes(parsed.getMinutes());let time=result.getTime();time&&onChange(time),setValid(!!time)},onFocus,onBlur}),valid?null:react.createElement("div",null,"invalid"))},number:({name,value:value2,onChange,min,max,step,onBlur,onFocus})=>{let[inputValue,setInputValue]=(0,react.useState)("number"==typeof value2?value2:""),[forceVisible,setForceVisible]=(0,react.useState)(!1),[parseError,setParseError]=(0,react.useState)(null),handleChange=(0,react.useCallback)((event=>{setInputValue(event.target.value);let result=parseFloat(event.target.value);Number.isNaN(result)?setParseError(new Error(`'${event.target.value}' is not a number`)):(onChange(result),setParseError(null))}),[onChange,setParseError]),onForceVisible=(0,react.useCallback)((()=>{setInputValue("0"),onChange(0),setForceVisible(!0)}),[setForceVisible]),htmlElRef=(0,react.useRef)(null);return(0,react.useEffect)((()=>{forceVisible&&htmlElRef.current&&htmlElRef.current.select()}),[forceVisible]),(0,react.useEffect)((()=>{inputValue!==("number"==typeof value2?value2:"")&&setInputValue(value2)}),[value2]),forceVisible||void 0!==value2?react.createElement(Wrapper2,null,react.createElement(components_dist.lV.Input,{ref:htmlElRef,id:(0,chunk_GWAJ4KRU.Z)(name),type:"number",onChange:handleChange,size:"flex",placeholder:"Edit number...",value:inputValue,valid:parseError?"error":null,autoFocus:forceVisible,name,min,max,step,onFocus,onBlur})):react.createElement(components_dist.lV.Button,{id:(0,chunk_GWAJ4KRU.Y)(name),onClick:onForceVisible},"Set number")},check:OptionsControl,"inline-check":OptionsControl,radio:OptionsControl,"inline-radio":OptionsControl,select:OptionsControl,"multi-select":OptionsControl,range:({name,value:value2,onChange,min=0,max=100,step=1,onBlur,onFocus})=>{let hasValue=void 0!==value2,numberOFDecimalsPlaces=(0,react.useMemo)((()=>function getNumberOfDecimalPlaces(number){let match=number.toString().match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);return match?Math.max(0,(match[1]?match[1].length:0)-(match[2]?+match[2]:0)):0}(step)),[step]);return react.createElement(RangeWrapper,null,react.createElement(RangeLabel,null,min),react.createElement(RangeInput,{id:(0,chunk_GWAJ4KRU.Z)(name),type:"range",onChange:event=>{onChange((value2=>{let result=parseFloat(value2);return Number.isNaN(result)?void 0:result})(event.target.value))},name,value:value2,min,max,step,onFocus,onBlur}),react.createElement(RangeCurrentAndMaxLabel,{numberOFDecimalsPlaces,max},hasValue?value2.toFixed(numberOFDecimalsPlaces):"--"," / ",max))},text:({name,value:value2,onChange,onFocus,onBlur,maxLength})=>{let[forceVisible,setForceVisible]=(0,react.useState)(!1),onForceVisible=(0,react.useCallback)((()=>{onChange(""),setForceVisible(!0)}),[setForceVisible]);if(void 0===value2)return react.createElement(components_dist.lV.Button,{id:(0,chunk_GWAJ4KRU.Y)(name),onClick:onForceVisible},"Set string");let isValid="string"==typeof value2;return react.createElement(Wrapper6,null,react.createElement(components_dist.lV.Textarea,{id:(0,chunk_GWAJ4KRU.Z)(name),maxLength,onChange:event=>{onChange(event.target.value)},size:"flex",placeholder:"Edit string...",autoFocus:forceVisible,valid:isValid?null:"error",name,value:isValid?value2:"",onFocus,onBlur}),maxLength&&react.createElement(MaxLength,{isMaxed:value2?.length===maxLength},value2?.length??0," / ",maxLength))},file:({onChange,name,accept="image/*",value:value2})=>{let inputElement=(0,react.useRef)(null);return(0,react.useEffect)((()=>{null==value2&&inputElement.current&&(inputElement.current.value=null)}),[value2,name]),react.createElement(FileInput,{ref:inputElement,id:(0,chunk_GWAJ4KRU.Z)(name),type:"file",name,multiple:!0,onChange:function handleFileChange(e){if(!e.target.files)return;let fileUrls=Array.from(e.target.files).map((file=>URL.createObjectURL(file)));onChange(fileUrls),function revokeOldUrls(urls){urls.forEach((url=>{url.startsWith("blob:")&&URL.revokeObjectURL(url)}))}(value2)},accept,size:"flex"})}},NoControl=()=>react.createElement(react.Fragment,null,"-"),ArgControl=({row,arg,updateArgs,isHovered})=>{let{key,control}=row,[isFocused,setFocused]=(0,react.useState)(!1),[boxedValue,setBoxedValue]=(0,react.useState)({value:arg});(0,react.useEffect)((()=>{isFocused||setBoxedValue({value:arg})}),[isFocused,arg]);let onChange=(0,react.useCallback)((argVal=>(setBoxedValue({value:argVal}),updateArgs({[key]:argVal}),argVal)),[updateArgs,key]),onBlur=(0,react.useCallback)((()=>setFocused(!1)),[]),onFocus=(0,react.useCallback)((()=>setFocused(!0)),[]);if(!control||control.disable)return isHovered?react.createElement(components_dist.N_,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Setup controls"):react.createElement(NoControl,null);let props={name:key,argType:row,value:boxedValue.value,onChange,onBlur,onFocus},Control=Controls2[control.type]||NoControl;return react.createElement(Control,{...props,...control,controlType:control.type})},Name=dist.I4.span({fontWeight:"bold"}),Required=dist.I4.span((({theme})=>({color:theme.color.negative,fontFamily:theme.typography.fonts.mono,cursor:"help"}))),Description=dist.I4.div((({theme})=>({"&&":{p:{margin:"0 0 10px 0"},a:{color:theme.color.secondary}},code:{...(0,components_dist.zb)({theme}),fontSize:12,fontFamily:theme.typography.fonts.mono},"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}}))),Type=dist.I4.div((({theme,hasDescription})=>({color:"light"===theme.base?(0,polished_esm.No)(.1,theme.color.defaultText):(0,polished_esm.No)(.2,theme.color.defaultText),marginTop:hasDescription?4:0}))),TypeWithJsDoc=dist.I4.div((({theme,hasDescription})=>({color:"light"===theme.base?(0,polished_esm.No)(.1,theme.color.defaultText):(0,polished_esm.No)(.2,theme.color.defaultText),marginTop:hasDescription?12:0,marginBottom:12}))),StyledTd=dist.I4.td((({theme,expandable})=>({paddingLeft:expandable?"40px !important":"20px !important"}))),ArgRow=props=>{let[isHovered,setIsHovered]=(0,react.useState)(!1),{row,updateArgs,compact,expandable,initialExpandedArgs}=props,{name,description}=row,table=row.table||{},type=table.type||row.type,defaultValue=table.defaultValue||row.defaultValue,required=row.type?.required,hasDescription=null!=description&&""!==description;return react.createElement("tr",{onMouseEnter:()=>setIsHovered(!0),onMouseLeave:()=>setIsHovered(!1)},react.createElement(StyledTd,{expandable},react.createElement(Name,null,name),required?react.createElement(Required,{title:"Required"},"*"):null),compact?null:react.createElement("td",null,hasDescription&&react.createElement(Description,null,react.createElement(index_modern,null,description)),null!=table.jsDocTags?react.createElement(react.Fragment,null,react.createElement(TypeWithJsDoc,{hasDescription},react.createElement(ArgValue,{value:type,initialExpandedArgs})),react.createElement(ArgJsDoc,{tags:table.jsDocTags})):react.createElement(Type,{hasDescription},react.createElement(ArgValue,{value:type,initialExpandedArgs}))),compact?null:react.createElement("td",null,react.createElement(ArgValue,{value:defaultValue,initialExpandedArgs})),updateArgs?react.createElement("td",null,react.createElement(ArgControl,{...props,isHovered})):null)},ExpanderIcon=(0,dist.I4)(components_dist.FI)((({theme})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:"light"===theme.base?(0,polished_esm.No)(.25,theme.color.defaultText):(0,polished_esm.No)(.3,theme.color.defaultText),border:"none",display:"inline-block"}))),FlexWrapper=dist.I4.span((({theme})=>({display:"flex",lineHeight:"20px",alignItems:"center"}))),Section=dist.I4.td((({theme})=>({position:"relative",letterSpacing:"0.35em",textTransform:"uppercase",fontWeight:theme.typography.weight.bold,fontSize:theme.typography.size.s1-1,color:"light"===theme.base?(0,polished_esm.No)(.4,theme.color.defaultText):(0,polished_esm.No)(.6,theme.color.defaultText),background:`${theme.background.app} !important`,"& ~ td":{background:`${theme.background.app} !important`}}))),Subsection=dist.I4.td((({theme})=>({position:"relative",fontWeight:theme.typography.weight.bold,fontSize:theme.typography.size.s2-1,background:theme.background.app}))),StyledTd2=dist.I4.td((()=>({position:"relative"}))),StyledTr=dist.I4.tr((({theme})=>({"&:hover > td":{backgroundColor:`${(0,polished_esm.a)(.005,theme.background.app)} !important`,boxShadow:`${theme.color.mediumlight} 0 - 1px 0 0 inset`,cursor:"row-resize"}}))),ClickIntercept=dist.I4.button((()=>({background:"none",border:"none",padding:"0",font:"inherit",position:"absolute",top:0,bottom:0,left:0,right:0,height:"100%",width:"100%",color:"transparent",cursor:"row-resize !important"}))),SectionRow=({level="section",label,children,initialExpanded=!0,colSpan=3})=>{let[expanded,setExpanded]=(0,react.useState)(initialExpanded),Level="subsection"===level?Subsection:Section,itemCount=children?.length||0,caption="subsection"===level?`${itemCount} item${1!==itemCount?"s":""}`:"",icon=expanded?"arrowdown":"arrowright",helperText=`${expanded?"Hide":"Show"} ${"subsection"===level?itemCount:label} item${1!==itemCount?"s":""}`;return react.createElement(react.Fragment,null,react.createElement(StyledTr,{title:helperText},react.createElement(Level,{colSpan:1},react.createElement(ClickIntercept,{onClick:e=>setExpanded(!expanded),tabIndex:0},helperText),react.createElement(FlexWrapper,null,react.createElement(ExpanderIcon,{icon}),label)),react.createElement(StyledTd2,{colSpan:colSpan-1},react.createElement(ClickIntercept,{onClick:e=>setExpanded(!expanded),tabIndex:-1,style:{outline:"none"}},helperText),expanded?null:caption)),expanded?children:null)},Row=dist.I4.div((({theme})=>({display:"flex",gap:16,borderBottom:`1px solid ${theme.appBorderColor}`,"&:last-child":{borderBottom:0}}))),Column=dist.I4.div((({numColumn})=>({display:"flex",flexDirection:"column",flex:numColumn||1,gap:5,padding:"12px 20px"}))),SkeletonText=dist.I4.div((({theme,width,height})=>({animation:`${theme.animation.glow} 1.5s ease-in-out infinite`,background:theme.appBorderColor,width:width||"100%",height:height||16,borderRadius:3}))),columnWidth=[2,4,2,2],Skeleton=()=>react.createElement(react.Fragment,null,react.createElement(Row,null,react.createElement(Column,{numColumn:columnWidth[0]},react.createElement(SkeletonText,{width:"60%"})),react.createElement(Column,{numColumn:columnWidth[1]},react.createElement(SkeletonText,{width:"30%"})),react.createElement(Column,{numColumn:columnWidth[2]},react.createElement(SkeletonText,{width:"60%"})),react.createElement(Column,{numColumn:columnWidth[3]},react.createElement(SkeletonText,{width:"60%"}))),react.createElement(Row,null,react.createElement(Column,{numColumn:columnWidth[0]},react.createElement(SkeletonText,{width:"60%"})),react.createElement(Column,{numColumn:columnWidth[1]},react.createElement(SkeletonText,{width:"80%"}),react.createElement(SkeletonText,{width:"30%"})),react.createElement(Column,{numColumn:columnWidth[2]},react.createElement(SkeletonText,{width:"60%"})),react.createElement(Column,{numColumn:columnWidth[3]},react.createElement(SkeletonText,{width:"60%"}))),react.createElement(Row,null,react.createElement(Column,{numColumn:columnWidth[0]},react.createElement(SkeletonText,{width:"60%"})),react.createElement(Column,{numColumn:columnWidth[1]},react.createElement(SkeletonText,{width:"80%"}),react.createElement(SkeletonText,{width:"30%"})),react.createElement(Column,{numColumn:columnWidth[2]},react.createElement(SkeletonText,{width:"60%"})),react.createElement(Column,{numColumn:columnWidth[3]},react.createElement(SkeletonText,{width:"60%"}))),react.createElement(Row,null,react.createElement(Column,{numColumn:columnWidth[0]},react.createElement(SkeletonText,{width:"60%"})),react.createElement(Column,{numColumn:columnWidth[1]},react.createElement(SkeletonText,{width:"80%"}),react.createElement(SkeletonText,{width:"30%"})),react.createElement(Column,{numColumn:columnWidth[2]},react.createElement(SkeletonText,{width:"60%"})),react.createElement(Column,{numColumn:columnWidth[3]},react.createElement(SkeletonText,{width:"60%"})))),Wrapper7=dist.I4.div((({inAddonPanel,theme})=>({height:inAddonPanel?"100%":"auto",display:"flex",border:inAddonPanel?"none":`1px solid ${theme.appBorderColor}`,borderRadius:inAddonPanel?0:theme.appBorderRadius,padding:inAddonPanel?0:40,alignItems:"center",justifyContent:"center",flexDirection:"column",gap:15,background:theme.background.content,boxShadow:"rgba(0, 0, 0, 0.10) 0 1px 3px 0"}))),Content=dist.I4.div({display:"flex",flexDirection:"column",gap:4,maxWidth:415}),Title2=dist.I4.div((({theme})=>({fontWeight:theme.typography.weight.bold,fontSize:theme.typography.size.s2-1,textAlign:"center",color:theme.textColor}))),Description2=dist.I4.div((({theme})=>({fontWeight:theme.typography.weight.regular,fontSize:theme.typography.size.s2-1,textAlign:"center",color:theme.textMutedColor}))),Links=dist.I4.div((({theme})=>({display:"flex",fontSize:theme.typography.size.s2-1,gap:25}))),Divider=dist.I4.div((({theme})=>({width:1,height:16,backgroundColor:theme.appBorderColor}))),Empty=({inAddonPanel})=>{let[isLoading,setIsLoading]=(0,react.useState)(!0);return(0,react.useEffect)((()=>{let load=setTimeout((()=>{setIsLoading(!1)}),100);return()=>clearTimeout(load)}),[]),isLoading?null:react.createElement(Wrapper7,{inAddonPanel},react.createElement(Content,null,react.createElement(Title2,null,inAddonPanel?"Interactive story playground":"Args table with interactive controls couldn't be auto-generated"),react.createElement(Description2,null,"Controls give you an easy to use interface to test your components. Set your story args and you'll see controls appearing here automatically.")),react.createElement(Links,null,inAddonPanel&&react.createElement(react.Fragment,null,react.createElement(components_dist.N_,{href:"https://youtu.be/0gOfS6K0x0E",target:"_blank",withArrow:!0},react.createElement(components_dist.FI,{icon:"video"})," Watch 5m video"),react.createElement(Divider,null),react.createElement(components_dist.N_,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Read docs")),!inAddonPanel&&react.createElement(components_dist.N_,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Learn how to set that up")))},TableWrapper=dist.I4.table((({theme,compact,inAddonPanel})=>({"&&":{borderSpacing:0,color:theme.color.defaultText,"td, th":{padding:0,border:"none",verticalAlign:"top",textOverflow:"ellipsis"},fontSize:theme.typography.size.s2-1,lineHeight:"20px",textAlign:"left",width:"100%",marginTop:inAddonPanel?0:25,marginBottom:inAddonPanel?0:40,"thead th:first-of-type, td:first-of-type":{width:"25%"},"th:first-of-type, td:first-of-type":{paddingLeft:20},"th:nth-of-type(2), td:nth-of-type(2)":{...compact?null:{width:"35%"}},"td:nth-of-type(3)":{...compact?null:{width:"15%"}},"th:last-of-type, td:last-of-type":{paddingRight:20,...compact?null:{width:"25%"}},th:{color:"light"===theme.base?(0,polished_esm.No)(.25,theme.color.defaultText):(0,polished_esm.No)(.45,theme.color.defaultText),paddingTop:10,paddingBottom:10,paddingLeft:15,paddingRight:15},td:{paddingTop:"10px",paddingBottom:"10px","&:not(:first-of-type)":{paddingLeft:15,paddingRight:15},"&:last-of-type":{paddingRight:20}},marginLeft:inAddonPanel?0:1,marginRight:inAddonPanel?0:1,tbody:{...inAddonPanel?null:{filter:"light"===theme.base?"drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.10))":"drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.20))"},"> tr > *":{background:theme.background.content,borderTop:`1px solid ${theme.appBorderColor}`},...inAddonPanel?null:{"> tr:first-of-type > *":{borderBlockStart:`1px solid ${theme.appBorderColor}`},"> tr:last-of-type > *":{borderBlockEnd:`1px solid ${theme.appBorderColor}`},"> tr > *:first-of-type":{borderInlineStart:`1px solid ${theme.appBorderColor}`},"> tr > *:last-of-type":{borderInlineEnd:`1px solid ${theme.appBorderColor}`},"> tr:first-of-type > td:first-of-type":{borderTopLeftRadius:theme.appBorderRadius},"> tr:first-of-type > td:last-of-type":{borderTopRightRadius:theme.appBorderRadius},"> tr:last-of-type > td:first-of-type":{borderBottomLeftRadius:theme.appBorderRadius},"> tr:last-of-type > td:last-of-type":{borderBottomRightRadius:theme.appBorderRadius}}}}}))),StyledIconButton=(0,dist.I4)(components_dist.K0)((({theme})=>({color:theme.barTextColor,margin:"-4px -12px -4px 0"}))),ControlHeadingWrapper=dist.I4.span({display:"flex",justifyContent:"space-between"}),sortFns={alpha:(a,b)=>a.name.localeCompare(b.name),requiredFirst:(a,b)=>+!!b.type?.required-+!!a.type?.required||a.name.localeCompare(b.name),none:void 0},ArgsTable=props=>{let{updateArgs,resetArgs,compact,inAddonPanel,initialExpandedArgs,sort="none",isLoading}=props;if("error"in props){let{error}=props;return react.createElement(EmptyBlock,null,error," ",react.createElement(components_dist.N_,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},"Read the docs"))}if(isLoading)return react.createElement(Skeleton,null);let{rows,args,globals}="rows"in props&&props,groups=((rows,sort)=>{let sections={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!rows)return sections;Object.entries(rows).forEach((([key,row])=>{let{category,subcategory}=row?.table||{};if(category){let section=sections.sections[category]||{ungrouped:[],subsections:{}};if(subcategory){let subsection=section.subsections[subcategory]||[];subsection.push({key,...row}),section.subsections[subcategory]=subsection}else section.ungrouped.push({key,...row});sections.sections[category]=section}else if(subcategory){let subsection=sections.ungroupedSubsections[subcategory]||[];subsection.push({key,...row}),sections.ungroupedSubsections[subcategory]=subsection}else sections.ungrouped.push({key,...row})}));let sortFn=sortFns[sort],sortSubsection=record=>sortFn?Object.keys(record).reduce(((acc,cur)=>({...acc,[cur]:record[cur].sort(sortFn)})),{}):record;return{ungrouped:sections.ungrouped.sort(sortFn),ungroupedSubsections:sortSubsection(sections.ungroupedSubsections),sections:Object.keys(sections.sections).reduce(((acc,cur)=>({...acc,[cur]:{ungrouped:sections.sections[cur].ungrouped.sort(sortFn),subsections:sortSubsection(sections.sections[cur].subsections)}})),{})}})(pickBy_default()(rows,(row=>!row?.table?.disable&&((row,args,globals)=>{try{return(0,csf_dist.hX)(row,args,globals)}catch(err){return external_STORYBOOK_MODULE_CLIENT_LOGGER_.once.warn(err.message),!1}})(row,args||{},globals||{}))),sort),hasNoUngrouped=0===groups.ungrouped.length,hasNoSections=0===Object.entries(groups.sections).length,hasNoUngroupedSubsections=0===Object.entries(groups.ungroupedSubsections).length;if(hasNoUngrouped&&hasNoSections&&hasNoUngroupedSubsections)return react.createElement(Empty,{inAddonPanel});let colSpan=1;updateArgs&&(colSpan+=1),compact||(colSpan+=2);let expandable=Object.keys(groups.sections).length>0,common={updateArgs,compact,inAddonPanel,initialExpandedArgs};return react.createElement(components_dist.dL,null,react.createElement(TableWrapper,{compact,inAddonPanel,className:"docblock-argstable sb-unstyled"},react.createElement("thead",{className:"docblock-argstable-head"},react.createElement("tr",null,react.createElement("th",null,react.createElement("span",null,"Name")),compact?null:react.createElement("th",null,react.createElement("span",null,"Description")),compact?null:react.createElement("th",null,react.createElement("span",null,"Default")),updateArgs?react.createElement("th",null,react.createElement(ControlHeadingWrapper,null,"Control"," ",!isLoading&&resetArgs&&react.createElement(StyledIconButton,{onClick:()=>resetArgs(),title:"Reset controls"},react.createElement(components_dist.FI,{icon:"undo","aria-hidden":!0})))):null)),react.createElement("tbody",{className:"docblock-argstable-body"},groups.ungrouped.map((row=>react.createElement(ArgRow,{key:row.key,row,arg:args&&args[row.key],...common}))),Object.entries(groups.ungroupedSubsections).map((([subcategory,subsection])=>react.createElement(SectionRow,{key:subcategory,label:subcategory,level:"subsection",colSpan},subsection.map((row=>react.createElement(ArgRow,{key:row.key,row,arg:args&&args[row.key],expandable,...common})))))),Object.entries(groups.sections).map((([category,section])=>react.createElement(SectionRow,{key:category,label:category,level:"section",colSpan},section.ungrouped.map((row=>react.createElement(ArgRow,{key:row.key,row,arg:args&&args[row.key],...common}))),Object.entries(section.subsections).map((([subcategory,subsection])=>react.createElement(SectionRow,{key:subcategory,label:subcategory,level:"subsection",colSpan},subsection.map((row=>react.createElement(ArgRow,{key:row.key,row,arg:args&&args[row.key],expandable,...common}))))))))))))},TabbedArgsTable=({tabs,...props})=>{let entries=Object.entries(tabs);return 1===entries.length?react.createElement(ArgsTable,{...entries[0][1],...props}):react.createElement(components_dist._j,null,entries.map((entry=>{let[label,table]=entry,id=`prop_table_div_${label}`;return react.createElement("div",{key:id,id,title:label},(({active})=>active?react.createElement(ArgsTable,{key:`prop_table_${label}`,...table,...props}):null))})))};dist.I4.div((({theme})=>({marginRight:30,fontSize:`${theme.typography.size.s1}px`,color:"light"===theme.base?(0,polished_esm.No)(.4,theme.color.defaultText):(0,polished_esm.No)(.6,theme.color.defaultText)}))),dist.I4.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"}),dist.I4.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}}),dist.I4.div(components_dist.YV,(({theme})=>({...getBlockBackgroundStyle(theme),margin:"25px 0 40px",padding:"30px 20px"}))),dist.I4.div((({theme})=>({fontWeight:theme.typography.weight.bold,color:theme.color.defaultText}))),dist.I4.div((({theme})=>({color:"light"===theme.base?(0,polished_esm.No)(.2,theme.color.defaultText):(0,polished_esm.No)(.6,theme.color.defaultText)}))),dist.I4.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5}),dist.I4.div((({theme})=>({flex:1,textAlign:"center",fontFamily:theme.typography.fonts.mono,fontSize:theme.typography.size.s1,lineHeight:1,overflow:"hidden",color:"light"===theme.base?(0,polished_esm.No)(.4,theme.color.defaultText):(0,polished_esm.No)(.6,theme.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}}))),dist.I4.div({display:"flex",flexDirection:"row"}),dist.I4.div((({background})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background,content:'""'}}))),dist.I4.div((({theme})=>({...getBlockBackgroundStyle(theme),display:"flex",flexDirection:"row",height:50,marginBottom:5,overflow:"hidden",backgroundColor:"white",backgroundImage:"repeating-linear-gradient(-45deg, #ccc, #ccc 1px, #fff 1px, #fff 16px)",backgroundClip:"padding-box"}))),dist.I4.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30}),dist.I4.div({flex:1,display:"flex",flexDirection:"row"}),dist.I4.div({display:"flex",alignItems:"flex-start"}),dist.I4.div({flex:"0 0 30%"}),dist.I4.div({flex:1}),dist.I4.div((({theme})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:theme.typography.weight.bold,color:"light"===theme.base?(0,polished_esm.No)(.4,theme.color.defaultText):(0,polished_esm.No)(.6,theme.color.defaultText)}))),dist.I4.div((({theme})=>({fontSize:theme.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"})));dist.I4.div((({theme})=>({fontFamily:theme.typography.fonts.base,fontSize:theme.typography.size.s2,color:theme.color.defaultText,marginLeft:10,lineHeight:1.2}))),dist.I4.div((({theme})=>({...getBlockBackgroundStyle(theme),overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}}))),dist.I4.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"}),dist.I4.div({display:"flex",flexFlow:"row wrap"});var anchorBlockIdFromId=storyId=>`anchor--${storyId}`,Anchor=({storyId,children})=>react.createElement("div",{id:anchorBlockIdFromId(storyId),className:"sb-anchor"},children);external_STORYBOOK_MODULE_GLOBAL_.global&&void 0===external_STORYBOOK_MODULE_GLOBAL_.global.__DOCS_CONTEXT__&&(external_STORYBOOK_MODULE_GLOBAL_.global.__DOCS_CONTEXT__=(0,react.createContext)(null),external_STORYBOOK_MODULE_GLOBAL_.global.__DOCS_CONTEXT__.displayName="DocsContext");var DocsContext=external_STORYBOOK_MODULE_GLOBAL_.global?external_STORYBOOK_MODULE_GLOBAL_.global.__DOCS_CONTEXT__:(0,react.createContext)(null),useOf=(moduleExportOrType,validTypes)=>(0,react.useContext)(DocsContext).resolveOf(moduleExportOrType,validTypes);var PRIMARY_STORY="^",getComponentName=component=>{if(component)return"string"==typeof component?component.includes("-")?component.split("-").map((part=>part.charAt(0).toUpperCase()+part.slice(1))).join(""):component:component.__docgenInfo&&component.__docgenInfo.displayName?component.__docgenInfo.displayName:component.name};function useStory(storyId,context){let stories=useStories([storyId],context);return stories&&stories[0]}function useStories(storyIds,context){let[storiesById,setStories]=(0,react.useState)({});return(0,react.useEffect)((()=>{Promise.all(storyIds.map((async storyId=>{let story=await context.loadStory(storyId);setStories((current=>current[storyId]===story?current:{...current,[storyId]:story}))})))})),storyIds.map((storyId=>{if(storiesById[storyId])return storiesById[storyId];try{return context.storyById(storyId)}catch{return null}}))}var extractComponentArgTypes2=(component,parameters,include,exclude)=>{let{extractArgTypes}=parameters.docs||{};if(!extractArgTypes)throw new Error("Args unsupported. See Args documentation for your framework.");let argTypes=extractArgTypes(component);return argTypes=(0,external_STORYBOOK_MODULE_PREVIEW_API_.filterArgTypes)(argTypes,include,exclude),argTypes},isShortcut=value2=>value2&&[PRIMARY_STORY].includes(value2),addComponentTabs=(tabs,components2,parameters,include,exclude,sort)=>({...tabs,...mapValues_default()(components2,(comp=>({rows:extractComponentArgTypes2(comp,parameters,include,exclude),sort})))}),StoryTable=props=>{let context=(0,react.useContext)(DocsContext),{story:storyName,component,subcomponents,showComponent,include,exclude,sort}=props;try{let storyId;if(storyName===PRIMARY_STORY)storyId=context.storyById().id;else storyId=context.storyIdByName(storyName);let story=useStory(storyId,context),[args,updateArgs,resetArgs]=((storyId,context)=>{let storyContext=context.getStoryContext(context.storyById()),[args,setArgs]=(0,react.useState)(storyContext.args);return(0,react.useEffect)((()=>{let cb=changed=>{changed.storyId===storyId&&setArgs(changed.args)};return context.channel.on(external_STORYBOOK_MODULE_CORE_EVENTS_.STORY_ARGS_UPDATED,cb),()=>context.channel.off(external_STORYBOOK_MODULE_CORE_EVENTS_.STORY_ARGS_UPDATED,cb)}),[storyId]),[args,(0,react.useCallback)((updatedArgs=>context.channel.emit(external_STORYBOOK_MODULE_CORE_EVENTS_.UPDATE_STORY_ARGS,{storyId,updatedArgs})),[storyId]),(0,react.useCallback)((argNames=>context.channel.emit(external_STORYBOOK_MODULE_CORE_EVENTS_.RESET_STORY_ARGS,{storyId,argNames})),[storyId])]})(storyId,context),[globals]=(context=>{let storyContext=context.getStoryContext(context.storyById()),[globals,setGlobals]=(0,react.useState)(storyContext.globals);return(0,react.useEffect)((()=>{let cb=changed=>{setGlobals(changed.globals)};return context.channel.on(external_STORYBOOK_MODULE_CORE_EVENTS_.GLOBALS_UPDATED,cb),()=>context.channel.off(external_STORYBOOK_MODULE_CORE_EVENTS_.GLOBALS_UPDATED,cb)}),[]),[globals]})(context);if(!story)return react.createElement(ArgsTable,{isLoading:!0,updateArgs,resetArgs});let argTypes=(0,external_STORYBOOK_MODULE_PREVIEW_API_.filterArgTypes)(story.argTypes,include,exclude),mainLabel=getComponentName(component)||"Story",tabs={[mainLabel]:{rows:argTypes,args,globals,updateArgs,resetArgs}},storyHasArgsWithControls=argTypes&&Object.values(argTypes).find((v=>!!v?.control));if(storyHasArgsWithControls||(updateArgs=null,resetArgs=null,tabs={}),component&&(!storyHasArgsWithControls||showComponent)&&(tabs=addComponentTabs(tabs,{[mainLabel]:component},story.parameters,include,exclude)),subcomponents){if(Array.isArray(subcomponents))throw new Error("Unexpected subcomponents array. Expected an object whose keys are tab labels and whose values are components.");tabs=addComponentTabs(tabs,subcomponents,story.parameters,include,exclude)}return react.createElement(TabbedArgsTable,{tabs,sort})}catch(err){return react.createElement(ArgsTable,{error:err.message})}},ComponentsTable=props=>{let{components:components2,include,exclude,sort,parameters}=props,tabs=addComponentTabs({},components2,parameters,include,exclude);return react.createElement(TabbedArgsTable,{tabs,sort})};function argsHash(args){return(0,telejson_dist.As)(args)}(props=>{(0,external_STORYBOOK_MODULE_CLIENT_LOGGER_.deprecate)(esm.A`The ArgsTable doc block is deprecated. Instead use the ArgTypes doc block for static tables or the Controls doc block for tables with controls. Please refer to the migration guide: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#argstable-block `);let parameters,component,subcomponents,context=(0,react.useContext)(DocsContext);try{({parameters,component,subcomponents}=context.storyById())}catch{let{of}=props;if("of"in props&&void 0===of)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");({projectAnnotations:{parameters}}=context.resolveOf(of,["component"]))}let{include,exclude,components:components2,sort:sortProp}=props,{story:storyName}=props,sort=sortProp||parameters.controls?.sort,main=((props={},component)=>{let{of}=props,{story}=props;if(isShortcut(of)||isShortcut(story))return component||null;if(!of)throw new Error("No component found.");return of})(props,component);if(storyName)return react.createElement(StoryTable,{...props,component:main,subcomponents,sort});if(!components2&&!subcomponents){let mainProps;try{mainProps={rows:extractComponentArgTypes2(main,parameters,include,exclude)}}catch(err){mainProps={error:err.message}}return react.createElement(ArgsTable,{...mainProps,sort})}if(components2)return react.createElement(ComponentsTable,{...props,components:components2,sort,parameters});let mainLabel=getComponentName(main);return react.createElement(ComponentsTable,{...props,components:{[mainLabel]:main,...subcomponents},sort,parameters})}).defaultProps={of:PRIMARY_STORY};var SourceState2,SourceContext=(0,react.createContext)({sources:{}}),SourceContainer=({children,channel})=>{let[sources,setSources]=(0,react.useState)({});return(0,react.useEffect)((()=>{let handleSnippetRendered=(idOrEvent,inputSource=null,inputFormat=!1)=>{let{id,args,source,format:format2}="string"==typeof idOrEvent?{id:idOrEvent,source:inputSource,format:inputFormat}:idOrEvent,hash=args?argsHash(args):"--unknown--";setSources((current=>({...current,[id]:{...current[id],[hash]:{code:source,format:format2}}})))};return channel.on(docs_tools_dist.Op,handleSnippetRendered),()=>channel.off(docs_tools_dist.Op,handleSnippetRendered)}),[]),react.createElement(SourceContext.Provider,{value:{sources}},children)},SourceState=((SourceState2=SourceState||{}).OPEN="open",SourceState2.CLOSED="closed",SourceState2.NONE="none",SourceState2),useSourceProps=(props,docsContext,sourceContext)=>{let storiesFromIds=useStories(props.ids||(props.id?[props.id]:[]),docsContext),stories=storiesFromIds,{of}=props;if("of"in props&&void 0===of)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");if(of)stories=[docsContext.resolveOf(of,["story"]).story];else if(0===stories.length)try{stories=[docsContext.storyById()]}catch{}if(!storiesFromIds.every(Boolean))return{error:"Oh no! The source is not available.",state:"none"};let sourceParameters=stories[0]?.parameters?.docs?.source||{},{code}=props,format2=props.format??sourceParameters.format,language=props.language??sourceParameters.language??"jsx",dark=props.dark??sourceParameters.dark??!1;code||(code=stories.map(((story,index)=>{if(!story)return"";let storyContext=docsContext.getStoryContext(story),argsForSource=props.__forceInitialArgs?storyContext.initialArgs:storyContext.unmappedArgs,source=((storyId,args,sourceContext)=>{let{sources}=sourceContext,sourceMap=sources?.[storyId];return sourceMap?.[argsHash(args)]||sourceMap?.["--unknown--"]||{code:""}})(story.id,argsForSource,sourceContext);return 0===index&&(format2=source.format??story.parameters.docs?.source?.format??!1),(({snippet,storyContext,typeFromProps,transformFromProps})=>{let{__isArgsStory:isArgsStory}=storyContext.parameters,sourceParameters=storyContext.parameters.docs?.source||{},type=typeFromProps||sourceParameters.type||docs_tools_dist.Y1.AUTO;if(void 0!==sourceParameters.code)return sourceParameters.code;let code=type===docs_tools_dist.Y1.DYNAMIC||type===docs_tools_dist.Y1.AUTO&&snippet&&isArgsStory?snippet:sourceParameters.originalSource||"";return sourceParameters.transformSource&&(0,external_STORYBOOK_MODULE_CLIENT_LOGGER_.deprecate)(esm.A`The \`transformSource\` parameter at \`parameters.docs.source.transformSource\` is deprecated, please use \`parameters.docs.source.transform\` instead. @@ -131,4 +131,4 @@ theme-data missing: `,missing),convert(input)},ignoreSsrWarning="/* emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason */"},"./node_modules/lodash/_arrayEach.js":module=>{module.exports=function arrayEach(array,iteratee){for(var index=-1,length=null==array?0:array.length;++index{var copyObject=__webpack_require__("./node_modules/lodash/_copyObject.js"),keys=__webpack_require__("./node_modules/lodash/keys.js");module.exports=function baseAssign(object,source){return object&©Object(source,keys(source),object)}},"./node_modules/lodash/_baseAssignIn.js":(module,__unused_webpack_exports,__webpack_require__)=>{var copyObject=__webpack_require__("./node_modules/lodash/_copyObject.js"),keysIn=__webpack_require__("./node_modules/lodash/keysIn.js");module.exports=function baseAssignIn(object,source){return object&©Object(source,keysIn(source),object)}},"./node_modules/lodash/_baseClone.js":(module,__unused_webpack_exports,__webpack_require__)=>{var Stack=__webpack_require__("./node_modules/lodash/_Stack.js"),arrayEach=__webpack_require__("./node_modules/lodash/_arrayEach.js"),assignValue=__webpack_require__("./node_modules/lodash/_assignValue.js"),baseAssign=__webpack_require__("./node_modules/lodash/_baseAssign.js"),baseAssignIn=__webpack_require__("./node_modules/lodash/_baseAssignIn.js"),cloneBuffer=__webpack_require__("./node_modules/lodash/_cloneBuffer.js"),copyArray=__webpack_require__("./node_modules/lodash/_copyArray.js"),copySymbols=__webpack_require__("./node_modules/lodash/_copySymbols.js"),copySymbolsIn=__webpack_require__("./node_modules/lodash/_copySymbolsIn.js"),getAllKeys=__webpack_require__("./node_modules/lodash/_getAllKeys.js"),getAllKeysIn=__webpack_require__("./node_modules/lodash/_getAllKeysIn.js"),getTag=__webpack_require__("./node_modules/lodash/_getTag.js"),initCloneArray=__webpack_require__("./node_modules/lodash/_initCloneArray.js"),initCloneByTag=__webpack_require__("./node_modules/lodash/_initCloneByTag.js"),initCloneObject=__webpack_require__("./node_modules/lodash/_initCloneObject.js"),isArray=__webpack_require__("./node_modules/lodash/isArray.js"),isBuffer=__webpack_require__("./node_modules/lodash/isBuffer.js"),isMap=__webpack_require__("./node_modules/lodash/isMap.js"),isObject=__webpack_require__("./node_modules/lodash/isObject.js"),isSet=__webpack_require__("./node_modules/lodash/isSet.js"),keys=__webpack_require__("./node_modules/lodash/keys.js"),keysIn=__webpack_require__("./node_modules/lodash/keysIn.js"),cloneableTags={};cloneableTags["[object Arguments]"]=cloneableTags["[object Array]"]=cloneableTags["[object ArrayBuffer]"]=cloneableTags["[object DataView]"]=cloneableTags["[object Boolean]"]=cloneableTags["[object Date]"]=cloneableTags["[object Float32Array]"]=cloneableTags["[object Float64Array]"]=cloneableTags["[object Int8Array]"]=cloneableTags["[object Int16Array]"]=cloneableTags["[object Int32Array]"]=cloneableTags["[object Map]"]=cloneableTags["[object Number]"]=cloneableTags["[object Object]"]=cloneableTags["[object RegExp]"]=cloneableTags["[object Set]"]=cloneableTags["[object String]"]=cloneableTags["[object Symbol]"]=cloneableTags["[object Uint8Array]"]=cloneableTags["[object Uint8ClampedArray]"]=cloneableTags["[object Uint16Array]"]=cloneableTags["[object Uint32Array]"]=!0,cloneableTags["[object Error]"]=cloneableTags["[object Function]"]=cloneableTags["[object WeakMap]"]=!1,module.exports=function baseClone(value,bitmask,customizer,key,object,stack){var result,isDeep=1&bitmask,isFlat=2&bitmask,isFull=4&bitmask;if(customizer&&(result=object?customizer(value,key,object,stack):customizer(value)),void 0!==result)return result;if(!isObject(value))return value;var isArr=isArray(value);if(isArr){if(result=initCloneArray(value),!isDeep)return copyArray(value,result)}else{var tag=getTag(value),isFunc="[object Function]"==tag||"[object GeneratorFunction]"==tag;if(isBuffer(value))return cloneBuffer(value,isDeep);if("[object Object]"==tag||"[object Arguments]"==tag||isFunc&&!object){if(result=isFlat||isFunc?{}:initCloneObject(value),!isDeep)return isFlat?copySymbolsIn(value,baseAssignIn(result,value)):copySymbols(value,baseAssign(result,value))}else{if(!cloneableTags[tag])return object?value:{};result=initCloneByTag(value,tag,isDeep)}}stack||(stack=new Stack);var stacked=stack.get(value);if(stacked)return stacked;stack.set(value,result),isSet(value)?value.forEach((function(subValue){result.add(baseClone(subValue,bitmask,customizer,subValue,value,stack))})):isMap(value)&&value.forEach((function(subValue,key){result.set(key,baseClone(subValue,bitmask,customizer,key,value,stack))}));var props=isArr?void 0:(isFull?isFlat?getAllKeysIn:getAllKeys:isFlat?keysIn:keys)(value);return arrayEach(props||value,(function(subValue,key){props&&(subValue=value[key=subValue]),assignValue(result,key,baseClone(subValue,bitmask,customizer,key,value,stack))})),result}},"./node_modules/lodash/_baseIsMap.js":(module,__unused_webpack_exports,__webpack_require__)=>{var getTag=__webpack_require__("./node_modules/lodash/_getTag.js"),isObjectLike=__webpack_require__("./node_modules/lodash/isObjectLike.js");module.exports=function baseIsMap(value){return isObjectLike(value)&&"[object Map]"==getTag(value)}},"./node_modules/lodash/_baseIsSet.js":(module,__unused_webpack_exports,__webpack_require__)=>{var getTag=__webpack_require__("./node_modules/lodash/_getTag.js"),isObjectLike=__webpack_require__("./node_modules/lodash/isObjectLike.js");module.exports=function baseIsSet(value){return isObjectLike(value)&&"[object Set]"==getTag(value)}},"./node_modules/lodash/_baseUniq.js":(module,__unused_webpack_exports,__webpack_require__)=>{var SetCache=__webpack_require__("./node_modules/lodash/_SetCache.js"),arrayIncludes=__webpack_require__("./node_modules/lodash/_arrayIncludes.js"),arrayIncludesWith=__webpack_require__("./node_modules/lodash/_arrayIncludesWith.js"),cacheHas=__webpack_require__("./node_modules/lodash/_cacheHas.js"),createSet=__webpack_require__("./node_modules/lodash/_createSet.js"),setToArray=__webpack_require__("./node_modules/lodash/_setToArray.js");module.exports=function baseUniq(array,iteratee,comparator){var index=-1,includes=arrayIncludes,length=array.length,isCommon=!0,result=[],seen=result;if(comparator)isCommon=!1,includes=arrayIncludesWith;else if(length>=200){var set=iteratee?null:createSet(array);if(set)return setToArray(set);isCommon=!1,includes=cacheHas,seen=new SetCache}else seen=iteratee?[]:result;outer:for(;++index{var cloneArrayBuffer=__webpack_require__("./node_modules/lodash/_cloneArrayBuffer.js");module.exports=function cloneDataView(dataView,isDeep){var buffer=isDeep?cloneArrayBuffer(dataView.buffer):dataView.buffer;return new dataView.constructor(buffer,dataView.byteOffset,dataView.byteLength)}},"./node_modules/lodash/_cloneRegExp.js":module=>{var reFlags=/\w*$/;module.exports=function cloneRegExp(regexp){var result=new regexp.constructor(regexp.source,reFlags.exec(regexp));return result.lastIndex=regexp.lastIndex,result}},"./node_modules/lodash/_cloneSymbol.js":(module,__unused_webpack_exports,__webpack_require__)=>{var Symbol=__webpack_require__("./node_modules/lodash/_Symbol.js"),symbolProto=Symbol?Symbol.prototype:void 0,symbolValueOf=symbolProto?symbolProto.valueOf:void 0;module.exports=function cloneSymbol(symbol){return symbolValueOf?Object(symbolValueOf.call(symbol)):{}}},"./node_modules/lodash/_copySymbols.js":(module,__unused_webpack_exports,__webpack_require__)=>{var copyObject=__webpack_require__("./node_modules/lodash/_copyObject.js"),getSymbols=__webpack_require__("./node_modules/lodash/_getSymbols.js");module.exports=function copySymbols(source,object){return copyObject(source,getSymbols(source),object)}},"./node_modules/lodash/_copySymbolsIn.js":(module,__unused_webpack_exports,__webpack_require__)=>{var copyObject=__webpack_require__("./node_modules/lodash/_copyObject.js"),getSymbolsIn=__webpack_require__("./node_modules/lodash/_getSymbolsIn.js");module.exports=function copySymbolsIn(source,object){return copyObject(source,getSymbolsIn(source),object)}},"./node_modules/lodash/_createSet.js":(module,__unused_webpack_exports,__webpack_require__)=>{var Set=__webpack_require__("./node_modules/lodash/_Set.js"),noop=__webpack_require__("./node_modules/lodash/noop.js"),setToArray=__webpack_require__("./node_modules/lodash/_setToArray.js"),createSet=Set&&1/setToArray(new Set([,-0]))[1]==1/0?function(values){return new Set(values)}:noop;module.exports=createSet},"./node_modules/lodash/_getAllKeysIn.js":(module,__unused_webpack_exports,__webpack_require__)=>{var baseGetAllKeys=__webpack_require__("./node_modules/lodash/_baseGetAllKeys.js"),getSymbolsIn=__webpack_require__("./node_modules/lodash/_getSymbolsIn.js"),keysIn=__webpack_require__("./node_modules/lodash/keysIn.js");module.exports=function getAllKeysIn(object){return baseGetAllKeys(object,keysIn,getSymbolsIn)}},"./node_modules/lodash/_getSymbolsIn.js":(module,__unused_webpack_exports,__webpack_require__)=>{var arrayPush=__webpack_require__("./node_modules/lodash/_arrayPush.js"),getPrototype=__webpack_require__("./node_modules/lodash/_getPrototype.js"),getSymbols=__webpack_require__("./node_modules/lodash/_getSymbols.js"),stubArray=__webpack_require__("./node_modules/lodash/stubArray.js"),getSymbolsIn=Object.getOwnPropertySymbols?function(object){for(var result=[];object;)arrayPush(result,getSymbols(object)),object=getPrototype(object);return result}:stubArray;module.exports=getSymbolsIn},"./node_modules/lodash/_initCloneArray.js":module=>{var hasOwnProperty=Object.prototype.hasOwnProperty;module.exports=function initCloneArray(array){var length=array.length,result=new array.constructor(length);return length&&"string"==typeof array[0]&&hasOwnProperty.call(array,"index")&&(result.index=array.index,result.input=array.input),result}},"./node_modules/lodash/_initCloneByTag.js":(module,__unused_webpack_exports,__webpack_require__)=>{var cloneArrayBuffer=__webpack_require__("./node_modules/lodash/_cloneArrayBuffer.js"),cloneDataView=__webpack_require__("./node_modules/lodash/_cloneDataView.js"),cloneRegExp=__webpack_require__("./node_modules/lodash/_cloneRegExp.js"),cloneSymbol=__webpack_require__("./node_modules/lodash/_cloneSymbol.js"),cloneTypedArray=__webpack_require__("./node_modules/lodash/_cloneTypedArray.js");module.exports=function initCloneByTag(object,tag,isDeep){var Ctor=object.constructor;switch(tag){case"[object ArrayBuffer]":return cloneArrayBuffer(object);case"[object Boolean]":case"[object Date]":return new Ctor(+object);case"[object DataView]":return cloneDataView(object,isDeep);case"[object Float32Array]":case"[object Float64Array]":case"[object Int8Array]":case"[object Int16Array]":case"[object Int32Array]":case"[object Uint8Array]":case"[object Uint8ClampedArray]":case"[object Uint16Array]":case"[object Uint32Array]":return cloneTypedArray(object,isDeep);case"[object Map]":case"[object Set]":return new Ctor;case"[object Number]":case"[object String]":return new Ctor(object);case"[object RegExp]":return cloneRegExp(object);case"[object Symbol]":return cloneSymbol(object)}}},"./node_modules/lodash/cloneDeep.js":(module,__unused_webpack_exports,__webpack_require__)=>{var baseClone=__webpack_require__("./node_modules/lodash/_baseClone.js");module.exports=function cloneDeep(value){return baseClone(value,5)}},"./node_modules/lodash/isMap.js":(module,__unused_webpack_exports,__webpack_require__)=>{var baseIsMap=__webpack_require__("./node_modules/lodash/_baseIsMap.js"),baseUnary=__webpack_require__("./node_modules/lodash/_baseUnary.js"),nodeUtil=__webpack_require__("./node_modules/lodash/_nodeUtil.js"),nodeIsMap=nodeUtil&&nodeUtil.isMap,isMap=nodeIsMap?baseUnary(nodeIsMap):baseIsMap;module.exports=isMap},"./node_modules/lodash/isSet.js":(module,__unused_webpack_exports,__webpack_require__)=>{var baseIsSet=__webpack_require__("./node_modules/lodash/_baseIsSet.js"),baseUnary=__webpack_require__("./node_modules/lodash/_baseUnary.js"),nodeUtil=__webpack_require__("./node_modules/lodash/_nodeUtil.js"),nodeIsSet=nodeUtil&&nodeUtil.isSet,isSet=nodeIsSet?baseUnary(nodeIsSet):baseIsSet;module.exports=isSet},"./node_modules/lodash/noop.js":module=>{module.exports=function noop(){}},"./node_modules/lodash/pickBy.js":(module,__unused_webpack_exports,__webpack_require__)=>{var arrayMap=__webpack_require__("./node_modules/lodash/_arrayMap.js"),baseIteratee=__webpack_require__("./node_modules/lodash/_baseIteratee.js"),basePickBy=__webpack_require__("./node_modules/lodash/_basePickBy.js"),getAllKeysIn=__webpack_require__("./node_modules/lodash/_getAllKeysIn.js");module.exports=function pickBy(object,predicate){if(null==object)return{};var props=arrayMap(getAllKeysIn(object),(function(prop){return[prop]}));return predicate=baseIteratee(predicate),basePickBy(object,props,(function(value,path){return predicate(value,path[0])}))}},"./node_modules/lodash/uniq.js":(module,__unused_webpack_exports,__webpack_require__)=>{var baseUniq=__webpack_require__("./node_modules/lodash/_baseUniq.js");module.exports=function uniq(array){return array&&array.length?baseUniq(array):[]}},"./node_modules/memoizerific/memoizerific.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){if(!u&&__webpack_require__("./node_modules/memoizerific sync recursive"))return require(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,(function(e){var n=t[o][1][e];return s(n||e)}),l,l.exports,e,t,n,r)}return n[o].exports}for(var i=void 0,o=0;o=0?(this.lastItem=this.list[index],this.list[index].val):void 0},Similar.prototype.set=function(key,val){var index;return this.lastItem&&this.isEqual(this.lastItem.key,key)?(this.lastItem.val=val,this):(index=this.indexOf(key))>=0?(this.lastItem=this.list[index],this.list[index].val=val,this):(this.lastItem={key,val},this.list.push(this.lastItem),this.size++,this)},Similar.prototype.delete=function(key){var index;if(this.lastItem&&this.isEqual(this.lastItem.key,key)&&(this.lastItem=void 0),(index=this.indexOf(key))>=0)return this.size--,this.list.splice(index,1)[0]},Similar.prototype.has=function(key){var index;return!(!this.lastItem||!this.isEqual(this.lastItem.key,key))||(index=this.indexOf(key))>=0&&(this.lastItem=this.list[index],!0)},Similar.prototype.forEach=function(callback,thisArg){var i;for(i=0;i=0&&(!(tmp=(currentLru=removedLru[i]).cacheItem.get(currentLru.arg))||!tmp.size);i--)currentLru.cacheItem.delete(currentLru.arg)}function isEqual(val1,val2){return val1===val2||val1!=val1&&val2!=val2}module.exports=function(limit){var cache=new MapOrSimilar(!1),lru=[];return function(fn){var memoizerific=function(){var newMap,fnResult,i,currentCache=cache,argsLengthMinusOne=arguments.length-1,lruPath=Array(argsLengthMinusOne+1),isMemoized=!0;if((memoizerific.numArgs||0===memoizerific.numArgs)&&memoizerific.numArgs!==argsLengthMinusOne+1)throw new Error("Memoizerific functions should always be called with the same number of arguments");for(i=0;i0&&(lruPath[argsLengthMinusOne]={cacheItem:currentCache,arg:arguments[argsLengthMinusOne]},isMemoized?moveToMostRecentLru(lru,lruPath):lru.push(lruPath),lru.length>limit&&removeCachedResult(lru.shift())),memoizerific.wasMemoized=isMemoized,memoizerific.numArgs=argsLengthMinusOne+1,fnResult};return memoizerific.limit=limit,memoizerific.wasMemoized=!1,memoizerific.cache=cache,memoizerific.lru=lru,memoizerific}}},{"map-or-similar":1}]},{},[3])(3)},"./node_modules/telejson/dist/chunk-465TF3XA.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{P$:()=>__commonJS,bc:()=>extractEventHiddenProperties,f1:()=>__toESM});var __create=Object.create,__defProp=Object.defineProperty,__getOwnPropDesc=Object.getOwnPropertyDescriptor,__getOwnPropNames=Object.getOwnPropertyNames,__getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty,__commonJS=(cb,mod)=>function __require(){return mod||(0,cb[__getOwnPropNames(cb)[0]])((mod={exports:{}}).exports,mod),mod.exports},__toESM=(mod,isNodeMode,target)=>(target=null!=mod?__create(__getProtoOf(mod)):{},((to,from,except,desc)=>{if(from&&"object"==typeof from||"function"==typeof from)for(let key of __getOwnPropNames(from))__hasOwnProp.call(to,key)||key===except||__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to})(!isNodeMode&&mod&&mod.__esModule?target:__defProp(target,"default",{value:mod,enumerable:!0}),mod)),eventProperties=["bubbles","cancelBubble","cancelable","composed","currentTarget","defaultPrevented","eventPhase","isTrusted","returnValue","srcElement","target","timeStamp","type"],customEventSpecificProperties=["detail"];function extractEventHiddenProperties(event){const rebuildEvent=eventProperties.filter((value=>void 0!==event[value])).reduce(((acc,value)=>({...acc,[value]:event[value]})),{});return event instanceof CustomEvent&&customEventSpecificProperties.filter((value=>void 0!==event[value])).forEach((value=>{rebuildEvent[value]=event[value]})),rebuildEvent}},"./node_modules/telejson/dist/index.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{As:()=>stringify});var _chunk_465TF3XA_mjs__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/telejson/dist/chunk-465TF3XA.mjs"),memoizerific__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/memoizerific/memoizerific.js"),memoizerific__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(memoizerific__WEBPACK_IMPORTED_MODULE_1__),require_shams=(0,_chunk_465TF3XA_mjs__WEBPACK_IMPORTED_MODULE_0__.P$)({"node_modules/has-symbols/shams.js"(exports,module){module.exports=function hasSymbols(){if("function"!=typeof Symbol||"function"!=typeof Object.getOwnPropertySymbols)return!1;if("symbol"==typeof Symbol.iterator)return!0;var obj={},sym=Symbol("test"),symObj=Object(sym);if("string"==typeof sym)return!1;if("[object Symbol]"!==Object.prototype.toString.call(sym))return!1;if("[object Symbol]"!==Object.prototype.toString.call(symObj))return!1;for(sym in obj[sym]=42,obj)return!1;if("function"==typeof Object.keys&&0!==Object.keys(obj).length)return!1;if("function"==typeof Object.getOwnPropertyNames&&0!==Object.getOwnPropertyNames(obj).length)return!1;var syms=Object.getOwnPropertySymbols(obj);if(1!==syms.length||syms[0]!==sym)return!1;if(!Object.prototype.propertyIsEnumerable.call(obj,sym))return!1;if("function"==typeof Object.getOwnPropertyDescriptor){var descriptor=Object.getOwnPropertyDescriptor(obj,sym);if(42!==descriptor.value||!0!==descriptor.enumerable)return!1}return!0}}}),require_has_symbols=(0,_chunk_465TF3XA_mjs__WEBPACK_IMPORTED_MODULE_0__.P$)({"node_modules/has-symbols/index.js"(exports,module){var origSymbol="undefined"!=typeof Symbol&&Symbol,hasSymbolSham=require_shams();module.exports=function hasNativeSymbols(){return"function"==typeof origSymbol&&("function"==typeof Symbol&&("symbol"==typeof origSymbol("foo")&&("symbol"==typeof Symbol("bar")&&hasSymbolSham())))}}}),require_implementation=(0,_chunk_465TF3XA_mjs__WEBPACK_IMPORTED_MODULE_0__.P$)({"node_modules/function-bind/implementation.js"(exports,module){var slice=Array.prototype.slice,toStr=Object.prototype.toString;module.exports=function bind(that){var target=this;if("function"!=typeof target||"[object Function]"!==toStr.call(target))throw new TypeError("Function.prototype.bind called on incompatible "+target);for(var bound,args2=slice.call(arguments,1),boundLength=Math.max(0,target.length-args2.length),boundArgs=[],i=0;i1&&"boolean"!=typeof allowMissing)throw new $TypeError('"allowMissing" argument must be a boolean');if(null===$exec(/^%?[^%]*%?$/,name2))throw new $SyntaxError("`%` may not be present anywhere but at the beginning and end of the intrinsic name");var parts=function stringToPath3(string){var first=$strSlice(string,0,1),last=$strSlice(string,-1);if("%"===first&&"%"!==last)throw new $SyntaxError("invalid intrinsic syntax, expected closing `%`");if("%"===last&&"%"!==first)throw new $SyntaxError("invalid intrinsic syntax, expected opening `%`");var result2=[];return $replace(string,rePropName2,(function(match,number,quote,subString){result2[result2.length]=quote?$replace(subString,reEscapeChar2,"$1"):number||match})),result2}(name2),intrinsicBaseName=parts.length>0?parts[0]:"",intrinsic=getBaseIntrinsic("%"+intrinsicBaseName+"%",allowMissing),intrinsicRealName=intrinsic.name,value2=intrinsic.value,skipFurtherCaching=!1,alias=intrinsic.alias;alias&&(intrinsicBaseName=alias[0],$spliceApply(parts,$concat([0,1],alias)));for(var i=1,isOwn=!0;i=parts.length){var desc=$gOPD(value2,part);value2=(isOwn=!!desc)&&"get"in desc&&!("originalValue"in desc.get)?desc.get:value2[part]}else isOwn=hasOwn(value2,part),value2=value2[part];isOwn&&!skipFurtherCaching&&(INTRINSICS[intrinsicRealName]=value2)}}return value2}}}),require_call_bind=(0,_chunk_465TF3XA_mjs__WEBPACK_IMPORTED_MODULE_0__.P$)({"node_modules/call-bind/index.js"(exports,module){var bind=require_function_bind(),GetIntrinsic=require_get_intrinsic(),$apply=GetIntrinsic("%Function.prototype.apply%"),$call=GetIntrinsic("%Function.prototype.call%"),$reflectApply=GetIntrinsic("%Reflect.apply%",!0)||bind.call($call,$apply),$gOPD=GetIntrinsic("%Object.getOwnPropertyDescriptor%",!0),$defineProperty=GetIntrinsic("%Object.defineProperty%",!0),$max=GetIntrinsic("%Math.max%");if($defineProperty)try{$defineProperty({},"a",{value:1})}catch(e){$defineProperty=null}module.exports=function callBind(originalFunction){var func=$reflectApply(bind,$call,arguments);$gOPD&&$defineProperty&&($gOPD(func,"length").configurable&&$defineProperty(func,"length",{value:1+$max(0,originalFunction.length-(arguments.length-1))}));return func};var applyBind=function applyBind2(){return $reflectApply(bind,$apply,arguments)};$defineProperty?$defineProperty(module.exports,"apply",{value:applyBind}):module.exports.apply=applyBind}}),require_callBound=(0,_chunk_465TF3XA_mjs__WEBPACK_IMPORTED_MODULE_0__.P$)({"node_modules/call-bind/callBound.js"(exports,module){var GetIntrinsic=require_get_intrinsic(),callBind=require_call_bind(),$indexOf=callBind(GetIntrinsic("String.prototype.indexOf"));module.exports=function callBoundIntrinsic(name2,allowMissing){var intrinsic=GetIntrinsic(name2,!!allowMissing);return"function"==typeof intrinsic&&$indexOf(name2,".prototype.")>-1?callBind(intrinsic):intrinsic}}}),require_shams2=(0,_chunk_465TF3XA_mjs__WEBPACK_IMPORTED_MODULE_0__.P$)({"node_modules/has-tostringtag/shams.js"(exports,module){var hasSymbols=require_shams();module.exports=function hasToStringTagShams(){return hasSymbols()&&!!Symbol.toStringTag}}}),require_is_regex=(0,_chunk_465TF3XA_mjs__WEBPACK_IMPORTED_MODULE_0__.P$)({"node_modules/is-regex/index.js"(exports,module){var has,$exec,isRegexMarker,badStringifier,throwRegexMarker,callBound=require_callBound(),hasToStringTag=require_shams2()();hasToStringTag&&(has=callBound("Object.prototype.hasOwnProperty"),$exec=callBound("RegExp.prototype.exec"),isRegexMarker={},badStringifier={toString:throwRegexMarker=function(){throw isRegexMarker},valueOf:throwRegexMarker},"symbol"==typeof Symbol.toPrimitive&&(badStringifier[Symbol.toPrimitive]=throwRegexMarker));var $toString=callBound("Object.prototype.toString"),gOPD=Object.getOwnPropertyDescriptor;module.exports=hasToStringTag?function isRegex(value2){if(!value2||"object"!=typeof value2)return!1;var descriptor=gOPD(value2,"lastIndex");if(!(descriptor&&has(descriptor,"value")))return!1;try{$exec(value2,badStringifier)}catch(e){return e===isRegexMarker}}:function isRegex(value2){return!(!value2||"object"!=typeof value2&&"function"!=typeof value2)&&"[object RegExp]"===$toString(value2)}}}),require_is_function=(0,_chunk_465TF3XA_mjs__WEBPACK_IMPORTED_MODULE_0__.P$)({"node_modules/is-function/index.js"(exports,module){module.exports=function isFunction3(fn){if(!fn)return!1;var string=toString2.call(fn);return"[object Function]"===string||"function"==typeof fn&&"[object RegExp]"!==string||"undefined"!=typeof window&&(fn===window.setTimeout||fn===window.alert||fn===window.confirm||fn===window.prompt)};var toString2=Object.prototype.toString}}),require_is_symbol=(0,_chunk_465TF3XA_mjs__WEBPACK_IMPORTED_MODULE_0__.P$)({"node_modules/is-symbol/index.js"(exports,module){var symToStr,symStringRegex,isSymbolObject,toStr=Object.prototype.toString;require_has_symbols()()?(symToStr=Symbol.prototype.toString,symStringRegex=/^Symbol\(.*\)$/,isSymbolObject=function isRealSymbolObject(value2){return"symbol"==typeof value2.valueOf()&&symStringRegex.test(symToStr.call(value2))},module.exports=function isSymbol3(value2){if("symbol"==typeof value2)return!0;if("[object Symbol]"!==toStr.call(value2))return!1;try{return isSymbolObject(value2)}catch(e){return!1}}):module.exports=function isSymbol3(value2){return!1}}}),import_is_regex=(0,_chunk_465TF3XA_mjs__WEBPACK_IMPORTED_MODULE_0__.f1)(require_is_regex()),import_is_function=(0,_chunk_465TF3XA_mjs__WEBPACK_IMPORTED_MODULE_0__.f1)(require_is_function()),import_is_symbol=(0,_chunk_465TF3XA_mjs__WEBPACK_IMPORTED_MODULE_0__.f1)(require_is_symbol());function isObject(val){return null!=val&&"object"==typeof val&&!1===Array.isArray(val)}var freeGlobal="object"==typeof __webpack_require__.g&&__webpack_require__.g&&__webpack_require__.g.Object===Object&&__webpack_require__.g,freeGlobal_default=freeGlobal,freeSelf="object"==typeof self&&self&&self.Object===Object&&self,root2=freeGlobal_default||freeSelf||Function("return this")(),root_default=root2,Symbol2=root_default.Symbol,Symbol_default=Symbol2,objectProto=Object.prototype,hasOwnProperty=objectProto.hasOwnProperty,nativeObjectToString=objectProto.toString,symToStringTag=Symbol_default?Symbol_default.toStringTag:void 0;function getRawTag(value2){var isOwn=hasOwnProperty.call(value2,symToStringTag),tag=value2[symToStringTag];try{value2[symToStringTag]=void 0;var unmasked=!0}catch(e){}var result2=nativeObjectToString.call(value2);return unmasked&&(isOwn?value2[symToStringTag]=tag:delete value2[symToStringTag]),result2}var getRawTag_default=getRawTag,objectProto2=Object.prototype,nativeObjectToString2=objectProto2.toString;function objectToString(value2){return nativeObjectToString2.call(value2)}var objectToString_default=objectToString,nullTag="[object Null]",undefinedTag="[object Undefined]",symToStringTag2=Symbol_default?Symbol_default.toStringTag:void 0;function baseGetTag(value2){return null==value2?void 0===value2?undefinedTag:nullTag:symToStringTag2&&symToStringTag2 in Object(value2)?getRawTag_default(value2):objectToString_default(value2)}var baseGetTag_default=baseGetTag;function isObjectLike(value2){return null!=value2&&"object"==typeof value2}var isObjectLike_default=null,symbolTag="[object Symbol]";function isSymbol(value2){return"symbol"==typeof value2||isObjectLike_default(value2)&&baseGetTag_default(value2)==symbolTag}var isSymbol_default=null;function arrayMap(array,iteratee){for(var index=-1,length=null==array?0:array.length,result2=Array(length);++index-1}var listCacheHas_default=listCacheHas;function listCacheSet(key2,value2){var data=this.__data__,index=assocIndexOf_default(data,key2);return index<0?(++this.size,data.push([key2,value2])):data[index][1]=value2,this}var listCacheSet_default=listCacheSet;function ListCache(entries){var index=-1,length=null==entries?0:entries.length;for(this.clear();++index{let inQuoteChar=null,inBlockComment=!1,inLineComment=!1,inRegexLiteral=!1,newCode="";if(code.indexOf("//")>=0||code.indexOf("/*")>=0)for(let i=0;iremoveCodeComments(code).replace(/\n\s*/g,"").trim())),convertShorthandMethods=function convertShorthandMethods2(key2,stringified){const fnHead=stringified.slice(0,stringified.indexOf("{")),fnBody=stringified.slice(stringified.indexOf("{"));if(fnHead.includes("=>"))return stringified;if(fnHead.includes("function"))return stringified;let modifiedHead=fnHead;return modifiedHead=modifiedHead.replace(key2,"function"),modifiedHead+fnBody},dateFormat=/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(\.\d{3})?Z$/,isJSON=input=>input.match(/^[\[\{\"\}].*[\]\}\"]$/);function convertUnconventionalData(data){if(!isObject3(data))return data;let result2=data,wasMutated=!1;return"undefined"!=typeof Event&&data instanceof Event&&(result2=(0,_chunk_465TF3XA_mjs__WEBPACK_IMPORTED_MODULE_0__.bc)(result2),wasMutated=!0),result2=Object.keys(result2).reduce(((acc,key2)=>{try{result2[key2]&&result2[key2].toJSON,acc[key2]=result2[key2]}catch(err){wasMutated=!0}return acc}),{}),wasMutated?result2:data}var replacer=function replacer2(options2){let objects,map,stack,keys;return function replace(key2,value2){try{if(""===key2)return keys=[],objects=new Map([[value2,"[]"]]),map=new Map,stack=[],value2;const origin=map.get(this)||this;for(;stack.length&&origin!==stack[0];)stack.shift(),keys.pop();if("boolean"==typeof value2)return value2;if(void 0===value2){if(!options2.allowUndefined)return;return"_undefined_"}if(null===value2)return null;if("number"==typeof value2)return value2===-1/0?"_-Infinity_":value2===1/0?"_Infinity_":Number.isNaN(value2)?"_NaN_":value2;if("bigint"==typeof value2)return`_bigint_${value2.toString()}`;if("string"==typeof value2){if(dateFormat.test(value2)){if(!options2.allowDate)return;return`_date_${value2}`}return value2}if((0,import_is_regex.default)(value2)){if(!options2.allowRegExp)return;return`_regexp_${value2.flags}|${value2.source}`}if((0,import_is_function.default)(value2)){if(!options2.allowFunction)return;const{name:name2}=value2,stringified=value2.toString();return stringified.match(/(\[native code\]|WEBPACK_IMPORTED_MODULE|__webpack_exports__|__webpack_require__)/)?`_function_${name2}|${(()=>{}).toString()}`:`_function_${name2}|${cleanCode(convertShorthandMethods(key2,stringified))}`}if((0,import_is_symbol.default)(value2)){if(!options2.allowSymbol)return;const globalRegistryKey=Symbol.keyFor(value2);return void 0!==globalRegistryKey?`_gsymbol_${globalRegistryKey}`:`_symbol_${value2.toString().slice(7,-1)}`}if(stack.length>=options2.maxDepth)return Array.isArray(value2)?`[Array(${value2.length})]`:"[Object]";if(value2===this)return`_duplicate_${JSON.stringify(keys)}`;if(value2 instanceof Error&&options2.allowError)return{__isConvertedError__:!0,errorProperties:{...value2.cause?{cause:value2.cause}:{},...value2,name:value2.name,message:value2.message,stack:value2.stack,"_constructor-name_":value2.constructor.name}};if(value2.constructor&&value2.constructor.name&&"Object"!==value2.constructor.name&&!Array.isArray(value2)&&!options2.allowClass)return;const found=objects.get(value2);if(!found){const converted=Array.isArray(value2)?value2:convertUnconventionalData(value2);if(value2.constructor&&value2.constructor.name&&"Object"!==value2.constructor.name&&!Array.isArray(value2)&&options2.allowClass)try{Object.assign(converted,{"_constructor-name_":value2.constructor.name})}catch(e){}return keys.push(key2),stack.unshift(converted),objects.set(value2,JSON.stringify(keys)),value2!==converted&&map.set(value2,converted),converted}return`_duplicate_${found}`}catch(e){return}}},reviver2=function reviver(options){const refs=[];let root;return function revive(key,value){if(""===key&&(root=value,refs.forEach((({target,container,replacement})=>{const replacementArr=isJSON(replacement)?JSON.parse(replacement):replacement.split(".");0===replacementArr.length?container[target]=root:container[target]=get_default(root,replacementArr)}))),"_constructor-name_"===key)return value;if(isObject3(value)&&value.__isConvertedError__){const{message,...properties}=value.errorProperties,error=new Error(message);return Object.assign(error,properties),error}if(isObject3(value)&&value["_constructor-name_"]&&options.allowFunction){const name2=value["_constructor-name_"];if("Object"!==name2){const Fn=new Function(`return function ${name2.replace(/[^a-zA-Z0-9$_]+/g,"")}(){}`)();Object.setPrototypeOf(value,new Fn)}return delete value["_constructor-name_"],value}if("string"==typeof value&&value.startsWith("_function_")&&options.allowFunction){const[,name,source]=value.match(/_function_([^|]*)\|(.*)/)||[],sourceSanitized=source.replace(/[(\(\))|\\| |\]|`]*$/,"");if(!options.lazyEval)return eval(`(${sourceSanitized})`);const result=(...args)=>{const f=eval(`(${sourceSanitized})`);return f(...args)};return Object.defineProperty(result,"toString",{value:()=>sourceSanitized}),Object.defineProperty(result,"name",{value:name}),result}if("string"==typeof value&&value.startsWith("_regexp_")&&options.allowRegExp){const[,flags,source2]=value.match(/_regexp_([^|]*)\|(.*)/)||[];return new RegExp(source2,flags)}return"string"==typeof value&&value.startsWith("_date_")&&options.allowDate?new Date(value.replace("_date_","")):"string"==typeof value&&value.startsWith("_duplicate_")?(refs.push({target:key,container:this,replacement:value.replace(/^_duplicate_/,"")}),null):"string"==typeof value&&value.startsWith("_symbol_")&&options.allowSymbol?Symbol(value.replace("_symbol_","")):"string"==typeof value&&value.startsWith("_gsymbol_")&&options.allowSymbol?Symbol.for(value.replace("_gsymbol_","")):"string"==typeof value&&"_-Infinity_"===value?-1/0:"string"==typeof value&&"_Infinity_"===value?1/0:"string"==typeof value&&"_NaN_"===value?NaN:"string"==typeof value&&value.startsWith("_bigint_")&&"function"==typeof BigInt?BigInt(value.replace("_bigint_","")):value}},defaultOptions={maxDepth:10,space:void 0,allowFunction:!0,allowRegExp:!0,allowDate:!0,allowClass:!0,allowError:!0,allowUndefined:!0,allowSymbol:!0,lazyEval:!0},stringify=(data,options2={})=>{const mergedOptions={...defaultOptions,...options2};return JSON.stringify(convertUnconventionalData(data),replacer(mergedOptions),options2.space)},mutator=()=>{const mutated=new Map;return function mutateUndefined(value2){isObject3(value2)&&Object.entries(value2).forEach((([k,v])=>{"_undefined_"===v?value2[k]=void 0:mutated.get(v)||(mutated.set(v,!0),mutateUndefined(v))})),Array.isArray(value2)&&value2.forEach(((v,index)=>{"_undefined_"===v?(mutated.set(v,!0),value2[index]=void 0):mutated.get(v)||(mutated.set(v,!0),mutateUndefined(v))}))}},parse=(data,options2={})=>{const mergedOptions={...defaultOptions,...options2},result2=JSON.parse(data,reviver2(mergedOptions));return mutator()(result2),result2}},"./node_modules/tocbot/src/js/build-html.js":module=>{module.exports=function(options){var tocElement,forEach=[].forEach,some=[].some,body=document.body,currentlyHighlighting=!0,SPACE_CHAR=" ";function createEl(d,container){var link=container.appendChild(function createLink(data){var item=document.createElement("li"),a=document.createElement("a");options.listItemClass&&item.setAttribute("class",options.listItemClass);options.onClick&&(a.onclick=options.onClick);options.includeTitleTags&&a.setAttribute("title",data.textContent);options.includeHtml&&data.childNodes.length?forEach.call(data.childNodes,(function(node){a.appendChild(node.cloneNode(!0))})):a.textContent=data.textContent;return a.setAttribute("href",options.basePath+"#"+data.id),a.setAttribute("class",options.linkClass+SPACE_CHAR+"node-name--"+data.nodeName+SPACE_CHAR+options.extraLinkClasses),item.appendChild(a),item}(d));if(d.children.length){var list=createList(d.isCollapsed);d.children.forEach((function(child){createEl(child,list)})),link.appendChild(list)}}function createList(isCollapsed){var listElement=options.orderedList?"ol":"ul",list=document.createElement(listElement),classes=options.listClass+SPACE_CHAR+options.extraListClasses;return isCollapsed&&(classes=(classes=classes+SPACE_CHAR+options.collapsibleClass)+SPACE_CHAR+options.isCollapsedClass),list.setAttribute("class",classes),list}function getHeadingTopPos(obj){var position=0;return null!==obj&&(position=obj.offsetTop,options.hasInnerContainers&&(position+=getHeadingTopPos(obj.offsetParent))),position}function updateClassname(obj,className){return obj&&obj.className!==className&&(obj.className=className),obj}function removeCollapsedFromParents(element){return element&&-1!==element.className.indexOf(options.collapsibleClass)&&-1!==element.className.indexOf(options.isCollapsedClass)?(updateClassname(element,element.className.replace(SPACE_CHAR+options.isCollapsedClass,"")),removeCollapsedFromParents(element.parentNode.parentNode)):element}return{enableTocAnimation:function enableTocAnimation(){currentlyHighlighting=!0},disableTocAnimation:function disableTocAnimation(event){var target=event.target||event.srcElement;"string"==typeof target.className&&-1!==target.className.indexOf(options.linkClass)&&(currentlyHighlighting=!1)},render:function render(parent,data){var container=createList(!1);if(data.forEach((function(d){createEl(d,container)})),null!==(tocElement=parent||tocElement))return tocElement.firstChild&&tocElement.removeChild(tocElement.firstChild),0===data.length?tocElement:tocElement.appendChild(container)},updateToc:function updateToc(headingsArray){var top;top=options.scrollContainer&&document.querySelector(options.scrollContainer)?document.querySelector(options.scrollContainer).scrollTop:document.documentElement.scrollTop||body.scrollTop,options.positionFixedSelector&&function updateFixedSidebarClass(){var top;top=options.scrollContainer&&document.querySelector(options.scrollContainer)?document.querySelector(options.scrollContainer).scrollTop:document.documentElement.scrollTop||body.scrollTop;var posFixedEl=document.querySelector(options.positionFixedSelector);"auto"===options.fixedSidebarOffset&&(options.fixedSidebarOffset=tocElement.offsetTop),top>options.fixedSidebarOffset?-1===posFixedEl.className.indexOf(options.positionFixedClass)&&(posFixedEl.className+=SPACE_CHAR+options.positionFixedClass):posFixedEl.className=posFixedEl.className.replace(SPACE_CHAR+options.positionFixedClass,"")}();var topHeader,headings=headingsArray;if(currentlyHighlighting&&null!==tocElement&&headings.length>0){some.call(headings,(function(heading,i){return getHeadingTopPos(heading)>top+options.headingsOffset+10?(topHeader=headings[0===i?i:i-1],!0):i===headings.length-1?(topHeader=headings[headings.length-1],!0):void 0}));var oldActiveTocLink=tocElement.querySelector("."+options.activeLinkClass),activeTocLink=tocElement.querySelector("."+options.linkClass+".node-name--"+topHeader.nodeName+'[href="'+options.basePath+"#"+topHeader.id.replace(/([ #;&,.+*~':"!^$[\]()=>|/\\@])/g,"\\$1")+'"]');if(oldActiveTocLink===activeTocLink)return;var tocLinks=tocElement.querySelectorAll("."+options.linkClass);forEach.call(tocLinks,(function(tocLink){updateClassname(tocLink,tocLink.className.replace(SPACE_CHAR+options.activeLinkClass,""))}));var tocLis=tocElement.querySelectorAll("."+options.listItemClass);forEach.call(tocLis,(function(tocLi){updateClassname(tocLi,tocLi.className.replace(SPACE_CHAR+options.activeListItemClass,""))})),activeTocLink&&-1===activeTocLink.className.indexOf(options.activeLinkClass)&&(activeTocLink.className+=SPACE_CHAR+options.activeLinkClass);var li=activeTocLink&&activeTocLink.parentNode;li&&-1===li.className.indexOf(options.activeListItemClass)&&(li.className+=SPACE_CHAR+options.activeListItemClass);var tocLists=tocElement.querySelectorAll("."+options.listClass+"."+options.collapsibleClass);forEach.call(tocLists,(function(list){-1===list.className.indexOf(options.isCollapsedClass)&&(list.className+=SPACE_CHAR+options.isCollapsedClass)})),activeTocLink&&activeTocLink.nextSibling&&-1!==activeTocLink.nextSibling.className.indexOf(options.isCollapsedClass)&&updateClassname(activeTocLink.nextSibling,activeTocLink.nextSibling.className.replace(SPACE_CHAR+options.isCollapsedClass,"")),removeCollapsedFromParents(activeTocLink&&activeTocLink.parentNode.parentNode)}}}}},"./node_modules/tocbot/src/js/default-options.js":module=>{module.exports={tocSelector:".js-toc",contentSelector:".js-toc-content",headingSelector:"h1, h2, h3",ignoreSelector:".js-toc-ignore",hasInnerContainers:!1,linkClass:"toc-link",extraLinkClasses:"",activeLinkClass:"is-active-link",listClass:"toc-list",extraListClasses:"",isCollapsedClass:"is-collapsed",collapsibleClass:"is-collapsible",listItemClass:"toc-list-item",activeListItemClass:"is-active-li",collapseDepth:0,scrollSmooth:!0,scrollSmoothDuration:420,scrollSmoothOffset:0,scrollEndCallback:function(e){},headingsOffset:1,throttleTimeout:50,positionFixedSelector:null,positionFixedClass:"is-position-fixed",fixedSidebarOffset:"auto",includeHtml:!1,includeTitleTags:!1,onClick:function(e){},orderedList:!0,scrollContainer:null,skipRendering:!1,headingLabelCallback:!1,ignoreHiddenElements:!1,headingObjectCallback:null,basePath:"",disableTocScrollSync:!1,tocScrollOffset:0}},"./node_modules/tocbot/src/js/index.js":(module,exports,__webpack_require__)=>{var __WEBPACK_AMD_DEFINE_FACTORY__,__WEBPACK_AMD_DEFINE_ARRAY__,__WEBPACK_AMD_DEFINE_RESULT__,root;root=void 0!==__webpack_require__.g?__webpack_require__.g:window||__webpack_require__.g,__WEBPACK_AMD_DEFINE_ARRAY__=[],__WEBPACK_AMD_DEFINE_FACTORY__=function(root){"use strict";var buildHtml,parseContent,headingsArray,defaultOptions=__webpack_require__("./node_modules/tocbot/src/js/default-options.js"),options={},tocbot={},BuildHtml=__webpack_require__("./node_modules/tocbot/src/js/build-html.js"),ParseContent=__webpack_require__("./node_modules/tocbot/src/js/parse-content.js"),updateTocScroll=__webpack_require__("./node_modules/tocbot/src/js/update-toc-scroll.js"),supports=!!(root&&root.document&&root.document.querySelector&&root.addEventListener);if("undefined"!=typeof window||supports){var hasOwnProperty=Object.prototype.hasOwnProperty;return tocbot.destroy=function(){var tocElement=getTocElement(options);null!==tocElement&&(options.skipRendering||tocElement&&(tocElement.innerHTML=""),options.scrollContainer&&document.querySelector(options.scrollContainer)?(document.querySelector(options.scrollContainer).removeEventListener("scroll",this._scrollListener,!1),document.querySelector(options.scrollContainer).removeEventListener("resize",this._scrollListener,!1),buildHtml&&document.querySelector(options.scrollContainer).removeEventListener("click",this._clickListener,!1)):(document.removeEventListener("scroll",this._scrollListener,!1),document.removeEventListener("resize",this._scrollListener,!1),buildHtml&&document.removeEventListener("click",this._clickListener,!1)))},tocbot.init=function(customOptions){if(supports){options=extend(defaultOptions,customOptions||{}),this.options=options,this.state={},options.scrollSmooth&&(options.duration=options.scrollSmoothDuration,options.offset=options.scrollSmoothOffset,tocbot.scrollSmooth=__webpack_require__("./node_modules/tocbot/src/js/scroll-smooth/index.js").initSmoothScrolling(options)),buildHtml=BuildHtml(options),parseContent=ParseContent(options),this._buildHtml=buildHtml,this._parseContent=parseContent,this._headingsArray=headingsArray,tocbot.destroy();var contentElement=getContentElement(options);if(null!==contentElement){var tocElement=getTocElement(options);if(null!==tocElement&&null!==(headingsArray=parseContent.selectHeadings(contentElement,options.headingSelector))){var nestedHeadings=parseContent.nestHeadingsArray(headingsArray).nest;if(options.skipRendering)return this;buildHtml.render(tocElement,nestedHeadings),this._scrollListener=throttle((function(e){buildHtml.updateToc(headingsArray),!options.disableTocScrollSync&&updateTocScroll(options);var isTop=e&&e.target&&e.target.scrollingElement&&0===e.target.scrollingElement.scrollTop;(e&&(0===e.eventPhase||null===e.currentTarget)||isTop)&&(buildHtml.updateToc(headingsArray),options.scrollEndCallback&&options.scrollEndCallback(e))}),options.throttleTimeout),this._scrollListener(),options.scrollContainer&&document.querySelector(options.scrollContainer)?(document.querySelector(options.scrollContainer).addEventListener("scroll",this._scrollListener,!1),document.querySelector(options.scrollContainer).addEventListener("resize",this._scrollListener,!1)):(document.addEventListener("scroll",this._scrollListener,!1),document.addEventListener("resize",this._scrollListener,!1));var timeout=null;return this._clickListener=throttle((function(event){options.scrollSmooth&&buildHtml.disableTocAnimation(event),buildHtml.updateToc(headingsArray),timeout&&clearTimeout(timeout),timeout=setTimeout((function(){buildHtml.enableTocAnimation()}),options.scrollSmoothDuration)}),options.throttleTimeout),options.scrollContainer&&document.querySelector(options.scrollContainer)?document.querySelector(options.scrollContainer).addEventListener("click",this._clickListener,!1):document.addEventListener("click",this._clickListener,!1),this}}}},tocbot.refresh=function(customOptions){tocbot.destroy(),tocbot.init(customOptions||this.options)},root.tocbot=tocbot,tocbot}function extend(){for(var target={},i=0;i{module.exports=function parseContent(options){var reduce=[].reduce;function getLastItem(array){return array[array.length-1]}function getHeadingLevel(heading){return+heading.nodeName.toUpperCase().replace("H","")}function getHeadingObject(heading){if(!function isHTMLElement(maybeElement){try{return maybeElement instanceof window.HTMLElement||maybeElement instanceof window.parent.HTMLElement}catch(e){return maybeElement instanceof window.HTMLElement}}(heading))return heading;if(options.ignoreHiddenElements&&(!heading.offsetHeight||!heading.offsetParent))return null;const headingLabel=heading.getAttribute("data-heading-label")||(options.headingLabelCallback?String(options.headingLabelCallback(heading.innerText)):(heading.innerText||heading.textContent).trim());var obj={id:heading.id,children:[],nodeName:heading.nodeName,headingLevel:getHeadingLevel(heading),textContent:headingLabel};return options.includeHtml&&(obj.childNodes=heading.childNodes),options.headingObjectCallback?options.headingObjectCallback(obj,heading):obj}return{nestHeadingsArray:function nestHeadingsArray(headingsArray){return reduce.call(headingsArray,(function reducer(prev,curr){var currentHeading=getHeadingObject(curr);return currentHeading&&function addNode(node,nest){for(var obj=getHeadingObject(node),level=obj.headingLevel,array=nest,lastItem=getLastItem(array),counter=level-(lastItem?lastItem.headingLevel:0);counter>0&&(!(lastItem=getLastItem(array))||level!==lastItem.headingLevel);)lastItem&&void 0!==lastItem.children&&(array=lastItem.children),counter--;return level>=options.collapseDepth&&(obj.isCollapsed=!0),array.push(obj),array}(currentHeading,prev.nest),prev}),{nest:[]})},selectHeadings:function selectHeadings(contentElement,headingSelector){var selectors=headingSelector;options.ignoreSelector&&(selectors=headingSelector.split(",").map((function mapSelectors(selector){return selector.trim()+":not("+options.ignoreSelector+")"})));try{return contentElement.querySelectorAll(selectors)}catch(e){return console.warn("Headers not found with selector: "+selectors),null}}}}},"./node_modules/tocbot/src/js/scroll-smooth/index.js":(__unused_webpack_module,exports)=>{exports.initSmoothScrolling=function initSmoothScrolling(options){var duration=options.duration,offset=options.offset,pageUrl=location.hash?stripHash(location.href):location.href;function stripHash(url){return url.slice(0,url.lastIndexOf("#"))}!function delegatedLinkHijacking(){document.body.addEventListener("click",(function onClick(e){!function isInPageLink(n){return"a"===n.tagName.toLowerCase()&&(n.hash.length>0||"#"===n.href.charAt(n.href.length-1))&&(stripHash(n.href)===pageUrl||stripHash(n.href)+"#"===pageUrl)}(e.target)||e.target.className.indexOf("no-smooth-scroll")>-1||"#"===e.target.href.charAt(e.target.href.length-2)&&"!"===e.target.href.charAt(e.target.href.length-1)||-1===e.target.className.indexOf(options.linkClass)||function jump(target,options){var timeStart,timeElapsed,start=window.pageYOffset,opt={duration:options.duration,offset:options.offset||0,callback:options.callback,easing:options.easing||easeInOutQuad},tgt=document.querySelector('[id="'+decodeURI(target).split("#").join("")+'"]')||document.querySelector('[id="'+target.split("#").join("")+'"]'),distance="string"==typeof target?opt.offset+(target?tgt&&tgt.getBoundingClientRect().top||0:-(document.documentElement.scrollTop||document.body.scrollTop)):target,duration="function"==typeof opt.duration?opt.duration(distance):opt.duration;function loop(time){timeElapsed=time-timeStart,window.scrollTo(0,opt.easing(timeElapsed,start,distance,duration)),timeElapsed{module.exports=function updateTocScroll(options){var toc=options.tocElement||document.querySelector(options.tocSelector);if(toc&&toc.scrollHeight>toc.clientHeight){var activeItem=toc.querySelector("."+options.activeListItemClass);if(activeItem){var cTop=toc.scrollTop,cBottom=cTop+toc.clientHeight,eTop=activeItem.offsetTop,eBottom=eTop+activeItem.clientHeight;eTopcBottom-options.tocScrollOffset-30&&(toc.scrollTop+=eBottom-cBottom+options.tocScrollOffset+60)}}}}}]); -//# sourceMappingURL=2800.7483cfcb.iframe.bundle.js.map \ No newline at end of file +//# sourceMappingURL=2800.9cfb67c8.iframe.bundle.js.map \ No newline at end of file diff --git a/2800.7483cfcb.iframe.bundle.js.LICENSE.txt b/2800.9cfb67c8.iframe.bundle.js.LICENSE.txt similarity index 100% rename from 2800.7483cfcb.iframe.bundle.js.LICENSE.txt rename to 2800.9cfb67c8.iframe.bundle.js.LICENSE.txt diff --git a/2800.7483cfcb.iframe.bundle.js.map b/2800.9cfb67c8.iframe.bundle.js.map similarity index 99% rename from 2800.7483cfcb.iframe.bundle.js.map rename to 2800.9cfb67c8.iframe.bundle.js.map index 537869262e0..70e4e150bd4 100644 --- a/2800.7483cfcb.iframe.bundle.js.map +++ b/2800.9cfb67c8.iframe.bundle.js.map @@ -1 +1 @@ -{"version":3,"file":"2800.7483cfcb.iframe.bundle.js","mappings":";;;;AA2CA;;;AAGA;;;AAGA;;;AAGA;;AAUA;;AAEA;;AAEA;;;AAGA;;;AAGA;;;AAGA;;;AAGA;;;AAGA;;;AAGA;;;;;;;;;;;;;;;;AAgBA;;AAEA;;ACxFA;AACA;AACA;AACA;;;;;;;;;ACsKA;;;;;;;AAiBA;;;;;AAKA;;;;;AAKA;;;;;;AAMA;AACA;AACA;;;;;;;AC5LA;;;AA2BA;;;;;AAAA;;;;AAAA;AAdA;;;AAcA;;;;;;;;;;;AAAA;;;;AASA","sources":["webpack://data-hub-frontend/./node_modules/@storybook/blocks/dist/index.mjs","webpack://data-hub-frontend/./node_modules/@storybook/components/dist/chunk-NE5YGCQB.mjs","webpack://data-hub-frontend/./node_modules/@storybook/components/dist/index.mjs","webpack://data-hub-frontend/./node_modules/@storybook/theming/dist/index.mjs"],"sourcesContent":["import { getControlSetterButtonId, getControlId } from './chunk-GWAJ4KRU.mjs';\nimport { styled, ignoreSsrWarning, themes, ThemeProvider, convert, useTheme, ensure } from '@storybook/theming';\nimport React17, { createContext, lazy, Fragment, useState, useCallback, useRef, useEffect, Component, cloneElement, useMemo, Suspense, useContext, Children } from 'react';\nimport { withReset, SyntaxHighlighter, FlexBar, codeCommon, Icons, IconButton, Form, components, IconButtonSkeleton, Zoom as Zoom$1, ActionBar, Link, ResetWrapper, Code, nameSpaceClassNames, H3, H2, Loader, TabsState, ErrorFormatter, getStoryHref, WithTooltipPure } from '@storybook/components';\nimport { transparentize, darken, opacify, lighten, rgba } from 'polished';\nimport { global } from '@storybook/global';\nimport pickBy from 'lodash/pickBy.js';\nimport { includeConditionalArg } from '@storybook/csf';\nimport { deprecate, once, logger } from '@storybook/client-logger';\nimport Markdown from 'markdown-to-jsx';\nimport memoize from 'memoizerific';\nimport uniq from 'lodash/uniq.js';\nimport cloneDeep from 'lodash/cloneDeep.js';\nimport { filterArgTypes, composeConfigs, Preview as Preview$1, DocsContext as DocsContext$1 } from '@storybook/preview-api';\nimport mapValues from 'lodash/mapValues.js';\nimport { STORY_ARGS_UPDATED, UPDATE_STORY_ARGS, RESET_STORY_ARGS, GLOBALS_UPDATED, NAVIGATE_URL } from '@storybook/core-events';\nimport dedent2 from 'ts-dedent';\nimport { SNIPPET_RENDERED, SourceType, str } from '@storybook/docs-tools';\nimport { stringify } from 'telejson';\nimport * as tocbot from 'tocbot';\nimport { Channel } from '@storybook/channels';\n\nvar Wrapper=styled.div(withReset,({theme})=>({backgroundColor:theme.base===\"light\"?\"rgba(0,0,0,.01)\":\"rgba(255,255,255,.01)\",borderRadius:theme.appBorderRadius,border:`1px dashed ${theme.appBorderColor}`,display:\"flex\",alignItems:\"center\",justifyContent:\"center\",padding:20,margin:\"25px 0 40px\",color:transparentize(.3,theme.color.defaultText),fontSize:theme.typography.size.s2})),EmptyBlock=props=>React17.createElement(Wrapper,{...props,className:\"docblock-emptyblock sb-unstyled\"});var StyledSyntaxHighlighter=styled(SyntaxHighlighter)(({theme})=>({fontSize:`${theme.typography.size.s2-1}px`,lineHeight:\"19px\",margin:\"25px 0 40px\",borderRadius:theme.appBorderRadius,boxShadow:theme.base===\"light\"?\"rgba(0, 0, 0, 0.10) 0 1px 3px 0\":\"rgba(0, 0, 0, 0.20) 0 2px 5px 0\",\"pre.prismjs\":{padding:20,background:\"inherit\"}}));var SourceSkeletonWrapper=styled.div(({theme})=>({background:theme.background.content,borderRadius:theme.appBorderRadius,border:`1px solid ${theme.appBorderColor}`,boxShadow:theme.base===\"light\"?\"rgba(0, 0, 0, 0.10) 0 1px 3px 0\":\"rgba(0, 0, 0, 0.20) 0 2px 5px 0\",margin:\"25px 0 40px\",padding:\"20px 20px 20px 22px\"})),SourceSkeletonPlaceholder=styled.div(({theme})=>({animation:`${theme.animation.glow} 1.5s ease-in-out infinite`,background:theme.appBorderColor,height:17,marginTop:1,width:\"60%\",[`&:first-child${ignoreSsrWarning}`]:{margin:0}})),SourceSkeleton=()=>React17.createElement(SourceSkeletonWrapper,null,React17.createElement(SourceSkeletonPlaceholder,null),React17.createElement(SourceSkeletonPlaceholder,{style:{width:\"80%\"}}),React17.createElement(SourceSkeletonPlaceholder,{style:{width:\"30%\"}}),React17.createElement(SourceSkeletonPlaceholder,{style:{width:\"80%\"}})),Source=({isLoading,error,language,code,dark,format:format2,...rest})=>{if(isLoading)return React17.createElement(SourceSkeleton,null);if(error)return React17.createElement(EmptyBlock,null,error);let syntaxHighlighter=React17.createElement(StyledSyntaxHighlighter,{bordered:!0,copyable:!0,format:format2,language,className:\"docblock-source sb-unstyled\",...rest},code);if(typeof dark>\"u\")return syntaxHighlighter;let overrideTheme=dark?themes.dark:themes.light;return React17.createElement(ThemeProvider,{theme:convert(overrideTheme)},syntaxHighlighter)};Source.defaultProps={format:!1};var toGlobalSelector=element=>`& :where(${element}:not(.sb-anchor, .sb-unstyled, .sb-unstyled ${element}))`,breakpoint=600,Title=styled.h1(withReset,({theme})=>({color:theme.color.defaultText,fontSize:theme.typography.size.m3,fontWeight:theme.typography.weight.bold,lineHeight:\"32px\",[`@media (min-width: ${breakpoint}px)`]:{fontSize:theme.typography.size.l1,lineHeight:\"36px\",marginBottom:\"16px\"}})),Subtitle=styled.h2(withReset,({theme})=>({fontWeight:theme.typography.weight.regular,fontSize:theme.typography.size.s3,lineHeight:\"20px\",borderBottom:\"none\",marginBottom:15,[`@media (min-width: ${breakpoint}px)`]:{fontSize:theme.typography.size.m1,lineHeight:\"28px\",marginBottom:24},color:transparentize(.25,theme.color.defaultText)})),DocsContent=styled.div(({theme})=>{let reset={fontFamily:theme.typography.fonts.base,fontSize:theme.typography.size.s3,margin:0,WebkitFontSmoothing:\"antialiased\",MozOsxFontSmoothing:\"grayscale\",WebkitTapHighlightColor:\"rgba(0, 0, 0, 0)\",WebkitOverflowScrolling:\"touch\"},headers={margin:\"20px 0 8px\",padding:0,cursor:\"text\",position:\"relative\",color:theme.color.defaultText,\"&:first-of-type\":{marginTop:0,paddingTop:0},\"&:hover a.anchor\":{textDecoration:\"none\"},\"& code\":{fontSize:\"inherit\"}},code={lineHeight:1,margin:\"0 2px\",padding:\"3px 5px\",whiteSpace:\"nowrap\",borderRadius:3,fontSize:theme.typography.size.s2-1,border:theme.base===\"light\"?`1px solid ${theme.color.mediumlight}`:`1px solid ${theme.color.darker}`,color:theme.base===\"light\"?transparentize(.1,theme.color.defaultText):transparentize(.3,theme.color.defaultText),backgroundColor:theme.base===\"light\"?theme.color.lighter:theme.color.border};return {maxWidth:1e3,width:\"100%\",[toGlobalSelector(\"a\")]:{...reset,fontSize:\"inherit\",lineHeight:\"24px\",color:theme.color.secondary,textDecoration:\"none\",\"&.absent\":{color:\"#cc0000\"},\"&.anchor\":{display:\"block\",paddingLeft:30,marginLeft:-30,cursor:\"pointer\",position:\"absolute\",top:0,left:0,bottom:0}},[toGlobalSelector(\"blockquote\")]:{...reset,margin:\"16px 0\",borderLeft:`4px solid ${theme.color.medium}`,padding:\"0 15px\",color:theme.color.dark,\"& > :first-of-type\":{marginTop:0},\"& > :last-child\":{marginBottom:0}},[toGlobalSelector(\"div\")]:reset,[toGlobalSelector(\"dl\")]:{...reset,margin:\"16px 0\",padding:0,\"& dt\":{fontSize:\"14px\",fontWeight:\"bold\",fontStyle:\"italic\",padding:0,margin:\"16px 0 4px\"},\"& dt:first-of-type\":{padding:0},\"& dt > :first-of-type\":{marginTop:0},\"& dt > :last-child\":{marginBottom:0},\"& dd\":{margin:\"0 0 16px\",padding:\"0 15px\"},\"& dd > :first-of-type\":{marginTop:0},\"& dd > :last-child\":{marginBottom:0}},[toGlobalSelector(\"h1\")]:{...reset,...headers,fontSize:`${theme.typography.size.l1}px`,fontWeight:theme.typography.weight.bold},[toGlobalSelector(\"h2\")]:{...reset,...headers,fontSize:`${theme.typography.size.m2}px`,paddingBottom:4,borderBottom:`1px solid ${theme.appBorderColor}`},[toGlobalSelector(\"h3\")]:{...reset,...headers,fontSize:`${theme.typography.size.m1}px`,fontWeight:theme.typography.weight.bold},[toGlobalSelector(\"h4\")]:{...reset,...headers,fontSize:`${theme.typography.size.s3}px`},[toGlobalSelector(\"h5\")]:{...reset,...headers,fontSize:`${theme.typography.size.s2}px`},[toGlobalSelector(\"h6\")]:{...reset,...headers,fontSize:`${theme.typography.size.s2}px`,color:theme.color.dark},[toGlobalSelector(\"hr\")]:{border:\"0 none\",borderTop:`1px solid ${theme.appBorderColor}`,height:4,padding:0},[toGlobalSelector(\"img\")]:{maxWidth:\"100%\"},[toGlobalSelector(\"li\")]:{...reset,fontSize:theme.typography.size.s2,color:theme.color.defaultText,lineHeight:\"24px\",\"& + li\":{marginTop:\".25em\"},\"& ul, & ol\":{marginTop:\".25em\",marginBottom:0},\"& code\":code},[toGlobalSelector(\"ol\")]:{...reset,margin:\"16px 0\",paddingLeft:30,\"& :first-of-type\":{marginTop:0},\"& :last-child\":{marginBottom:0}},[toGlobalSelector(\"p\")]:{...reset,margin:\"16px 0\",fontSize:theme.typography.size.s2,lineHeight:\"24px\",color:theme.color.defaultText,\"& code\":code},[toGlobalSelector(\"pre\")]:{...reset,fontFamily:theme.typography.fonts.mono,WebkitFontSmoothing:\"antialiased\",MozOsxFontSmoothing:\"grayscale\",lineHeight:\"18px\",padding:\"11px 1rem\",whiteSpace:\"pre-wrap\",color:\"inherit\",borderRadius:3,margin:\"1rem 0\",\"&:not(.prismjs)\":{background:\"transparent\",border:\"none\",borderRadius:0,padding:0,margin:0},\"& pre, &.prismjs\":{padding:15,margin:0,whiteSpace:\"pre-wrap\",color:\"inherit\",fontSize:\"13px\",lineHeight:\"19px\",code:{color:\"inherit\",fontSize:\"inherit\"}},\"& code\":{whiteSpace:\"pre\"},\"& code, & tt\":{border:\"none\"}},[toGlobalSelector(\"span\")]:{...reset,\"&.frame\":{display:\"block\",overflow:\"hidden\",\"& > span\":{border:`1px solid ${theme.color.medium}`,display:\"block\",float:\"left\",overflow:\"hidden\",margin:\"13px 0 0\",padding:7,width:\"auto\"},\"& span img\":{display:\"block\",float:\"left\"},\"& span span\":{clear:\"both\",color:theme.color.darkest,display:\"block\",padding:\"5px 0 0\"}},\"&.align-center\":{display:\"block\",overflow:\"hidden\",clear:\"both\",\"& > span\":{display:\"block\",overflow:\"hidden\",margin:\"13px auto 0\",textAlign:\"center\"},\"& span img\":{margin:\"0 auto\",textAlign:\"center\"}},\"&.align-right\":{display:\"block\",overflow:\"hidden\",clear:\"both\",\"& > span\":{display:\"block\",overflow:\"hidden\",margin:\"13px 0 0\",textAlign:\"right\"},\"& span img\":{margin:0,textAlign:\"right\"}},\"&.float-left\":{display:\"block\",marginRight:13,overflow:\"hidden\",float:\"left\",\"& span\":{margin:\"13px 0 0\"}},\"&.float-right\":{display:\"block\",marginLeft:13,overflow:\"hidden\",float:\"right\",\"& > span\":{display:\"block\",overflow:\"hidden\",margin:\"13px auto 0\",textAlign:\"right\"}}},[toGlobalSelector(\"table\")]:{...reset,margin:\"16px 0\",fontSize:theme.typography.size.s2,lineHeight:\"24px\",padding:0,borderCollapse:\"collapse\",\"& tr\":{borderTop:`1px solid ${theme.appBorderColor}`,backgroundColor:theme.appContentBg,margin:0,padding:0},\"& tr:nth-of-type(2n)\":{backgroundColor:theme.base===\"dark\"?theme.color.darker:theme.color.lighter},\"& tr th\":{fontWeight:\"bold\",color:theme.color.defaultText,border:`1px solid ${theme.appBorderColor}`,margin:0,padding:\"6px 13px\"},\"& tr td\":{border:`1px solid ${theme.appBorderColor}`,color:theme.color.defaultText,margin:0,padding:\"6px 13px\"},\"& tr th :first-of-type, & tr td :first-of-type\":{marginTop:0},\"& tr th :last-child, & tr td :last-child\":{marginBottom:0}},[toGlobalSelector(\"ul\")]:{...reset,margin:\"16px 0\",paddingLeft:30,\"& :first-of-type\":{marginTop:0},\"& :last-child\":{marginBottom:0},listStyle:\"disc\"}}}),DocsWrapper=styled.div(({theme})=>({background:theme.background.content,display:\"flex\",justifyContent:\"center\",padding:\"4rem 20px\",minHeight:\"100vh\",boxSizing:\"border-box\",gap:\"3rem\",[`@media (min-width: ${breakpoint}px)`]:{}})),DocsPageWrapper=({children,toc})=>React17.createElement(DocsWrapper,{className:\"sbdocs sbdocs-wrapper\"},React17.createElement(DocsContent,{className:\"sbdocs sbdocs-content\"},children),toc);var getBlockBackgroundStyle=theme=>({borderRadius:theme.appBorderRadius,background:theme.background.content,boxShadow:theme.base===\"light\"?\"rgba(0, 0, 0, 0.10) 0 1px 3px 0\":\"rgba(0, 0, 0, 0.20) 0 2px 5px 0\",border:`1px solid ${theme.appBorderColor}`});var Zoom=({zoom,resetZoom})=>React17.createElement(React17.Fragment,null,React17.createElement(IconButton,{key:\"zoomin\",onClick:e=>{e.preventDefault(),zoom(.8);},title:\"Zoom in\"},React17.createElement(Icons,{icon:\"zoom\"})),React17.createElement(IconButton,{key:\"zoomout\",onClick:e=>{e.preventDefault(),zoom(1.25);},title:\"Zoom out\"},React17.createElement(Icons,{icon:\"zoomout\"})),React17.createElement(IconButton,{key:\"zoomreset\",onClick:e=>{e.preventDefault(),resetZoom();},title:\"Reset zoom\"},React17.createElement(Icons,{icon:\"zoomreset\"}))),Bar=styled(FlexBar)({position:\"absolute\",left:0,right:0,top:0,transition:\"transform .2s linear\"}),Toolbar=({isLoading,storyId,baseUrl,zoom,resetZoom,...rest})=>React17.createElement(Bar,{...rest},React17.createElement(Fragment,{key:\"left\"},isLoading?[1,2,3].map(key=>React17.createElement(IconButtonSkeleton,{key})):React17.createElement(Zoom,{zoom,resetZoom})));var ZoomContext=createContext({scale:1});var{window:globalWindow}=global,IFrame=class extends Component{constructor(){super(...arguments);this.iframe=null;}componentDidMount(){let{id}=this.props;this.iframe=globalWindow.document.getElementById(id);}shouldComponentUpdate(nextProps){let{scale}=nextProps;return scale!==this.props.scale&&this.setIframeBodyStyle({width:`${scale*100}%`,height:`${scale*100}%`,transform:`scale(${1/scale})`,transformOrigin:\"top left\"}),!1}setIframeBodyStyle(style){return Object.assign(this.iframe.contentDocument.body.style,style)}render(){let{id,title,src,allowFullScreen,scale,...rest}=this.props;return React17.createElement(\"iframe\",{id,title,src,...allowFullScreen?{allow:\"fullscreen\"}:{},loading:\"lazy\",...rest})}};var{PREVIEW_URL}=global,BASE_URL=PREVIEW_URL||\"iframe.html\",storyBlockIdFromId=({story,primary})=>`story--${story.id}${primary?\"--primary\":\"\"}`,InlineStory=props=>{let storyRef=useRef(),[showLoader,setShowLoader]=useState(!0),[error,setError]=useState(),{story,height,autoplay,forceInitialArgs,renderStoryToElement}=props;return useEffect(()=>{if(!(story&&storyRef.current))return ()=>{};let element=storyRef.current,cleanup=renderStoryToElement(story,element,{showMain:()=>{},showError:({title,description})=>setError(new Error(`${title} - ${description}`)),showException:err=>setError(err)},{autoplay,forceInitialArgs});return setShowLoader(!1),()=>{Promise.resolve().then(()=>cleanup());}},[autoplay,renderStoryToElement,story]),error?React17.createElement(\"pre\",null,React17.createElement(ErrorFormatter,{error})):React17.createElement(React17.Fragment,null,height?React17.createElement(\"style\",null,`#${storyBlockIdFromId(props)} { min-height: ${height}; transform: translateZ(0); overflow: auto }`):null,showLoader&&React17.createElement(StorySkeleton,null),React17.createElement(\"div\",{ref:storyRef,id:`${storyBlockIdFromId(props)}-inner`,\"data-name\":story.name}))},IFrameStory=({story,height=\"500px\"})=>React17.createElement(\"div\",{style:{width:\"100%\",height}},React17.createElement(ZoomContext.Consumer,null,({scale})=>React17.createElement(IFrame,{key:\"iframe\",id:`iframe--${story.id}`,title:story.name,src:getStoryHref(BASE_URL,story.id,{viewMode:\"story\"}),allowFullScreen:!0,scale,style:{width:\"100%\",height:\"100%\",border:\"0 none\"}}))),Story=props=>{let{inline}=props;return React17.createElement(\"div\",{id:storyBlockIdFromId(props),className:\"sb-story sb-unstyled\",\"data-story-block\":\"true\"},inline?React17.createElement(InlineStory,{...props}):React17.createElement(IFrameStory,{...props}))},StorySkeleton=()=>React17.createElement(Loader,null);var ChildrenContainer=styled.div(({isColumn,columns,layout})=>({display:isColumn||!columns?\"block\":\"flex\",position:\"relative\",flexWrap:\"wrap\",overflow:\"auto\",flexDirection:isColumn?\"column\":\"row\",\"& .innerZoomElementWrapper > *\":isColumn?{width:layout!==\"fullscreen\"?\"calc(100% - 20px)\":\"100%\",display:\"block\"}:{maxWidth:layout!==\"fullscreen\"?\"calc(100% - 20px)\":\"100%\",display:\"inline-block\"}}),({layout=\"padded\"})=>layout===\"centered\"||layout===\"padded\"?{padding:\"30px 20px\",\"& .innerZoomElementWrapper > *\":{width:\"auto\",border:\"10px solid transparent!important\"}}:{},({layout=\"padded\"})=>layout===\"centered\"?{display:\"flex\",justifyContent:\"center\",justifyItems:\"center\",alignContent:\"center\",alignItems:\"center\"}:{},({columns})=>columns&&columns>1?{\".innerZoomElementWrapper > *\":{minWidth:`calc(100% / ${columns} - 20px)`}}:{}),StyledSource=styled(Source)(({theme})=>({margin:0,borderTopLeftRadius:0,borderTopRightRadius:0,borderBottomLeftRadius:theme.appBorderRadius,borderBottomRightRadius:theme.appBorderRadius,border:\"none\",background:theme.base===\"light\"?\"rgba(0, 0, 0, 0.85)\":darken(.05,theme.background.content),color:theme.color.lightest,button:{background:theme.base===\"light\"?\"rgba(0, 0, 0, 0.85)\":darken(.05,theme.background.content)}})),PreviewContainer=styled.div(({theme,withSource,isExpanded})=>({position:\"relative\",overflow:\"hidden\",margin:\"25px 0 40px\",...getBlockBackgroundStyle(theme),borderBottomLeftRadius:withSource&&isExpanded&&0,borderBottomRightRadius:withSource&&isExpanded&&0,borderBottomWidth:isExpanded&&0,\"h3 + &\":{marginTop:\"16px\"}}),({withToolbar})=>withToolbar&&{paddingTop:40}),getSource=(withSource,expanded,setExpanded)=>{switch(!0){case!!(withSource&&withSource.error):return {source:null,actionItem:{title:\"No code available\",className:\"docblock-code-toggle docblock-code-toggle--disabled\",disabled:!0,onClick:()=>setExpanded(!1)}};case expanded:return {source:React17.createElement(StyledSource,{...withSource,dark:!0}),actionItem:{title:\"Hide code\",className:\"docblock-code-toggle docblock-code-toggle--expanded\",onClick:()=>setExpanded(!1)}};default:return {source:React17.createElement(StyledSource,{...withSource,dark:!0}),actionItem:{title:\"Show code\",className:\"docblock-code-toggle\",onClick:()=>setExpanded(!0)}}}};function getStoryId(children){if(Children.count(children)===1){let elt=children;if(elt.props)return elt.props.id}return null}var PositionedToolbar=styled(Toolbar)({position:\"absolute\",top:0,left:0,right:0,height:40}),Relative=styled.div({overflow:\"hidden\",position:\"relative\"}),Preview=({isLoading,isColumn,columns,children,withSource,withToolbar=!1,isExpanded=!1,additionalActions,className,layout=\"padded\",...props})=>{let[expanded,setExpanded]=useState(isExpanded),{source,actionItem}=getSource(withSource,expanded,setExpanded),[scale,setScale]=useState(1),previewClasses=[className].concat([\"sbdocs\",\"sbdocs-preview\",\"sb-unstyled\"]),defaultActionItems=withSource?[actionItem]:[],[additionalActionItems,setAdditionalActionItems]=useState(additionalActions?[...additionalActions]:[]),actionItems=[...defaultActionItems,...additionalActionItems],{window:globalWindow4}=global,copyToClipboard=useCallback(async text=>{let{createCopyToClipboardFunction}=await import('@storybook/components');createCopyToClipboardFunction();},[]),onCopyCapture=e=>{let selection=globalWindow4.getSelection();selection&&selection.type===\"Range\"||(e.preventDefault(),additionalActionItems.filter(item=>item.title===\"Copied\").length===0&©ToClipboard(source.props.code).then(()=>{setAdditionalActionItems([...additionalActionItems,{title:\"Copied\",onClick:()=>{}}]),globalWindow4.setTimeout(()=>setAdditionalActionItems(additionalActionItems.filter(item=>item.title!==\"Copied\")),1500);}));};return React17.createElement(PreviewContainer,{withSource,withToolbar,...props,className:previewClasses.join(\" \")},withToolbar&&React17.createElement(PositionedToolbar,{isLoading,border:!0,zoom:z=>setScale(scale*z),resetZoom:()=>setScale(1),storyId:getStoryId(children),baseUrl:\"./iframe.html\"}),React17.createElement(ZoomContext.Provider,{value:{scale}},React17.createElement(Relative,{className:\"docs-story\",onCopyCapture:withSource&&onCopyCapture},React17.createElement(ChildrenContainer,{isColumn:isColumn||!Array.isArray(children),columns,layout},React17.createElement(Zoom$1.Element,{scale},Array.isArray(children)?children.map((child,i)=>React17.createElement(\"div\",{key:i},child)):React17.createElement(\"div\",null,children))),React17.createElement(ActionBar,{actionItems}))),withSource&&expanded&&source)},StyledPreview=styled(Preview)(()=>({\".docs-story\":{paddingTop:32,paddingBottom:40}})),PreviewSkeleton=()=>React17.createElement(StyledPreview,{isLoading:!0,withToolbar:!0},React17.createElement(StorySkeleton,null));var Table=styled.table(({theme})=>({\"&&\":{borderCollapse:\"collapse\",borderSpacing:0,border:\"none\",tr:{border:\"none !important\",background:\"none\"},\"td, th\":{padding:0,border:\"none\",width:\"auto!important\"},marginTop:0,marginBottom:0,\"th:first-of-type, td:first-of-type\":{paddingLeft:0},\"th:last-of-type, td:last-of-type\":{paddingRight:0},td:{paddingTop:0,paddingBottom:4,\"&:not(:first-of-type)\":{paddingLeft:10,paddingRight:0}},tbody:{boxShadow:\"none\",border:\"none\"},code:codeCommon({theme}),div:{span:{fontWeight:\"bold\"}},\"& code\":{margin:0,display:\"inline-block\",fontSize:theme.typography.size.s1}}})),ArgJsDoc=({tags})=>{let params=(tags.params||[]).filter(x=>x.description),hasDisplayableParams=params.length!==0,hasDisplayableDeprecated=tags.deprecated!=null,hasDisplayableReturns=tags.returns!=null&&tags.returns.description!=null;return !hasDisplayableParams&&!hasDisplayableReturns&&!hasDisplayableDeprecated?null:React17.createElement(React17.Fragment,null,React17.createElement(Table,null,React17.createElement(\"tbody\",null,hasDisplayableDeprecated&&React17.createElement(\"tr\",{key:\"deprecated\"},React17.createElement(\"td\",{colSpan:2},React17.createElement(\"strong\",null,\"Deprecated\"),\": \",tags.deprecated)),hasDisplayableParams&¶ms.map(x=>React17.createElement(\"tr\",{key:x.name},React17.createElement(\"td\",null,React17.createElement(\"code\",null,x.name)),React17.createElement(\"td\",null,x.description))),hasDisplayableReturns&&React17.createElement(\"tr\",{key:\"returns\"},React17.createElement(\"td\",null,React17.createElement(\"code\",null,\"Returns\")),React17.createElement(\"td\",null,tags.returns.description)))))};var ITEMS_BEFORE_EXPANSION=8,Summary=styled.div(({isExpanded})=>({display:\"flex\",flexDirection:isExpanded?\"column\":\"row\",flexWrap:\"wrap\",alignItems:\"flex-start\",marginBottom:\"-4px\",minWidth:100})),Text=styled.span(codeCommon,({theme,simple=!1})=>({flex:\"0 0 auto\",fontFamily:theme.typography.fonts.mono,fontSize:theme.typography.size.s1,wordBreak:\"break-word\",whiteSpace:\"normal\",maxWidth:\"100%\",margin:0,marginRight:\"4px\",marginBottom:\"4px\",paddingTop:\"2px\",paddingBottom:\"2px\",lineHeight:\"13px\",...simple&&{background:\"transparent\",border:\"0 none\",paddingLeft:0}})),ExpandButton=styled.button(({theme})=>({fontFamily:theme.typography.fonts.mono,color:theme.color.secondary,marginBottom:\"4px\",background:\"none\",border:\"none\"})),Expandable=styled.div(codeCommon,({theme})=>({fontFamily:theme.typography.fonts.mono,color:theme.color.secondary,fontSize:theme.typography.size.s1,margin:0,whiteSpace:\"nowrap\",display:\"flex\",alignItems:\"center\"})),Detail=styled.div(({theme,width})=>({width,minWidth:200,maxWidth:800,padding:15,fontFamily:theme.typography.fonts.mono,fontSize:theme.typography.size.s1,boxSizing:\"content-box\",\"& code\":{padding:\"0 !important\"}})),ArrowIcon=styled(Icons)({height:10,width:10,minWidth:10,marginLeft:4}),EmptyArg=()=>React17.createElement(\"span\",null,\"-\"),ArgText=({text,simple})=>React17.createElement(Text,{simple},text),calculateDetailWidth=memoize(1e3)(detail=>{let lines=detail.split(/\\r?\\n/);return `${Math.max(...lines.map(x=>x.length))}ch`}),getSummaryItems=summary=>{if(!summary)return [summary];let summaryItems=summary.split(\"|\").map(value2=>value2.trim());return uniq(summaryItems)},renderSummaryItems=(summaryItems,isExpanded=!0)=>{let items=summaryItems;return isExpanded||(items=summaryItems.slice(0,ITEMS_BEFORE_EXPANSION)),items.map(item=>React17.createElement(ArgText,{key:item,text:item===\"\"?'\"\"':item}))},ArgSummary=({value:value2,initialExpandedArgs})=>{let{summary,detail}=value2,[isOpen,setIsOpen]=useState(!1),[isExpanded,setIsExpanded]=useState(initialExpandedArgs||!1);if(summary==null)return null;let summaryAsString=typeof summary.toString==\"function\"?summary.toString():summary;if(detail==null){if(/[(){}[\\]<>]/.test(summaryAsString))return React17.createElement(ArgText,{text:summaryAsString});let summaryItems=getSummaryItems(summaryAsString),itemsCount=summaryItems.length;return itemsCount>ITEMS_BEFORE_EXPANSION?React17.createElement(Summary,{isExpanded},renderSummaryItems(summaryItems,isExpanded),React17.createElement(ExpandButton,{onClick:()=>setIsExpanded(!isExpanded)},isExpanded?\"Show less...\":`Show ${itemsCount-ITEMS_BEFORE_EXPANSION} more...`)):React17.createElement(Summary,null,renderSummaryItems(summaryItems))}return React17.createElement(WithTooltipPure,{closeOnOutsideClick:!0,placement:\"bottom\",visible:isOpen,onVisibleChange:isVisible=>{setIsOpen(isVisible);},tooltip:React17.createElement(Detail,{width:calculateDetailWidth(detail)},React17.createElement(SyntaxHighlighter,{language:\"jsx\",format:!1},detail))},React17.createElement(Expandable,{className:\"sbdocs-expandable\"},React17.createElement(\"span\",null,summaryAsString),React17.createElement(ArrowIcon,{icon:isOpen?\"arrowup\":\"arrowdown\"})))},ArgValue=({value:value2,initialExpandedArgs})=>value2==null?React17.createElement(EmptyArg,null):React17.createElement(ArgSummary,{value:value2,initialExpandedArgs});var Label=styled.label(({theme})=>({lineHeight:\"18px\",alignItems:\"center\",marginBottom:8,display:\"inline-block\",position:\"relative\",whiteSpace:\"nowrap\",background:theme.boolean.background,borderRadius:\"3em\",padding:1,input:{appearance:\"none\",width:\"100%\",height:\"100%\",position:\"absolute\",left:0,top:0,margin:0,padding:0,border:\"none\",background:\"transparent\",cursor:\"pointer\",borderRadius:\"3em\",\"&:focus\":{outline:\"none\",boxShadow:`${theme.color.secondary} 0 0 0 1px inset !important`}},span:{textAlign:\"center\",fontSize:theme.typography.size.s1,fontWeight:theme.typography.weight.bold,lineHeight:\"1\",cursor:\"pointer\",display:\"inline-block\",padding:\"7px 15px\",transition:\"all 100ms ease-out\",userSelect:\"none\",borderRadius:\"3em\",color:transparentize(.5,theme.color.defaultText),background:\"transparent\",\"&:hover\":{boxShadow:`${opacify(.3,theme.appBorderColor)} 0 0 0 1px inset`},\"&:active\":{boxShadow:`${opacify(.05,theme.appBorderColor)} 0 0 0 2px inset`,color:opacify(1,theme.appBorderColor)},\"&:first-of-type\":{paddingRight:8},\"&:last-of-type\":{paddingLeft:8}},\"input:checked ~ span:last-of-type, input:not(:checked) ~ span:first-of-type\":{background:theme.boolean.selectedBackground,boxShadow:theme.base===\"light\"?`${opacify(.1,theme.appBorderColor)} 0 0 2px`:`${theme.appBorderColor} 0 0 0 1px`,color:theme.color.defaultText,padding:\"7px 15px\"}})),parse=value2=>value2===\"true\",BooleanControl=({name,value:value2,onChange,onBlur,onFocus})=>{let onSetFalse=useCallback(()=>onChange(!1),[onChange]);if(value2===void 0)return React17.createElement(Form.Button,{id:getControlSetterButtonId(name),onClick:onSetFalse},\"Set boolean\");let controlId=getControlId(name),parsedValue=typeof value2==\"string\"?parse(value2):value2;return React17.createElement(Label,{htmlFor:controlId,\"aria-label\":name},React17.createElement(\"input\",{id:controlId,type:\"checkbox\",onChange:e=>onChange(e.target.checked),checked:parsedValue,role:\"switch\",name,onBlur,onFocus}),React17.createElement(\"span\",{\"aria-hidden\":\"true\"},\"False\"),React17.createElement(\"span\",{\"aria-hidden\":\"true\"},\"True\"))};var parseDate=value2=>{let[year,month,day]=value2.split(\"-\"),result=new Date;return result.setFullYear(parseInt(year,10),parseInt(month,10)-1,parseInt(day,10)),result},parseTime=value2=>{let[hours,minutes]=value2.split(\":\"),result=new Date;return result.setHours(parseInt(hours,10)),result.setMinutes(parseInt(minutes,10)),result},formatDate=value2=>{let date=new Date(value2),year=`000${date.getFullYear()}`.slice(-4),month=`0${date.getMonth()+1}`.slice(-2),day=`0${date.getDate()}`.slice(-2);return `${year}-${month}-${day}`},formatTime=value2=>{let date=new Date(value2),hours=`0${date.getHours()}`.slice(-2),minutes=`0${date.getMinutes()}`.slice(-2);return `${hours}:${minutes}`},FlexSpaced=styled.div(({theme})=>({flex:1,display:\"flex\",input:{marginLeft:10,flex:1,height:32,\"&::-webkit-calendar-picker-indicator\":{opacity:.5,height:12,filter:theme.base===\"light\"?void 0:\"invert(1)\"}},\"input:first-of-type\":{marginLeft:0,flexGrow:4},\"input:last-of-type\":{flexGrow:3}})),DateControl=({name,value:value2,onChange,onFocus,onBlur})=>{let[valid,setValid]=useState(!0),dateRef=useRef(),timeRef=useRef();useEffect(()=>{valid!==!1&&(dateRef&&dateRef.current&&(dateRef.current.value=formatDate(value2)),timeRef&&timeRef.current&&(timeRef.current.value=formatTime(value2)));},[value2]);let onDateChange=e=>{let parsed=parseDate(e.target.value),result=new Date(value2);result.setFullYear(parsed.getFullYear(),parsed.getMonth(),parsed.getDate());let time=result.getTime();time&&onChange(time),setValid(!!time);},onTimeChange=e=>{let parsed=parseTime(e.target.value),result=new Date(value2);result.setHours(parsed.getHours()),result.setMinutes(parsed.getMinutes());let time=result.getTime();time&&onChange(time),setValid(!!time);},controlId=getControlId(name);return React17.createElement(FlexSpaced,null,React17.createElement(Form.Input,{type:\"date\",max:\"9999-12-31\",ref:dateRef,id:`${controlId}-date`,name:`${controlId}-date`,onChange:onDateChange,onFocus,onBlur}),React17.createElement(Form.Input,{type:\"time\",id:`${controlId}-time`,name:`${controlId}-time`,ref:timeRef,onChange:onTimeChange,onFocus,onBlur}),valid?null:React17.createElement(\"div\",null,\"invalid\"))};var Wrapper2=styled.label({display:\"flex\"}),parse2=value2=>{let result=parseFloat(value2);return Number.isNaN(result)?void 0:result},format=value2=>value2!=null?String(value2):\"\",NumberControl=({name,value:value2,onChange,min,max,step,onBlur,onFocus})=>{let[inputValue,setInputValue]=useState(typeof value2==\"number\"?value2:\"\"),[forceVisible,setForceVisible]=useState(!1),[parseError,setParseError]=useState(null),handleChange=useCallback(event=>{setInputValue(event.target.value);let result=parseFloat(event.target.value);Number.isNaN(result)?setParseError(new Error(`'${event.target.value}' is not a number`)):(onChange(result),setParseError(null));},[onChange,setParseError]),onForceVisible=useCallback(()=>{setInputValue(\"0\"),onChange(0),setForceVisible(!0);},[setForceVisible]),htmlElRef=useRef(null);return useEffect(()=>{forceVisible&&htmlElRef.current&&htmlElRef.current.select();},[forceVisible]),useEffect(()=>{inputValue!==(typeof value2==\"number\"?value2:\"\")&&setInputValue(value2);},[value2]),!forceVisible&&value2===void 0?React17.createElement(Form.Button,{id:getControlSetterButtonId(name),onClick:onForceVisible},\"Set number\"):React17.createElement(Wrapper2,null,React17.createElement(Form.Input,{ref:htmlElRef,id:getControlId(name),type:\"number\",onChange:handleChange,size:\"flex\",placeholder:\"Edit number...\",value:inputValue,valid:parseError?\"error\":null,autoFocus:forceVisible,name,min,max,step,onFocus,onBlur}))};var selectedKey=(value2,options)=>{let entry=options&&Object.entries(options).find(([_key,val])=>val===value2);return entry?entry[0]:void 0},selectedKeys=(value2,options)=>value2&&options?Object.entries(options).filter(entry=>value2.includes(entry[1])).map(entry=>entry[0]):[],selectedValues=(keys,options)=>keys&&options&&keys.map(key=>options[key]);var Wrapper3=styled.div(({isInline})=>isInline?{display:\"flex\",flexWrap:\"wrap\",alignItems:\"flex-start\",label:{display:\"inline-flex\",marginRight:15}}:{label:{display:\"flex\"}}),Text2=styled.span({}),Label2=styled.label({lineHeight:\"20px\",alignItems:\"center\",marginBottom:8,\"&:last-child\":{marginBottom:0},input:{margin:0,marginRight:6}}),CheckboxControl=({name,options,value:value2,onChange,isInline})=>{if(!options)return logger.warn(`Checkbox with no options: ${name}`),React17.createElement(React17.Fragment,null,\"-\");let initial=selectedKeys(value2,options),[selected,setSelected]=useState(initial),handleChange=e=>{let option=e.target.value,updated=[...selected];updated.includes(option)?updated.splice(updated.indexOf(option),1):updated.push(option),onChange(selectedValues(updated,options)),setSelected(updated);};useEffect(()=>{setSelected(selectedKeys(value2,options));},[value2]);let controlId=getControlId(name);return React17.createElement(Wrapper3,{isInline},Object.keys(options).map((key,index)=>{let id=`${controlId}-${index}`;return React17.createElement(Label2,{key:id,htmlFor:id},React17.createElement(\"input\",{type:\"checkbox\",id,name:id,value:key,onChange:handleChange,checked:selected?.includes(key)}),React17.createElement(Text2,null,key))}))};var Wrapper4=styled.div(({isInline})=>isInline?{display:\"flex\",flexWrap:\"wrap\",alignItems:\"flex-start\",label:{display:\"inline-flex\",marginRight:15}}:{label:{display:\"flex\"}}),Text3=styled.span({}),Label3=styled.label({lineHeight:\"20px\",alignItems:\"center\",marginBottom:8,\"&:last-child\":{marginBottom:0},input:{margin:0,marginRight:6}}),RadioControl=({name,options,value:value2,onChange,isInline})=>{if(!options)return logger.warn(`Radio with no options: ${name}`),React17.createElement(React17.Fragment,null,\"-\");let selection=selectedKey(value2,options),controlId=getControlId(name);return React17.createElement(Wrapper4,{isInline},Object.keys(options).map((key,index)=>{let id=`${controlId}-${index}`;return React17.createElement(Label3,{key:id,htmlFor:id},React17.createElement(\"input\",{type:\"radio\",id,name:id,value:key,onChange:e=>onChange(options[e.currentTarget.value]),checked:key===selection}),React17.createElement(Text3,null,key))}))};var styleResets={appearance:\"none\",border:\"0 none\",boxSizing:\"inherit\",display:\" block\",margin:\" 0\",background:\"transparent\",padding:0,fontSize:\"inherit\",position:\"relative\"},OptionsSelect=styled.select(styleResets,({theme})=>({boxSizing:\"border-box\",position:\"relative\",padding:\"6px 10px\",width:\"100%\",color:theme.input.color||\"inherit\",background:theme.input.background,borderRadius:theme.input.borderRadius,boxShadow:`${theme.input.border} 0 0 0 1px inset`,fontSize:theme.typography.size.s2-1,lineHeight:\"20px\",\"&:focus\":{boxShadow:`${theme.color.secondary} 0 0 0 1px inset`,outline:\"none\"},\"&[disabled]\":{cursor:\"not-allowed\",opacity:.5},\"::placeholder\":{color:theme.textMutedColor},\"&[multiple]\":{overflow:\"auto\",padding:0,option:{display:\"block\",padding:\"6px 10px\",marginLeft:1,marginRight:1}}})),SelectWrapper=styled.span(({theme})=>({display:\"inline-block\",lineHeight:\"normal\",overflow:\"hidden\",position:\"relative\",verticalAlign:\"top\",width:\"100%\",svg:{position:\"absolute\",zIndex:1,pointerEvents:\"none\",height:\"12px\",marginTop:\"-6px\",right:\"12px\",top:\"50%\",fill:theme.textMutedColor,path:{fill:theme.textMutedColor}}})),NO_SELECTION=\"Choose option...\",SingleSelect=({name,value:value2,options,onChange})=>{let handleChange=e=>{onChange(options[e.currentTarget.value]);},selection=selectedKey(value2,options)||NO_SELECTION,controlId=getControlId(name);return React17.createElement(SelectWrapper,null,React17.createElement(Icons,{icon:\"arrowdown\"}),React17.createElement(OptionsSelect,{id:controlId,value:selection,onChange:handleChange},React17.createElement(\"option\",{key:\"no-selection\",disabled:!0},NO_SELECTION),Object.keys(options).map(key=>React17.createElement(\"option\",{key,value:key},key))))},MultiSelect=({name,value:value2,options,onChange})=>{let handleChange=e=>{let selection2=Array.from(e.currentTarget.options).filter(option=>option.selected).map(option=>option.value);onChange(selectedValues(selection2,options));},selection=selectedKeys(value2,options),controlId=getControlId(name);return React17.createElement(SelectWrapper,null,React17.createElement(OptionsSelect,{id:controlId,multiple:!0,value:selection,onChange:handleChange},Object.keys(options).map(key=>React17.createElement(\"option\",{key,value:key},key))))},SelectControl=props=>{let{name,options}=props;return options?props.isMulti?React17.createElement(MultiSelect,{...props}):React17.createElement(SingleSelect,{...props}):(logger.warn(`Select with no options: ${name}`),React17.createElement(React17.Fragment,null,\"-\"))};var normalizeOptions=(options,labels)=>Array.isArray(options)?options.reduce((acc,item)=>(acc[labels?.[item]||String(item)]=item,acc),{}):options,Controls={check:CheckboxControl,\"inline-check\":CheckboxControl,radio:RadioControl,\"inline-radio\":RadioControl,select:SelectControl,\"multi-select\":SelectControl},OptionsControl=props=>{let{type=\"select\",labels,argType}=props,normalized={...props,options:argType?normalizeOptions(argType.options,labels):{},isInline:type.includes(\"inline\"),isMulti:type.includes(\"multi\")},Control=Controls[type];if(Control)return React17.createElement(Control,{...normalized});throw new Error(`Unknown options type: ${type}`)};var VALUE=\"value\",KEY=\"key\";var ERROR=\"Error\",OBJECT=\"Object\",ARRAY=\"Array\",STRING=\"String\",NUMBER=\"Number\",BOOLEAN=\"Boolean\",DATE=\"Date\",NULL=\"Null\",UNDEFINED=\"Undefined\",FUNCTION=\"Function\",SYMBOL=\"Symbol\";var ADD_DELTA_TYPE=\"ADD_DELTA_TYPE\",REMOVE_DELTA_TYPE=\"REMOVE_DELTA_TYPE\",UPDATE_DELTA_TYPE=\"UPDATE_DELTA_TYPE\";function getObjectType(obj){return obj!==null&&typeof obj==\"object\"&&!Array.isArray(obj)&&typeof obj[Symbol.iterator]==\"function\"?\"Iterable\":Object.prototype.toString.call(obj).slice(8,-1)}function isComponentWillChange(oldValue,newValue){let oldType=getObjectType(oldValue),newType=getObjectType(newValue);return (oldType===\"Function\"||newType===\"Function\")&&newType!==oldType}var JsonAddValue=class extends Component{constructor(props){super(props),this.state={inputRefKey:null,inputRefValue:null},this.refInputValue=this.refInputValue.bind(this),this.refInputKey=this.refInputKey.bind(this),this.onKeydown=this.onKeydown.bind(this),this.onSubmit=this.onSubmit.bind(this);}componentDidMount(){let{inputRefKey,inputRefValue}=this.state,{onlyValue}=this.props;inputRefKey&&typeof inputRefKey.focus==\"function\"&&inputRefKey.focus(),onlyValue&&inputRefValue&&typeof inputRefValue.focus==\"function\"&&inputRefValue.focus(),document.addEventListener(\"keydown\",this.onKeydown);}componentWillUnmount(){document.removeEventListener(\"keydown\",this.onKeydown);}onKeydown(event){event.altKey||event.ctrlKey||event.metaKey||event.shiftKey||event.repeat||((event.code===\"Enter\"||event.key===\"Enter\")&&(event.preventDefault(),this.onSubmit()),(event.code===\"Escape\"||event.key===\"Escape\")&&(event.preventDefault(),this.props.handleCancel()));}onSubmit(){let{handleAdd,onlyValue,onSubmitValueParser,keyPath,deep}=this.props,{inputRefKey,inputRefValue}=this.state,result={};if(!onlyValue){if(!inputRefKey.value)return;result.key=inputRefKey.value;}result.newValue=onSubmitValueParser(!1,keyPath,deep,result.key,inputRefValue.value),handleAdd(result);}refInputKey(node){this.state.inputRefKey=node;}refInputValue(node){this.state.inputRefValue=node;}render(){let{handleCancel,onlyValue,addButtonElement,cancelButtonElement,inputElementGenerator,keyPath,deep}=this.props,addButtonElementLayout=cloneElement(addButtonElement,{onClick:this.onSubmit}),cancelButtonElementLayout=cloneElement(cancelButtonElement,{onClick:handleCancel}),inputElementValue=inputElementGenerator(VALUE,keyPath,deep),inputElementValueLayout=cloneElement(inputElementValue,{placeholder:\"Value\",ref:this.refInputValue}),inputElementKeyLayout=null;if(!onlyValue){let inputElementKey=inputElementGenerator(KEY,keyPath,deep);inputElementKeyLayout=cloneElement(inputElementKey,{placeholder:\"Key\",ref:this.refInputKey});}return React17.createElement(\"span\",{className:\"rejt-add-value-node\"},inputElementKeyLayout,inputElementValueLayout,cancelButtonElementLayout,addButtonElementLayout)}};JsonAddValue.defaultProps={onlyValue:!1,addButtonElement:React17.createElement(\"button\",null,\"+\"),cancelButtonElement:React17.createElement(\"button\",null,\"c\")};var JsonArray=class extends Component{constructor(props){super(props);let keyPath=[...props.keyPath,props.name];this.state={data:props.data,name:props.name,keyPath,deep:props.deep,nextDeep:props.deep+1,collapsed:props.isCollapsed(keyPath,props.deep,props.data),addFormVisible:!1},this.handleCollapseMode=this.handleCollapseMode.bind(this),this.handleRemoveItem=this.handleRemoveItem.bind(this),this.handleAddMode=this.handleAddMode.bind(this),this.handleAddValueAdd=this.handleAddValueAdd.bind(this),this.handleAddValueCancel=this.handleAddValueCancel.bind(this),this.handleEditValue=this.handleEditValue.bind(this),this.onChildUpdate=this.onChildUpdate.bind(this),this.renderCollapsed=this.renderCollapsed.bind(this),this.renderNotCollapsed=this.renderNotCollapsed.bind(this);}static getDerivedStateFromProps(props,state){return props.data!==state.data?{data:props.data}:null}onChildUpdate(childKey,childData){let{data,keyPath}=this.state;data[childKey]=childData,this.setState({data});let{onUpdate}=this.props,size=keyPath.length;onUpdate(keyPath[size-1],data);}handleAddMode(){this.setState({addFormVisible:!0});}handleCollapseMode(){this.setState(state=>({collapsed:!state.collapsed}));}handleRemoveItem(index){return ()=>{let{beforeRemoveAction,logger:logger4}=this.props,{data,keyPath,nextDeep:deep}=this.state,oldValue=data[index];beforeRemoveAction(index,keyPath,deep,oldValue).then(()=>{let deltaUpdateResult={keyPath,deep,key:index,oldValue,type:REMOVE_DELTA_TYPE};data.splice(index,1),this.setState({data});let{onUpdate,onDeltaUpdate}=this.props;onUpdate(keyPath[keyPath.length-1],data),onDeltaUpdate(deltaUpdateResult);}).catch(logger4.error);}}handleAddValueAdd({newValue}){let{data,keyPath,nextDeep:deep}=this.state,{beforeAddAction,logger:logger4}=this.props;beforeAddAction(data.length,keyPath,deep,newValue).then(()=>{let newData=[...data,newValue];this.setState({data:newData}),this.handleAddValueCancel();let{onUpdate,onDeltaUpdate}=this.props;onUpdate(keyPath[keyPath.length-1],newData),onDeltaUpdate({type:ADD_DELTA_TYPE,keyPath,deep,key:newData.length-1,newValue});}).catch(logger4.error);}handleAddValueCancel(){this.setState({addFormVisible:!1});}handleEditValue({key,value:value2}){return new Promise((resolve,reject)=>{let{beforeUpdateAction}=this.props,{data,keyPath,nextDeep:deep}=this.state,oldValue=data[key];beforeUpdateAction(key,keyPath,deep,oldValue,value2).then(()=>{data[key]=value2,this.setState({data});let{onUpdate,onDeltaUpdate}=this.props;onUpdate(keyPath[keyPath.length-1],data),onDeltaUpdate({type:UPDATE_DELTA_TYPE,keyPath,deep,key,newValue:value2,oldValue}),resolve(void 0);}).catch(reject);})}renderCollapsed(){let{name,data,keyPath,deep}=this.state,{handleRemove,readOnly,getStyle,dataType,minusMenuElement}=this.props,{minus,collapsed}=getStyle(name,data,keyPath,deep,dataType),isReadOnly=readOnly(name,data,keyPath,deep,dataType),removeItemButton=cloneElement(minusMenuElement,{onClick:handleRemove,className:\"rejt-minus-menu\",style:minus});return React17.createElement(\"span\",{className:\"rejt-collapsed\"},React17.createElement(\"span\",{className:\"rejt-collapsed-text\",style:collapsed,onClick:this.handleCollapseMode},\"[...] \",data.length,\" \",data.length===1?\"item\":\"items\"),!isReadOnly&&removeItemButton)}renderNotCollapsed(){let{name,data,keyPath,deep,addFormVisible,nextDeep}=this.state,{isCollapsed,handleRemove,onDeltaUpdate,readOnly,getStyle,dataType,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator,textareaElementGenerator,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser}=this.props,{minus,plus,delimiter,ul,addForm}=getStyle(name,data,keyPath,deep,dataType),isReadOnly=readOnly(name,data,keyPath,deep,dataType),addItemButton=cloneElement(plusMenuElement,{onClick:this.handleAddMode,className:\"rejt-plus-menu\",style:plus}),removeItemButton=cloneElement(minusMenuElement,{onClick:handleRemove,className:\"rejt-minus-menu\",style:minus}),onlyValue=!0,startObject=\"[\",endObject=\"]\";return React17.createElement(\"span\",{className:\"rejt-not-collapsed\"},React17.createElement(\"span\",{className:\"rejt-not-collapsed-delimiter\",style:delimiter},startObject),!addFormVisible&&addItemButton,React17.createElement(\"ul\",{className:\"rejt-not-collapsed-list\",style:ul},data.map((item,index)=>React17.createElement(JsonNode,{key:index,name:index.toString(),data:item,keyPath,deep:nextDeep,isCollapsed,handleRemove:this.handleRemoveItem(index),handleUpdateValue:this.handleEditValue,onUpdate:this.onChildUpdate,onDeltaUpdate,readOnly,getStyle,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator,textareaElementGenerator,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser}))),!isReadOnly&&addFormVisible&&React17.createElement(\"div\",{className:\"rejt-add-form\",style:addForm},React17.createElement(JsonAddValue,{handleAdd:this.handleAddValueAdd,handleCancel:this.handleAddValueCancel,onlyValue,addButtonElement,cancelButtonElement,inputElementGenerator,keyPath,deep,onSubmitValueParser})),React17.createElement(\"span\",{className:\"rejt-not-collapsed-delimiter\",style:delimiter},endObject),!isReadOnly&&removeItemButton)}render(){let{name,collapsed,data,keyPath,deep}=this.state,{dataType,getStyle}=this.props,value2=collapsed?this.renderCollapsed():this.renderNotCollapsed(),style=getStyle(name,data,keyPath,deep,dataType);return React17.createElement(\"div\",{className:\"rejt-array-node\"},React17.createElement(\"span\",{onClick:this.handleCollapseMode},React17.createElement(\"span\",{className:\"rejt-name\",style:style.name},name,\" :\",\" \")),value2)}};JsonArray.defaultProps={keyPath:[],deep:0,minusMenuElement:React17.createElement(\"span\",null,\" - \"),plusMenuElement:React17.createElement(\"span\",null,\" + \")};var JsonFunctionValue=class extends Component{constructor(props){super(props);let keyPath=[...props.keyPath,props.name];this.state={value:props.value,name:props.name,keyPath,deep:props.deep,editEnabled:!1,inputRef:null},this.handleEditMode=this.handleEditMode.bind(this),this.refInput=this.refInput.bind(this),this.handleCancelEdit=this.handleCancelEdit.bind(this),this.handleEdit=this.handleEdit.bind(this),this.onKeydown=this.onKeydown.bind(this);}static getDerivedStateFromProps(props,state){return props.value!==state.value?{value:props.value}:null}componentDidUpdate(){let{editEnabled,inputRef,name,value:value2,keyPath,deep}=this.state,{readOnly,dataType}=this.props,readOnlyResult=readOnly(name,value2,keyPath,deep,dataType);editEnabled&&!readOnlyResult&&typeof inputRef.focus==\"function\"&&inputRef.focus();}componentDidMount(){document.addEventListener(\"keydown\",this.onKeydown);}componentWillUnmount(){document.removeEventListener(\"keydown\",this.onKeydown);}onKeydown(event){event.altKey||event.ctrlKey||event.metaKey||event.shiftKey||event.repeat||((event.code===\"Enter\"||event.key===\"Enter\")&&(event.preventDefault(),this.handleEdit()),(event.code===\"Escape\"||event.key===\"Escape\")&&(event.preventDefault(),this.handleCancelEdit()));}handleEdit(){let{handleUpdateValue,originalValue,logger:logger4,onSubmitValueParser,keyPath}=this.props,{inputRef,name,deep}=this.state;if(!inputRef)return;let newValue=onSubmitValueParser(!0,keyPath,deep,name,inputRef.value);handleUpdateValue({value:newValue,key:name}).then(()=>{isComponentWillChange(originalValue,newValue)||this.handleCancelEdit();}).catch(logger4.error);}handleEditMode(){this.setState({editEnabled:!0});}refInput(node){this.state.inputRef=node;}handleCancelEdit(){this.setState({editEnabled:!1});}render(){let{name,value:value2,editEnabled,keyPath,deep}=this.state,{handleRemove,originalValue,readOnly,dataType,getStyle,editButtonElement,cancelButtonElement,textareaElementGenerator,minusMenuElement,keyPath:comeFromKeyPath}=this.props,style=getStyle(name,originalValue,keyPath,deep,dataType),result=null,minusElement=null,resultOnlyResult=readOnly(name,originalValue,keyPath,deep,dataType);if(editEnabled&&!resultOnlyResult){let textareaElement=textareaElementGenerator(VALUE,comeFromKeyPath,deep,name,originalValue,dataType),editButtonElementLayout=cloneElement(editButtonElement,{onClick:this.handleEdit}),cancelButtonElementLayout=cloneElement(cancelButtonElement,{onClick:this.handleCancelEdit}),textareaElementLayout=cloneElement(textareaElement,{ref:this.refInput,defaultValue:originalValue});result=React17.createElement(\"span\",{className:\"rejt-edit-form\",style:style.editForm},textareaElementLayout,\" \",cancelButtonElementLayout,editButtonElementLayout),minusElement=null;}else {result=React17.createElement(\"span\",{className:\"rejt-value\",style:style.value,onClick:resultOnlyResult?null:this.handleEditMode},value2);let minusMenuLayout=cloneElement(minusMenuElement,{onClick:handleRemove,className:\"rejt-minus-menu\",style:style.minus});minusElement=resultOnlyResult?null:minusMenuLayout;}return React17.createElement(\"li\",{className:\"rejt-function-value-node\",style:style.li},React17.createElement(\"span\",{className:\"rejt-name\",style:style.name},name,\" :\",\" \"),result,minusElement)}};JsonFunctionValue.defaultProps={keyPath:[],deep:0,handleUpdateValue:()=>{},editButtonElement:React17.createElement(\"button\",null,\"e\"),cancelButtonElement:React17.createElement(\"button\",null,\"c\"),minusMenuElement:React17.createElement(\"span\",null,\" - \")};var JsonNode=class extends Component{constructor(props){super(props),this.state={data:props.data,name:props.name,keyPath:props.keyPath,deep:props.deep};}static getDerivedStateFromProps(props,state){return props.data!==state.data?{data:props.data}:null}render(){let{data,name,keyPath,deep}=this.state,{isCollapsed,handleRemove,handleUpdateValue,onUpdate,onDeltaUpdate,readOnly,getStyle,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator,textareaElementGenerator,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser}=this.props,readOnlyTrue=()=>!0,dataType=getObjectType(data);switch(dataType){case ERROR:return React17.createElement(JsonObject,{data,name,isCollapsed,keyPath,deep,handleRemove,onUpdate,onDeltaUpdate,readOnly:readOnlyTrue,dataType,getStyle,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator,textareaElementGenerator,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser});case OBJECT:return React17.createElement(JsonObject,{data,name,isCollapsed,keyPath,deep,handleRemove,onUpdate,onDeltaUpdate,readOnly,dataType,getStyle,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator,textareaElementGenerator,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser});case ARRAY:return React17.createElement(JsonArray,{data,name,isCollapsed,keyPath,deep,handleRemove,onUpdate,onDeltaUpdate,readOnly,dataType,getStyle,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator,textareaElementGenerator,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser});case STRING:return React17.createElement(JsonValue,{name,value:`\"${data}\"`,originalValue:data,keyPath,deep,handleRemove,handleUpdateValue,readOnly,dataType,getStyle,cancelButtonElement,editButtonElement,inputElementGenerator,minusMenuElement,logger:logger4,onSubmitValueParser});case NUMBER:return React17.createElement(JsonValue,{name,value:data,originalValue:data,keyPath,deep,handleRemove,handleUpdateValue,readOnly,dataType,getStyle,cancelButtonElement,editButtonElement,inputElementGenerator,minusMenuElement,logger:logger4,onSubmitValueParser});case BOOLEAN:return React17.createElement(JsonValue,{name,value:data?\"true\":\"false\",originalValue:data,keyPath,deep,handleRemove,handleUpdateValue,readOnly,dataType,getStyle,cancelButtonElement,editButtonElement,inputElementGenerator,minusMenuElement,logger:logger4,onSubmitValueParser});case DATE:return React17.createElement(JsonValue,{name,value:data.toISOString(),originalValue:data,keyPath,deep,handleRemove,handleUpdateValue,readOnly:readOnlyTrue,dataType,getStyle,cancelButtonElement,editButtonElement,inputElementGenerator,minusMenuElement,logger:logger4,onSubmitValueParser});case NULL:return React17.createElement(JsonValue,{name,value:\"null\",originalValue:\"null\",keyPath,deep,handleRemove,handleUpdateValue,readOnly,dataType,getStyle,cancelButtonElement,editButtonElement,inputElementGenerator,minusMenuElement,logger:logger4,onSubmitValueParser});case UNDEFINED:return React17.createElement(JsonValue,{name,value:\"undefined\",originalValue:\"undefined\",keyPath,deep,handleRemove,handleUpdateValue,readOnly,dataType,getStyle,cancelButtonElement,editButtonElement,inputElementGenerator,minusMenuElement,logger:logger4,onSubmitValueParser});case FUNCTION:return React17.createElement(JsonFunctionValue,{name,value:data.toString(),originalValue:data,keyPath,deep,handleRemove,handleUpdateValue,readOnly,dataType,getStyle,cancelButtonElement,editButtonElement,textareaElementGenerator,minusMenuElement,logger:logger4,onSubmitValueParser});case SYMBOL:return React17.createElement(JsonValue,{name,value:data.toString(),originalValue:data,keyPath,deep,handleRemove,handleUpdateValue,readOnly:readOnlyTrue,dataType,getStyle,cancelButtonElement,editButtonElement,inputElementGenerator,minusMenuElement,logger:logger4,onSubmitValueParser});default:return null}}};JsonNode.defaultProps={keyPath:[],deep:0};var JsonObject=class extends Component{constructor(props){super(props);let keyPath=props.deep===-1?[]:[...props.keyPath,props.name];this.state={name:props.name,data:props.data,keyPath,deep:props.deep,nextDeep:props.deep+1,collapsed:props.isCollapsed(keyPath,props.deep,props.data),addFormVisible:!1},this.handleCollapseMode=this.handleCollapseMode.bind(this),this.handleRemoveValue=this.handleRemoveValue.bind(this),this.handleAddMode=this.handleAddMode.bind(this),this.handleAddValueAdd=this.handleAddValueAdd.bind(this),this.handleAddValueCancel=this.handleAddValueCancel.bind(this),this.handleEditValue=this.handleEditValue.bind(this),this.onChildUpdate=this.onChildUpdate.bind(this),this.renderCollapsed=this.renderCollapsed.bind(this),this.renderNotCollapsed=this.renderNotCollapsed.bind(this);}static getDerivedStateFromProps(props,state){return props.data!==state.data?{data:props.data}:null}onChildUpdate(childKey,childData){let{data,keyPath}=this.state;data[childKey]=childData,this.setState({data});let{onUpdate}=this.props,size=keyPath.length;onUpdate(keyPath[size-1],data);}handleAddMode(){this.setState({addFormVisible:!0});}handleAddValueCancel(){this.setState({addFormVisible:!1});}handleAddValueAdd({key,newValue}){let{data,keyPath,nextDeep:deep}=this.state,{beforeAddAction,logger:logger4}=this.props;beforeAddAction(key,keyPath,deep,newValue).then(()=>{data[key]=newValue,this.setState({data}),this.handleAddValueCancel();let{onUpdate,onDeltaUpdate}=this.props;onUpdate(keyPath[keyPath.length-1],data),onDeltaUpdate({type:ADD_DELTA_TYPE,keyPath,deep,key,newValue});}).catch(logger4.error);}handleRemoveValue(key){return ()=>{let{beforeRemoveAction,logger:logger4}=this.props,{data,keyPath,nextDeep:deep}=this.state,oldValue=data[key];beforeRemoveAction(key,keyPath,deep,oldValue).then(()=>{let deltaUpdateResult={keyPath,deep,key,oldValue,type:REMOVE_DELTA_TYPE};delete data[key],this.setState({data});let{onUpdate,onDeltaUpdate}=this.props;onUpdate(keyPath[keyPath.length-1],data),onDeltaUpdate(deltaUpdateResult);}).catch(logger4.error);}}handleCollapseMode(){this.setState(state=>({collapsed:!state.collapsed}));}handleEditValue({key,value:value2}){return new Promise((resolve,reject)=>{let{beforeUpdateAction}=this.props,{data,keyPath,nextDeep:deep}=this.state,oldValue=data[key];beforeUpdateAction(key,keyPath,deep,oldValue,value2).then(()=>{data[key]=value2,this.setState({data});let{onUpdate,onDeltaUpdate}=this.props;onUpdate(keyPath[keyPath.length-1],data),onDeltaUpdate({type:UPDATE_DELTA_TYPE,keyPath,deep,key,newValue:value2,oldValue}),resolve();}).catch(reject);})}renderCollapsed(){let{name,keyPath,deep,data}=this.state,{handleRemove,readOnly,dataType,getStyle,minusMenuElement}=this.props,{minus,collapsed}=getStyle(name,data,keyPath,deep,dataType),keyList=Object.getOwnPropertyNames(data),isReadOnly=readOnly(name,data,keyPath,deep,dataType),removeItemButton=cloneElement(minusMenuElement,{onClick:handleRemove,className:\"rejt-minus-menu\",style:minus});return React17.createElement(\"span\",{className:\"rejt-collapsed\"},React17.createElement(\"span\",{className:\"rejt-collapsed-text\",style:collapsed,onClick:this.handleCollapseMode},\"{...}\",\" \",keyList.length,\" \",keyList.length===1?\"key\":\"keys\"),!isReadOnly&&removeItemButton)}renderNotCollapsed(){let{name,data,keyPath,deep,nextDeep,addFormVisible}=this.state,{isCollapsed,handleRemove,onDeltaUpdate,readOnly,getStyle,dataType,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator,textareaElementGenerator,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser}=this.props,{minus,plus,addForm,ul,delimiter}=getStyle(name,data,keyPath,deep,dataType),keyList=Object.getOwnPropertyNames(data),isReadOnly=readOnly(name,data,keyPath,deep,dataType),addItemButton=cloneElement(plusMenuElement,{onClick:this.handleAddMode,className:\"rejt-plus-menu\",style:plus}),removeItemButton=cloneElement(minusMenuElement,{onClick:handleRemove,className:\"rejt-minus-menu\",style:minus}),list=keyList.map(key=>React17.createElement(JsonNode,{key,name:key,data:data[key],keyPath,deep:nextDeep,isCollapsed,handleRemove:this.handleRemoveValue(key),handleUpdateValue:this.handleEditValue,onUpdate:this.onChildUpdate,onDeltaUpdate,readOnly,getStyle,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator,textareaElementGenerator,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser})),startObject=\"{\",endObject=\"}\";return React17.createElement(\"span\",{className:\"rejt-not-collapsed\"},React17.createElement(\"span\",{className:\"rejt-not-collapsed-delimiter\",style:delimiter},startObject),!isReadOnly&&addItemButton,React17.createElement(\"ul\",{className:\"rejt-not-collapsed-list\",style:ul},list),!isReadOnly&&addFormVisible&&React17.createElement(\"div\",{className:\"rejt-add-form\",style:addForm},React17.createElement(JsonAddValue,{handleAdd:this.handleAddValueAdd,handleCancel:this.handleAddValueCancel,addButtonElement,cancelButtonElement,inputElementGenerator,keyPath,deep,onSubmitValueParser})),React17.createElement(\"span\",{className:\"rejt-not-collapsed-delimiter\",style:delimiter},endObject),!isReadOnly&&removeItemButton)}render(){let{name,collapsed,data,keyPath,deep}=this.state,{getStyle,dataType}=this.props,value2=collapsed?this.renderCollapsed():this.renderNotCollapsed(),style=getStyle(name,data,keyPath,deep,dataType);return React17.createElement(\"div\",{className:\"rejt-object-node\"},React17.createElement(\"span\",{onClick:this.handleCollapseMode},React17.createElement(\"span\",{className:\"rejt-name\",style:style.name},name,\" :\",\" \")),value2)}};JsonObject.defaultProps={keyPath:[],deep:0,minusMenuElement:React17.createElement(\"span\",null,\" - \"),plusMenuElement:React17.createElement(\"span\",null,\" + \")};var JsonValue=class extends Component{constructor(props){super(props);let keyPath=[...props.keyPath,props.name];this.state={value:props.value,name:props.name,keyPath,deep:props.deep,editEnabled:!1,inputRef:null},this.handleEditMode=this.handleEditMode.bind(this),this.refInput=this.refInput.bind(this),this.handleCancelEdit=this.handleCancelEdit.bind(this),this.handleEdit=this.handleEdit.bind(this),this.onKeydown=this.onKeydown.bind(this);}static getDerivedStateFromProps(props,state){return props.value!==state.value?{value:props.value}:null}componentDidUpdate(){let{editEnabled,inputRef,name,value:value2,keyPath,deep}=this.state,{readOnly,dataType}=this.props,isReadOnly=readOnly(name,value2,keyPath,deep,dataType);editEnabled&&!isReadOnly&&typeof inputRef.focus==\"function\"&&inputRef.focus();}componentDidMount(){document.addEventListener(\"keydown\",this.onKeydown);}componentWillUnmount(){document.removeEventListener(\"keydown\",this.onKeydown);}onKeydown(event){event.altKey||event.ctrlKey||event.metaKey||event.shiftKey||event.repeat||((event.code===\"Enter\"||event.key===\"Enter\")&&(event.preventDefault(),this.handleEdit()),(event.code===\"Escape\"||event.key===\"Escape\")&&(event.preventDefault(),this.handleCancelEdit()));}handleEdit(){let{handleUpdateValue,originalValue,logger:logger4,onSubmitValueParser,keyPath}=this.props,{inputRef,name,deep}=this.state;if(!inputRef)return;let newValue=onSubmitValueParser(!0,keyPath,deep,name,inputRef.value);handleUpdateValue({value:newValue,key:name}).then(()=>{isComponentWillChange(originalValue,newValue)||this.handleCancelEdit();}).catch(logger4.error);}handleEditMode(){this.setState({editEnabled:!0});}refInput(node){this.state.inputRef=node;}handleCancelEdit(){this.setState({editEnabled:!1});}render(){let{name,value:value2,editEnabled,keyPath,deep}=this.state,{handleRemove,originalValue,readOnly,dataType,getStyle,editButtonElement,cancelButtonElement,inputElementGenerator,minusMenuElement,keyPath:comeFromKeyPath}=this.props,style=getStyle(name,originalValue,keyPath,deep,dataType),isReadOnly=readOnly(name,originalValue,keyPath,deep,dataType),isEditing=editEnabled&&!isReadOnly,inputElement=inputElementGenerator(VALUE,comeFromKeyPath,deep,name,originalValue,dataType),editButtonElementLayout=cloneElement(editButtonElement,{onClick:this.handleEdit}),cancelButtonElementLayout=cloneElement(cancelButtonElement,{onClick:this.handleCancelEdit}),inputElementLayout=cloneElement(inputElement,{ref:this.refInput,defaultValue:JSON.stringify(originalValue)}),minusMenuLayout=cloneElement(minusMenuElement,{onClick:handleRemove,className:\"rejt-minus-menu\",style:style.minus});return React17.createElement(\"li\",{className:\"rejt-value-node\",style:style.li},React17.createElement(\"span\",{className:\"rejt-name\",style:style.name},name,\" : \"),isEditing?React17.createElement(\"span\",{className:\"rejt-edit-form\",style:style.editForm},inputElementLayout,\" \",cancelButtonElementLayout,editButtonElementLayout):React17.createElement(\"span\",{className:\"rejt-value\",style:style.value,onClick:isReadOnly?null:this.handleEditMode},String(value2)),!isReadOnly&&!isEditing&&minusMenuLayout)}};JsonValue.defaultProps={keyPath:[],deep:0,handleUpdateValue:()=>Promise.resolve(),editButtonElement:React17.createElement(\"button\",null,\"e\"),cancelButtonElement:React17.createElement(\"button\",null,\"c\"),minusMenuElement:React17.createElement(\"span\",null,\" - \")};var object={minus:{color:\"red\"},plus:{color:\"green\"},collapsed:{color:\"grey\"},delimiter:{},ul:{padding:\"0px\",margin:\"0 0 0 25px\",listStyle:\"none\"},name:{color:\"#2287CD\"},addForm:{}},array={minus:{color:\"red\"},plus:{color:\"green\"},collapsed:{color:\"grey\"},delimiter:{},ul:{padding:\"0px\",margin:\"0 0 0 25px\",listStyle:\"none\"},name:{color:\"#2287CD\"},addForm:{}},value={minus:{color:\"red\"},editForm:{},value:{color:\"#7bba3d\"},li:{minHeight:\"22px\",lineHeight:\"22px\",outline:\"0px\"},name:{color:\"#2287CD\"}};function parse3(string){let result=string;if(result.indexOf(\"function\")===0)return (0, eval)(`(${result})`);try{result=JSON.parse(string);}catch{}return result}var JsonTree=class extends Component{constructor(props){super(props),this.state={data:props.data,rootName:props.rootName},this.onUpdate=this.onUpdate.bind(this),this.removeRoot=this.removeRoot.bind(this);}static getDerivedStateFromProps(props,state){return props.data!==state.data||props.rootName!==state.rootName?{data:props.data,rootName:props.rootName}:null}onUpdate(key,data){this.setState({data}),this.props.onFullyUpdate(data);}removeRoot(){this.onUpdate(null,null);}render(){let{data,rootName}=this.state,{isCollapsed,onDeltaUpdate,readOnly,getStyle,addButtonElement,cancelButtonElement,editButtonElement,inputElement,textareaElement,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser,fallback=null}=this.props,dataType=getObjectType(data),readOnlyFunction=readOnly;getObjectType(readOnly)===\"Boolean\"&&(readOnlyFunction=()=>readOnly);let inputElementFunction=inputElement;inputElement&&getObjectType(inputElement)!==\"Function\"&&(inputElementFunction=()=>inputElement);let textareaElementFunction=textareaElement;return textareaElement&&getObjectType(textareaElement)!==\"Function\"&&(textareaElementFunction=()=>textareaElement),dataType===\"Object\"||dataType===\"Array\"?React17.createElement(\"div\",{className:\"rejt-tree\"},React17.createElement(JsonNode,{data,name:rootName,deep:-1,isCollapsed,onUpdate:this.onUpdate,onDeltaUpdate,readOnly:readOnlyFunction,getStyle,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator:inputElementFunction,textareaElementGenerator:textareaElementFunction,minusMenuElement,plusMenuElement,handleRemove:this.removeRoot,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser})):fallback}};JsonTree.defaultProps={rootName:\"root\",isCollapsed:(keyPath,deep)=>deep!==-1,getStyle:(keyName,data,keyPath,deep,dataType)=>{switch(dataType){case\"Object\":case\"Error\":return object;case\"Array\":return array;default:return value}},readOnly:()=>!1,onFullyUpdate:()=>{},onDeltaUpdate:()=>{},beforeRemoveAction:()=>Promise.resolve(),beforeAddAction:()=>Promise.resolve(),beforeUpdateAction:()=>Promise.resolve(),logger:{error:()=>{}},onSubmitValueParser:(isEditMode,keyPath,deep,name,rawValue)=>parse3(rawValue),inputElement:()=>React17.createElement(\"input\",null),textareaElement:()=>React17.createElement(\"textarea\",null),fallback:null};var {window:globalWindow2}=global,Wrapper5=styled.div(({theme})=>({position:\"relative\",display:\"flex\",\".rejt-tree\":{marginLeft:\"1rem\",fontSize:\"13px\"},\".rejt-value-node, .rejt-object-node > .rejt-collapsed, .rejt-array-node > .rejt-collapsed, .rejt-object-node > .rejt-not-collapsed, .rejt-array-node > .rejt-not-collapsed\":{\"& > svg\":{opacity:0,transition:\"opacity 0.2s\"}},\".rejt-value-node:hover, .rejt-object-node:hover > .rejt-collapsed, .rejt-array-node:hover > .rejt-collapsed, .rejt-object-node:hover > .rejt-not-collapsed, .rejt-array-node:hover > .rejt-not-collapsed\":{\"& > svg\":{opacity:1}},\".rejt-edit-form button\":{display:\"none\"},\".rejt-add-form\":{marginLeft:10},\".rejt-add-value-node\":{display:\"inline-flex\",alignItems:\"center\"},\".rejt-name\":{lineHeight:\"22px\"},\".rejt-not-collapsed-delimiter\":{lineHeight:\"22px\"},\".rejt-plus-menu\":{marginLeft:5},\".rejt-object-node > span > *, .rejt-array-node > span > *\":{position:\"relative\",zIndex:2},\".rejt-object-node, .rejt-array-node\":{position:\"relative\"},\".rejt-object-node > span:first-of-type::after, .rejt-array-node > span:first-of-type::after, .rejt-collapsed::before, .rejt-not-collapsed::before\":{content:'\"\"',position:\"absolute\",top:0,display:\"block\",width:\"100%\",marginLeft:\"-1rem\",padding:\"0 4px 0 1rem\",height:22},\".rejt-collapsed::before, .rejt-not-collapsed::before\":{zIndex:1,background:\"transparent\",borderRadius:4,transition:\"background 0.2s\",pointerEvents:\"none\",opacity:.1},\".rejt-object-node:hover, .rejt-array-node:hover\":{\"& > .rejt-collapsed::before, & > .rejt-not-collapsed::before\":{background:theme.color.secondary}},\".rejt-collapsed::after, .rejt-not-collapsed::after\":{content:'\"\"',position:\"absolute\",display:\"inline-block\",pointerEvents:\"none\",width:0,height:0},\".rejt-collapsed::after\":{left:-8,top:8,borderTop:\"3px solid transparent\",borderBottom:\"3px solid transparent\",borderLeft:\"3px solid rgba(153,153,153,0.6)\"},\".rejt-not-collapsed::after\":{left:-10,top:10,borderTop:\"3px solid rgba(153,153,153,0.6)\",borderLeft:\"3px solid transparent\",borderRight:\"3px solid transparent\"},\".rejt-value\":{display:\"inline-block\",border:\"1px solid transparent\",borderRadius:4,margin:\"1px 0\",padding:\"0 4px\",cursor:\"text\",color:theme.color.defaultText},\".rejt-value-node:hover > .rejt-value\":{background:theme.color.lighter,borderColor:theme.appBorderColor}})),Button=styled.button(({theme,primary})=>({border:0,height:20,margin:1,borderRadius:4,background:primary?theme.color.secondary:\"transparent\",color:primary?theme.color.lightest:theme.color.dark,fontWeight:primary?\"bold\":\"normal\",cursor:\"pointer\",order:primary?\"initial\":9})),ActionIcon=styled(Icons)(({theme,icon,disabled})=>({display:\"inline-block\",verticalAlign:\"middle\",width:15,height:15,padding:3,marginLeft:5,cursor:disabled?\"not-allowed\":\"pointer\",color:theme.textMutedColor,\"&:hover\":disabled?{}:{color:icon===\"subtract\"?theme.color.negative:theme.color.ancillary},\"svg + &\":{marginLeft:0}})),Input=styled.input(({theme,placeholder})=>({outline:0,margin:placeholder?1:\"1px 0\",padding:\"3px 4px\",color:theme.color.defaultText,background:theme.background.app,border:`1px solid ${theme.appBorderColor}`,borderRadius:4,lineHeight:\"14px\",width:placeholder===\"Key\"?80:120,\"&:focus\":{border:`1px solid ${theme.color.secondary}`}})),RawButton=styled(IconButton)(({theme})=>({position:\"absolute\",zIndex:2,top:2,right:2,height:21,padding:\"0 3px\",background:theme.background.bar,border:`1px solid ${theme.appBorderColor}`,borderRadius:3,color:theme.textMutedColor,fontSize:\"9px\",fontWeight:\"bold\",textDecoration:\"none\",span:{marginLeft:3,marginTop:1}})),RawInput=styled(Form.Textarea)(({theme})=>({flex:1,padding:\"7px 6px\",fontFamily:theme.typography.fonts.mono,fontSize:\"12px\",lineHeight:\"18px\",\"&::placeholder\":{fontFamily:theme.typography.fonts.base,fontSize:\"13px\"},\"&:placeholder-shown\":{padding:\"7px 10px\"}})),ENTER_EVENT={bubbles:!0,cancelable:!0,key:\"Enter\",code:\"Enter\",keyCode:13},dispatchEnterKey=event=>{event.currentTarget.dispatchEvent(new globalWindow2.KeyboardEvent(\"keydown\",ENTER_EVENT));},selectValue=event=>{event.currentTarget.select();},getCustomStyleFunction=theme=>()=>({name:{color:theme.color.secondary},collapsed:{color:theme.color.dark},ul:{listStyle:\"none\",margin:\"0 0 0 1rem\",padding:0},li:{outline:0}}),ObjectControl=({name,value:value2,onChange})=>{let theme=useTheme(),data=useMemo(()=>value2&&cloneDeep(value2),[value2]),hasData=data!=null,[showRaw,setShowRaw]=useState(!hasData),[parseError,setParseError]=useState(null),updateRaw=useCallback(raw=>{try{raw&&onChange(JSON.parse(raw)),setParseError(void 0);}catch(e){setParseError(e);}},[onChange]),[forceVisible,setForceVisible]=useState(!1),onForceVisible=useCallback(()=>{onChange({}),setForceVisible(!0);},[setForceVisible]),htmlElRef=useRef(null);if(useEffect(()=>{forceVisible&&htmlElRef.current&&htmlElRef.current.select();},[forceVisible]),!hasData)return React17.createElement(Form.Button,{id:getControlSetterButtonId(name),onClick:onForceVisible},\"Set object\");let rawJSONForm=React17.createElement(RawInput,{ref:htmlElRef,id:getControlId(name),name,defaultValue:value2===null?\"\":JSON.stringify(value2,null,2),onBlur:event=>updateRaw(event.target.value),placeholder:\"Edit JSON string...\",autoFocus:forceVisible,valid:parseError?\"error\":null});return React17.createElement(Wrapper5,null,[\"Object\",\"Array\"].includes(getObjectType(data))&&React17.createElement(RawButton,{href:\"#\",onClick:e=>{e.preventDefault(),setShowRaw(v=>!v);}},React17.createElement(Icons,{icon:showRaw?\"eyeclose\":\"eye\"}),React17.createElement(\"span\",null,\"RAW\")),showRaw?rawJSONForm:React17.createElement(JsonTree,{data,rootName:name,onFullyUpdate:onChange,getStyle:getCustomStyleFunction(theme),cancelButtonElement:React17.createElement(Button,{type:\"button\"},\"Cancel\"),editButtonElement:React17.createElement(Button,{type:\"submit\"},\"Save\"),addButtonElement:React17.createElement(Button,{type:\"submit\",primary:!0},\"Save\"),plusMenuElement:React17.createElement(ActionIcon,{icon:\"add\"}),minusMenuElement:React17.createElement(ActionIcon,{icon:\"subtract\"}),inputElement:(_,__,___,key)=>key?React17.createElement(Input,{onFocus:selectValue,onBlur:dispatchEnterKey}):React17.createElement(Input,null),fallback:rawJSONForm}))};var RangeInput=styled.input(({theme,min,max,value:value2})=>({\"&\":{width:\"100%\",backgroundColor:\"transparent\",appearance:\"none\"},\"&::-webkit-slider-runnable-track\":{background:theme.base===\"light\"?`linear-gradient(to right, \n ${theme.color.green} 0%, ${theme.color.green} ${(value2-min)/(max-min)*100}%, \n ${darken(.02,theme.input.background)} ${(value2-min)/(max-min)*100}%, \n ${darken(.02,theme.input.background)} 100%)`:`linear-gradient(to right, \n ${theme.color.green} 0%, ${theme.color.green} ${(value2-min)/(max-min)*100}%, \n ${lighten(.02,theme.input.background)} ${(value2-min)/(max-min)*100}%, \n ${lighten(.02,theme.input.background)} 100%)`,boxShadow:`${theme.appBorderColor} 0 0 0 1px inset`,borderRadius:6,width:\"100%\",height:6,cursor:\"pointer\"},\"&::-webkit-slider-thumb\":{marginTop:\"-6px\",width:16,height:16,border:`1px solid ${rgba(theme.appBorderColor,.2)}`,borderRadius:\"50px\",boxShadow:`0 1px 3px 0px ${rgba(theme.appBorderColor,.2)}`,cursor:\"grab\",appearance:\"none\",background:`${theme.input.background}`,transition:\"all 150ms ease-out\",\"&:hover\":{background:`${darken(.05,theme.input.background)}`,transform:\"scale3d(1.1, 1.1, 1.1) translateY(-1px)\",transition:\"all 50ms ease-out\"},\"&:active\":{background:`${theme.input.background}`,transform:\"scale3d(1, 1, 1) translateY(0px)\",cursor:\"grabbing\"}},\"&:focus\":{outline:\"none\",\"&::-webkit-slider-runnable-track\":{borderColor:rgba(theme.color.secondary,.4)},\"&::-webkit-slider-thumb\":{borderColor:theme.color.secondary,boxShadow:`0 0px 5px 0px ${theme.color.secondary}`}},\"&::-moz-range-track\":{background:theme.base===\"light\"?`linear-gradient(to right, \n ${theme.color.green} 0%, ${theme.color.green} ${(value2-min)/(max-min)*100}%, \n ${darken(.02,theme.input.background)} ${(value2-min)/(max-min)*100}%, \n ${darken(.02,theme.input.background)} 100%)`:`linear-gradient(to right, \n ${theme.color.green} 0%, ${theme.color.green} ${(value2-min)/(max-min)*100}%, \n ${lighten(.02,theme.input.background)} ${(value2-min)/(max-min)*100}%, \n ${lighten(.02,theme.input.background)} 100%)`,boxShadow:`${theme.appBorderColor} 0 0 0 1px inset`,borderRadius:6,width:\"100%\",height:6,cursor:\"pointer\",outline:\"none\"},\"&::-moz-range-thumb\":{width:16,height:16,border:`1px solid ${rgba(theme.appBorderColor,.2)}`,borderRadius:\"50px\",boxShadow:`0 1px 3px 0px ${rgba(theme.appBorderColor,.2)}`,cursor:\"grab\",background:`${theme.input.background}`,transition:\"all 150ms ease-out\",\"&:hover\":{background:`${darken(.05,theme.input.background)}`,transform:\"scale3d(1.1, 1.1, 1.1) translateY(-1px)\",transition:\"all 50ms ease-out\"},\"&:active\":{background:`${theme.input.background}`,transform:\"scale3d(1, 1, 1) translateY(0px)\",cursor:\"grabbing\"}},\"&::-ms-track\":{background:theme.base===\"light\"?`linear-gradient(to right, \n ${theme.color.green} 0%, ${theme.color.green} ${(value2-min)/(max-min)*100}%, \n ${darken(.02,theme.input.background)} ${(value2-min)/(max-min)*100}%, \n ${darken(.02,theme.input.background)} 100%)`:`linear-gradient(to right, \n ${theme.color.green} 0%, ${theme.color.green} ${(value2-min)/(max-min)*100}%, \n ${lighten(.02,theme.input.background)} ${(value2-min)/(max-min)*100}%, \n ${lighten(.02,theme.input.background)} 100%)`,boxShadow:`${theme.appBorderColor} 0 0 0 1px inset`,color:\"transparent\",width:\"100%\",height:\"6px\",cursor:\"pointer\"},\"&::-ms-fill-lower\":{borderRadius:6},\"&::-ms-fill-upper\":{borderRadius:6},\"&::-ms-thumb\":{width:16,height:16,background:`${theme.input.background}`,border:`1px solid ${rgba(theme.appBorderColor,.2)}`,borderRadius:50,cursor:\"grab\",marginTop:0},\"@supports (-ms-ime-align:auto)\":{\"input[type=range]\":{margin:\"0\"}}})),RangeLabel=styled.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:\"nowrap\",fontFeatureSettings:\"tnum\",fontVariantNumeric:\"tabular-nums\"}),RangeCurrentAndMaxLabel=styled(RangeLabel)(({numberOFDecimalsPlaces,max})=>({width:`${numberOFDecimalsPlaces+max.toString().length*2+3}ch`,textAlign:\"right\",flexShrink:0})),RangeWrapper=styled.div({display:\"flex\",alignItems:\"center\",width:\"100%\"});function getNumberOfDecimalPlaces(number){let match=number.toString().match(/(?:\\.(\\d+))?(?:[eE]([+-]?\\d+))?$/);return match?Math.max(0,(match[1]?match[1].length:0)-(match[2]?+match[2]:0)):0}var RangeControl=({name,value:value2,onChange,min=0,max=100,step=1,onBlur,onFocus})=>{let handleChange=event=>{onChange(parse2(event.target.value));},hasValue=value2!==void 0,numberOFDecimalsPlaces=useMemo(()=>getNumberOfDecimalPlaces(step),[step]);return React17.createElement(RangeWrapper,null,React17.createElement(RangeLabel,null,min),React17.createElement(RangeInput,{id:getControlId(name),type:\"range\",onChange:handleChange,name,value:value2,min,max,step,onFocus,onBlur}),React17.createElement(RangeCurrentAndMaxLabel,{numberOFDecimalsPlaces,max},hasValue?value2.toFixed(numberOFDecimalsPlaces):\"--\",\" / \",max))};var Wrapper6=styled.label({display:\"flex\"}),MaxLength=styled.div(({isMaxed})=>({marginLeft:\"0.75rem\",paddingTop:\"0.35rem\",color:isMaxed?\"red\":void 0})),TextControl=({name,value:value2,onChange,onFocus,onBlur,maxLength})=>{let handleChange=event=>{onChange(event.target.value);},[forceVisible,setForceVisible]=useState(!1),onForceVisible=useCallback(()=>{onChange(\"\"),setForceVisible(!0);},[setForceVisible]);if(value2===void 0)return React17.createElement(Form.Button,{id:getControlSetterButtonId(name),onClick:onForceVisible},\"Set string\");let isValid=typeof value2==\"string\";return React17.createElement(Wrapper6,null,React17.createElement(Form.Textarea,{id:getControlId(name),maxLength,onChange:handleChange,size:\"flex\",placeholder:\"Edit string...\",autoFocus:forceVisible,valid:isValid?null:\"error\",name,value:isValid?value2:\"\",onFocus,onBlur}),maxLength&&React17.createElement(MaxLength,{isMaxed:value2?.length===maxLength},value2?.length??0,\" / \",maxLength))};var FileInput=styled(Form.Input)({padding:10});function revokeOldUrls(urls){urls.forEach(url=>{url.startsWith(\"blob:\")&&URL.revokeObjectURL(url);});}var FilesControl=({onChange,name,accept=\"image/*\",value:value2})=>{let inputElement=useRef(null);function handleFileChange(e){if(!e.target.files)return;let fileUrls=Array.from(e.target.files).map(file=>URL.createObjectURL(file));onChange(fileUrls),revokeOldUrls(value2);}return useEffect(()=>{value2==null&&inputElement.current&&(inputElement.current.value=null);},[value2,name]),React17.createElement(FileInput,{ref:inputElement,id:getControlId(name),type:\"file\",name,multiple:!0,onChange:handleFileChange,accept,size:\"flex\"})};var LazyColorControl=lazy(()=>import('./Color-6VNJS4EI.mjs')),ColorControl=props=>React17.createElement(Suspense,{fallback:React17.createElement(\"div\",null)},React17.createElement(LazyColorControl,{...props}));var Controls2={array:ObjectControl,object:ObjectControl,boolean:BooleanControl,color:ColorControl,date:DateControl,number:NumberControl,check:OptionsControl,\"inline-check\":OptionsControl,radio:OptionsControl,\"inline-radio\":OptionsControl,select:OptionsControl,\"multi-select\":OptionsControl,range:RangeControl,text:TextControl,file:FilesControl},NoControl=()=>React17.createElement(React17.Fragment,null,\"-\"),ArgControl=({row,arg,updateArgs,isHovered})=>{let{key,control}=row,[isFocused,setFocused]=useState(!1),[boxedValue,setBoxedValue]=useState({value:arg});useEffect(()=>{isFocused||setBoxedValue({value:arg});},[isFocused,arg]);let onChange=useCallback(argVal=>(setBoxedValue({value:argVal}),updateArgs({[key]:argVal}),argVal),[updateArgs,key]),onBlur=useCallback(()=>setFocused(!1),[]),onFocus=useCallback(()=>setFocused(!0),[]);if(!control||control.disable)return isHovered?React17.createElement(Link,{href:\"https://storybook.js.org/docs/react/essentials/controls\",target:\"_blank\",withArrow:!0},\"Setup controls\"):React17.createElement(NoControl,null);let props={name:key,argType:row,value:boxedValue.value,onChange,onBlur,onFocus},Control=Controls2[control.type]||NoControl;return React17.createElement(Control,{...props,...control,controlType:control.type})};var Name=styled.span({fontWeight:\"bold\"}),Required=styled.span(({theme})=>({color:theme.color.negative,fontFamily:theme.typography.fonts.mono,cursor:\"help\"})),Description=styled.div(({theme})=>({\"&&\":{p:{margin:\"0 0 10px 0\"},a:{color:theme.color.secondary}},code:{...codeCommon({theme}),fontSize:12,fontFamily:theme.typography.fonts.mono},\"& code\":{margin:0,display:\"inline-block\"},\"& pre > code\":{whiteSpace:\"pre-wrap\"}})),Type=styled.div(({theme,hasDescription})=>({color:theme.base===\"light\"?transparentize(.1,theme.color.defaultText):transparentize(.2,theme.color.defaultText),marginTop:hasDescription?4:0})),TypeWithJsDoc=styled.div(({theme,hasDescription})=>({color:theme.base===\"light\"?transparentize(.1,theme.color.defaultText):transparentize(.2,theme.color.defaultText),marginTop:hasDescription?12:0,marginBottom:12})),StyledTd=styled.td(({theme,expandable})=>({paddingLeft:expandable?\"40px !important\":\"20px !important\"})),ArgRow=props=>{let[isHovered,setIsHovered]=useState(!1),{row,updateArgs,compact,expandable,initialExpandedArgs}=props,{name,description}=row,table=row.table||{},type=table.type||row.type,defaultValue=table.defaultValue||row.defaultValue,required=row.type?.required,hasDescription=description!=null&&description!==\"\";return React17.createElement(\"tr\",{onMouseEnter:()=>setIsHovered(!0),onMouseLeave:()=>setIsHovered(!1)},React17.createElement(StyledTd,{expandable},React17.createElement(Name,null,name),required?React17.createElement(Required,{title:\"Required\"},\"*\"):null),compact?null:React17.createElement(\"td\",null,hasDescription&&React17.createElement(Description,null,React17.createElement(Markdown,null,description)),table.jsDocTags!=null?React17.createElement(React17.Fragment,null,React17.createElement(TypeWithJsDoc,{hasDescription},React17.createElement(ArgValue,{value:type,initialExpandedArgs})),React17.createElement(ArgJsDoc,{tags:table.jsDocTags})):React17.createElement(Type,{hasDescription},React17.createElement(ArgValue,{value:type,initialExpandedArgs}))),compact?null:React17.createElement(\"td\",null,React17.createElement(ArgValue,{value:defaultValue,initialExpandedArgs})),updateArgs?React17.createElement(\"td\",null,React17.createElement(ArgControl,{...props,isHovered})):null)};var ExpanderIcon=styled(Icons)(({theme})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:theme.base===\"light\"?transparentize(.25,theme.color.defaultText):transparentize(.3,theme.color.defaultText),border:\"none\",display:\"inline-block\"})),FlexWrapper=styled.span(({theme})=>({display:\"flex\",lineHeight:\"20px\",alignItems:\"center\"})),Section=styled.td(({theme})=>({position:\"relative\",letterSpacing:\"0.35em\",textTransform:\"uppercase\",fontWeight:theme.typography.weight.bold,fontSize:theme.typography.size.s1-1,color:theme.base===\"light\"?transparentize(.4,theme.color.defaultText):transparentize(.6,theme.color.defaultText),background:`${theme.background.app} !important`,\"& ~ td\":{background:`${theme.background.app} !important`}})),Subsection=styled.td(({theme})=>({position:\"relative\",fontWeight:theme.typography.weight.bold,fontSize:theme.typography.size.s2-1,background:theme.background.app})),StyledTd2=styled.td(()=>({position:\"relative\"})),StyledTr=styled.tr(({theme})=>({\"&:hover > td\":{backgroundColor:`${lighten(.005,theme.background.app)} !important`,boxShadow:`${theme.color.mediumlight} 0 - 1px 0 0 inset`,cursor:\"row-resize\"}})),ClickIntercept=styled.button(()=>({background:\"none\",border:\"none\",padding:\"0\",font:\"inherit\",position:\"absolute\",top:0,bottom:0,left:0,right:0,height:\"100%\",width:\"100%\",color:\"transparent\",cursor:\"row-resize !important\"})),SectionRow=({level=\"section\",label,children,initialExpanded=!0,colSpan=3})=>{let[expanded,setExpanded]=useState(initialExpanded),Level=level===\"subsection\"?Subsection:Section,itemCount=children?.length||0,caption=level===\"subsection\"?`${itemCount} item${itemCount!==1?\"s\":\"\"}`:\"\",icon=expanded?\"arrowdown\":\"arrowright\",helperText=`${expanded?\"Hide\":\"Show\"} ${level===\"subsection\"?itemCount:label} item${itemCount!==1?\"s\":\"\"}`;return React17.createElement(React17.Fragment,null,React17.createElement(StyledTr,{title:helperText},React17.createElement(Level,{colSpan:1},React17.createElement(ClickIntercept,{onClick:e=>setExpanded(!expanded),tabIndex:0},helperText),React17.createElement(FlexWrapper,null,React17.createElement(ExpanderIcon,{icon}),label)),React17.createElement(StyledTd2,{colSpan:colSpan-1},React17.createElement(ClickIntercept,{onClick:e=>setExpanded(!expanded),tabIndex:-1,style:{outline:\"none\"}},helperText),expanded?null:caption)),expanded?children:null)};var Row=styled.div(({theme})=>({display:\"flex\",gap:16,borderBottom:`1px solid ${theme.appBorderColor}`,\"&:last-child\":{borderBottom:0}})),Column=styled.div(({numColumn})=>({display:\"flex\",flexDirection:\"column\",flex:numColumn||1,gap:5,padding:\"12px 20px\"})),SkeletonText=styled.div(({theme,width,height})=>({animation:`${theme.animation.glow} 1.5s ease-in-out infinite`,background:theme.appBorderColor,width:width||\"100%\",height:height||16,borderRadius:3})),columnWidth=[2,4,2,2],Skeleton=()=>React17.createElement(React17.Fragment,null,React17.createElement(Row,null,React17.createElement(Column,{numColumn:columnWidth[0]},React17.createElement(SkeletonText,{width:\"60%\"})),React17.createElement(Column,{numColumn:columnWidth[1]},React17.createElement(SkeletonText,{width:\"30%\"})),React17.createElement(Column,{numColumn:columnWidth[2]},React17.createElement(SkeletonText,{width:\"60%\"})),React17.createElement(Column,{numColumn:columnWidth[3]},React17.createElement(SkeletonText,{width:\"60%\"}))),React17.createElement(Row,null,React17.createElement(Column,{numColumn:columnWidth[0]},React17.createElement(SkeletonText,{width:\"60%\"})),React17.createElement(Column,{numColumn:columnWidth[1]},React17.createElement(SkeletonText,{width:\"80%\"}),React17.createElement(SkeletonText,{width:\"30%\"})),React17.createElement(Column,{numColumn:columnWidth[2]},React17.createElement(SkeletonText,{width:\"60%\"})),React17.createElement(Column,{numColumn:columnWidth[3]},React17.createElement(SkeletonText,{width:\"60%\"}))),React17.createElement(Row,null,React17.createElement(Column,{numColumn:columnWidth[0]},React17.createElement(SkeletonText,{width:\"60%\"})),React17.createElement(Column,{numColumn:columnWidth[1]},React17.createElement(SkeletonText,{width:\"80%\"}),React17.createElement(SkeletonText,{width:\"30%\"})),React17.createElement(Column,{numColumn:columnWidth[2]},React17.createElement(SkeletonText,{width:\"60%\"})),React17.createElement(Column,{numColumn:columnWidth[3]},React17.createElement(SkeletonText,{width:\"60%\"}))),React17.createElement(Row,null,React17.createElement(Column,{numColumn:columnWidth[0]},React17.createElement(SkeletonText,{width:\"60%\"})),React17.createElement(Column,{numColumn:columnWidth[1]},React17.createElement(SkeletonText,{width:\"80%\"}),React17.createElement(SkeletonText,{width:\"30%\"})),React17.createElement(Column,{numColumn:columnWidth[2]},React17.createElement(SkeletonText,{width:\"60%\"})),React17.createElement(Column,{numColumn:columnWidth[3]},React17.createElement(SkeletonText,{width:\"60%\"}))));var Wrapper7=styled.div(({inAddonPanel,theme})=>({height:inAddonPanel?\"100%\":\"auto\",display:\"flex\",border:inAddonPanel?\"none\":`1px solid ${theme.appBorderColor}`,borderRadius:inAddonPanel?0:theme.appBorderRadius,padding:inAddonPanel?0:40,alignItems:\"center\",justifyContent:\"center\",flexDirection:\"column\",gap:15,background:theme.background.content,boxShadow:\"rgba(0, 0, 0, 0.10) 0 1px 3px 0\"})),Content=styled.div({display:\"flex\",flexDirection:\"column\",gap:4,maxWidth:415}),Title2=styled.div(({theme})=>({fontWeight:theme.typography.weight.bold,fontSize:theme.typography.size.s2-1,textAlign:\"center\",color:theme.textColor})),Description2=styled.div(({theme})=>({fontWeight:theme.typography.weight.regular,fontSize:theme.typography.size.s2-1,textAlign:\"center\",color:theme.textMutedColor})),Links=styled.div(({theme})=>({display:\"flex\",fontSize:theme.typography.size.s2-1,gap:25})),Divider=styled.div(({theme})=>({width:1,height:16,backgroundColor:theme.appBorderColor})),Empty=({inAddonPanel})=>{let[isLoading,setIsLoading]=useState(!0);return useEffect(()=>{let load=setTimeout(()=>{setIsLoading(!1);},100);return ()=>clearTimeout(load)},[]),isLoading?null:React17.createElement(Wrapper7,{inAddonPanel},React17.createElement(Content,null,React17.createElement(Title2,null,inAddonPanel?\"Interactive story playground\":\"Args table with interactive controls couldn't be auto-generated\"),React17.createElement(Description2,null,\"Controls give you an easy to use interface to test your components. Set your story args and you'll see controls appearing here automatically.\")),React17.createElement(Links,null,inAddonPanel&&React17.createElement(React17.Fragment,null,React17.createElement(Link,{href:\"https://youtu.be/0gOfS6K0x0E\",target:\"_blank\",withArrow:!0},React17.createElement(Icons,{icon:\"video\"}),\" Watch 5m video\"),React17.createElement(Divider,null),React17.createElement(Link,{href:\"https://storybook.js.org/docs/react/essentials/controls\",target:\"_blank\",withArrow:!0},\"Read docs\")),!inAddonPanel&&React17.createElement(Link,{href:\"https://storybook.js.org/docs/react/essentials/controls\",target:\"_blank\",withArrow:!0},\"Learn how to set that up\")))};var TableWrapper=styled.table(({theme,compact,inAddonPanel})=>({\"&&\":{borderSpacing:0,color:theme.color.defaultText,\"td, th\":{padding:0,border:\"none\",verticalAlign:\"top\",textOverflow:\"ellipsis\"},fontSize:theme.typography.size.s2-1,lineHeight:\"20px\",textAlign:\"left\",width:\"100%\",marginTop:inAddonPanel?0:25,marginBottom:inAddonPanel?0:40,\"thead th:first-of-type, td:first-of-type\":{width:\"25%\"},\"th:first-of-type, td:first-of-type\":{paddingLeft:20},\"th:nth-of-type(2), td:nth-of-type(2)\":{...compact?null:{width:\"35%\"}},\"td:nth-of-type(3)\":{...compact?null:{width:\"15%\"}},\"th:last-of-type, td:last-of-type\":{paddingRight:20,...compact?null:{width:\"25%\"}},th:{color:theme.base===\"light\"?transparentize(.25,theme.color.defaultText):transparentize(.45,theme.color.defaultText),paddingTop:10,paddingBottom:10,paddingLeft:15,paddingRight:15},td:{paddingTop:\"10px\",paddingBottom:\"10px\",\"&:not(:first-of-type)\":{paddingLeft:15,paddingRight:15},\"&:last-of-type\":{paddingRight:20}},marginLeft:inAddonPanel?0:1,marginRight:inAddonPanel?0:1,tbody:{...inAddonPanel?null:{filter:theme.base===\"light\"?\"drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.10))\":\"drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.20))\"},\"> tr > *\":{background:theme.background.content,borderTop:`1px solid ${theme.appBorderColor}`},...inAddonPanel?null:{\"> tr:first-of-type > *\":{borderBlockStart:`1px solid ${theme.appBorderColor}`},\"> tr:last-of-type > *\":{borderBlockEnd:`1px solid ${theme.appBorderColor}`},\"> tr > *:first-of-type\":{borderInlineStart:`1px solid ${theme.appBorderColor}`},\"> tr > *:last-of-type\":{borderInlineEnd:`1px solid ${theme.appBorderColor}`},\"> tr:first-of-type > td:first-of-type\":{borderTopLeftRadius:theme.appBorderRadius},\"> tr:first-of-type > td:last-of-type\":{borderTopRightRadius:theme.appBorderRadius},\"> tr:last-of-type > td:first-of-type\":{borderBottomLeftRadius:theme.appBorderRadius},\"> tr:last-of-type > td:last-of-type\":{borderBottomRightRadius:theme.appBorderRadius}}}}})),StyledIconButton=styled(IconButton)(({theme})=>({color:theme.barTextColor,margin:\"-4px -12px -4px 0\"})),ControlHeadingWrapper=styled.span({display:\"flex\",justifyContent:\"space-between\"});var sortFns={alpha:(a,b)=>a.name.localeCompare(b.name),requiredFirst:(a,b)=>+!!b.type?.required-+!!a.type?.required||a.name.localeCompare(b.name),none:void 0},groupRows=(rows,sort)=>{let sections={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!rows)return sections;Object.entries(rows).forEach(([key,row])=>{let{category,subcategory}=row?.table||{};if(category){let section=sections.sections[category]||{ungrouped:[],subsections:{}};if(!subcategory)section.ungrouped.push({key,...row});else {let subsection=section.subsections[subcategory]||[];subsection.push({key,...row}),section.subsections[subcategory]=subsection;}sections.sections[category]=section;}else if(subcategory){let subsection=sections.ungroupedSubsections[subcategory]||[];subsection.push({key,...row}),sections.ungroupedSubsections[subcategory]=subsection;}else sections.ungrouped.push({key,...row});});let sortFn=sortFns[sort],sortSubsection=record=>sortFn?Object.keys(record).reduce((acc,cur)=>({...acc,[cur]:record[cur].sort(sortFn)}),{}):record;return {ungrouped:sections.ungrouped.sort(sortFn),ungroupedSubsections:sortSubsection(sections.ungroupedSubsections),sections:Object.keys(sections.sections).reduce((acc,cur)=>({...acc,[cur]:{ungrouped:sections.sections[cur].ungrouped.sort(sortFn),subsections:sortSubsection(sections.sections[cur].subsections)}}),{})}},safeIncludeConditionalArg=(row,args,globals)=>{try{return includeConditionalArg(row,args,globals)}catch(err){return once.warn(err.message),!1}},ArgsTable=props=>{let{updateArgs,resetArgs,compact,inAddonPanel,initialExpandedArgs,sort=\"none\",isLoading}=props;if(\"error\"in props){let{error}=props;return React17.createElement(EmptyBlock,null,error,\"\\xA0\",React17.createElement(Link,{href:\"http://storybook.js.org/docs/\",target:\"_blank\",withArrow:!0},\"Read the docs\"))}if(isLoading)return React17.createElement(Skeleton,null);let{rows,args,globals}=\"rows\"in props&&props,groups=groupRows(pickBy(rows,row=>!row?.table?.disable&&safeIncludeConditionalArg(row,args||{},globals||{})),sort),hasNoUngrouped=groups.ungrouped.length===0,hasNoSections=Object.entries(groups.sections).length===0,hasNoUngroupedSubsections=Object.entries(groups.ungroupedSubsections).length===0;if(hasNoUngrouped&&hasNoSections&&hasNoUngroupedSubsections)return React17.createElement(Empty,{inAddonPanel});let colSpan=1;updateArgs&&(colSpan+=1),compact||(colSpan+=2);let expandable=Object.keys(groups.sections).length>0,common={updateArgs,compact,inAddonPanel,initialExpandedArgs};return React17.createElement(ResetWrapper,null,React17.createElement(TableWrapper,{compact,inAddonPanel,className:\"docblock-argstable sb-unstyled\"},React17.createElement(\"thead\",{className:\"docblock-argstable-head\"},React17.createElement(\"tr\",null,React17.createElement(\"th\",null,React17.createElement(\"span\",null,\"Name\")),compact?null:React17.createElement(\"th\",null,React17.createElement(\"span\",null,\"Description\")),compact?null:React17.createElement(\"th\",null,React17.createElement(\"span\",null,\"Default\")),updateArgs?React17.createElement(\"th\",null,React17.createElement(ControlHeadingWrapper,null,\"Control\",\" \",!isLoading&&resetArgs&&React17.createElement(StyledIconButton,{onClick:()=>resetArgs(),title:\"Reset controls\"},React17.createElement(Icons,{icon:\"undo\",\"aria-hidden\":!0})))):null)),React17.createElement(\"tbody\",{className:\"docblock-argstable-body\"},groups.ungrouped.map(row=>React17.createElement(ArgRow,{key:row.key,row,arg:args&&args[row.key],...common})),Object.entries(groups.ungroupedSubsections).map(([subcategory,subsection])=>React17.createElement(SectionRow,{key:subcategory,label:subcategory,level:\"subsection\",colSpan},subsection.map(row=>React17.createElement(ArgRow,{key:row.key,row,arg:args&&args[row.key],expandable,...common})))),Object.entries(groups.sections).map(([category,section])=>React17.createElement(SectionRow,{key:category,label:category,level:\"section\",colSpan},section.ungrouped.map(row=>React17.createElement(ArgRow,{key:row.key,row,arg:args&&args[row.key],...common})),Object.entries(section.subsections).map(([subcategory,subsection])=>React17.createElement(SectionRow,{key:subcategory,label:subcategory,level:\"subsection\",colSpan},subsection.map(row=>React17.createElement(ArgRow,{key:row.key,row,arg:args&&args[row.key],expandable,...common})))))))))};var TabbedArgsTable=({tabs,...props})=>{let entries=Object.entries(tabs);return entries.length===1?React17.createElement(ArgsTable,{...entries[0][1],...props}):React17.createElement(TabsState,null,entries.map(entry=>{let[label,table]=entry,id=`prop_table_div_${label}`;return React17.createElement(\"div\",{key:id,id,title:label},({active})=>active?React17.createElement(ArgsTable,{key:`prop_table_${label}`,...table,...props}):null)}))};var Label4=styled.div(({theme})=>({marginRight:30,fontSize:`${theme.typography.size.s1}px`,color:theme.base===\"light\"?transparentize(.4,theme.color.defaultText):transparentize(.6,theme.color.defaultText)})),Sample=styled.div({overflow:\"hidden\",whiteSpace:\"nowrap\",textOverflow:\"ellipsis\"}),TypeSpecimen=styled.div({display:\"flex\",flexDirection:\"row\",alignItems:\"baseline\",\"&:not(:last-child)\":{marginBottom:\"1rem\"}}),Wrapper8=styled.div(withReset,({theme})=>({...getBlockBackgroundStyle(theme),margin:\"25px 0 40px\",padding:\"30px 20px\"})),Typeset=({fontFamily,fontSizes,fontWeight,sampleText,...props})=>React17.createElement(Wrapper8,{...props,className:\"docblock-typeset sb-unstyled\"},fontSizes.map(size=>React17.createElement(TypeSpecimen,{key:size},React17.createElement(Label4,null,size),React17.createElement(Sample,{style:{fontFamily,fontSize:size,fontWeight,lineHeight:1.2}},sampleText||\"Was he a beast if music could move him so?\"))));var ItemTitle=styled.div(({theme})=>({fontWeight:theme.typography.weight.bold,color:theme.color.defaultText})),ItemSubtitle=styled.div(({theme})=>({color:theme.base===\"light\"?transparentize(.2,theme.color.defaultText):transparentize(.6,theme.color.defaultText)})),ItemDescription=styled.div({flex:\"0 0 30%\",lineHeight:\"20px\",marginTop:5}),SwatchLabel=styled.div(({theme})=>({flex:1,textAlign:\"center\",fontFamily:theme.typography.fonts.mono,fontSize:theme.typography.size.s1,lineHeight:1,overflow:\"hidden\",color:theme.base===\"light\"?transparentize(.4,theme.color.defaultText):transparentize(.6,theme.color.defaultText),\"> div\":{display:\"inline-block\",overflow:\"hidden\",maxWidth:\"100%\",textOverflow:\"ellipsis\"},span:{display:\"block\",marginTop:2}})),SwatchLabels=styled.div({display:\"flex\",flexDirection:\"row\"}),Swatch=styled.div(({background})=>({position:\"relative\",flex:1,\"&::before\":{position:\"absolute\",top:0,left:0,width:\"100%\",height:\"100%\",background,content:'\"\"'}})),SwatchColors=styled.div(({theme})=>({...getBlockBackgroundStyle(theme),display:\"flex\",flexDirection:\"row\",height:50,marginBottom:5,overflow:\"hidden\",backgroundColor:\"white\",backgroundImage:\"repeating-linear-gradient(-45deg, #ccc, #ccc 1px, #fff 1px, #fff 16px)\",backgroundClip:\"padding-box\"})),SwatchSpecimen=styled.div({display:\"flex\",flexDirection:\"column\",flex:1,position:\"relative\",marginBottom:30}),Swatches=styled.div({flex:1,display:\"flex\",flexDirection:\"row\"}),Item=styled.div({display:\"flex\",alignItems:\"flex-start\"}),ListName=styled.div({flex:\"0 0 30%\"}),ListSwatches=styled.div({flex:1}),ListHeading=styled.div(({theme})=>({display:\"flex\",flexDirection:\"row\",alignItems:\"center\",paddingBottom:20,fontWeight:theme.typography.weight.bold,color:theme.base===\"light\"?transparentize(.4,theme.color.defaultText):transparentize(.6,theme.color.defaultText)})),List=styled.div(({theme})=>({fontSize:theme.typography.size.s2,lineHeight:\"20px\",display:\"flex\",flexDirection:\"column\"}));function renderSwatch(color,index){return React17.createElement(Swatch,{key:`${color}-${index}`,title:color,background:color})}function renderSwatchLabel(color,index,colorDescription){return React17.createElement(SwatchLabel,{key:`${color}-${index}`,title:color},React17.createElement(\"div\",null,color,colorDescription&&React17.createElement(\"span\",null,colorDescription)))}function renderSwatchSpecimen(colors){return Array.isArray(colors)?React17.createElement(SwatchSpecimen,null,React17.createElement(SwatchColors,null,colors.map((color,index)=>renderSwatch(color,index))),React17.createElement(SwatchLabels,null,colors.map((color,index)=>renderSwatchLabel(color,index)))):React17.createElement(SwatchSpecimen,null,React17.createElement(SwatchColors,null,Object.values(colors).map((color,index)=>renderSwatch(color,index))),React17.createElement(SwatchLabels,null,Object.keys(colors).map((color,index)=>renderSwatchLabel(color,index,colors[color]))))}var ColorItem=({title,subtitle,colors})=>React17.createElement(Item,null,React17.createElement(ItemDescription,null,React17.createElement(ItemTitle,null,title),React17.createElement(ItemSubtitle,null,subtitle)),React17.createElement(Swatches,null,renderSwatchSpecimen(colors))),ColorPalette=({children,...props})=>React17.createElement(ResetWrapper,null,React17.createElement(List,{...props,className:\"docblock-colorpalette sb-unstyled\"},React17.createElement(ListHeading,null,React17.createElement(ListName,null,\"Name\"),React17.createElement(ListSwatches,null,\"Swatches\")),children));var ItemLabel=styled.div(({theme})=>({fontFamily:theme.typography.fonts.base,fontSize:theme.typography.size.s2,color:theme.color.defaultText,marginLeft:10,lineHeight:1.2})),ItemSpecimen=styled.div(({theme})=>({...getBlockBackgroundStyle(theme),overflow:\"hidden\",height:40,width:40,display:\"flex\",alignItems:\"center\",justifyContent:\"center\",flex:\"none\",\"> img, > svg\":{width:20,height:20}})),Item2=styled.div({display:\"inline-flex\",flexDirection:\"row\",alignItems:\"center\",flex:\"0 1 calc(20% - 10px)\",minWidth:120,margin:\"0px 10px 30px 0\"}),List2=styled.div({display:\"flex\",flexFlow:\"row wrap\"}),IconItem=({name,children})=>React17.createElement(Item2,null,React17.createElement(ItemSpecimen,null,children),React17.createElement(ItemLabel,null,name)),IconGallery=({children,...props})=>React17.createElement(ResetWrapper,null,React17.createElement(List2,{...props,className:\"docblock-icongallery sb-unstyled\"},children));var anchorBlockIdFromId=storyId=>`anchor--${storyId}`,Anchor=({storyId,children})=>React17.createElement(\"div\",{id:anchorBlockIdFromId(storyId),className:\"sb-anchor\"},children);global&&global.__DOCS_CONTEXT__===void 0&&(global.__DOCS_CONTEXT__=createContext(null),global.__DOCS_CONTEXT__.displayName=\"DocsContext\");var DocsContext=global?global.__DOCS_CONTEXT__:createContext(null);var useOf=(moduleExportOrType,validTypes)=>useContext(DocsContext).resolveOf(moduleExportOrType,validTypes);function extractComponentArgTypes(component,parameters){let{extractArgTypes}=parameters.docs||{};if(!extractArgTypes)throw new Error(\"Args unsupported. See Args documentation for your framework.\");return extractArgTypes(component)}function getArgTypesFromResolved(resolved,props){if(resolved.type===\"component\"){let{component,projectAnnotations:{parameters:parameters2}}=resolved;return {argTypes:extractComponentArgTypes(component,parameters2),parameters:parameters2}}if(resolved.type===\"meta\"){let{preparedMeta:{argTypes:argTypes2,parameters:parameters2}}=resolved;return {argTypes:argTypes2,parameters:parameters2}}let{story:{argTypes,parameters}}=resolved;return {argTypes,parameters}}var ArgTypes=props=>{let{of}=props;if(\"of\"in props&&of===void 0)throw new Error(\"Unexpected `of={undefined}`, did you mistype a CSF file reference?\");let resolved=useOf(of||\"meta\"),{argTypes,parameters}=getArgTypesFromResolved(resolved),argTypesParameters=parameters.docs?.argTypes||{},include=props.include??argTypesParameters.include,exclude=props.exclude??argTypesParameters.exclude,sort=props.sort??argTypesParameters.sort,filteredArgTypes=filterArgTypes(argTypes,include,exclude);return React17.createElement(ArgsTable,{rows:filteredArgTypes,sort})};var PRIMARY_STORY=\"^\";var titleCase=str2=>str2.split(\"-\").map(part=>part.charAt(0).toUpperCase()+part.slice(1)).join(\"\"),getComponentName=component=>{if(component)return typeof component==\"string\"?component.includes(\"-\")?titleCase(component):component:component.__docgenInfo&&component.__docgenInfo.displayName?component.__docgenInfo.displayName:component.name};function scrollToElement(element,block=\"start\"){element.scrollIntoView({behavior:\"smooth\",block,inline:\"nearest\"});}function useStory(storyId,context){let stories=useStories([storyId],context);return stories&&stories[0]}function useStories(storyIds,context){let[storiesById,setStories]=useState({});return useEffect(()=>{Promise.all(storyIds.map(async storyId=>{let story=await context.loadStory(storyId);setStories(current=>current[storyId]===story?current:{...current,[storyId]:story});}));}),storyIds.map(storyId=>{if(storiesById[storyId])return storiesById[storyId];try{return context.storyById(storyId)}catch{return null}})}var useArgs=(storyId,context)=>{let storyContext=context.getStoryContext(context.storyById()),[args,setArgs]=useState(storyContext.args);useEffect(()=>{let cb=changed=>{changed.storyId===storyId&&setArgs(changed.args);};return context.channel.on(STORY_ARGS_UPDATED,cb),()=>context.channel.off(STORY_ARGS_UPDATED,cb)},[storyId]);let updateArgs=useCallback(updatedArgs=>context.channel.emit(UPDATE_STORY_ARGS,{storyId,updatedArgs}),[storyId]),resetArgs=useCallback(argNames=>context.channel.emit(RESET_STORY_ARGS,{storyId,argNames}),[storyId]);return [args,updateArgs,resetArgs]},useGlobals=context=>{let storyContext=context.getStoryContext(context.storyById()),[globals,setGlobals]=useState(storyContext.globals);return useEffect(()=>{let cb=changed=>{setGlobals(changed.globals);};return context.channel.on(GLOBALS_UPDATED,cb),()=>context.channel.off(GLOBALS_UPDATED,cb)},[]),[globals]},extractComponentArgTypes2=(component,parameters,include,exclude)=>{let{extractArgTypes}=parameters.docs||{};if(!extractArgTypes)throw new Error(\"Args unsupported. See Args documentation for your framework.\");let argTypes=extractArgTypes(component);return argTypes=filterArgTypes(argTypes,include,exclude),argTypes},isShortcut=value2=>value2&&[PRIMARY_STORY].includes(value2),getComponent=(props={},component)=>{let{of}=props,{story}=props;if(isShortcut(of)||isShortcut(story))return component||null;if(!of)throw new Error(\"No component found.\");return of},addComponentTabs=(tabs,components2,parameters,include,exclude,sort)=>({...tabs,...mapValues(components2,comp=>({rows:extractComponentArgTypes2(comp,parameters,include,exclude),sort}))}),StoryTable=props=>{let context=useContext(DocsContext),{story:storyName,component,subcomponents,showComponent,include,exclude,sort}=props;try{let storyId;switch(storyName){case PRIMARY_STORY:{storyId=context.storyById().id;break}default:storyId=context.storyIdByName(storyName);}let story=useStory(storyId,context),[args,updateArgs,resetArgs]=useArgs(storyId,context),[globals]=useGlobals(context);if(!story)return React17.createElement(ArgsTable,{isLoading:!0,updateArgs,resetArgs});let argTypes=filterArgTypes(story.argTypes,include,exclude),mainLabel=getComponentName(component)||\"Story\",tabs={[mainLabel]:{rows:argTypes,args,globals,updateArgs,resetArgs}},storyHasArgsWithControls=argTypes&&Object.values(argTypes).find(v=>!!v?.control);if(storyHasArgsWithControls||(updateArgs=null,resetArgs=null,tabs={}),component&&(!storyHasArgsWithControls||showComponent)&&(tabs=addComponentTabs(tabs,{[mainLabel]:component},story.parameters,include,exclude)),subcomponents){if(Array.isArray(subcomponents))throw new Error(\"Unexpected subcomponents array. Expected an object whose keys are tab labels and whose values are components.\");tabs=addComponentTabs(tabs,subcomponents,story.parameters,include,exclude);}return React17.createElement(TabbedArgsTable,{tabs,sort})}catch(err){return React17.createElement(ArgsTable,{error:err.message})}},ComponentsTable=props=>{let{components:components2,include,exclude,sort,parameters}=props,tabs=addComponentTabs({},components2,parameters,include,exclude);return React17.createElement(TabbedArgsTable,{tabs,sort})},ArgsTable2=props=>{deprecate(dedent2`The ArgsTable doc block is deprecated. Instead use the ArgTypes doc block for static tables or the Controls doc block for tables with controls.\n \n Please refer to the migration guide: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#argstable-block\n `);let context=useContext(DocsContext),parameters,component,subcomponents;try{({parameters,component,subcomponents}=context.storyById());}catch{let{of}=props;if(\"of\"in props&&of===void 0)throw new Error(\"Unexpected `of={undefined}`, did you mistype a CSF file reference?\");({projectAnnotations:{parameters}}=context.resolveOf(of,[\"component\"]));}let{include,exclude,components:components2,sort:sortProp}=props,{story:storyName}=props,sort=sortProp||parameters.controls?.sort,main=getComponent(props,component);if(storyName)return React17.createElement(StoryTable,{...props,component:main,subcomponents,sort});if(!components2&&!subcomponents){let mainProps;try{mainProps={rows:extractComponentArgTypes2(main,parameters,include,exclude)};}catch(err){mainProps={error:err.message};}return React17.createElement(ArgsTable,{...mainProps,sort})}if(components2)return React17.createElement(ComponentsTable,{...props,components:components2,sort,parameters});let mainLabel=getComponentName(main);return React17.createElement(ComponentsTable,{...props,components:{[mainLabel]:main,...subcomponents},sort,parameters})};ArgsTable2.defaultProps={of:PRIMARY_STORY};function argsHash(args){return stringify(args)}var SourceContext=createContext({sources:{}}),UNKNOWN_ARGS_HASH=\"--unknown--\",SourceContainer=({children,channel})=>{let[sources,setSources]=useState({});return useEffect(()=>{let handleSnippetRendered=(idOrEvent,inputSource=null,inputFormat=!1)=>{let{id,args=void 0,source,format:format2}=typeof idOrEvent==\"string\"?{id:idOrEvent,source:inputSource,format:inputFormat}:idOrEvent,hash=args?argsHash(args):UNKNOWN_ARGS_HASH;setSources(current=>({...current,[id]:{...current[id],[hash]:{code:source,format:format2}}}));};return channel.on(SNIPPET_RENDERED,handleSnippetRendered),()=>channel.off(SNIPPET_RENDERED,handleSnippetRendered)},[]),React17.createElement(SourceContext.Provider,{value:{sources}},children)};var SourceState=(SourceState2=>(SourceState2.OPEN=\"open\",SourceState2.CLOSED=\"closed\",SourceState2.NONE=\"none\",SourceState2))(SourceState||{}),getSourceState=stories=>{let states=stories.map(story=>story.parameters.docs?.source?.state).filter(Boolean);return states.length===0?\"closed\":states[0]},getStorySource=(storyId,args,sourceContext)=>{let{sources}=sourceContext,sourceMap=sources?.[storyId];return sourceMap?.[argsHash(args)]||sourceMap?.[UNKNOWN_ARGS_HASH]||{code:\"\"}},getSnippet=({snippet,storyContext,typeFromProps,transformFromProps})=>{let{__isArgsStory:isArgsStory}=storyContext.parameters,sourceParameters=storyContext.parameters.docs?.source||{},type=typeFromProps||sourceParameters.type||SourceType.AUTO;if(sourceParameters.code!==void 0)return sourceParameters.code;let code=type===SourceType.DYNAMIC||type===SourceType.AUTO&&snippet&&isArgsStory?snippet:sourceParameters.originalSource||\"\";return sourceParameters.transformSource&&deprecate(dedent2`The \\`transformSource\\` parameter at \\`parameters.docs.source.transformSource\\` is deprecated, please use \\`parameters.docs.source.transform\\` instead. \n \n Please refer to the migration guide: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#source-block\n `),storyContext.parameters.docs?.transformSource&&deprecate(dedent2`The \\`transformSource\\` parameter at \\`parameters.docs.transformSource\\` is deprecated, please use \\`parameters.docs.source.transform\\` instead. \n \n Please refer to the migration guide: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#source-block\n `),storyContext.parameters.jsx?.transformSource&&deprecate(dedent2`The \\`transformSource\\` parameter at \\`parameters.jsx.transformSource\\` is deprecated, please use \\`parameters.docs.source.transform\\` instead. \n \n Please refer to the migration guide: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#source-block\n `),(transformFromProps??sourceParameters.transform??sourceParameters.transformSource??storyContext.parameters.docs?.transformSource??storyContext.parameters.jsx?.transformSource)?.(code,storyContext)||code},useSourceProps=(props,docsContext,sourceContext)=>{let storyIds=props.ids||(props.id?[props.id]:[]),storiesFromIds=useStories(storyIds,docsContext),stories=storiesFromIds,{of}=props;if(\"of\"in props&&of===void 0)throw new Error(\"Unexpected `of={undefined}`, did you mistype a CSF file reference?\");if(of)stories=[docsContext.resolveOf(of,[\"story\"]).story];else if(stories.length===0)try{stories=[docsContext.storyById()];}catch{}if(!storiesFromIds.every(Boolean))return {error:\"Oh no! The source is not available.\",state:\"none\"};let sourceParameters=stories[0]?.parameters?.docs?.source||{},{code}=props,format2=props.format??sourceParameters.format,language=props.language??sourceParameters.language??\"jsx\",dark=props.dark??sourceParameters.dark??!1;code||(code=stories.map((story,index)=>{if(!story)return \"\";let storyContext=docsContext.getStoryContext(story),argsForSource=props.__forceInitialArgs?storyContext.initialArgs:storyContext.unmappedArgs,source=getStorySource(story.id,argsForSource,sourceContext);return index===0&&(format2=source.format??story.parameters.docs?.source?.format??!1),getSnippet({snippet:source.code,storyContext:{...storyContext,args:argsForSource},typeFromProps:props.type,transformFromProps:props.transform})}).join(`\n\n`));let state=getSourceState(stories);return code?{code,format:format2,language,dark,state}:{error:\"Oh no! The source is not available.\",state}},Source2=props=>{props.id&&deprecate(dedent2`The \\`id\\` prop on Source is deprecated, please use the \\`of\\` prop instead to reference a story. \n \n Please refer to the migration guide: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#source-block\n `),props.ids&&deprecate(dedent2`The \\`ids\\` prop on Source is deprecated, please use the \\`of\\` prop instead to reference a story. \n \n Please refer to the migration guide: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#source-block\n `);let sourceContext=useContext(SourceContext),docsContext=useContext(DocsContext),{state,...sourceProps}=useSourceProps(props,docsContext,sourceContext);return React17.createElement(Source,{...sourceProps})};var getStoryId2=(props,context)=>{let{id,of,meta,story}=props;if(\"of\"in props&&of===void 0)throw new Error(\"Unexpected `of={undefined}`, did you mistype a CSF file reference?\");if(id)return deprecate(dedent2`Referencing stories by \\`id\\` is deprecated, please use \\`of\\` instead. \n \n Please refer to the migration guide: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#story-block'`),id;let{name}=props;return name?(deprecate(dedent2`Referencing stories by \\`name\\` is deprecated, please use \\`of\\` instead. \n \n Please refer to the migration guide: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#story-block'`),context.storyIdByName(name)):(story&&deprecate(dedent2`The \\`story\\` prop is deprecated, please export your stories from CSF files and reference them with \\`of={}\\`.\n\n Please refer to the migration guide: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#story-block'`),meta&&context.referenceMeta(meta,!1),context.resolveOf(of||story||\"story\",[\"story\"]).story.id)},getStoryProps=(props,story,context)=>{let{parameters={}}=story||{},{docs={}}=parameters,storyParameters=docs.story||{};if(docs.disable)return null;let{inlineStories,iframeHeight}=docs;typeof inlineStories<\"u\"&&deprecate(dedent2`The \\`docs.inlineStories\\` parameter is deprecated, use \\`docs.story.inline\\` instead. \n \n Please refer to the migration guide: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#autodocs-changes'\n `);let inline=props.inline??storyParameters.inline??inlineStories??!1;if(typeof iframeHeight<\"u\"&&deprecate(dedent2`The \\`docs.iframeHeight\\` parameter is deprecated, use \\`docs.story.iframeHeight\\` instead. \n \n Please refer to the migration guide: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#autodocs-changes'\n `),inline){let height2=props.height??storyParameters.height,autoplay=props.autoplay??storyParameters.autoplay??!1;return {story,inline:!0,height:height2,autoplay,forceInitialArgs:!!props.__forceInitialArgs,primary:!!props.__primary,renderStoryToElement:context.renderStoryToElement}}let height=props.height??storyParameters.height??storyParameters.iframeHeight??iframeHeight??\"100px\";return {story,inline:!1,height,primary:!!props.__primary}},Story2=(props={__forceInitialArgs:!1,__primary:!1})=>{let context=useContext(DocsContext),storyId=getStoryId2(props,context),story=useStory(storyId,context);if(!story)return React17.createElement(StorySkeleton,null);let storyProps=getStoryProps(props,story,context);return storyProps?React17.createElement(Story,{...storyProps}):null};var useDeprecatedPreviewProps=({withSource,mdxSource,children,layout:layoutProp,...props},docsContext,sourceContext)=>{let storyIds=Children.toArray(children).filter(c=>c.props&&(c.props.id||c.props.name||c.props.of)).map(c=>getStoryId2(c.props,docsContext)),stories=useStories(storyIds,docsContext),isLoading=stories.some(s=>!s),sourceProps=useSourceProps({...mdxSource?{code:decodeURI(mdxSource)}:{ids:storyIds},...props.of&&{of:props.of}},docsContext,sourceContext);if(withSource===\"none\")return {isLoading,previewProps:props};let layout=layoutProp;return Children.forEach(children,child=>{layout||(layout=child?.props?.parameters?.layout);}),stories.forEach(story=>{layout||!story||(layout=story?.parameters.layout??story.parameters.docs?.canvas?.layout);}),{isLoading,previewProps:{...props,layout:layout??\"padded\",withSource:sourceProps,isExpanded:(withSource||sourceProps.state)===\"open\"}}},Canvas=props=>{let docsContext=useContext(DocsContext),sourceContext=useContext(SourceContext),{children,of,source}=props;if(\"of\"in props&&of===void 0)throw new Error(\"Unexpected `of={undefined}`, did you mistype a CSF file reference?\");let{isLoading,previewProps}=useDeprecatedPreviewProps(props,docsContext,sourceContext),story,sourceProps,hookError;try{({story}=useOf(of||\"story\",[\"story\"]));}catch(error){children||(hookError=error);}try{sourceProps=useSourceProps({...source,...of&&{of}},docsContext,sourceContext);}catch(error){children||(hookError=error);}if(hookError)throw hookError;if(props.withSource&&deprecate(dedent2`Setting source state with \\`withSource\\` is deprecated, please use \\`sourceState\\` with 'hidden', 'shown' or 'none' instead. \n \n Please refer to the migration guide: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#canvas-block\n `),props.mdxSource&&deprecate(dedent2`Setting source code with \\`mdxSource\\` is deprecated, please use source={{code: '...'}} instead. \n \n Please refer to the migration guide: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#canvas-block\n `),(props.isColumn!==void 0||props.columns!==void 0)&&deprecate(dedent2`\\`isColumn\\` and \\`columns\\` props are deprecated as the Canvas block now only supports showing a single story. \n \n Please refer to the migration guide: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#canvas-block\n `),children)return deprecate(dedent2`Passing children to Canvas is deprecated, please use the \\`of\\` prop instead to reference a story. \n \n Please refer to the migration guide: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#canvas-block\n `),isLoading?React17.createElement(PreviewSkeleton,null):React17.createElement(Preview,{...previewProps},children);let layout=props.layout??story.parameters.layout??story.parameters.docs?.canvas?.layout??\"padded\",withToolbar=props.withToolbar??story.parameters.docs?.canvas?.withToolbar??!1,additionalActions=props.additionalActions??story.parameters.docs?.canvas?.additionalActions,sourceState=props.sourceState??story.parameters.docs?.canvas?.sourceState??\"hidden\",className=props.className??story.parameters.docs?.canvas?.className;return React17.createElement(Preview,{withSource:sourceState===\"none\"?void 0:sourceProps,isExpanded:sourceState===\"shown\",withToolbar,additionalActions,className,layout},React17.createElement(Story2,{of:of||story.moduleExport,meta:props.meta,...props.story}))};var useGlobals2=(story,context)=>{let storyContext=context.getStoryContext(story),[globals,setGlobals]=useState(storyContext.globals);return useEffect(()=>{let onGlobalsUpdated=changed=>{setGlobals(changed.globals);};return context.channel.on(GLOBALS_UPDATED,onGlobalsUpdated),()=>context.channel.off(GLOBALS_UPDATED,onGlobalsUpdated)},[context.channel]),[globals]};var useArgs2=(story,context)=>{let result=useArgsIfDefined(story,context);if(!result)throw new Error(\"No result when story was defined\");return result},useArgsIfDefined=(story,context)=>{let storyContext=story?context.getStoryContext(story):{args:{}},{id:storyId}=story||{id:\"none\"},[args,setArgs]=useState(storyContext.args);useEffect(()=>{let onArgsUpdated=changed=>{changed.storyId===storyId&&setArgs(changed.args);};return context.channel.on(STORY_ARGS_UPDATED,onArgsUpdated),()=>context.channel.off(STORY_ARGS_UPDATED,onArgsUpdated)},[storyId,context.channel]);let updateArgs=useCallback(updatedArgs=>context.channel.emit(UPDATE_STORY_ARGS,{storyId,updatedArgs}),[storyId,context.channel]),resetArgs=useCallback(argNames=>context.channel.emit(RESET_STORY_ARGS,{storyId,argNames}),[storyId,context.channel]);return story&&[args,updateArgs,resetArgs]};var Controls3=props=>{let{of}=props;if(\"of\"in props&&of===void 0)throw new Error(\"Unexpected `of={undefined}`, did you mistype a CSF file reference?\");let context=useContext(DocsContext),{story}=context.resolveOf(of||\"story\",[\"story\"]),{parameters,argTypes}=story,controlsParameters=parameters.docs?.controls||{},include=props.include??controlsParameters.include,exclude=props.exclude??controlsParameters.exclude,sort=props.sort??controlsParameters.sort,[args,updateArgs,resetArgs]=useArgs2(story,context),[globals]=useGlobals2(story,context),filteredArgTypes=filterArgTypes(argTypes,include,exclude);return React17.createElement(ArgsTable,{rows:filteredArgTypes,args,globals,updateArgs,resetArgs,sort})};var {document:document2}=global,assertIsFn=val=>{if(typeof val!=\"function\")throw new Error(`Expected story function, got: ${val}`);return val},AddContext=props=>{let{children,...rest}=props,parentContext=React17.useContext(DocsContext);return React17.createElement(DocsContext.Provider,{value:{...parentContext,...rest}},children)},CodeOrSourceMdx=({className,children,...rest})=>{if(typeof className!=\"string\"&&(typeof children!=\"string\"||!children.match(/[\\n\\r]/g)))return React17.createElement(Code,null,children);let language=className&&className.split(\"-\");return React17.createElement(Source,{language:language&&language[1]||\"plaintext\",format:!1,code:children,...rest})};function navigate(context,url){context.channel.emit(NAVIGATE_URL,url);}var A=components.a,AnchorInPage=({hash,children})=>{let context=useContext(DocsContext);return React17.createElement(A,{href:hash,target:\"_self\",onClick:event=>{let id=hash.substring(1);document2.getElementById(id)&&navigate(context,hash);}},children)},AnchorMdx=props=>{let{href,target,children,...rest}=props,context=useContext(DocsContext);if(href){if(href.startsWith(\"#\"))return React17.createElement(AnchorInPage,{hash:href},children);if(target!==\"_blank\"&&!href.startsWith(\"https://\"))return React17.createElement(A,{href,onClick:event=>{event.button===0&&!event.altKey&&!event.ctrlKey&&!event.metaKey&&!event.shiftKey&&(event.preventDefault(),navigate(context,event.currentTarget.getAttribute(\"href\")));},target,...rest},children)}return React17.createElement(A,{...props})},SUPPORTED_MDX_HEADERS=[\"h1\",\"h2\",\"h3\",\"h4\",\"h5\",\"h6\"],OcticonHeaders=SUPPORTED_MDX_HEADERS.reduce((acc,headerType)=>({...acc,[headerType]:styled(headerType)({\"& svg\":{position:\"relative\",top:\"-0.1em\",visibility:\"hidden\"},\"&:hover svg\":{visibility:\"visible\"}})}),{}),OcticonAnchor=styled.a(()=>({float:\"left\",lineHeight:\"inherit\",paddingRight:\"10px\",marginLeft:\"-24px\",color:\"inherit\"})),HeaderWithOcticonAnchor=({as,id,children,...rest})=>{let context=useContext(DocsContext),OcticonHeader=OcticonHeaders[as],hash=`#${id}`;return React17.createElement(OcticonHeader,{id,...rest},React17.createElement(OcticonAnchor,{\"aria-hidden\":\"true\",href:hash,tabIndex:-1,target:\"_self\",onClick:event=>{document2.getElementById(id)&&navigate(context,hash);}},React17.createElement(Icons,{icon:\"link\"})),children)},HeaderMdx=props=>{let{as,id,children,...rest}=props;if(id)return React17.createElement(HeaderWithOcticonAnchor,{as,id,...rest},children);let Component4=as,{as:omittedAs,...withoutAs}=props;return React17.createElement(Component4,{...nameSpaceClassNames(withoutAs,as)})},HeadersMdx=SUPPORTED_MDX_HEADERS.reduce((acc,headerType)=>({...acc,[headerType]:props=>React17.createElement(HeaderMdx,{as:headerType,...props})}),{});var Markdown2=props=>{if(!props.children)return null;if(typeof props.children!=\"string\")throw new Error(dedent2`The Markdown block only accepts children as a single string, but children were of type: '${typeof props.children}'\n This is often caused by not wrapping the child in a template string.\n \n This is invalid:\n \n # Some heading\n A paragraph\n \n\n Instead do:\n \n {\\`\n # Some heading\n A paragraph\n \\`}\n \n `);return React17.createElement(Markdown,{...props,options:{forceBlock:!0,overrides:{code:CodeOrSourceMdx,a:AnchorMdx,...HeadersMdx,...props?.options?.overrides},...props?.options}})};var DescriptionType=(DescriptionType2=>(DescriptionType2.INFO=\"info\",DescriptionType2.NOTES=\"notes\",DescriptionType2.DOCGEN=\"docgen\",DescriptionType2.AUTO=\"auto\",DescriptionType2))(DescriptionType||{}),DEPRECATION_MIGRATION_LINK=\"https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#description-block-parametersnotes-and-parametersinfo\",getNotes=notes=>notes&&(typeof notes==\"string\"?notes:str(notes.markdown)||str(notes.text)),getInfo=info=>info&&(typeof info==\"string\"?info:str(info.text)),noDescription=component=>null,getDescriptionFromResolvedOf=resolvedOf=>{switch(resolvedOf.type){case\"story\":return resolvedOf.story.parameters.docs?.description?.story||null;case\"meta\":{let{parameters,component}=resolvedOf.preparedMeta,metaDescription=parameters.docs?.description?.component;return metaDescription||parameters.docs?.extractComponentDescription?.(component,{component,parameters})||null}case\"component\":{let{component,projectAnnotations:{parameters}}=resolvedOf;return parameters.docs?.extractComponentDescription?.(component,{component,parameters})||null}default:throw new Error(`Unrecognized module type resolved from 'useOf', got: ${resolvedOf.type}`)}},getDescriptionFromDeprecatedProps=({type,markdown,children},{storyById})=>{let{component,parameters}=storyById();if(children||markdown)return children||markdown;let{notes,info,docs}=parameters;(notes||info)&&deprecate(`Using 'parameters.notes' or 'parameters.info' properties to describe stories is deprecated. See ${DEPRECATION_MIGRATION_LINK}`);let{extractComponentDescription=noDescription,description}=docs||{},componentDescriptionParameter=description?.component;if(componentDescriptionParameter)return componentDescriptionParameter;switch(type){case\"info\":return getInfo(info);case\"notes\":return getNotes(notes);case\"docgen\":case\"auto\":default:return extractComponentDescription(component,{component,...parameters})}},DescriptionContainer=props=>{let{of,type,markdown:markdownProp,children}=props;if(\"of\"in props&&of===void 0)throw new Error(\"Unexpected `of={undefined}`, did you mistype a CSF file reference?\");let context=useContext(DocsContext),resolvedOf=useOf(of||\"meta\"),markdown;return type||markdownProp||children?markdown=getDescriptionFromDeprecatedProps(props,context):markdown=getDescriptionFromResolvedOf(resolvedOf),type&&deprecate(`Manually specifying description type is deprecated. See ${DEPRECATION_MIGRATION_LINK}`),markdownProp&&deprecate(`The 'markdown' prop on the Description block is deprecated. See ${DEPRECATION_MIGRATION_LINK}`),children&&deprecate(`The 'children' prop on the Description block is deprecated. See ${DEPRECATION_MIGRATION_LINK}`),markdown?React17.createElement(Markdown2,null,markdown):null};var Wrapper9=styled.div(({theme})=>({width:\"10rem\",\"@media (max-width: 768px)\":{display:\"none\"}})),Content2=styled.div(({theme})=>({position:\"fixed\",bottom:0,top:0,width:\"10rem\",paddingTop:\"4rem\",paddingBottom:\"2rem\",overflowY:\"auto\",fontFamily:theme.typography.fonts.base,fontSize:theme.typography.size.s2,WebkitFontSmoothing:\"antialiased\",MozOsxFontSmoothing:\"grayscale\",WebkitTapHighlightColor:\"rgba(0, 0, 0, 0)\",WebkitOverflowScrolling:\"touch\",\"& *\":{boxSizing:\"border-box\"},\"& > .toc-wrapper > .toc-list\":{paddingLeft:0,borderLeft:`solid 2px ${theme.color.mediumlight}`,\".toc-list\":{paddingLeft:0,borderLeft:`solid 2px ${theme.color.mediumlight}`,\".toc-list\":{paddingLeft:0,borderLeft:`solid 2px ${theme.color.mediumlight}`}}},\"& .toc-list-item\":{position:\"relative\",listStyleType:\"none\",marginLeft:20,paddingTop:3,paddingBottom:3},\"& .toc-list-item::before\":{content:'\"\"',position:\"absolute\",height:\"100%\",top:0,left:0,transform:\"translateX(calc(-2px - 20px))\",borderLeft:`solid 2px ${theme.color.mediumdark}`,opacity:0,transition:\"opacity 0.2s\"},\"& .toc-list-item.is-active-li::before\":{opacity:1},\"& .toc-list-item > a\":{color:theme.color.defaultText,textDecoration:\"none\"},\"& .toc-list-item.is-active-li > a\":{fontWeight:600,color:theme.color.secondary,textDecoration:\"none\"}})),Heading=styled.p(({theme})=>({fontWeight:600,fontSize:\"0.875em\",color:theme.textColor,textTransform:\"uppercase\",marginBottom:10})),OptionalTitle=({title})=>title===null?null:typeof title==\"string\"?React17.createElement(Heading,null,title):title,TableOfContents=({title,disable,headingSelector,contentsSelector,ignoreSelector,unsafeTocbotOptions})=>(useEffect(()=>{let configuration={tocSelector:\".toc-wrapper\",contentSelector:contentsSelector??\".sbdocs-content\",headingSelector:headingSelector??\"h3\",ignoreSelector:ignoreSelector??\".docs-story *, .skip-toc\",headingsOffset:40,scrollSmoothOffset:-40,orderedList:!1,onClick:()=>!1,...unsafeTocbotOptions},timeout=setTimeout(()=>tocbot.init(configuration),100);return ()=>{clearTimeout(timeout),tocbot.destroy();}},[disable]),React17.createElement(React17.Fragment,null,React17.createElement(Wrapper9,null,disable?null:React17.createElement(Content2,null,React17.createElement(OptionalTitle,{title:title||null}),React17.createElement(\"div\",{className:\"toc-wrapper\"})))));var {document:document3,window:globalWindow3}=global,DocsContainer=({context,theme,children})=>{let toc;try{toc=context.resolveOf(\"meta\",[\"meta\"]).preparedMeta.parameters?.docs?.toc;}catch{toc=context?.projectAnnotations?.parameters?.docs?.toc;}return useEffect(()=>{let url;try{if(url=new URL(globalWindow3.parent.location.toString()),url.hash){let element=document3.getElementById(url.hash.substring(1));element&&setTimeout(()=>{scrollToElement(element);},200);}}catch{}}),React17.createElement(DocsContext.Provider,{value:context},React17.createElement(SourceContainer,{channel:context.channel},React17.createElement(ThemeProvider,{theme:ensure(theme)},React17.createElement(DocsPageWrapper,{toc:toc?React17.createElement(TableOfContents,{className:\"sbdocs sbdocs-toc--custom\",...toc}):null},children))))};var STORY_KIND_PATH_SEPARATOR=/\\s*\\/\\s*/,extractTitle=title=>{let groups=title.trim().split(STORY_KIND_PATH_SEPARATOR);return groups&&groups[groups.length-1]||title},Title3=({children})=>{let context=useContext(DocsContext),content=children||extractTitle(context.storyById().title);return content?React17.createElement(Title,{className:\"sbdocs-title sb-unstyled\"},content):null};var Subtitle2=({children})=>{let docsContext=useContext(DocsContext),content=children||docsContext.storyById().parameters?.componentSubtitle;return content?React17.createElement(Subtitle,{className:\"sbdocs-subtitle sb-unstyled\"},content):null};var Subheading=({children,disableAnchor})=>{if(disableAnchor||typeof children!=\"string\")return React17.createElement(H3,null,children);let tagID=children.toLowerCase().replace(/[^a-z0-9]/gi,\"-\");return React17.createElement(HeaderMdx,{as:\"h3\",id:tagID},children)};var DocsStory=({of,expanded=!0,withToolbar:withToolbarProp=!1,__forceInitialArgs=!1,__primary=!1})=>{let{story}=useOf(of||\"story\",[\"story\"]),withToolbar=story.parameters.docs?.canvas?.withToolbar??withToolbarProp;return React17.createElement(Anchor,{storyId:story.id},expanded&&React17.createElement(React17.Fragment,null,React17.createElement(Subheading,null,story.name),React17.createElement(DescriptionContainer,{of})),React17.createElement(Canvas,{of,withToolbar,story:{__forceInitialArgs,__primary},source:{__forceInitialArgs}}))};var Primary=props=>{let{name,of}=props;if(\"of\"in props&&of===void 0)throw new Error(\"Unexpected `of={undefined}`, did you mistype a CSF file reference?\");let docsContext=useContext(DocsContext),story;if(of&&(story=useOf(of||\"meta\",[\"meta\"]).csfFile.stories[0]||null),!story){let storyId=name&&docsContext.storyIdByName(name);story=docsContext.storyById(storyId);}return name&&deprecate(dedent2`\\`name\\` prop is deprecated on the Primary block.\n The Primary block should only be used to render the primary story, which is automatically found.\n `),story?React17.createElement(DocsStory,{of:story.moduleExport,expanded:!1,__primary:!0,withToolbar:!0}):null};var Heading2=({children,disableAnchor,...props})=>{if(disableAnchor||typeof children!=\"string\")return React17.createElement(H2,null,children);let tagID=children.toLowerCase().replace(/[^a-z0-9]/gi,\"-\");return React17.createElement(HeaderMdx,{as:\"h2\",id:tagID,...props},children)};var StyledHeading=styled(Heading2)(({theme})=>({fontSize:`${theme.typography.size.s2-1}px`,fontWeight:theme.typography.weight.bold,lineHeight:\"16px\",letterSpacing:\"0.35em\",textTransform:\"uppercase\",color:theme.textMutedColor,border:0,marginBottom:\"12px\",\"&:first-of-type\":{marginTop:\"56px\"}})),Stories=({title=\"Stories\",includePrimary=!0})=>{let{componentStories}=useContext(DocsContext),stories=componentStories().filter(story=>!story.parameters?.docs?.disable);return includePrimary||(stories=stories.slice(1)),!stories||stories.length===0?null:React17.createElement(React17.Fragment,null,React17.createElement(StyledHeading,null,title),stories.map(story=>story&&React17.createElement(DocsStory,{key:story.id,of:story.moduleExport,expanded:!0,__forceInitialArgs:!0})))};var DocsPage=()=>{let resolvedOf=useOf(\"meta\",[\"meta\"]),{stories}=resolvedOf.csfFile,isSingleStory=Object.keys(stories).length===1;return React17.createElement(React17.Fragment,null,React17.createElement(Title3,null),React17.createElement(Subtitle2,null),React17.createElement(DescriptionContainer,{of:\"meta\"}),isSingleStory?React17.createElement(DescriptionContainer,{of:\"story\"}):null,React17.createElement(Primary,null),React17.createElement(Controls3,null),isSingleStory?null:React17.createElement(Stories,null))};function Docs({context,docsParameter}){let Container=docsParameter.container||DocsContainer,Page=docsParameter.page||DocsPage;return React17.createElement(Container,{context,theme:docsParameter.theme},React17.createElement(Page,null))}var ExternalDocsContext=class extends DocsContext$1{constructor(channel,store,renderStoryToElement,processMetaExports){super(channel,store,renderStoryToElement,[]);this.channel=channel;this.store=store;this.renderStoryToElement=renderStoryToElement;this.processMetaExports=processMetaExports;this.referenceMeta=(metaExports,attach)=>{let csfFile=this.processMetaExports(metaExports);this.referenceCSFFile(csfFile),super.referenceMeta(metaExports,attach);};}};var ConstantMap=class{constructor(prefix){this.prefix=prefix;this.entries=new Map;}get(key){return this.entries.has(key)||this.entries.set(key,`${this.prefix}${this.entries.size}`),this.entries.get(key)}},ExternalPreview=class extends Preview$1{constructor(projectAnnotations){super(new Channel({}));this.projectAnnotations=projectAnnotations;this.importPaths=new ConstantMap(\"./importPath/\");this.titles=new ConstantMap(\"title-\");this.storyIndex={v:4,entries:{}};this.moduleExportsByImportPath={};this.processMetaExports=metaExports=>{let importPath=this.importPaths.get(metaExports);this.moduleExportsByImportPath[importPath]=metaExports;let title=metaExports.default.title||this.titles.get(metaExports),csfFile=this.storyStore.processCSFFileWithCache(metaExports,importPath,title);return Object.values(csfFile.stories).forEach(({id,name})=>{this.storyIndex.entries[id]={id,importPath,title,name,type:\"story\"};}),this.onStoriesChanged({storyIndex:this.storyIndex}),csfFile};this.docsContext=()=>new ExternalDocsContext(this.channel,this.storyStore,this.renderStoryToElement.bind(this),this.processMetaExports.bind(this));this.initialize({getStoryIndex:()=>this.storyIndex,importFn:path=>Promise.resolve(this.moduleExportsByImportPath[path]),getProjectAnnotations:()=>composeConfigs([{parameters:{docs:{story:{inline:!0}}}},this.projectAnnotations])});}};function usePreview(projectAnnotations){let previewRef=useRef();return previewRef.current||(previewRef.current=new ExternalPreview(projectAnnotations)),previewRef.current}function ExternalDocs({projectAnnotationsList,children}){let projectAnnotations=composeConfigs(projectAnnotationsList),preview2=usePreview(projectAnnotations),docsParameter={...projectAnnotations.parameters?.docs,page:()=>children};return React17.createElement(Docs,{docsParameter,context:preview2.docsContext()})}var preview,ExternalDocsContainer=({projectAnnotations,children})=>(preview||(preview=new ExternalPreview(projectAnnotations)),React17.createElement(DocsContext.Provider,{value:preview.docsContext()},React17.createElement(ThemeProvider,{theme:ensure(themes.light)},children)));var Meta=({of})=>{let context=useContext(DocsContext);of&&context.referenceMeta(of,!0);try{let primary=context.storyById();return React17.createElement(Anchor,{storyId:primary.id})}catch{return null}};var Unstyled=props=>React17.createElement(\"div\",{...props,className:\"sb-unstyled\"});var Wrapper10=({children})=>React17.createElement(\"div\",{style:{fontFamily:\"sans-serif\"}},children);\n\nexport { AddContext, Anchor, AnchorMdx, ArgTypes, ArgsTable2 as ArgsTable, BooleanControl, Canvas, CodeOrSourceMdx, ColorControl, ColorItem, ColorPalette, ComponentsTable, Controls3 as Controls, DateControl, DescriptionContainer as Description, DescriptionType, Docs, DocsContainer, DocsContext, DocsPage, DocsStory, ExternalDocs, ExternalDocsContainer, FilesControl, HeaderMdx, HeadersMdx, Heading2 as Heading, IconGallery, IconItem, Markdown2 as Markdown, Meta, NumberControl, ObjectControl, OptionsControl, PRIMARY_STORY, Primary, ArgsTable as PureArgsTable, RangeControl, Source2 as Source, SourceContainer, SourceContext, SourceState, Stories, Story2 as Story, StoryTable, Subheading, Subtitle2 as Subtitle, TextControl, Title3 as Title, Typeset, UNKNOWN_ARGS_HASH, Unstyled, Wrapper10 as Wrapper, anchorBlockIdFromId, argsHash, assertIsFn, extractComponentArgTypes2 as extractComponentArgTypes, extractTitle, format, formatDate, formatTime, getComponent, getStoryId2 as getStoryId, getStoryProps, parse2 as parse, parseDate, parseTime, useOf, useSourceProps };\n","import { __commonJS, __toESM } from './chunk-JRLSWQMA.mjs';\nimport * as React3 from 'react';\nimport React3__default, { useState, useCallback, useEffect } from 'react';\nimport * as ReactDOM from 'react-dom';\nimport ReactDOM__default from 'react-dom';\nimport { styled, lighten } from '@storybook/theming';\nimport { global } from '@storybook/global';\nimport memoize from 'memoizerific';\n\nvar require_react_fast_compare=__commonJS({\"../../node_modules/react-fast-compare/index.js\"(exports,module){var hasElementType=typeof Element<\"u\",hasMap=typeof Map==\"function\",hasSet=typeof Set==\"function\",hasArrayBuffer=typeof ArrayBuffer==\"function\"&&!!ArrayBuffer.isView;function equal(a,b){if(a===b)return !0;if(a&&b&&typeof a==\"object\"&&typeof b==\"object\"){if(a.constructor!==b.constructor)return !1;var length,i,keys;if(Array.isArray(a)){if(length=a.length,length!=b.length)return !1;for(i=length;i--!==0;)if(!equal(a[i],b[i]))return !1;return !0}var it;if(hasMap&&a instanceof Map&&b instanceof Map){if(a.size!==b.size)return !1;for(it=a.entries();!(i=it.next()).done;)if(!b.has(i.value[0]))return !1;for(it=a.entries();!(i=it.next()).done;)if(!equal(i.value[1],b.get(i.value[0])))return !1;return !0}if(hasSet&&a instanceof Set&&b instanceof Set){if(a.size!==b.size)return !1;for(it=a.entries();!(i=it.next()).done;)if(!b.has(i.value[0]))return !1;return !0}if(hasArrayBuffer&&ArrayBuffer.isView(a)&&ArrayBuffer.isView(b)){if(length=a.length,length!=b.length)return !1;for(i=length;i--!==0;)if(a[i]!==b[i])return !1;return !0}if(a.constructor===RegExp)return a.source===b.source&&a.flags===b.flags;if(a.valueOf!==Object.prototype.valueOf&&typeof a.valueOf==\"function\"&&typeof b.valueOf==\"function\")return a.valueOf()===b.valueOf();if(a.toString!==Object.prototype.toString&&typeof a.toString==\"function\"&&typeof b.toString==\"function\")return a.toString()===b.toString();if(keys=Object.keys(a),length=keys.length,length!==Object.keys(b).length)return !1;for(i=length;i--!==0;)if(!Object.prototype.hasOwnProperty.call(b,keys[i]))return !1;if(hasElementType&&a instanceof Element)return !1;for(i=length;i--!==0;)if(!((keys[i]===\"_owner\"||keys[i]===\"__v\"||keys[i]===\"__o\")&&a.$$typeof)&&!equal(a[keys[i]],b[keys[i]]))return !1;return !0}return a!==a&&b!==b}module.exports=function(a,b){try{return equal(a,b)}catch(error){if((error.message||\"\").match(/stack|recursion/i))return console.warn(\"react-fast-compare cannot handle circular refs\"),!1;throw error}};}});function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return {};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i=0)&&(target[key]=source[key]);return target}function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i\"u\")return !1;var OwnElement=getWindow(node).ShadowRoot;return node instanceof OwnElement||node instanceof ShadowRoot}function applyStyles(_ref){var state=_ref.state;Object.keys(state.elements).forEach(function(name){var style=state.styles[name]||{},attributes=state.attributes[name]||{},element=state.elements[name];!isHTMLElement(element)||!getNodeName(element)||(Object.assign(element.style,style),Object.keys(attributes).forEach(function(name2){var value=attributes[name2];value===!1?element.removeAttribute(name2):element.setAttribute(name2,value===!0?\"\":value);}));});}function effect(_ref2){var state=_ref2.state,initialStyles={popper:{position:state.options.strategy,left:\"0\",top:\"0\",margin:\"0\"},arrow:{position:\"absolute\"},reference:{}};return Object.assign(state.elements.popper.style,initialStyles.popper),state.styles=initialStyles,state.elements.arrow&&Object.assign(state.elements.arrow.style,initialStyles.arrow),function(){Object.keys(state.elements).forEach(function(name){var element=state.elements[name],attributes=state.attributes[name]||{},styleProperties=Object.keys(state.styles.hasOwnProperty(name)?state.styles[name]:initialStyles[name]),style=styleProperties.reduce(function(style2,property){return style2[property]=\"\",style2},{});!isHTMLElement(element)||!getNodeName(element)||(Object.assign(element.style,style),Object.keys(attributes).forEach(function(attribute){element.removeAttribute(attribute);}));});}}var applyStyles_default={name:\"applyStyles\",enabled:!0,phase:\"write\",fn:applyStyles,effect,requires:[\"computeStyles\"]};function getBasePlacement(placement){return placement.split(\"-\")[0]}var max=Math.max,min=Math.min,round=Math.round;function getUAString(){var uaData=navigator.userAgentData;return uaData!=null&&uaData.brands&&Array.isArray(uaData.brands)?uaData.brands.map(function(item){return item.brand+\"/\"+item.version}).join(\" \"):navigator.userAgent}function isLayoutViewport(){return !/^((?!chrome|android).)*safari/i.test(getUAString())}function getBoundingClientRect(element,includeScale,isFixedStrategy){includeScale===void 0&&(includeScale=!1),isFixedStrategy===void 0&&(isFixedStrategy=!1);var clientRect=element.getBoundingClientRect(),scaleX=1,scaleY=1;includeScale&&isHTMLElement(element)&&(scaleX=element.offsetWidth>0&&round(clientRect.width)/element.offsetWidth||1,scaleY=element.offsetHeight>0&&round(clientRect.height)/element.offsetHeight||1);var _ref=isElement(element)?getWindow(element):window,visualViewport=_ref.visualViewport,addVisualOffsets=!isLayoutViewport()&&isFixedStrategy,x=(clientRect.left+(addVisualOffsets&&visualViewport?visualViewport.offsetLeft:0))/scaleX,y=(clientRect.top+(addVisualOffsets&&visualViewport?visualViewport.offsetTop:0))/scaleY,width=clientRect.width/scaleX,height=clientRect.height/scaleY;return {width,height,top:y,right:x+width,bottom:y+height,left:x,x,y}}function getLayoutRect(element){var clientRect=getBoundingClientRect(element),width=element.offsetWidth,height=element.offsetHeight;return Math.abs(clientRect.width-width)<=1&&(width=clientRect.width),Math.abs(clientRect.height-height)<=1&&(height=clientRect.height),{x:element.offsetLeft,y:element.offsetTop,width,height}}function contains(parent,child){var rootNode=child.getRootNode&&child.getRootNode();if(parent.contains(child))return !0;if(rootNode&&isShadowRoot(rootNode)){var next=child;do{if(next&&parent.isSameNode(next))return !0;next=next.parentNode||next.host;}while(next)}return !1}function getComputedStyle(element){return getWindow(element).getComputedStyle(element)}function isTableElement(element){return [\"table\",\"td\",\"th\"].indexOf(getNodeName(element))>=0}function getDocumentElement(element){return ((isElement(element)?element.ownerDocument:element.document)||window.document).documentElement}function getParentNode(element){return getNodeName(element)===\"html\"?element:element.assignedSlot||element.parentNode||(isShadowRoot(element)?element.host:null)||getDocumentElement(element)}function getTrueOffsetParent(element){return !isHTMLElement(element)||getComputedStyle(element).position===\"fixed\"?null:element.offsetParent}function getContainingBlock(element){var isFirefox=/firefox/i.test(getUAString()),isIE=/Trident/i.test(getUAString());if(isIE&&isHTMLElement(element)){var elementCss=getComputedStyle(element);if(elementCss.position===\"fixed\")return null}var currentNode=getParentNode(element);for(isShadowRoot(currentNode)&&(currentNode=currentNode.host);isHTMLElement(currentNode)&&[\"html\",\"body\"].indexOf(getNodeName(currentNode))<0;){var css=getComputedStyle(currentNode);if(css.transform!==\"none\"||css.perspective!==\"none\"||css.contain===\"paint\"||[\"transform\",\"perspective\"].indexOf(css.willChange)!==-1||isFirefox&&css.willChange===\"filter\"||isFirefox&&css.filter&&css.filter!==\"none\")return currentNode;currentNode=currentNode.parentNode;}return null}function getOffsetParent(element){for(var window2=getWindow(element),offsetParent=getTrueOffsetParent(element);offsetParent&&isTableElement(offsetParent)&&getComputedStyle(offsetParent).position===\"static\";)offsetParent=getTrueOffsetParent(offsetParent);return offsetParent&&(getNodeName(offsetParent)===\"html\"||getNodeName(offsetParent)===\"body\"&&getComputedStyle(offsetParent).position===\"static\")?window2:offsetParent||getContainingBlock(element)||window2}function getMainAxisFromPlacement(placement){return [\"top\",\"bottom\"].indexOf(placement)>=0?\"x\":\"y\"}function within(min2,value,max2){return max(min2,min(value,max2))}function withinMaxClamp(min2,value,max2){var v=within(min2,value,max2);return v>max2?max2:v}function getFreshSideObject(){return {top:0,right:0,bottom:0,left:0}}function mergePaddingObject(paddingObject){return Object.assign({},getFreshSideObject(),paddingObject)}function expandToHashMap(value,keys){return keys.reduce(function(hashMap,key){return hashMap[key]=value,hashMap},{})}var toPaddingObject=function(padding,state){return padding=typeof padding==\"function\"?padding(Object.assign({},state.rects,{placement:state.placement})):padding,mergePaddingObject(typeof padding!=\"number\"?padding:expandToHashMap(padding,basePlacements))};function arrow(_ref){var _state$modifiersData$,state=_ref.state,name=_ref.name,options=_ref.options,arrowElement=state.elements.arrow,popperOffsets2=state.modifiersData.popperOffsets,basePlacement=getBasePlacement(state.placement),axis=getMainAxisFromPlacement(basePlacement),isVertical=[left,right].indexOf(basePlacement)>=0,len=isVertical?\"height\":\"width\";if(!(!arrowElement||!popperOffsets2)){var paddingObject=toPaddingObject(options.padding,state),arrowRect=getLayoutRect(arrowElement),minProp=axis===\"y\"?top:left,maxProp=axis===\"y\"?bottom:right,endDiff=state.rects.reference[len]+state.rects.reference[axis]-popperOffsets2[axis]-state.rects.popper[len],startDiff=popperOffsets2[axis]-state.rects.reference[axis],arrowOffsetParent=getOffsetParent(arrowElement),clientSize=arrowOffsetParent?axis===\"y\"?arrowOffsetParent.clientHeight||0:arrowOffsetParent.clientWidth||0:0,centerToReference=endDiff/2-startDiff/2,min2=paddingObject[minProp],max2=clientSize-arrowRect[len]-paddingObject[maxProp],center=clientSize/2-arrowRect[len]/2+centerToReference,offset2=within(min2,center,max2),axisProp=axis;state.modifiersData[name]=(_state$modifiersData$={},_state$modifiersData$[axisProp]=offset2,_state$modifiersData$.centerOffset=offset2-center,_state$modifiersData$);}}function effect2(_ref2){var state=_ref2.state,options=_ref2.options,_options$element=options.element,arrowElement=_options$element===void 0?\"[data-popper-arrow]\":_options$element;arrowElement!=null&&(typeof arrowElement==\"string\"&&(arrowElement=state.elements.popper.querySelector(arrowElement),!arrowElement)||contains(state.elements.popper,arrowElement)&&(state.elements.arrow=arrowElement));}var arrow_default={name:\"arrow\",enabled:!0,phase:\"main\",fn:arrow,effect:effect2,requires:[\"popperOffsets\"],requiresIfExists:[\"preventOverflow\"]};function getVariation(placement){return placement.split(\"-\")[1]}var unsetSides={top:\"auto\",right:\"auto\",bottom:\"auto\",left:\"auto\"};function roundOffsetsByDPR(_ref,win){var x=_ref.x,y=_ref.y,dpr=win.devicePixelRatio||1;return {x:round(x*dpr)/dpr||0,y:round(y*dpr)/dpr||0}}function mapToStyles(_ref2){var _Object$assign2,popper2=_ref2.popper,popperRect=_ref2.popperRect,placement=_ref2.placement,variation=_ref2.variation,offsets=_ref2.offsets,position=_ref2.position,gpuAcceleration=_ref2.gpuAcceleration,adaptive=_ref2.adaptive,roundOffsets=_ref2.roundOffsets,isFixed=_ref2.isFixed,_offsets$x=offsets.x,x=_offsets$x===void 0?0:_offsets$x,_offsets$y=offsets.y,y=_offsets$y===void 0?0:_offsets$y,_ref3=typeof roundOffsets==\"function\"?roundOffsets({x,y}):{x,y};x=_ref3.x,y=_ref3.y;var hasX=offsets.hasOwnProperty(\"x\"),hasY=offsets.hasOwnProperty(\"y\"),sideX=left,sideY=top,win=window;if(adaptive){var offsetParent=getOffsetParent(popper2),heightProp=\"clientHeight\",widthProp=\"clientWidth\";if(offsetParent===getWindow(popper2)&&(offsetParent=getDocumentElement(popper2),getComputedStyle(offsetParent).position!==\"static\"&&position===\"absolute\"&&(heightProp=\"scrollHeight\",widthProp=\"scrollWidth\")),offsetParent=offsetParent,placement===top||(placement===left||placement===right)&&variation===end){sideY=bottom;var offsetY=isFixed&&offsetParent===win&&win.visualViewport?win.visualViewport.height:offsetParent[heightProp];y-=offsetY-popperRect.height,y*=gpuAcceleration?1:-1;}if(placement===left||(placement===top||placement===bottom)&&variation===end){sideX=right;var offsetX=isFixed&&offsetParent===win&&win.visualViewport?win.visualViewport.width:offsetParent[widthProp];x-=offsetX-popperRect.width,x*=gpuAcceleration?1:-1;}}var commonStyles=Object.assign({position},adaptive&&unsetSides),_ref4=roundOffsets===!0?roundOffsetsByDPR({x,y},getWindow(popper2)):{x,y};if(x=_ref4.x,y=_ref4.y,gpuAcceleration){var _Object$assign;return Object.assign({},commonStyles,(_Object$assign={},_Object$assign[sideY]=hasY?\"0\":\"\",_Object$assign[sideX]=hasX?\"0\":\"\",_Object$assign.transform=(win.devicePixelRatio||1)<=1?\"translate(\"+x+\"px, \"+y+\"px)\":\"translate3d(\"+x+\"px, \"+y+\"px, 0)\",_Object$assign))}return Object.assign({},commonStyles,(_Object$assign2={},_Object$assign2[sideY]=hasY?y+\"px\":\"\",_Object$assign2[sideX]=hasX?x+\"px\":\"\",_Object$assign2.transform=\"\",_Object$assign2))}function computeStyles(_ref5){var state=_ref5.state,options=_ref5.options,_options$gpuAccelerat=options.gpuAcceleration,gpuAcceleration=_options$gpuAccelerat===void 0?!0:_options$gpuAccelerat,_options$adaptive=options.adaptive,adaptive=_options$adaptive===void 0?!0:_options$adaptive,_options$roundOffsets=options.roundOffsets,roundOffsets=_options$roundOffsets===void 0?!0:_options$roundOffsets,commonStyles={placement:getBasePlacement(state.placement),variation:getVariation(state.placement),popper:state.elements.popper,popperRect:state.rects.popper,gpuAcceleration,isFixed:state.options.strategy===\"fixed\"};state.modifiersData.popperOffsets!=null&&(state.styles.popper=Object.assign({},state.styles.popper,mapToStyles(Object.assign({},commonStyles,{offsets:state.modifiersData.popperOffsets,position:state.options.strategy,adaptive,roundOffsets})))),state.modifiersData.arrow!=null&&(state.styles.arrow=Object.assign({},state.styles.arrow,mapToStyles(Object.assign({},commonStyles,{offsets:state.modifiersData.arrow,position:\"absolute\",adaptive:!1,roundOffsets})))),state.attributes.popper=Object.assign({},state.attributes.popper,{\"data-popper-placement\":state.placement});}var computeStyles_default={name:\"computeStyles\",enabled:!0,phase:\"beforeWrite\",fn:computeStyles,data:{}};var passive={passive:!0};function effect3(_ref){var state=_ref.state,instance=_ref.instance,options=_ref.options,_options$scroll=options.scroll,scroll=_options$scroll===void 0?!0:_options$scroll,_options$resize=options.resize,resize=_options$resize===void 0?!0:_options$resize,window2=getWindow(state.elements.popper),scrollParents=[].concat(state.scrollParents.reference,state.scrollParents.popper);return scroll&&scrollParents.forEach(function(scrollParent){scrollParent.addEventListener(\"scroll\",instance.update,passive);}),resize&&window2.addEventListener(\"resize\",instance.update,passive),function(){scroll&&scrollParents.forEach(function(scrollParent){scrollParent.removeEventListener(\"scroll\",instance.update,passive);}),resize&&window2.removeEventListener(\"resize\",instance.update,passive);}}var eventListeners_default={name:\"eventListeners\",enabled:!0,phase:\"write\",fn:function(){},effect:effect3,data:{}};var hash={left:\"right\",right:\"left\",bottom:\"top\",top:\"bottom\"};function getOppositePlacement(placement){return placement.replace(/left|right|bottom|top/g,function(matched){return hash[matched]})}var hash2={start:\"end\",end:\"start\"};function getOppositeVariationPlacement(placement){return placement.replace(/start|end/g,function(matched){return hash2[matched]})}function getWindowScroll(node){var win=getWindow(node),scrollLeft=win.pageXOffset,scrollTop=win.pageYOffset;return {scrollLeft,scrollTop}}function getWindowScrollBarX(element){return getBoundingClientRect(getDocumentElement(element)).left+getWindowScroll(element).scrollLeft}function getViewportRect(element,strategy){var win=getWindow(element),html=getDocumentElement(element),visualViewport=win.visualViewport,width=html.clientWidth,height=html.clientHeight,x=0,y=0;if(visualViewport){width=visualViewport.width,height=visualViewport.height;var layoutViewport=isLayoutViewport();(layoutViewport||!layoutViewport&&strategy===\"fixed\")&&(x=visualViewport.offsetLeft,y=visualViewport.offsetTop);}return {width,height,x:x+getWindowScrollBarX(element),y}}function getDocumentRect(element){var _element$ownerDocumen,html=getDocumentElement(element),winScroll=getWindowScroll(element),body=(_element$ownerDocumen=element.ownerDocument)==null?void 0:_element$ownerDocumen.body,width=max(html.scrollWidth,html.clientWidth,body?body.scrollWidth:0,body?body.clientWidth:0),height=max(html.scrollHeight,html.clientHeight,body?body.scrollHeight:0,body?body.clientHeight:0),x=-winScroll.scrollLeft+getWindowScrollBarX(element),y=-winScroll.scrollTop;return getComputedStyle(body||html).direction===\"rtl\"&&(x+=max(html.clientWidth,body?body.clientWidth:0)-width),{width,height,x,y}}function isScrollParent(element){var _getComputedStyle=getComputedStyle(element),overflow=_getComputedStyle.overflow,overflowX=_getComputedStyle.overflowX,overflowY=_getComputedStyle.overflowY;return /auto|scroll|overlay|hidden/.test(overflow+overflowY+overflowX)}function getScrollParent(node){return [\"html\",\"body\",\"#document\"].indexOf(getNodeName(node))>=0?node.ownerDocument.body:isHTMLElement(node)&&isScrollParent(node)?node:getScrollParent(getParentNode(node))}function listScrollParents(element,list){var _element$ownerDocumen;list===void 0&&(list=[]);var scrollParent=getScrollParent(element),isBody=scrollParent===((_element$ownerDocumen=element.ownerDocument)==null?void 0:_element$ownerDocumen.body),win=getWindow(scrollParent),target=isBody?[win].concat(win.visualViewport||[],isScrollParent(scrollParent)?scrollParent:[]):scrollParent,updatedList=list.concat(target);return isBody?updatedList:updatedList.concat(listScrollParents(getParentNode(target)))}function rectToClientRect(rect){return Object.assign({},rect,{left:rect.x,top:rect.y,right:rect.x+rect.width,bottom:rect.y+rect.height})}function getInnerBoundingClientRect(element,strategy){var rect=getBoundingClientRect(element,!1,strategy===\"fixed\");return rect.top=rect.top+element.clientTop,rect.left=rect.left+element.clientLeft,rect.bottom=rect.top+element.clientHeight,rect.right=rect.left+element.clientWidth,rect.width=element.clientWidth,rect.height=element.clientHeight,rect.x=rect.left,rect.y=rect.top,rect}function getClientRectFromMixedType(element,clippingParent,strategy){return clippingParent===viewport?rectToClientRect(getViewportRect(element,strategy)):isElement(clippingParent)?getInnerBoundingClientRect(clippingParent,strategy):rectToClientRect(getDocumentRect(getDocumentElement(element)))}function getClippingParents(element){var clippingParents2=listScrollParents(getParentNode(element)),canEscapeClipping=[\"absolute\",\"fixed\"].indexOf(getComputedStyle(element).position)>=0,clipperElement=canEscapeClipping&&isHTMLElement(element)?getOffsetParent(element):element;return isElement(clipperElement)?clippingParents2.filter(function(clippingParent){return isElement(clippingParent)&&contains(clippingParent,clipperElement)&&getNodeName(clippingParent)!==\"body\"}):[]}function getClippingRect(element,boundary,rootBoundary,strategy){var mainClippingParents=boundary===\"clippingParents\"?getClippingParents(element):[].concat(boundary),clippingParents2=[].concat(mainClippingParents,[rootBoundary]),firstClippingParent=clippingParents2[0],clippingRect=clippingParents2.reduce(function(accRect,clippingParent){var rect=getClientRectFromMixedType(element,clippingParent,strategy);return accRect.top=max(rect.top,accRect.top),accRect.right=min(rect.right,accRect.right),accRect.bottom=min(rect.bottom,accRect.bottom),accRect.left=max(rect.left,accRect.left),accRect},getClientRectFromMixedType(element,firstClippingParent,strategy));return clippingRect.width=clippingRect.right-clippingRect.left,clippingRect.height=clippingRect.bottom-clippingRect.top,clippingRect.x=clippingRect.left,clippingRect.y=clippingRect.top,clippingRect}function computeOffsets(_ref){var reference2=_ref.reference,element=_ref.element,placement=_ref.placement,basePlacement=placement?getBasePlacement(placement):null,variation=placement?getVariation(placement):null,commonX=reference2.x+reference2.width/2-element.width/2,commonY=reference2.y+reference2.height/2-element.height/2,offsets;switch(basePlacement){case top:offsets={x:commonX,y:reference2.y-element.height};break;case bottom:offsets={x:commonX,y:reference2.y+reference2.height};break;case right:offsets={x:reference2.x+reference2.width,y:commonY};break;case left:offsets={x:reference2.x-element.width,y:commonY};break;default:offsets={x:reference2.x,y:reference2.y};}var mainAxis=basePlacement?getMainAxisFromPlacement(basePlacement):null;if(mainAxis!=null){var len=mainAxis===\"y\"?\"height\":\"width\";switch(variation){case start:offsets[mainAxis]=offsets[mainAxis]-(reference2[len]/2-element[len]/2);break;case end:offsets[mainAxis]=offsets[mainAxis]+(reference2[len]/2-element[len]/2);break;}}return offsets}function detectOverflow(state,options){options===void 0&&(options={});var _options=options,_options$placement=_options.placement,placement=_options$placement===void 0?state.placement:_options$placement,_options$strategy=_options.strategy,strategy=_options$strategy===void 0?state.strategy:_options$strategy,_options$boundary=_options.boundary,boundary=_options$boundary===void 0?clippingParents:_options$boundary,_options$rootBoundary=_options.rootBoundary,rootBoundary=_options$rootBoundary===void 0?viewport:_options$rootBoundary,_options$elementConte=_options.elementContext,elementContext=_options$elementConte===void 0?popper:_options$elementConte,_options$altBoundary=_options.altBoundary,altBoundary=_options$altBoundary===void 0?!1:_options$altBoundary,_options$padding=_options.padding,padding=_options$padding===void 0?0:_options$padding,paddingObject=mergePaddingObject(typeof padding!=\"number\"?padding:expandToHashMap(padding,basePlacements)),altContext=elementContext===popper?reference:popper,popperRect=state.rects.popper,element=state.elements[altBoundary?altContext:elementContext],clippingClientRect=getClippingRect(isElement(element)?element:element.contextElement||getDocumentElement(state.elements.popper),boundary,rootBoundary,strategy),referenceClientRect=getBoundingClientRect(state.elements.reference),popperOffsets2=computeOffsets({reference:referenceClientRect,element:popperRect,strategy:\"absolute\",placement}),popperClientRect=rectToClientRect(Object.assign({},popperRect,popperOffsets2)),elementClientRect=elementContext===popper?popperClientRect:referenceClientRect,overflowOffsets={top:clippingClientRect.top-elementClientRect.top+paddingObject.top,bottom:elementClientRect.bottom-clippingClientRect.bottom+paddingObject.bottom,left:clippingClientRect.left-elementClientRect.left+paddingObject.left,right:elementClientRect.right-clippingClientRect.right+paddingObject.right},offsetData=state.modifiersData.offset;if(elementContext===popper&&offsetData){var offset2=offsetData[placement];Object.keys(overflowOffsets).forEach(function(key){var multiply=[right,bottom].indexOf(key)>=0?1:-1,axis=[top,bottom].indexOf(key)>=0?\"y\":\"x\";overflowOffsets[key]+=offset2[axis]*multiply;});}return overflowOffsets}function computeAutoPlacement(state,options){options===void 0&&(options={});var _options=options,placement=_options.placement,boundary=_options.boundary,rootBoundary=_options.rootBoundary,padding=_options.padding,flipVariations=_options.flipVariations,_options$allowedAutoP=_options.allowedAutoPlacements,allowedAutoPlacements=_options$allowedAutoP===void 0?placements:_options$allowedAutoP,variation=getVariation(placement),placements2=variation?flipVariations?variationPlacements:variationPlacements.filter(function(placement2){return getVariation(placement2)===variation}):basePlacements,allowedPlacements=placements2.filter(function(placement2){return allowedAutoPlacements.indexOf(placement2)>=0});allowedPlacements.length===0&&(allowedPlacements=placements2);var overflows=allowedPlacements.reduce(function(acc,placement2){return acc[placement2]=detectOverflow(state,{placement:placement2,boundary,rootBoundary,padding})[getBasePlacement(placement2)],acc},{});return Object.keys(overflows).sort(function(a,b){return overflows[a]-overflows[b]})}function getExpandedFallbackPlacements(placement){if(getBasePlacement(placement)===auto)return [];var oppositePlacement=getOppositePlacement(placement);return [getOppositeVariationPlacement(placement),oppositePlacement,getOppositeVariationPlacement(oppositePlacement)]}function flip(_ref){var state=_ref.state,options=_ref.options,name=_ref.name;if(!state.modifiersData[name]._skip){for(var _options$mainAxis=options.mainAxis,checkMainAxis=_options$mainAxis===void 0?!0:_options$mainAxis,_options$altAxis=options.altAxis,checkAltAxis=_options$altAxis===void 0?!0:_options$altAxis,specifiedFallbackPlacements=options.fallbackPlacements,padding=options.padding,boundary=options.boundary,rootBoundary=options.rootBoundary,altBoundary=options.altBoundary,_options$flipVariatio=options.flipVariations,flipVariations=_options$flipVariatio===void 0?!0:_options$flipVariatio,allowedAutoPlacements=options.allowedAutoPlacements,preferredPlacement=state.options.placement,basePlacement=getBasePlacement(preferredPlacement),isBasePlacement=basePlacement===preferredPlacement,fallbackPlacements=specifiedFallbackPlacements||(isBasePlacement||!flipVariations?[getOppositePlacement(preferredPlacement)]:getExpandedFallbackPlacements(preferredPlacement)),placements2=[preferredPlacement].concat(fallbackPlacements).reduce(function(acc,placement2){return acc.concat(getBasePlacement(placement2)===auto?computeAutoPlacement(state,{placement:placement2,boundary,rootBoundary,padding,flipVariations,allowedAutoPlacements}):placement2)},[]),referenceRect=state.rects.reference,popperRect=state.rects.popper,checksMap=new Map,makeFallbackChecks=!0,firstFittingPlacement=placements2[0],i=0;i=0,len=isVertical?\"width\":\"height\",overflow=detectOverflow(state,{placement,boundary,rootBoundary,altBoundary,padding}),mainVariationSide=isVertical?isStartVariation?right:left:isStartVariation?bottom:top;referenceRect[len]>popperRect[len]&&(mainVariationSide=getOppositePlacement(mainVariationSide));var altVariationSide=getOppositePlacement(mainVariationSide),checks=[];if(checkMainAxis&&checks.push(overflow[_basePlacement]<=0),checkAltAxis&&checks.push(overflow[mainVariationSide]<=0,overflow[altVariationSide]<=0),checks.every(function(check){return check})){firstFittingPlacement=placement,makeFallbackChecks=!1;break}checksMap.set(placement,checks);}if(makeFallbackChecks)for(var numberOfChecks=flipVariations?3:1,_loop=function(_i2){var fittingPlacement=placements2.find(function(placement2){var checks2=checksMap.get(placement2);if(checks2)return checks2.slice(0,_i2).every(function(check){return check})});if(fittingPlacement)return firstFittingPlacement=fittingPlacement,\"break\"},_i=numberOfChecks;_i>0;_i--){var _ret=_loop(_i);if(_ret===\"break\")break}state.placement!==firstFittingPlacement&&(state.modifiersData[name]._skip=!0,state.placement=firstFittingPlacement,state.reset=!0);}}var flip_default={name:\"flip\",enabled:!0,phase:\"main\",fn:flip,requiresIfExists:[\"offset\"],data:{_skip:!1}};function getSideOffsets(overflow,rect,preventedOffsets){return preventedOffsets===void 0&&(preventedOffsets={x:0,y:0}),{top:overflow.top-rect.height-preventedOffsets.y,right:overflow.right-rect.width+preventedOffsets.x,bottom:overflow.bottom-rect.height+preventedOffsets.y,left:overflow.left-rect.width-preventedOffsets.x}}function isAnySideFullyClipped(overflow){return [top,right,bottom,left].some(function(side){return overflow[side]>=0})}function hide(_ref){var state=_ref.state,name=_ref.name,referenceRect=state.rects.reference,popperRect=state.rects.popper,preventedOffsets=state.modifiersData.preventOverflow,referenceOverflow=detectOverflow(state,{elementContext:\"reference\"}),popperAltOverflow=detectOverflow(state,{altBoundary:!0}),referenceClippingOffsets=getSideOffsets(referenceOverflow,referenceRect),popperEscapeOffsets=getSideOffsets(popperAltOverflow,popperRect,preventedOffsets),isReferenceHidden=isAnySideFullyClipped(referenceClippingOffsets),hasPopperEscaped=isAnySideFullyClipped(popperEscapeOffsets);state.modifiersData[name]={referenceClippingOffsets,popperEscapeOffsets,isReferenceHidden,hasPopperEscaped},state.attributes.popper=Object.assign({},state.attributes.popper,{\"data-popper-reference-hidden\":isReferenceHidden,\"data-popper-escaped\":hasPopperEscaped});}var hide_default={name:\"hide\",enabled:!0,phase:\"main\",requiresIfExists:[\"preventOverflow\"],fn:hide};function distanceAndSkiddingToXY(placement,rects,offset2){var basePlacement=getBasePlacement(placement),invertDistance=[left,top].indexOf(basePlacement)>=0?-1:1,_ref=typeof offset2==\"function\"?offset2(Object.assign({},rects,{placement})):offset2,skidding=_ref[0],distance=_ref[1];return skidding=skidding||0,distance=(distance||0)*invertDistance,[left,right].indexOf(basePlacement)>=0?{x:distance,y:skidding}:{x:skidding,y:distance}}function offset(_ref2){var state=_ref2.state,options=_ref2.options,name=_ref2.name,_options$offset=options.offset,offset2=_options$offset===void 0?[0,0]:_options$offset,data=placements.reduce(function(acc,placement){return acc[placement]=distanceAndSkiddingToXY(placement,state.rects,offset2),acc},{}),_data$state$placement=data[state.placement],x=_data$state$placement.x,y=_data$state$placement.y;state.modifiersData.popperOffsets!=null&&(state.modifiersData.popperOffsets.x+=x,state.modifiersData.popperOffsets.y+=y),state.modifiersData[name]=data;}var offset_default={name:\"offset\",enabled:!0,phase:\"main\",requires:[\"popperOffsets\"],fn:offset};function popperOffsets(_ref){var state=_ref.state,name=_ref.name;state.modifiersData[name]=computeOffsets({reference:state.rects.reference,element:state.rects.popper,strategy:\"absolute\",placement:state.placement});}var popperOffsets_default={name:\"popperOffsets\",enabled:!0,phase:\"read\",fn:popperOffsets,data:{}};function getAltAxis(axis){return axis===\"x\"?\"y\":\"x\"}function preventOverflow(_ref){var state=_ref.state,options=_ref.options,name=_ref.name,_options$mainAxis=options.mainAxis,checkMainAxis=_options$mainAxis===void 0?!0:_options$mainAxis,_options$altAxis=options.altAxis,checkAltAxis=_options$altAxis===void 0?!1:_options$altAxis,boundary=options.boundary,rootBoundary=options.rootBoundary,altBoundary=options.altBoundary,padding=options.padding,_options$tether=options.tether,tether=_options$tether===void 0?!0:_options$tether,_options$tetherOffset=options.tetherOffset,tetherOffset=_options$tetherOffset===void 0?0:_options$tetherOffset,overflow=detectOverflow(state,{boundary,rootBoundary,padding,altBoundary}),basePlacement=getBasePlacement(state.placement),variation=getVariation(state.placement),isBasePlacement=!variation,mainAxis=getMainAxisFromPlacement(basePlacement),altAxis=getAltAxis(mainAxis),popperOffsets2=state.modifiersData.popperOffsets,referenceRect=state.rects.reference,popperRect=state.rects.popper,tetherOffsetValue=typeof tetherOffset==\"function\"?tetherOffset(Object.assign({},state.rects,{placement:state.placement})):tetherOffset,normalizedTetherOffsetValue=typeof tetherOffsetValue==\"number\"?{mainAxis:tetherOffsetValue,altAxis:tetherOffsetValue}:Object.assign({mainAxis:0,altAxis:0},tetherOffsetValue),offsetModifierState=state.modifiersData.offset?state.modifiersData.offset[state.placement]:null,data={x:0,y:0};if(popperOffsets2){if(checkMainAxis){var _offsetModifierState$,mainSide=mainAxis===\"y\"?top:left,altSide=mainAxis===\"y\"?bottom:right,len=mainAxis===\"y\"?\"height\":\"width\",offset2=popperOffsets2[mainAxis],min2=offset2+overflow[mainSide],max2=offset2-overflow[altSide],additive=tether?-popperRect[len]/2:0,minLen=variation===start?referenceRect[len]:popperRect[len],maxLen=variation===start?-popperRect[len]:-referenceRect[len],arrowElement=state.elements.arrow,arrowRect=tether&&arrowElement?getLayoutRect(arrowElement):{width:0,height:0},arrowPaddingObject=state.modifiersData[\"arrow#persistent\"]?state.modifiersData[\"arrow#persistent\"].padding:getFreshSideObject(),arrowPaddingMin=arrowPaddingObject[mainSide],arrowPaddingMax=arrowPaddingObject[altSide],arrowLen=within(0,referenceRect[len],arrowRect[len]),minOffset=isBasePlacement?referenceRect[len]/2-additive-arrowLen-arrowPaddingMin-normalizedTetherOffsetValue.mainAxis:minLen-arrowLen-arrowPaddingMin-normalizedTetherOffsetValue.mainAxis,maxOffset=isBasePlacement?-referenceRect[len]/2+additive+arrowLen+arrowPaddingMax+normalizedTetherOffsetValue.mainAxis:maxLen+arrowLen+arrowPaddingMax+normalizedTetherOffsetValue.mainAxis,arrowOffsetParent=state.elements.arrow&&getOffsetParent(state.elements.arrow),clientOffset=arrowOffsetParent?mainAxis===\"y\"?arrowOffsetParent.clientTop||0:arrowOffsetParent.clientLeft||0:0,offsetModifierValue=(_offsetModifierState$=offsetModifierState?.[mainAxis])!=null?_offsetModifierState$:0,tetherMin=offset2+minOffset-offsetModifierValue-clientOffset,tetherMax=offset2+maxOffset-offsetModifierValue,preventedOffset=within(tether?min(min2,tetherMin):min2,offset2,tether?max(max2,tetherMax):max2);popperOffsets2[mainAxis]=preventedOffset,data[mainAxis]=preventedOffset-offset2;}if(checkAltAxis){var _offsetModifierState$2,_mainSide=mainAxis===\"x\"?top:left,_altSide=mainAxis===\"x\"?bottom:right,_offset=popperOffsets2[altAxis],_len=altAxis===\"y\"?\"height\":\"width\",_min=_offset+overflow[_mainSide],_max=_offset-overflow[_altSide],isOriginSide=[top,left].indexOf(basePlacement)!==-1,_offsetModifierValue=(_offsetModifierState$2=offsetModifierState?.[altAxis])!=null?_offsetModifierState$2:0,_tetherMin=isOriginSide?_min:_offset-referenceRect[_len]-popperRect[_len]-_offsetModifierValue+normalizedTetherOffsetValue.altAxis,_tetherMax=isOriginSide?_offset+referenceRect[_len]+popperRect[_len]-_offsetModifierValue-normalizedTetherOffsetValue.altAxis:_max,_preventedOffset=tether&&isOriginSide?withinMaxClamp(_tetherMin,_offset,_tetherMax):within(tether?_tetherMin:_min,_offset,tether?_tetherMax:_max);popperOffsets2[altAxis]=_preventedOffset,data[altAxis]=_preventedOffset-_offset;}state.modifiersData[name]=data;}}var preventOverflow_default={name:\"preventOverflow\",enabled:!0,phase:\"main\",fn:preventOverflow,requiresIfExists:[\"offset\"]};function getHTMLElementScroll(element){return {scrollLeft:element.scrollLeft,scrollTop:element.scrollTop}}function getNodeScroll(node){return node===getWindow(node)||!isHTMLElement(node)?getWindowScroll(node):getHTMLElementScroll(node)}function isElementScaled(element){var rect=element.getBoundingClientRect(),scaleX=round(rect.width)/element.offsetWidth||1,scaleY=round(rect.height)/element.offsetHeight||1;return scaleX!==1||scaleY!==1}function getCompositeRect(elementOrVirtualElement,offsetParent,isFixed){isFixed===void 0&&(isFixed=!1);var isOffsetParentAnElement=isHTMLElement(offsetParent),offsetParentIsScaled=isHTMLElement(offsetParent)&&isElementScaled(offsetParent),documentElement=getDocumentElement(offsetParent),rect=getBoundingClientRect(elementOrVirtualElement,offsetParentIsScaled,isFixed),scroll={scrollLeft:0,scrollTop:0},offsets={x:0,y:0};return (isOffsetParentAnElement||!isOffsetParentAnElement&&!isFixed)&&((getNodeName(offsetParent)!==\"body\"||isScrollParent(documentElement))&&(scroll=getNodeScroll(offsetParent)),isHTMLElement(offsetParent)?(offsets=getBoundingClientRect(offsetParent,!0),offsets.x+=offsetParent.clientLeft,offsets.y+=offsetParent.clientTop):documentElement&&(offsets.x=getWindowScrollBarX(documentElement))),{x:rect.left+scroll.scrollLeft-offsets.x,y:rect.top+scroll.scrollTop-offsets.y,width:rect.width,height:rect.height}}function order(modifiers){var map=new Map,visited=new Set,result=[];modifiers.forEach(function(modifier){map.set(modifier.name,modifier);});function sort(modifier){visited.add(modifier.name);var requires=[].concat(modifier.requires||[],modifier.requiresIfExists||[]);requires.forEach(function(dep){if(!visited.has(dep)){var depModifier=map.get(dep);depModifier&&sort(depModifier);}}),result.push(modifier);}return modifiers.forEach(function(modifier){visited.has(modifier.name)||sort(modifier);}),result}function orderModifiers(modifiers){var orderedModifiers=order(modifiers);return modifierPhases.reduce(function(acc,phase){return acc.concat(orderedModifiers.filter(function(modifier){return modifier.phase===phase}))},[])}function debounce(fn2){var pending;return function(){return pending||(pending=new Promise(function(resolve){Promise.resolve().then(function(){pending=void 0,resolve(fn2());});})),pending}}function mergeByName(modifiers){var merged=modifiers.reduce(function(merged2,current){var existing=merged2[current.name];return merged2[current.name]=existing?Object.assign({},existing,current,{options:Object.assign({},existing.options,current.options),data:Object.assign({},existing.data,current.data)}):current,merged2},{});return Object.keys(merged).map(function(key){return merged[key]})}var DEFAULT_OPTIONS={placement:\"bottom\",modifiers:[],strategy:\"absolute\"};function areValidElements(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return !args.some(function(element){return !(element&&typeof element.getBoundingClientRect==\"function\")})}function popperGenerator(generatorOptions){generatorOptions===void 0&&(generatorOptions={});var _generatorOptions=generatorOptions,_generatorOptions$def=_generatorOptions.defaultModifiers,defaultModifiers2=_generatorOptions$def===void 0?[]:_generatorOptions$def,_generatorOptions$def2=_generatorOptions.defaultOptions,defaultOptions=_generatorOptions$def2===void 0?DEFAULT_OPTIONS:_generatorOptions$def2;return function(reference2,popper2,options){options===void 0&&(options=defaultOptions);var state={placement:\"bottom\",orderedModifiers:[],options:Object.assign({},DEFAULT_OPTIONS,defaultOptions),modifiersData:{},elements:{reference:reference2,popper:popper2},attributes:{},styles:{}},effectCleanupFns=[],isDestroyed=!1,instance={state,setOptions:function(setOptionsAction){var options2=typeof setOptionsAction==\"function\"?setOptionsAction(state.options):setOptionsAction;cleanupModifierEffects(),state.options=Object.assign({},defaultOptions,state.options,options2),state.scrollParents={reference:isElement(reference2)?listScrollParents(reference2):reference2.contextElement?listScrollParents(reference2.contextElement):[],popper:listScrollParents(popper2)};var orderedModifiers=orderModifiers(mergeByName([].concat(defaultModifiers2,state.options.modifiers)));return state.orderedModifiers=orderedModifiers.filter(function(m){return m.enabled}),runModifierEffects(),instance.update()},forceUpdate:function(){if(!isDestroyed){var _state$elements=state.elements,reference3=_state$elements.reference,popper3=_state$elements.popper;if(areValidElements(reference3,popper3)){state.rects={reference:getCompositeRect(reference3,getOffsetParent(popper3),state.options.strategy===\"fixed\"),popper:getLayoutRect(popper3)},state.reset=!1,state.placement=state.options.placement,state.orderedModifiers.forEach(function(modifier){return state.modifiersData[modifier.name]=Object.assign({},modifier.data)});for(var index=0;indexactual.split(\"-\")[0]===requests?value:fallback),ArrowSpacing=8,Arrow=styled.div({position:\"absolute\",borderStyle:\"solid\"},({placement})=>{let x=0,y=0;switch(!0){case(placement.startsWith(\"left\")||placement.startsWith(\"right\")):{y=8;break}case(placement.startsWith(\"top\")||placement.startsWith(\"bottom\")):{x=8;break}}return {transform:`translate3d(${x}px, ${y}px, 0px)`}},({theme,color,placement})=>({bottom:`${match(\"top\",placement,`${ArrowSpacing*-1}px`,\"auto\")}`,top:`${match(\"bottom\",placement,`${ArrowSpacing*-1}px`,\"auto\")}`,right:`${match(\"left\",placement,`${ArrowSpacing*-1}px`,\"auto\")}`,left:`${match(\"right\",placement,`${ArrowSpacing*-1}px`,\"auto\")}`,borderBottomWidth:`${match(\"top\",placement,\"0\",ArrowSpacing)}px`,borderTopWidth:`${match(\"bottom\",placement,\"0\",ArrowSpacing)}px`,borderRightWidth:`${match(\"left\",placement,\"0\",ArrowSpacing)}px`,borderLeftWidth:`${match(\"right\",placement,\"0\",ArrowSpacing)}px`,borderTopColor:match(\"top\",placement,theme.color[color]||color||theme.base===\"light\"?lighten(theme.background.app):theme.background.app,\"transparent\"),borderBottomColor:match(\"bottom\",placement,theme.color[color]||color||theme.base===\"light\"?lighten(theme.background.app):theme.background.app,\"transparent\"),borderLeftColor:match(\"left\",placement,theme.color[color]||color||theme.base===\"light\"?lighten(theme.background.app):theme.background.app,\"transparent\"),borderRightColor:match(\"right\",placement,theme.color[color]||color||theme.base===\"light\"?lighten(theme.background.app):theme.background.app,\"transparent\")})),Wrapper=styled.div(({hidden})=>({display:hidden?\"none\":\"inline-block\",zIndex:2147483647}),({theme,color,hasChrome})=>hasChrome?{background:theme.color[color]||color||theme.base===\"light\"?lighten(theme.background.app):theme.background.app,filter:`\n drop-shadow(0px 5px 5px rgba(0,0,0,0.05))\n drop-shadow(0 1px 3px rgba(0,0,0,0.1))\n `,borderRadius:theme.appBorderRadius,fontSize:theme.typography.size.s1}:{}),Tooltip=React3__default.forwardRef(({placement,hasChrome,children,arrowProps,tooltipRef,color,withArrows,...props},ref)=>React3__default.createElement(Wrapper,{\"data-testid\":\"tooltip\",hasChrome,ref,...props,color},hasChrome&&withArrows&&React3__default.createElement(Arrow,{placement,...arrowProps,color}),children));Tooltip.displayName=\"Tooltip\";Tooltip.defaultProps={color:void 0,tooltipRef:void 0,hasChrome:!0,placement:\"top\",arrowProps:{}};var {document:document2}=global,TargetContainer=styled.div`\n display: inline-block;\n cursor: ${props=>props.trigger===\"hover\"||props.trigger.includes(\"hover\")?\"default\":\"pointer\"};\n`,TargetSvgContainer=styled.g`\n cursor: ${props=>props.trigger===\"hover\"||props.trigger.includes(\"hover\")?\"default\":\"pointer\"};\n`,WithTooltipPure=({svg,trigger,closeOnOutsideClick,placement,hasChrome,withArrows,offset:offset2,tooltip,children,closeOnTriggerHidden,mutationObserverOptions,closeOnClick,tooltipShown,onVisibilityChange,defaultVisible,delayHide,visible,interactive,delayShow,modifiers,strategy,followCursor,onVisibleChange,...props})=>{let Container=svg?TargetSvgContainer:TargetContainer,{getArrowProps,getTooltipProps,setTooltipRef,setTriggerRef,visible:isVisible,state}=usePopperTooltip({trigger,placement,defaultVisible:defaultVisible??tooltipShown,delayHide,interactive,closeOnOutsideClick:closeOnOutsideClick??closeOnClick,closeOnTriggerHidden,onVisibleChange:_isVisible=>{onVisibilityChange?.(_isVisible),onVisibleChange?.(_isVisible);},delayShow,followCursor,mutationObserverOptions,visible,offset:offset2},{modifiers,strategy}),tooltipComponent=React3__default.createElement(Tooltip,{placement:state?.placement,ref:setTooltipRef,hasChrome,arrowProps:getArrowProps(),withArrows,...getTooltipProps()},typeof tooltip==\"function\"?tooltip({onHide:()=>onVisibleChange(!1)}):tooltip);return React3__default.createElement(React3__default.Fragment,null,React3__default.createElement(Container,{trigger,ref:setTriggerRef,...props},children),isVisible&&ReactDOM__default.createPortal(tooltipComponent,document2.body))};WithTooltipPure.defaultProps={svg:!1,trigger:\"click\",closeOnOutsideClick:!1,placement:\"top\",modifiers:[{name:\"preventOverflow\",options:{padding:8}},{name:\"offset\",options:{offset:[8,8]}},{name:\"arrow\",options:{padding:8}}],hasChrome:!0,defaultVisible:!1};var WithToolTipState=({startOpen=!1,onVisibleChange:onChange,...rest})=>{let[tooltipShown,setTooltipShown]=useState(startOpen),onVisibilityChange=useCallback(visibility=>{onChange&&onChange(visibility)===!1||setTooltipShown(visibility);},[onChange]);return useEffect(()=>{let hide2=()=>onVisibilityChange(!1);document2.addEventListener(\"keydown\",hide2,!1);let iframes=Array.from(document2.getElementsByTagName(\"iframe\")),unbinders=[];return iframes.forEach(iframe=>{let bind=()=>{try{iframe.contentWindow.document&&(iframe.contentWindow.document.addEventListener(\"click\",hide2),unbinders.push(()=>{try{iframe.contentWindow.document.removeEventListener(\"click\",hide2);}catch{}}));}catch{}};bind(),iframe.addEventListener(\"load\",bind),unbinders.push(()=>{iframe.removeEventListener(\"load\",bind);});}),()=>{document2.removeEventListener(\"keydown\",hide2),unbinders.forEach(unbind=>{unbind();});}}),React3__default.createElement(WithTooltipPure,{...rest,visible:tooltipShown,onVisibleChange:onVisibilityChange})};\n\nexport { WithToolTipState, WithTooltipPure, auto };\n","import { SyntaxHighlighter, ScrollArea } from './chunk-LWG3MFN2.mjs';\nexport { ActionBar, ScrollArea, createCopyToClipboardFunction } from './chunk-LWG3MFN2.mjs';\nimport { auto, WithToolTipState } from './chunk-NE5YGCQB.mjs';\nimport './chunk-MUPK3MH6.mjs';\nimport './chunk-ISRAU5IP.mjs';\nimport './chunk-YU6L2YXV.mjs';\nimport './chunk-VSDH24NK.mjs';\nimport './chunk-BNQCH2A2.mjs';\nimport './chunk-UDRSICRZ.mjs';\nimport './chunk-J6EJ35VB.mjs';\nimport './chunk-HNGDCMHD.mjs';\nimport './chunk-4Y2S2TEP.mjs';\nimport './chunk-CW4JFC2I.mjs';\nimport './chunk-7PYIL73X.mjs';\nimport './chunk-SWV57YYC.mjs';\nimport './chunk-MNLJ4LIX.mjs';\nimport './chunk-DHRX2IL7.mjs';\nimport './chunk-JRLSWQMA.mjs';\nimport * as React5 from 'react';\nimport React5__default, { memo, lazy, forwardRef, useMemo, Fragment, createElement, Children, Suspense, useRef, useState, useCallback, useLayoutEffect, Component, useEffect } from 'react';\nimport { styled, ignoreSsrWarning, isPropValid, keyframes, color, typography } from '@storybook/theming';\nimport useResizeObserver from 'use-resize-observer';\nimport { global } from '@storybook/global';\nimport memoize from 'memoizerific';\nimport { sanitize } from '@storybook/csf';\n\nvar nameSpaceClassNames=({...props},key)=>{let classes=[props.class,props.className];return delete props.class,props.className=[\"sbdocs\",`sbdocs-${key}`,...classes].filter(Boolean).join(\" \"),props};function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i\"u\"||!Reflect.construct||Reflect.construct.sham)return !1;if(typeof Proxy==\"function\")return !0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return !1}}function _construct(Parent,args,Class){return _isNativeReflectConstruct()?_construct=Reflect.construct.bind():_construct=function(Parent2,args2,Class2){var a=[null];a.push.apply(a,args2);var Constructor=Function.bind.apply(Parent2,a),instance=new Constructor;return Class2&&_setPrototypeOf(instance,Class2.prototype),instance},_construct.apply(null,arguments)}function _wrapNativeSuper(Class){var _cache=typeof Map==\"function\"?new Map:void 0;return _wrapNativeSuper=function(Class2){if(Class2===null||!_isNativeFunction(Class2))return Class2;if(typeof Class2!=\"function\")throw new TypeError(\"Super expression must either be null or a function\");if(typeof _cache<\"u\"){if(_cache.has(Class2))return _cache.get(Class2);_cache.set(Class2,Wrapper3);}function Wrapper3(){return _construct(Class2,arguments,_getPrototypeOf(this).constructor)}return Wrapper3.prototype=Object.create(Class2.prototype,{constructor:{value:Wrapper3,enumerable:!1,writable:!0,configurable:!0}}),_setPrototypeOf(Wrapper3,Class2)},_wrapNativeSuper(Class)}var ERRORS={1:`Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }).\n\n`,2:`Passed invalid arguments to hsla, please pass multiple numbers e.g. hsla(360, 0.75, 0.4, 0.7) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75, alpha: 0.7 }).\n\n`,3:`Passed an incorrect argument to a color function, please pass a string representation of a color.\n\n`,4:`Couldn't generate valid rgb string from %s, it returned %s.\n\n`,5:`Couldn't parse the color string. Please provide the color as a string in hex, rgb, rgba, hsl or hsla notation.\n\n`,6:`Passed invalid arguments to rgb, please pass multiple numbers e.g. rgb(255, 205, 100) or an object e.g. rgb({ red: 255, green: 205, blue: 100 }).\n\n`,7:`Passed invalid arguments to rgba, please pass multiple numbers e.g. rgb(255, 205, 100, 0.75) or an object e.g. rgb({ red: 255, green: 205, blue: 100, alpha: 0.75 }).\n\n`,8:`Passed invalid argument to toColorString, please pass a RgbColor, RgbaColor, HslColor or HslaColor object.\n\n`,9:`Please provide a number of steps to the modularScale helper.\n\n`,10:`Please pass a number or one of the predefined scales to the modularScale helper as the ratio.\n\n`,11:`Invalid value passed as base to modularScale, expected number or em string but got \"%s\"\n\n`,12:`Expected a string ending in \"px\" or a number passed as the first argument to %s(), got \"%s\" instead.\n\n`,13:`Expected a string ending in \"px\" or a number passed as the second argument to %s(), got \"%s\" instead.\n\n`,14:`Passed invalid pixel value (\"%s\") to %s(), please pass a value like \"12px\" or 12.\n\n`,15:`Passed invalid base value (\"%s\") to %s(), please pass a value like \"12px\" or 12.\n\n`,16:`You must provide a template to this method.\n\n`,17:`You passed an unsupported selector state to this method.\n\n`,18:`minScreen and maxScreen must be provided as stringified numbers with the same units.\n\n`,19:`fromSize and toSize must be provided as stringified numbers with the same units.\n\n`,20:`expects either an array of objects or a single object with the properties prop, fromSize, and toSize.\n\n`,21:\"expects the objects in the first argument array to have the properties `prop`, `fromSize`, and `toSize`.\\n\\n\",22:\"expects the first argument object to have the properties `prop`, `fromSize`, and `toSize`.\\n\\n\",23:`fontFace expects a name of a font-family.\n\n`,24:`fontFace expects either the path to the font file(s) or a name of a local copy.\n\n`,25:`fontFace expects localFonts to be an array.\n\n`,26:`fontFace expects fileFormats to be an array.\n\n`,27:`radialGradient requries at least 2 color-stops to properly render.\n\n`,28:`Please supply a filename to retinaImage() as the first argument.\n\n`,29:`Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'.\n\n`,30:\"Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\\n\\n\",31:`The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation\n\n`,32:`To pass multiple animations please supply them in arrays, e.g. animation(['rotate', '2s'], ['move', '1s'])\nTo pass a single animation please supply them in simple values, e.g. animation('rotate', '2s')\n\n`,33:`The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation\n\n`,34:`borderRadius expects a radius value as a string or number as the second argument.\n\n`,35:`borderRadius expects one of \"top\", \"bottom\", \"left\" or \"right\" as the first argument.\n\n`,36:`Property must be a string value.\n\n`,37:`Syntax Error at %s.\n\n`,38:`Formula contains a function that needs parentheses at %s.\n\n`,39:`Formula is missing closing parenthesis at %s.\n\n`,40:`Formula has too many closing parentheses at %s.\n\n`,41:`All values in a formula must have the same unit or be unitless.\n\n`,42:`Please provide a number of steps to the modularScale helper.\n\n`,43:`Please pass a number or one of the predefined scales to the modularScale helper as the ratio.\n\n`,44:`Invalid value passed as base to modularScale, expected number or em/rem string but got %s.\n\n`,45:`Passed invalid argument to hslToColorString, please pass a HslColor or HslaColor object.\n\n`,46:`Passed invalid argument to rgbToColorString, please pass a RgbColor or RgbaColor object.\n\n`,47:`minScreen and maxScreen must be provided as stringified numbers with the same units.\n\n`,48:`fromSize and toSize must be provided as stringified numbers with the same units.\n\n`,49:`Expects either an array of objects or a single object with the properties prop, fromSize, and toSize.\n\n`,50:`Expects the objects in the first argument array to have the properties prop, fromSize, and toSize.\n\n`,51:`Expects the first argument object to have the properties prop, fromSize, and toSize.\n\n`,52:`fontFace expects either the path to the font file(s) or a name of a local copy.\n\n`,53:`fontFace expects localFonts to be an array.\n\n`,54:`fontFace expects fileFormats to be an array.\n\n`,55:`fontFace expects a name of a font-family.\n\n`,56:`linearGradient requries at least 2 color-stops to properly render.\n\n`,57:`radialGradient requries at least 2 color-stops to properly render.\n\n`,58:`Please supply a filename to retinaImage() as the first argument.\n\n`,59:`Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'.\n\n`,60:\"Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\\n\\n\",61:`Property must be a string value.\n\n`,62:`borderRadius expects a radius value as a string or number as the second argument.\n\n`,63:`borderRadius expects one of \"top\", \"bottom\", \"left\" or \"right\" as the first argument.\n\n`,64:`The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation.\n\n`,65:`To pass multiple animations please supply them in arrays, e.g. animation(['rotate', '2s'], ['move', '1s'])\\\\nTo pass a single animation please supply them in simple values, e.g. animation('rotate', '2s').\n\n`,66:`The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation.\n\n`,67:`You must provide a template to this method.\n\n`,68:`You passed an unsupported selector state to this method.\n\n`,69:`Expected a string ending in \"px\" or a number passed as the first argument to %s(), got %s instead.\n\n`,70:`Expected a string ending in \"px\" or a number passed as the second argument to %s(), got %s instead.\n\n`,71:`Passed invalid pixel value %s to %s(), please pass a value like \"12px\" or 12.\n\n`,72:`Passed invalid base value %s to %s(), please pass a value like \"12px\" or 12.\n\n`,73:`Please provide a valid CSS variable.\n\n`,74:`CSS variable not found and no default was provided.\n\n`,75:`important requires a valid style object, got a %s instead.\n\n`,76:`fromSize and toSize must be provided as stringified numbers with the same units as minScreen and maxScreen.\n\n`,77:`remToPx expects a value in \"rem\" but you provided it in \"%s\".\n\n`,78:`base must be set in \"px\" or \"%\" but you set it in \"%s\".\n`};function format(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];var a=args[0],b=[],c;for(c=1;c1?_len2-1:0),_key2=1;_key2<_len2;_key2++)args[_key2-1]=arguments[_key2];_this=_Error.call(this,format.apply(void 0,[ERRORS[code]].concat(args)))||this;}return _assertThisInitialized(_this)}return PolishedError2}(_wrapNativeSuper(Error));function colorToInt(color2){return Math.round(color2*255)}function convertToInt(red,green,blue){return colorToInt(red)+\",\"+colorToInt(green)+\",\"+colorToInt(blue)}function hslToRgb(hue,saturation,lightness,convert){if(convert===void 0&&(convert=convertToInt),saturation===0)return convert(lightness,lightness,lightness);var huePrime=(hue%360+360)%360/60,chroma=(1-Math.abs(2*lightness-1))*saturation,secondComponent=chroma*(1-Math.abs(huePrime%2-1)),red=0,green=0,blue=0;huePrime>=0&&huePrime<1?(red=chroma,green=secondComponent):huePrime>=1&&huePrime<2?(red=secondComponent,green=chroma):huePrime>=2&&huePrime<3?(green=chroma,blue=secondComponent):huePrime>=3&&huePrime<4?(green=secondComponent,blue=chroma):huePrime>=4&&huePrime<5?(red=secondComponent,blue=chroma):huePrime>=5&&huePrime<6&&(red=chroma,blue=secondComponent);var lightnessModification=lightness-chroma/2,finalRed=red+lightnessModification,finalGreen=green+lightnessModification,finalBlue=blue+lightnessModification;return convert(finalRed,finalGreen,finalBlue)}var namedColorMap={aliceblue:\"f0f8ff\",antiquewhite:\"faebd7\",aqua:\"00ffff\",aquamarine:\"7fffd4\",azure:\"f0ffff\",beige:\"f5f5dc\",bisque:\"ffe4c4\",black:\"000\",blanchedalmond:\"ffebcd\",blue:\"0000ff\",blueviolet:\"8a2be2\",brown:\"a52a2a\",burlywood:\"deb887\",cadetblue:\"5f9ea0\",chartreuse:\"7fff00\",chocolate:\"d2691e\",coral:\"ff7f50\",cornflowerblue:\"6495ed\",cornsilk:\"fff8dc\",crimson:\"dc143c\",cyan:\"00ffff\",darkblue:\"00008b\",darkcyan:\"008b8b\",darkgoldenrod:\"b8860b\",darkgray:\"a9a9a9\",darkgreen:\"006400\",darkgrey:\"a9a9a9\",darkkhaki:\"bdb76b\",darkmagenta:\"8b008b\",darkolivegreen:\"556b2f\",darkorange:\"ff8c00\",darkorchid:\"9932cc\",darkred:\"8b0000\",darksalmon:\"e9967a\",darkseagreen:\"8fbc8f\",darkslateblue:\"483d8b\",darkslategray:\"2f4f4f\",darkslategrey:\"2f4f4f\",darkturquoise:\"00ced1\",darkviolet:\"9400d3\",deeppink:\"ff1493\",deepskyblue:\"00bfff\",dimgray:\"696969\",dimgrey:\"696969\",dodgerblue:\"1e90ff\",firebrick:\"b22222\",floralwhite:\"fffaf0\",forestgreen:\"228b22\",fuchsia:\"ff00ff\",gainsboro:\"dcdcdc\",ghostwhite:\"f8f8ff\",gold:\"ffd700\",goldenrod:\"daa520\",gray:\"808080\",green:\"008000\",greenyellow:\"adff2f\",grey:\"808080\",honeydew:\"f0fff0\",hotpink:\"ff69b4\",indianred:\"cd5c5c\",indigo:\"4b0082\",ivory:\"fffff0\",khaki:\"f0e68c\",lavender:\"e6e6fa\",lavenderblush:\"fff0f5\",lawngreen:\"7cfc00\",lemonchiffon:\"fffacd\",lightblue:\"add8e6\",lightcoral:\"f08080\",lightcyan:\"e0ffff\",lightgoldenrodyellow:\"fafad2\",lightgray:\"d3d3d3\",lightgreen:\"90ee90\",lightgrey:\"d3d3d3\",lightpink:\"ffb6c1\",lightsalmon:\"ffa07a\",lightseagreen:\"20b2aa\",lightskyblue:\"87cefa\",lightslategray:\"789\",lightslategrey:\"789\",lightsteelblue:\"b0c4de\",lightyellow:\"ffffe0\",lime:\"0f0\",limegreen:\"32cd32\",linen:\"faf0e6\",magenta:\"f0f\",maroon:\"800000\",mediumaquamarine:\"66cdaa\",mediumblue:\"0000cd\",mediumorchid:\"ba55d3\",mediumpurple:\"9370db\",mediumseagreen:\"3cb371\",mediumslateblue:\"7b68ee\",mediumspringgreen:\"00fa9a\",mediumturquoise:\"48d1cc\",mediumvioletred:\"c71585\",midnightblue:\"191970\",mintcream:\"f5fffa\",mistyrose:\"ffe4e1\",moccasin:\"ffe4b5\",navajowhite:\"ffdead\",navy:\"000080\",oldlace:\"fdf5e6\",olive:\"808000\",olivedrab:\"6b8e23\",orange:\"ffa500\",orangered:\"ff4500\",orchid:\"da70d6\",palegoldenrod:\"eee8aa\",palegreen:\"98fb98\",paleturquoise:\"afeeee\",palevioletred:\"db7093\",papayawhip:\"ffefd5\",peachpuff:\"ffdab9\",peru:\"cd853f\",pink:\"ffc0cb\",plum:\"dda0dd\",powderblue:\"b0e0e6\",purple:\"800080\",rebeccapurple:\"639\",red:\"f00\",rosybrown:\"bc8f8f\",royalblue:\"4169e1\",saddlebrown:\"8b4513\",salmon:\"fa8072\",sandybrown:\"f4a460\",seagreen:\"2e8b57\",seashell:\"fff5ee\",sienna:\"a0522d\",silver:\"c0c0c0\",skyblue:\"87ceeb\",slateblue:\"6a5acd\",slategray:\"708090\",slategrey:\"708090\",snow:\"fffafa\",springgreen:\"00ff7f\",steelblue:\"4682b4\",tan:\"d2b48c\",teal:\"008080\",thistle:\"d8bfd8\",tomato:\"ff6347\",turquoise:\"40e0d0\",violet:\"ee82ee\",wheat:\"f5deb3\",white:\"fff\",whitesmoke:\"f5f5f5\",yellow:\"ff0\",yellowgreen:\"9acd32\"};function nameToHex(color2){if(typeof color2!=\"string\")return color2;var normalizedColorName=color2.toLowerCase();return namedColorMap[normalizedColorName]?\"#\"+namedColorMap[normalizedColorName]:color2}var hexRegex=/^#[a-fA-F0-9]{6}$/,hexRgbaRegex=/^#[a-fA-F0-9]{8}$/,reducedHexRegex=/^#[a-fA-F0-9]{3}$/,reducedRgbaHexRegex=/^#[a-fA-F0-9]{4}$/,rgbRegex=/^rgb\\(\\s*(\\d{1,3})\\s*(?:,)?\\s*(\\d{1,3})\\s*(?:,)?\\s*(\\d{1,3})\\s*\\)$/i,rgbaRegex=/^rgb(?:a)?\\(\\s*(\\d{1,3})\\s*(?:,)?\\s*(\\d{1,3})\\s*(?:,)?\\s*(\\d{1,3})\\s*(?:,|\\/)\\s*([-+]?\\d*[.]?\\d+[%]?)\\s*\\)$/i,hslRegex=/^hsl\\(\\s*(\\d{0,3}[.]?[0-9]+(?:deg)?)\\s*(?:,)?\\s*(\\d{1,3}[.]?[0-9]?)%\\s*(?:,)?\\s*(\\d{1,3}[.]?[0-9]?)%\\s*\\)$/i,hslaRegex=/^hsl(?:a)?\\(\\s*(\\d{0,3}[.]?[0-9]+(?:deg)?)\\s*(?:,)?\\s*(\\d{1,3}[.]?[0-9]?)%\\s*(?:,)?\\s*(\\d{1,3}[.]?[0-9]?)%\\s*(?:,|\\/)\\s*([-+]?\\d*[.]?\\d+[%]?)\\s*\\)$/i;function parseToRgb(color2){if(typeof color2!=\"string\")throw new PolishedError(3);var normalizedColor=nameToHex(color2);if(normalizedColor.match(hexRegex))return {red:parseInt(\"\"+normalizedColor[1]+normalizedColor[2],16),green:parseInt(\"\"+normalizedColor[3]+normalizedColor[4],16),blue:parseInt(\"\"+normalizedColor[5]+normalizedColor[6],16)};if(normalizedColor.match(hexRgbaRegex)){var alpha=parseFloat((parseInt(\"\"+normalizedColor[7]+normalizedColor[8],16)/255).toFixed(2));return {red:parseInt(\"\"+normalizedColor[1]+normalizedColor[2],16),green:parseInt(\"\"+normalizedColor[3]+normalizedColor[4],16),blue:parseInt(\"\"+normalizedColor[5]+normalizedColor[6],16),alpha}}if(normalizedColor.match(reducedHexRegex))return {red:parseInt(\"\"+normalizedColor[1]+normalizedColor[1],16),green:parseInt(\"\"+normalizedColor[2]+normalizedColor[2],16),blue:parseInt(\"\"+normalizedColor[3]+normalizedColor[3],16)};if(normalizedColor.match(reducedRgbaHexRegex)){var _alpha=parseFloat((parseInt(\"\"+normalizedColor[4]+normalizedColor[4],16)/255).toFixed(2));return {red:parseInt(\"\"+normalizedColor[1]+normalizedColor[1],16),green:parseInt(\"\"+normalizedColor[2]+normalizedColor[2],16),blue:parseInt(\"\"+normalizedColor[3]+normalizedColor[3],16),alpha:_alpha}}var rgbMatched=rgbRegex.exec(normalizedColor);if(rgbMatched)return {red:parseInt(\"\"+rgbMatched[1],10),green:parseInt(\"\"+rgbMatched[2],10),blue:parseInt(\"\"+rgbMatched[3],10)};var rgbaMatched=rgbaRegex.exec(normalizedColor.substring(0,50));if(rgbaMatched)return {red:parseInt(\"\"+rgbaMatched[1],10),green:parseInt(\"\"+rgbaMatched[2],10),blue:parseInt(\"\"+rgbaMatched[3],10),alpha:parseFloat(\"\"+rgbaMatched[4])>1?parseFloat(\"\"+rgbaMatched[4])/100:parseFloat(\"\"+rgbaMatched[4])};var hslMatched=hslRegex.exec(normalizedColor);if(hslMatched){var hue=parseInt(\"\"+hslMatched[1],10),saturation=parseInt(\"\"+hslMatched[2],10)/100,lightness=parseInt(\"\"+hslMatched[3],10)/100,rgbColorString=\"rgb(\"+hslToRgb(hue,saturation,lightness)+\")\",hslRgbMatched=rgbRegex.exec(rgbColorString);if(!hslRgbMatched)throw new PolishedError(4,normalizedColor,rgbColorString);return {red:parseInt(\"\"+hslRgbMatched[1],10),green:parseInt(\"\"+hslRgbMatched[2],10),blue:parseInt(\"\"+hslRgbMatched[3],10)}}var hslaMatched=hslaRegex.exec(normalizedColor.substring(0,50));if(hslaMatched){var _hue=parseInt(\"\"+hslaMatched[1],10),_saturation=parseInt(\"\"+hslaMatched[2],10)/100,_lightness=parseInt(\"\"+hslaMatched[3],10)/100,_rgbColorString=\"rgb(\"+hslToRgb(_hue,_saturation,_lightness)+\")\",_hslRgbMatched=rgbRegex.exec(_rgbColorString);if(!_hslRgbMatched)throw new PolishedError(4,normalizedColor,_rgbColorString);return {red:parseInt(\"\"+_hslRgbMatched[1],10),green:parseInt(\"\"+_hslRgbMatched[2],10),blue:parseInt(\"\"+_hslRgbMatched[3],10),alpha:parseFloat(\"\"+hslaMatched[4])>1?parseFloat(\"\"+hslaMatched[4])/100:parseFloat(\"\"+hslaMatched[4])}}throw new PolishedError(5)}function rgbToHsl(color2){var red=color2.red/255,green=color2.green/255,blue=color2.blue/255,max=Math.max(red,green,blue),min=Math.min(red,green,blue),lightness=(max+min)/2;if(max===min)return color2.alpha!==void 0?{hue:0,saturation:0,lightness,alpha:color2.alpha}:{hue:0,saturation:0,lightness};var hue,delta=max-min,saturation=lightness>.5?delta/(2-max-min):delta/(max+min);switch(max){case red:hue=(green-blue)/delta+(green=1?hslToHex(value,saturation,lightness):\"rgba(\"+hslToRgb(value,saturation,lightness)+\",\"+alpha+\")\";if(typeof value==\"object\"&&saturation===void 0&&lightness===void 0&&alpha===void 0)return value.alpha>=1?hslToHex(value.hue,value.saturation,value.lightness):\"rgba(\"+hslToRgb(value.hue,value.saturation,value.lightness)+\",\"+value.alpha+\")\";throw new PolishedError(2)}function rgb(value,green,blue){if(typeof value==\"number\"&&typeof green==\"number\"&&typeof blue==\"number\")return reduceHexValue$1(\"#\"+numberToHex(value)+numberToHex(green)+numberToHex(blue));if(typeof value==\"object\"&&green===void 0&&blue===void 0)return reduceHexValue$1(\"#\"+numberToHex(value.red)+numberToHex(value.green)+numberToHex(value.blue));throw new PolishedError(6)}function rgba(firstValue,secondValue,thirdValue,fourthValue){if(typeof firstValue==\"string\"&&typeof secondValue==\"number\"){var rgbValue=parseToRgb(firstValue);return \"rgba(\"+rgbValue.red+\",\"+rgbValue.green+\",\"+rgbValue.blue+\",\"+secondValue+\")\"}else {if(typeof firstValue==\"number\"&&typeof secondValue==\"number\"&&typeof thirdValue==\"number\"&&typeof fourthValue==\"number\")return fourthValue>=1?rgb(firstValue,secondValue,thirdValue):\"rgba(\"+firstValue+\",\"+secondValue+\",\"+thirdValue+\",\"+fourthValue+\")\";if(typeof firstValue==\"object\"&&secondValue===void 0&&thirdValue===void 0&&fourthValue===void 0)return firstValue.alpha>=1?rgb(firstValue.red,firstValue.green,firstValue.blue):\"rgba(\"+firstValue.red+\",\"+firstValue.green+\",\"+firstValue.blue+\",\"+firstValue.alpha+\")\"}throw new PolishedError(7)}var isRgb=function(color2){return typeof color2.red==\"number\"&&typeof color2.green==\"number\"&&typeof color2.blue==\"number\"&&(typeof color2.alpha!=\"number\"||typeof color2.alpha>\"u\")},isRgba=function(color2){return typeof color2.red==\"number\"&&typeof color2.green==\"number\"&&typeof color2.blue==\"number\"&&typeof color2.alpha==\"number\"},isHsl=function(color2){return typeof color2.hue==\"number\"&&typeof color2.saturation==\"number\"&&typeof color2.lightness==\"number\"&&(typeof color2.alpha!=\"number\"||typeof color2.alpha>\"u\")},isHsla=function(color2){return typeof color2.hue==\"number\"&&typeof color2.saturation==\"number\"&&typeof color2.lightness==\"number\"&&typeof color2.alpha==\"number\"};function toColorString(color2){if(typeof color2!=\"object\")throw new PolishedError(8);if(isRgba(color2))return rgba(color2);if(isRgb(color2))return rgb(color2);if(isHsla(color2))return hsla(color2);if(isHsl(color2))return hsl(color2);throw new PolishedError(8)}function curried(f,length,acc){return function(){var combined=acc.concat(Array.prototype.slice.call(arguments));return combined.length>=length?f.apply(this,combined):curried(f,length,combined)}}function curry(f){return curried(f,f.length,[])}function guard(lowerBoundary,upperBoundary,value){return Math.max(lowerBoundary,Math.min(upperBoundary,value))}function darken(amount,color2){if(color2===\"transparent\")return color2;var hslColor=parseToHsl(color2);return toColorString(_extends({},hslColor,{lightness:guard(0,1,hslColor.lightness-parseFloat(amount))}))}var curriedDarken=curry(darken),curriedDarken$1=curriedDarken;function lighten(amount,color2){if(color2===\"transparent\")return color2;var hslColor=parseToHsl(color2);return toColorString(_extends({},hslColor,{lightness:guard(0,1,hslColor.lightness+parseFloat(amount))}))}var curriedLighten=curry(lighten),curriedLighten$1=curriedLighten;function transparentize(amount,color2){if(color2===\"transparent\")return color2;var parsedColor=parseToRgb(color2),alpha=typeof parsedColor.alpha==\"number\"?parsedColor.alpha:1,colorWithAlpha=_extends({},parsedColor,{alpha:guard(0,1,+(alpha*100-parseFloat(amount)*100).toFixed(2)/100)});return rgba(colorWithAlpha)}var curriedTransparentize=curry(transparentize),curriedTransparentize$1=curriedTransparentize;var headerCommon=({theme})=>({margin:\"20px 0 8px\",padding:0,cursor:\"text\",position:\"relative\",color:theme.color.defaultText,\"&:first-of-type\":{marginTop:0,paddingTop:0},\"&:hover a.anchor\":{textDecoration:\"none\"},\"& tt, & code\":{fontSize:\"inherit\"}}),codeCommon=({theme})=>({lineHeight:1,margin:\"0 2px\",padding:\"3px 5px\",whiteSpace:\"nowrap\",borderRadius:3,fontSize:theme.typography.size.s2-1,border:theme.base===\"light\"?`1px solid ${theme.color.mediumlight}`:`1px solid ${theme.color.darker}`,color:theme.base===\"light\"?curriedTransparentize$1(.1,theme.color.defaultText):curriedTransparentize$1(.3,theme.color.defaultText),backgroundColor:theme.base===\"light\"?theme.color.lighter:theme.color.border}),withReset=({theme})=>({fontFamily:theme.typography.fonts.base,fontSize:theme.typography.size.s3,margin:0,WebkitFontSmoothing:\"antialiased\",MozOsxFontSmoothing:\"grayscale\",WebkitTapHighlightColor:\"rgba(0, 0, 0, 0)\",WebkitOverflowScrolling:\"touch\"}),withMargin={margin:\"16px 0\"};var Link=({href:input,children,...props})=>{let isStorybookPath=/^\\//.test(input),isAnchorUrl=/^#.*/.test(input),href=isStorybookPath?`./?path=${input}`:input;return React5__default.createElement(\"a\",{href,target:isAnchorUrl?\"_self\":\"_top\",...props},children)};var A=styled(Link)(withReset,({theme})=>({fontSize:\"inherit\",lineHeight:\"24px\",color:theme.color.secondary,textDecoration:\"none\",\"&.absent\":{color:\"#cc0000\"},\"&.anchor\":{display:\"block\",paddingLeft:30,marginLeft:-30,cursor:\"pointer\",position:\"absolute\",top:0,left:0,bottom:0}}));var Blockquote=styled.blockquote(withReset,withMargin,({theme})=>({borderLeft:`4px solid ${theme.color.medium}`,padding:\"0 15px\",color:theme.color.dark,\"& > :first-of-type\":{marginTop:0},\"& > :last-child\":{marginBottom:0}}));var isReactChildString=child=>typeof child==\"string\";var isInlineCodeRegex=/[\\n\\r]/g,DefaultCodeBlock=styled.code(({theme})=>({fontFamily:theme.typography.fonts.mono,WebkitFontSmoothing:\"antialiased\",MozOsxFontSmoothing:\"grayscale\",display:\"inline-block\",paddingLeft:2,paddingRight:2,verticalAlign:\"baseline\",color:\"inherit\"}),codeCommon),StyledSyntaxHighlighter=styled(SyntaxHighlighter)(({theme})=>({fontFamily:theme.typography.fonts.mono,fontSize:`${theme.typography.size.s2-1}px`,lineHeight:\"19px\",margin:\"25px 0 40px\",borderRadius:theme.appBorderRadius,boxShadow:theme.base===\"light\"?\"rgba(0, 0, 0, 0.10) 0 1px 3px 0\":\"rgba(0, 0, 0, 0.20) 0 2px 5px 0\",\"pre.prismjs\":{padding:20,background:\"inherit\"}})),Code=({className,children,...props})=>{let language=(className||\"\").match(/lang-(\\S+)/),childrenArray=Children.toArray(children);return childrenArray.filter(isReactChildString).some(child=>child.match(isInlineCodeRegex))?React5__default.createElement(StyledSyntaxHighlighter,{bordered:!0,copyable:!0,language:language?.[1]??\"plaintext\",format:!1,...props},children):React5__default.createElement(DefaultCodeBlock,{...props,className},childrenArray)};var Div=styled.div(withReset);var DL=styled.dl(withReset,withMargin,{padding:0,\"& dt\":{fontSize:\"14px\",fontWeight:\"bold\",fontStyle:\"italic\",padding:0,margin:\"16px 0 4px\"},\"& dt:first-of-type\":{padding:0},\"& dt > :first-of-type\":{marginTop:0},\"& dt > :last-child\":{marginBottom:0},\"& dd\":{margin:\"0 0 16px\",padding:\"0 15px\"},\"& dd > :first-of-type\":{marginTop:0},\"& dd > :last-child\":{marginBottom:0}});var H1=styled.h1(withReset,headerCommon,({theme})=>({fontSize:`${theme.typography.size.l1}px`,fontWeight:theme.typography.weight.bold}));var H2=styled.h2(withReset,headerCommon,({theme})=>({fontSize:`${theme.typography.size.m2}px`,paddingBottom:4,borderBottom:`1px solid ${theme.appBorderColor}`}));var H3=styled.h3(withReset,headerCommon,({theme})=>({fontSize:`${theme.typography.size.m1}px`}));var H4=styled.h4(withReset,headerCommon,({theme})=>({fontSize:`${theme.typography.size.s3}px`}));var H5=styled.h5(withReset,headerCommon,({theme})=>({fontSize:`${theme.typography.size.s2}px`}));var H6=styled.h6(withReset,headerCommon,({theme})=>({fontSize:`${theme.typography.size.s2}px`,color:theme.color.dark}));var HR=styled.hr(({theme})=>({border:\"0 none\",borderTop:`1px solid ${theme.appBorderColor}`,height:4,padding:0}));var Img=styled.img({maxWidth:\"100%\"});var LI=styled.li(withReset,({theme})=>({fontSize:theme.typography.size.s2,color:theme.color.defaultText,lineHeight:\"24px\",\"& + li\":{marginTop:\".25em\"},\"& ul, & ol\":{marginTop:\".25em\",marginBottom:0},\"& code\":codeCommon({theme})}));var listCommon={paddingLeft:30,\"& :first-of-type\":{marginTop:0},\"& :last-child\":{marginBottom:0}},OL=styled.ol(withReset,withMargin,listCommon,{listStyle:\"decimal\"});var P=styled.p(withReset,withMargin,({theme})=>({fontSize:theme.typography.size.s2,lineHeight:\"24px\",color:theme.color.defaultText,\"& code\":codeCommon({theme})}));var Pre=styled.pre(withReset,withMargin,({theme})=>({fontFamily:theme.typography.fonts.mono,WebkitFontSmoothing:\"antialiased\",MozOsxFontSmoothing:\"grayscale\",lineHeight:\"18px\",padding:\"11px 1rem\",whiteSpace:\"pre-wrap\",color:\"inherit\",borderRadius:3,margin:\"1rem 0\",\"&:not(.prismjs)\":{background:\"transparent\",border:\"none\",borderRadius:0,padding:0,margin:0},\"& pre, &.prismjs\":{padding:15,margin:0,whiteSpace:\"pre-wrap\",color:\"inherit\",fontSize:\"13px\",lineHeight:\"19px\",code:{color:\"inherit\",fontSize:\"inherit\"}},\"& code\":{whiteSpace:\"pre\"},\"& code, & tt\":{border:\"none\"}}));var Span=styled.span(withReset,({theme})=>({\"&.frame\":{display:\"block\",overflow:\"hidden\",\"& > span\":{border:`1px solid ${theme.color.medium}`,display:\"block\",float:\"left\",overflow:\"hidden\",margin:\"13px 0 0\",padding:7,width:\"auto\"},\"& span img\":{display:\"block\",float:\"left\"},\"& span span\":{clear:\"both\",color:theme.color.darkest,display:\"block\",padding:\"5px 0 0\"}},\"&.align-center\":{display:\"block\",overflow:\"hidden\",clear:\"both\",\"& > span\":{display:\"block\",overflow:\"hidden\",margin:\"13px auto 0\",textAlign:\"center\"},\"& span img\":{margin:\"0 auto\",textAlign:\"center\"}},\"&.align-right\":{display:\"block\",overflow:\"hidden\",clear:\"both\",\"& > span\":{display:\"block\",overflow:\"hidden\",margin:\"13px 0 0\",textAlign:\"right\"},\"& span img\":{margin:0,textAlign:\"right\"}},\"&.float-left\":{display:\"block\",marginRight:13,overflow:\"hidden\",float:\"left\",\"& span\":{margin:\"13px 0 0\"}},\"&.float-right\":{display:\"block\",marginLeft:13,overflow:\"hidden\",float:\"right\",\"& > span\":{display:\"block\",overflow:\"hidden\",margin:\"13px auto 0\",textAlign:\"right\"}}}));var Table=styled.table(withReset,withMargin,({theme})=>({fontSize:theme.typography.size.s2,lineHeight:\"24px\",padding:0,borderCollapse:\"collapse\",\"& tr\":{borderTop:`1px solid ${theme.appBorderColor}`,backgroundColor:theme.appContentBg,margin:0,padding:0},\"& tr:nth-of-type(2n)\":{backgroundColor:theme.base===\"dark\"?theme.color.darker:theme.color.lighter},\"& tr th\":{fontWeight:\"bold\",color:theme.color.defaultText,border:`1px solid ${theme.appBorderColor}`,margin:0,padding:\"6px 13px\"},\"& tr td\":{border:`1px solid ${theme.appBorderColor}`,color:theme.color.defaultText,margin:0,padding:\"6px 13px\"},\"& tr th :first-of-type, & tr td :first-of-type\":{marginTop:0},\"& tr th :last-child, & tr td :last-child\":{marginBottom:0}}));var TT=styled.title(codeCommon);var listCommon2={paddingLeft:30,\"& :first-of-type\":{marginTop:0},\"& :last-child\":{marginBottom:0}},UL=styled.ul(withReset,withMargin,listCommon2,{listStyle:\"disc\"});var ResetWrapper=styled.div(withReset);var components={h1:props=>React5__default.createElement(H1,{...nameSpaceClassNames(props,\"h1\")}),h2:props=>React5__default.createElement(H2,{...nameSpaceClassNames(props,\"h2\")}),h3:props=>React5__default.createElement(H3,{...nameSpaceClassNames(props,\"h3\")}),h4:props=>React5__default.createElement(H4,{...nameSpaceClassNames(props,\"h4\")}),h5:props=>React5__default.createElement(H5,{...nameSpaceClassNames(props,\"h5\")}),h6:props=>React5__default.createElement(H6,{...nameSpaceClassNames(props,\"h6\")}),pre:props=>React5__default.createElement(Pre,{...nameSpaceClassNames(props,\"pre\")}),a:props=>React5__default.createElement(A,{...nameSpaceClassNames(props,\"a\")}),hr:props=>React5__default.createElement(HR,{...nameSpaceClassNames(props,\"hr\")}),dl:props=>React5__default.createElement(DL,{...nameSpaceClassNames(props,\"dl\")}),blockquote:props=>React5__default.createElement(Blockquote,{...nameSpaceClassNames(props,\"blockquote\")}),table:props=>React5__default.createElement(Table,{...nameSpaceClassNames(props,\"table\")}),img:props=>React5__default.createElement(Img,{...nameSpaceClassNames(props,\"img\")}),div:props=>React5__default.createElement(Div,{...nameSpaceClassNames(props,\"div\")}),span:props=>React5__default.createElement(Span,{...nameSpaceClassNames(props,\"span\")}),li:props=>React5__default.createElement(LI,{...nameSpaceClassNames(props,\"li\")}),ul:props=>React5__default.createElement(UL,{...nameSpaceClassNames(props,\"ul\")}),ol:props=>React5__default.createElement(OL,{...nameSpaceClassNames(props,\"ol\")}),p:props=>React5__default.createElement(P,{...nameSpaceClassNames(props,\"p\")}),code:props=>React5__default.createElement(Code,{...nameSpaceClassNames(props,\"code\")}),tt:props=>React5__default.createElement(TT,{...nameSpaceClassNames(props,\"tt\")}),resetwrapper:props=>React5__default.createElement(ResetWrapper,{...nameSpaceClassNames(props,\"resetwrapper\")})};var BadgeWrapper=styled.div(({theme})=>({display:\"inline-block\",fontSize:11,lineHeight:\"12px\",alignSelf:\"center\",padding:\"4px 12px\",borderRadius:\"3em\",fontWeight:theme.typography.weight.bold}),{svg:{height:12,width:12,marginRight:4,marginTop:-2,path:{fill:\"currentColor\"}}},({theme,status})=>{switch(status){case\"critical\":return {color:theme.color.critical,background:theme.background.critical};case\"negative\":return {color:theme.color.negativeText,background:theme.background.negative,boxShadow:theme.base===\"light\"?`inset 0 0 0 1px ${curriedTransparentize$1(.9,theme.color.negativeText)}`:\"none\"};case\"warning\":return {color:theme.color.warningText,background:theme.background.warning,boxShadow:theme.base===\"light\"?`inset 0 0 0 1px ${curriedTransparentize$1(.9,theme.color.warningText)}`:\"none\"};case\"neutral\":return {color:theme.color.dark,background:theme.color.mediumlight,boxShadow:theme.base===\"light\"?`inset 0 0 0 1px ${curriedTransparentize$1(.9,theme.color.dark)}`:\"none\"};case\"positive\":return {color:theme.color.positiveText,background:theme.background.positive,boxShadow:theme.base===\"light\"?`inset 0 0 0 1px ${curriedTransparentize$1(.9,theme.color.positiveText)}`:\"none\"};default:return {}}}),Badge=({...props})=>React5__default.createElement(BadgeWrapper,{...props});var icons={user:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0ZM2.67 11.15c.7-1 2.6-1.81 3.2-1.9.22-.04.23-.66.23-.66s-.67-.66-.81-1.55c-.4 0-.63-.94-.24-1.27l-.02-.13c-.06-.6-.28-2.6 1.97-2.6s2.03 2 1.97 2.6l-.02.13c.4.33.15 1.27-.24 1.27-.14.89-.8 1.55-.8 1.55s0 .62.22.66c.6.09 2.5.9 3.2 1.9a6 6 0 1 0-8.66 0Z\"})),useralt:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M7.27 13.16a11.39 11.39 0 0 0 5.18-1.23v-.25c0-1.57-3.24-3-4.1-3.13-.27-.05-.28-.79-.28-.79s.8-.78.96-1.83c.47 0 .75-1.12.29-1.52.02-.41.6-3.25-2.32-3.25S4.65 4 4.67 4.41c-.46.4-.17 1.52.29 1.52.17 1.05.96 1.83.96 1.83s0 .74-.27.79c-.86.13-4.04 1.53-4.1 3.08a11.44 11.44 0 0 0 5.72 1.53Z\"})),useradd:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M1.18 11.9c-.4-.17-.8-.36-1.18-.58.06-1.44 3.02-2.74 3.82-2.87.25-.04.26-.73.26-.73s-.74-.73-.9-1.7c-.43 0-.7-1.05-.27-1.42l-.01-.14c-.07-.67-.31-2.88 2.18-2.88 2.48 0 2.24 2.2 2.17 2.88l-.01.14c.43.37.16 1.41-.27 1.41-.16.98-.9 1.71-.9 1.71s.01.69.26.73c.8.13 3.82 1.46 3.82 2.91v.24a10.63 10.63 0 0 1-8.97.3ZM11.5 2.16c.28 0 .5.22.5.5v1.5h1.5a.5.5 0 0 1 0 1H12v1.5a.5.5 0 0 1-1 0v-1.5H9.5a.5.5 0 1 1 0-1H11v-1.5c0-.28.22-.5.5-.5Z\"})),users:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M9.21 11.62A10.59 10.59 0 0 1 0 11.07c.06-1.35 2.93-2.58 3.7-2.7.25-.03.26-.68.26-.68s-.72-.69-.87-1.6c-.42 0-.68-.99-.26-1.33 0-.03 0-.08-.02-.14-.07-.63-.3-2.71 2.12-2.71 2.41 0 2.18 2.08 2.11 2.71l-.01.14c.42.34.16 1.32-.26 1.32-.16.92-.87 1.6-.87 1.6s0 .66.25.7c.78.11 3.7 1.36 3.7 2.73v.22l-.64.3Z\"}),React5__default.createElement(\"path\",{d:\"M8.81 8.42a9.64 9.64 0 0 0-.74-.4 5.2 5.2 0 0 1 1.7-.76c.17-.02.17-.47.17-.47s-.49-.47-.6-1.1c-.28 0-.46-.68-.17-.91l-.01-.1c-.05-.43-.2-1.86 1.45-1.86 1.66 0 1.5 1.43 1.45 1.86v.1c.28.23.1.9-.18.9-.11.64-.6 1.11-.6 1.11s0 .45.17.47c.54.08 2.55.94 2.55 1.89v.62a10.6 10.6 0 0 1-3.3.56 2.97 2.97 0 0 0-.58-.88c-.37-.41-.85-.76-1.31-1.03Z\"})),profile:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M9.1 7.35a5.06 5.06 0 0 1-4.52-.28C4.6 6.4 6.02 5.77 6.4 5.7c.12-.02.12-.35.12-.35s-.35-.34-.43-.81c-.2 0-.33-.5-.12-.67l-.01-.07C5.93 3.48 5.81 2.42 7 2.42S8.07 3.48 8.04 3.8v.07c.2.17.07.67-.13.67-.08.47-.43.81-.43.81s0 .33.12.35c.38.06 1.82.7 1.82 1.4v.1c-.1.06-.2.1-.31.15Zm-5.35 3.9c0-.14.11-.25.25-.25h6a.25.25 0 1 1 0 .5H4a.25.25 0 0 1-.25-.25ZM4 9a.25.25 0 0 0 0 .5h6a.25.25 0 1 0 0-.5H4Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M1 .5c0-.28.22-.5.5-.5h11c.28 0 .5.22.5.5v13a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5V.5ZM2 13V1h10v12H2Z\"})),facehappy:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M3.97 8.75a.5.5 0 0 0-.87.5 4.5 4.5 0 0 0 7.8 0 .5.5 0 1 0-.87-.5 3.5 3.5 0 0 1-6.06 0ZM5.5 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM9.5 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Zm-1 0A6 6 0 1 1 1 7a6 6 0 0 1 12 0Z\"})),faceneutral:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M4.5 9a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5ZM5.5 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM9.5 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Zm-1 0A6 6 0 1 1 1 7a6 6 0 0 1 12 0Z\"})),facesad:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M3.97 10.25a.5.5 0 0 1-.87-.5 4.5 4.5 0 0 1 7.8 0 .5.5 0 1 1-.87.5 3.5 3.5 0 0 0-6.06 0ZM5.5 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM9.5 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Zm-1 0A6 6 0 1 1 1 7a6 6 0 0 1 12 0Z\"})),accessibility:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M3.53 4.84a.5.5 0 0 1 .63-.31l2.05.68a2.5 2.5 0 0 0 1.58 0l2.05-.68a.5.5 0 0 1 .32.94L7.7 6.3a.3.3 0 0 0-.21.29v.24c0 .7.16 1.39.48 2.01l.97 1.95a.5.5 0 1 1-.9.44L7 9.12l-1.05 2.1a.5.5 0 1 1-.9-.44l.97-1.95a4.5 4.5 0 0 0 .48-2.01v-.24a.3.3 0 0 0-.2-.29l-2.46-.82a.5.5 0 0 1-.31-.63Z\"}),React5__default.createElement(\"path\",{d:\"M7 4.5a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14Zm0-1A6 6 0 1 0 7 1a6 6 0 0 0 0 12Z\"})),accessibilityalt:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14ZM8 3.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM3.53 4.84a.5.5 0 0 1 .63-.31l2.05.68a2.5 2.5 0 0 0 1.58 0l2.05-.68a.5.5 0 0 1 .32.94L7.7 6.3a.3.3 0 0 0-.21.29v.24c0 .7.16 1.39.48 2.01l.97 1.95a.5.5 0 1 1-.9.44L7 9.12l-1.05 2.1a.5.5 0 1 1-.9-.44l.97-1.95a4.5 4.5 0 0 0 .48-2.01v-.24a.3.3 0 0 0-.2-.29l-2.46-.82a.5.5 0 0 1-.31-.63Z\"})),arrowup:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"m7.35 2.9 5.5 5.5a.5.5 0 0 1-.7.7L7 3.96 1.85 9.1a.5.5 0 1 1-.7-.7l5.5-5.5c.2-.2.5-.2.7 0Z\"})),arrowdown:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"m1.15 5.6 5.5 5.5c.2.2.5.2.7 0l5.5-5.5a.5.5 0 0 0-.7-.7L7 10.04 1.85 4.9a.5.5 0 1 0-.7.7Z\"})),arrowleft:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M2.76 7.1c.02.09.06.18.14.25l5.5 5.5a.5.5 0 0 0 .7-.7L3.96 7 9.1 1.85a.5.5 0 1 0-.7-.7l-5.5 5.5a.5.5 0 0 0-.14.45Z\"})),arrowright:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"m11.1 7.35-5.5 5.5a.5.5 0 0 1-.7-.7L10.04 7 4.9 1.85a.5.5 0 1 1 .7-.7l5.5 5.5c.2.2.2.5 0 .7Z\"})),arrowupalt:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M11.85 4.65 7.35.15a.5.5 0 0 0-.7 0l-4.5 4.5a.5.5 0 1 0 .7.7L6.5 1.71V13.5a.5.5 0 0 0 1 0V1.7l3.65 3.65a.5.5 0 0 0 .7-.7Z\"})),arrowdownalt:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M7.5.5a.5.5 0 0 0-1 0v11.8L2.85 8.64a.5.5 0 1 0-.7.7l4.5 4.5A.5.5 0 0 0 7 14a.5.5 0 0 0 .35-.15l4.5-4.5a.5.5 0 0 0-.7-.7L7.5 12.29V.5Z\"})),arrowleftalt:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M5.35 2.15c.2.2.2.5 0 .7L1.71 6.5H13.5a.5.5 0 0 1 0 1H1.7l3.65 3.65a.5.5 0 0 1-.7.7l-4.5-4.5a.5.5 0 0 1 0-.7l4.5-4.5c.2-.2.5-.2.7 0Z\"})),arrowrightalt:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M8.65 2.15c.2-.2.5-.2.7 0l4.5 4.5c.2.2.2.5 0 .7l-4.5 4.5a.5.5 0 0 1-.7-.7l3.64-3.65H.5a.5.5 0 0 1 0-1h11.8L8.64 2.85a.5.5 0 0 1 0-.7Z\"})),expandalt:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"m7.35.15 4 4a.5.5 0 0 1-.7.7L7 1.21 3.35 4.85a.5.5 0 1 1-.7-.7l4-4c.2-.2.5-.2.7 0ZM11.35 9.15c.2.2.2.5 0 .7l-4 4a.5.5 0 0 1-.7 0l-4-4a.5.5 0 1 1 .7-.7L7 12.79l3.65-3.64c.2-.2.5-.2.7 0Z\"})),collapse:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M3.354.146a.5.5 0 1 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0-.708-.708L7 3.793 3.354.146Zm3.292 9a.5.5 0 0 1 .708 0l4 4a.5.5 0 0 1-.708.708L7 10.207l-3.646 3.647a.5.5 0 0 1-.708-.708l4-4Z\"})),expand:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M1.5 1h2a.5.5 0 0 1 0 1h-.8l3.15 3.15a.5.5 0 1 1-.7.7L2 2.71v.79a.5.5 0 0 1-1 0v-2c0-.28.22-.5.5-.5ZM10 1.5c0-.28.22-.5.5-.5h2c.28 0 .5.22.5.5v2a.5.5 0 0 1-1 0v-.8L8.85 5.86a.5.5 0 1 1-.7-.7L11.29 2h-.79a.5.5 0 0 1-.5-.5ZM12.5 10c.28 0 .5.22.5.5v2a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h.8L8.14 8.85a.5.5 0 1 1 .7-.7L12 11.29v-.79c0-.28.22-.5.5-.5ZM2 11.3v-.8a.5.5 0 0 0-1 0v2c0 .28.22.5.5.5h2a.5.5 0 0 0 0-1h-.8l3.15-3.15a.5.5 0 1 0-.7-.7L2 11.29Z\"})),unfold:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"m6.65.15-1.5 1.5a.5.5 0 1 0 .7.7l.65-.64V5a.5.5 0 0 0 1 0V1.7l.65.65a.5.5 0 1 0 .7-.7L7.35.15a.5.5 0 0 0-.7 0Z\"}),React5__default.createElement(\"path\",{d:\"M1.3 4.04a.5.5 0 0 0-.16.82L3.3 7 1.15 9.15a.5.5 0 0 0 .35.85h3a.5.5 0 0 0 0-1H2.7l1.5-1.5h5.6l2.35 2.35a.5.5 0 0 0 .7-.7L10.71 7l2.14-2.15.11-.54-.1.54A.5.5 0 0 0 13 4.5a.5.5 0 0 0-.14-.35.5.5 0 0 0-.36-.15h-3a.5.5 0 0 0 0 1h1.8L9.8 6.5H4.2L2.7 5h1.8a.5.5 0 0 0 0-1h-3a.5.5 0 0 0-.2.04Z\"}),React5__default.createElement(\"path\",{d:\"M7 8.5c.28 0 .5.22.5.5v3.3l.65-.65a.5.5 0 0 1 .7.7l-1.5 1.5a.5.5 0 0 1-.7 0l-1.5-1.5a.5.5 0 0 1 .7-.7l.65.64V9c0-.28.22-.5.5-.5ZM9 9.5c0-.28.22-.5.5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5Z\"})),transfer:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M10.65 2.65c.2-.2.5-.2.7 0l1.5 1.5c.2.2.2.5 0 .7l-1.5 1.5a.5.5 0 0 1-.7-.7l.64-.65H1.5a.5.5 0 0 1 0-1h9.8l-.65-.65a.5.5 0 0 1 0-.7ZM3.35 8.35 2.71 9h9.79a.5.5 0 0 1 0 1H2.7l.65.65a.5.5 0 0 1-.7.7l-1.5-1.5a.5.5 0 0 1 0-.7l1.5-1.5a.5.5 0 1 1 .7.7Z\"})),redirect:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M1.5 1c.28 0 .5.22.5.5V10a2 2 0 0 0 4 0V4a3 3 0 0 1 6 0v7.8l1.15-1.15a.5.5 0 0 1 .7.7l-2 2a.5.5 0 0 1-.7 0l-2-2a.5.5 0 0 1 .7-.7L11 11.79V4a2 2 0 1 0-4 0v6a3 3 0 0 1-6 0V1.5c0-.28.22-.5.5-.5Z\"})),undo:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M1.15 3.85a.5.5 0 0 1 0-.7l2-2a.5.5 0 1 1 .7.7L2.71 3H9a4 4 0 0 1 0 8H3a.5.5 0 0 1 0-1h6a3 3 0 1 0 0-6H2.7l1.15 1.15a.5.5 0 1 1-.7.7l-2-2Z\"})),reply:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M4.35 2.15c.2.2.2.5 0 .7L1.71 5.5H9.5A4.5 4.5 0 0 1 14 10v1.5a.5.5 0 0 1-1 0V10a3.5 3.5 0 0 0-3.5-3.5H1.7l2.65 2.65a.5.5 0 1 1-.7.7l-3.5-3.5a.5.5 0 0 1 0-.7l3.5-3.5c.2-.2.5-.2.7 0Z\"})),sync:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M5.5 1A.5.5 0 0 0 5 .5H2a.5.5 0 0 0 0 1h1.53a6.5 6.5 0 0 0 2.39 11.91.5.5 0 1 0 .16-.99A5.5 5.5 0 0 1 4.5 2.1V4a.5.5 0 0 0 1 0V1ZM7.5 1a.5.5 0 0 1 .58-.41 6.5 6.5 0 0 1 2.39 11.91H12a.5.5 0 0 1 0 1H9a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 1 0v1.9A5.5 5.5 0 0 0 7.92 1.58.5.5 0 0 1 7.5 1Z\"})),upload:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M8.65 5.85 7.5 4.71v5.79a.5.5 0 0 1-1 0V4.7L5.35 5.86a.5.5 0 1 1-.7-.7l2-2c.2-.2.5-.2.7 0l2 2a.5.5 0 1 1-.7.7Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Zm-1 0A6 6 0 1 1 1 7a6 6 0 0 1 12 0Z\"})),download:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M5.35 8.15 6.5 9.29V3.5a.5.5 0 0 1 1 0v5.8l1.15-1.15a.5.5 0 1 1 .7.7l-2 2a.5.5 0 0 1-.7 0l-2-2a.5.5 0 1 1 .7-.7Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M0 7a7 7 0 1 1 14 0A7 7 0 0 1 0 7Zm1 0a6 6 0 1 1 12 0A6 6 0 0 1 1 7Z\"})),back:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M5.85 5.35 4.71 6.5h5.79a.5.5 0 0 1 0 1H4.7l1.15 1.15a.5.5 0 1 1-.7.7l-2-2a.5.5 0 0 1 0-.7l2-2a.5.5 0 1 1 .7.7Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M7 0a7 7 0 1 1 0 14A7 7 0 0 1 7 0Zm0 1a6 6 0 1 1 0 12A6 6 0 0 1 7 1Z\"})),proceed:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M3.5 6.5h5.8L8.14 5.35a.5.5 0 1 1 .7-.7l2 2c.2.2.2.5 0 .7l-2 2a.5.5 0 1 1-.7-.7L9.29 7.5H3.5a.5.5 0 0 1 0-1Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M7 14A7 7 0 1 1 7 0a7 7 0 0 1 0 14Zm0-1A6 6 0 1 1 7 1a6 6 0 0 1 0 12Z\"})),refresh:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M7.1.5H7a6.5 6.5 0 1 0 6.41 7.58.5.5 0 1 0-.99-.16A5.47 5.47 0 0 1 7 12.5a5.5 5.5 0 0 1 0-11 5.5 5.5 0 0 1 4.9 3H10a.5.5 0 0 0 0 1h3a.5.5 0 0 0 .5-.5V2a.5.5 0 0 0-1 0v1.53A6.5 6.5 0 0 0 7.1.5Z\"})),globe:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M14 7A7 7 0 1 0 0 7a7 7 0 0 0 14 0Zm-6.53 5.74c-.24.23-.4.26-.47.26-.08 0-.23-.03-.47-.26-.23-.24-.5-.62-.73-1.18A11.57 11.57 0 0 1 5 7.5h4a11.57 11.57 0 0 1-.8 4.06c-.24.56-.5.94-.73 1.18ZM8.99 6.5H5.01c.05-1.62.35-3.04.79-4.06.24-.56.5-.94.73-1.18.24-.23.4-.26.47-.26.08 0 .23.03.47.26.23.24.5.62.73 1.18.44 1.02.74 2.44.8 4.06Zm1 1c-.06 2.18-.56 4.08-1.28 5.25a6 6 0 0 0 4.27-5.25H9.99Zm2.99-1H9.99c-.06-2.18-.56-4.08-1.28-5.25a6 6 0 0 1 4.27 5.25ZM4 6.5c.06-2.18.56-4.08 1.28-5.25A6 6 0 0 0 1.02 6.5h2.99Zm-2.99 1a6 6 0 0 0 4.27 5.25c-.72-1.17-1.22-3.07-1.28-5.25H1.02Z\"})),compass:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M10.09 3.4 5.95 5.8a.37.37 0 0 0-.11.09.38.38 0 0 0-.04.05l-2.4 4.15a.37.37 0 0 0 0 .38c.1.18.33.24.5.14l4.15-2.4a.37.37 0 0 0 .15-.15l2.4-4.15a.37.37 0 0 0-.03-.44.37.37 0 0 0-.48-.07ZM4.75 9.25 7.6 7.6 6.4 6.4 4.75 9.25Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Zm-1 0A6 6 0 1 1 1 7a6 6 0 0 1 12 0Z\"})),location:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M0 7a7 7 0 1 1 14 0A7 7 0 0 1 0 7Zm6.5 3.5v2.48A6 6 0 0 1 1.02 7.5H3.5a.5.5 0 0 0 0-1H1.02A6 6 0 0 1 6.5 1.02V3.5a.5.5 0 0 0 1 0V1.02a6 6 0 0 1 5.48 5.48H10.5a.5.5 0 0 0 0 1h2.48a6 6 0 0 1-5.48 5.48V10.5a.5.5 0 0 0-1 0Z\"})),pin:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M9 5a2 2 0 1 1-4 0 2 2 0 0 1 4 0ZM8 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M12 5A5 5 0 0 0 2 5c0 2.63 2.27 6.15 4.65 8.64.2.2.5.2.7 0C9.73 11.15 12 7.64 12 5ZM7 1a4 4 0 0 1 4 4c0 1.06-.47 2.42-1.3 3.88A21.23 21.23 0 0 1 7 12.55c-1-1.1-1.97-2.39-2.7-3.67A8.46 8.46 0 0 1 3 5a4 4 0 0 1 4-4Z\"})),time:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M7 2c.28 0 .5.22.5.5v4H10a.5.5 0 0 1 0 1H7a.5.5 0 0 1-.5-.5V2.5c0-.28.22-.5.5-.5Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14Zm0-1A6 6 0 1 0 7 1a6 6 0 0 0 0 12Z\"})),dashboard:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M9.8 4.1a.5.5 0 0 1 .1.7L7.92 7.58A1 1 0 1 1 7.1 7l2-2.8a.5.5 0 0 1 .7-.12Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M2.07 12.97a7 7 0 1 1 9.86 0 12.96 12.96 0 0 0-9.86 0Zm9.58-1.18a6 6 0 1 0-9.3 0 13.98 13.98 0 0 1 9.3 0Z\"})),timer:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M7.5 4.5a.5.5 0 0 0-1 0v2.63a1 1 0 1 0 1 0V4.5Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M5.5.5c0-.28.22-.5.5-.5h2a.5.5 0 0 1 0 1h-.5v1.02c1.28.1 2.45.61 3.37 1.4l.78-.77a.5.5 0 0 1 .7.7l-.77.78a6 6 0 1 1-5.08-2.1V1H6a.5.5 0 0 1-.5-.5ZM7 3a5 5 0 1 0 0 10A5 5 0 0 0 7 3Z\"})),home:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"m7.35 1.15 5.5 5.5a.5.5 0 0 1-.7.7L12 7.21v5.29a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5V9H6v3.5a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5V7.2l-.15.15a.5.5 0 1 1-.7-.7l1-1 4.5-4.5c.2-.2.5-.2.7 0ZM3 6.2V12h2V8.5c0-.28.22-.5.5-.5h3c.28 0 .5.22.5.5V12h2V6.2l-4-4-4 4Z\"})),admin:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M1.21 4.1a.5.5 0 0 1 .06-.04l5.48-3a.5.5 0 0 1 .5 0l5.48 3a.5.5 0 0 1 .27.39.5.5 0 0 1-.51.55H1.51a.5.5 0 0 1-.3-.9ZM3.46 4h7.08L7 2.07 3.46 4Z\"}),React5__default.createElement(\"path\",{d:\"M4 6a.5.5 0 1 0-1 0v5a.5.5 0 0 0 1 0V6ZM11 6a.5.5 0 0 0-1 0v5a.5.5 0 0 0 1 0V6ZM5.75 5.5c.28 0 .5.22.5.5v5a.5.5 0 0 1-1 0V6c0-.28.22-.5.5-.5ZM8.75 6a.5.5 0 1 0-1 0v5a.5.5 0 0 0 1 0V6ZM1.5 12.5c0-.27.22-.5.5-.5h10a.5.5 0 0 1 0 1H2a.5.5 0 0 1-.5-.5Z\"})),info:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M7 5.5c.28 0 .5.22.5.5v4a.5.5 0 0 1-1 0V6c0-.28.22-.5.5-.5ZM7 4.5A.75.75 0 1 0 7 3a.75.75 0 0 0 0 1.5Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14Zm0-1A6 6 0 1 0 7 1a6 6 0 0 0 0 12Z\"})),question:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M5.25 5.25A1.75 1.75 0 1 1 7 7a.5.5 0 0 0-.5.5V9a.5.5 0 0 0 1 0V7.95a2.75 2.75 0 1 0-3.25-2.7.5.5 0 0 0 1 0ZM7 11.5A.75.75 0 1 0 7 10a.75.75 0 0 0 0 1.5Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Zm-1 0A6 6 0 1 1 1 7a6 6 0 0 1 12 0Z\"})),support:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Zm-3.52 4.9a5.97 5.97 0 0 1-6.96 0l1.45-1.45a3.98 3.98 0 0 0 4.06 0l1.45 1.44Zm-.03-2.87 1.44 1.45a5.97 5.97 0 0 0 0-6.96l-1.44 1.45a3.98 3.98 0 0 1 0 4.06ZM9.03 3.55l1.45-1.44a5.97 5.97 0 0 0-6.96 0l1.45 1.44a3.98 3.98 0 0 1 4.06 0ZM3.55 4.97 2.11 3.52a5.97 5.97 0 0 0 0 6.96l1.44-1.45a3.98 3.98 0 0 1 0-4.06ZM10 7a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z\"})),alert:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M7 4.5c.28 0 .5.22.5.5v3.5a.5.5 0 0 1-1 0V5c0-.28.22-.5.5-.5ZM7.75 10.5a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M7.2 1.04a.5.5 0 0 1 .24.21l6.49 11a.5.5 0 0 1-.44.75H.51a.5.5 0 0 1-.5-.45.5.5 0 0 1 .06-.31l6.5-10.99a.5.5 0 0 1 .64-.2ZM7 2.48 1.38 12h11.24L7 2.48Z\"})),email:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M0 2.5c0-.27.22-.5.5-.5h13c.28 0 .5.23.5.5v9a.5.5 0 0 1-.5.5H.5a.5.5 0 0 1-.5-.5v-9Zm1 1.02V11h12V3.52L7.31 7.89a.5.5 0 0 1-.52.07.5.5 0 0 1-.1-.07L1 3.52ZM12.03 3H1.97L7 6.87 12.03 3Z\"})),phone:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"m7.76 8.13-.05.05a.2.2 0 0 1-.28.03A6.76 6.76 0 0 1 5.8 6.56a.21.21 0 0 1 .04-.27l.05-.05c.23-.2.54-.47.71-.96.17-.47-.02-1.04-.66-1.94-.26-.38-.72-.96-1.22-1.46-.68-.69-1.2-1-1.65-1a.98.98 0 0 0-.51.13A3.23 3.23 0 0 0 .9 3.42c-.13 1.1.26 2.37 1.17 3.78a16.68 16.68 0 0 0 4.55 4.6 6.57 6.57 0 0 0 3.53 1.32A3.2 3.2 0 0 0 13 11.46c.14-.24.24-.64-.07-1.18a7.8 7.8 0 0 0-1.73-1.8c-.64-.5-1.52-1.12-2.13-1.12a.97.97 0 0 0-.34.06c-.47.17-.74.46-.95.69l-.02.02Zm4.32 2.68a6.8 6.8 0 0 0-1.48-1.54h-.02c-.3-.25-.64-.49-.95-.67a2.7 2.7 0 0 0-.56-.24h-.01c-.23.09-.34.21-.56.45l-.02.02-.04.04a1.2 1.2 0 0 1-1.6.15 7.76 7.76 0 0 1-1.86-1.89l-.01-.01-.02-.02a1.21 1.21 0 0 1 .2-1.53l.06-.06.02-.02c.22-.2.35-.31.43-.53v-.02c0-.02 0-.06-.03-.14a3.7 3.7 0 0 0-.5-.88h-.01V3.9c-.23-.33-.65-.87-1.1-1.32H4c-.31-.32-.55-.5-.72-.6a.6.6 0 0 0-.22-.1h-.03a2.23 2.23 0 0 0-1.15 1.66c-.09.78.18 1.8 1.02 3.1a15.68 15.68 0 0 0 4.27 4.33l.02.01.02.02a5.57 5.57 0 0 0 2.97 1.11 2.2 2.2 0 0 0 1.93-1.14h.01v-.05a.57.57 0 0 0-.05-.12Z\"})),link:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M11.84 2.16a2.25 2.25 0 0 0-3.18 0l-2.5 2.5c-.88.88-.88 2.3 0 3.18a.5.5 0 0 1-.7.7 3.25 3.25 0 0 1 0-4.59l2.5-2.5a3.25 3.25 0 0 1 4.59 4.6L10.48 8.1c.04-.44.01-.89-.09-1.32l1.45-1.45c.88-.88.88-2.3 0-3.18Z\"}),React5__default.createElement(\"path\",{d:\"M3.6 7.2c-.1-.42-.12-.87-.08-1.31L1.45 7.95a3.25 3.25 0 1 0 4.6 4.6l2.5-2.5a3.25 3.25 0 0 0 0-4.6.5.5 0 0 0-.7.7c.87.89.87 2.31 0 3.2l-2.5 2.5a2.25 2.25 0 1 1-3.2-3.2l1.46-1.44Z\"})),unlink:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"m1.45 7.95 1.3-1.3.71.7-1.3 1.3a2.25 2.25 0 1 0 3.18 3.2l1.3-1.31.71.7-1.3 1.3a3.25 3.25 0 0 1-4.6-4.59ZM12.55 6.05l-1.3 1.3-.71-.7 1.3-1.3a2.25 2.25 0 1 0-3.18-3.2l-1.3 1.31-.71-.7 1.3-1.3a3.25 3.25 0 0 1 4.6 4.59ZM1.85 1.15a.5.5 0 1 0-.7.7l11 11a.5.5 0 0 0 .7-.7l-11-11Z\"})),bell:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M8 1.11a1 1 0 1 0-1.99 0A4.5 4.5 0 0 0 2.5 5.5v3.88l-.94 1.89a.5.5 0 0 0-.06.3.5.5 0 0 0 .51.43h3.58a1.5 1.5 0 1 0 2.82 0H12a.5.5 0 0 0 .45-.73l-.94-1.89V5.5A4.5 4.5 0 0 0 8 1.11ZM2.8 11h8.4l-.5-1H3.3l-.5 1Zm7.7-2V5.5a3.5 3.5 0 1 0-7 0V9h7Zm-4 3.5a.5.5 0 1 1 1 0 .5.5 0 0 1-1 0Z\"})),rss:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M1.5.5c0-.28.22-.5.5-.5a12 12 0 0 1 12 12 .5.5 0 0 1-1 0A11 11 0 0 0 2 1a.5.5 0 0 1-.5-.5Z\"}),React5__default.createElement(\"path\",{d:\"M1.5 4.5c0-.28.22-.5.5-.5a8 8 0 0 1 8 8 .5.5 0 0 1-1 0 7 7 0 0 0-7-7 .5.5 0 0 1-.5-.5Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M5 11a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm-1 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z\"})),sharealt:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M2 1a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V7.5a.5.5 0 0 0-1 0V12H2V2h4.5a.5.5 0 0 0 0-1H2Z\"}),React5__default.createElement(\"path\",{d:\"M7.35 7.36 12 2.7v1.8a.5.5 0 0 0 1 0v-3a.5.5 0 0 0-.5-.5h-3a.5.5 0 1 0 0 1h1.8L6.64 6.64a.5.5 0 1 0 .7.7Z\"})),share:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M6.65.15c.2-.2.5-.2.7 0l2 2a.5.5 0 1 1-.7.7L7.5 1.72v6.8a.5.5 0 0 1-1 0V1.7L5.35 2.86a.5.5 0 1 1-.7-.71l2-2Z\"}),React5__default.createElement(\"path\",{d:\"M2 4a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1H9.5a.5.5 0 1 0 0 1H12v7H2V5h2.5a.5.5 0 0 0 0-1H2Z\"})),circlehollow:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M7 13A6 6 0 1 0 7 1a6 6 0 0 0 0 12Zm0 1A7 7 0 1 0 7 0a7 7 0 0 0 0 14Z\"})),circle:React5__default.createElement(\"path\",{d:\"M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Z\"}),bookmarkhollow:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M3.5 0h7c.28 0 .5.22.5.5v13a.5.5 0 0 1-.45.5.46.46 0 0 1-.38-.12L7 11.16l-3.17 2.72a.46.46 0 0 1-.38.12.5.5 0 0 1-.45-.5V.5c0-.28.22-.5.5-.5ZM4 12.41l2.66-2.28a.45.45 0 0 1 .38-.13c.1.01.2.05.29.12l2.67 2.3V1H4v11.41Z\"})),bookmark:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M3.5 0h7c.28 0 .5.22.5.5v13a.5.5 0 0 1-.45.5.46.46 0 0 1-.38-.12L7 11.16l-3.17 2.72a.46.46 0 0 1-.38.12.5.5 0 0 1-.45-.5V.5c0-.28.22-.5.5-.5Z\"})),hearthollow:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M12.81 1.85 13 2a2.97 2.97 0 0 1 .75 1.17 4.39 4.39 0 0 1 .12 2.51 6.26 6.26 0 0 1-1.65 2.55l-4.78 4.6A.59.59 0 0 1 7 13a.67.67 0 0 1-.44-.17L1.78 8.22a7.84 7.84 0 0 1-1.25-1.6C.37 6.31.24 6 .14 5.67a4.32 4.32 0 0 1 .12-2.51 3.2 3.2 0 0 1 1.95-1.9c.47-.18 1-.27 1.57-.27.3 0 .61.04.91.14.3.09.59.21.86.36s.52.33.77.52c.24.19.47.38.68.58a7.56 7.56 0 0 1 1.46-1.1c.27-.15.55-.27.84-.36.3-.1.6-.14.9-.14.59 0 1.12.09 1.59.26.39.15.73.34 1.02.59ZM1.2 3.53A2.2 2.2 0 0 1 2.57 2.2M1.2 3.53c-.13.33-.2.72-.2 1.18 0 .22.03.45.1.68a3.97 3.97 0 0 0 .79 1.46c.19.23.38.45.59.65l4.51 4.36 4.52-4.35c.2-.2.4-.4.59-.65.18-.23.34-.47.49-.73.13-.23.23-.48.3-.73.08-.23.11-.46.11-.7 0-.45-.07-.84-.2-1.18-.12-.33-.3-.6-.51-.8v-.01c-.22-.2-.5-.38-.85-.51-.34-.13-.75-.2-1.24-.2-.2 0-.4.03-.6.09a4.95 4.95 0 0 0-1.9 1.22l-.68.67-.7-.65a9.97 9.97 0 0 0-.62-.53c-.2-.16-.42-.3-.63-.42h-.01c-.21-.12-.43-.22-.66-.29C4.2 2.03 4 2 3.77 2c-.48 0-.88.07-1.21.2\"})),heart:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M12.81 1.85 13 2a2.97 2.97 0 0 1 .75 1.17 4.39 4.39 0 0 1 .12 2.51 6.26 6.26 0 0 1-1.65 2.55l-4.78 4.6A.59.59 0 0 1 7 13a.67.67 0 0 1-.44-.17L1.78 8.22a7.84 7.84 0 0 1-1.25-1.6C.37 6.31.24 6 .14 5.67a4.32 4.32 0 0 1 .12-2.51 3.2 3.2 0 0 1 1.95-1.9c.47-.18 1-.27 1.57-.27.3 0 .61.04.91.14.3.09.59.21.86.36s.52.33.77.52c.24.19.47.38.68.58a7.56 7.56 0 0 1 1.46-1.1c.27-.15.55-.27.84-.36.3-.1.6-.14.9-.14.59 0 1.12.09 1.59.26.39.15.73.34 1.02.59Z\"})),starhollow:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M6.32.78a.75.75 0 0 1 1.36 0l1.63 3.54 3.87.46c.63.07.89.86.42 1.3l-2.86 2.64.76 3.81a.75.75 0 0 1-1.1.8L7 11.43l-3.4 1.9a.75.75 0 0 1-1.1-.8l.76-3.81L.4 6.07a.75.75 0 0 1 .42-1.3l3.87-.45L6.32.78ZM7 1.7 5.54 4.86c-.11.24-.34.4-.6.43l-3.46.42 2.56 2.37c.2.17.28.44.23.7l-.68 3.42 3.04-1.7c.23-.14.5-.14.74 0l3.04 1.7-.68-3.43a.75.75 0 0 1 .23-.7l2.56-2.36-3.47-.42a.75.75 0 0 1-.59-.43L7 1.7Z\"})),star:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M7.68.78a.75.75 0 0 0-1.36 0L4.69 4.32l-3.87.46a.75.75 0 0 0-.42 1.3l2.86 2.64-.76 3.81a.75.75 0 0 0 1.1.8l3.4-1.9 3.4 1.9a.75.75 0 0 0 1.1-.8l-.76-3.81 2.86-2.65a.75.75 0 0 0-.42-1.3L9.3 4.33 7.68.78Z\"})),certificate:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M10 7.85A4.49 4.49 0 0 0 7 0a4.5 4.5 0 0 0-3 7.85V13a.5.5 0 0 0 .5.5.5.5 0 0 0 .35-.15L7 11.21l2.15 2.14A.5.5 0 0 0 10 13V7.85ZM7 8a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm-.35 2.15c.2-.2.5-.2.7 0L9 11.79V8.53a4.48 4.48 0 0 1-4 0v3.26l1.65-1.64Z\"})),verified:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M6.56 13.12a1 1 0 0 1 .88 0l.98.49a1 1 0 0 0 1.31-.43l.52-.97a1 1 0 0 1 .7-.51l1.08-.2a1 1 0 0 0 .81-1.1l-.15-1.1a1 1 0 0 1 .27-.82l.76-.8a1 1 0 0 0 0-1.37l-.76-.79a1 1 0 0 1-.27-.83l.15-1.08a1 1 0 0 0-.8-1.12l-1.09-.19a1 1 0 0 1-.7-.5L9.73.81A1 1 0 0 0 8.43.4l-1 .49a1 1 0 0 1-.87 0L5.58.39a1 1 0 0 0-1.31.43l-.52.97a1 1 0 0 1-.7.51l-1.08.2a1 1 0 0 0-.81 1.1l.15 1.1a1 1 0 0 1-.27.82l-.76.8a1 1 0 0 0 0 1.37l.76.79a1 1 0 0 1 .27.83l-.15 1.08a1 1 0 0 0 .8 1.12l1.09.19a1 1 0 0 1 .7.5l.52.98a1 1 0 0 0 1.3.43l1-.49Zm4.3-8.47c.19.2.19.5 0 .7l-4.5 4.5a.5.5 0 0 1-.71 0l-2.5-2.5a.5.5 0 1 1 .7-.7L6 8.79l4.15-4.14c.2-.2.5-.2.7 0Z\"})),thumbsup:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M11 12.02c-.4.37-.91.56-1.56.56h-.88a5.5 5.5 0 0 1-1.3-.16c-.42-.1-.91-.25-1.47-.45-.3-.12-.63-.21-.95-.27H2.88a.84.84 0 0 1-.62-.26.84.84 0 0 1-.26-.61V6.45c0-.24.09-.45.26-.62a.84.84 0 0 1 .62-.25h1.87c.16-.11.47-.47.93-1.06.27-.35.51-.64.74-.88.1-.11.19-.3.24-.58.05-.28.12-.57.2-.87.1-.3.24-.55.43-.74a.87.87 0 0 1 .62-.25c.38 0 .72.07 1.03.22.3.15.54.38.7.7a2.94 2.94 0 0 1 .21 1.58 3 3 0 0 1-.3 1h1.2c.47 0 .88.17 1.23.52s.52.8.52 1.22c0 .29-.04.66-.34 1.12.05.15.07.3.07.47 0 .35-.09.68-.26.98.07.54-.07 1.08-.4 1.51a1.9 1.9 0 0 1-.57 1.5Zm.47-5.33a.96.96 0 0 0 .03-.25.74.74 0 0 0-.23-.51.68.68 0 0 0-.52-.23H7.93l.73-1.45a2 2 0 0 0 .21-.87c0-.44-.07-.7-.13-.82a.53.53 0 0 0-.24-.24 1.3 1.3 0 0 0-.54-.12.99.99 0 0 0-.14.28c-.08.27-.13.52-.18.76-.06.38-.2.77-.48 1.07v.01l-.02.01c-.2.2-.4.46-.67.8l-.61.76c-.15.17-.35.38-.54.51l-.26.18H5v4.13h.02c.38.08.76.18 1.12.32.53.2.98.33 1.35.42.36.09.71.13 1.07.13h.88c.43 0 .68-.11.87-.29a.9.9 0 0 0 .26-.7l-.02-.37.22-.3c.17-.23.25-.5.2-.78l-.04-.33.17-.3a.97.97 0 0 0 .13-.48c0-.09 0-.13-.02-.15l-.15-.46.26-.4c.1-.15.13-.25.15-.33ZM3.5 10.8a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z\"})),shield:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M11.76 2.08a.5.5 0 0 1 .24.42v6a.5.5 0 0 1-.17.38l-4.5 3.99a.5.5 0 0 1-.67 0l-4.49-4A.5.5 0 0 1 2 8.5V2.5c0-.18.1-.34.24-.42l.01-.02a2.5 2.5 0 0 1 .3-.16c.22-.1.52-.24.92-.37C4.27 1.26 5.44 1 7 1c1.56 0 2.73.26 3.53.53a6.97 6.97 0 0 1 1.22.53l.01.02ZM3 2.79v5.49l1.07.94 6.59-6.58-.44-.17C9.52 2.24 8.44 2 7 2c-1.44 0-2.52.24-3.22.47-.35.12-.6.24-.78.32Zm4 9.04L4.82 9.9 11 3.71v4.57l-4 3.55Z\"})),basket:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M10.35 2.85a.5.5 0 1 0-.7-.7l-3 3a.5.5 0 1 0 .7.7l3-3Z\"}),React5__default.createElement(\"path\",{d:\"M2.09 6H4.5a.5.5 0 0 0 0-1H1.8a.75.75 0 0 0-.74.87l.8 4.88A1.5 1.5 0 0 0 3.36 12h7.3a1.5 1.5 0 0 0 1.48-1.25l.81-4.88A.75.75 0 0 0 12.2 5H10a.5.5 0 0 0 0 1h1.91l-.76 4.58a.5.5 0 0 1-.5.42h-7.3a.5.5 0 0 1-.5-.42L2.1 6Z\"}),React5__default.createElement(\"path\",{d:\"M4.5 7c.28 0 .5.22.5.5v2a.5.5 0 0 1-1 0v-2c0-.28.22-.5.5-.5ZM10 7.5a.5.5 0 0 0-1 0v2a.5.5 0 0 0 1 0v-2ZM6.5 9.5v-2a.5.5 0 0 1 1 0v2a.5.5 0 0 1-1 0Z\"})),beaker:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M4.5 2h.75v3.87l-3.03 5.26c-.48.83.12 1.87 1.08 1.87h7.4c.96 0 1.57-1.04 1.08-1.87L8.75 5.87V2h.75a.5.5 0 0 0 0-1h-5a.5.5 0 0 0 0 1Zm1.75 4V2h1.5v4.13l.07.12 1 1.75H5.18l1.01-1.75.07-.12V6ZM4.6 9l-1.52 2.63c-.1.16.03.37.22.37h7.4c.2 0 .31-.2.22-.37L9.4 9H4.6Z\"})),hourglass:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M7.5 10.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M3.5 1a.5.5 0 0 0-.5.5c0 1.06.14 1.9.68 2.97.34.7.86 1.5 1.6 2.53a16.53 16.53 0 0 0-1.8 2.96A6 6 0 0 0 3 12.49v.01a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5 6 6 0 0 0-.48-2.54c-.34-.8-.9-1.71-1.8-2.96a19.78 19.78 0 0 0 1.6-2.53c.54-1.08.68-1.9.68-2.97a.5.5 0 0 0-.5-.5h-7Zm6.49 11a4.68 4.68 0 0 0-.39-1.65c-.27-.65-.73-1.4-1.5-2.5a133 133 0 0 1-.75 1 .5.5 0 0 1-.56.1.5.5 0 0 1-.2-.16l-.7-.94a14.36 14.36 0 0 0-1.5 2.5A4.68 4.68 0 0 0 4.02 12H10ZM6.3 6.72l.7.94a90.06 90.06 0 0 0 .7-.96c.49-.67.87-1.22 1.17-1.7H5.13A32.67 32.67 0 0 0 6.3 6.72ZM4.56 4h4.88c.36-.73.5-1.31.55-2H4c.04.69.19 1.27.55 2Z\"})),flag:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M11.5 1h-9a.5.5 0 0 0-.5.5v11a.5.5 0 0 0 1 0V8h8.5a.5.5 0 0 0 .35-.85L9.21 4.5l2.64-2.65A.5.5 0 0 0 11.5 1ZM8.15 4.15 10.29 2H3v5h7.3L8.14 4.85a.5.5 0 0 1 0-.7Z\"})),cloudhollow:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M10 7V6a3 3 0 0 0-5.9-.74l-.18.68-.7.07A2.5 2.5 0 0 0 3.5 11h3.19l.07-.01h.08L7 11h4a2 2 0 1 0 0-4h-1ZM3.12 5.02A3.5 3.5 0 0 0 3.5 12H11a3 3 0 1 0 0-6 4 4 0 0 0-7.88-.98Z\"})),cloud:React5__default.createElement(\"path\",{d:\"M7 2a4 4 0 0 1 4 4 3 3 0 1 1 0 6H3.5a3.5 3.5 0 0 1-.38-6.98A4 4 0 0 1 7 2Z\"}),edit:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"m13.85 2.15-2-2a.5.5 0 0 0-.7 0l-1.5 1.5-9 9a.5.5 0 0 0-.14.26L0 13.39a.5.5 0 0 0 .14.46.5.5 0 0 0 .46.14l2.48-.5a.5.5 0 0 0 .27-.14l9-9 1.5-1.5a.5.5 0 0 0 0-.7ZM12 3.29l.8-.79-1.3-1.3-.8.8L12 3.3Zm-2-.58L1.7 11 3 12.3 11.3 4 10 2.7ZM1.14 12.86l.17-.85.68.68-.85.17Z\"})),cog:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M5.59 5.59a2 2 0 0 1 3.27 2.14.5.5 0 1 0 .93.37 3 3 0 1 0-1.7 1.7.5.5 0 1 0-.36-.94A2 2 0 0 1 5.6 5.6Z\",fill:\"#333\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M.94 6.53c.13.12.19.3.18.46 0 .17-.05.34-.18.47L0 8.39c.19.94.55 1.81 1.07 2.58h1.32c.18 0 .34.07.46.2.12.11.2.27.2.45v1.32c.76.51 1.62.88 2.55 1.06l.94-.94a.63.63 0 0 1 .45-.19h.03c.16 0 .33.07.45.19l.94.94a7.1 7.1 0 0 0 2.55-1.06v-1.33c0-.18.07-.35.2-.46.11-.12.27-.2.45-.2h1.33A7.1 7.1 0 0 0 14 8.4l-.95-.94a.64.64 0 0 1-.18-.47c0-.17.06-.34.18-.46l.95-.95a7.1 7.1 0 0 0-1.05-2.52h-1.34a.63.63 0 0 1-.46-.2.64.64 0 0 1-.2-.46V1.06A7.1 7.1 0 0 0 8.42 0l-.94.94a.63.63 0 0 1-.45.19H7a.63.63 0 0 1-.45-.19L5.6 0a7.1 7.1 0 0 0-2.56 1.06v1.33c0 .18-.07.34-.2.46a.63.63 0 0 1-.45.2H1.06A7.1 7.1 0 0 0 0 5.59l.94.94Zm.7 1.63c.33-.32.49-.75.48-1.17 0-.42-.15-.85-.47-1.17l-.54-.54c.12-.43.3-.85.51-1.23h.77c.46 0 .87-.2 1.17-.5.3-.29.48-.7.48-1.16v-.77c.4-.22.81-.39 1.25-.52l.54.55c.33.32.75.48 1.16.48h.03c.42 0 .84-.16 1.16-.48l.54-.54c.44.12.85.3 1.24.5v.8c0 .45.19.87.49 1.16.3.3.7.5 1.16.5h.78c.2.37.38.78.5 1.2l-.54.55c-.33.32-.49.75-.48 1.17 0 .42.15.85.48 1.17l.55.55c-.13.44-.3.85-.52 1.24h-.77c-.45 0-.87.2-1.16.5-.3.29-.5.7-.5 1.16v.77c-.38.21-.8.39-1.23.51l-.54-.54a1.64 1.64 0 0 0-1.16-.48H7c-.41 0-.83.16-1.16.48l-.54.55a6.1 6.1 0 0 1-1.25-.52v-.76c0-.45-.19-.87-.48-1.16-.3-.3-.71-.5-1.17-.5h-.76a6.1 6.1 0 0 1-.53-1.25l.55-.55Z\"})),nut:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M5.59 8.41a2 2 0 1 1 3.27-.68.5.5 0 1 0 .93.37 3 3 0 1 0-1.7 1.7.5.5 0 0 0-.36-.94 2 2 0 0 1-2.14-.45Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M6.5.29a1 1 0 0 1 1 0l5.06 2.92c.31.18.5.51.5.87v5.84a1 1 0 0 1-.5.87L7.5 13.7a1 1 0 0 1-1 0L1.44 10.8a1 1 0 0 1-.5-.87V4.08a1 1 0 0 1 .5-.87L6.5.3Zm.5.86 5.06 2.93v5.84L7 12.85 1.94 9.92V4.08L7 1.15Z\"})),wrench:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M10.5 1c.44 0 .56.52.25.83l-.8.81c-.2.2-.2.52 0 .72l.69.7c.2.2.52.2.72 0l.8-.81c.32-.31.84-.2.84.25a2.5 2.5 0 0 1-3.41 2.33L2.7 12.7a1 1 0 0 1-1.42-1.42l6.88-6.88A2.5 2.5 0 0 1 10.5 1ZM2 12.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z\"})),ellipsis:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M4 7a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM13 7a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM7 8.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z\"})),check:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M13.85 3.35a.5.5 0 0 0-.7-.7L5 10.79.85 6.65a.5.5 0 1 0-.7.7l4.5 4.5c.2.2.5.2.7 0l8.5-8.5Z\"})),form:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M2 1a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V6.4a.5.5 0 0 0-1 0V12H2V2h7.5a.5.5 0 0 0 0-1H2Z\"}),React5__default.createElement(\"path\",{d:\"m6.35 9.86 7.5-7.5a.5.5 0 0 0-.7-.71L6 8.8 3.85 6.65a.5.5 0 1 0-.7.7l2.5 2.5c.2.2.5.2.7 0Z\"})),batchdeny:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M11.5 2a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-2Zm-2.646.646a.5.5 0 0 1 0 .708L5.207 7l3.647 3.646a.5.5 0 0 1-.708.708L4.5 7.707.854 11.354a.5.5 0 0 1-.708-.708L3.793 7 .146 3.354a.5.5 0 1 1 .708-.708L4.5 6.293l3.646-3.647a.5.5 0 0 1 .708 0ZM11 7a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2A.5.5 0 0 1 11 7Zm.5 4a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-2Z\"})),batchaccept:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M11.5 2a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-2Zm-2.2.6a.5.5 0 0 1 .1.7l-5.995 7.993a.505.505 0 0 1-.37.206.5.5 0 0 1-.395-.152L.146 8.854a.5.5 0 1 1 .708-.708l2.092 2.093L8.6 2.7a.5.5 0 0 1 .7-.1ZM11 7a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2A.5.5 0 0 1 11 7Zm.5 4a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-2Z\"})),controls:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M10.5 1c.28 0 .5.22.5.5V2h1.5a.5.5 0 0 1 0 1H11v.5a.5.5 0 0 1-1 0V3H1.5a.5.5 0 0 1 0-1H10v-.5c0-.28.22-.5.5-.5ZM1.5 11a.5.5 0 0 0 0 1H10v.5a.5.5 0 0 0 1 0V12h1.5a.5.5 0 0 0 0-1H11v-.5a.5.5 0 0 0-1 0v.5H1.5ZM1 7c0-.28.22-.5.5-.5H3V6a.5.5 0 0 1 1 0v.5h8.5a.5.5 0 0 1 0 1H4V8a.5.5 0 0 1-1 0v-.5H1.5A.5.5 0 0 1 1 7Z\"})),plus:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M7.5.5a.5.5 0 0 0-1 0v6h-6a.5.5 0 0 0 0 1h6v6a.5.5 0 0 0 1 0v-6h6a.5.5 0 0 0 0-1h-6v-6Z\"})),closeAlt:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M2.03.97A.75.75 0 0 0 .97 2.03L5.94 7 .97 11.97a.75.75 0 1 0 1.06 1.06L7 8.06l4.97 4.97a.75.75 0 1 0 1.06-1.06L8.06 7l4.97-4.97A.75.75 0 0 0 11.97.97L7 5.94 2.03.97Z\"})),cross:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M1.85 1.15a.5.5 0 1 0-.7.7L6.29 7l-5.14 5.15a.5.5 0 0 0 .7.7L7 7.71l5.15 5.14a.5.5 0 0 0 .7-.7L7.71 7l5.14-5.15a.5.5 0 0 0-.7-.7L7 6.29 1.85 1.15Z\"})),trash:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M5.5 4.5c.28 0 .5.22.5.5v5a.5.5 0 0 1-1 0V5c0-.28.22-.5.5-.5ZM9 5a.5.5 0 0 0-1 0v5a.5.5 0 0 0 1 0V5Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M4.5.5c0-.28.22-.5.5-.5h4c.28 0 .5.22.5.5V2h3a.5.5 0 0 1 0 1H12v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V3h-.5a.5.5 0 0 1 0-1h3V.5ZM3 3v8a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V3H3Zm2.5-2h3v1h-3V1Z\"})),pinalt:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M13.44 4.44 9.56.56a1.5 1.5 0 0 0-2.12 0L7 1a1.41 1.41 0 0 0 0 2L5 5H3.66A4 4 0 0 0 .83 6.17l-.48.48a.5.5 0 0 0 0 .7l2.8 2.8-3 3a.5.5 0 0 0 .7.7l3-3 2.8 2.8c.2.2.5.2.7 0l.48-.48A4 4 0 0 0 9 10.34V9l2-2c.55.55 1.45.55 2 0l.44-.44a1.5 1.5 0 0 0 0-2.12ZM11 5.59l-3 3v1.75a3 3 0 0 1-.88 2.12L7 12.6 1.41 7l.13-.12A3 3 0 0 1 3.66 6H5.4l3-3-.7-.7a.41.41 0 0 1 0-.6l.44-.43c.2-.2.5-.2.7 0l3.88 3.88c.2.2.2.5 0 .7l-.44.44a.41.41 0 0 1-.58 0L11 5.6Z\"})),unpin:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M13.44 4.44 9.56.56a1.5 1.5 0 0 0-2.12 0L7 1a1.41 1.41 0 0 0 0 2L5.7 4.3l.71.7 2-2-.7-.7a.41.41 0 0 1 0-.6l.44-.43c.2-.2.5-.2.7 0l3.88 3.88c.2.2.2.5 0 .7l-.44.44a.41.41 0 0 1-.58 0L11 5.6l-2 2 .7.7L11 7c.55.55 1.45.55 2 0l.44-.44a1.5 1.5 0 0 0 0-2.12ZM.83 6.17A4 4 0 0 1 3.59 5l1 1h-.93a3 3 0 0 0-2.12.88L1.4 7 7 12.59l.12-.13A3 3 0 0 0 8 10.34v-.93l1 1a4 4 0 0 1-1.17 2.76l-.48.48a.5.5 0 0 1-.7 0l-2.8-2.8-3 3a.5.5 0 0 1-.7-.7l3-3-2.8-2.8a.5.5 0 0 1 0-.7l.48-.48Zm1.02-5.02a.5.5 0 1 0-.7.7l11 11a.5.5 0 0 0 .7-.7l-11-11Z\"})),add:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M7 3c.28 0 .5.22.5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3c0-.28.22-.5.5-.5Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14Zm0-1A6 6 0 1 0 7 1a6 6 0 0 0 0 12Z\"})),subtract:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M3.5 6.5a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1h-7Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Zm-1 0A6 6 0 1 1 1 7a6 6 0 0 1 12 0Z\"})),close:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M9.85 4.15c.2.2.2.5 0 .7L7.71 7l2.14 2.15a.5.5 0 0 1-.7.7L7 7.71 4.85 9.85a.5.5 0 0 1-.7-.7L6.29 7 4.15 4.85a.5.5 0 1 1 .7-.7L7 6.29l2.15-2.14c.2-.2.5-.2.7 0Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14Zm0-1A6 6 0 1 0 7 1a6 6 0 0 0 0 12Z\"})),delete:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Zm-1 0a6 6 0 0 1-9.87 4.58l8.45-8.45A5.98 5.98 0 0 1 13 7ZM2.42 10.87l8.45-8.45a6 6 0 0 0-8.46 8.46Z\"})),passed:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14Zm3.85-9.35c.2.2.2.5 0 .7l-4.5 4.5a.5.5 0 0 1-.7 0l-2.5-2.5a.5.5 0 1 1 .7-.7L6 8.79l4.15-4.14c.2-.2.5-.2.7 0Z\"})),changed:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14ZM3.5 6.5a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1h-7Z\"})),failed:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14Zm2.85-9.85c.2.2.2.5 0 .7L7.71 7l2.14 2.15a.5.5 0 0 1-.7.7L7 7.71 4.85 9.85a.5.5 0 0 1-.7-.7L6.29 7 4.15 4.85a.5.5 0 1 1 .7-.7L7 6.29l2.15-2.14c.2-.2.5-.2.7 0Z\"})),clear:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M5 2h7a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H5a2 2 0 0 1-1.41-.59l-3-3a2 2 0 0 1 0-2.82l3-3A2 2 0 0 1 5 2Zm1.15 3.15c.2-.2.5-.2.7 0L8 6.29l1.15-1.14a.5.5 0 1 1 .7.7L8.71 7l1.14 1.15a.5.5 0 0 1-.7.7L8 7.71 6.85 8.85a.5.5 0 1 1-.7-.7L7.29 7 6.15 5.85a.5.5 0 0 1 0-.7Z\"})),comment:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M3.5 5a.5.5 0 1 0 0 1h7a.5.5 0 0 0 0-1h-7ZM3 8.5c0-.27.22-.5.5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M12.5 12H5.7l-1.85 1.86a.5.5 0 0 1-.35.14.5.5 0 0 1-.5-.5V12H1.5a.5.5 0 0 1-.5-.5v-9c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5v9a.5.5 0 0 1-.5.5ZM2 11V3h10v8H2Z\"})),commentadd:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M7.5 5a.5.5 0 1 0-1 0v1.5H5a.5.5 0 1 0 0 1h1.5V9a.5.5 0 0 0 1 0V7.5H9a.5.5 0 0 0 0-1H7.5V5Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M3.7 13.97a.5.5 0 0 1-.7-.46V12H1.5a.5.5 0 0 1-.5-.5v-9c0-.28.22-.5.5-.5h11c.28 0 .5.22.5.5v9a.5.5 0 0 1-.5.5H5.7l-1.85 1.85a.5.5 0 0 1-.16.1ZM2 3v8h10V3H2Z\"})),requestchange:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M9.85 6.65c.2.2.2.51 0 .7l-2 2a.5.5 0 1 1-.7-.7L8.3 7.5H4.5a.5.5 0 0 1 0-1h3.79L7.15 5.36a.5.5 0 1 1 .7-.71l2 2Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M3.7 13.97a.5.5 0 0 1-.7-.46V12H1.5a.5.5 0 0 1-.5-.5v-9c0-.28.22-.5.5-.5h11c.28 0 .5.22.5.5v9a.5.5 0 0 1-.5.5H5.7l-1.85 1.85a.5.5 0 0 1-.16.1ZM2 3v8h10V3H2Z\"})),comments:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M8.5 7a.5.5 0 0 0 0-1h-5a.5.5 0 1 0 0 1h5ZM9 8.5a.5.5 0 0 1-.5.5h-5a.5.5 0 0 1 0-1h5c.28 0 .5.23.5.5Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M12 11.5V10h1.5a.5.5 0 0 0 .5-.5v-8a.5.5 0 0 0-.5-.5h-11a.5.5 0 0 0-.5.5V3H.5a.5.5 0 0 0-.5.5v8c0 .28.22.5.5.5H2v1.5a.5.5 0 0 0 .5.5.5.5 0 0 0 .35-.14L4.71 12h6.79a.5.5 0 0 0 .5-.5ZM3 3V2h10v7h-1V3.5a.5.5 0 0 0-.5-.5H3Zm-2 8V4h10v7H1Z\"})),lock:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M8 8a1 1 0 0 1-.5.87v1.63a.5.5 0 0 1-1 0V8.87A1 1 0 1 1 8 8Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M3 4a4 4 0 1 1 8 0v1h1.5c.28 0 .5.23.5.5v8a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-8c0-.27.22-.5.5-.5H3V4Zm7 1V4a3 3 0 1 0-6 0v1h6Zm2 1H2v7h10V6Z\"})),unlock:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M6.5 8.87a1 1 0 1 1 1 0v1.63a.5.5 0 0 1-1 0V8.87Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",clipRule:\"evenodd\",d:\"M7 1a3 3 0 0 0-3 3v1h8.5c.28 0 .5.23.5.5v8a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-8c0-.27.22-.5.5-.5H3V4a4 4 0 0 1 7.76-1.38.5.5 0 0 1-.94.34A3 3 0 0 0 7 1ZM2 6h10v7H2V6Z\"})),key:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M11 4a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M7.5 8.53v.97a.5.5 0 0 1-.5.5H5.5v1.5a.5.5 0 0 1-.5.5H3.5v1.5a.5.5 0 0 1-.5.5H.5a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 1 .15-.36l5.12-5.11a4.5 4.5 0 1 1 2.23 2.5ZM6 4.5a3.5 3.5 0 1 1 1.5 2.87c-.29-.2-1-.37-1 .48V9H5a.5.5 0 0 0-.5.5V11H3a.5.5 0 0 0-.5.5V13H1v-1.3l5.2-5.19c.15-.16.18-.4.1-.6A3.47 3.47 0 0 1 6 4.5Z\"})),outbox:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M7.35.15a.5.5 0 0 0-.7 0l-2 2a.5.5 0 1 0 .7.7L6.5 1.72v6.8a.5.5 0 0 0 1 0V1.7l1.15 1.15a.5.5 0 1 0 .7-.71l-2-2Z\"}),React5__default.createElement(\"path\",{d:\"M2 7.5a.5.5 0 1 0-1 0v5c0 .28.22.5.5.5h11a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-1 0V12H2V7.5Z\"})),credit:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M2.5 8a.5.5 0 1 0 0 1h3a.5.5 0 0 0 0-1h-3Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M0 11.5c0 .28.22.5.5.5h13a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5H.5a.5.5 0 0 0-.5.5v9ZM1 3v1h12V3H1Zm0 8h12V6H1v5Z\"})),button:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M1 3a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h3.5a.5.5 0 1 0 0-1H1V4h12v5h-1a.5.5 0 0 0 0 1h1a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1H1Z\"}),React5__default.createElement(\"path\",{d:\"M6.45 7a.5.5 0 0 1 .3.08l3.48 2.02a.5.5 0 0 1 0 .87l-1.08.62.75 1.3a.75.75 0 0 1-1.3.75l-.75-1.3-1.07.62a.5.5 0 0 1-.67-.13.5.5 0 0 1-.1-.3L6 7.5a.5.5 0 0 1 .45-.5Z\"})),type:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M4 1.5c0-.27.22-.5.5-.5h5a.5.5 0 1 1 0 1h-2v10h2a.5.5 0 0 1 0 1h-5a.5.5 0 0 1 0-1h2V2h-2a.5.5 0 0 1-.5-.5Z\"}),React5__default.createElement(\"path\",{d:\"M0 4.5c0-.27.22-.5.5-.5h4a.5.5 0 1 1 0 1H1v4h3.5a.5.5 0 1 1 0 1h-4a.5.5 0 0 1-.5-.5v-5ZM9.5 4a.5.5 0 1 0 0 1H13v4H9.5a.5.5 0 1 0 0 1h4a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-.5-.5h-4Z\"})),pointerdefault:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M5.94 12.46c.11 0 .2-.06.25-.15l1.58-3.16 2.54 2.54c.04.05.1.07.19.07a.3.3 0 0 0 .2-.07l.8-.8a.27.27 0 0 0 0-.38L8.9 7.9l3.4-1.7c.06-.03.1-.07.12-.11a.22.22 0 0 0 .04-.14.33.33 0 0 0-.06-.16.17.17 0 0 0-.09-.07h-.02L1.91 1.55a.27.27 0 0 0-.35.36l4.15 10.37c.04.09.12.16.23.17Zm-.03 1h-.02a1.28 1.28 0 0 1-1.1-.8L.62 2.29A1.27 1.27 0 0 1 2.3.63l10.35 4.15c.52.18.79.65.81 1.11.04.53-.27.98-.7 1.2l-2.17 1.08L12.2 9.8c.5.5.5 1.3 0 1.8l-.8.8v.01c-.5.46-1.3.48-1.8-.01l-1.56-1.56-.95 1.92c-.23.45-.68.7-1.15.7h-.03Z\"})),pointerhand:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M11.87 6v-.02c-.03-.27-.23-.48-.47-.5a.5.5 0 0 0-.53.5v1.41c0 .25-.22.47-.47.47a.48.48 0 0 1-.47-.47V5.17a.6.6 0 0 0 0-.05c-.02-.27-.23-.5-.47-.5a.5.5 0 0 0-.52.5v1.65l-.01.1a.49.49 0 0 1-.46.37.48.48 0 0 1-.47-.47V4.62a.6.6 0 0 0 0-.05c-.03-.27-.23-.48-.47-.5a.5.5 0 0 0-.53.5v2.2c0 .25-.22.47-.47.47a.49.49 0 0 1-.47-.47V1.75c-.02-.27-.22-.5-.47-.5a.5.5 0 0 0-.52.5v6.78c0 .25-.22.47-.47.47a.48.48 0 0 1-.47-.47v-.26a.78.78 0 0 0-.06-.31.65.65 0 0 0-.16-.22l-.2-.19A6.37 6.37 0 0 0 3.06 7h-.02c-.43-.34-.62-.25-.69-.2-.26.14-.29.5-.13.74l1.73 2.6v.01h-.01l-.04.02.05-.02s1.21 2.6 3.57 2.6c3.54 0 4.2-1.9 4.31-4.42.04-.6.04-1.19.03-1.78V6Zm.97 2.38c-.06 1.29-.26 2.67-1.08 3.72-.88 1.12-2.29 1.65-4.23 1.65a4.64 4.64 0 0 1-3.4-1.62 6.96 6.96 0 0 1-1.05-1.5v-.02L1.4 8.1A1.6 1.6 0 0 1 1.15 7c.05-.38.26-.8.69-1.04.2-.13.48-.23.85-.19.36.05.68.22.98.45.14.1.27.22.4.33v-4.8A1.5 1.5 0 0 1 5.63.25c.93.04 1.43.86 1.43 1.55v1.33c.17-.05.35-.07.53-.06h.02c.5.04.91.33 1.15.71a1.5 1.5 0 0 1 .74-.16c.66.03 1.12.46 1.32.97a1.5 1.5 0 0 1 .64-.1h.02c.85.06 1.39.8 1.39 1.55v.48c0 .6 0 1.24-.03 1.86Z\"})),browser:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M.5 13a.5.5 0 0 1-.5-.5v-11c0-.27.22-.5.5-.5h13c.28 0 .5.23.5.5v11a.5.5 0 0 1-.5.5H.5Zm.5-1V4h12v8H1Zm1-9.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm2 0a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm2 0a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z\"})),tablet:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M3.5 0C2.67 0 2 .68 2 1.5v11c0 .83.67 1.5 1.5 1.5h7c.83 0 1.5-.67 1.5-1.5v-11c0-.82-.67-1.5-1.5-1.5h-7Zm0 1h7c.28 0 .5.23.5.5V11H3V1.5c0-.27.22-.5.5-.5ZM6 12a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1H6Z\"})),mobile:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M3 1.5C3 .68 3.67 0 4.5 0h5c.83 0 1.5.68 1.5 1.5v11c0 .83-.67 1.5-1.5 1.5h-5A1.5 1.5 0 0 1 3 12.5v-11ZM4 12V2h6v10H4Z\"})),watch:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{key:\"watch\",fillRule:\"evenodd\",d:\"M4 .5c0-.27.22-.5.5-.5h5a.5.5 0 0 1 0 1h-5A.5.5 0 0 1 4 .5ZM9.5 3h-5a.5.5 0 0 0-.5.5v7c0 .28.22.5.5.5h5a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.5-.5Zm-5-1C3.67 2 3 2.68 3 3.5v7c0 .83.67 1.5 1.5 1.5h5c.83 0 1.5-.67 1.5-1.5v-7c0-.82-.67-1.5-1.5-1.5h-5ZM7 4c.28 0 .5.23.5.5v2h1a.5.5 0 1 1 0 1H7a.5.5 0 0 1-.5-.5V4.5c0-.27.22-.5.5-.5Zm-2.5 9a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5Z\"})),sidebar:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M2.5 4.5c0-.27.22-.5.5-.5h1a.5.5 0 1 1 0 1H3a.5.5 0 0 1-.5-.5ZM3 6a.5.5 0 1 0 0 1h1a.5.5 0 0 0 0-1H3Zm-.5 2.5c0-.27.22-.5.5-.5h1a.5.5 0 1 1 0 1H3a.5.5 0 0 1-.5-.5Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M1.5 13a.5.5 0 0 1-.5-.5v-11c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5v11a.5.5 0 0 1-.5.5h-11Zm.5-1V2h3v10H2ZM6 2h6v10H6V2Z\"})),sidebaralt:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M9.5 4.5c0-.27.22-.5.5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5ZM10 6a.5.5 0 1 0 0 1h1a.5.5 0 0 0 0-1h-1Zm-.5 2.5c0-.27.22-.5.5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M1.5 13a.5.5 0 0 1-.5-.5v-11c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5v11a.5.5 0 0 1-.5.5h-11Zm.5-1V2h6v10H2ZM9 2h3v10H9V2Z\"})),sidebaralttoggle:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M11.5 4.5A.5.5 0 0 0 11 4h-1a.5.5 0 1 0 0 1h1a.5.5 0 0 0 .5-.5ZM11 6a.5.5 0 0 1 0 1h-1a.5.5 0 0 1 0-1h1Zm.5 2.5A.5.5 0 0 0 11 8h-1a.5.5 0 1 0 0 1h1a.5.5 0 0 0 .5-.5Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M1.5 13a.5.5 0 0 1-.5-.5v-11c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5v11a.5.5 0 0 1-.5.5h-11ZM9 12h3V2H9v10Zm-1 0H2V2h6v4.5H5.2l.66-.65a.5.5 0 1 0-.71-.7l-1.5 1.5a.5.5 0 0 0 0 .7l1.5 1.5a.5.5 0 1 0 .7-.7l-.64-.65H8V12Z\"})),sidebartoggle:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M2.5 4.5c0-.27.22-.5.5-.5h1a.5.5 0 1 1 0 1H3a.5.5 0 0 1-.5-.5ZM3 6a.5.5 0 1 0 0 1h1a.5.5 0 0 0 0-1H3Zm-.5 2.5c0-.27.22-.5.5-.5h1a.5.5 0 1 1 0 1H3a.5.5 0 0 1-.5-.5Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M1.5 13a.5.5 0 0 1-.5-.5v-11c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5v11a.5.5 0 0 1-.5.5h-11Zm.5-1V2h3v10H2Zm4 0V7.5h2.8l-.65.65a.5.5 0 1 0 .7.7l1.5-1.5a.5.5 0 0 0 0-.7l-1.5-1.5a.5.5 0 1 0-.7.7l.64.65H6V2h6v10H6Z\"})),bottombar:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M3 10.5c0-.27.22-.5.5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5Zm3.5-.5a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1Zm2.5.5c0-.27.22-.5.5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M1 1.5c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5v11a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11ZM2 8V2h10v6H2Zm10 1v3H2V9h10Z\"})),bottombartoggle:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M3.5 10a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1Zm2.5.5c0-.27.22-.5.5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5Zm3.5-.5a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M1 12.5v-11c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5v11a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5Zm1-.5V9h10v3H2Zm4.5-4H2V2h10v6H7.5V5.21l.65.65a.5.5 0 1 0 .7-.71l-1.5-1.5a.5.5 0 0 0-.7 0l-1.5 1.5a.5.5 0 1 0 .7.7l.65-.64v2.8Z\"})),cpu:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M5 5.5c0-.27.22-.5.5-.5h3c.28 0 .5.23.5.5v3a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-3ZM6 8V6h2v2H6Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M5.5 0c.28 0 .5.23.5.5V2h2V.5a.5.5 0 0 1 1 0V2h2.5c.28 0 .5.23.5.5V5h1.5a.5.5 0 0 1 0 1H12v2h1.5a.5.5 0 0 1 0 1H12v2.5a.5.5 0 0 1-.5.5H9v1.5a.5.5 0 0 1-1 0V12H6v1.5a.5.5 0 0 1-1 0V12H2.5a.5.5 0 0 1-.5-.5V9H.5a.5.5 0 0 1 0-1H2V6H.5a.5.5 0 0 1 0-1H2V2.5c0-.27.22-.5.5-.5H5V.5c0-.27.22-.5.5-.5ZM11 3H3v8h8V3Z\"})),database:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M12 3c0-1.1-2.24-2-5-2s-5 .9-5 2v8c0 .43.26.75.54.98.3.23.68.41 1.12.55.88.3 2.06.47 3.34.47 1.28 0 2.46-.17 3.34-.46.44-.15.83-.33 1.12-.56.28-.23.54-.55.54-.98V3Zm-1.03 0a2.45 2.45 0 0 0-.8-.49A8.88 8.88 0 0 0 7 2c-1.29 0-2.4.21-3.16.51a2.45 2.45 0 0 0-.81.49l.05.05c.13.13.37.28.76.44C4.6 3.79 5.7 4 7 4s2.4-.21 3.16-.51a2.45 2.45 0 0 0 .81-.49ZM11 5.75V4.2A8.9 8.9 0 0 1 7 5a8.98 8.98 0 0 1-4-.8v1.55l.02.04c.02.04.06.09.14.15.17.13.44.27.82.4A10 10 0 0 0 7 6.75a10 10 0 0 0 3.02-.41c.38-.13.65-.27.82-.4a.62.62 0 0 0 .14-.15.15.15 0 0 0 .02-.03v-.01ZM3 7.01c.2.1.42.2.66.28.88.29 2.06.46 3.34.46 1.28 0 2.46-.17 3.34-.46.24-.08.46-.17.66-.28V8.5l-.02.04a.62.62 0 0 1-.14.15c-.17.13-.44.27-.82.4A10 10 0 0 1 7 9.5a10 10 0 0 1-3.02-.41 2.76 2.76 0 0 1-.82-.4.62.62 0 0 1-.14-.15.15.15 0 0 1-.02-.03V7Zm0 2.75V11l.02.04c.02.04.06.09.14.15.17.13.44.27.82.4A10 10 0 0 0 7 12a10 10 0 0 0 3.02-.41c.38-.13.65-.27.82-.4a.62.62 0 0 0 .14-.15.15.15 0 0 0 .02-.03V9.76c-.2.1-.42.2-.66.28-.88.29-2.06.46-3.34.46-1.28 0-2.46-.17-3.34-.46A4.77 4.77 0 0 1 3 9.76Z\"})),memory:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M5 3a.5.5 0 0 0-1 0v3a.5.5 0 0 0 1 0V3Zm2-.5c.28 0 .5.22.5.5v3a.5.5 0 0 1-1 0V3c0-.28.22-.5.5-.5Zm3 2a.5.5 0 1 0-1 0V6a.5.5 0 0 0 1 0V4.5Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M12 3.54a.5.5 0 0 0-.15-.39l-3-3a.5.5 0 0 0-.38-.14H2.5a.5.5 0 0 0-.5.5v13c0 .27.22.5.5.5h9a.5.5 0 0 0 .5-.5V3.53ZM3 1h5.3L11 3.71v5.3H3V1Zm0 9v3h8v-3H3Z\"})),structure:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M8.16 3.45a1.5 1.5 0 1 0-2.33 0l-4.02 6.58A1.5 1.5 0 1 0 2.91 12h8.18a1.5 1.5 0 1 0 1.1-1.97L8.16 3.45Zm-1.47.52a1.5 1.5 0 0 0 .62 0l4.03 6.58c-.11.14-.2.29-.25.45H2.9a1.5 1.5 0 0 0-.25-.45L6.7 3.97Z\"})),box:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"m7.21.05 6.49 2.99a.5.5 0 0 1 .3.47v6.98a.5.5 0 0 1-.3.47l-6.47 2.98a.5.5 0 0 1-.46 0L.3 10.96a.5.5 0 0 1-.3-.47V3.5a.5.5 0 0 1 .3-.47L6.79.05a.5.5 0 0 1 .43 0ZM1 4.28v5.9l5.5 2.54v-5.9L1 4.28Zm6.5 8.44 5.5-2.54v-5.9L7.5 6.82v5.9Zm4.8-9.22L7 5.95 1.7 3.5 7 1.05l5.3 2.45Z\"})),power:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M7.5.5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0v-6Z\"}),React5__default.createElement(\"path\",{d:\"M4.27 2.8a.5.5 0 0 0-.54-.83 6 6 0 1 0 6.54 0 .5.5 0 0 0-.54.84 5 5 0 1 1-5.46 0Z\"})),photo:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M6.25 4.25a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Zm-.5 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M13 1.5v11a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5ZM2 9.3V2h10v5.3L9.85 5.15a.5.5 0 0 0-.7 0L6.5 7.8 5.35 6.65a.5.5 0 0 0-.7 0L2 9.3Zm7.5-3.1L12 8.7V12H2v-1.3l3-3 3.15 3.15a.5.5 0 0 0 .7-.71L7.21 8.5 9.5 6.21Z\"})),component:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M3.5 1A2.5 2.5 0 0 0 1 3.5v7A2.5 2.5 0 0 0 3.5 13h7a2.5 2.5 0 0 0 2.5-2.5v-7A2.5 2.5 0 0 0 10.5 1h-7ZM12 6.5H7.5V2h3c.83 0 1.5.68 1.5 1.5v3Zm0 1v3c0 .83-.67 1.5-1.5 1.5h-3V7.5H12ZM6.5 12V7.5H2v3c0 .83.67 1.5 1.5 1.5h3ZM2 6.5h4.5V2h-3C2.67 2 2 2.68 2 3.5v3Z\"})),grid:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M1 1.5c0-.27.22-.5.5-.5H6c.28 0 .5.23.5.5V6a.5.5 0 0 1-.5.5H1.5A.5.5 0 0 1 1 6V1.5Zm1 4V2h3.5v3.5H2Zm5.5-4c0-.27.22-.5.5-.5h4.5c.28 0 .5.23.5.5V6a.5.5 0 0 1-.5.5H8a.5.5 0 0 1-.5-.5V1.5Zm1 4V2H12v3.5H8.5Zm-7 2A.5.5 0 0 0 1 8v4.5c0 .28.22.5.5.5H6a.5.5 0 0 0 .5-.5V8a.5.5 0 0 0-.5-.5H1.5Zm.5 1V12h3.5V8.5H2ZM7.5 8c0-.27.22-.5.5-.5h4.5c.28 0 .5.23.5.5v4.5a.5.5 0 0 1-.5.5H8a.5.5 0 0 1-.5-.5V8Zm1 4V8.5H12V12H8.5Z\"})),outline:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M2 2v2H1V1.5c0-.27.22-.5.5-.5H4v1H2ZM1 9V5h1v4H1Zm0 1v2.5c0 .28.22.5.5.5H4v-1H2v-2H1Zm9 3h2.5a.5.5 0 0 0 .5-.5V10h-1v2h-2v1Zm2-9h1V1.5a.5.5 0 0 0-.5-.5H10v1h2v2Zm-3 8v1H5v-1h4ZM9 1v1H5V1h4Zm4 8h-1V5h1v4ZM7 8a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z\"})),photodrag:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M8.25 3.25a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Zm-.5 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M14 7V.5a.5.5 0 0 0-.5-.5h-10a.5.5 0 0 0-.5.5V3H.5a.5.5 0 0 0-.5.5V6h1V4h2v6.5c0 .28.22.5.5.5H10v2H8v1h2.5a.5.5 0 0 0 .5-.5V11h2.5a.5.5 0 0 0 .5-.5V7ZM4 1v5.8l1.65-1.65c.2-.2.5-.2.7 0L7.5 6.3l2.65-2.65c.2-.2.5-.2.7 0L13 5.8V1H4Zm9 6.21-2.5-2.5-2.3 2.3 1.15 1.14a.5.5 0 1 1-.7.7L6 6.22l-2 2v1.8h9V7.2Z\"}),React5__default.createElement(\"path\",{d:\"M0 10V7h1v3H0Zm0 3.5V11h1v2h2v1H.5a.5.5 0 0 1-.5-.5Zm7 .5H4v-1h3v1Z\"})),search:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M9.54 10.2a5.5 5.5 0 1 1 .66-.66c.06.03.11.06.15.1l3 3a.5.5 0 0 1-.7.71l-3-3a.5.5 0 0 1-.1-.14ZM10.5 6a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Z\"})),zoom:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M6 3.5c.28 0 .5.22.5.5v1.5H8a.5.5 0 0 1 0 1H6.5V8a.5.5 0 0 1-1 0V6.5H4a.5.5 0 0 1 0-1h1.5V4c0-.28.22-.5.5-.5Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M9.54 10.2a5.5 5.5 0 1 1 .66-.66c.06.03.11.06.15.1l3 3a.5.5 0 0 1-.7.71l-3-3a.5.5 0 0 1-.1-.14ZM10.5 6a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Z\"})),zoomout:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M4 5.5a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1H4Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M6 11.5c1.35 0 2.59-.49 3.54-1.3.03.06.06.11.1.15l3 3a.5.5 0 0 0 .71-.7l-3-3a.5.5 0 0 0-.14-.1A5.5 5.5 0 1 0 6 11.5Zm0-1a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9Z\"})),zoomreset:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M1.5 2.84V1.5a.5.5 0 0 0-1 0V4c0 .28.22.5.5.5h2.5a.5.5 0 0 0 0-1H2.26a4.5 4.5 0 1 1-.5 4.02.5.5 0 1 0-.94.33 5.5 5.5 0 0 0 8.72 2.36l.1.14 3 3a.5.5 0 0 0 .71-.7l-3-3a.5.5 0 0 0-.14-.1 5.5 5.5 0 1 0-8.7-6.7Z\"})),eye:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M7 9.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"m14 7-.2.3c-.13.16-3.06 4.2-6.8 4.2C3.26 11.5.33 7.46.2 7.3L0 7l.2-.3C.34 6.55 3.27 2.5 7 2.5c3.74 0 6.67 4.04 6.8 4.2l.2.3ZM2.9 5.3A13 13 0 0 0 1.24 7 13 13 0 0 0 2.9 8.7c1.14.97 2.58 1.8 4.1 1.8 1.52 0 2.96-.83 4.1-1.8A13 13 0 0 0 12.76 7a13 13 0 0 0-1.66-1.7C9.96 4.33 8.52 3.5 7 3.5c-1.52 0-2.96.83-4.1 1.8Z\"})),eyeclose:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M1.85 1.15a.5.5 0 1 0-.7.7l11 11a.5.5 0 0 0 .7-.7l-11-11ZM11.1 8.7c-.17.15-.36.3-.55.44l.72.71a13.25 13.25 0 0 0 2.52-2.56L14 7l-.2-.3c-.13-.16-3.06-4.2-6.8-4.2-.89 0-1.73.23-2.5.58l.76.76A4.86 4.86 0 0 1 7 3.5c1.52 0 2.96.83 4.1 1.8A13 13 0 0 1 12.76 7a13 13 0 0 1-1.66 1.7ZM.2 6.7c.08-.09 1.04-1.41 2.53-2.55l.72.71c-.2.14-.38.3-.55.44A13 13 0 0 0 1.24 7 13 13 0 0 0 2.9 8.7c1.14.97 2.58 1.8 4.1 1.8.6 0 1.18-.13 1.74-.34l.77.76c-.78.35-1.62.58-2.51.58C3.26 11.5.33 7.46.2 7.3L0 7l.2-.3Z\"}),React5__default.createElement(\"path\",{d:\"M4.5 7c0-.32.06-.63.17-.91l3.24 3.24A2.5 2.5 0 0 1 4.5 7Zm4.83.91L6.09 4.67a2.5 2.5 0 0 1 3.24 3.24Z\"})),lightning:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M2.52 6.6a.57.57 0 0 0-.17.54c.04.2.19.37.38.41l2.78.73-1.5 5c-.06.24.02.5.22.63a.5.5 0 0 0 .28.09.5.5 0 0 0 .35-.14L11.5 7.4c.14-.13.2-.34.15-.54a.53.53 0 0 0-.38-.4l-2.7-.7L10.79.78c.1-.23.04-.5-.15-.66a.5.5 0 0 0-.65 0L2.52 6.6Zm7.72.63-3.07-.8 1.85-4.14-5.2 4.51 2.94.77-1.27 4.28 4.75-4.62Zm-5.73 6.2.04.02Z\"})),lightningoff:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M10.14 8.72 11.5 7.4c.14-.13.2-.34.15-.54a.53.53 0 0 0-.38-.4l-2.7-.7L10.79.78c.1-.23.04-.5-.15-.66a.5.5 0 0 0-.65 0L5.46 4.05l.71.7L9.02 2.3 7.38 5.97l.7.7 2.16.56-.8.79.7.7ZM2.52 6.6a.57.57 0 0 0-.17.54c.04.2.19.37.38.41l2.78.73-1.5 5c-.06.24.02.5.22.63a.5.5 0 0 0 .63-.05l3.84-3.74-.7-.7-2.51 2.43 1.13-3.81-.68-.69L3.8 6.8l.85-.73-.71-.7L2.52 6.6Zm-.67-5.45a.5.5 0 1 0-.7.7l11 11a.5.5 0 0 0 .7-.7l-11-11Z\"})),contrast:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M3 3H.5a.5.5 0 0 0-.5.5v10c0 .28.22.5.5.5h10a.5.5 0 0 0 .5-.5V11h2.5a.5.5 0 0 0 .5-.5V.5a.5.5 0 0 0-.5-.5h-10a.5.5 0 0 0-.5.5V3Zm1 1v2.3L6.3 4H4ZM3 4v6.5a.5.5 0 0 0 .5.5H10v2H1V4h2Zm1-1h6.5a.5.5 0 0 1 .5.5V10h2V1H4v2Zm6 7V7.71l-2.3 2.3H10Zm0-3.7V4.7L4.7 10h1.6L10 6.3ZM9.3 4H7.7L4 7.71V9.3L9.3 4Z\"})),switchalt:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M3 3V.5c0-.27.22-.5.5-.5h10c.28 0 .5.23.5.5v10a.5.5 0 0 1-.5.5H11v2.5a.5.5 0 0 1-.5.5H.5a.5.5 0 0 1-.5-.5v-10c0-.27.22-.5.5-.5H3Zm1 0V1h9v9h-2V3.5a.5.5 0 0 0-.5-.5H4Zm6 8v2H1V4h2v6.5c0 .28.22.5.5.5H10Zm0-1H4V4h6v6Z\"})),mirror:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M1 1.5c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5v11a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11ZM2 12h10V2L2 12Z\"})),grow:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M1.5 1a.5.5 0 1 0 0 1H12v10.5a.5.5 0 0 0 1 0V2a1 1 0 0 0-1-1H1.5Z\"}),React5__default.createElement(\"path\",{d:\"M1 3.5c0-.27.22-.5.5-.5H10a1 1 0 0 1 1 1v8.5a.5.5 0 0 1-1 0V4H1.5a.5.5 0 0 1-.5-.5Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M1.5 5a.5.5 0 0 0-.5.5v7c0 .28.22.5.5.5h7a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.5-.5h-7ZM2 6v6h6V6H2Z\"})),paintbrush:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M11.8535.1464a.5.5 0 0 0-.7071 0L2.9827 8.3102a2.2396 2.2396 0 0 0-1.0737.599C.6772 10.141.2402 11.903.0852 12.9978 0 13.5998 0 14.0002 0 14.0002s.4004 0 1.0023-.0853c1.095-.155 2.8569-.5919 4.0887-1.8237.307-.307.5067-.6806.5992-1.0743l8.1633-8.1633a.5.5 0 0 0 0-.7071l-2-2Zm-6.253 9.546L6.543 8.75l-1.293-1.2929-.9424.9424a2.242 2.242 0 0 1 .7835.5097c.23.2302.4.4977.5095.7831ZM7.25 8.0428 12.7929 2.5 11.5 1.2071 5.957 6.75 7.25 8.0429ZM4.3839 9.6163c.4881.4882.4881 1.2796 0 1.7678-.7665.7664-1.832 1.1845-2.7791 1.403a8.6972 8.6972 0 0 1-.49.0982 8.7151 8.7151 0 0 1 .0982-.4899c.2186-.9471.6367-2.0126 1.403-2.779.4882-.4882 1.2797-.4882 1.7679 0Z\"})),ruler:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M1.5 1c.28 0 .5.23.5.5V2h10v-.5a.5.5 0 0 1 1 0v2a.5.5 0 0 1-1 0V3H2v.5a.5.5 0 0 1-1 0v-2c0-.27.22-.5.5-.5Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M1.5 6a.5.5 0 0 0-.5.5v6c0 .28.22.5.5.5h11a.5.5 0 0 0 .5-.5v-6a.5.5 0 0 0-.5-.5h-11ZM2 7v5h10V7h-1v2.5a.5.5 0 0 1-1 0V7h-.75v1a.5.5 0 0 1-1 0V7H7.5v2.5a.5.5 0 0 1-1 0V7h-.75v1a.5.5 0 0 1-1 0V7H4v2.5a.5.5 0 0 1-1 0V7H2Z\"})),stop:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M4.5 4a.5.5 0 0 0-.5.5v5c0 .28.22.5.5.5h5a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-.5-.5h-5Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Zm-1 0A6 6 0 1 1 1 7a6 6 0 0 1 12 0Z\"})),camera:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M10 7a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM9 7a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M2.5 1a.5.5 0 0 0-.5.5V2H.5a.5.5 0 0 0-.5.5v9c0 .28.22.5.5.5h13a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5H6v-.5a.5.5 0 0 0-.5-.5h-3ZM1 3v8h12V3H1Z\"})),video:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M2.5 10a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M0 4c0-1.1.9-2 2-2h6a2 2 0 0 1 2 2v.5l3.19-2.4a.5.5 0 0 1 .81.4v9a.5.5 0 0 1-.8.4L10 9.5v.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4Zm9 0v1.5a.5.5 0 0 0 .8.4L13 3.5v7L9.8 8.1a.5.5 0 0 0-.8.4V10a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1Z\"})),speaker:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M1 4.50004V9.50004C1 9.77618 1.22386 10 1.5 10H4L7.17075 12.7744C7.49404 13.0573 8 12.8277 8 12.3982V1.60192C8 1.17235 7.49404 0.942757 7.17075 1.22564L4 4.00004H1.5C1.22386 4.00004 1 4.2239 1 4.50004ZM4 9.00004V5.00004H2V9.00004H4ZM4.99804 9.54456C4.99934 9.52989 5 9.51505 5 9.50004V4.50004C5 4.48504 4.99934 4.47019 4.99804 4.45552L7 2.70381V11.2963L4.99804 9.54456Z\"}),React5__default.createElement(\"path\",{d:\"M10.1498 1.75202C9.88637 1.66927 9.60572 1.81577 9.52297 2.07922C9.44023 2.34267 9.58672 2.62332 9.85017 2.70607C11.6763 3.27963 13 4.98596 13 7.00014C13 9.01433 11.6763 10.7207 9.85017 11.2942C9.58672 11.377 9.44023 11.6576 9.52297 11.9211C9.60572 12.1845 9.88637 12.331 10.1498 12.2483C12.3808 11.5476 14 9.4636 14 7.00014C14 4.53669 12.3808 2.45272 10.1498 1.75202Z\"}),React5__default.createElement(\"path\",{d:\"M10.2504 3.96861C10.0113 3.83033 9.70547 3.91201 9.5672 4.15105C9.42893 4.39008 9.51061 4.69594 9.74964 4.83421C10.4982 5.26723 11 6.07534 11 7.00006C11 7.92479 10.4982 8.7329 9.74964 9.16591C9.51061 9.30418 9.42893 9.61005 9.5672 9.84908C9.70547 10.0881 10.0113 10.1698 10.2504 10.0315C11.2952 9.42711 12 8.29619 12 7.00006C12 5.70394 11.2952 4.57302 10.2504 3.96861Z\"})),play:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"m12.81 7.43-9.05 5.6A.5.5 0 0 1 3 12.6V1.4c0-.4.43-.63.76-.43l9.05 5.6a.5.5 0 0 1 0 .86Z\"})),playback:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M11.24 12.04 3.7 7.42a.5.5 0 0 1-.2-.23v4.05a.75.75 0 0 1-1.5 0v-8.5a.75.75 0 0 1 1.5 0V6.8a.5.5 0 0 1 .2-.23l7.54-4.6a.5.5 0 0 1 .76.42v9.22a.5.5 0 0 1-.76.43Z\"})),playnext:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"m2.76 12.04 7.54-4.61a.5.5 0 0 0 .2-.23v4.05a.75.75 0 0 0 1.5 0v-8.5a.75.75 0 0 0-1.5 0V6.8a.5.5 0 0 0-.2-.23l-7.54-4.6a.5.5 0 0 0-.76.42v9.22c0 .39.43.63.76.43Z\"})),rewind:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M9 2.42v2.32L13.23 2a.5.5 0 0 1 .77.42v9.16a.5.5 0 0 1-.77.42L9 9.26v2.32a.5.5 0 0 1-.77.42L1.5 7.65v3.6a.75.75 0 0 1-1.5 0v-8.5a.75.75 0 0 1 1.5 0v3.6L8.23 2a.5.5 0 0 1 .77.42Z\"})),fastforward:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M5 2.42v2.32L.77 2a.5.5 0 0 0-.77.42v9.16c0 .4.44.64.77.42L5 9.26v2.32c0 .4.44.64.77.42l6.73-4.35v3.6a.75.75 0 0 0 1.5 0v-8.5a.75.75 0 0 0-1.5 0v3.6L5.77 2a.5.5 0 0 0-.77.42Z\"})),stopalt:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M1 1.5c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5v11a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11Z\"})),sidebyside:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M1 1.5c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5v11a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11ZM2 12V2h5v10H2Z\"})),stacked:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M12.5 1c.28 0 .5.23.5.5v11a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11c0-.27.22-.5.5-.5h11ZM2 2h10v5H2V2Z\"})),sun:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M7.5.5a.5.5 0 0 0-1 0V2a.5.5 0 0 0 1 0V.5Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M7 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm0-1a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z\"}),React5__default.createElement(\"path\",{d:\"M7 11.5c.28 0 .5.22.5.5v1.5a.5.5 0 0 1-1 0V12c0-.28.22-.5.5-.5ZM11.5 7c0-.28.22-.5.5-.5h1.5a.5.5 0 0 1 0 1H12a.5.5 0 0 1-.5-.5ZM.5 6.5a.5.5 0 0 0 0 1H2a.5.5 0 0 0 0-1H.5ZM3.82 10.18c.2.2.2.51 0 .7l-1.06 1.07a.5.5 0 1 1-.71-.7l1.06-1.07c.2-.2.51-.2.7 0ZM11.95 2.76a.5.5 0 1 0-.7-.71l-1.07 1.06a.5.5 0 1 0 .7.7l1.07-1.05ZM10.18 10.18c.2-.2.51-.2.7 0l1.07 1.06a.5.5 0 1 1-.7.71l-1.07-1.06a.5.5 0 0 1 0-.7ZM2.76 2.05a.5.5 0 1 0-.71.7l1.06 1.07a.5.5 0 0 0 .7-.7L2.77 2.04Z\"})),moon:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M7.78.04a7.03 7.03 0 0 0-4.28.9 7 7 0 1 0 9.87 8.96c.1-.21-.14-.41-.36-.32a4.98 4.98 0 0 1-2 .42A5 5 0 0 1 8.53.65c.2-.12.19-.44-.04-.49a7.04 7.04 0 0 0-.72-.12Zm-1.27.98a6 6 0 0 0 4.98 9.96 6 6 0 1 1-4.98-9.96Z\"})),book:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M13 2a2 2 0 0 0-2-2H1.5a.5.5 0 0 0-.5.5v13c0 .28.22.5.5.5H11a2 2 0 0 0 2-2V2ZM3 13h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H7v6a.5.5 0 0 1-.86.36L5.5 6.7l-.65.65A.5.5 0 0 1 4 7V1H3v12ZM5 1v4.8l.15-.15a.5.5 0 0 1 .74.04l.11.1V1H5Z\"})),document:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M4 5.5c0-.28.22-.5.5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5ZM4.5 7.5a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5ZM4 10.5c0-.28.22-.5.5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M1.5 0a.5.5 0 0 0-.5.5v13c0 .28.22.5.5.5h11a.5.5 0 0 0 .5-.5V3.2a.5.5 0 0 0-.15-.35l-2.7-2.7A.5.5 0 0 0 9.79 0H1.5ZM2 1h7.5v2c0 .28.22.5.5.5h2V13H2V1Z\"})),copy:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M11.75.07A.5.5 0 0 0 11.5 0h-6a.5.5 0 0 0-.5.5V3H.5a.5.5 0 0 0-.5.5v10c0 .28.22.5.5.5h8a.5.5 0 0 0 .5-.5V11h4.5a.5.5 0 0 0 .5-.5V2.51a.5.5 0 0 0-.15-.36l-2-2a.5.5 0 0 0-.1-.08ZM9 10h4V3h-1.5a.5.5 0 0 1-.5-.5V1H6v2h.5a.5.5 0 0 1 .36.15l1.99 2c.1.09.15.21.15.35v4.51ZM1 4v9h7V6H6.5a.5.5 0 0 1-.5-.5V4H1Z\"})),category:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M3 1.5c0-.28.22-.5.5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5Zm-1 2c0-.27.22-.5.5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M1 5.5c0-.28.22-.5.5-.5h11c.28 0 .5.22.5.5v7a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-7ZM2 12V6h10v6H2Z\"})),folder:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M6.59 3.5 5.09 2H1v9h12V3.5H6.59Zm.41-1L5.8 1.3a1 1 0 0 0-.71-.3H.5a.5.5 0 0 0-.5.5v10c0 .28.22.5.5.5h13a.5.5 0 0 0 .5-.5V3a.5.5 0 0 0-.5-.5H7Z\"})),print:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M4.5 8a.5.5 0 1 0 0 1h5a.5.5 0 0 0 0-1h-5Zm0 2a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M2 1.5c0-.27.22-.5.5-.5h8a.5.5 0 0 1 .36.15l.99 1c.1.09.15.21.15.35v1.51h1.5c.28 0 .5.22.5.5v5a.5.5 0 0 1-.5.5H12v2.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V10H.5a.5.5 0 0 1-.5-.5v-5c0-.28.22-.5.5-.5H2V1.5ZM13 9h-1V6.5a.5.5 0 0 0-.5-.5h-9a.5.5 0 0 0-.5.5V9H1V5h12v4Zm-2-6v1H3V2h7v.5c0 .28.22.5.5.5h.5Zm-8 9h8V7H3v5Z\"})),graphline:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M5.15 6.15c.2-.2.5-.2.7 0L7 7.3l2.15-2.15c.2-.2.5-.2.7 0l1 1a.5.5 0 0 1-.7.7l-.65-.64-2.15 2.15a.5.5 0 0 1-.7 0L5.5 7.2 3.85 8.86a.5.5 0 1 1-.7-.71l2-2Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M1.5 1a.5.5 0 0 0-.5.5v11c0 .28.22.5.5.5h11a.5.5 0 0 0 .5-.5v-11a.5.5 0 0 0-.5-.5h-11ZM2 2v10h10V2H2Z\"})),calendar:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M3.5 0c.28 0 .5.22.5.5V1h6V.5a.5.5 0 0 1 1 0V1h1.5c.28 0 .5.22.5.5v11a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11c0-.28.22-.5.5-.5H3V.5c0-.28.22-.5.5-.5ZM2 4v2.3h3V4H2Zm0 5.2V6.8h3v2.4H2Zm0 .5V12h3V9.7H2Zm3.5 0V12h3V9.7h-3Zm3.5 0V12h3V9.7H9Zm3-.5H9V6.8h3v2.4Zm-3.5 0h-3V6.8h3v2.4ZM9 4v2.3h3V4H9ZM5.5 6.3h3V4h-3v2.3Z\"})),graphbar:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M12 2.5a.5.5 0 0 0-1 0v10a.5.5 0 0 0 1 0v-10Zm-3 2a.5.5 0 0 0-1 0v8a.5.5 0 0 0 1 0v-8ZM5.5 7c.28 0 .5.22.5.5v5a.5.5 0 0 1-1 0v-5c0-.28.22-.5.5-.5ZM3 10.5a.5.5 0 0 0-1 0v2a.5.5 0 0 0 1 0v-2Z\"})),menu:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M13 2a.5.5 0 0 1 0 1H1a.5.5 0 0 1 0-1h12Zm-3 3a.5.5 0 0 1 0 1H1a.5.5 0 0 1 0-1h9Zm1.5 3.5A.5.5 0 0 0 11 8H1a.5.5 0 0 0 0 1h10a.5.5 0 0 0 .5-.5Zm-4 2.5a.5.5 0 0 1 0 1H1a.5.5 0 0 1 0-1h6.5Z\"})),menualt:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M1 2a.5.5 0 0 0 0 1h12a.5.5 0 0 0 0-1H1Zm3 3a.5.5 0 0 0 0 1h9a.5.5 0 0 0 0-1H4ZM2.5 8.5c0-.28.22-.5.5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5Zm4 2.5a.5.5 0 0 0 0 1H13a.5.5 0 0 0 0-1H6.5Z\"})),filter:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M1 2a.5.5 0 0 0 0 1h12a.5.5 0 0 0 0-1H1Zm2 3a.5.5 0 0 0 0 1h8a.5.5 0 0 0 0-1H3Zm1.5 3.5c0-.28.22-.5.5-.5h4a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5Zm2 2.5a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1Z\"})),docchart:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M1 1.5C1 1.22386 1.22386 1 1.5 1H12.5C12.7761 1 13 1.22386 13 1.5V12.5C13 12.7761 12.7761 13 12.5 13H1.5C1.22386 13 1 12.7761 1 12.5V1.5ZM2 4V6.2998H5V4H2ZM2 9.2002V6.7998H5V9.2002H2ZM2 9.7002V12H5V9.7002H2ZM5.5 9.7002V12H8.5V9.7002H5.5ZM9 9.7002V12H12V9.7002H9ZM12 9.2002H9V6.7998H12V9.2002ZM8.5 9.2002H5.5V6.7998H8.5V9.2002ZM9 6.2998H12V4H9V6.2998ZM5.5 6.2998H8.5V4H5.5V6.2998Z\"})),doclist:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M3.5 6.5c0-.28.22-.5.5-.5h6a.5.5 0 0 1 0 1H4a.5.5 0 0 1-.5-.5ZM4 9a.5.5 0 0 0 0 1h6a.5.5 0 0 0 0-1H4Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M1 1.5c0-.28.22-.5.5-.5h11c.28 0 .5.22.5.5v11a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11ZM2 4v8h10V4H2Z\"})),markup:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M8.98 1.63a.5.5 0 0 0-.96-.26l-3 11a.5.5 0 1 0 .96.26l3-11ZM3.32 3.62a.5.5 0 0 1 .06.7L1.15 7l2.23 2.68a.5.5 0 1 1-.76.64l-2.5-3a.5.5 0 0 1 0-.64l2.5-3a.5.5 0 0 1 .7-.06Zm7.36 0a.5.5 0 0 0-.06.7L12.85 7l-2.23 2.68a.5.5 0 0 0 .76.64l2.5-3a.5.5 0 0 0 0-.64l-2.5-3a.5.5 0 0 0-.7-.06Z\"})),bold:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M3 2v1.5h1v7H3V12h5a3 3 0 0 0 1.8-5.4A2.74 2.74 0 0 0 8 2H3Zm5 5.5H5.5v3H8a1.5 1.5 0 1 0 0-3Zm-.25-4H5.5V6h2.25a1.25 1.25 0 1 0 0-2.5Z\"})),italic:React5__default.createElement(\"path\",{d:\"M5 2h6v1H8.5l-2 8H9v1H3v-1h2.5l2-8H5V2Z\"}),paperclip:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M10.55 2.27a1.5 1.5 0 0 0-2.12 0L2.78 7.92a2.5 2.5 0 0 0 3.53 3.54l3.54-3.54a.5.5 0 1 1 .7.71l-3.53 3.54a3.5 3.5 0 0 1-4.96-4.94v-.01l5.66-5.66h.01a2.5 2.5 0 0 1 3.53 3.53L5.6 10.76a1.5 1.5 0 0 1-2.12-2.12L7.02 5.1a.5.5 0 1 1 .7.7L4.2 9.34a.5.5 0 0 0 .7.7l5.66-5.65a1.5 1.5 0 0 0 0-2.12Z\"})),listordered:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M5 2.5c0-.28.22-.5.5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5ZM5 7c0-.28.22-.5.5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 5 7Zm.5 4a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1h-7Zm-3-9H1v1h1v3h1V2.5a.5.5 0 0 0-.5-.5ZM3 8.5v1a.5.5 0 0 1-1 0V9h-.5a.5.5 0 0 1 0-1h1c.28 0 .5.22.5.5Zm-1 2a.5.5 0 0 0-1 0V12h2v-1H2v-.5Z\"})),listunordered:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M2.75 2.5a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM5.5 2a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1h-7Zm0 9a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1h-7ZM2 12.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM5 7c0-.28.22-.5.5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 5 7Zm-3 .75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z\"})),paragraph:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M6 7a3 3 0 1 1 0-6h5.5a.5.5 0 0 1 0 1H10v10.5a.5.5 0 0 1-1 0V2H7v10.5a.5.5 0 0 1-1 0V7Z\"})),markdown:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M2 4.5h1.5L5 6.38 6.5 4.5H8v5H6.5V7L5 8.88 3.5 7v2.5H2v-5Zm7.75 0h1.5V7h1.25l-2 2.5-2-2.5h1.25V4.5Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M.5 2a.5.5 0 0 0-.5.5v9c0 .28.22.5.5.5h13a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5H.5ZM1 3v8h12V3H1Z\"})),repository:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M5 2.5C5 2.77614 4.77614 3 4.5 3C4.22386 3 4 2.77614 4 2.5C4 2.22386 4.22386 2 4.5 2C4.77614 2 5 2.22386 5 2.5Z\"}),React5__default.createElement(\"path\",{d:\"M4.5 5C4.77614 5 5 4.77614 5 4.5C5 4.22386 4.77614 4 4.5 4C4.22386 4 4 4.22386 4 4.5C4 4.77614 4.22386 5 4.5 5Z\"}),React5__default.createElement(\"path\",{d:\"M5 6.5C5 6.77614 4.77614 7 4.5 7C4.22386 7 4 6.77614 4 6.5C4 6.22386 4.22386 6 4.5 6C4.77614 6 5 6.22386 5 6.5Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M11 0C12.1046 0 13 0.895431 13 2V12C13 13.1046 12.1046 14 11 14H1.5C1.22386 14 1 13.7761 1 13.5V0.5C1 0.223857 1.22386 0 1.5 0H11ZM11 1H3V13H11C11.5523 13 12 12.5523 12 12V2C12 1.44772 11.5523 1 11 1Z\"})),commit:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M3.03 7.5a4 4 0 0 0 7.94 0h2.53a.5.5 0 0 0 0-1h-2.53a4 4 0 0 0-7.94 0H.5a.5.5 0 0 0 0 1h2.53ZM7 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z\"})),branch:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M6 2.5c0 .65-.42 1.2-1 1.41v4.06A3.36 3.36 0 0 1 7.5 7a2.7 2.7 0 0 0 1.81-.56c.22-.18.38-.4.48-.62a1.5 1.5 0 1 1 1.03.15c-.16.42-.43.87-.86 1.24-.57.47-1.37.79-2.46.79-1.04 0-1.64.42-2 .92-.26.37-.4.8-.47 1.18A1.5 1.5 0 1 1 4 10.09V3.9a1.5 1.5 0 1 1 2-1.4Zm-2 9a.5.5 0 1 1 1 0 .5.5 0 0 1-1 0Zm1-9a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm6 2a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z\"})),pullrequest:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M8.35 1.35 7.71 2h.79A2.5 2.5 0 0 1 11 4.5v5.59a1.5 1.5 0 1 1-1 0V4.5C10 3.67 9.33 3 8.5 3h-.8l.65.65a.5.5 0 1 1-.7.7l-1.5-1.5a.5.5 0 0 1 0-.7l1.5-1.5a.5.5 0 1 1 .7.7ZM11 11.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0ZM4 3.91a1.5 1.5 0 1 0-1 0v6.18a1.5 1.5 0 1 0 1 0V3.9ZM3.5 11a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1Zm0-8a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z\"})),merge:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M4.1 3.87a1.5 1.5 0 1 0-1.1.04v6.18a1.5 1.5 0 1 0 1 0V6.4c.26.4.57.77.93 1.08A6.57 6.57 0 0 0 9.08 9a1.5 1.5 0 1 0 0-1 5.57 5.57 0 0 1-3.5-1.25 4.74 4.74 0 0 1-1.47-2.87ZM3.5 11a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1ZM4 2.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm7 6a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z\"})),apple:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M11.03 8.1a3.05 3.05 0 0 1-.2-1.74 2.7 2.7 0 0 1 1.4-1.94 3.13 3.13 0 0 0-2.35-1.4c-.84-.08-2.01.56-2.65.57h-.02c-.63 0-1.81-.65-2.64-.57-.42.04-1.75.32-2.55 1.6-.28.44-.5 1.01-.58 1.74a6.36 6.36 0 0 0 .02 1.74 7.5 7.5 0 0 0 1.35 3.33c.7 1.01 1.51 1.6 1.97 1.6.93.02 1.74-.6 2.41-.6l.02.01h.04c.67-.02 1.48.61 2.42.6.45-.02 1.26-.6 1.97-1.6a7.95 7.95 0 0 0 .97-1.86 2.6 2.6 0 0 1-1.58-1.48ZM8.86 2.13c.72-.85.7-2.07.63-2.12-.07-.06-1.25.16-1.99.98a2.78 2.78 0 0 0-.62 2.13c.06.05 1.27-.14 1.98-.99Z\"})),linux:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M7 0a3 3 0 0 1 3 3v1.24c.13.13.25.27.36.42l.52.43.2.15c.32.26.7.59 1.09.97A6.28 6.28 0 0 1 14 9.54a.5.5 0 0 1-.35.44c-.31.1-.8.18-1.34.13-.33-.03-.7-.12-1.05-.3-.04.17-.1.34-.17.51a2 2 0 1 1-2.89 2.56 5.5 5.5 0 0 1-2.4 0 2 2 0 1 1-2.9-2.56 5.56 5.56 0 0 1-.16-.51c-.35.18-.72.27-1.05.3a3.4 3.4 0 0 1-1.34-.13.5.5 0 0 1-.35-.44l.01-.14a6.28 6.28 0 0 1 1.82-3.2 13.42 13.42 0 0 1 1.3-1.11c.22-.19.4-.32.5-.43.12-.15.24-.29.37-.42V3a3 3 0 0 1 3-3Zm1 11.9a2 2 0 0 1 2.14-1.9 5.5 5.5 0 0 0 .36-2c0-.51-.1-1.07-.3-1.6l-.03-.02a4.4 4.4 0 0 0-.86-.42 6.71 6.71 0 0 0-1-.31l-.86.64c-.27.2-.63.2-.9 0l-.85-.64a6.72 6.72 0 0 0-1.87.73l-.03.02A4.6 4.6 0 0 0 3.5 8c0 .68.11 1.39.36 2H4a2 2 0 0 1 2 1.9 4.49 4.49 0 0 0 2 0ZM5 12a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm6 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM6.1 4.3a1.5 1.5 0 0 1 1.8 0l.27.2L7 5.38 5.83 4.5l.27-.2ZM8.5 2c.28 0 .5.22.5.5V3a.5.5 0 0 1-1 0v-.5c0-.28.22-.5.5-.5ZM6 2.5a.5.5 0 0 0-1 0V3a.5.5 0 0 0 1 0v-.5Z\"})),ubuntu:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M12.26 2.07c0 1.14-.89 2.06-1.99 2.06s-1.99-.92-1.99-2.06c0-1.14.9-2.07 2-2.07s1.98.93 1.98 2.07ZM3.98 6.6c0 1.14-.9 2.07-2 2.07C.9 8.67 0 7.74 0 6.6c0-1.14.9-2.07 1.99-2.07 1.1 0 1.99.93 1.99 2.07ZM6.47 11.92a4.76 4.76 0 0 1-3.3-2.62c-.53.25-1.12.33-1.7.22a6.72 6.72 0 0 0 1.84 2.63 6.38 6.38 0 0 0 4.24 1.58c-.37-.5-.57-1.1-.59-1.73a4.77 4.77 0 0 1-.49-.08ZM11.81 11.93c0 1.14-.89 2.07-1.99 2.07s-1.98-.93-1.98-2.07c0-1.14.89-2.06 1.98-2.06 1.1 0 2 .92 2 2.06ZM12.6 11.17a6.93 6.93 0 0 0 .32-7.93A2.95 2.95 0 0 1 11.8 4.6a5.23 5.23 0 0 1-.16 5.03c.47.4.8.94.95 1.54ZM1.99 3.63h-.15A6.48 6.48 0 0 1 8 .24a3.07 3.07 0 0 0-.6 1.68 4.7 4.7 0 0 0-3.9 2.17c-.46-.3-.98-.45-1.51-.45Z\"})),windows:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M6.5 1H1v5.5h5.5V1ZM13 1H7.5v5.5H13V1ZM7.5 7.5H13V13H7.5V7.5ZM6.5 7.5H1V13h5.5V7.5Z\"})),storybook:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M2.04.62a.7.7 0 0 0-.66.72l.44 11.56c.01.37.3.66.67.68l9.4.42h.02a.7.7 0 0 0 .7-.7V.66a.7.7 0 0 0-.74-.66l-.77.05.05 1.62a.1.1 0 0 1-.17.08l-.52-.4-.61.46a.1.1 0 0 1-.17-.09L9.75.13l-7.7.49Zm8 4.74c-.24.2-2.09.33-2.09.05.04-1.04-.43-1.09-.69-1.09-.24 0-.66.08-.66.64 0 .57.6.89 1.32 1.27 1.02.53 2.24 1.18 2.24 2.82 0 1.57-1.27 2.43-2.9 2.43-1.67 0-3.14-.68-2.97-3.03.06-.27 2.2-.2 2.2 0-.03.97.19 1.26.75 1.26.43 0 .62-.24.62-.64 0-.6-.63-.95-1.36-1.36-.99-.56-2.15-1.2-2.15-2.7 0-1.5 1.03-2.5 2.86-2.5 1.83 0 2.84.99 2.84 2.85Z\"})),azuredevops:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"m0 5.18 1.31-1.73 4.9-2V.01l4.3 3.15-8.78 1.7v4.8L0 9.16V5.18Zm14-2.6v8.55l-3.36 2.86-5.42-1.79V14L1.73 9.66l8.78 1.05V3.16L14 2.58Z\"})),bitbucket:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M1 1.52A.41.41 0 0 0 .59 2l1.74 10.6c.05.26.28.46.55.46h8.37c.2 0 .38-.14.42-.34l1.01-6.25H8.81l-.46 2.71H5.68L4.95 5.4h7.91L13.4 2a.41.41 0 0 0-.41-.48H1Z\"})),chrome:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M13.02 3.43a.11.11 0 0 1-.1.17H7a3.4 3.4 0 0 0-3.3 2.55.11.11 0 0 1-.21.03L1.52 2.76a.11.11 0 0 1 0-.12 6.97 6.97 0 0 1 9-1.7c1.03.6 1.9 1.47 2.5 2.5ZM7 9.62a2.62 2.62 0 1 1 0-5.24 2.62 2.62 0 0 1 0 5.24Zm1.03.7a.11.11 0 0 0-.12-.04 3.4 3.4 0 0 1-4-1.84L1.1 3.57a.11.11 0 0 0-.2 0 7 7 0 0 0 5.07 10.35c.04 0 .08-.02.1-.05l1.97-3.42a.11.11 0 0 0 0-.13Zm1.43-5.95h3.95c.05 0 .1.03.1.07a6.97 6.97 0 0 1-1.53 7.48A6.96 6.96 0 0 1 7.08 14a.11.11 0 0 1-.1-.17l2.81-4.88h.01a3.38 3.38 0 0 0-.42-4.38.11.11 0 0 1 .08-.2Z\"})),chromatic:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M0 7a7 7 0 1 0 14 0A7 7 0 0 0 0 7Zm5.22-3.87a1.97 1.97 0 0 1 3.75.83v1.29L5.61 3.32a2.49 2.49 0 0 0-.4-.19ZM8.7 5.71 5.35 3.78a1.97 1.97 0 0 0-2.6 2.83c.12-.1.24-.18.37-.26l1.51-.87a.27.27 0 0 1 .27 0L7 6.69l1.7-.98Zm-.32 4.97-1.52-.87a.27.27 0 0 1-.13-.23V7.15l-1.7-.97v3.86a1.97 1.97 0 0 0 3.75.83 2.5 2.5 0 0 1-.4-.19Zm.26-.46a1.97 1.97 0 0 0 2.6-2.83c-.11.1-.23.18-.36.26L7.53 9.58l1.11.64Zm-4.1.26h-.17a1.97 1.97 0 0 1-1.9-2.47 2 2 0 0 1 .92-1.2l1.11-.63v3.86c0 .14.01.29.04.44Zm6.79-5.98a1.97 1.97 0 0 0-1.87-.97c.03.14.04.29.04.43v1.75c0 .1-.05.19-.14.23l-2.1 1.22V9.1l3.35-1.93a1.97 1.97 0 0 0 .72-2.68Z\"})),componentdriven:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M10.85 2.18 8.87.2a.69.69 0 0 0-.97 0L3.09 5.01a.69.69 0 0 0 0 .97l2.46 2.46-2.4 2.4a.69.69 0 0 0 0 .98l1.98 1.98c.27.27.7.27.97 0l4.8-4.81a.69.69 0 0 0 0-.97L8.45 5.56l2.4-2.4a.69.69 0 0 0 0-.98Z\"})),discord:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M11.85 2.88C10.95 2.48 10 2.18 9 2a7.05 7.05 0 0 0-.4.75 10.66 10.66 0 0 0-3.2 0c-.1-.23-.24-.5-.36-.73A.04.04 0 0 0 4.99 2a11.51 11.51 0 0 0-2.86.9 11.82 11.82 0 0 0-2.05 8 11.6 11.6 0 0 0 3.5 1.77c.01 0 .03 0 .04-.02.27-.36.51-.75.72-1.16a.04.04 0 0 0-.03-.06 7.66 7.66 0 0 1-1.09-.52.04.04 0 0 1 0-.08 5.96 5.96 0 0 0 .26-.17 8.28 8.28 0 0 0 7.08 0l.22.17c.02.02.02.06 0 .08-.36.2-.72.37-1.1.52a.04.04 0 0 0-.02.06c.2.4.45.8.71 1.16.01.02.03.02.05.02a11.57 11.57 0 0 0 3.52-1.8 11.74 11.74 0 0 0-2.09-7.99Zm-7.17 6.4c-.7 0-1.26-.63-1.26-1.41 0-.78.56-1.41 1.26-1.41s1.27.64 1.26 1.4c0 .79-.56 1.42-1.26 1.42Zm4.65 0c-.69 0-1.26-.63-1.26-1.41 0-.78.56-1.41 1.26-1.41s1.27.64 1.26 1.4c0 .79-.55 1.42-1.26 1.42Z\"})),facebook:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M7.4 14H5.06V7H3.5V4.59h1.56V3.17C5.06 1.2 5.53 0 7.6 0h1.72v2.41H8.25c-.8 0-.85.34-.85.97v1.2h1.93L9.11 7H7.4l-.01 7Z\"})),figma:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M9.2 0H4.8a2.6 2.6 0 0 0-1.4 4.8 2.6 2.6 0 0 0 0 4.4 2.6 2.6 0 1 0 4 2.2V8.89a2.6 2.6 0 1 0 3.2-4.09A2.6 2.6 0 0 0 9.2 0ZM7.4 7A1.8 1.8 0 1 0 11 7a1.8 1.8 0 0 0-3.6 0Zm-.8 2.6H4.8a1.8 1.8 0 1 0 1.8 1.8V9.6ZM4.8 4.4h1.8V.8H4.8a1.8 1.8 0 0 0 0 3.59Zm0 .8a1.8 1.8 0 0 0 0 3.6h1.8V5.2H4.8Zm4.4-.8H7.4V.8h1.8a1.8 1.8 0 1 1 0 3.59Z\"})),gdrive:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M6.37 8.77 4.33 12.3h6.75l2.04-3.54H6.38Zm6.18-1-3.5-6.08h-4.1l3.51 6.08h4.09ZM4.38 2.7.88 8.77l2.04 3.54 3.5-6.07L4.38 2.7Z\"})),github:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M7 0a7 7 0 0 0-2.21 13.64c.35.06.48-.15.48-.33L5.26 12c-1.76.32-2.21-.43-2.35-.83-.08-.2-.43-.82-.72-.99-.25-.13-.6-.45-.01-.46.55 0 .94.5 1.07.72.63 1.06 1.64.76 2.04.58.07-.46.25-.77.45-.94-1.56-.18-3.19-.78-3.19-3.46 0-.76.28-1.39.72-1.88-.07-.17-.31-.9.07-1.85 0 0 .59-.19 1.93.71a6.5 6.5 0 0 1 3.5 0c1.34-.9 1.92-.71 1.92-.71.39.96.14 1.68.07 1.85.45.5.72 1.11.72 1.88 0 2.69-1.64 3.28-3.2 3.46.26.22.48.64.48 1.3l-.01 1.92c0 .18.13.4.48.33A7.01 7.01 0 0 0 7 0Z\"})),gitlab:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M4.53 5.58H1.07l1.49-4.55a.26.26 0 0 1 .48 0l1.49 4.55ZM7 13.15 1.07 5.58l-.75 2.3a.5.5 0 0 0 .18.57l6.5 4.7Zm0 0 6.5-4.7a.5.5 0 0 0 .18-.57l-.75-2.3L7 13.15l2.47-7.57H4.53L7 13.15Zm2.47-7.57h3.46l-1.49-4.55a.26.26 0 0 0-.48 0L9.47 5.58Z\"})),google:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M10.92 1.1H7.26c-1.64 0-3.19 1.24-3.19 2.68 0 1.47 1.12 2.66 2.8 2.66l.33-.01c-.1.2-.18.44-.18.68 0 .41.22.75.5 1.02h-.64c-2.03 0-3.6 1.3-3.6 2.64 0 1.32 1.72 2.15 3.75 2.15 2.32 0 3.6-1.31 3.6-2.64 0-1.06-.31-1.7-1.28-2.38-.33-.23-.96-.8-.96-1.14 0-.39.1-.58.7-1.04a2.46 2.46 0 0 0 1.03-1.92c0-.92-.4-1.82-1.18-2.11h1.17l.81-.6ZM9.6 10.04c.03.13.05.25.05.38 0 1.07-.7 1.9-2.67 1.9-1.4 0-2.42-.88-2.42-1.95 0-1.05 1.26-1.92 2.66-1.9a3 3 0 0 1 .92.14c.76.53 1.3.83 1.46 1.43ZM7.34 6.07c-.94-.03-1.84-1.06-2-2.3-.17-1.24.47-2.19 1.41-2.16.94.03 1.84 1.03 2 2.26.17 1.24-.47 2.23-1.41 2.2Z\"})),graphql:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M7.87 11.6a1.17 1.17 0 0 0-1.7-.02l-2.71-1.56.01-.04h7.07l.02.07-2.69 1.56Zm-1.7-9.18.03.03-3.54 6.12h-.04V5.43a1.17 1.17 0 0 0 .84-1.46l2.7-1.56Zm4.38 1.56a1.17 1.17 0 0 0 .84 1.46v3.12l-.04.01-3.54-6.12c.02 0 .03-.02.04-.03l2.7 1.56ZM3.47 9.42a1.17 1.17 0 0 0-.32-.57l3.53-6.12a1.17 1.17 0 0 0 .65 0l3.54 6.12a1.17 1.17 0 0 0-.33.57H3.47Zm8.8-.74c-.1-.05-.21-.1-.32-.12V5.44a1.17 1.17 0 1 0-1.12-1.94l-2.7-1.56a1.17 1.17 0 1 0-2.24 0L3.19 3.5a1.17 1.17 0 1 0-1.13 1.94v3.12a1.17 1.17 0 1 0 1.12 1.94l2.7 1.56a1.17 1.17 0 1 0 2.24-.03l2.69-1.55a1.17 1.17 0 1 0 1.45-1.8Z\"})),medium:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M0 0v14h14V0H0Zm11.63 3.32-.75.72a.22.22 0 0 0-.08.2v5.33c0 .07.03.14.08.18l.73.72v.16H7.92v-.16l.76-.74c.08-.07.08-.1.08-.21V5.24l-2.11 5.37h-.29L3.9 5.24v3.67c0 .13.05.25.14.34l.99 1.2v.16h-2.8v-.16l.98-1.2a.48.48 0 0 0 .13-.41V4.65c0-.11-.04-.2-.12-.27l-.88-1.06v-.16h2.73l2.1 4.62 1.86-4.62h2.6v.16Z\"})),redux:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M4.06 9.69c.02.49.42.88.91.88H5a.91.91 0 0 0-.03-1.83h-.03c-.03 0-.08 0-.11.02a5.97 5.97 0 0 1-.85-3.62c.06-.98.39-1.82.96-2.52.47-.6 1.39-.9 2-.92 1.73-.03 2.47 2.12 2.51 2.99.22.04.57.16.82.24-.2-2.64-1.83-4-3.4-4-1.46 0-2.81 1.05-3.35 2.61a6.67 6.67 0 0 0 .65 5.68.74.74 0 0 0-.11.47Zm8.28-2.3a6.62 6.62 0 0 0-5.15-2.25h-.26a.9.9 0 0 0-.8-.49H6.1a.91.91 0 0 0 .03 1.83h.03a.92.92 0 0 0 .8-.56h.3c1.23 0 2.4.36 3.47 1.06.81.54 1.4 1.24 1.72 2.09.28.68.26 1.35-.03 1.92a2.4 2.4 0 0 1-2.23 1.34c-.65 0-1.27-.2-1.6-.34-.18.16-.5.42-.73.58.7.33 1.41.5 2.1.5 1.56 0 2.72-.85 3.16-1.72.47-.94.44-2.57-.78-3.96ZM4.9 12.9a4 4 0 0 1-.98.11c-1.2 0-2.3-.5-2.84-1.32C.38 10.6.13 8.3 2.5 6.58c.05.26.15.62.22.83-.31.23-.8.68-1.11 1.3a2.4 2.4 0 0 0 .13 2.53c.36.54.93.86 1.66.96.9.11 1.8-.05 2.66-.5a5.83 5.83 0 0 0 2.67-2.56.91.91 0 0 1 .62-1.55h.03a.92.92 0 0 1 .1 1.82 6.26 6.26 0 0 1-4.56 3.49Z\"})),twitter:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M14 2.55c-.51.23-1.07.39-1.65.46.6-.36 1.05-.94 1.26-1.63-.55.34-1.17.58-1.82.72a2.84 2.84 0 0 0-2.1-.93 2.9 2.9 0 0 0-2.8 3.61 8.09 8.09 0 0 1-5.9-3.07 2.99 2.99 0 0 0 .88 3.93 2.8 2.8 0 0 1-1.3-.37v.04c0 1.42 1 2.61 2.3 2.89a2.82 2.82 0 0 1-1.3.05 2.89 2.89 0 0 0 2.7 2.04A5.67 5.67 0 0 1 0 11.51a7.98 7.98 0 0 0 4.4 1.32c5.29 0 8.17-4.48 8.17-8.38v-.38A5.93 5.93 0 0 0 14 2.55Z\"})),youtube:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M13.99 8.17V5.83a14.95 14.95 0 0 0-.23-2.22c-.09-.38-.27-.7-.55-.96s-.6-.41-.97-.45A51.3 51.3 0 0 0 7 2c-2.34 0-4.09.07-5.24.2A1.78 1.78 0 0 0 .25 3.61 15.26 15.26 0 0 0 0 7v1.16a15.24 15.24 0 0 0 .24 2.22c.09.38.27.7.55.96.27.26.6.41.97.45 1.15.13 2.9.2 5.24.2 2.34 0 4.08-.06 5.24-.2.37-.04.7-.19.97-.45s.45-.58.54-.96a15.26 15.26 0 0 0 .24-2.22Zm-4.23-1.6c.16.1.24.24.24.43 0 .2-.08.33-.24.42l-4 2.5a.44.44 0 0 1-.26.08.54.54 0 0 1-.24-.06A.46.46 0 0 1 5 9.5v-5c0-.2.08-.34.26-.44.17-.1.34-.09.5.02l4 2.5Z\"})),vscode:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M10.24.04c.13 0 .26.03.38.09L13.5 1.5a.87.87 0 0 1 .5.8v.03-.01 9.39c0 .33-.2.63-.5.78l-2.88 1.38a.87.87 0 0 1-1-.17l-5.5-5.03-2.4 1.83a.58.58 0 0 1-.75-.04l-.77-.7a.58.58 0 0 1 0-.86L2.27 7 .2 5.1a.58.58 0 0 1 0-.86l.77-.7c.21-.2.52-.2.75-.04l2.4 1.83L9.63.3a.87.87 0 0 1 .61-.26Zm.26 3.78L6.32 7l4.18 3.18V3.82Z\"}))};var Svg=styled.svg`\n display: inline-block;\n shape-rendering: inherit;\n vertical-align: middle;\n fill: currentColor;\n\n path {\n fill: currentColor;\n }\n`,Icons=({icon,useSymbol,...props})=>React5__default.createElement(Svg,{viewBox:\"0 0 14 14\",width:\"14px\",height:\"14px\",...props},useSymbol?React5__default.createElement(\"use\",{xlinkHref:`#icon--${icon}`}):icons[icon]),Symbols=memo(function({icons:keys=Object.keys(icons)}){return React5__default.createElement(Svg,{viewBox:\"0 0 14 14\",style:{position:\"absolute\",width:0,height:0},\"data-chromatic\":\"ignore\"},keys.map(key=>React5__default.createElement(\"symbol\",{id:`icon--${key}`,key},icons[key])))});var LEFT_BUTTON=0,isPlainLeftClick=e=>e.button===LEFT_BUTTON&&!e.altKey&&!e.ctrlKey&&!e.metaKey&&!e.shiftKey,cancelled=(e,cb)=>{isPlainLeftClick(e)&&(e.preventDefault(),cb(e));},LinkInner=styled.span(({withArrow})=>withArrow?{\"> svg:last-of-type\":{height:\"0.7em\",width:\"0.7em\",marginRight:0,marginLeft:\"0.25em\",bottom:\"auto\",verticalAlign:\"inherit\"}}:{},({containsIcon})=>containsIcon?{svg:{height:\"1em\",width:\"1em\",verticalAlign:\"middle\",position:\"relative\",bottom:0,marginRight:0}}:{}),A2=styled.a(({theme})=>({display:\"inline-block\",transition:\"all 150ms ease-out\",textDecoration:\"none\",color:theme.color.secondary,\"&:hover, &:focus\":{cursor:\"pointer\",color:curriedDarken$1(.07,theme.color.secondary),\"svg path:not([fill])\":{fill:curriedDarken$1(.07,theme.color.secondary)}},\"&:active\":{color:curriedDarken$1(.1,theme.color.secondary),\"svg path:not([fill])\":{fill:curriedDarken$1(.1,theme.color.secondary)}},svg:{display:\"inline-block\",height:\"1em\",width:\"1em\",verticalAlign:\"text-top\",position:\"relative\",bottom:\"-0.125em\",marginRight:\"0.4em\",\"& path\":{fill:theme.color.secondary}}}),({theme,secondary,tertiary})=>{let colors;return secondary&&(colors=[theme.textMutedColor,theme.color.dark,theme.color.darker]),tertiary&&(colors=[theme.color.dark,theme.color.darkest,theme.textMutedColor]),colors?{color:colors[0],\"svg path:not([fill])\":{fill:colors[0]},\"&:hover\":{color:colors[1],\"svg path:not([fill])\":{fill:colors[1]}},\"&:active\":{color:colors[2],\"svg path:not([fill])\":{fill:colors[2]}}}:{}},({nochrome})=>nochrome?{color:\"inherit\",\"&:hover, &:active\":{color:\"inherit\",textDecoration:\"underline\"}}:{},({theme,inverse})=>inverse?{color:theme.color.lightest,\":not([fill])\":{fill:theme.color.lightest},\"&:hover\":{color:theme.color.lighter,\"svg path:not([fill])\":{fill:theme.color.lighter}},\"&:active\":{color:theme.color.light,\"svg path:not([fill])\":{fill:theme.color.light}}}:{},({isButton})=>isButton?{border:0,borderRadius:0,background:\"none\",padding:0,fontSize:\"inherit\"}:{}),Link2=({cancel,children,onClick,withArrow,containsIcon,className,...rest})=>React5__default.createElement(A2,{...rest,onClick:onClick&&cancel?e=>cancelled(e,onClick):onClick,className},React5__default.createElement(LinkInner,{withArrow,containsIcon},children,withArrow&&React5__default.createElement(Icons,{icon:\"arrowright\"})));Link2.defaultProps={cancel:!0,className:void 0,style:void 0,onClick:void 0,withArrow:!1,containsIcon:!1};var DocumentWrapper=styled.div(({theme})=>({fontSize:`${theme.typography.size.s2}px`,lineHeight:\"1.6\",h1:{fontSize:`${theme.typography.size.l1}px`,fontWeight:theme.typography.weight.bold},h2:{fontSize:`${theme.typography.size.m2}px`,borderBottom:`1px solid ${theme.appBorderColor}`},h3:{fontSize:`${theme.typography.size.m1}px`},h4:{fontSize:`${theme.typography.size.s3}px`},h5:{fontSize:`${theme.typography.size.s2}px`},h6:{fontSize:`${theme.typography.size.s2}px`,color:theme.color.dark},\"pre:not(.prismjs)\":{background:\"transparent\",border:\"none\",borderRadius:0,padding:0,margin:0},\"pre pre, pre.prismjs\":{padding:15,margin:0,whiteSpace:\"pre-wrap\",color:\"inherit\",fontSize:\"13px\",lineHeight:\"19px\"},\"pre pre code, pre.prismjs code\":{color:\"inherit\",fontSize:\"inherit\"},\"pre code\":{margin:0,padding:0,whiteSpace:\"pre\",border:\"none\",background:\"transparent\"},\"pre code, pre tt\":{backgroundColor:\"transparent\",border:\"none\"},\"body > *:first-of-type\":{marginTop:\"0 !important\"},\"body > *:last-child\":{marginBottom:\"0 !important\"},a:{color:theme.color.secondary,textDecoration:\"none\"},\"a.absent\":{color:\"#cc0000\"},\"a.anchor\":{display:\"block\",paddingLeft:30,marginLeft:-30,cursor:\"pointer\",position:\"absolute\",top:0,left:0,bottom:0},\"h1, h2, h3, h4, h5, h6\":{margin:\"20px 0 10px\",padding:0,cursor:\"text\",position:\"relative\",\"&:first-of-type\":{marginTop:0,paddingTop:0},\"&:hover a.anchor\":{textDecoration:\"none\"},\"& tt, & code\":{fontSize:\"inherit\"}},\"h1:first-of-type + h2\":{marginTop:0,paddingTop:0},\"p, blockquote, ul, ol, dl, li, table, pre\":{margin:\"15px 0\"},hr:{border:\"0 none\",borderTop:`1px solid ${theme.appBorderColor}`,height:4,padding:0},\"body > h1:first-of-type, body > h2:first-of-type, body > h3:first-of-type, body > h4:first-of-type, body > h5:first-of-type, body > h6:first-of-type\":{marginTop:0,paddingTop:0},\"body > h1:first-of-type + h2\":{marginTop:0,paddingTop:0},\"a:first-of-type h1, a:first-of-type h2, a:first-of-type h3, a:first-of-type h4, a:first-of-type h5, a:first-of-type h6\":{marginTop:0,paddingTop:0},\"h1 p, h2 p, h3 p, h4 p, h5 p, h6 p\":{marginTop:0},\"li p.first\":{display:\"inline-block\"},\"ul, ol\":{paddingLeft:30,\"& :first-of-type\":{marginTop:0},\"& :last-child\":{marginBottom:0}},dl:{padding:0},\"dl dt\":{fontSize:\"14px\",fontWeight:\"bold\",fontStyle:\"italic\",margin:\"0 0 15px\",padding:\"0 15px\",\"&:first-of-type\":{padding:0},\"& > :first-of-type\":{marginTop:0},\"& > :last-child\":{marginBottom:0}},blockquote:{borderLeft:`4px solid ${theme.color.medium}`,padding:\"0 15px\",color:theme.color.dark,\"& > :first-of-type\":{marginTop:0},\"& > :last-child\":{marginBottom:0}},table:{padding:0,borderCollapse:\"collapse\",\"& tr\":{borderTop:`1px solid ${theme.appBorderColor}`,backgroundColor:\"white\",margin:0,padding:0,\"& th\":{fontWeight:\"bold\",border:`1px solid ${theme.appBorderColor}`,textAlign:\"left\",margin:0,padding:\"6px 13px\"},\"& td\":{border:`1px solid ${theme.appBorderColor}`,textAlign:\"left\",margin:0,padding:\"6px 13px\"},\"&:nth-of-type(2n)\":{backgroundColor:theme.color.lighter},\"& th :first-of-type, & td :first-of-type\":{marginTop:0},\"& th :last-child, & td :last-child\":{marginBottom:0}}},img:{maxWidth:\"100%\"},\"span.frame\":{display:\"block\",overflow:\"hidden\",\"& > span\":{border:`1px solid ${theme.color.medium}`,display:\"block\",float:\"left\",overflow:\"hidden\",margin:\"13px 0 0\",padding:7,width:\"auto\"},\"& span img\":{display:\"block\",float:\"left\"},\"& span span\":{clear:\"both\",color:theme.color.darkest,display:\"block\",padding:\"5px 0 0\"}},\"span.align-center\":{display:\"block\",overflow:\"hidden\",clear:\"both\",\"& > span\":{display:\"block\",overflow:\"hidden\",margin:\"13px auto 0\",textAlign:\"center\"},\"& span img\":{margin:\"0 auto\",textAlign:\"center\"}},\"span.align-right\":{display:\"block\",overflow:\"hidden\",clear:\"both\",\"& > span\":{display:\"block\",overflow:\"hidden\",margin:\"13px 0 0\",textAlign:\"right\"},\"& span img\":{margin:0,textAlign:\"right\"}},\"span.float-left\":{display:\"block\",marginRight:13,overflow:\"hidden\",float:\"left\",\"& span\":{margin:\"13px 0 0\"}},\"span.float-right\":{display:\"block\",marginLeft:13,overflow:\"hidden\",float:\"right\",\"& > span\":{display:\"block\",overflow:\"hidden\",margin:\"13px auto 0\",textAlign:\"right\"}},\"code, tt\":{margin:\"0 2px\",padding:\"0 5px\",whiteSpace:\"nowrap\",border:`1px solid ${theme.color.mediumlight}`,backgroundColor:theme.color.lighter,borderRadius:3,color:theme.base===\"dark\"&&theme.color.darkest}}));var languages=[],Comp=null,LazySyntaxHighlighter=lazy(async()=>{let{SyntaxHighlighter:SyntaxHighlighter3}=await import('./syntaxhighlighter-B5GMVT5T.mjs');return languages.length>0&&(languages.forEach(args=>{SyntaxHighlighter3.registerLanguage(...args);}),languages=[]),Comp===null&&(Comp=SyntaxHighlighter3),{default:props=>React5__default.createElement(SyntaxHighlighter3,{...props})}}),LazySyntaxHighlighterWithFormatter=lazy(async()=>{let[{SyntaxHighlighter:SyntaxHighlighter3},{formatter}]=await Promise.all([import('./syntaxhighlighter-B5GMVT5T.mjs'),import('./formatter-SWP5E3XI.mjs')]);return languages.length>0&&(languages.forEach(args=>{SyntaxHighlighter3.registerLanguage(...args);}),languages=[]),Comp===null&&(Comp=SyntaxHighlighter3),{default:props=>React5__default.createElement(SyntaxHighlighter3,{...props,formatter})}}),SyntaxHighlighter2=props=>React5__default.createElement(Suspense,{fallback:React5__default.createElement(\"div\",null)},props.format!==!1?React5__default.createElement(LazySyntaxHighlighterWithFormatter,{...props}):React5__default.createElement(LazySyntaxHighlighter,{...props}));SyntaxHighlighter2.registerLanguage=(...args)=>{if(Comp!==null){Comp.registerLanguage(...args);return}languages.push(args);};var toNumber=input=>typeof input==\"number\"?input:Number(input),Container=styled.div(({theme,col,row=1})=>col?{display:\"inline-block\",verticalAlign:\"inherit\",\"& > *\":{marginLeft:col*theme.layoutMargin,verticalAlign:\"inherit\"},[`& > *:first-child${ignoreSsrWarning}`]:{marginLeft:0}}:{\"& > *\":{marginTop:row*theme.layoutMargin},[`& > *:first-child${ignoreSsrWarning}`]:{marginTop:0}},({theme,outer,col,row})=>{switch(!0){case!!(outer&&col):return {marginLeft:outer*theme.layoutMargin,marginRight:outer*theme.layoutMargin};case!!(outer&&row):return {marginTop:outer*theme.layoutMargin,marginBottom:outer*theme.layoutMargin};default:return {}}}),Spaced=({col,row,outer,children,...rest})=>{let outerAmount=toNumber(typeof outer==\"number\"||!outer?outer:col||row);return React5__default.createElement(Container,{col,row,outer:outerAmount,...rest},children)};var Title=styled.div(({theme})=>({fontWeight:theme.typography.weight.bold})),Desc=styled.div(),Message=styled.div(({theme})=>({padding:30,textAlign:\"center\",color:theme.color.defaultText,fontSize:theme.typography.size.s2-1})),Placeholder=({children,...props})=>{let[title,desc]=Children.toArray(children);return React5__default.createElement(Message,{...props},React5__default.createElement(Title,null,title),desc&&React5__default.createElement(Desc,null,desc))};var ZoomElementWrapper=styled.div(({scale=1,elementHeight})=>({height:elementHeight||\"auto\",transformOrigin:\"top left\",transform:`scale(${1/scale})`}));function ZoomElement({scale,children}){let componentWrapperRef=useRef(null),[elementHeight,setElementHeight]=useState(0),onResize=useCallback(({height})=>{height&&setElementHeight(height/scale);},[scale]);return useEffect(()=>{componentWrapperRef.current&&setElementHeight(componentWrapperRef.current.getBoundingClientRect().height);},[scale]),useResizeObserver({ref:componentWrapperRef,onResize}),React5__default.createElement(ZoomElementWrapper,{scale,elementHeight},React5__default.createElement(\"div\",{ref:componentWrapperRef,className:\"innerZoomElementWrapper\"},children))}var ZoomIFrame=class extends Component{constructor(){super(...arguments);this.iframe=null;}componentDidMount(){let{iFrameRef}=this.props;this.iframe=iFrameRef.current;}shouldComponentUpdate(nextProps){let{scale,active}=this.props;return scale!==nextProps.scale&&this.setIframeInnerZoom(nextProps.scale),active!==nextProps.active&&this.iframe.setAttribute(\"data-is-storybook\",nextProps.active?\"true\":\"false\"),nextProps.children.props.src!==this.props.children.props.src}setIframeInnerZoom(scale){try{Object.assign(this.iframe.contentDocument.body.style,{width:`${scale*100}%`,height:`${scale*100}%`,transform:`scale(${1/scale})`,transformOrigin:\"top left\"});}catch{this.setIframeZoom(scale);}}setIframeZoom(scale){Object.assign(this.iframe.style,{width:`${scale*100}%`,height:`${scale*100}%`,transform:`scale(${1/scale})`,transformOrigin:\"top left\"});}render(){let{children}=this.props;return React5__default.createElement(React5__default.Fragment,null,children)}};var Zoom={Element:ZoomElement,IFrame:ZoomIFrame};var {document:document2}=global,ErrorName=styled.strong(({theme})=>({color:theme.color.orange})),ErrorImportant=styled.strong(({theme})=>({color:theme.color.ancillary,textDecoration:\"underline\"})),ErrorDetail=styled.em(({theme})=>({color:theme.textMutedColor})),firstLineRegex=/(Error): (.*)\\n/,linesRegexChromium=/at (?:(.*) )?\\(?(.+)\\)?/,linesRegexFirefox=/([^@]+)?(?:\\/<)?@(.+)?/,linesRegexSafari=/([^@]+)?@(.+)?/,ErrorFormatter=({error})=>{if(!error)return React5__default.createElement(Fragment,null,\"This error has no stack or message\");if(!error.stack)return React5__default.createElement(Fragment,null,error.message||\"This error has no stack or message\");let input=error.stack.toString();input&&error.message&&!input.includes(error.message)&&(input=`Error: ${error.message}\n\n${input}`);let match=input.match(firstLineRegex);if(!match)return React5__default.createElement(Fragment,null,input);let[,type,name]=match,rawLines=input.split(/\\n/).slice(1),[,...lines]=rawLines.map(line=>{let result=line.match(linesRegexChromium)||line.match(linesRegexFirefox)||line.match(linesRegexSafari);return result?{name:(result[1]||\"\").replace(\"/<\",\"\"),location:result[2].replace(document2.location.origin,\"\")}:null}).filter(Boolean);return React5__default.createElement(Fragment,null,React5__default.createElement(\"span\",null,type),\": \",React5__default.createElement(ErrorName,null,name),React5__default.createElement(\"br\",null),lines.map((l,i)=>l.name?React5__default.createElement(Fragment,{key:i},\" \",\"at \",React5__default.createElement(ErrorImportant,null,l.name),\" (\",React5__default.createElement(ErrorDetail,null,l.location),\")\",React5__default.createElement(\"br\",null)):React5__default.createElement(Fragment,{key:i},\" \",\"at \",React5__default.createElement(ErrorDetail,null,l.location),React5__default.createElement(\"br\",null))))};var ButtonWrapper=styled.button(({small,theme})=>({border:0,borderRadius:\"3em\",cursor:\"pointer\",display:\"inline-block\",overflow:\"hidden\",padding:small?\"8px 16px\":\"13px 20px\",position:\"relative\",textAlign:\"center\",textDecoration:\"none\",transitionProperty:\"background, box-shadow\",transitionDuration:\"150ms\",transitionTimingFunction:\"ease-out\",verticalAlign:\"top\",whiteSpace:\"nowrap\",userSelect:\"none\",opacity:1,margin:0,background:\"transparent\",fontSize:`${small?theme.typography.size.s1:theme.typography.size.s2-1}px`,fontWeight:theme.typography.weight.bold,lineHeight:\"1\",svg:{display:\"inline-block\",height:small?12:14,width:small?12:14,verticalAlign:\"top\",marginRight:small?4:6,marginTop:small?0:-1,marginBottom:small?0:-1,pointerEvents:\"none\",path:{fill:\"currentColor\"}}}),({disabled})=>disabled?{cursor:\"not-allowed !important\",opacity:.5,\"&:hover\":{transform:\"none\"}}:{},({containsIcon,small})=>containsIcon?{svg:{display:\"block\",margin:0},...small?{padding:10}:{padding:13}}:{},({theme,primary,secondary,gray})=>{let color2;return gray?color2=theme.color.mediumlight:secondary?color2=theme.color.secondary:primary&&(color2=theme.color.primary),color2?{background:color2,color:gray?theme.color.darkest:theme.color.lightest,\"&:hover\":{background:curriedDarken$1(.05,color2)},\"&:active\":{boxShadow:\"rgba(0, 0, 0, 0.1) 0 0 0 3em inset\"},\"&:focus\":{boxShadow:`${rgba(color2,1)} 0 1px 9px 2px`,outline:\"none\"},\"&:focus:hover\":{boxShadow:`${rgba(color2,.2)} 0 8px 18px 0px`}}:{}},({theme,tertiary,inForm,small})=>tertiary?{background:theme.button.background,color:theme.input.color,boxShadow:`${theme.button.border} 0 0 0 1px inset`,borderRadius:theme.input.borderRadius,...inForm&&small?{padding:\"10px 16px\"}:{},\"&:hover\":{background:theme.base===\"light\"?curriedDarken$1(.02,theme.button.background):curriedLighten$1(.03,theme.button.background),...inForm?{}:{boxShadow:\"rgba(0,0,0,.2) 0 2px 6px 0, rgba(0,0,0,.1) 0 0 0 1px inset\"}},\"&:active\":{background:theme.button.background},\"&:focus\":{boxShadow:`${rgba(theme.color.secondary,1)} 0 0 0 1px inset`,outline:\"none\"}}:{},({theme,outline})=>outline?{boxShadow:`${curriedTransparentize$1(.8,theme.color.defaultText)} 0 0 0 1px inset`,color:curriedTransparentize$1(.3,theme.color.defaultText),background:\"transparent\",\"&:hover, &:focus\":{boxShadow:`${curriedTransparentize$1(.5,theme.color.defaultText)} 0 0 0 1px inset`,outline:\"none\"},\"&:active\":{boxShadow:`${curriedTransparentize$1(.5,theme.color.defaultText)} 0 0 0 2px inset`,color:curriedTransparentize$1(0,theme.color.defaultText)}}:{},({theme,outline,primary})=>{let color2=theme.color.primary;return outline&&primary?{boxShadow:`${color2} 0 0 0 1px inset`,color:color2,\"svg path:not([fill])\":{fill:color2},\"&:hover\":{boxShadow:`${color2} 0 0 0 1px inset`,background:\"transparent\"},\"&:active\":{background:color2,boxShadow:`${color2} 0 0 0 1px inset`,color:theme.color.tertiary},\"&:focus\":{boxShadow:`${color2} 0 0 0 1px inset, ${rgba(color2,.4)} 0 1px 9px 2px`,outline:\"none\"},\"&:focus:hover\":{boxShadow:`${color2} 0 0 0 1px inset, ${rgba(color2,.2)} 0 8px 18px 0px`}}:{}},({theme,outline,primary,secondary})=>{let color2;return secondary?color2=theme.color.secondary:primary&&(color2=theme.color.primary),outline&&color2?{boxShadow:`${color2} 0 0 0 1px inset`,color:color2,\"svg path:not([fill])\":{fill:color2},\"&:hover\":{boxShadow:`${color2} 0 0 0 1px inset`,background:\"transparent\"},\"&:active\":{background:color2,boxShadow:`${color2} 0 0 0 1px inset`,color:theme.color.tertiary},\"&:focus\":{boxShadow:`${color2} 0 0 0 1px inset, ${rgba(color2,.4)} 0 1px 9px 2px`,outline:\"none\"},\"&:focus:hover\":{boxShadow:`${color2} 0 0 0 1px inset, ${rgba(color2,.2)} 0 8px 18px 0px`}}:{}}),ButtonLink=ButtonWrapper.withComponent(\"a\"),Button=Object.assign(forwardRef(function({isLink,children,...props},ref){return isLink?React5__default.createElement(ButtonLink,{...props,ref},children):React5__default.createElement(ButtonWrapper,{...props,ref},children)}),{defaultProps:{isLink:!1}});var Wrapper=styled.label(({theme})=>({display:\"flex\",borderBottom:`1px solid ${theme.appBorderColor}`,margin:\"0 15px\",padding:\"8px 0\",\"&:last-child\":{marginBottom:\"3rem\"}})),Label=styled.span(({theme})=>({minWidth:100,fontWeight:theme.typography.weight.bold,marginRight:15,display:\"flex\",justifyContent:\"flex-start\",alignItems:\"center\",lineHeight:\"16px\"})),Field=({label,children,...props})=>React5__default.createElement(Wrapper,{...props},label?React5__default.createElement(Label,null,React5__default.createElement(\"span\",null,label)):null,children);Field.defaultProps={label:void 0};function _extends2(){return _extends2=Object.assign?Object.assign.bind():function(target){for(var i=1;i=0)&&(target[key]=source[key]);return target}var updateRef=function(ref,value){if(typeof ref==\"function\"){ref(value);return}ref.current=value;},useComposedRef=function(libRef,userRef){var prevUserRef=useRef();return useCallback(function(instance){libRef.current=instance,prevUserRef.current&&updateRef(prevUserRef.current,null),prevUserRef.current=userRef,userRef&&updateRef(userRef,instance);},[userRef])},use_composed_ref_esm_default=useComposedRef;var noop=function(){},_excluded=[\"cacheMeasurements\",\"maxRows\",\"minRows\",\"onChange\",\"onHeightChange\"],TextareaAutosize=function(_ref,userRef){_ref.cacheMeasurements,_ref.maxRows,_ref.minRows;var _ref$onChange=_ref.onChange,onChange=_ref$onChange===void 0?noop:_ref$onChange;_ref.onHeightChange;var props=_objectWithoutPropertiesLoose(_ref,_excluded);props.value;var libRef=React5.useRef(null),ref=use_composed_ref_esm_default(libRef,userRef);return React5.useRef(0),React5.useRef(),React5.createElement(\"textarea\",_extends2({},props,{onChange,ref}))},index=React5.forwardRef(TextareaAutosize);var styleResets={appearance:\"none\",border:\"0 none\",boxSizing:\"inherit\",display:\" block\",margin:\" 0\",background:\"transparent\",padding:0,fontSize:\"inherit\",position:\"relative\"},styles=({theme})=>({...styleResets,transition:\"box-shadow 200ms ease-out, opacity 200ms ease-out\",color:theme.input.color||\"inherit\",background:theme.input.background,boxShadow:`${theme.input.border} 0 0 0 1px inset`,borderRadius:theme.input.borderRadius,fontSize:theme.typography.size.s2-1,lineHeight:\"20px\",padding:\"6px 10px\",boxSizing:\"border-box\",height:32,'&[type=\"file\"]':{height:\"auto\"},\"&:focus\":{boxShadow:`${theme.color.secondary} 0 0 0 1px inset`,outline:\"none\"},\"&[disabled]\":{cursor:\"not-allowed\",opacity:.5},\"&:-webkit-autofill\":{WebkitBoxShadow:`0 0 0 3em ${theme.color.lightest} inset`},\"&::placeholder\":{color:theme.textMutedColor,opacity:1}}),sizes=({size})=>{switch(size){case\"100%\":return {width:\"100%\"};case\"flex\":return {flex:1};case\"auto\":default:return {display:\"inline\"}}},alignment=({align})=>{switch(align){case\"end\":return {textAlign:\"right\"};case\"center\":return {textAlign:\"center\"};case\"start\":default:return {textAlign:\"left\"}}},validation=({valid,theme})=>{switch(valid){case\"valid\":return {boxShadow:`${theme.color.positive} 0 0 0 1px inset !important`};case\"error\":return {boxShadow:`${theme.color.negative} 0 0 0 1px inset !important`};case\"warn\":return {boxShadow:`${theme.color.warning} 0 0 0 1px inset`};case void 0:case null:default:return {}}},Input=Object.assign(styled(forwardRef(function({size,valid,align,...props},ref){return React5__default.createElement(\"input\",{...props,ref})}))(styles,sizes,alignment,validation,{minHeight:32}),{displayName:\"Input\"}),Select=Object.assign(styled(forwardRef(function({size,valid,align,...props},ref){return React5__default.createElement(\"select\",{...props,ref})}))(styles,sizes,validation,{height:32,userSelect:\"none\",paddingRight:20,appearance:\"menulist\"}),{displayName:\"Select\"}),Textarea=Object.assign(styled(forwardRef(function({size,valid,align,...props},ref){return React5__default.createElement(index,{...props,ref})}))(styles,sizes,alignment,validation,({height=400})=>({overflow:\"visible\",maxHeight:height})),{displayName:\"Textarea\"}),ButtonStyled=styled(forwardRef(function({size,valid,align,...props},ref){return React5__default.createElement(Button,{...props,ref})}))(sizes,validation,{userSelect:\"none\",overflow:\"visible\",zIndex:2,\"&:hover\":{transform:\"none\"}}),Button3=Object.assign(forwardRef(function(props,ref){return React5__default.createElement(ButtonStyled,{...props,tertiary:!0,small:!0,inForm:!0,ref})}),{displayName:\"Button\"});var Form=Object.assign(styled.form({boxSizing:\"border-box\",width:\"100%\"}),{Field,Input,Select,Textarea,Button:Button3});var LazyWithTooltip=lazy(()=>import('./WithTooltip-V3YHNWJZ.mjs').then(mod=>({default:mod.WithTooltip}))),WithTooltip=props=>React5__default.createElement(Suspense,{fallback:React5__default.createElement(\"div\",null)},React5__default.createElement(LazyWithTooltip,{...props})),LazyWithTooltipPure=lazy(()=>import('./WithTooltip-V3YHNWJZ.mjs').then(mod=>({default:mod.WithTooltipPure}))),WithTooltipPure=props=>React5__default.createElement(Suspense,{fallback:React5__default.createElement(\"div\",null)},React5__default.createElement(LazyWithTooltipPure,{...props}));var Title2=styled.div(({theme})=>({fontWeight:theme.typography.weight.bold})),Desc2=styled.span(),Links=styled.div(({theme})=>({marginTop:8,textAlign:\"center\",\"> *\":{margin:\"0 8px\",fontWeight:theme.typography.weight.bold}})),Message2=styled.div(({theme})=>({color:theme.color.defaultText,lineHeight:\"18px\"})),MessageWrapper=styled.div({padding:15,width:280,boxSizing:\"border-box\"}),TooltipMessage=({title,desc,links})=>React5__default.createElement(MessageWrapper,null,React5__default.createElement(Message2,null,title&&React5__default.createElement(Title2,null,title),desc&&React5__default.createElement(Desc2,null,desc)),links&&React5__default.createElement(Links,null,links.map(({title:linkTitle,...other})=>React5__default.createElement(Link2,{...other,key:linkTitle},linkTitle))));TooltipMessage.defaultProps={title:null,desc:null,links:null};var Note=styled.div(({theme})=>({padding:\"2px 6px\",lineHeight:\"16px\",fontSize:10,fontWeight:theme.typography.weight.bold,color:theme.color.lightest,boxShadow:\"0 0 5px 0 rgba(0, 0, 0, 0.3)\",borderRadius:4,whiteSpace:\"nowrap\",pointerEvents:\"none\",zIndex:-1,background:theme.base===\"light\"?\"rgba(60, 60, 60, 0.9)\":\"rgba(0, 0, 0, 0.95)\",margin:6})),TooltipNote=({note,...props})=>React5__default.createElement(Note,{...props},note);var Title3=styled(({active,loading,disabled,...rest})=>React5__default.createElement(\"span\",{...rest}))(({theme})=>({color:theme.color.defaultText,fontWeight:theme.typography.weight.regular}),({active,theme})=>active?{color:theme.color.secondary,fontWeight:theme.typography.weight.bold}:{},({loading,theme})=>loading?{display:\"inline-block\",flex:\"none\",...theme.animation.inlineGlow}:{},({disabled,theme})=>disabled?{color:curriedTransparentize$1(.7,theme.color.defaultText)}:{}),Right=styled.span({display:\"flex\",\"& svg\":{height:12,width:12,margin:\"3px 0\",verticalAlign:\"top\"},\"& path\":{fill:\"inherit\"}}),Center=styled.span({flex:1,textAlign:\"left\",display:\"flex\",flexDirection:\"column\"},({isIndented})=>isIndented?{marginLeft:24}:{}),CenterText=styled.span(({theme})=>({fontSize:\"11px\",lineHeight:\"14px\"}),({active,theme})=>active?{color:theme.color.secondary}:{},({theme,disabled})=>disabled?{color:theme.textMutedColor}:{}),Left=styled.span(({active,theme})=>active?{\"& svg\":{opacity:1},\"& svg path:not([fill])\":{fill:theme.color.secondary}}:{},()=>({display:\"flex\",maxWidth:14})),Item=styled.a(({theme})=>({fontSize:theme.typography.size.s1,transition:\"all 150ms ease-out\",color:theme.color.dark,textDecoration:\"none\",cursor:\"pointer\",justifyContent:\"space-between\",lineHeight:\"18px\",padding:\"7px 10px\",display:\"flex\",alignItems:\"center\",\"& > * + *\":{paddingLeft:10},\"&:hover\":{background:theme.background.hoverable},\"&:hover svg\":{opacity:1}}),({disabled})=>disabled?{cursor:\"not-allowed\"}:{}),getItemProps=memoize(100)((onClick,href,LinkWrapper)=>{let result={};return onClick&&Object.assign(result,{onClick}),href&&Object.assign(result,{href}),LinkWrapper&&href&&Object.assign(result,{to:href,as:LinkWrapper}),result}),ListItem=({loading,left,title,center,right,icon,active,disabled,isIndented,href,onClick,LinkWrapper,...rest})=>{let itemProps=getItemProps(onClick,href,LinkWrapper),commonProps={active,disabled},isStorybookIcon=typeof icon==\"string\"&&icons[icon];return React5__default.createElement(Item,{...commonProps,...rest,...itemProps},icon?React5__default.createElement(Left,{...commonProps},isStorybookIcon?React5__default.createElement(Icons,{icon}):icon):left&&React5__default.createElement(Left,{...commonProps},left),title||center?React5__default.createElement(Center,{isIndented:!left&&!icon&&isIndented},title&&React5__default.createElement(Title3,{...commonProps,loading},title),center&&React5__default.createElement(CenterText,{...commonProps},center)):null,right&&React5__default.createElement(Right,{...commonProps},right))};ListItem.defaultProps={loading:!1,left:null,title:React5__default.createElement(\"span\",null,\"Loading state\"),center:null,right:null,active:!1,disabled:!1,href:null,LinkWrapper:null,onClick:null};var ListItem_default=ListItem;var List=styled.div({minWidth:180,overflow:\"hidden\",overflowY:\"auto\",maxHeight:15.5*32},({theme})=>({borderRadius:theme.appBorderRadius})),Item2=props=>{let{LinkWrapper,onClick:onClickFromProps,id,isIndented,...rest}=props,{title,href,active}=rest,onClick=useCallback(event=>{onClickFromProps(event,rest);},[onClickFromProps]),hasOnClick=!!onClickFromProps;return React5__default.createElement(ListItem_default,{title,active,href,id:`list-item-${id}`,LinkWrapper,isIndented,...rest,...hasOnClick?{onClick}:{}})},TooltipLinkList=({links,LinkWrapper})=>{let hasOneLeftElement=links.some(link=>link.left||link.icon);return React5__default.createElement(List,null,links.map(({isGatsby,...p})=>React5__default.createElement(Item2,{key:p.id,LinkWrapper:isGatsby?LinkWrapper:null,isIndented:hasOneLeftElement,...p})))};TooltipLinkList.defaultProps={LinkWrapper:ListItem_default.defaultProps.LinkWrapper};var ButtonOrLink=React5__default.forwardRef(({children,...restProps},ref)=>restProps.href!=null?React5__default.createElement(\"a\",{ref,...restProps},children):React5__default.createElement(\"button\",{ref,type:\"button\",...restProps},children));ButtonOrLink.displayName=\"ButtonOrLink\";var TabButton=styled(ButtonOrLink,{shouldForwardProp:isPropValid})({whiteSpace:\"normal\",display:\"inline-flex\",overflow:\"hidden\",verticalAlign:\"top\",justifyContent:\"center\",alignItems:\"center\",textAlign:\"center\",textDecoration:\"none\",\"&:empty\":{display:\"none\"}},({theme})=>({padding:\"0 15px\",transition:\"color 0.2s linear, border-bottom-color 0.2s linear\",height:40,lineHeight:\"12px\",cursor:\"pointer\",background:\"transparent\",border:\"0 solid transparent\",borderTop:\"3px solid transparent\",borderBottom:\"3px solid transparent\",fontWeight:\"bold\",fontSize:13,\"&:focus\":{outline:\"0 none\",borderBottomColor:theme.color.secondary}}),({active,textColor,theme})=>active?{color:textColor||theme.barSelectedColor,borderBottomColor:theme.barSelectedColor}:{color:textColor||theme.barTextColor,borderBottomColor:\"transparent\"});TabButton.displayName=\"TabButton\";var IconButton=styled(ButtonOrLink,{shouldForwardProp:isPropValid})(()=>({alignItems:\"center\",background:\"transparent\",border:\"none\",borderRadius:4,color:\"inherit\",cursor:\"pointer\",display:\"inline-flex\",fontSize:13,fontWeight:\"bold\",height:28,justifyContent:\"center\",marginTop:6,padding:\"8px 7px\",\"& > svg\":{width:14}}),({active,theme})=>active?{backgroundColor:theme.background.hoverable,color:theme.barSelectedColor}:{},({disabled,theme})=>disabled?{opacity:.5,cursor:\"not-allowed\"}:{\"&:hover, &:focus-visible\":{background:curriedTransparentize$1(.88,theme.color.secondary),color:theme.barHoverColor},\"&:focus-visible\":{outline:auto},\"&:focus:not(:focus-visible)\":{outline:\"none\"}});IconButton.displayName=\"IconButton\";var IconPlaceholder=styled.div(({theme})=>({width:14,height:14,backgroundColor:theme.appBorderColor,animation:`${theme.animation.glow} 1.5s ease-in-out infinite`})),IconButtonSkeletonWrapper=styled.div(()=>({marginTop:6,padding:7,height:28})),IconButtonSkeleton=()=>React5__default.createElement(IconButtonSkeletonWrapper,null,React5__default.createElement(IconPlaceholder,null));var Side=styled.div({display:\"flex\",whiteSpace:\"nowrap\",flexBasis:\"auto\",marginLeft:3,marginRight:3},({scrollable})=>scrollable?{flexShrink:0}:{},({left})=>left?{\"& > *\":{marginLeft:4}}:{},({right})=>right?{marginLeft:30,\"& > *\":{marginRight:4}}:{});Side.displayName=\"Side\";var UnstyledBar=({children,className,scrollable})=>scrollable?React5__default.createElement(ScrollArea,{vertical:!1,className},children):React5__default.createElement(\"div\",{className},children),Bar=styled(UnstyledBar)(({theme,scrollable=!0})=>({color:theme.barTextColor,width:\"100%\",height:40,flexShrink:0,overflow:scrollable?\"auto\":\"hidden\",overflowY:\"hidden\"}),({theme,border=!1})=>border?{boxShadow:`${theme.appBorderColor} 0 -1px 0 0 inset`,background:theme.barBg}:{});Bar.displayName=\"Bar\";var BarInner=styled.div(({bgColor})=>({display:\"flex\",justifyContent:\"space-between\",position:\"relative\",flexWrap:\"nowrap\",flexShrink:0,height:40,backgroundColor:bgColor||\"\"})),FlexBar=({children,backgroundColor,...rest})=>{let[left,right]=Children.toArray(children);return React5__default.createElement(Bar,{...rest},React5__default.createElement(BarInner,{bgColor:backgroundColor},React5__default.createElement(Side,{scrollable:rest.scrollable,left:!0},left),right?React5__default.createElement(Side,{right:!0},right):null))};FlexBar.displayName=\"FlexBar\";var VisuallyHidden=styled.div(({active})=>active?{display:\"block\"}:{display:\"none\"}),childrenToList=children=>Children.toArray(children).map(({props:{title,id,color:color2,children:childrenOfChild}})=>{let content=Array.isArray(childrenOfChild)?childrenOfChild[0]:childrenOfChild;return {title,id,...color2?{color:color2}:{},render:typeof content==\"function\"?content:({active})=>React5__default.createElement(VisuallyHidden,{active,role:\"tabpanel\"},content)}});var CollapseIcon=styled.span(({theme,isActive})=>({display:\"inline-block\",width:0,height:0,marginLeft:8,color:isActive?theme.color.secondary:theme.color.mediumdark,borderRight:\"3px solid transparent\",borderLeft:\"3px solid transparent\",borderTop:\"3px solid\",transition:\"transform .1s ease-out\"})),AddonButton=styled(TabButton)(({active,theme,preActive})=>`\n color: ${preActive||active?theme.color.secondary:theme.color.mediumdark};\n &:hover {\n color: ${theme.color.secondary};\n .addon-collapsible-icon {\n color: ${theme.color.secondary};\n }\n }\n `);function useList(list){let tabBarRef=useRef(),addonsRef=useRef(),tabRefs=useRef(new Map),{width:tabBarWidth=1}=useResizeObserver({ref:tabBarRef}),[visibleList,setVisibleList]=useState(list),[invisibleList,setInvisibleList]=useState([]),previousList=useRef(list),AddonTab=useCallback(({menuName,actions})=>{let isAddonsActive=invisibleList.some(({active})=>active),[isTooltipVisible,setTooltipVisible]=useState(!1);return React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(WithToolTipState,{interactive:!0,visible:isTooltipVisible,onVisibleChange:setTooltipVisible,placement:\"bottom\",delayHide:100,tooltip:React5__default.createElement(TooltipLinkList,{links:invisibleList.map(({title,id,color:color2,active})=>({id,title,color:color2,active,onClick:e=>{e.preventDefault(),actions.onSelect(id);}}))})},React5__default.createElement(AddonButton,{ref:addonsRef,active:isAddonsActive,preActive:isTooltipVisible,style:{visibility:invisibleList.length?\"visible\":\"hidden\"},\"aria-hidden\":!invisibleList.length,className:\"tabbutton\",type:\"button\",role:\"tab\"},menuName,React5__default.createElement(CollapseIcon,{className:\"addon-collapsible-icon\",isActive:isAddonsActive||isTooltipVisible}))),invisibleList.map(({title,id,color:color2},index2)=>{let indexId=`index-${index2}`;return React5__default.createElement(TabButton,{id:`tabbutton-${sanitize(id)??indexId}`,style:{visibility:\"hidden\"},\"aria-hidden\":!0,tabIndex:-1,ref:ref=>{tabRefs.current.set(id,ref);},className:\"tabbutton\",type:\"button\",key:id,textColor:color2,role:\"tab\"},title)}))},[invisibleList]),setTabLists=useCallback(()=>{if(!tabBarRef.current||!addonsRef.current)return;let{x,width}=tabBarRef.current.getBoundingClientRect(),{width:widthAddonsTab}=addonsRef.current.getBoundingClientRect(),rightBorder=invisibleList.length?x+width-widthAddonsTab:x+width,newVisibleList=[],widthSum=0,newInvisibleList=list.filter(item=>{let{id}=item,tabButton=tabRefs.current.get(id),{width:tabWidth=0}=tabButton?.getBoundingClientRect()||{},crossBorder=x+widthSum+tabWidth>rightBorder;return (!crossBorder||!tabButton)&&newVisibleList.push(item),widthSum+=tabWidth,crossBorder});(newVisibleList.length!==visibleList.length||previousList.current!==list)&&(setVisibleList(newVisibleList),setInvisibleList(newInvisibleList),previousList.current=list);},[invisibleList.length,list,visibleList]);return useLayoutEffect(setTabLists,[setTabLists,tabBarWidth]),{tabRefs,addonsRef,tabBarRef,visibleList,invisibleList,AddonTab}}var ignoreSsrWarning2=\"/* emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason */\",Wrapper2=styled.div(({theme,bordered})=>bordered?{backgroundClip:\"padding-box\",border:`1px solid ${theme.appBorderColor}`,borderRadius:theme.appBorderRadius,overflow:\"hidden\",boxSizing:\"border-box\"}:{},({absolute})=>absolute?{width:\"100%\",height:\"100%\",boxSizing:\"border-box\",display:\"flex\",flexDirection:\"column\"}:{display:\"block\"}),TabBar=styled.div({overflow:\"hidden\",\"&:first-of-type\":{marginLeft:-3},whiteSpace:\"nowrap\",flexGrow:1});TabBar.displayName=\"TabBar\";var Content=styled.div({display:\"block\",position:\"relative\"},({theme})=>({fontSize:theme.typography.size.s2-1,background:theme.background.content}),({bordered,theme})=>bordered?{borderRadius:`0 0 ${theme.appBorderRadius-1}px ${theme.appBorderRadius-1}px`}:{},({absolute,bordered})=>absolute?{height:`calc(100% - ${bordered?42:40}px)`,position:\"absolute\",left:0+(bordered?1:0),right:0+(bordered?1:0),bottom:0+(bordered?1:0),top:40+(bordered?1:0),overflow:\"auto\",[`& > *:first-child${ignoreSsrWarning2}`]:{position:\"absolute\",left:0+(bordered?1:0),right:0+(bordered?1:0),bottom:0+(bordered?1:0),top:0+(bordered?1:0),height:`calc(100% - ${bordered?2:0}px)`,overflow:\"auto\"}}:{}),TabWrapper=({active,render,children})=>React5__default.createElement(VisuallyHidden,{active},render?render():children);var Tabs=memo(({children,selected,actions,absolute,bordered,tools,backgroundColor,id:htmlId,menuName})=>{let idList=childrenToList(children).map(i=>i.id),list=useMemo(()=>childrenToList(children).map((i,index2)=>({...i,active:selected?i.id===selected:index2===0})),[selected,...idList]),{visibleList,tabBarRef,tabRefs,AddonTab}=useList(list);return list.length?React5__default.createElement(Wrapper2,{absolute,bordered,id:htmlId},React5__default.createElement(FlexBar,{scrollable:!1,border:!0,backgroundColor},React5__default.createElement(TabBar,{style:{whiteSpace:\"normal\"},ref:tabBarRef,role:\"tablist\"},visibleList.map(({title,id,active,color:color2},index2)=>{let indexId=`index-${index2}`;return React5__default.createElement(TabButton,{id:`tabbutton-${sanitize(id)??indexId}`,ref:ref=>{tabRefs.current.set(id,ref);},className:`tabbutton ${active?\"tabbutton-active\":\"\"}`,type:\"button\",key:id,active,textColor:color2,onClick:e=>{e.preventDefault(),actions.onSelect(id);},role:\"tab\"},typeof title==\"function\"?React5__default.createElement(\"title\",null):title)}),React5__default.createElement(AddonTab,{menuName,actions})),tools),React5__default.createElement(Content,{id:\"panel-tab-content\",bordered,absolute},list.map(({id,active,render})=>React5__default.createElement(render,{key:id,active},null)))):React5__default.createElement(Placeholder,null,React5__default.createElement(Fragment,{key:\"title\"},\"Nothing found\"))});Tabs.displayName=\"Tabs\";Tabs.defaultProps={id:null,children:null,tools:null,selected:null,absolute:!1,bordered:!1,menuName:\"Tabs\"};var TabsState=class extends Component{constructor(props){super(props);this.handlers={onSelect:id=>this.setState({selected:id})};this.state={selected:props.initial};}render(){let{bordered=!1,absolute=!1,children,backgroundColor,menuName}=this.props,{selected}=this.state;return React5__default.createElement(Tabs,{bordered,absolute,selected,backgroundColor,menuName,actions:this.handlers},children)}};TabsState.defaultProps={children:[],initial:null,absolute:!1,bordered:!1,backgroundColor:\"\",menuName:void 0};var Separator=styled.span(({theme})=>({width:1,height:20,background:theme.appBorderColor,marginTop:10,marginLeft:6,marginRight:2}),({force})=>force?{}:{\"& + &\":{display:\"none\"}});Separator.displayName=\"Separator\";var interleaveSeparators=list=>list.reduce((acc,item,index2)=>item?React5__default.createElement(Fragment,{key:item.id||item.key||`f-${index2}`},acc,index2>0?React5__default.createElement(Separator,{key:`s-${index2}`}):null,item.render()||item):acc,null);var usePrevious=value=>{let ref=useRef();return useEffect(()=>{ref.current=value;},[value]),ref.current},useUpdate=(update,value)=>{let previousValue=usePrevious(value);return update?value:previousValue},AddonPanel=({active,children})=>React5__default.createElement(\"div\",{hidden:!active},useUpdate(active,children));var StorybookLogo=({alt,...props})=>React5__default.createElement(\"svg\",{width:\"200px\",height:\"40px\",viewBox:\"0 0 200 40\",...props,role:\"img\"},alt?React5__default.createElement(\"title\",null,alt):null,React5__default.createElement(\"defs\",null,React5__default.createElement(\"path\",{d:\"M1.2 36.9L0 3.9c0-1.1.8-2 1.9-2.1l28-1.8a2 2 0 0 1 2.2 1.9 2 2 0 0 1 0 .1v36a2 2 0 0 1-2 2 2 2 0 0 1-.1 0L3.2 38.8a2 2 0 0 1-2-2z\",id:\"a\"})),React5__default.createElement(\"g\",{fill:\"none\",fillRule:\"evenodd\"},React5__default.createElement(\"path\",{d:\"M53.3 31.7c-1.7 0-3.4-.3-5-.7-1.5-.5-2.8-1.1-3.9-2l1.6-3.5c2.2 1.5 4.6 2.3 7.3 2.3 1.5 0 2.5-.2 3.3-.7.7-.5 1.1-1 1.1-1.9 0-.7-.3-1.3-1-1.7s-2-.8-3.7-1.2c-2-.4-3.6-.9-4.8-1.5-1.1-.5-2-1.2-2.6-2-.5-1-.8-2-.8-3.2 0-1.4.4-2.6 1.2-3.6.7-1.1 1.8-2 3.2-2.6 1.3-.6 2.9-.9 4.7-.9 1.6 0 3.1.3 4.6.7 1.5.5 2.7 1.1 3.5 2l-1.6 3.5c-2-1.5-4.2-2.3-6.5-2.3-1.3 0-2.3.2-3 .8-.8.5-1.2 1.1-1.2 2 0 .5.2 1 .5 1.3.2.3.7.6 1.4.9l2.9.8c2.9.6 5 1.4 6.2 2.4a5 5 0 0 1 2 4.2 6 6 0 0 1-2.5 5c-1.7 1.2-4 1.9-7 1.9zm21-3.6l1.4-.1-.2 3.5-1.9.1c-2.4 0-4.1-.5-5.2-1.5-1.1-1-1.6-2.7-1.6-4.8v-6h-3v-3.6h3V11h4.8v4.6h4v3.6h-4v6c0 1.8.9 2.8 2.6 2.8zm11.1 3.5c-1.6 0-3-.3-4.3-1a7 7 0 0 1-3-2.8c-.6-1.3-1-2.7-1-4.4 0-1.6.4-3 1-4.3a7 7 0 0 1 3-2.8c1.2-.7 2.7-1 4.3-1 1.7 0 3.2.3 4.4 1a7 7 0 0 1 3 2.8c.6 1.2 1 2.7 1 4.3 0 1.7-.4 3.1-1 4.4a7 7 0 0 1-3 2.8c-1.2.7-2.7 1-4.4 1zm0-3.6c2.4 0 3.6-1.6 3.6-4.6 0-1.5-.3-2.6-1-3.4a3.2 3.2 0 0 0-2.6-1c-2.3 0-3.5 1.4-3.5 4.4 0 3 1.2 4.6 3.5 4.6zm21.7-8.8l-2.7.3c-1.3.2-2.3.5-2.8 1.2-.6.6-.9 1.4-.9 2.5v8.2H96V15.7h4.6v2.6c.8-1.8 2.5-2.8 5-3h1.3l.3 4zm14-3.5h4.8L116.4 37h-4.9l3-6.6-6.4-14.8h5l4 10 4-10zm16-.4c1.4 0 2.6.3 3.6 1 1 .6 1.9 1.6 2.5 2.8.6 1.2.9 2.7.9 4.3 0 1.6-.3 3-1 4.3a6.9 6.9 0 0 1-2.4 2.9c-1 .7-2.2 1-3.6 1-1 0-2-.2-3-.7-.8-.4-1.5-1-2-1.9v2.4h-4.7V8.8h4.8v9c.5-.8 1.2-1.4 2-1.9.9-.4 1.8-.6 3-.6zM135.7 28c1.1 0 2-.4 2.6-1.2.6-.8 1-2 1-3.4 0-1.5-.4-2.5-1-3.3s-1.5-1.1-2.6-1.1-2 .3-2.6 1.1c-.6.8-1 2-1 3.3 0 1.5.4 2.6 1 3.4.6.8 1.5 1.2 2.6 1.2zm18.9 3.6c-1.7 0-3.2-.3-4.4-1a7 7 0 0 1-3-2.8c-.6-1.3-1-2.7-1-4.4 0-1.6.4-3 1-4.3a7 7 0 0 1 3-2.8c1.2-.7 2.7-1 4.4-1 1.6 0 3 .3 4.3 1a7 7 0 0 1 3 2.8c.6 1.2 1 2.7 1 4.3 0 1.7-.4 3.1-1 4.4a7 7 0 0 1-3 2.8c-1.2.7-2.7 1-4.3 1zm0-3.6c2.3 0 3.5-1.6 3.5-4.6 0-1.5-.3-2.6-1-3.4a3.2 3.2 0 0 0-2.5-1c-2.4 0-3.6 1.4-3.6 4.4 0 3 1.2 4.6 3.6 4.6zm18 3.6c-1.7 0-3.2-.3-4.4-1a7 7 0 0 1-3-2.8c-.6-1.3-1-2.7-1-4.4 0-1.6.4-3 1-4.3a7 7 0 0 1 3-2.8c1.2-.7 2.7-1 4.4-1 1.6 0 3 .3 4.4 1a7 7 0 0 1 2.9 2.8c.6 1.2 1 2.7 1 4.3 0 1.7-.4 3.1-1 4.4a7 7 0 0 1-3 2.8c-1.2.7-2.7 1-4.3 1zm0-3.6c2.3 0 3.5-1.6 3.5-4.6 0-1.5-.3-2.6-1-3.4a3.2 3.2 0 0 0-2.5-1c-2.4 0-3.6 1.4-3.6 4.4 0 3 1.2 4.6 3.6 4.6zm27.4 3.4h-6l-6-7v7h-4.8V8.8h4.9v13.6l5.8-6.7h5.7l-6.6 7.5 7 8.2z\",fill:\"currentColor\"}),React5__default.createElement(\"mask\",{id:\"b\",fill:\"#fff\"},React5__default.createElement(\"use\",{xlinkHref:\"#a\"})),React5__default.createElement(\"use\",{fill:\"#FF4785\",fillRule:\"nonzero\",xlinkHref:\"#a\"}),React5__default.createElement(\"path\",{d:\"M23.7 5L24 .2l3.9-.3.1 4.8a.3.3 0 0 1-.5.2L26 3.8l-1.7 1.4a.3.3 0 0 1-.5-.3zm-5 10c0 .9 5.3.5 6 0 0-5.4-2.8-8.2-8-8.2-5.3 0-8.2 2.8-8.2 7.1 0 7.4 10 7.6 10 11.6 0 1.2-.5 1.9-1.8 1.9-1.6 0-2.2-.9-2.1-3.6 0-.6-6.1-.8-6.3 0-.5 6.7 3.7 8.6 8.5 8.6 4.6 0 8.3-2.5 8.3-7 0-7.9-10.2-7.7-10.2-11.6 0-1.6 1.2-1.8 2-1.8.6 0 2 0 1.9 3z\",fill:\"#FFF\",fillRule:\"nonzero\",mask:\"url(#b)\"})));var StorybookIcon=({...props})=>React5__default.createElement(\"svg\",{viewBox:\"0 0 64 64\",...props},React5__default.createElement(\"title\",null,\"Storybook icon\"),React5__default.createElement(\"g\",{id:\"Artboard\",stroke:\"none\",strokeWidth:\"1\",fill:\"none\",fillRule:\"evenodd\"},React5__default.createElement(\"path\",{d:\"M8.04798541,58.7875918 L6.07908839,6.32540407 C6.01406344,4.5927838 7.34257463,3.12440831 9.07303814,3.01625434 L53.6958037,0.227331489 C55.457209,0.117243658 56.974354,1.45590096 57.0844418,3.21730626 C57.0885895,3.28366922 57.0906648,3.35014546 57.0906648,3.41663791 L57.0906648,60.5834697 C57.0906648,62.3483119 55.6599776,63.7789992 53.8951354,63.7789992 C53.847325,63.7789992 53.7995207,63.7779262 53.7517585,63.775781 L11.0978899,61.8600599 C9.43669044,61.7854501 8.11034889,60.4492961 8.04798541,58.7875918 Z\",id:\"path-1\",fill:\"#FF4785\",fillRule:\"nonzero\"}),React5__default.createElement(\"path\",{d:\"M35.9095005,24.1768792 C35.9095005,25.420127 44.2838488,24.8242707 45.4080313,23.9509748 C45.4080313,15.4847538 40.8652557,11.0358878 32.5466666,11.0358878 C24.2280775,11.0358878 19.5673077,15.553972 19.5673077,22.3311017 C19.5673077,34.1346028 35.4965208,34.3605071 35.4965208,40.7987804 C35.4965208,42.606015 34.6115646,43.6790606 32.6646607,43.6790606 C30.127786,43.6790606 29.1248356,42.3834613 29.2428298,37.9783269 C29.2428298,37.0226907 19.5673077,36.7247626 19.2723223,37.9783269 C18.5211693,48.6535354 25.1720308,51.7326752 32.7826549,51.7326752 C40.1572906,51.7326752 45.939005,47.8018145 45.939005,40.6858282 C45.939005,28.035186 29.7738035,28.3740425 29.7738035,22.1051974 C29.7738035,19.5637737 31.6617103,19.2249173 32.7826549,19.2249173 C33.9625966,19.2249173 36.0864917,19.4328883 35.9095005,24.1768792 Z\",id:\"path9_fill-path\",fill:\"#FFFFFF\",fillRule:\"nonzero\"}),React5__default.createElement(\"path\",{d:\"M44.0461638,0.830433986 L50.1874092,0.446606143 L50.443532,7.7810017 C50.4527198,8.04410717 50.2468789,8.26484453 49.9837734,8.27403237 C49.871115,8.27796649 49.7607078,8.24184808 49.6721567,8.17209069 L47.3089847,6.3104681 L44.5110468,8.43287463 C44.3012992,8.591981 44.0022839,8.55092814 43.8431776,8.34118051 C43.7762017,8.25288717 43.742082,8.14401677 43.7466857,8.03329059 L44.0461638,0.830433986 Z\",id:\"Path\",fill:\"#FFFFFF\"})));var rotate360=keyframes`\n\tfrom {\n\t\ttransform: rotate(0deg);\n\t}\n\tto {\n\t\ttransform: rotate(360deg);\n\t}\n`;var LoaderWrapper=styled.div(({size=32})=>({borderRadius:\"50%\",cursor:\"progress\",display:\"inline-block\",overflow:\"hidden\",position:\"absolute\",transition:\"all 200ms ease-out\",verticalAlign:\"top\",top:\"50%\",left:\"50%\",marginTop:-(size/2),marginLeft:-(size/2),height:size,width:size,zIndex:4,borderWidth:2,borderStyle:\"solid\",borderColor:\"rgba(97, 97, 97, 0.29)\",borderTopColor:\"rgb(100,100,100)\",animation:`${rotate360} 0.7s linear infinite`,mixBlendMode:\"difference\"})),ProgressWrapper=styled.div({position:\"absolute\",display:\"flex\",flexDirection:\"column\",justifyContent:\"center\",alignItems:\"center\",width:\"100%\",height:\"100%\"}),ProgressTrack=styled.div(({theme})=>({position:\"relative\",width:\"80%\",marginBottom:\"0.75rem\",maxWidth:300,height:5,borderRadius:5,background:curriedTransparentize$1(.8,theme.color.secondary),overflow:\"hidden\",cursor:\"progress\"})),ProgressBar=styled.div(({theme})=>({position:\"absolute\",top:0,left:0,height:\"100%\",background:theme.color.secondary})),ProgressMessage=styled.div(({theme})=>({minHeight:\"2em\",fontSize:`${theme.typography.size.s1}px`,color:theme.barTextColor})),ErrorIcon=styled(Icons)(({theme})=>({width:20,height:20,marginBottom:\"0.5rem\",color:theme.textMutedColor})),ellipsis=keyframes`\n from { content: \"...\" }\n 33% { content: \".\" }\n 66% { content: \"..\" }\n to { content: \"...\" }\n`,Ellipsis=styled.span({\"&::after\":{content:\"'...'\",animation:`${ellipsis} 1s linear infinite`,animationDelay:\"1s\",display:\"inline-block\",width:\"1em\",height:\"auto\"}}),Loader=({progress,error,size,...props})=>{if(error)return React5__default.createElement(ProgressWrapper,{\"aria-label\":error.toString(),\"aria-live\":\"polite\",role:\"status\",...props},React5__default.createElement(ErrorIcon,{icon:\"lightningoff\"}),React5__default.createElement(ProgressMessage,null,error.message));if(progress){let{value,modules}=progress,{message}=progress;return modules&&(message+=` ${modules.complete} / ${modules.total} modules`),React5__default.createElement(ProgressWrapper,{\"aria-label\":\"Content is loading...\",\"aria-live\":\"polite\",\"aria-valuemin\":0,\"aria-valuemax\":100,\"aria-valuenow\":value*100,\"aria-valuetext\":message,role:\"progressbar\",...props},React5__default.createElement(ProgressTrack,null,React5__default.createElement(ProgressBar,{style:{width:`${value*100}%`}})),React5__default.createElement(ProgressMessage,null,message,value<1&&React5__default.createElement(Ellipsis,{key:message})))}return React5__default.createElement(LoaderWrapper,{\"aria-label\":\"Content is loading...\",\"aria-live\":\"polite\",role:\"status\",size,...props})};function parseQuery(queryString){let query={},pairs=queryString.split(\"&\");for(let i=0;i{let[url,paramsStr]=baseUrl.split(\"?\"),params=paramsStr?{...parseQuery(paramsStr),...additionalParams,id:storyId}:{...additionalParams,id:storyId};return `${url}?${Object.entries(params).map(item=>`${item[0]}=${item[1]}`).join(\"&\")}`};var Code2=styled.pre`\n line-height: 18px;\n padding: 11px 1rem;\n white-space: pre-wrap;\n background: rgba(0, 0, 0, 0.05);\n color: ${color.darkest};\n border-radius: 3px;\n margin: 1rem 0;\n width: 100%;\n display: block;\n overflow: hidden;\n font-family: ${typography.fonts.mono};\n font-size: ${typography.size.s2-1}px;\n`,ClipboardCode=({code,...props})=>React5__default.createElement(Code2,{id:\"clipboard-code\",...props},code);var components2=components,resetComponents={};Object.keys(components).forEach(key=>{resetComponents[key]=forwardRef((props,ref)=>createElement(key,{...props,ref}));});\n\nexport { A, AddonPanel, Badge, Bar, Blockquote, Button, ClipboardCode, Code, DL, Div, DocumentWrapper, ErrorFormatter, FlexBar, Form, H1, H2, H3, H4, H5, H6, HR, IconButton, IconButtonSkeleton, Icons, Img, LI, Link2 as Link, ListItem_default as ListItem, Loader, OL, P, Placeholder, Pre, ResetWrapper, Separator, Spaced, Span, StorybookIcon, StorybookLogo, Symbols, SyntaxHighlighter2 as SyntaxHighlighter, TT, TabBar, TabButton, TabWrapper, Table, Tabs, TabsState, TooltipLinkList, TooltipMessage, TooltipNote, UL, WithTooltip, WithTooltipPure, Zoom, codeCommon, components2 as components, getStoryHref, icons, interleaveSeparators, nameSpaceClassNames, resetComponents, withReset };\n","import { __commonJS, __toESM, background, typography, curriedOpacify$1, themes, getPreferredColorScheme, light_default, color, mkColor } from './chunk-EIRT5I3Z.mjs';\nexport { background, color, create, darkenColor as darken, lightenColor as lighten, themes, typography } from './chunk-EIRT5I3Z.mjs';\nimport * as React from 'react';\nimport { forwardRef, useContext } from 'react';\nimport { useInsertionEffectWithLayoutFallback, useInsertionEffectAlwaysWithSyncFallback } from '@emotion/use-insertion-effect-with-fallbacks';\nimport memoize2 from 'memoizerific';\nimport { logger } from '@storybook/client-logger';\n\nvar require_react_is_development=__commonJS({\"../../node_modules/react-is/cjs/react-is.development.js\"(exports){(function(){var hasSymbol=typeof Symbol==\"function\"&&Symbol.for,REACT_ELEMENT_TYPE=hasSymbol?Symbol.for(\"react.element\"):60103,REACT_PORTAL_TYPE=hasSymbol?Symbol.for(\"react.portal\"):60106,REACT_FRAGMENT_TYPE=hasSymbol?Symbol.for(\"react.fragment\"):60107,REACT_STRICT_MODE_TYPE=hasSymbol?Symbol.for(\"react.strict_mode\"):60108,REACT_PROFILER_TYPE=hasSymbol?Symbol.for(\"react.profiler\"):60114,REACT_PROVIDER_TYPE=hasSymbol?Symbol.for(\"react.provider\"):60109,REACT_CONTEXT_TYPE=hasSymbol?Symbol.for(\"react.context\"):60110,REACT_ASYNC_MODE_TYPE=hasSymbol?Symbol.for(\"react.async_mode\"):60111,REACT_CONCURRENT_MODE_TYPE=hasSymbol?Symbol.for(\"react.concurrent_mode\"):60111,REACT_FORWARD_REF_TYPE=hasSymbol?Symbol.for(\"react.forward_ref\"):60112,REACT_SUSPENSE_TYPE=hasSymbol?Symbol.for(\"react.suspense\"):60113,REACT_SUSPENSE_LIST_TYPE=hasSymbol?Symbol.for(\"react.suspense_list\"):60120,REACT_MEMO_TYPE=hasSymbol?Symbol.for(\"react.memo\"):60115,REACT_LAZY_TYPE=hasSymbol?Symbol.for(\"react.lazy\"):60116,REACT_BLOCK_TYPE=hasSymbol?Symbol.for(\"react.block\"):60121,REACT_FUNDAMENTAL_TYPE=hasSymbol?Symbol.for(\"react.fundamental\"):60117,REACT_RESPONDER_TYPE=hasSymbol?Symbol.for(\"react.responder\"):60118,REACT_SCOPE_TYPE=hasSymbol?Symbol.for(\"react.scope\"):60119;function isValidElementType(type){return typeof type==\"string\"||typeof type==\"function\"||type===REACT_FRAGMENT_TYPE||type===REACT_CONCURRENT_MODE_TYPE||type===REACT_PROFILER_TYPE||type===REACT_STRICT_MODE_TYPE||type===REACT_SUSPENSE_TYPE||type===REACT_SUSPENSE_LIST_TYPE||typeof type==\"object\"&&type!==null&&(type.$$typeof===REACT_LAZY_TYPE||type.$$typeof===REACT_MEMO_TYPE||type.$$typeof===REACT_PROVIDER_TYPE||type.$$typeof===REACT_CONTEXT_TYPE||type.$$typeof===REACT_FORWARD_REF_TYPE||type.$$typeof===REACT_FUNDAMENTAL_TYPE||type.$$typeof===REACT_RESPONDER_TYPE||type.$$typeof===REACT_SCOPE_TYPE||type.$$typeof===REACT_BLOCK_TYPE)}function typeOf(object){if(typeof object==\"object\"&&object!==null){var $$typeof=object.$$typeof;switch($$typeof){case REACT_ELEMENT_TYPE:var type=object.type;switch(type){case REACT_ASYNC_MODE_TYPE:case REACT_CONCURRENT_MODE_TYPE:case REACT_FRAGMENT_TYPE:case REACT_PROFILER_TYPE:case REACT_STRICT_MODE_TYPE:case REACT_SUSPENSE_TYPE:return type;default:var $$typeofType=type&&type.$$typeof;switch($$typeofType){case REACT_CONTEXT_TYPE:case REACT_FORWARD_REF_TYPE:case REACT_LAZY_TYPE:case REACT_MEMO_TYPE:case REACT_PROVIDER_TYPE:return $$typeofType;default:return $$typeof}}case REACT_PORTAL_TYPE:return $$typeof}}}var AsyncMode=REACT_ASYNC_MODE_TYPE,ConcurrentMode=REACT_CONCURRENT_MODE_TYPE,ContextConsumer=REACT_CONTEXT_TYPE,ContextProvider=REACT_PROVIDER_TYPE,Element=REACT_ELEMENT_TYPE,ForwardRef=REACT_FORWARD_REF_TYPE,Fragment4=REACT_FRAGMENT_TYPE,Lazy=REACT_LAZY_TYPE,Memo=REACT_MEMO_TYPE,Portal=REACT_PORTAL_TYPE,Profiler=REACT_PROFILER_TYPE,StrictMode=REACT_STRICT_MODE_TYPE,Suspense=REACT_SUSPENSE_TYPE,hasWarnedAboutDeprecatedIsAsyncMode=!1;function isAsyncMode(object){return hasWarnedAboutDeprecatedIsAsyncMode||(hasWarnedAboutDeprecatedIsAsyncMode=!0,console.warn(\"The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.\")),isConcurrentMode(object)||typeOf(object)===REACT_ASYNC_MODE_TYPE}function isConcurrentMode(object){return typeOf(object)===REACT_CONCURRENT_MODE_TYPE}function isContextConsumer(object){return typeOf(object)===REACT_CONTEXT_TYPE}function isContextProvider(object){return typeOf(object)===REACT_PROVIDER_TYPE}function isElement(object){return typeof object==\"object\"&&object!==null&&object.$$typeof===REACT_ELEMENT_TYPE}function isForwardRef(object){return typeOf(object)===REACT_FORWARD_REF_TYPE}function isFragment(object){return typeOf(object)===REACT_FRAGMENT_TYPE}function isLazy(object){return typeOf(object)===REACT_LAZY_TYPE}function isMemo(object){return typeOf(object)===REACT_MEMO_TYPE}function isPortal(object){return typeOf(object)===REACT_PORTAL_TYPE}function isProfiler(object){return typeOf(object)===REACT_PROFILER_TYPE}function isStrictMode(object){return typeOf(object)===REACT_STRICT_MODE_TYPE}function isSuspense(object){return typeOf(object)===REACT_SUSPENSE_TYPE}exports.AsyncMode=AsyncMode,exports.ConcurrentMode=ConcurrentMode,exports.ContextConsumer=ContextConsumer,exports.ContextProvider=ContextProvider,exports.Element=Element,exports.ForwardRef=ForwardRef,exports.Fragment=Fragment4,exports.Lazy=Lazy,exports.Memo=Memo,exports.Portal=Portal,exports.Profiler=Profiler,exports.StrictMode=StrictMode,exports.Suspense=Suspense,exports.isAsyncMode=isAsyncMode,exports.isConcurrentMode=isConcurrentMode,exports.isContextConsumer=isContextConsumer,exports.isContextProvider=isContextProvider,exports.isElement=isElement,exports.isForwardRef=isForwardRef,exports.isFragment=isFragment,exports.isLazy=isLazy,exports.isMemo=isMemo,exports.isPortal=isPortal,exports.isProfiler=isProfiler,exports.isStrictMode=isStrictMode,exports.isSuspense=isSuspense,exports.isValidElementType=isValidElementType,exports.typeOf=typeOf;})();}});var require_react_is=__commonJS({\"../../node_modules/react-is/index.js\"(exports,module){module.exports=require_react_is_development();}});var require_hoist_non_react_statics_cjs=__commonJS({\"../../node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js\"(exports,module){var reactIs=require_react_is(),REACT_STATICS={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},KNOWN_STATICS={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},FORWARD_REF_STATICS={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},MEMO_STATICS={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},TYPE_STATICS={};TYPE_STATICS[reactIs.ForwardRef]=FORWARD_REF_STATICS;TYPE_STATICS[reactIs.Memo]=MEMO_STATICS;function getStatics(component){return reactIs.isMemo(component)?MEMO_STATICS:TYPE_STATICS[component.$$typeof]||REACT_STATICS}var defineProperty=Object.defineProperty,getOwnPropertyNames=Object.getOwnPropertyNames,getOwnPropertySymbols=Object.getOwnPropertySymbols,getOwnPropertyDescriptor=Object.getOwnPropertyDescriptor,getPrototypeOf=Object.getPrototypeOf,objectPrototype=Object.prototype;function hoistNonReactStatics2(targetComponent,sourceComponent,blacklist){if(typeof sourceComponent!=\"string\"){if(objectPrototype){var inheritedComponent=getPrototypeOf(sourceComponent);inheritedComponent&&inheritedComponent!==objectPrototype&&hoistNonReactStatics2(targetComponent,inheritedComponent,blacklist);}var keys=getOwnPropertyNames(sourceComponent);getOwnPropertySymbols&&(keys=keys.concat(getOwnPropertySymbols(sourceComponent)));for(var targetStatics=getStatics(targetComponent),sourceStatics=getStatics(sourceComponent),i=0;i0?charat(characters,--position):0,column--,character===10&&(column=1,line--),character}function next(){return character=position2||token(character)>3?\"\":\" \"}function escaping(index,count){for(;--count&&next()&&!(character<48||character>102||character>57&&character<65||character>70&&character<97););return slice(index,caret()+(count<6&&peek()==32&&next()==32))}function delimiter(type){for(;next();)switch(character){case type:return position;case 34:case 39:type!==34&&type!==39&&delimiter(character);break;case 40:type===41&&delimiter(type);break;case 92:next();break}return position}function commenter(type,index){for(;next()&&type+character!==47+10;)if(type+character===42+42&&peek()===47)break;return \"/*\"+slice(index,position-1)+\"*\"+from(type===47?type:next())}function identifier(index){for(;!token(peek());)next();return slice(index,position)}function compile(value){return dealloc(parse(\"\",null,null,null,[\"\"],value=alloc(value),0,[0],value))}function parse(value,root,parent,rule,rules,rulesets,pseudo,points,declarations){for(var index=0,offset=0,length2=pseudo,atrule=0,property=0,previous=0,variable=1,scanning=1,ampersand=1,character2=0,type=\"\",props=rules,children=rulesets,reference=rule,characters2=type;scanning;)switch(previous=character2,character2=next()){case 40:if(previous!=108&&charat(characters2,length2-1)==58){indexof(characters2+=replace(delimit(character2),\"&\",\"&\\f\"),\"&\\f\")!=-1&&(ampersand=-1);break}case 34:case 39:case 91:characters2+=delimit(character2);break;case 9:case 10:case 13:case 32:characters2+=whitespace(previous);break;case 92:characters2+=escaping(caret()-1,7);continue;case 47:switch(peek()){case 42:case 47:append(comment(commenter(next(),caret()),root,parent),declarations);break;default:characters2+=\"/\";}break;case 123*variable:points[index++]=strlen(characters2)*ampersand;case 125*variable:case 59:case 0:switch(character2){case 0:case 125:scanning=0;case 59+offset:ampersand==-1&&(characters2=replace(characters2,/\\f/g,\"\")),property>0&&strlen(characters2)-length2&&append(property>32?declaration(characters2+\";\",rule,parent,length2-1):declaration(replace(characters2,\" \",\"\")+\";\",rule,parent,length2-2),declarations);break;case 59:characters2+=\";\";default:if(append(reference=ruleset(characters2,root,parent,index,offset,rules,points,type,props=[],children=[],length2),rulesets),character2===123)if(offset===0)parse(characters2,root,reference,reference,props,rulesets,length2,points,children);else switch(atrule===99&&charat(characters2,3)===110?100:atrule){case 100:case 108:case 109:case 115:parse(value,reference,reference,rule&&append(ruleset(value,reference,reference,0,0,rules,points,type,rules,props=[],length2),children),rules,children,length2,points,rule?props:children);break;default:parse(characters2,reference,reference,reference,[\"\"],children,0,points,children);}}index=offset=property=0,variable=ampersand=1,type=characters2=\"\",length2=pseudo;break;case 58:length2=1+strlen(characters2),property=previous;default:if(variable<1){if(character2==123)--variable;else if(character2==125&&variable++==0&&prev()==125)continue}switch(characters2+=from(character2),character2*variable){case 38:ampersand=offset>0?1:(characters2+=\"\\f\",-1);break;case 44:points[index++]=(strlen(characters2)-1)*ampersand,ampersand=1;break;case 64:peek()===45&&(characters2+=delimit(next())),atrule=peek(),offset=length2=strlen(type=characters2+=identifier(caret())),character2++;break;case 45:previous===45&&strlen(characters2)==2&&(variable=0);}}return rulesets}function ruleset(value,root,parent,index,offset,rules,points,type,props,children,length2){for(var post=offset-1,rule=offset===0?rules:[\"\"],size=sizeof(rule),i=0,j=0,k=0;i0?rule[x]+\" \"+y:replace(y,/&\\f/g,rule[x])))&&(props[k++]=z);return node(value,root,parent,offset===0?RULESET:type,props,children,length2)}function comment(value,root,parent){return node(value,root,parent,COMMENT,from(char()),substr(value,2,-2),0)}function declaration(value,root,parent,length2){return node(value,root,parent,DECLARATION,substr(value,0,length2),substr(value,length2+1,-1),length2)}function serialize(children,callback){for(var output=\"\",length2=sizeof(children),i=0;i-1},createUnsafeSelectorsAlarm=function(cache){return function(element,index,children){if(!(element.type!==\"rule\"||cache.compat)){var unsafePseudoClasses=element.value.match(/(:first|:nth|:nth-last)-child/g);if(unsafePseudoClasses){for(var isNested=!!element.parent,commentContainer=isNested?element.parent.children:children,i=commentContainer.length-1;i>=0;i--){var node2=commentContainer[i];if(node2.line=0;i--)if(!isImportRule(children[i]))return !0;return !1},nullifyElement=function(element){element.type=\"\",element.value=\"\",element.return=\"\",element.children=\"\",element.props=\"\";},incorrectImportAlarm=function(element,index,children){isImportRule(element)&&(element.parent?(console.error(\"`@import` rules can't be nested inside other rules. Please move it to the top level and put it before regular rules. Keep in mind that they can only be used within global styles.\"),nullifyElement(element)):isPrependedWithRegularRules(index,children)&&(console.error(\"`@import` rules can't be after other rules. Please put your `@import` rules before your other rules.\"),nullifyElement(element)));};function prefix(value,length2){switch(hash(value,length2)){case 5103:return WEBKIT+\"print-\"+value+value;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return WEBKIT+value+value;case 5349:case 4246:case 4810:case 6968:case 2756:return WEBKIT+value+MOZ+value+MS+value+value;case 6828:case 4268:return WEBKIT+value+MS+value+value;case 6165:return WEBKIT+value+MS+\"flex-\"+value+value;case 5187:return WEBKIT+value+replace(value,/(\\w+).+(:[^]+)/,WEBKIT+\"box-$1$2\"+MS+\"flex-$1$2\")+value;case 5443:return WEBKIT+value+MS+\"flex-item-\"+replace(value,/flex-|-self/,\"\")+value;case 4675:return WEBKIT+value+MS+\"flex-line-pack\"+replace(value,/align-content|flex-|-self/,\"\")+value;case 5548:return WEBKIT+value+MS+replace(value,\"shrink\",\"negative\")+value;case 5292:return WEBKIT+value+MS+replace(value,\"basis\",\"preferred-size\")+value;case 6060:return WEBKIT+\"box-\"+replace(value,\"-grow\",\"\")+WEBKIT+value+MS+replace(value,\"grow\",\"positive\")+value;case 4554:return WEBKIT+replace(value,/([^-])(transform)/g,\"$1\"+WEBKIT+\"$2\")+value;case 6187:return replace(replace(replace(value,/(zoom-|grab)/,WEBKIT+\"$1\"),/(image-set)/,WEBKIT+\"$1\"),value,\"\")+value;case 5495:case 3959:return replace(value,/(image-set\\([^]*)/,WEBKIT+\"$1$`$1\");case 4968:return replace(replace(value,/(.+:)(flex-)?(.*)/,WEBKIT+\"box-pack:$3\"+MS+\"flex-pack:$3\"),/s.+-b[^;]+/,\"justify\")+WEBKIT+value+value;case 4095:case 3583:case 4068:case 2532:return replace(value,/(.+)-inline(.+)/,WEBKIT+\"$1$2\")+value;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(strlen(value)-1-length2>6)switch(charat(value,length2+1)){case 109:if(charat(value,length2+4)!==45)break;case 102:return replace(value,/(.+:)(.+)-([^]+)/,\"$1\"+WEBKIT+\"$2-$3$1\"+MOZ+(charat(value,length2+3)==108?\"$3\":\"$2-$3\"))+value;case 115:return ~indexof(value,\"stretch\")?prefix(replace(value,\"stretch\",\"fill-available\"),length2)+value:value}break;case 4949:if(charat(value,length2+1)!==115)break;case 6444:switch(charat(value,strlen(value)-3-(~indexof(value,\"!important\")&&10))){case 107:return replace(value,\":\",\":\"+WEBKIT)+value;case 101:return replace(value,/(.+:)([^;!]+)(;|!.+)?/,\"$1\"+WEBKIT+(charat(value,14)===45?\"inline-\":\"\")+\"box$3$1\"+WEBKIT+\"$2$3$1\"+MS+\"$2box$3\")+value}break;case 5936:switch(charat(value,length2+11)){case 114:return WEBKIT+value+MS+replace(value,/[svh]\\w+-[tblr]{2}/,\"tb\")+value;case 108:return WEBKIT+value+MS+replace(value,/[svh]\\w+-[tblr]{2}/,\"tb-rl\")+value;case 45:return WEBKIT+value+MS+replace(value,/[svh]\\w+-[tblr]{2}/,\"lr\")+value}return WEBKIT+value+MS+value+value}return value}var prefixer=function(element,index,children,callback){if(element.length>-1&&!element.return)switch(element.type){case DECLARATION:element.return=prefix(element.value,element.length);break;case KEYFRAMES:return serialize([copy(element,{value:replace(element.value,\"@\",\"@\"+WEBKIT)})],callback);case RULESET:if(element.length)return combine(element.props,function(value){switch(match(value,/(::plac\\w+|:read-\\w+)/)){case\":read-only\":case\":read-write\":return serialize([copy(element,{props:[replace(value,/:(read-\\w+)/,\":\"+MOZ+\"$1\")]})],callback);case\"::placeholder\":return serialize([copy(element,{props:[replace(value,/:(plac\\w+)/,\":\"+WEBKIT+\"input-$1\")]}),copy(element,{props:[replace(value,/:(plac\\w+)/,\":\"+MOZ+\"$1\")]}),copy(element,{props:[replace(value,/:(plac\\w+)/,MS+\"input-$1\")]})],callback)}return \"\"})}},defaultStylisPlugins=[prefixer],createCache=function(options){var key=options.key;if(!key)throw new Error(`You have to configure \\`key\\` for your cache. Please make sure it's unique (and not equal to 'css') as it's used for linking styles to your cache.\nIf multiple caches share the same key they might \"fight\" for each other's style elements.`);if(key===\"css\"){var ssrStyles=document.querySelectorAll(\"style[data-emotion]:not([data-s])\");Array.prototype.forEach.call(ssrStyles,function(node2){var dataEmotionAttribute=node2.getAttribute(\"data-emotion\");dataEmotionAttribute.indexOf(\" \")!==-1&&(document.head.appendChild(node2),node2.setAttribute(\"data-s\",\"\"));});}var stylisPlugins=options.stylisPlugins||defaultStylisPlugins;if(/[^a-z-]/.test(key))throw new Error('Emotion key must only contain lower case alphabetical characters and - but \"'+key+'\" was passed');var inserted={},container,nodesToHydrate=[];container=options.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^=\"'+key+' \"]'),function(node2){for(var attrib=node2.getAttribute(\"data-emotion\").split(\" \"),i=1;i=4;++i,len-=4)k=str.charCodeAt(i)&255|(str.charCodeAt(++i)&255)<<8|(str.charCodeAt(++i)&255)<<16|(str.charCodeAt(++i)&255)<<24,k=(k&65535)*1540483477+((k>>>16)*59797<<16),k^=k>>>24,h=(k&65535)*1540483477+((k>>>16)*59797<<16)^(h&65535)*1540483477+((h>>>16)*59797<<16);switch(len){case 3:h^=(str.charCodeAt(i+2)&255)<<16;case 2:h^=(str.charCodeAt(i+1)&255)<<8;case 1:h^=str.charCodeAt(i)&255,h=(h&65535)*1540483477+((h>>>16)*59797<<16);}return h^=h>>>13,h=(h&65535)*1540483477+((h>>>16)*59797<<16),((h^h>>>15)>>>0).toString(36)}var unitlessKeys={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1};var ILLEGAL_ESCAPE_SEQUENCE_ERROR=`You have illegal escape sequence in your template literal, most likely inside content's property value.\nBecause you write your CSS inside a JavaScript string you actually have to do double escaping, so for example \"content: '\\\\00d7';\" should become \"content: '\\\\\\\\00d7';\".\nYou can read more about this here:\nhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences`,UNDEFINED_AS_OBJECT_KEY_ERROR=\"You have passed in falsy value as style object's key (can happen when in example you pass unexported component as computed key).\",hyphenateRegex=/[A-Z]|^ms/g,animationRegex=/_EMO_([^_]+?)_([^]*?)_EMO_/g,isCustomProperty=function(property){return property.charCodeAt(1)===45},isProcessableValue=function(value){return value!=null&&typeof value!=\"boolean\"},processStyleName=memoize(function(styleName){return isCustomProperty(styleName)?styleName:styleName.replace(hyphenateRegex,\"-$&\").toLowerCase()}),processStyleValue=function(key,value){switch(key){case\"animation\":case\"animationName\":if(typeof value==\"string\")return value.replace(animationRegex,function(match2,p1,p2){return cursor={name:p1,styles:p2,next:cursor},p1})}return unitlessKeys[key]!==1&&!isCustomProperty(key)&&typeof value==\"number\"&&value!==0?value+\"px\":value};contentValuePattern=/(var|attr|counters?|url|element|(((repeating-)?(linear|radial))|conic)-gradient)\\(|(no-)?(open|close)-quote/,contentValues=[\"normal\",\"none\",\"initial\",\"inherit\",\"unset\"],oldProcessStyleValue=processStyleValue,msPattern=/^-ms-/,hyphenPattern=/-(.)/g,hyphenatedCache={},processStyleValue=function(key,value){if(key===\"content\"&&(typeof value!=\"string\"||contentValues.indexOf(value)===-1&&!contentValuePattern.test(value)&&(value.charAt(0)!==value.charAt(value.length-1)||value.charAt(0)!=='\"'&&value.charAt(0)!==\"'\")))throw new Error(\"You seem to be using a value for 'content' without quotes, try replacing it with `content: '\\\"\"+value+\"\\\"'`\");var processed=oldProcessStyleValue(key,value);return processed!==\"\"&&!isCustomProperty(key)&&key.indexOf(\"-\")!==-1&&hyphenatedCache[key]===void 0&&(hyphenatedCache[key]=!0,console.error(\"Using kebab-case for css properties in objects is not supported. Did you mean \"+key.replace(msPattern,\"ms-\").replace(hyphenPattern,function(str,_char){return _char.toUpperCase()})+\"?\")),processed};var contentValuePattern,contentValues,oldProcessStyleValue,msPattern,hyphenPattern,hyphenatedCache,noComponentSelectorMessage=\"Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.\";function handleInterpolation(mergedProps,registered,interpolation){if(interpolation==null)return \"\";if(interpolation.__emotion_styles!==void 0){if(interpolation.toString()===\"NO_COMPONENT_SELECTOR\")throw new Error(noComponentSelectorMessage);return interpolation}switch(typeof interpolation){case\"boolean\":return \"\";case\"object\":{if(interpolation.anim===1)return cursor={name:interpolation.name,styles:interpolation.styles,next:cursor},interpolation.name;if(interpolation.styles!==void 0){var next2=interpolation.next;if(next2!==void 0)for(;next2!==void 0;)cursor={name:next2.name,styles:next2.styles,next:cursor},next2=next2.next;var styles=interpolation.styles+\";\";return interpolation.map!==void 0&&(styles+=interpolation.map),styles}return createStringFromObject(mergedProps,registered,interpolation)}case\"function\":{if(mergedProps!==void 0){var previousCursor=cursor,result=interpolation(mergedProps);return cursor=previousCursor,handleInterpolation(mergedProps,registered,result)}else console.error(\"Functions that are interpolated in css calls will be stringified.\\nIf you want to have a css call based on props, create a function that returns a css call like this\\nlet dynamicStyle = (props) => css`color: ${props.color}`\\nIt can be called directly with props or interpolated in a styled call like this\\nlet SomeComponent = styled('div')`${dynamicStyle}`\");break}case\"string\":var matched=[],replaced=interpolation.replace(animationRegex,function(match2,p1,p2){var fakeVarName=\"animation\"+matched.length;return matched.push(\"const \"+fakeVarName+\" = keyframes`\"+p2.replace(/^@keyframes animation-\\w+/,\"\")+\"`\"),\"${\"+fakeVarName+\"}\"});matched.length&&console.error(\"`keyframes` output got interpolated into plain string, please wrap it with `css`.\\n\\nInstead of doing this:\\n\\n\"+[].concat(matched,[\"`\"+replaced+\"`\"]).join(`\n`)+`\n\nYou should wrap it with \\`css\\` like this:\n\n`+(\"css`\"+replaced+\"`\"));break}if(registered==null)return interpolation;var cached=registered[interpolation];return cached!==void 0?cached:interpolation}function createStringFromObject(mergedProps,registered,obj){var string=\"\";if(Array.isArray(obj))for(var i=0;i ({})}!\");return mergedTheme}if(theme==null||typeof theme!=\"object\"||Array.isArray(theme))throw new Error(\"[ThemeProvider] Please make your theme prop a plain object\");return _extends2({},outerTheme,theme)},createCacheWithTheme=weakMemoize(function(outerTheme){return weakMemoize(function(theme){return getTheme(outerTheme,theme)})}),ThemeProvider=function(props){var theme=React.useContext(ThemeContext);return props.theme!==theme&&(theme=createCacheWithTheme(theme)(props.theme)),React.createElement(ThemeContext.Provider,{value:theme},props.children)};function withTheme(Component){var componentName=Component.displayName||Component.name||\"Component\",render=function(props,ref){var theme=React.useContext(ThemeContext);return React.createElement(Component,_extends2({theme,ref},props))},WithTheme=React.forwardRef(render);return WithTheme.displayName=\"WithTheme(\"+componentName+\")\",hoistNonReactStatics(WithTheme,Component)}var getLastPart=function(functionName){var parts=functionName.split(\".\");return parts[parts.length-1]},getFunctionNameFromStackTraceLine=function(line2){var match2=/^\\s+at\\s+([A-Za-z0-9$.]+)\\s/.exec(line2);if(match2||(match2=/^([A-Za-z0-9$.]+)@/.exec(line2),match2))return getLastPart(match2[1])},internalReactFunctionNames=new Set([\"renderWithHooks\",\"processChild\",\"finishClassComponent\",\"renderToString\"]),sanitizeIdentifier=function(identifier2){return identifier2.replace(/\\$/g,\"-\")},getLabelFromStackTrace=function(stackTrace){if(stackTrace)for(var lines=stackTrace.split(`\n`),i=0;i=16.8.0\"},peerDependenciesMeta:{\"@types/react\":{optional:!0}},devDependencies:{\"@definitelytyped/dtslint\":\"0.0.112\",\"@emotion/css\":\"11.11.0\",\"@emotion/css-prettifier\":\"1.1.3\",\"@emotion/server\":\"11.11.0\",\"@emotion/styled\":\"11.11.0\",\"html-tag-names\":\"^1.1.2\",react:\"16.14.0\",\"svg-tag-names\":\"^1.1.1\",typescript:\"^4.5.5\"},repository:\"https://github.com/emotion-js/emotion/tree/main/packages/react\",publishConfig:{access:\"public\"},\"umd:main\":\"dist/emotion-react.umd.min.js\",preconstruct:{entrypoints:[\"./index.js\",\"./jsx-runtime.js\",\"./jsx-dev-runtime.js\",\"./_isolated-hnrs.js\"],umdName:\"emotionReact\",exports:{envConditions:[\"browser\",\"worker\"],extra:{\"./types/css-prop\":\"./types/css-prop.d.ts\",\"./macro\":{types:{import:\"./macro.d.mts\",default:\"./macro.d.ts\"},default:\"./macro.js\"}}}}},jsx=function(type,props){var args=arguments;if(props==null||!hasOwnProperty.call(props,\"css\"))return React.createElement.apply(void 0,args);var argsLength=args.length,createElementArgArray=new Array(argsLength);createElementArgArray[0]=Emotion$1,createElementArgArray[1]=createEmotionProps(type,props);for(var i=2;i component.\"),toAdd=\"\";for(var k in arg)arg[k]&&k&&(toAdd&&(toAdd+=\" \"),toAdd+=k);}break}default:toAdd=arg;}toAdd&&(cls&&(cls+=\" \"),cls+=toAdd);}}return cls};function merge(registered,css2,className){var registeredStyles=[],rawClassName=getRegisteredStyles(registered,registeredStyles,className);return registeredStyles.length<2?className:rawClassName+css2(registeredStyles)}var Insertion3=function(_ref){var cache=_ref.cache,serializedArr=_ref.serializedArr;return useInsertionEffectAlwaysWithSyncFallback(function(){for(var i=0;i96?testOmitPropsOnStringTag:testOmitPropsOnComponent},composeShouldForwardProps=function(tag,options,isReal){var shouldForwardProp;if(options){var optionsShouldForwardProp=options.shouldForwardProp;shouldForwardProp=tag.__emotion_forwardProp&&optionsShouldForwardProp?function(propName){return tag.__emotion_forwardProp(propName)&&optionsShouldForwardProp(propName)}:optionsShouldForwardProp;}return typeof shouldForwardProp!=\"function\"&&isReal&&(shouldForwardProp=tag.__emotion_forwardProp),shouldForwardProp},ILLEGAL_ESCAPE_SEQUENCE_ERROR2=`You have illegal escape sequence in your template literal, most likely inside content's property value.\nBecause you write your CSS inside a JavaScript string you actually have to do double escaping, so for example \"content: '\\\\00d7';\" should become \"content: '\\\\\\\\00d7';\".\nYou can read more about this here:\nhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences`,Insertion5=function(_ref){var cache=_ref.cache,serialized=_ref.serialized,isStringTag=_ref.isStringTag;return registerStyles(cache,serialized,isStringTag),useInsertionEffectAlwaysWithSyncFallback(function(){return insertStyles(cache,serialized,isStringTag)}),null},createStyled=function createStyled2(tag,options){if(tag===void 0)throw new Error(`You are trying to create a styled element with an undefined component.\nYou may have forgotten to import it.`);var isReal=tag.__emotion_real===tag,baseTag=isReal&&tag.__emotion_base||tag,identifierName,targetClassName;options!==void 0&&(identifierName=options.label,targetClassName=options.target);var shouldForwardProp=composeShouldForwardProps(tag,options,isReal),defaultShouldForwardProp=shouldForwardProp||getDefaultShouldForwardProp(baseTag),shouldUseAs=!defaultShouldForwardProp(\"as\");return function(){var args=arguments,styles=isReal&&tag.__emotion_styles!==void 0?tag.__emotion_styles.slice(0):[];if(identifierName!==void 0&&styles.push(\"label:\"+identifierName+\";\"),args[0]==null||args[0].raw===void 0)styles.push.apply(styles,args);else {args[0][0]===void 0&&console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR2),styles.push(args[0][0]);for(var len=args.length,i=1;i({body:{fontFamily:typography2.fonts.base,fontSize:typography2.size.s3,margin:0,WebkitFontSmoothing:\"antialiased\",MozOsxFontSmoothing:\"grayscale\",WebkitTapHighlightColor:\"rgba(0, 0, 0, 0)\",WebkitOverflowScrolling:\"touch\"},\"*\":{boxSizing:\"border-box\"},\"h1, h2, h3, h4, h5, h6\":{fontWeight:typography2.weight.regular,margin:0,padding:0},\"button, input, textarea, select\":{fontFamily:\"inherit\",fontSize:\"inherit\",boxSizing:\"border-box\"},sub:{fontSize:\"0.8em\",bottom:\"-0.2em\"},sup:{fontSize:\"0.8em\",top:\"-0.2em\"},\"b, strong\":{fontWeight:typography2.weight.bold},hr:{border:\"none\",borderTop:\"1px solid silver\",clear:\"both\",marginBottom:\"1.25rem\"},code:{fontFamily:typography2.fonts.mono,WebkitFontSmoothing:\"antialiased\",MozOsxFontSmoothing:\"grayscale\",display:\"inline-block\",paddingLeft:2,paddingRight:2,verticalAlign:\"baseline\",color:\"inherit\"},pre:{fontFamily:typography2.fonts.mono,WebkitFontSmoothing:\"antialiased\",MozOsxFontSmoothing:\"grayscale\",lineHeight:\"18px\",padding:\"11px 1rem\",whiteSpace:\"pre-wrap\",color:\"inherit\",borderRadius:3,margin:\"1rem 0\"}})),createGlobal=memoize2(1)(({color:color2,background:background2,typography:typography2})=>{let resetStyles=createReset({typography:typography2});return {...resetStyles,body:{...resetStyles.body,color:color2.defaultText,background:background2.app,overflow:\"hidden\"},hr:{...resetStyles.hr,borderTop:`1px solid ${color2.border}`}}});var easing={rubber:\"cubic-bezier(0.175, 0.885, 0.335, 1.05)\"},rotate360=keyframes`\n\tfrom {\n\t\ttransform: rotate(0deg);\n\t}\n\tto {\n\t\ttransform: rotate(360deg);\n\t}\n`,glow=keyframes`\n 0%, 100% { opacity: 1; }\n 50% { opacity: .4; }\n`,float=keyframes`\n 0% { transform: translateY(1px); }\n 25% { transform: translateY(0px); }\n 50% { transform: translateY(-3px); }\n 100% { transform: translateY(1px); }\n`,jiggle=keyframes`\n 0%, 100% { transform:translate3d(0,0,0); }\n 12.5%, 62.5% { transform:translate3d(-4px,0,0); }\n 37.5%, 87.5% { transform: translate3d(4px,0,0); }\n`,inlineGlow=css`\n animation: ${glow} 1.5s ease-in-out infinite;\n color: transparent;\n cursor: progress;\n`,hoverable=css`\n transition: all 150ms ease-out;\n transform: translate3d(0, 0, 0);\n\n &:hover {\n transform: translate3d(0, -2px, 0);\n }\n\n &:active {\n transform: translate3d(0, 0, 0);\n }\n`,animation={rotate360,glow,float,jiggle,inlineGlow,hoverable};var chromeDark={BASE_FONT_FAMILY:\"Menlo, monospace\",BASE_FONT_SIZE:\"11px\",BASE_LINE_HEIGHT:1.2,BASE_BACKGROUND_COLOR:\"rgb(36, 36, 36)\",BASE_COLOR:\"rgb(213, 213, 213)\",OBJECT_PREVIEW_ARRAY_MAX_PROPERTIES:10,OBJECT_PREVIEW_OBJECT_MAX_PROPERTIES:5,OBJECT_NAME_COLOR:\"rgb(227, 110, 236)\",OBJECT_VALUE_NULL_COLOR:\"rgb(127, 127, 127)\",OBJECT_VALUE_UNDEFINED_COLOR:\"rgb(127, 127, 127)\",OBJECT_VALUE_REGEXP_COLOR:\"rgb(233, 63, 59)\",OBJECT_VALUE_STRING_COLOR:\"rgb(233, 63, 59)\",OBJECT_VALUE_SYMBOL_COLOR:\"rgb(233, 63, 59)\",OBJECT_VALUE_NUMBER_COLOR:\"hsl(252, 100%, 75%)\",OBJECT_VALUE_BOOLEAN_COLOR:\"hsl(252, 100%, 75%)\",OBJECT_VALUE_FUNCTION_PREFIX_COLOR:\"rgb(85, 106, 242)\",HTML_TAG_COLOR:\"rgb(93, 176, 215)\",HTML_TAGNAME_COLOR:\"rgb(93, 176, 215)\",HTML_TAGNAME_TEXT_TRANSFORM:\"lowercase\",HTML_ATTRIBUTE_NAME_COLOR:\"rgb(155, 187, 220)\",HTML_ATTRIBUTE_VALUE_COLOR:\"rgb(242, 151, 102)\",HTML_COMMENT_COLOR:\"rgb(137, 137, 137)\",HTML_DOCTYPE_COLOR:\"rgb(192, 192, 192)\",ARROW_COLOR:\"rgb(145, 145, 145)\",ARROW_MARGIN_RIGHT:3,ARROW_FONT_SIZE:12,ARROW_ANIMATION_DURATION:\"0\",TREENODE_FONT_FAMILY:\"Menlo, monospace\",TREENODE_FONT_SIZE:\"11px\",TREENODE_LINE_HEIGHT:1.2,TREENODE_PADDING_LEFT:12,TABLE_BORDER_COLOR:\"rgb(85, 85, 85)\",TABLE_TH_BACKGROUND_COLOR:\"rgb(44, 44, 44)\",TABLE_TH_HOVER_COLOR:\"rgb(48, 48, 48)\",TABLE_SORT_ICON_COLOR:\"black\",TABLE_DATA_BACKGROUND_IMAGE:\"linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 50%, rgba(51, 139, 255, 0.0980392) 50%, rgba(51, 139, 255, 0.0980392))\",TABLE_DATA_BACKGROUND_SIZE:\"128px 32px\"},chromeLight={BASE_FONT_FAMILY:\"Menlo, monospace\",BASE_FONT_SIZE:\"11px\",BASE_LINE_HEIGHT:1.2,BASE_BACKGROUND_COLOR:\"white\",BASE_COLOR:\"black\",OBJECT_PREVIEW_ARRAY_MAX_PROPERTIES:10,OBJECT_PREVIEW_OBJECT_MAX_PROPERTIES:5,OBJECT_NAME_COLOR:\"rgb(136, 19, 145)\",OBJECT_VALUE_NULL_COLOR:\"rgb(128, 128, 128)\",OBJECT_VALUE_UNDEFINED_COLOR:\"rgb(128, 128, 128)\",OBJECT_VALUE_REGEXP_COLOR:\"rgb(196, 26, 22)\",OBJECT_VALUE_STRING_COLOR:\"rgb(196, 26, 22)\",OBJECT_VALUE_SYMBOL_COLOR:\"rgb(196, 26, 22)\",OBJECT_VALUE_NUMBER_COLOR:\"rgb(28, 0, 207)\",OBJECT_VALUE_BOOLEAN_COLOR:\"rgb(28, 0, 207)\",OBJECT_VALUE_FUNCTION_PREFIX_COLOR:\"rgb(13, 34, 170)\",HTML_TAG_COLOR:\"rgb(168, 148, 166)\",HTML_TAGNAME_COLOR:\"rgb(136, 18, 128)\",HTML_TAGNAME_TEXT_TRANSFORM:\"lowercase\",HTML_ATTRIBUTE_NAME_COLOR:\"rgb(153, 69, 0)\",HTML_ATTRIBUTE_VALUE_COLOR:\"rgb(26, 26, 166)\",HTML_COMMENT_COLOR:\"rgb(35, 110, 37)\",HTML_DOCTYPE_COLOR:\"rgb(192, 192, 192)\",ARROW_COLOR:\"#6e6e6e\",ARROW_MARGIN_RIGHT:3,ARROW_FONT_SIZE:12,ARROW_ANIMATION_DURATION:\"0\",TREENODE_FONT_FAMILY:\"Menlo, monospace\",TREENODE_FONT_SIZE:\"11px\",TREENODE_LINE_HEIGHT:1.2,TREENODE_PADDING_LEFT:12,TABLE_BORDER_COLOR:\"#aaa\",TABLE_TH_BACKGROUND_COLOR:\"#eee\",TABLE_TH_HOVER_COLOR:\"hsla(0, 0%, 90%, 1)\",TABLE_SORT_ICON_COLOR:\"#6e6e6e\",TABLE_DATA_BACKGROUND_IMAGE:\"linear-gradient(to bottom, white, white 50%, rgb(234, 243, 255) 50%, rgb(234, 243, 255))\",TABLE_DATA_BACKGROUND_SIZE:\"128px 32px\"},convertColors=colors=>Object.entries(colors).reduce((acc,[k,v])=>({...acc,[k]:mkColor(v)}),{}),create2=({colors,mono})=>{let colorsObjs=convertColors(colors);return {token:{fontFamily:mono,WebkitFontSmoothing:\"antialiased\",\"&.tag\":colorsObjs.red3,\"&.comment\":{...colorsObjs.green1,fontStyle:\"italic\"},\"&.prolog\":{...colorsObjs.green1,fontStyle:\"italic\"},\"&.doctype\":{...colorsObjs.green1,fontStyle:\"italic\"},\"&.cdata\":{...colorsObjs.green1,fontStyle:\"italic\"},\"&.string\":colorsObjs.red1,\"&.url\":colorsObjs.cyan1,\"&.symbol\":colorsObjs.cyan1,\"&.number\":colorsObjs.cyan1,\"&.boolean\":colorsObjs.cyan1,\"&.variable\":colorsObjs.cyan1,\"&.constant\":colorsObjs.cyan1,\"&.inserted\":colorsObjs.cyan1,\"&.atrule\":colorsObjs.blue1,\"&.keyword\":colorsObjs.blue1,\"&.attr-value\":colorsObjs.blue1,\"&.punctuation\":colorsObjs.gray1,\"&.operator\":colorsObjs.gray1,\"&.function\":colorsObjs.gray1,\"&.deleted\":colorsObjs.red2,\"&.important\":{fontWeight:\"bold\"},\"&.bold\":{fontWeight:\"bold\"},\"&.italic\":{fontStyle:\"italic\"},\"&.class-name\":colorsObjs.cyan2,\"&.selector\":colorsObjs.red3,\"&.attr-name\":colorsObjs.red4,\"&.property\":colorsObjs.red4,\"&.regex\":colorsObjs.red4,\"&.entity\":colorsObjs.red4,\"&.directive.tag .tag\":{background:\"#ffff00\",...colorsObjs.gray1}},\"language-json .token.boolean\":colorsObjs.blue1,\"language-json .token.number\":colorsObjs.blue1,\"language-json .token.property\":colorsObjs.cyan2,namespace:{opacity:.7}}};var lightSyntaxColors={green1:\"#008000\",red1:\"#A31515\",red2:\"#9a050f\",red3:\"#800000\",red4:\"#ff0000\",gray1:\"#393A34\",cyan1:\"#36acaa\",cyan2:\"#2B91AF\",blue1:\"#0000ff\",blue2:\"#00009f\"},darkSyntaxColors={green1:\"#7C7C7C\",red1:\"#92C379\",red2:\"#9a050f\",red3:\"#A8FF60\",red4:\"#96CBFE\",gray1:\"#EDEDED\",cyan1:\"#C6C5FE\",cyan2:\"#FFFFB6\",blue1:\"#B474DD\",blue2:\"#00009f\"},createColors=vars=>({primary:vars.colorPrimary,secondary:vars.colorSecondary,tertiary:color.tertiary,ancillary:color.ancillary,orange:color.orange,gold:color.gold,green:color.green,seafoam:color.seafoam,purple:color.purple,ultraviolet:color.ultraviolet,lightest:color.lightest,lighter:color.lighter,light:color.light,mediumlight:color.mediumlight,medium:color.medium,mediumdark:color.mediumdark,dark:color.dark,darker:color.darker,darkest:color.darkest,border:color.border,positive:color.positive,negative:color.negative,warning:color.warning,critical:color.critical,defaultText:vars.textColor||color.darkest,inverseText:vars.textInverseColor||color.lightest,positiveText:color.positiveText,negativeText:color.negativeText,warningText:color.warningText}),convert=(inherit=themes[getPreferredColorScheme()])=>{let{base,colorPrimary,colorSecondary,appBg,appContentBg,appPreviewBg,appBorderColor,appBorderRadius,fontBase,fontCode,textColor,textInverseColor,barTextColor,barHoverColor,barSelectedColor,barBg,buttonBg,buttonBorder,booleanBg,booleanSelectedBg,inputBg,inputBorder,inputTextColor,inputBorderRadius,brandTitle,brandUrl,brandImage,brandTarget,gridCellSize,...rest}=inherit;return {...rest,base,color:createColors(inherit),background:{app:appBg,bar:barBg,content:appContentBg,preview:appPreviewBg,gridCellSize:gridCellSize||background.gridCellSize,hoverable:background.hoverable,positive:background.positive,negative:background.negative,warning:background.warning,critical:background.critical},typography:{fonts:{base:fontBase,mono:fontCode},weight:typography.weight,size:typography.size},animation,easing,input:{background:inputBg,border:inputBorder,borderRadius:inputBorderRadius,color:inputTextColor},button:{background:buttonBg||inputBg,border:buttonBorder||inputBorder},boolean:{background:booleanBg||inputBorder,selectedBackground:booleanSelectedBg||inputBg},layoutMargin:10,appBorderColor,appBorderRadius,barTextColor,barHoverColor:barHoverColor||colorSecondary,barSelectedColor:barSelectedColor||colorSecondary,barBg,brand:{title:brandTitle,url:brandUrl,image:brandImage||(brandTitle?null:void 0),target:brandTarget},code:create2({colors:base===\"light\"?lightSyntaxColors:darkSyntaxColors,mono:fontCode}),addonActionsTheme:{...base===\"light\"?chromeLight:chromeDark,BASE_FONT_FAMILY:fontCode,BASE_FONT_SIZE:typography.size.s2-1,BASE_LINE_HEIGHT:\"18px\",BASE_BACKGROUND_COLOR:\"transparent\",BASE_COLOR:textColor,ARROW_COLOR:curriedOpacify$1(.2,appBorderColor),ARROW_MARGIN_RIGHT:4,ARROW_FONT_SIZE:8,TREENODE_FONT_FAMILY:fontCode,TREENODE_FONT_SIZE:typography.size.s2-1,TREENODE_LINE_HEIGHT:\"18px\",TREENODE_PADDING_LEFT:12}}};var isEmpty=o=>Object.keys(o).length===0,isObject=o=>o!=null&&typeof o==\"object\",hasOwnProperty2=(o,...args)=>Object.prototype.hasOwnProperty.call(o,...args);var makeObjectWithoutPrototype=()=>Object.create(null);var deletedDiff=(lhs,rhs)=>lhs===rhs||!isObject(lhs)||!isObject(rhs)?{}:Object.keys(lhs).reduce((acc,key)=>{if(hasOwnProperty2(rhs,key)){let difference=deletedDiff(lhs[key],rhs[key]);return isObject(difference)&&isEmpty(difference)||(acc[key]=difference),acc}return acc[key]=void 0,acc},makeObjectWithoutPrototype()),deleted_default=deletedDiff;function dedent(templ){for(var values=[],_i=1;_i{if(!input)return convert(light_default);let missing=deleted_default(light_default,input);return Object.keys(missing).length&&logger.warn(dedent`\n Your theme is missing properties, you should update your theme!\n\n theme-data missing:\n `,missing),convert(input)};var ignoreSsrWarning=\"/* emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason */\";\n\nexport { CacheProvider, ClassNames, Global, ThemeProvider, convert, createCache, createGlobal, createReset, css, ensure, ignoreSsrWarning, isPropValid, jsx, keyframes, newStyled as styled, useTheme, withTheme };\n"],"names":[],"sourceRoot":""} \ No newline at end of file +{"version":3,"file":"2800.9cfb67c8.iframe.bundle.js","mappings":";;;;AA2CA;;;AAGA;;;AAGA;;;AAGA;;AAUA;;AAEA;;AAEA;;;AAGA;;;AAGA;;;AAGA;;;AAGA;;;AAGA;;;AAGA;;;;;;;;;;;;;;;;AAgBA;;AAEA;;ACxFA;AACA;AACA;AACA;;;;;;;;;ACsKA;;;;;;;AAiBA;;;;;AAKA;;;;;AAKA;;;;;;AAMA;AACA;AACA;;;;;;;AC5LA;;;AA2BA;;;;;AAAA;;;;AAAA;AAdA;;;AAcA;;;;;;;;;;;AAAA;;;;AASA","sources":["webpack://data-hub-frontend/./node_modules/@storybook/blocks/dist/index.mjs","webpack://data-hub-frontend/./node_modules/@storybook/components/dist/chunk-NE5YGCQB.mjs","webpack://data-hub-frontend/./node_modules/@storybook/components/dist/index.mjs","webpack://data-hub-frontend/./node_modules/@storybook/theming/dist/index.mjs"],"sourcesContent":["import { getControlSetterButtonId, getControlId } from './chunk-GWAJ4KRU.mjs';\nimport { styled, ignoreSsrWarning, themes, ThemeProvider, convert, useTheme, ensure } from '@storybook/theming';\nimport React17, { createContext, lazy, Fragment, useState, useCallback, useRef, useEffect, Component, cloneElement, useMemo, Suspense, useContext, Children } from 'react';\nimport { withReset, SyntaxHighlighter, FlexBar, codeCommon, Icons, IconButton, Form, components, IconButtonSkeleton, Zoom as Zoom$1, ActionBar, Link, ResetWrapper, Code, nameSpaceClassNames, H3, H2, Loader, TabsState, ErrorFormatter, getStoryHref, WithTooltipPure } from '@storybook/components';\nimport { transparentize, darken, opacify, lighten, rgba } from 'polished';\nimport { global } from '@storybook/global';\nimport pickBy from 'lodash/pickBy.js';\nimport { includeConditionalArg } from '@storybook/csf';\nimport { deprecate, once, logger } from '@storybook/client-logger';\nimport Markdown from 'markdown-to-jsx';\nimport memoize from 'memoizerific';\nimport uniq from 'lodash/uniq.js';\nimport cloneDeep from 'lodash/cloneDeep.js';\nimport { filterArgTypes, composeConfigs, Preview as Preview$1, DocsContext as DocsContext$1 } from '@storybook/preview-api';\nimport mapValues from 'lodash/mapValues.js';\nimport { STORY_ARGS_UPDATED, UPDATE_STORY_ARGS, RESET_STORY_ARGS, GLOBALS_UPDATED, NAVIGATE_URL } from '@storybook/core-events';\nimport dedent2 from 'ts-dedent';\nimport { SNIPPET_RENDERED, SourceType, str } from '@storybook/docs-tools';\nimport { stringify } from 'telejson';\nimport * as tocbot from 'tocbot';\nimport { Channel } from '@storybook/channels';\n\nvar Wrapper=styled.div(withReset,({theme})=>({backgroundColor:theme.base===\"light\"?\"rgba(0,0,0,.01)\":\"rgba(255,255,255,.01)\",borderRadius:theme.appBorderRadius,border:`1px dashed ${theme.appBorderColor}`,display:\"flex\",alignItems:\"center\",justifyContent:\"center\",padding:20,margin:\"25px 0 40px\",color:transparentize(.3,theme.color.defaultText),fontSize:theme.typography.size.s2})),EmptyBlock=props=>React17.createElement(Wrapper,{...props,className:\"docblock-emptyblock sb-unstyled\"});var StyledSyntaxHighlighter=styled(SyntaxHighlighter)(({theme})=>({fontSize:`${theme.typography.size.s2-1}px`,lineHeight:\"19px\",margin:\"25px 0 40px\",borderRadius:theme.appBorderRadius,boxShadow:theme.base===\"light\"?\"rgba(0, 0, 0, 0.10) 0 1px 3px 0\":\"rgba(0, 0, 0, 0.20) 0 2px 5px 0\",\"pre.prismjs\":{padding:20,background:\"inherit\"}}));var SourceSkeletonWrapper=styled.div(({theme})=>({background:theme.background.content,borderRadius:theme.appBorderRadius,border:`1px solid ${theme.appBorderColor}`,boxShadow:theme.base===\"light\"?\"rgba(0, 0, 0, 0.10) 0 1px 3px 0\":\"rgba(0, 0, 0, 0.20) 0 2px 5px 0\",margin:\"25px 0 40px\",padding:\"20px 20px 20px 22px\"})),SourceSkeletonPlaceholder=styled.div(({theme})=>({animation:`${theme.animation.glow} 1.5s ease-in-out infinite`,background:theme.appBorderColor,height:17,marginTop:1,width:\"60%\",[`&:first-child${ignoreSsrWarning}`]:{margin:0}})),SourceSkeleton=()=>React17.createElement(SourceSkeletonWrapper,null,React17.createElement(SourceSkeletonPlaceholder,null),React17.createElement(SourceSkeletonPlaceholder,{style:{width:\"80%\"}}),React17.createElement(SourceSkeletonPlaceholder,{style:{width:\"30%\"}}),React17.createElement(SourceSkeletonPlaceholder,{style:{width:\"80%\"}})),Source=({isLoading,error,language,code,dark,format:format2,...rest})=>{if(isLoading)return React17.createElement(SourceSkeleton,null);if(error)return React17.createElement(EmptyBlock,null,error);let syntaxHighlighter=React17.createElement(StyledSyntaxHighlighter,{bordered:!0,copyable:!0,format:format2,language,className:\"docblock-source sb-unstyled\",...rest},code);if(typeof dark>\"u\")return syntaxHighlighter;let overrideTheme=dark?themes.dark:themes.light;return React17.createElement(ThemeProvider,{theme:convert(overrideTheme)},syntaxHighlighter)};Source.defaultProps={format:!1};var toGlobalSelector=element=>`& :where(${element}:not(.sb-anchor, .sb-unstyled, .sb-unstyled ${element}))`,breakpoint=600,Title=styled.h1(withReset,({theme})=>({color:theme.color.defaultText,fontSize:theme.typography.size.m3,fontWeight:theme.typography.weight.bold,lineHeight:\"32px\",[`@media (min-width: ${breakpoint}px)`]:{fontSize:theme.typography.size.l1,lineHeight:\"36px\",marginBottom:\"16px\"}})),Subtitle=styled.h2(withReset,({theme})=>({fontWeight:theme.typography.weight.regular,fontSize:theme.typography.size.s3,lineHeight:\"20px\",borderBottom:\"none\",marginBottom:15,[`@media (min-width: ${breakpoint}px)`]:{fontSize:theme.typography.size.m1,lineHeight:\"28px\",marginBottom:24},color:transparentize(.25,theme.color.defaultText)})),DocsContent=styled.div(({theme})=>{let reset={fontFamily:theme.typography.fonts.base,fontSize:theme.typography.size.s3,margin:0,WebkitFontSmoothing:\"antialiased\",MozOsxFontSmoothing:\"grayscale\",WebkitTapHighlightColor:\"rgba(0, 0, 0, 0)\",WebkitOverflowScrolling:\"touch\"},headers={margin:\"20px 0 8px\",padding:0,cursor:\"text\",position:\"relative\",color:theme.color.defaultText,\"&:first-of-type\":{marginTop:0,paddingTop:0},\"&:hover a.anchor\":{textDecoration:\"none\"},\"& code\":{fontSize:\"inherit\"}},code={lineHeight:1,margin:\"0 2px\",padding:\"3px 5px\",whiteSpace:\"nowrap\",borderRadius:3,fontSize:theme.typography.size.s2-1,border:theme.base===\"light\"?`1px solid ${theme.color.mediumlight}`:`1px solid ${theme.color.darker}`,color:theme.base===\"light\"?transparentize(.1,theme.color.defaultText):transparentize(.3,theme.color.defaultText),backgroundColor:theme.base===\"light\"?theme.color.lighter:theme.color.border};return {maxWidth:1e3,width:\"100%\",[toGlobalSelector(\"a\")]:{...reset,fontSize:\"inherit\",lineHeight:\"24px\",color:theme.color.secondary,textDecoration:\"none\",\"&.absent\":{color:\"#cc0000\"},\"&.anchor\":{display:\"block\",paddingLeft:30,marginLeft:-30,cursor:\"pointer\",position:\"absolute\",top:0,left:0,bottom:0}},[toGlobalSelector(\"blockquote\")]:{...reset,margin:\"16px 0\",borderLeft:`4px solid ${theme.color.medium}`,padding:\"0 15px\",color:theme.color.dark,\"& > :first-of-type\":{marginTop:0},\"& > :last-child\":{marginBottom:0}},[toGlobalSelector(\"div\")]:reset,[toGlobalSelector(\"dl\")]:{...reset,margin:\"16px 0\",padding:0,\"& dt\":{fontSize:\"14px\",fontWeight:\"bold\",fontStyle:\"italic\",padding:0,margin:\"16px 0 4px\"},\"& dt:first-of-type\":{padding:0},\"& dt > :first-of-type\":{marginTop:0},\"& dt > :last-child\":{marginBottom:0},\"& dd\":{margin:\"0 0 16px\",padding:\"0 15px\"},\"& dd > :first-of-type\":{marginTop:0},\"& dd > :last-child\":{marginBottom:0}},[toGlobalSelector(\"h1\")]:{...reset,...headers,fontSize:`${theme.typography.size.l1}px`,fontWeight:theme.typography.weight.bold},[toGlobalSelector(\"h2\")]:{...reset,...headers,fontSize:`${theme.typography.size.m2}px`,paddingBottom:4,borderBottom:`1px solid ${theme.appBorderColor}`},[toGlobalSelector(\"h3\")]:{...reset,...headers,fontSize:`${theme.typography.size.m1}px`,fontWeight:theme.typography.weight.bold},[toGlobalSelector(\"h4\")]:{...reset,...headers,fontSize:`${theme.typography.size.s3}px`},[toGlobalSelector(\"h5\")]:{...reset,...headers,fontSize:`${theme.typography.size.s2}px`},[toGlobalSelector(\"h6\")]:{...reset,...headers,fontSize:`${theme.typography.size.s2}px`,color:theme.color.dark},[toGlobalSelector(\"hr\")]:{border:\"0 none\",borderTop:`1px solid ${theme.appBorderColor}`,height:4,padding:0},[toGlobalSelector(\"img\")]:{maxWidth:\"100%\"},[toGlobalSelector(\"li\")]:{...reset,fontSize:theme.typography.size.s2,color:theme.color.defaultText,lineHeight:\"24px\",\"& + li\":{marginTop:\".25em\"},\"& ul, & ol\":{marginTop:\".25em\",marginBottom:0},\"& code\":code},[toGlobalSelector(\"ol\")]:{...reset,margin:\"16px 0\",paddingLeft:30,\"& :first-of-type\":{marginTop:0},\"& :last-child\":{marginBottom:0}},[toGlobalSelector(\"p\")]:{...reset,margin:\"16px 0\",fontSize:theme.typography.size.s2,lineHeight:\"24px\",color:theme.color.defaultText,\"& code\":code},[toGlobalSelector(\"pre\")]:{...reset,fontFamily:theme.typography.fonts.mono,WebkitFontSmoothing:\"antialiased\",MozOsxFontSmoothing:\"grayscale\",lineHeight:\"18px\",padding:\"11px 1rem\",whiteSpace:\"pre-wrap\",color:\"inherit\",borderRadius:3,margin:\"1rem 0\",\"&:not(.prismjs)\":{background:\"transparent\",border:\"none\",borderRadius:0,padding:0,margin:0},\"& pre, &.prismjs\":{padding:15,margin:0,whiteSpace:\"pre-wrap\",color:\"inherit\",fontSize:\"13px\",lineHeight:\"19px\",code:{color:\"inherit\",fontSize:\"inherit\"}},\"& code\":{whiteSpace:\"pre\"},\"& code, & tt\":{border:\"none\"}},[toGlobalSelector(\"span\")]:{...reset,\"&.frame\":{display:\"block\",overflow:\"hidden\",\"& > span\":{border:`1px solid ${theme.color.medium}`,display:\"block\",float:\"left\",overflow:\"hidden\",margin:\"13px 0 0\",padding:7,width:\"auto\"},\"& span img\":{display:\"block\",float:\"left\"},\"& span span\":{clear:\"both\",color:theme.color.darkest,display:\"block\",padding:\"5px 0 0\"}},\"&.align-center\":{display:\"block\",overflow:\"hidden\",clear:\"both\",\"& > span\":{display:\"block\",overflow:\"hidden\",margin:\"13px auto 0\",textAlign:\"center\"},\"& span img\":{margin:\"0 auto\",textAlign:\"center\"}},\"&.align-right\":{display:\"block\",overflow:\"hidden\",clear:\"both\",\"& > span\":{display:\"block\",overflow:\"hidden\",margin:\"13px 0 0\",textAlign:\"right\"},\"& span img\":{margin:0,textAlign:\"right\"}},\"&.float-left\":{display:\"block\",marginRight:13,overflow:\"hidden\",float:\"left\",\"& span\":{margin:\"13px 0 0\"}},\"&.float-right\":{display:\"block\",marginLeft:13,overflow:\"hidden\",float:\"right\",\"& > span\":{display:\"block\",overflow:\"hidden\",margin:\"13px auto 0\",textAlign:\"right\"}}},[toGlobalSelector(\"table\")]:{...reset,margin:\"16px 0\",fontSize:theme.typography.size.s2,lineHeight:\"24px\",padding:0,borderCollapse:\"collapse\",\"& tr\":{borderTop:`1px solid ${theme.appBorderColor}`,backgroundColor:theme.appContentBg,margin:0,padding:0},\"& tr:nth-of-type(2n)\":{backgroundColor:theme.base===\"dark\"?theme.color.darker:theme.color.lighter},\"& tr th\":{fontWeight:\"bold\",color:theme.color.defaultText,border:`1px solid ${theme.appBorderColor}`,margin:0,padding:\"6px 13px\"},\"& tr td\":{border:`1px solid ${theme.appBorderColor}`,color:theme.color.defaultText,margin:0,padding:\"6px 13px\"},\"& tr th :first-of-type, & tr td :first-of-type\":{marginTop:0},\"& tr th :last-child, & tr td :last-child\":{marginBottom:0}},[toGlobalSelector(\"ul\")]:{...reset,margin:\"16px 0\",paddingLeft:30,\"& :first-of-type\":{marginTop:0},\"& :last-child\":{marginBottom:0},listStyle:\"disc\"}}}),DocsWrapper=styled.div(({theme})=>({background:theme.background.content,display:\"flex\",justifyContent:\"center\",padding:\"4rem 20px\",minHeight:\"100vh\",boxSizing:\"border-box\",gap:\"3rem\",[`@media (min-width: ${breakpoint}px)`]:{}})),DocsPageWrapper=({children,toc})=>React17.createElement(DocsWrapper,{className:\"sbdocs sbdocs-wrapper\"},React17.createElement(DocsContent,{className:\"sbdocs sbdocs-content\"},children),toc);var getBlockBackgroundStyle=theme=>({borderRadius:theme.appBorderRadius,background:theme.background.content,boxShadow:theme.base===\"light\"?\"rgba(0, 0, 0, 0.10) 0 1px 3px 0\":\"rgba(0, 0, 0, 0.20) 0 2px 5px 0\",border:`1px solid ${theme.appBorderColor}`});var Zoom=({zoom,resetZoom})=>React17.createElement(React17.Fragment,null,React17.createElement(IconButton,{key:\"zoomin\",onClick:e=>{e.preventDefault(),zoom(.8);},title:\"Zoom in\"},React17.createElement(Icons,{icon:\"zoom\"})),React17.createElement(IconButton,{key:\"zoomout\",onClick:e=>{e.preventDefault(),zoom(1.25);},title:\"Zoom out\"},React17.createElement(Icons,{icon:\"zoomout\"})),React17.createElement(IconButton,{key:\"zoomreset\",onClick:e=>{e.preventDefault(),resetZoom();},title:\"Reset zoom\"},React17.createElement(Icons,{icon:\"zoomreset\"}))),Bar=styled(FlexBar)({position:\"absolute\",left:0,right:0,top:0,transition:\"transform .2s linear\"}),Toolbar=({isLoading,storyId,baseUrl,zoom,resetZoom,...rest})=>React17.createElement(Bar,{...rest},React17.createElement(Fragment,{key:\"left\"},isLoading?[1,2,3].map(key=>React17.createElement(IconButtonSkeleton,{key})):React17.createElement(Zoom,{zoom,resetZoom})));var ZoomContext=createContext({scale:1});var{window:globalWindow}=global,IFrame=class extends Component{constructor(){super(...arguments);this.iframe=null;}componentDidMount(){let{id}=this.props;this.iframe=globalWindow.document.getElementById(id);}shouldComponentUpdate(nextProps){let{scale}=nextProps;return scale!==this.props.scale&&this.setIframeBodyStyle({width:`${scale*100}%`,height:`${scale*100}%`,transform:`scale(${1/scale})`,transformOrigin:\"top left\"}),!1}setIframeBodyStyle(style){return Object.assign(this.iframe.contentDocument.body.style,style)}render(){let{id,title,src,allowFullScreen,scale,...rest}=this.props;return React17.createElement(\"iframe\",{id,title,src,...allowFullScreen?{allow:\"fullscreen\"}:{},loading:\"lazy\",...rest})}};var{PREVIEW_URL}=global,BASE_URL=PREVIEW_URL||\"iframe.html\",storyBlockIdFromId=({story,primary})=>`story--${story.id}${primary?\"--primary\":\"\"}`,InlineStory=props=>{let storyRef=useRef(),[showLoader,setShowLoader]=useState(!0),[error,setError]=useState(),{story,height,autoplay,forceInitialArgs,renderStoryToElement}=props;return useEffect(()=>{if(!(story&&storyRef.current))return ()=>{};let element=storyRef.current,cleanup=renderStoryToElement(story,element,{showMain:()=>{},showError:({title,description})=>setError(new Error(`${title} - ${description}`)),showException:err=>setError(err)},{autoplay,forceInitialArgs});return setShowLoader(!1),()=>{Promise.resolve().then(()=>cleanup());}},[autoplay,renderStoryToElement,story]),error?React17.createElement(\"pre\",null,React17.createElement(ErrorFormatter,{error})):React17.createElement(React17.Fragment,null,height?React17.createElement(\"style\",null,`#${storyBlockIdFromId(props)} { min-height: ${height}; transform: translateZ(0); overflow: auto }`):null,showLoader&&React17.createElement(StorySkeleton,null),React17.createElement(\"div\",{ref:storyRef,id:`${storyBlockIdFromId(props)}-inner`,\"data-name\":story.name}))},IFrameStory=({story,height=\"500px\"})=>React17.createElement(\"div\",{style:{width:\"100%\",height}},React17.createElement(ZoomContext.Consumer,null,({scale})=>React17.createElement(IFrame,{key:\"iframe\",id:`iframe--${story.id}`,title:story.name,src:getStoryHref(BASE_URL,story.id,{viewMode:\"story\"}),allowFullScreen:!0,scale,style:{width:\"100%\",height:\"100%\",border:\"0 none\"}}))),Story=props=>{let{inline}=props;return React17.createElement(\"div\",{id:storyBlockIdFromId(props),className:\"sb-story sb-unstyled\",\"data-story-block\":\"true\"},inline?React17.createElement(InlineStory,{...props}):React17.createElement(IFrameStory,{...props}))},StorySkeleton=()=>React17.createElement(Loader,null);var ChildrenContainer=styled.div(({isColumn,columns,layout})=>({display:isColumn||!columns?\"block\":\"flex\",position:\"relative\",flexWrap:\"wrap\",overflow:\"auto\",flexDirection:isColumn?\"column\":\"row\",\"& .innerZoomElementWrapper > *\":isColumn?{width:layout!==\"fullscreen\"?\"calc(100% - 20px)\":\"100%\",display:\"block\"}:{maxWidth:layout!==\"fullscreen\"?\"calc(100% - 20px)\":\"100%\",display:\"inline-block\"}}),({layout=\"padded\"})=>layout===\"centered\"||layout===\"padded\"?{padding:\"30px 20px\",\"& .innerZoomElementWrapper > *\":{width:\"auto\",border:\"10px solid transparent!important\"}}:{},({layout=\"padded\"})=>layout===\"centered\"?{display:\"flex\",justifyContent:\"center\",justifyItems:\"center\",alignContent:\"center\",alignItems:\"center\"}:{},({columns})=>columns&&columns>1?{\".innerZoomElementWrapper > *\":{minWidth:`calc(100% / ${columns} - 20px)`}}:{}),StyledSource=styled(Source)(({theme})=>({margin:0,borderTopLeftRadius:0,borderTopRightRadius:0,borderBottomLeftRadius:theme.appBorderRadius,borderBottomRightRadius:theme.appBorderRadius,border:\"none\",background:theme.base===\"light\"?\"rgba(0, 0, 0, 0.85)\":darken(.05,theme.background.content),color:theme.color.lightest,button:{background:theme.base===\"light\"?\"rgba(0, 0, 0, 0.85)\":darken(.05,theme.background.content)}})),PreviewContainer=styled.div(({theme,withSource,isExpanded})=>({position:\"relative\",overflow:\"hidden\",margin:\"25px 0 40px\",...getBlockBackgroundStyle(theme),borderBottomLeftRadius:withSource&&isExpanded&&0,borderBottomRightRadius:withSource&&isExpanded&&0,borderBottomWidth:isExpanded&&0,\"h3 + &\":{marginTop:\"16px\"}}),({withToolbar})=>withToolbar&&{paddingTop:40}),getSource=(withSource,expanded,setExpanded)=>{switch(!0){case!!(withSource&&withSource.error):return {source:null,actionItem:{title:\"No code available\",className:\"docblock-code-toggle docblock-code-toggle--disabled\",disabled:!0,onClick:()=>setExpanded(!1)}};case expanded:return {source:React17.createElement(StyledSource,{...withSource,dark:!0}),actionItem:{title:\"Hide code\",className:\"docblock-code-toggle docblock-code-toggle--expanded\",onClick:()=>setExpanded(!1)}};default:return {source:React17.createElement(StyledSource,{...withSource,dark:!0}),actionItem:{title:\"Show code\",className:\"docblock-code-toggle\",onClick:()=>setExpanded(!0)}}}};function getStoryId(children){if(Children.count(children)===1){let elt=children;if(elt.props)return elt.props.id}return null}var PositionedToolbar=styled(Toolbar)({position:\"absolute\",top:0,left:0,right:0,height:40}),Relative=styled.div({overflow:\"hidden\",position:\"relative\"}),Preview=({isLoading,isColumn,columns,children,withSource,withToolbar=!1,isExpanded=!1,additionalActions,className,layout=\"padded\",...props})=>{let[expanded,setExpanded]=useState(isExpanded),{source,actionItem}=getSource(withSource,expanded,setExpanded),[scale,setScale]=useState(1),previewClasses=[className].concat([\"sbdocs\",\"sbdocs-preview\",\"sb-unstyled\"]),defaultActionItems=withSource?[actionItem]:[],[additionalActionItems,setAdditionalActionItems]=useState(additionalActions?[...additionalActions]:[]),actionItems=[...defaultActionItems,...additionalActionItems],{window:globalWindow4}=global,copyToClipboard=useCallback(async text=>{let{createCopyToClipboardFunction}=await import('@storybook/components');createCopyToClipboardFunction();},[]),onCopyCapture=e=>{let selection=globalWindow4.getSelection();selection&&selection.type===\"Range\"||(e.preventDefault(),additionalActionItems.filter(item=>item.title===\"Copied\").length===0&©ToClipboard(source.props.code).then(()=>{setAdditionalActionItems([...additionalActionItems,{title:\"Copied\",onClick:()=>{}}]),globalWindow4.setTimeout(()=>setAdditionalActionItems(additionalActionItems.filter(item=>item.title!==\"Copied\")),1500);}));};return React17.createElement(PreviewContainer,{withSource,withToolbar,...props,className:previewClasses.join(\" \")},withToolbar&&React17.createElement(PositionedToolbar,{isLoading,border:!0,zoom:z=>setScale(scale*z),resetZoom:()=>setScale(1),storyId:getStoryId(children),baseUrl:\"./iframe.html\"}),React17.createElement(ZoomContext.Provider,{value:{scale}},React17.createElement(Relative,{className:\"docs-story\",onCopyCapture:withSource&&onCopyCapture},React17.createElement(ChildrenContainer,{isColumn:isColumn||!Array.isArray(children),columns,layout},React17.createElement(Zoom$1.Element,{scale},Array.isArray(children)?children.map((child,i)=>React17.createElement(\"div\",{key:i},child)):React17.createElement(\"div\",null,children))),React17.createElement(ActionBar,{actionItems}))),withSource&&expanded&&source)},StyledPreview=styled(Preview)(()=>({\".docs-story\":{paddingTop:32,paddingBottom:40}})),PreviewSkeleton=()=>React17.createElement(StyledPreview,{isLoading:!0,withToolbar:!0},React17.createElement(StorySkeleton,null));var Table=styled.table(({theme})=>({\"&&\":{borderCollapse:\"collapse\",borderSpacing:0,border:\"none\",tr:{border:\"none !important\",background:\"none\"},\"td, th\":{padding:0,border:\"none\",width:\"auto!important\"},marginTop:0,marginBottom:0,\"th:first-of-type, td:first-of-type\":{paddingLeft:0},\"th:last-of-type, td:last-of-type\":{paddingRight:0},td:{paddingTop:0,paddingBottom:4,\"&:not(:first-of-type)\":{paddingLeft:10,paddingRight:0}},tbody:{boxShadow:\"none\",border:\"none\"},code:codeCommon({theme}),div:{span:{fontWeight:\"bold\"}},\"& code\":{margin:0,display:\"inline-block\",fontSize:theme.typography.size.s1}}})),ArgJsDoc=({tags})=>{let params=(tags.params||[]).filter(x=>x.description),hasDisplayableParams=params.length!==0,hasDisplayableDeprecated=tags.deprecated!=null,hasDisplayableReturns=tags.returns!=null&&tags.returns.description!=null;return !hasDisplayableParams&&!hasDisplayableReturns&&!hasDisplayableDeprecated?null:React17.createElement(React17.Fragment,null,React17.createElement(Table,null,React17.createElement(\"tbody\",null,hasDisplayableDeprecated&&React17.createElement(\"tr\",{key:\"deprecated\"},React17.createElement(\"td\",{colSpan:2},React17.createElement(\"strong\",null,\"Deprecated\"),\": \",tags.deprecated)),hasDisplayableParams&¶ms.map(x=>React17.createElement(\"tr\",{key:x.name},React17.createElement(\"td\",null,React17.createElement(\"code\",null,x.name)),React17.createElement(\"td\",null,x.description))),hasDisplayableReturns&&React17.createElement(\"tr\",{key:\"returns\"},React17.createElement(\"td\",null,React17.createElement(\"code\",null,\"Returns\")),React17.createElement(\"td\",null,tags.returns.description)))))};var ITEMS_BEFORE_EXPANSION=8,Summary=styled.div(({isExpanded})=>({display:\"flex\",flexDirection:isExpanded?\"column\":\"row\",flexWrap:\"wrap\",alignItems:\"flex-start\",marginBottom:\"-4px\",minWidth:100})),Text=styled.span(codeCommon,({theme,simple=!1})=>({flex:\"0 0 auto\",fontFamily:theme.typography.fonts.mono,fontSize:theme.typography.size.s1,wordBreak:\"break-word\",whiteSpace:\"normal\",maxWidth:\"100%\",margin:0,marginRight:\"4px\",marginBottom:\"4px\",paddingTop:\"2px\",paddingBottom:\"2px\",lineHeight:\"13px\",...simple&&{background:\"transparent\",border:\"0 none\",paddingLeft:0}})),ExpandButton=styled.button(({theme})=>({fontFamily:theme.typography.fonts.mono,color:theme.color.secondary,marginBottom:\"4px\",background:\"none\",border:\"none\"})),Expandable=styled.div(codeCommon,({theme})=>({fontFamily:theme.typography.fonts.mono,color:theme.color.secondary,fontSize:theme.typography.size.s1,margin:0,whiteSpace:\"nowrap\",display:\"flex\",alignItems:\"center\"})),Detail=styled.div(({theme,width})=>({width,minWidth:200,maxWidth:800,padding:15,fontFamily:theme.typography.fonts.mono,fontSize:theme.typography.size.s1,boxSizing:\"content-box\",\"& code\":{padding:\"0 !important\"}})),ArrowIcon=styled(Icons)({height:10,width:10,minWidth:10,marginLeft:4}),EmptyArg=()=>React17.createElement(\"span\",null,\"-\"),ArgText=({text,simple})=>React17.createElement(Text,{simple},text),calculateDetailWidth=memoize(1e3)(detail=>{let lines=detail.split(/\\r?\\n/);return `${Math.max(...lines.map(x=>x.length))}ch`}),getSummaryItems=summary=>{if(!summary)return [summary];let summaryItems=summary.split(\"|\").map(value2=>value2.trim());return uniq(summaryItems)},renderSummaryItems=(summaryItems,isExpanded=!0)=>{let items=summaryItems;return isExpanded||(items=summaryItems.slice(0,ITEMS_BEFORE_EXPANSION)),items.map(item=>React17.createElement(ArgText,{key:item,text:item===\"\"?'\"\"':item}))},ArgSummary=({value:value2,initialExpandedArgs})=>{let{summary,detail}=value2,[isOpen,setIsOpen]=useState(!1),[isExpanded,setIsExpanded]=useState(initialExpandedArgs||!1);if(summary==null)return null;let summaryAsString=typeof summary.toString==\"function\"?summary.toString():summary;if(detail==null){if(/[(){}[\\]<>]/.test(summaryAsString))return React17.createElement(ArgText,{text:summaryAsString});let summaryItems=getSummaryItems(summaryAsString),itemsCount=summaryItems.length;return itemsCount>ITEMS_BEFORE_EXPANSION?React17.createElement(Summary,{isExpanded},renderSummaryItems(summaryItems,isExpanded),React17.createElement(ExpandButton,{onClick:()=>setIsExpanded(!isExpanded)},isExpanded?\"Show less...\":`Show ${itemsCount-ITEMS_BEFORE_EXPANSION} more...`)):React17.createElement(Summary,null,renderSummaryItems(summaryItems))}return React17.createElement(WithTooltipPure,{closeOnOutsideClick:!0,placement:\"bottom\",visible:isOpen,onVisibleChange:isVisible=>{setIsOpen(isVisible);},tooltip:React17.createElement(Detail,{width:calculateDetailWidth(detail)},React17.createElement(SyntaxHighlighter,{language:\"jsx\",format:!1},detail))},React17.createElement(Expandable,{className:\"sbdocs-expandable\"},React17.createElement(\"span\",null,summaryAsString),React17.createElement(ArrowIcon,{icon:isOpen?\"arrowup\":\"arrowdown\"})))},ArgValue=({value:value2,initialExpandedArgs})=>value2==null?React17.createElement(EmptyArg,null):React17.createElement(ArgSummary,{value:value2,initialExpandedArgs});var Label=styled.label(({theme})=>({lineHeight:\"18px\",alignItems:\"center\",marginBottom:8,display:\"inline-block\",position:\"relative\",whiteSpace:\"nowrap\",background:theme.boolean.background,borderRadius:\"3em\",padding:1,input:{appearance:\"none\",width:\"100%\",height:\"100%\",position:\"absolute\",left:0,top:0,margin:0,padding:0,border:\"none\",background:\"transparent\",cursor:\"pointer\",borderRadius:\"3em\",\"&:focus\":{outline:\"none\",boxShadow:`${theme.color.secondary} 0 0 0 1px inset !important`}},span:{textAlign:\"center\",fontSize:theme.typography.size.s1,fontWeight:theme.typography.weight.bold,lineHeight:\"1\",cursor:\"pointer\",display:\"inline-block\",padding:\"7px 15px\",transition:\"all 100ms ease-out\",userSelect:\"none\",borderRadius:\"3em\",color:transparentize(.5,theme.color.defaultText),background:\"transparent\",\"&:hover\":{boxShadow:`${opacify(.3,theme.appBorderColor)} 0 0 0 1px inset`},\"&:active\":{boxShadow:`${opacify(.05,theme.appBorderColor)} 0 0 0 2px inset`,color:opacify(1,theme.appBorderColor)},\"&:first-of-type\":{paddingRight:8},\"&:last-of-type\":{paddingLeft:8}},\"input:checked ~ span:last-of-type, input:not(:checked) ~ span:first-of-type\":{background:theme.boolean.selectedBackground,boxShadow:theme.base===\"light\"?`${opacify(.1,theme.appBorderColor)} 0 0 2px`:`${theme.appBorderColor} 0 0 0 1px`,color:theme.color.defaultText,padding:\"7px 15px\"}})),parse=value2=>value2===\"true\",BooleanControl=({name,value:value2,onChange,onBlur,onFocus})=>{let onSetFalse=useCallback(()=>onChange(!1),[onChange]);if(value2===void 0)return React17.createElement(Form.Button,{id:getControlSetterButtonId(name),onClick:onSetFalse},\"Set boolean\");let controlId=getControlId(name),parsedValue=typeof value2==\"string\"?parse(value2):value2;return React17.createElement(Label,{htmlFor:controlId,\"aria-label\":name},React17.createElement(\"input\",{id:controlId,type:\"checkbox\",onChange:e=>onChange(e.target.checked),checked:parsedValue,role:\"switch\",name,onBlur,onFocus}),React17.createElement(\"span\",{\"aria-hidden\":\"true\"},\"False\"),React17.createElement(\"span\",{\"aria-hidden\":\"true\"},\"True\"))};var parseDate=value2=>{let[year,month,day]=value2.split(\"-\"),result=new Date;return result.setFullYear(parseInt(year,10),parseInt(month,10)-1,parseInt(day,10)),result},parseTime=value2=>{let[hours,minutes]=value2.split(\":\"),result=new Date;return result.setHours(parseInt(hours,10)),result.setMinutes(parseInt(minutes,10)),result},formatDate=value2=>{let date=new Date(value2),year=`000${date.getFullYear()}`.slice(-4),month=`0${date.getMonth()+1}`.slice(-2),day=`0${date.getDate()}`.slice(-2);return `${year}-${month}-${day}`},formatTime=value2=>{let date=new Date(value2),hours=`0${date.getHours()}`.slice(-2),minutes=`0${date.getMinutes()}`.slice(-2);return `${hours}:${minutes}`},FlexSpaced=styled.div(({theme})=>({flex:1,display:\"flex\",input:{marginLeft:10,flex:1,height:32,\"&::-webkit-calendar-picker-indicator\":{opacity:.5,height:12,filter:theme.base===\"light\"?void 0:\"invert(1)\"}},\"input:first-of-type\":{marginLeft:0,flexGrow:4},\"input:last-of-type\":{flexGrow:3}})),DateControl=({name,value:value2,onChange,onFocus,onBlur})=>{let[valid,setValid]=useState(!0),dateRef=useRef(),timeRef=useRef();useEffect(()=>{valid!==!1&&(dateRef&&dateRef.current&&(dateRef.current.value=formatDate(value2)),timeRef&&timeRef.current&&(timeRef.current.value=formatTime(value2)));},[value2]);let onDateChange=e=>{let parsed=parseDate(e.target.value),result=new Date(value2);result.setFullYear(parsed.getFullYear(),parsed.getMonth(),parsed.getDate());let time=result.getTime();time&&onChange(time),setValid(!!time);},onTimeChange=e=>{let parsed=parseTime(e.target.value),result=new Date(value2);result.setHours(parsed.getHours()),result.setMinutes(parsed.getMinutes());let time=result.getTime();time&&onChange(time),setValid(!!time);},controlId=getControlId(name);return React17.createElement(FlexSpaced,null,React17.createElement(Form.Input,{type:\"date\",max:\"9999-12-31\",ref:dateRef,id:`${controlId}-date`,name:`${controlId}-date`,onChange:onDateChange,onFocus,onBlur}),React17.createElement(Form.Input,{type:\"time\",id:`${controlId}-time`,name:`${controlId}-time`,ref:timeRef,onChange:onTimeChange,onFocus,onBlur}),valid?null:React17.createElement(\"div\",null,\"invalid\"))};var Wrapper2=styled.label({display:\"flex\"}),parse2=value2=>{let result=parseFloat(value2);return Number.isNaN(result)?void 0:result},format=value2=>value2!=null?String(value2):\"\",NumberControl=({name,value:value2,onChange,min,max,step,onBlur,onFocus})=>{let[inputValue,setInputValue]=useState(typeof value2==\"number\"?value2:\"\"),[forceVisible,setForceVisible]=useState(!1),[parseError,setParseError]=useState(null),handleChange=useCallback(event=>{setInputValue(event.target.value);let result=parseFloat(event.target.value);Number.isNaN(result)?setParseError(new Error(`'${event.target.value}' is not a number`)):(onChange(result),setParseError(null));},[onChange,setParseError]),onForceVisible=useCallback(()=>{setInputValue(\"0\"),onChange(0),setForceVisible(!0);},[setForceVisible]),htmlElRef=useRef(null);return useEffect(()=>{forceVisible&&htmlElRef.current&&htmlElRef.current.select();},[forceVisible]),useEffect(()=>{inputValue!==(typeof value2==\"number\"?value2:\"\")&&setInputValue(value2);},[value2]),!forceVisible&&value2===void 0?React17.createElement(Form.Button,{id:getControlSetterButtonId(name),onClick:onForceVisible},\"Set number\"):React17.createElement(Wrapper2,null,React17.createElement(Form.Input,{ref:htmlElRef,id:getControlId(name),type:\"number\",onChange:handleChange,size:\"flex\",placeholder:\"Edit number...\",value:inputValue,valid:parseError?\"error\":null,autoFocus:forceVisible,name,min,max,step,onFocus,onBlur}))};var selectedKey=(value2,options)=>{let entry=options&&Object.entries(options).find(([_key,val])=>val===value2);return entry?entry[0]:void 0},selectedKeys=(value2,options)=>value2&&options?Object.entries(options).filter(entry=>value2.includes(entry[1])).map(entry=>entry[0]):[],selectedValues=(keys,options)=>keys&&options&&keys.map(key=>options[key]);var Wrapper3=styled.div(({isInline})=>isInline?{display:\"flex\",flexWrap:\"wrap\",alignItems:\"flex-start\",label:{display:\"inline-flex\",marginRight:15}}:{label:{display:\"flex\"}}),Text2=styled.span({}),Label2=styled.label({lineHeight:\"20px\",alignItems:\"center\",marginBottom:8,\"&:last-child\":{marginBottom:0},input:{margin:0,marginRight:6}}),CheckboxControl=({name,options,value:value2,onChange,isInline})=>{if(!options)return logger.warn(`Checkbox with no options: ${name}`),React17.createElement(React17.Fragment,null,\"-\");let initial=selectedKeys(value2,options),[selected,setSelected]=useState(initial),handleChange=e=>{let option=e.target.value,updated=[...selected];updated.includes(option)?updated.splice(updated.indexOf(option),1):updated.push(option),onChange(selectedValues(updated,options)),setSelected(updated);};useEffect(()=>{setSelected(selectedKeys(value2,options));},[value2]);let controlId=getControlId(name);return React17.createElement(Wrapper3,{isInline},Object.keys(options).map((key,index)=>{let id=`${controlId}-${index}`;return React17.createElement(Label2,{key:id,htmlFor:id},React17.createElement(\"input\",{type:\"checkbox\",id,name:id,value:key,onChange:handleChange,checked:selected?.includes(key)}),React17.createElement(Text2,null,key))}))};var Wrapper4=styled.div(({isInline})=>isInline?{display:\"flex\",flexWrap:\"wrap\",alignItems:\"flex-start\",label:{display:\"inline-flex\",marginRight:15}}:{label:{display:\"flex\"}}),Text3=styled.span({}),Label3=styled.label({lineHeight:\"20px\",alignItems:\"center\",marginBottom:8,\"&:last-child\":{marginBottom:0},input:{margin:0,marginRight:6}}),RadioControl=({name,options,value:value2,onChange,isInline})=>{if(!options)return logger.warn(`Radio with no options: ${name}`),React17.createElement(React17.Fragment,null,\"-\");let selection=selectedKey(value2,options),controlId=getControlId(name);return React17.createElement(Wrapper4,{isInline},Object.keys(options).map((key,index)=>{let id=`${controlId}-${index}`;return React17.createElement(Label3,{key:id,htmlFor:id},React17.createElement(\"input\",{type:\"radio\",id,name:id,value:key,onChange:e=>onChange(options[e.currentTarget.value]),checked:key===selection}),React17.createElement(Text3,null,key))}))};var styleResets={appearance:\"none\",border:\"0 none\",boxSizing:\"inherit\",display:\" block\",margin:\" 0\",background:\"transparent\",padding:0,fontSize:\"inherit\",position:\"relative\"},OptionsSelect=styled.select(styleResets,({theme})=>({boxSizing:\"border-box\",position:\"relative\",padding:\"6px 10px\",width:\"100%\",color:theme.input.color||\"inherit\",background:theme.input.background,borderRadius:theme.input.borderRadius,boxShadow:`${theme.input.border} 0 0 0 1px inset`,fontSize:theme.typography.size.s2-1,lineHeight:\"20px\",\"&:focus\":{boxShadow:`${theme.color.secondary} 0 0 0 1px inset`,outline:\"none\"},\"&[disabled]\":{cursor:\"not-allowed\",opacity:.5},\"::placeholder\":{color:theme.textMutedColor},\"&[multiple]\":{overflow:\"auto\",padding:0,option:{display:\"block\",padding:\"6px 10px\",marginLeft:1,marginRight:1}}})),SelectWrapper=styled.span(({theme})=>({display:\"inline-block\",lineHeight:\"normal\",overflow:\"hidden\",position:\"relative\",verticalAlign:\"top\",width:\"100%\",svg:{position:\"absolute\",zIndex:1,pointerEvents:\"none\",height:\"12px\",marginTop:\"-6px\",right:\"12px\",top:\"50%\",fill:theme.textMutedColor,path:{fill:theme.textMutedColor}}})),NO_SELECTION=\"Choose option...\",SingleSelect=({name,value:value2,options,onChange})=>{let handleChange=e=>{onChange(options[e.currentTarget.value]);},selection=selectedKey(value2,options)||NO_SELECTION,controlId=getControlId(name);return React17.createElement(SelectWrapper,null,React17.createElement(Icons,{icon:\"arrowdown\"}),React17.createElement(OptionsSelect,{id:controlId,value:selection,onChange:handleChange},React17.createElement(\"option\",{key:\"no-selection\",disabled:!0},NO_SELECTION),Object.keys(options).map(key=>React17.createElement(\"option\",{key,value:key},key))))},MultiSelect=({name,value:value2,options,onChange})=>{let handleChange=e=>{let selection2=Array.from(e.currentTarget.options).filter(option=>option.selected).map(option=>option.value);onChange(selectedValues(selection2,options));},selection=selectedKeys(value2,options),controlId=getControlId(name);return React17.createElement(SelectWrapper,null,React17.createElement(OptionsSelect,{id:controlId,multiple:!0,value:selection,onChange:handleChange},Object.keys(options).map(key=>React17.createElement(\"option\",{key,value:key},key))))},SelectControl=props=>{let{name,options}=props;return options?props.isMulti?React17.createElement(MultiSelect,{...props}):React17.createElement(SingleSelect,{...props}):(logger.warn(`Select with no options: ${name}`),React17.createElement(React17.Fragment,null,\"-\"))};var normalizeOptions=(options,labels)=>Array.isArray(options)?options.reduce((acc,item)=>(acc[labels?.[item]||String(item)]=item,acc),{}):options,Controls={check:CheckboxControl,\"inline-check\":CheckboxControl,radio:RadioControl,\"inline-radio\":RadioControl,select:SelectControl,\"multi-select\":SelectControl},OptionsControl=props=>{let{type=\"select\",labels,argType}=props,normalized={...props,options:argType?normalizeOptions(argType.options,labels):{},isInline:type.includes(\"inline\"),isMulti:type.includes(\"multi\")},Control=Controls[type];if(Control)return React17.createElement(Control,{...normalized});throw new Error(`Unknown options type: ${type}`)};var VALUE=\"value\",KEY=\"key\";var ERROR=\"Error\",OBJECT=\"Object\",ARRAY=\"Array\",STRING=\"String\",NUMBER=\"Number\",BOOLEAN=\"Boolean\",DATE=\"Date\",NULL=\"Null\",UNDEFINED=\"Undefined\",FUNCTION=\"Function\",SYMBOL=\"Symbol\";var ADD_DELTA_TYPE=\"ADD_DELTA_TYPE\",REMOVE_DELTA_TYPE=\"REMOVE_DELTA_TYPE\",UPDATE_DELTA_TYPE=\"UPDATE_DELTA_TYPE\";function getObjectType(obj){return obj!==null&&typeof obj==\"object\"&&!Array.isArray(obj)&&typeof obj[Symbol.iterator]==\"function\"?\"Iterable\":Object.prototype.toString.call(obj).slice(8,-1)}function isComponentWillChange(oldValue,newValue){let oldType=getObjectType(oldValue),newType=getObjectType(newValue);return (oldType===\"Function\"||newType===\"Function\")&&newType!==oldType}var JsonAddValue=class extends Component{constructor(props){super(props),this.state={inputRefKey:null,inputRefValue:null},this.refInputValue=this.refInputValue.bind(this),this.refInputKey=this.refInputKey.bind(this),this.onKeydown=this.onKeydown.bind(this),this.onSubmit=this.onSubmit.bind(this);}componentDidMount(){let{inputRefKey,inputRefValue}=this.state,{onlyValue}=this.props;inputRefKey&&typeof inputRefKey.focus==\"function\"&&inputRefKey.focus(),onlyValue&&inputRefValue&&typeof inputRefValue.focus==\"function\"&&inputRefValue.focus(),document.addEventListener(\"keydown\",this.onKeydown);}componentWillUnmount(){document.removeEventListener(\"keydown\",this.onKeydown);}onKeydown(event){event.altKey||event.ctrlKey||event.metaKey||event.shiftKey||event.repeat||((event.code===\"Enter\"||event.key===\"Enter\")&&(event.preventDefault(),this.onSubmit()),(event.code===\"Escape\"||event.key===\"Escape\")&&(event.preventDefault(),this.props.handleCancel()));}onSubmit(){let{handleAdd,onlyValue,onSubmitValueParser,keyPath,deep}=this.props,{inputRefKey,inputRefValue}=this.state,result={};if(!onlyValue){if(!inputRefKey.value)return;result.key=inputRefKey.value;}result.newValue=onSubmitValueParser(!1,keyPath,deep,result.key,inputRefValue.value),handleAdd(result);}refInputKey(node){this.state.inputRefKey=node;}refInputValue(node){this.state.inputRefValue=node;}render(){let{handleCancel,onlyValue,addButtonElement,cancelButtonElement,inputElementGenerator,keyPath,deep}=this.props,addButtonElementLayout=cloneElement(addButtonElement,{onClick:this.onSubmit}),cancelButtonElementLayout=cloneElement(cancelButtonElement,{onClick:handleCancel}),inputElementValue=inputElementGenerator(VALUE,keyPath,deep),inputElementValueLayout=cloneElement(inputElementValue,{placeholder:\"Value\",ref:this.refInputValue}),inputElementKeyLayout=null;if(!onlyValue){let inputElementKey=inputElementGenerator(KEY,keyPath,deep);inputElementKeyLayout=cloneElement(inputElementKey,{placeholder:\"Key\",ref:this.refInputKey});}return React17.createElement(\"span\",{className:\"rejt-add-value-node\"},inputElementKeyLayout,inputElementValueLayout,cancelButtonElementLayout,addButtonElementLayout)}};JsonAddValue.defaultProps={onlyValue:!1,addButtonElement:React17.createElement(\"button\",null,\"+\"),cancelButtonElement:React17.createElement(\"button\",null,\"c\")};var JsonArray=class extends Component{constructor(props){super(props);let keyPath=[...props.keyPath,props.name];this.state={data:props.data,name:props.name,keyPath,deep:props.deep,nextDeep:props.deep+1,collapsed:props.isCollapsed(keyPath,props.deep,props.data),addFormVisible:!1},this.handleCollapseMode=this.handleCollapseMode.bind(this),this.handleRemoveItem=this.handleRemoveItem.bind(this),this.handleAddMode=this.handleAddMode.bind(this),this.handleAddValueAdd=this.handleAddValueAdd.bind(this),this.handleAddValueCancel=this.handleAddValueCancel.bind(this),this.handleEditValue=this.handleEditValue.bind(this),this.onChildUpdate=this.onChildUpdate.bind(this),this.renderCollapsed=this.renderCollapsed.bind(this),this.renderNotCollapsed=this.renderNotCollapsed.bind(this);}static getDerivedStateFromProps(props,state){return props.data!==state.data?{data:props.data}:null}onChildUpdate(childKey,childData){let{data,keyPath}=this.state;data[childKey]=childData,this.setState({data});let{onUpdate}=this.props,size=keyPath.length;onUpdate(keyPath[size-1],data);}handleAddMode(){this.setState({addFormVisible:!0});}handleCollapseMode(){this.setState(state=>({collapsed:!state.collapsed}));}handleRemoveItem(index){return ()=>{let{beforeRemoveAction,logger:logger4}=this.props,{data,keyPath,nextDeep:deep}=this.state,oldValue=data[index];beforeRemoveAction(index,keyPath,deep,oldValue).then(()=>{let deltaUpdateResult={keyPath,deep,key:index,oldValue,type:REMOVE_DELTA_TYPE};data.splice(index,1),this.setState({data});let{onUpdate,onDeltaUpdate}=this.props;onUpdate(keyPath[keyPath.length-1],data),onDeltaUpdate(deltaUpdateResult);}).catch(logger4.error);}}handleAddValueAdd({newValue}){let{data,keyPath,nextDeep:deep}=this.state,{beforeAddAction,logger:logger4}=this.props;beforeAddAction(data.length,keyPath,deep,newValue).then(()=>{let newData=[...data,newValue];this.setState({data:newData}),this.handleAddValueCancel();let{onUpdate,onDeltaUpdate}=this.props;onUpdate(keyPath[keyPath.length-1],newData),onDeltaUpdate({type:ADD_DELTA_TYPE,keyPath,deep,key:newData.length-1,newValue});}).catch(logger4.error);}handleAddValueCancel(){this.setState({addFormVisible:!1});}handleEditValue({key,value:value2}){return new Promise((resolve,reject)=>{let{beforeUpdateAction}=this.props,{data,keyPath,nextDeep:deep}=this.state,oldValue=data[key];beforeUpdateAction(key,keyPath,deep,oldValue,value2).then(()=>{data[key]=value2,this.setState({data});let{onUpdate,onDeltaUpdate}=this.props;onUpdate(keyPath[keyPath.length-1],data),onDeltaUpdate({type:UPDATE_DELTA_TYPE,keyPath,deep,key,newValue:value2,oldValue}),resolve(void 0);}).catch(reject);})}renderCollapsed(){let{name,data,keyPath,deep}=this.state,{handleRemove,readOnly,getStyle,dataType,minusMenuElement}=this.props,{minus,collapsed}=getStyle(name,data,keyPath,deep,dataType),isReadOnly=readOnly(name,data,keyPath,deep,dataType),removeItemButton=cloneElement(minusMenuElement,{onClick:handleRemove,className:\"rejt-minus-menu\",style:minus});return React17.createElement(\"span\",{className:\"rejt-collapsed\"},React17.createElement(\"span\",{className:\"rejt-collapsed-text\",style:collapsed,onClick:this.handleCollapseMode},\"[...] \",data.length,\" \",data.length===1?\"item\":\"items\"),!isReadOnly&&removeItemButton)}renderNotCollapsed(){let{name,data,keyPath,deep,addFormVisible,nextDeep}=this.state,{isCollapsed,handleRemove,onDeltaUpdate,readOnly,getStyle,dataType,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator,textareaElementGenerator,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser}=this.props,{minus,plus,delimiter,ul,addForm}=getStyle(name,data,keyPath,deep,dataType),isReadOnly=readOnly(name,data,keyPath,deep,dataType),addItemButton=cloneElement(plusMenuElement,{onClick:this.handleAddMode,className:\"rejt-plus-menu\",style:plus}),removeItemButton=cloneElement(minusMenuElement,{onClick:handleRemove,className:\"rejt-minus-menu\",style:minus}),onlyValue=!0,startObject=\"[\",endObject=\"]\";return React17.createElement(\"span\",{className:\"rejt-not-collapsed\"},React17.createElement(\"span\",{className:\"rejt-not-collapsed-delimiter\",style:delimiter},startObject),!addFormVisible&&addItemButton,React17.createElement(\"ul\",{className:\"rejt-not-collapsed-list\",style:ul},data.map((item,index)=>React17.createElement(JsonNode,{key:index,name:index.toString(),data:item,keyPath,deep:nextDeep,isCollapsed,handleRemove:this.handleRemoveItem(index),handleUpdateValue:this.handleEditValue,onUpdate:this.onChildUpdate,onDeltaUpdate,readOnly,getStyle,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator,textareaElementGenerator,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser}))),!isReadOnly&&addFormVisible&&React17.createElement(\"div\",{className:\"rejt-add-form\",style:addForm},React17.createElement(JsonAddValue,{handleAdd:this.handleAddValueAdd,handleCancel:this.handleAddValueCancel,onlyValue,addButtonElement,cancelButtonElement,inputElementGenerator,keyPath,deep,onSubmitValueParser})),React17.createElement(\"span\",{className:\"rejt-not-collapsed-delimiter\",style:delimiter},endObject),!isReadOnly&&removeItemButton)}render(){let{name,collapsed,data,keyPath,deep}=this.state,{dataType,getStyle}=this.props,value2=collapsed?this.renderCollapsed():this.renderNotCollapsed(),style=getStyle(name,data,keyPath,deep,dataType);return React17.createElement(\"div\",{className:\"rejt-array-node\"},React17.createElement(\"span\",{onClick:this.handleCollapseMode},React17.createElement(\"span\",{className:\"rejt-name\",style:style.name},name,\" :\",\" \")),value2)}};JsonArray.defaultProps={keyPath:[],deep:0,minusMenuElement:React17.createElement(\"span\",null,\" - \"),plusMenuElement:React17.createElement(\"span\",null,\" + \")};var JsonFunctionValue=class extends Component{constructor(props){super(props);let keyPath=[...props.keyPath,props.name];this.state={value:props.value,name:props.name,keyPath,deep:props.deep,editEnabled:!1,inputRef:null},this.handleEditMode=this.handleEditMode.bind(this),this.refInput=this.refInput.bind(this),this.handleCancelEdit=this.handleCancelEdit.bind(this),this.handleEdit=this.handleEdit.bind(this),this.onKeydown=this.onKeydown.bind(this);}static getDerivedStateFromProps(props,state){return props.value!==state.value?{value:props.value}:null}componentDidUpdate(){let{editEnabled,inputRef,name,value:value2,keyPath,deep}=this.state,{readOnly,dataType}=this.props,readOnlyResult=readOnly(name,value2,keyPath,deep,dataType);editEnabled&&!readOnlyResult&&typeof inputRef.focus==\"function\"&&inputRef.focus();}componentDidMount(){document.addEventListener(\"keydown\",this.onKeydown);}componentWillUnmount(){document.removeEventListener(\"keydown\",this.onKeydown);}onKeydown(event){event.altKey||event.ctrlKey||event.metaKey||event.shiftKey||event.repeat||((event.code===\"Enter\"||event.key===\"Enter\")&&(event.preventDefault(),this.handleEdit()),(event.code===\"Escape\"||event.key===\"Escape\")&&(event.preventDefault(),this.handleCancelEdit()));}handleEdit(){let{handleUpdateValue,originalValue,logger:logger4,onSubmitValueParser,keyPath}=this.props,{inputRef,name,deep}=this.state;if(!inputRef)return;let newValue=onSubmitValueParser(!0,keyPath,deep,name,inputRef.value);handleUpdateValue({value:newValue,key:name}).then(()=>{isComponentWillChange(originalValue,newValue)||this.handleCancelEdit();}).catch(logger4.error);}handleEditMode(){this.setState({editEnabled:!0});}refInput(node){this.state.inputRef=node;}handleCancelEdit(){this.setState({editEnabled:!1});}render(){let{name,value:value2,editEnabled,keyPath,deep}=this.state,{handleRemove,originalValue,readOnly,dataType,getStyle,editButtonElement,cancelButtonElement,textareaElementGenerator,minusMenuElement,keyPath:comeFromKeyPath}=this.props,style=getStyle(name,originalValue,keyPath,deep,dataType),result=null,minusElement=null,resultOnlyResult=readOnly(name,originalValue,keyPath,deep,dataType);if(editEnabled&&!resultOnlyResult){let textareaElement=textareaElementGenerator(VALUE,comeFromKeyPath,deep,name,originalValue,dataType),editButtonElementLayout=cloneElement(editButtonElement,{onClick:this.handleEdit}),cancelButtonElementLayout=cloneElement(cancelButtonElement,{onClick:this.handleCancelEdit}),textareaElementLayout=cloneElement(textareaElement,{ref:this.refInput,defaultValue:originalValue});result=React17.createElement(\"span\",{className:\"rejt-edit-form\",style:style.editForm},textareaElementLayout,\" \",cancelButtonElementLayout,editButtonElementLayout),minusElement=null;}else {result=React17.createElement(\"span\",{className:\"rejt-value\",style:style.value,onClick:resultOnlyResult?null:this.handleEditMode},value2);let minusMenuLayout=cloneElement(minusMenuElement,{onClick:handleRemove,className:\"rejt-minus-menu\",style:style.minus});minusElement=resultOnlyResult?null:minusMenuLayout;}return React17.createElement(\"li\",{className:\"rejt-function-value-node\",style:style.li},React17.createElement(\"span\",{className:\"rejt-name\",style:style.name},name,\" :\",\" \"),result,minusElement)}};JsonFunctionValue.defaultProps={keyPath:[],deep:0,handleUpdateValue:()=>{},editButtonElement:React17.createElement(\"button\",null,\"e\"),cancelButtonElement:React17.createElement(\"button\",null,\"c\"),minusMenuElement:React17.createElement(\"span\",null,\" - \")};var JsonNode=class extends Component{constructor(props){super(props),this.state={data:props.data,name:props.name,keyPath:props.keyPath,deep:props.deep};}static getDerivedStateFromProps(props,state){return props.data!==state.data?{data:props.data}:null}render(){let{data,name,keyPath,deep}=this.state,{isCollapsed,handleRemove,handleUpdateValue,onUpdate,onDeltaUpdate,readOnly,getStyle,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator,textareaElementGenerator,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser}=this.props,readOnlyTrue=()=>!0,dataType=getObjectType(data);switch(dataType){case ERROR:return React17.createElement(JsonObject,{data,name,isCollapsed,keyPath,deep,handleRemove,onUpdate,onDeltaUpdate,readOnly:readOnlyTrue,dataType,getStyle,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator,textareaElementGenerator,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser});case OBJECT:return React17.createElement(JsonObject,{data,name,isCollapsed,keyPath,deep,handleRemove,onUpdate,onDeltaUpdate,readOnly,dataType,getStyle,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator,textareaElementGenerator,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser});case ARRAY:return React17.createElement(JsonArray,{data,name,isCollapsed,keyPath,deep,handleRemove,onUpdate,onDeltaUpdate,readOnly,dataType,getStyle,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator,textareaElementGenerator,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser});case STRING:return React17.createElement(JsonValue,{name,value:`\"${data}\"`,originalValue:data,keyPath,deep,handleRemove,handleUpdateValue,readOnly,dataType,getStyle,cancelButtonElement,editButtonElement,inputElementGenerator,minusMenuElement,logger:logger4,onSubmitValueParser});case NUMBER:return React17.createElement(JsonValue,{name,value:data,originalValue:data,keyPath,deep,handleRemove,handleUpdateValue,readOnly,dataType,getStyle,cancelButtonElement,editButtonElement,inputElementGenerator,minusMenuElement,logger:logger4,onSubmitValueParser});case BOOLEAN:return React17.createElement(JsonValue,{name,value:data?\"true\":\"false\",originalValue:data,keyPath,deep,handleRemove,handleUpdateValue,readOnly,dataType,getStyle,cancelButtonElement,editButtonElement,inputElementGenerator,minusMenuElement,logger:logger4,onSubmitValueParser});case DATE:return React17.createElement(JsonValue,{name,value:data.toISOString(),originalValue:data,keyPath,deep,handleRemove,handleUpdateValue,readOnly:readOnlyTrue,dataType,getStyle,cancelButtonElement,editButtonElement,inputElementGenerator,minusMenuElement,logger:logger4,onSubmitValueParser});case NULL:return React17.createElement(JsonValue,{name,value:\"null\",originalValue:\"null\",keyPath,deep,handleRemove,handleUpdateValue,readOnly,dataType,getStyle,cancelButtonElement,editButtonElement,inputElementGenerator,minusMenuElement,logger:logger4,onSubmitValueParser});case UNDEFINED:return React17.createElement(JsonValue,{name,value:\"undefined\",originalValue:\"undefined\",keyPath,deep,handleRemove,handleUpdateValue,readOnly,dataType,getStyle,cancelButtonElement,editButtonElement,inputElementGenerator,minusMenuElement,logger:logger4,onSubmitValueParser});case FUNCTION:return React17.createElement(JsonFunctionValue,{name,value:data.toString(),originalValue:data,keyPath,deep,handleRemove,handleUpdateValue,readOnly,dataType,getStyle,cancelButtonElement,editButtonElement,textareaElementGenerator,minusMenuElement,logger:logger4,onSubmitValueParser});case SYMBOL:return React17.createElement(JsonValue,{name,value:data.toString(),originalValue:data,keyPath,deep,handleRemove,handleUpdateValue,readOnly:readOnlyTrue,dataType,getStyle,cancelButtonElement,editButtonElement,inputElementGenerator,minusMenuElement,logger:logger4,onSubmitValueParser});default:return null}}};JsonNode.defaultProps={keyPath:[],deep:0};var JsonObject=class extends Component{constructor(props){super(props);let keyPath=props.deep===-1?[]:[...props.keyPath,props.name];this.state={name:props.name,data:props.data,keyPath,deep:props.deep,nextDeep:props.deep+1,collapsed:props.isCollapsed(keyPath,props.deep,props.data),addFormVisible:!1},this.handleCollapseMode=this.handleCollapseMode.bind(this),this.handleRemoveValue=this.handleRemoveValue.bind(this),this.handleAddMode=this.handleAddMode.bind(this),this.handleAddValueAdd=this.handleAddValueAdd.bind(this),this.handleAddValueCancel=this.handleAddValueCancel.bind(this),this.handleEditValue=this.handleEditValue.bind(this),this.onChildUpdate=this.onChildUpdate.bind(this),this.renderCollapsed=this.renderCollapsed.bind(this),this.renderNotCollapsed=this.renderNotCollapsed.bind(this);}static getDerivedStateFromProps(props,state){return props.data!==state.data?{data:props.data}:null}onChildUpdate(childKey,childData){let{data,keyPath}=this.state;data[childKey]=childData,this.setState({data});let{onUpdate}=this.props,size=keyPath.length;onUpdate(keyPath[size-1],data);}handleAddMode(){this.setState({addFormVisible:!0});}handleAddValueCancel(){this.setState({addFormVisible:!1});}handleAddValueAdd({key,newValue}){let{data,keyPath,nextDeep:deep}=this.state,{beforeAddAction,logger:logger4}=this.props;beforeAddAction(key,keyPath,deep,newValue).then(()=>{data[key]=newValue,this.setState({data}),this.handleAddValueCancel();let{onUpdate,onDeltaUpdate}=this.props;onUpdate(keyPath[keyPath.length-1],data),onDeltaUpdate({type:ADD_DELTA_TYPE,keyPath,deep,key,newValue});}).catch(logger4.error);}handleRemoveValue(key){return ()=>{let{beforeRemoveAction,logger:logger4}=this.props,{data,keyPath,nextDeep:deep}=this.state,oldValue=data[key];beforeRemoveAction(key,keyPath,deep,oldValue).then(()=>{let deltaUpdateResult={keyPath,deep,key,oldValue,type:REMOVE_DELTA_TYPE};delete data[key],this.setState({data});let{onUpdate,onDeltaUpdate}=this.props;onUpdate(keyPath[keyPath.length-1],data),onDeltaUpdate(deltaUpdateResult);}).catch(logger4.error);}}handleCollapseMode(){this.setState(state=>({collapsed:!state.collapsed}));}handleEditValue({key,value:value2}){return new Promise((resolve,reject)=>{let{beforeUpdateAction}=this.props,{data,keyPath,nextDeep:deep}=this.state,oldValue=data[key];beforeUpdateAction(key,keyPath,deep,oldValue,value2).then(()=>{data[key]=value2,this.setState({data});let{onUpdate,onDeltaUpdate}=this.props;onUpdate(keyPath[keyPath.length-1],data),onDeltaUpdate({type:UPDATE_DELTA_TYPE,keyPath,deep,key,newValue:value2,oldValue}),resolve();}).catch(reject);})}renderCollapsed(){let{name,keyPath,deep,data}=this.state,{handleRemove,readOnly,dataType,getStyle,minusMenuElement}=this.props,{minus,collapsed}=getStyle(name,data,keyPath,deep,dataType),keyList=Object.getOwnPropertyNames(data),isReadOnly=readOnly(name,data,keyPath,deep,dataType),removeItemButton=cloneElement(minusMenuElement,{onClick:handleRemove,className:\"rejt-minus-menu\",style:minus});return React17.createElement(\"span\",{className:\"rejt-collapsed\"},React17.createElement(\"span\",{className:\"rejt-collapsed-text\",style:collapsed,onClick:this.handleCollapseMode},\"{...}\",\" \",keyList.length,\" \",keyList.length===1?\"key\":\"keys\"),!isReadOnly&&removeItemButton)}renderNotCollapsed(){let{name,data,keyPath,deep,nextDeep,addFormVisible}=this.state,{isCollapsed,handleRemove,onDeltaUpdate,readOnly,getStyle,dataType,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator,textareaElementGenerator,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser}=this.props,{minus,plus,addForm,ul,delimiter}=getStyle(name,data,keyPath,deep,dataType),keyList=Object.getOwnPropertyNames(data),isReadOnly=readOnly(name,data,keyPath,deep,dataType),addItemButton=cloneElement(plusMenuElement,{onClick:this.handleAddMode,className:\"rejt-plus-menu\",style:plus}),removeItemButton=cloneElement(minusMenuElement,{onClick:handleRemove,className:\"rejt-minus-menu\",style:minus}),list=keyList.map(key=>React17.createElement(JsonNode,{key,name:key,data:data[key],keyPath,deep:nextDeep,isCollapsed,handleRemove:this.handleRemoveValue(key),handleUpdateValue:this.handleEditValue,onUpdate:this.onChildUpdate,onDeltaUpdate,readOnly,getStyle,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator,textareaElementGenerator,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser})),startObject=\"{\",endObject=\"}\";return React17.createElement(\"span\",{className:\"rejt-not-collapsed\"},React17.createElement(\"span\",{className:\"rejt-not-collapsed-delimiter\",style:delimiter},startObject),!isReadOnly&&addItemButton,React17.createElement(\"ul\",{className:\"rejt-not-collapsed-list\",style:ul},list),!isReadOnly&&addFormVisible&&React17.createElement(\"div\",{className:\"rejt-add-form\",style:addForm},React17.createElement(JsonAddValue,{handleAdd:this.handleAddValueAdd,handleCancel:this.handleAddValueCancel,addButtonElement,cancelButtonElement,inputElementGenerator,keyPath,deep,onSubmitValueParser})),React17.createElement(\"span\",{className:\"rejt-not-collapsed-delimiter\",style:delimiter},endObject),!isReadOnly&&removeItemButton)}render(){let{name,collapsed,data,keyPath,deep}=this.state,{getStyle,dataType}=this.props,value2=collapsed?this.renderCollapsed():this.renderNotCollapsed(),style=getStyle(name,data,keyPath,deep,dataType);return React17.createElement(\"div\",{className:\"rejt-object-node\"},React17.createElement(\"span\",{onClick:this.handleCollapseMode},React17.createElement(\"span\",{className:\"rejt-name\",style:style.name},name,\" :\",\" \")),value2)}};JsonObject.defaultProps={keyPath:[],deep:0,minusMenuElement:React17.createElement(\"span\",null,\" - \"),plusMenuElement:React17.createElement(\"span\",null,\" + \")};var JsonValue=class extends Component{constructor(props){super(props);let keyPath=[...props.keyPath,props.name];this.state={value:props.value,name:props.name,keyPath,deep:props.deep,editEnabled:!1,inputRef:null},this.handleEditMode=this.handleEditMode.bind(this),this.refInput=this.refInput.bind(this),this.handleCancelEdit=this.handleCancelEdit.bind(this),this.handleEdit=this.handleEdit.bind(this),this.onKeydown=this.onKeydown.bind(this);}static getDerivedStateFromProps(props,state){return props.value!==state.value?{value:props.value}:null}componentDidUpdate(){let{editEnabled,inputRef,name,value:value2,keyPath,deep}=this.state,{readOnly,dataType}=this.props,isReadOnly=readOnly(name,value2,keyPath,deep,dataType);editEnabled&&!isReadOnly&&typeof inputRef.focus==\"function\"&&inputRef.focus();}componentDidMount(){document.addEventListener(\"keydown\",this.onKeydown);}componentWillUnmount(){document.removeEventListener(\"keydown\",this.onKeydown);}onKeydown(event){event.altKey||event.ctrlKey||event.metaKey||event.shiftKey||event.repeat||((event.code===\"Enter\"||event.key===\"Enter\")&&(event.preventDefault(),this.handleEdit()),(event.code===\"Escape\"||event.key===\"Escape\")&&(event.preventDefault(),this.handleCancelEdit()));}handleEdit(){let{handleUpdateValue,originalValue,logger:logger4,onSubmitValueParser,keyPath}=this.props,{inputRef,name,deep}=this.state;if(!inputRef)return;let newValue=onSubmitValueParser(!0,keyPath,deep,name,inputRef.value);handleUpdateValue({value:newValue,key:name}).then(()=>{isComponentWillChange(originalValue,newValue)||this.handleCancelEdit();}).catch(logger4.error);}handleEditMode(){this.setState({editEnabled:!0});}refInput(node){this.state.inputRef=node;}handleCancelEdit(){this.setState({editEnabled:!1});}render(){let{name,value:value2,editEnabled,keyPath,deep}=this.state,{handleRemove,originalValue,readOnly,dataType,getStyle,editButtonElement,cancelButtonElement,inputElementGenerator,minusMenuElement,keyPath:comeFromKeyPath}=this.props,style=getStyle(name,originalValue,keyPath,deep,dataType),isReadOnly=readOnly(name,originalValue,keyPath,deep,dataType),isEditing=editEnabled&&!isReadOnly,inputElement=inputElementGenerator(VALUE,comeFromKeyPath,deep,name,originalValue,dataType),editButtonElementLayout=cloneElement(editButtonElement,{onClick:this.handleEdit}),cancelButtonElementLayout=cloneElement(cancelButtonElement,{onClick:this.handleCancelEdit}),inputElementLayout=cloneElement(inputElement,{ref:this.refInput,defaultValue:JSON.stringify(originalValue)}),minusMenuLayout=cloneElement(minusMenuElement,{onClick:handleRemove,className:\"rejt-minus-menu\",style:style.minus});return React17.createElement(\"li\",{className:\"rejt-value-node\",style:style.li},React17.createElement(\"span\",{className:\"rejt-name\",style:style.name},name,\" : \"),isEditing?React17.createElement(\"span\",{className:\"rejt-edit-form\",style:style.editForm},inputElementLayout,\" \",cancelButtonElementLayout,editButtonElementLayout):React17.createElement(\"span\",{className:\"rejt-value\",style:style.value,onClick:isReadOnly?null:this.handleEditMode},String(value2)),!isReadOnly&&!isEditing&&minusMenuLayout)}};JsonValue.defaultProps={keyPath:[],deep:0,handleUpdateValue:()=>Promise.resolve(),editButtonElement:React17.createElement(\"button\",null,\"e\"),cancelButtonElement:React17.createElement(\"button\",null,\"c\"),minusMenuElement:React17.createElement(\"span\",null,\" - \")};var object={minus:{color:\"red\"},plus:{color:\"green\"},collapsed:{color:\"grey\"},delimiter:{},ul:{padding:\"0px\",margin:\"0 0 0 25px\",listStyle:\"none\"},name:{color:\"#2287CD\"},addForm:{}},array={minus:{color:\"red\"},plus:{color:\"green\"},collapsed:{color:\"grey\"},delimiter:{},ul:{padding:\"0px\",margin:\"0 0 0 25px\",listStyle:\"none\"},name:{color:\"#2287CD\"},addForm:{}},value={minus:{color:\"red\"},editForm:{},value:{color:\"#7bba3d\"},li:{minHeight:\"22px\",lineHeight:\"22px\",outline:\"0px\"},name:{color:\"#2287CD\"}};function parse3(string){let result=string;if(result.indexOf(\"function\")===0)return (0, eval)(`(${result})`);try{result=JSON.parse(string);}catch{}return result}var JsonTree=class extends Component{constructor(props){super(props),this.state={data:props.data,rootName:props.rootName},this.onUpdate=this.onUpdate.bind(this),this.removeRoot=this.removeRoot.bind(this);}static getDerivedStateFromProps(props,state){return props.data!==state.data||props.rootName!==state.rootName?{data:props.data,rootName:props.rootName}:null}onUpdate(key,data){this.setState({data}),this.props.onFullyUpdate(data);}removeRoot(){this.onUpdate(null,null);}render(){let{data,rootName}=this.state,{isCollapsed,onDeltaUpdate,readOnly,getStyle,addButtonElement,cancelButtonElement,editButtonElement,inputElement,textareaElement,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser,fallback=null}=this.props,dataType=getObjectType(data),readOnlyFunction=readOnly;getObjectType(readOnly)===\"Boolean\"&&(readOnlyFunction=()=>readOnly);let inputElementFunction=inputElement;inputElement&&getObjectType(inputElement)!==\"Function\"&&(inputElementFunction=()=>inputElement);let textareaElementFunction=textareaElement;return textareaElement&&getObjectType(textareaElement)!==\"Function\"&&(textareaElementFunction=()=>textareaElement),dataType===\"Object\"||dataType===\"Array\"?React17.createElement(\"div\",{className:\"rejt-tree\"},React17.createElement(JsonNode,{data,name:rootName,deep:-1,isCollapsed,onUpdate:this.onUpdate,onDeltaUpdate,readOnly:readOnlyFunction,getStyle,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator:inputElementFunction,textareaElementGenerator:textareaElementFunction,minusMenuElement,plusMenuElement,handleRemove:this.removeRoot,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser})):fallback}};JsonTree.defaultProps={rootName:\"root\",isCollapsed:(keyPath,deep)=>deep!==-1,getStyle:(keyName,data,keyPath,deep,dataType)=>{switch(dataType){case\"Object\":case\"Error\":return object;case\"Array\":return array;default:return value}},readOnly:()=>!1,onFullyUpdate:()=>{},onDeltaUpdate:()=>{},beforeRemoveAction:()=>Promise.resolve(),beforeAddAction:()=>Promise.resolve(),beforeUpdateAction:()=>Promise.resolve(),logger:{error:()=>{}},onSubmitValueParser:(isEditMode,keyPath,deep,name,rawValue)=>parse3(rawValue),inputElement:()=>React17.createElement(\"input\",null),textareaElement:()=>React17.createElement(\"textarea\",null),fallback:null};var {window:globalWindow2}=global,Wrapper5=styled.div(({theme})=>({position:\"relative\",display:\"flex\",\".rejt-tree\":{marginLeft:\"1rem\",fontSize:\"13px\"},\".rejt-value-node, .rejt-object-node > .rejt-collapsed, .rejt-array-node > .rejt-collapsed, .rejt-object-node > .rejt-not-collapsed, .rejt-array-node > .rejt-not-collapsed\":{\"& > svg\":{opacity:0,transition:\"opacity 0.2s\"}},\".rejt-value-node:hover, .rejt-object-node:hover > .rejt-collapsed, .rejt-array-node:hover > .rejt-collapsed, .rejt-object-node:hover > .rejt-not-collapsed, .rejt-array-node:hover > .rejt-not-collapsed\":{\"& > svg\":{opacity:1}},\".rejt-edit-form button\":{display:\"none\"},\".rejt-add-form\":{marginLeft:10},\".rejt-add-value-node\":{display:\"inline-flex\",alignItems:\"center\"},\".rejt-name\":{lineHeight:\"22px\"},\".rejt-not-collapsed-delimiter\":{lineHeight:\"22px\"},\".rejt-plus-menu\":{marginLeft:5},\".rejt-object-node > span > *, .rejt-array-node > span > *\":{position:\"relative\",zIndex:2},\".rejt-object-node, .rejt-array-node\":{position:\"relative\"},\".rejt-object-node > span:first-of-type::after, .rejt-array-node > span:first-of-type::after, .rejt-collapsed::before, .rejt-not-collapsed::before\":{content:'\"\"',position:\"absolute\",top:0,display:\"block\",width:\"100%\",marginLeft:\"-1rem\",padding:\"0 4px 0 1rem\",height:22},\".rejt-collapsed::before, .rejt-not-collapsed::before\":{zIndex:1,background:\"transparent\",borderRadius:4,transition:\"background 0.2s\",pointerEvents:\"none\",opacity:.1},\".rejt-object-node:hover, .rejt-array-node:hover\":{\"& > .rejt-collapsed::before, & > .rejt-not-collapsed::before\":{background:theme.color.secondary}},\".rejt-collapsed::after, .rejt-not-collapsed::after\":{content:'\"\"',position:\"absolute\",display:\"inline-block\",pointerEvents:\"none\",width:0,height:0},\".rejt-collapsed::after\":{left:-8,top:8,borderTop:\"3px solid transparent\",borderBottom:\"3px solid transparent\",borderLeft:\"3px solid rgba(153,153,153,0.6)\"},\".rejt-not-collapsed::after\":{left:-10,top:10,borderTop:\"3px solid rgba(153,153,153,0.6)\",borderLeft:\"3px solid transparent\",borderRight:\"3px solid transparent\"},\".rejt-value\":{display:\"inline-block\",border:\"1px solid transparent\",borderRadius:4,margin:\"1px 0\",padding:\"0 4px\",cursor:\"text\",color:theme.color.defaultText},\".rejt-value-node:hover > .rejt-value\":{background:theme.color.lighter,borderColor:theme.appBorderColor}})),Button=styled.button(({theme,primary})=>({border:0,height:20,margin:1,borderRadius:4,background:primary?theme.color.secondary:\"transparent\",color:primary?theme.color.lightest:theme.color.dark,fontWeight:primary?\"bold\":\"normal\",cursor:\"pointer\",order:primary?\"initial\":9})),ActionIcon=styled(Icons)(({theme,icon,disabled})=>({display:\"inline-block\",verticalAlign:\"middle\",width:15,height:15,padding:3,marginLeft:5,cursor:disabled?\"not-allowed\":\"pointer\",color:theme.textMutedColor,\"&:hover\":disabled?{}:{color:icon===\"subtract\"?theme.color.negative:theme.color.ancillary},\"svg + &\":{marginLeft:0}})),Input=styled.input(({theme,placeholder})=>({outline:0,margin:placeholder?1:\"1px 0\",padding:\"3px 4px\",color:theme.color.defaultText,background:theme.background.app,border:`1px solid ${theme.appBorderColor}`,borderRadius:4,lineHeight:\"14px\",width:placeholder===\"Key\"?80:120,\"&:focus\":{border:`1px solid ${theme.color.secondary}`}})),RawButton=styled(IconButton)(({theme})=>({position:\"absolute\",zIndex:2,top:2,right:2,height:21,padding:\"0 3px\",background:theme.background.bar,border:`1px solid ${theme.appBorderColor}`,borderRadius:3,color:theme.textMutedColor,fontSize:\"9px\",fontWeight:\"bold\",textDecoration:\"none\",span:{marginLeft:3,marginTop:1}})),RawInput=styled(Form.Textarea)(({theme})=>({flex:1,padding:\"7px 6px\",fontFamily:theme.typography.fonts.mono,fontSize:\"12px\",lineHeight:\"18px\",\"&::placeholder\":{fontFamily:theme.typography.fonts.base,fontSize:\"13px\"},\"&:placeholder-shown\":{padding:\"7px 10px\"}})),ENTER_EVENT={bubbles:!0,cancelable:!0,key:\"Enter\",code:\"Enter\",keyCode:13},dispatchEnterKey=event=>{event.currentTarget.dispatchEvent(new globalWindow2.KeyboardEvent(\"keydown\",ENTER_EVENT));},selectValue=event=>{event.currentTarget.select();},getCustomStyleFunction=theme=>()=>({name:{color:theme.color.secondary},collapsed:{color:theme.color.dark},ul:{listStyle:\"none\",margin:\"0 0 0 1rem\",padding:0},li:{outline:0}}),ObjectControl=({name,value:value2,onChange})=>{let theme=useTheme(),data=useMemo(()=>value2&&cloneDeep(value2),[value2]),hasData=data!=null,[showRaw,setShowRaw]=useState(!hasData),[parseError,setParseError]=useState(null),updateRaw=useCallback(raw=>{try{raw&&onChange(JSON.parse(raw)),setParseError(void 0);}catch(e){setParseError(e);}},[onChange]),[forceVisible,setForceVisible]=useState(!1),onForceVisible=useCallback(()=>{onChange({}),setForceVisible(!0);},[setForceVisible]),htmlElRef=useRef(null);if(useEffect(()=>{forceVisible&&htmlElRef.current&&htmlElRef.current.select();},[forceVisible]),!hasData)return React17.createElement(Form.Button,{id:getControlSetterButtonId(name),onClick:onForceVisible},\"Set object\");let rawJSONForm=React17.createElement(RawInput,{ref:htmlElRef,id:getControlId(name),name,defaultValue:value2===null?\"\":JSON.stringify(value2,null,2),onBlur:event=>updateRaw(event.target.value),placeholder:\"Edit JSON string...\",autoFocus:forceVisible,valid:parseError?\"error\":null});return React17.createElement(Wrapper5,null,[\"Object\",\"Array\"].includes(getObjectType(data))&&React17.createElement(RawButton,{href:\"#\",onClick:e=>{e.preventDefault(),setShowRaw(v=>!v);}},React17.createElement(Icons,{icon:showRaw?\"eyeclose\":\"eye\"}),React17.createElement(\"span\",null,\"RAW\")),showRaw?rawJSONForm:React17.createElement(JsonTree,{data,rootName:name,onFullyUpdate:onChange,getStyle:getCustomStyleFunction(theme),cancelButtonElement:React17.createElement(Button,{type:\"button\"},\"Cancel\"),editButtonElement:React17.createElement(Button,{type:\"submit\"},\"Save\"),addButtonElement:React17.createElement(Button,{type:\"submit\",primary:!0},\"Save\"),plusMenuElement:React17.createElement(ActionIcon,{icon:\"add\"}),minusMenuElement:React17.createElement(ActionIcon,{icon:\"subtract\"}),inputElement:(_,__,___,key)=>key?React17.createElement(Input,{onFocus:selectValue,onBlur:dispatchEnterKey}):React17.createElement(Input,null),fallback:rawJSONForm}))};var RangeInput=styled.input(({theme,min,max,value:value2})=>({\"&\":{width:\"100%\",backgroundColor:\"transparent\",appearance:\"none\"},\"&::-webkit-slider-runnable-track\":{background:theme.base===\"light\"?`linear-gradient(to right, \n ${theme.color.green} 0%, ${theme.color.green} ${(value2-min)/(max-min)*100}%, \n ${darken(.02,theme.input.background)} ${(value2-min)/(max-min)*100}%, \n ${darken(.02,theme.input.background)} 100%)`:`linear-gradient(to right, \n ${theme.color.green} 0%, ${theme.color.green} ${(value2-min)/(max-min)*100}%, \n ${lighten(.02,theme.input.background)} ${(value2-min)/(max-min)*100}%, \n ${lighten(.02,theme.input.background)} 100%)`,boxShadow:`${theme.appBorderColor} 0 0 0 1px inset`,borderRadius:6,width:\"100%\",height:6,cursor:\"pointer\"},\"&::-webkit-slider-thumb\":{marginTop:\"-6px\",width:16,height:16,border:`1px solid ${rgba(theme.appBorderColor,.2)}`,borderRadius:\"50px\",boxShadow:`0 1px 3px 0px ${rgba(theme.appBorderColor,.2)}`,cursor:\"grab\",appearance:\"none\",background:`${theme.input.background}`,transition:\"all 150ms ease-out\",\"&:hover\":{background:`${darken(.05,theme.input.background)}`,transform:\"scale3d(1.1, 1.1, 1.1) translateY(-1px)\",transition:\"all 50ms ease-out\"},\"&:active\":{background:`${theme.input.background}`,transform:\"scale3d(1, 1, 1) translateY(0px)\",cursor:\"grabbing\"}},\"&:focus\":{outline:\"none\",\"&::-webkit-slider-runnable-track\":{borderColor:rgba(theme.color.secondary,.4)},\"&::-webkit-slider-thumb\":{borderColor:theme.color.secondary,boxShadow:`0 0px 5px 0px ${theme.color.secondary}`}},\"&::-moz-range-track\":{background:theme.base===\"light\"?`linear-gradient(to right, \n ${theme.color.green} 0%, ${theme.color.green} ${(value2-min)/(max-min)*100}%, \n ${darken(.02,theme.input.background)} ${(value2-min)/(max-min)*100}%, \n ${darken(.02,theme.input.background)} 100%)`:`linear-gradient(to right, \n ${theme.color.green} 0%, ${theme.color.green} ${(value2-min)/(max-min)*100}%, \n ${lighten(.02,theme.input.background)} ${(value2-min)/(max-min)*100}%, \n ${lighten(.02,theme.input.background)} 100%)`,boxShadow:`${theme.appBorderColor} 0 0 0 1px inset`,borderRadius:6,width:\"100%\",height:6,cursor:\"pointer\",outline:\"none\"},\"&::-moz-range-thumb\":{width:16,height:16,border:`1px solid ${rgba(theme.appBorderColor,.2)}`,borderRadius:\"50px\",boxShadow:`0 1px 3px 0px ${rgba(theme.appBorderColor,.2)}`,cursor:\"grab\",background:`${theme.input.background}`,transition:\"all 150ms ease-out\",\"&:hover\":{background:`${darken(.05,theme.input.background)}`,transform:\"scale3d(1.1, 1.1, 1.1) translateY(-1px)\",transition:\"all 50ms ease-out\"},\"&:active\":{background:`${theme.input.background}`,transform:\"scale3d(1, 1, 1) translateY(0px)\",cursor:\"grabbing\"}},\"&::-ms-track\":{background:theme.base===\"light\"?`linear-gradient(to right, \n ${theme.color.green} 0%, ${theme.color.green} ${(value2-min)/(max-min)*100}%, \n ${darken(.02,theme.input.background)} ${(value2-min)/(max-min)*100}%, \n ${darken(.02,theme.input.background)} 100%)`:`linear-gradient(to right, \n ${theme.color.green} 0%, ${theme.color.green} ${(value2-min)/(max-min)*100}%, \n ${lighten(.02,theme.input.background)} ${(value2-min)/(max-min)*100}%, \n ${lighten(.02,theme.input.background)} 100%)`,boxShadow:`${theme.appBorderColor} 0 0 0 1px inset`,color:\"transparent\",width:\"100%\",height:\"6px\",cursor:\"pointer\"},\"&::-ms-fill-lower\":{borderRadius:6},\"&::-ms-fill-upper\":{borderRadius:6},\"&::-ms-thumb\":{width:16,height:16,background:`${theme.input.background}`,border:`1px solid ${rgba(theme.appBorderColor,.2)}`,borderRadius:50,cursor:\"grab\",marginTop:0},\"@supports (-ms-ime-align:auto)\":{\"input[type=range]\":{margin:\"0\"}}})),RangeLabel=styled.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:\"nowrap\",fontFeatureSettings:\"tnum\",fontVariantNumeric:\"tabular-nums\"}),RangeCurrentAndMaxLabel=styled(RangeLabel)(({numberOFDecimalsPlaces,max})=>({width:`${numberOFDecimalsPlaces+max.toString().length*2+3}ch`,textAlign:\"right\",flexShrink:0})),RangeWrapper=styled.div({display:\"flex\",alignItems:\"center\",width:\"100%\"});function getNumberOfDecimalPlaces(number){let match=number.toString().match(/(?:\\.(\\d+))?(?:[eE]([+-]?\\d+))?$/);return match?Math.max(0,(match[1]?match[1].length:0)-(match[2]?+match[2]:0)):0}var RangeControl=({name,value:value2,onChange,min=0,max=100,step=1,onBlur,onFocus})=>{let handleChange=event=>{onChange(parse2(event.target.value));},hasValue=value2!==void 0,numberOFDecimalsPlaces=useMemo(()=>getNumberOfDecimalPlaces(step),[step]);return React17.createElement(RangeWrapper,null,React17.createElement(RangeLabel,null,min),React17.createElement(RangeInput,{id:getControlId(name),type:\"range\",onChange:handleChange,name,value:value2,min,max,step,onFocus,onBlur}),React17.createElement(RangeCurrentAndMaxLabel,{numberOFDecimalsPlaces,max},hasValue?value2.toFixed(numberOFDecimalsPlaces):\"--\",\" / \",max))};var Wrapper6=styled.label({display:\"flex\"}),MaxLength=styled.div(({isMaxed})=>({marginLeft:\"0.75rem\",paddingTop:\"0.35rem\",color:isMaxed?\"red\":void 0})),TextControl=({name,value:value2,onChange,onFocus,onBlur,maxLength})=>{let handleChange=event=>{onChange(event.target.value);},[forceVisible,setForceVisible]=useState(!1),onForceVisible=useCallback(()=>{onChange(\"\"),setForceVisible(!0);},[setForceVisible]);if(value2===void 0)return React17.createElement(Form.Button,{id:getControlSetterButtonId(name),onClick:onForceVisible},\"Set string\");let isValid=typeof value2==\"string\";return React17.createElement(Wrapper6,null,React17.createElement(Form.Textarea,{id:getControlId(name),maxLength,onChange:handleChange,size:\"flex\",placeholder:\"Edit string...\",autoFocus:forceVisible,valid:isValid?null:\"error\",name,value:isValid?value2:\"\",onFocus,onBlur}),maxLength&&React17.createElement(MaxLength,{isMaxed:value2?.length===maxLength},value2?.length??0,\" / \",maxLength))};var FileInput=styled(Form.Input)({padding:10});function revokeOldUrls(urls){urls.forEach(url=>{url.startsWith(\"blob:\")&&URL.revokeObjectURL(url);});}var FilesControl=({onChange,name,accept=\"image/*\",value:value2})=>{let inputElement=useRef(null);function handleFileChange(e){if(!e.target.files)return;let fileUrls=Array.from(e.target.files).map(file=>URL.createObjectURL(file));onChange(fileUrls),revokeOldUrls(value2);}return useEffect(()=>{value2==null&&inputElement.current&&(inputElement.current.value=null);},[value2,name]),React17.createElement(FileInput,{ref:inputElement,id:getControlId(name),type:\"file\",name,multiple:!0,onChange:handleFileChange,accept,size:\"flex\"})};var LazyColorControl=lazy(()=>import('./Color-6VNJS4EI.mjs')),ColorControl=props=>React17.createElement(Suspense,{fallback:React17.createElement(\"div\",null)},React17.createElement(LazyColorControl,{...props}));var Controls2={array:ObjectControl,object:ObjectControl,boolean:BooleanControl,color:ColorControl,date:DateControl,number:NumberControl,check:OptionsControl,\"inline-check\":OptionsControl,radio:OptionsControl,\"inline-radio\":OptionsControl,select:OptionsControl,\"multi-select\":OptionsControl,range:RangeControl,text:TextControl,file:FilesControl},NoControl=()=>React17.createElement(React17.Fragment,null,\"-\"),ArgControl=({row,arg,updateArgs,isHovered})=>{let{key,control}=row,[isFocused,setFocused]=useState(!1),[boxedValue,setBoxedValue]=useState({value:arg});useEffect(()=>{isFocused||setBoxedValue({value:arg});},[isFocused,arg]);let onChange=useCallback(argVal=>(setBoxedValue({value:argVal}),updateArgs({[key]:argVal}),argVal),[updateArgs,key]),onBlur=useCallback(()=>setFocused(!1),[]),onFocus=useCallback(()=>setFocused(!0),[]);if(!control||control.disable)return isHovered?React17.createElement(Link,{href:\"https://storybook.js.org/docs/react/essentials/controls\",target:\"_blank\",withArrow:!0},\"Setup controls\"):React17.createElement(NoControl,null);let props={name:key,argType:row,value:boxedValue.value,onChange,onBlur,onFocus},Control=Controls2[control.type]||NoControl;return React17.createElement(Control,{...props,...control,controlType:control.type})};var Name=styled.span({fontWeight:\"bold\"}),Required=styled.span(({theme})=>({color:theme.color.negative,fontFamily:theme.typography.fonts.mono,cursor:\"help\"})),Description=styled.div(({theme})=>({\"&&\":{p:{margin:\"0 0 10px 0\"},a:{color:theme.color.secondary}},code:{...codeCommon({theme}),fontSize:12,fontFamily:theme.typography.fonts.mono},\"& code\":{margin:0,display:\"inline-block\"},\"& pre > code\":{whiteSpace:\"pre-wrap\"}})),Type=styled.div(({theme,hasDescription})=>({color:theme.base===\"light\"?transparentize(.1,theme.color.defaultText):transparentize(.2,theme.color.defaultText),marginTop:hasDescription?4:0})),TypeWithJsDoc=styled.div(({theme,hasDescription})=>({color:theme.base===\"light\"?transparentize(.1,theme.color.defaultText):transparentize(.2,theme.color.defaultText),marginTop:hasDescription?12:0,marginBottom:12})),StyledTd=styled.td(({theme,expandable})=>({paddingLeft:expandable?\"40px !important\":\"20px !important\"})),ArgRow=props=>{let[isHovered,setIsHovered]=useState(!1),{row,updateArgs,compact,expandable,initialExpandedArgs}=props,{name,description}=row,table=row.table||{},type=table.type||row.type,defaultValue=table.defaultValue||row.defaultValue,required=row.type?.required,hasDescription=description!=null&&description!==\"\";return React17.createElement(\"tr\",{onMouseEnter:()=>setIsHovered(!0),onMouseLeave:()=>setIsHovered(!1)},React17.createElement(StyledTd,{expandable},React17.createElement(Name,null,name),required?React17.createElement(Required,{title:\"Required\"},\"*\"):null),compact?null:React17.createElement(\"td\",null,hasDescription&&React17.createElement(Description,null,React17.createElement(Markdown,null,description)),table.jsDocTags!=null?React17.createElement(React17.Fragment,null,React17.createElement(TypeWithJsDoc,{hasDescription},React17.createElement(ArgValue,{value:type,initialExpandedArgs})),React17.createElement(ArgJsDoc,{tags:table.jsDocTags})):React17.createElement(Type,{hasDescription},React17.createElement(ArgValue,{value:type,initialExpandedArgs}))),compact?null:React17.createElement(\"td\",null,React17.createElement(ArgValue,{value:defaultValue,initialExpandedArgs})),updateArgs?React17.createElement(\"td\",null,React17.createElement(ArgControl,{...props,isHovered})):null)};var ExpanderIcon=styled(Icons)(({theme})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:theme.base===\"light\"?transparentize(.25,theme.color.defaultText):transparentize(.3,theme.color.defaultText),border:\"none\",display:\"inline-block\"})),FlexWrapper=styled.span(({theme})=>({display:\"flex\",lineHeight:\"20px\",alignItems:\"center\"})),Section=styled.td(({theme})=>({position:\"relative\",letterSpacing:\"0.35em\",textTransform:\"uppercase\",fontWeight:theme.typography.weight.bold,fontSize:theme.typography.size.s1-1,color:theme.base===\"light\"?transparentize(.4,theme.color.defaultText):transparentize(.6,theme.color.defaultText),background:`${theme.background.app} !important`,\"& ~ td\":{background:`${theme.background.app} !important`}})),Subsection=styled.td(({theme})=>({position:\"relative\",fontWeight:theme.typography.weight.bold,fontSize:theme.typography.size.s2-1,background:theme.background.app})),StyledTd2=styled.td(()=>({position:\"relative\"})),StyledTr=styled.tr(({theme})=>({\"&:hover > td\":{backgroundColor:`${lighten(.005,theme.background.app)} !important`,boxShadow:`${theme.color.mediumlight} 0 - 1px 0 0 inset`,cursor:\"row-resize\"}})),ClickIntercept=styled.button(()=>({background:\"none\",border:\"none\",padding:\"0\",font:\"inherit\",position:\"absolute\",top:0,bottom:0,left:0,right:0,height:\"100%\",width:\"100%\",color:\"transparent\",cursor:\"row-resize !important\"})),SectionRow=({level=\"section\",label,children,initialExpanded=!0,colSpan=3})=>{let[expanded,setExpanded]=useState(initialExpanded),Level=level===\"subsection\"?Subsection:Section,itemCount=children?.length||0,caption=level===\"subsection\"?`${itemCount} item${itemCount!==1?\"s\":\"\"}`:\"\",icon=expanded?\"arrowdown\":\"arrowright\",helperText=`${expanded?\"Hide\":\"Show\"} ${level===\"subsection\"?itemCount:label} item${itemCount!==1?\"s\":\"\"}`;return React17.createElement(React17.Fragment,null,React17.createElement(StyledTr,{title:helperText},React17.createElement(Level,{colSpan:1},React17.createElement(ClickIntercept,{onClick:e=>setExpanded(!expanded),tabIndex:0},helperText),React17.createElement(FlexWrapper,null,React17.createElement(ExpanderIcon,{icon}),label)),React17.createElement(StyledTd2,{colSpan:colSpan-1},React17.createElement(ClickIntercept,{onClick:e=>setExpanded(!expanded),tabIndex:-1,style:{outline:\"none\"}},helperText),expanded?null:caption)),expanded?children:null)};var Row=styled.div(({theme})=>({display:\"flex\",gap:16,borderBottom:`1px solid ${theme.appBorderColor}`,\"&:last-child\":{borderBottom:0}})),Column=styled.div(({numColumn})=>({display:\"flex\",flexDirection:\"column\",flex:numColumn||1,gap:5,padding:\"12px 20px\"})),SkeletonText=styled.div(({theme,width,height})=>({animation:`${theme.animation.glow} 1.5s ease-in-out infinite`,background:theme.appBorderColor,width:width||\"100%\",height:height||16,borderRadius:3})),columnWidth=[2,4,2,2],Skeleton=()=>React17.createElement(React17.Fragment,null,React17.createElement(Row,null,React17.createElement(Column,{numColumn:columnWidth[0]},React17.createElement(SkeletonText,{width:\"60%\"})),React17.createElement(Column,{numColumn:columnWidth[1]},React17.createElement(SkeletonText,{width:\"30%\"})),React17.createElement(Column,{numColumn:columnWidth[2]},React17.createElement(SkeletonText,{width:\"60%\"})),React17.createElement(Column,{numColumn:columnWidth[3]},React17.createElement(SkeletonText,{width:\"60%\"}))),React17.createElement(Row,null,React17.createElement(Column,{numColumn:columnWidth[0]},React17.createElement(SkeletonText,{width:\"60%\"})),React17.createElement(Column,{numColumn:columnWidth[1]},React17.createElement(SkeletonText,{width:\"80%\"}),React17.createElement(SkeletonText,{width:\"30%\"})),React17.createElement(Column,{numColumn:columnWidth[2]},React17.createElement(SkeletonText,{width:\"60%\"})),React17.createElement(Column,{numColumn:columnWidth[3]},React17.createElement(SkeletonText,{width:\"60%\"}))),React17.createElement(Row,null,React17.createElement(Column,{numColumn:columnWidth[0]},React17.createElement(SkeletonText,{width:\"60%\"})),React17.createElement(Column,{numColumn:columnWidth[1]},React17.createElement(SkeletonText,{width:\"80%\"}),React17.createElement(SkeletonText,{width:\"30%\"})),React17.createElement(Column,{numColumn:columnWidth[2]},React17.createElement(SkeletonText,{width:\"60%\"})),React17.createElement(Column,{numColumn:columnWidth[3]},React17.createElement(SkeletonText,{width:\"60%\"}))),React17.createElement(Row,null,React17.createElement(Column,{numColumn:columnWidth[0]},React17.createElement(SkeletonText,{width:\"60%\"})),React17.createElement(Column,{numColumn:columnWidth[1]},React17.createElement(SkeletonText,{width:\"80%\"}),React17.createElement(SkeletonText,{width:\"30%\"})),React17.createElement(Column,{numColumn:columnWidth[2]},React17.createElement(SkeletonText,{width:\"60%\"})),React17.createElement(Column,{numColumn:columnWidth[3]},React17.createElement(SkeletonText,{width:\"60%\"}))));var Wrapper7=styled.div(({inAddonPanel,theme})=>({height:inAddonPanel?\"100%\":\"auto\",display:\"flex\",border:inAddonPanel?\"none\":`1px solid ${theme.appBorderColor}`,borderRadius:inAddonPanel?0:theme.appBorderRadius,padding:inAddonPanel?0:40,alignItems:\"center\",justifyContent:\"center\",flexDirection:\"column\",gap:15,background:theme.background.content,boxShadow:\"rgba(0, 0, 0, 0.10) 0 1px 3px 0\"})),Content=styled.div({display:\"flex\",flexDirection:\"column\",gap:4,maxWidth:415}),Title2=styled.div(({theme})=>({fontWeight:theme.typography.weight.bold,fontSize:theme.typography.size.s2-1,textAlign:\"center\",color:theme.textColor})),Description2=styled.div(({theme})=>({fontWeight:theme.typography.weight.regular,fontSize:theme.typography.size.s2-1,textAlign:\"center\",color:theme.textMutedColor})),Links=styled.div(({theme})=>({display:\"flex\",fontSize:theme.typography.size.s2-1,gap:25})),Divider=styled.div(({theme})=>({width:1,height:16,backgroundColor:theme.appBorderColor})),Empty=({inAddonPanel})=>{let[isLoading,setIsLoading]=useState(!0);return useEffect(()=>{let load=setTimeout(()=>{setIsLoading(!1);},100);return ()=>clearTimeout(load)},[]),isLoading?null:React17.createElement(Wrapper7,{inAddonPanel},React17.createElement(Content,null,React17.createElement(Title2,null,inAddonPanel?\"Interactive story playground\":\"Args table with interactive controls couldn't be auto-generated\"),React17.createElement(Description2,null,\"Controls give you an easy to use interface to test your components. Set your story args and you'll see controls appearing here automatically.\")),React17.createElement(Links,null,inAddonPanel&&React17.createElement(React17.Fragment,null,React17.createElement(Link,{href:\"https://youtu.be/0gOfS6K0x0E\",target:\"_blank\",withArrow:!0},React17.createElement(Icons,{icon:\"video\"}),\" Watch 5m video\"),React17.createElement(Divider,null),React17.createElement(Link,{href:\"https://storybook.js.org/docs/react/essentials/controls\",target:\"_blank\",withArrow:!0},\"Read docs\")),!inAddonPanel&&React17.createElement(Link,{href:\"https://storybook.js.org/docs/react/essentials/controls\",target:\"_blank\",withArrow:!0},\"Learn how to set that up\")))};var TableWrapper=styled.table(({theme,compact,inAddonPanel})=>({\"&&\":{borderSpacing:0,color:theme.color.defaultText,\"td, th\":{padding:0,border:\"none\",verticalAlign:\"top\",textOverflow:\"ellipsis\"},fontSize:theme.typography.size.s2-1,lineHeight:\"20px\",textAlign:\"left\",width:\"100%\",marginTop:inAddonPanel?0:25,marginBottom:inAddonPanel?0:40,\"thead th:first-of-type, td:first-of-type\":{width:\"25%\"},\"th:first-of-type, td:first-of-type\":{paddingLeft:20},\"th:nth-of-type(2), td:nth-of-type(2)\":{...compact?null:{width:\"35%\"}},\"td:nth-of-type(3)\":{...compact?null:{width:\"15%\"}},\"th:last-of-type, td:last-of-type\":{paddingRight:20,...compact?null:{width:\"25%\"}},th:{color:theme.base===\"light\"?transparentize(.25,theme.color.defaultText):transparentize(.45,theme.color.defaultText),paddingTop:10,paddingBottom:10,paddingLeft:15,paddingRight:15},td:{paddingTop:\"10px\",paddingBottom:\"10px\",\"&:not(:first-of-type)\":{paddingLeft:15,paddingRight:15},\"&:last-of-type\":{paddingRight:20}},marginLeft:inAddonPanel?0:1,marginRight:inAddonPanel?0:1,tbody:{...inAddonPanel?null:{filter:theme.base===\"light\"?\"drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.10))\":\"drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.20))\"},\"> tr > *\":{background:theme.background.content,borderTop:`1px solid ${theme.appBorderColor}`},...inAddonPanel?null:{\"> tr:first-of-type > *\":{borderBlockStart:`1px solid ${theme.appBorderColor}`},\"> tr:last-of-type > *\":{borderBlockEnd:`1px solid ${theme.appBorderColor}`},\"> tr > *:first-of-type\":{borderInlineStart:`1px solid ${theme.appBorderColor}`},\"> tr > *:last-of-type\":{borderInlineEnd:`1px solid ${theme.appBorderColor}`},\"> tr:first-of-type > td:first-of-type\":{borderTopLeftRadius:theme.appBorderRadius},\"> tr:first-of-type > td:last-of-type\":{borderTopRightRadius:theme.appBorderRadius},\"> tr:last-of-type > td:first-of-type\":{borderBottomLeftRadius:theme.appBorderRadius},\"> tr:last-of-type > td:last-of-type\":{borderBottomRightRadius:theme.appBorderRadius}}}}})),StyledIconButton=styled(IconButton)(({theme})=>({color:theme.barTextColor,margin:\"-4px -12px -4px 0\"})),ControlHeadingWrapper=styled.span({display:\"flex\",justifyContent:\"space-between\"});var sortFns={alpha:(a,b)=>a.name.localeCompare(b.name),requiredFirst:(a,b)=>+!!b.type?.required-+!!a.type?.required||a.name.localeCompare(b.name),none:void 0},groupRows=(rows,sort)=>{let sections={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!rows)return sections;Object.entries(rows).forEach(([key,row])=>{let{category,subcategory}=row?.table||{};if(category){let section=sections.sections[category]||{ungrouped:[],subsections:{}};if(!subcategory)section.ungrouped.push({key,...row});else {let subsection=section.subsections[subcategory]||[];subsection.push({key,...row}),section.subsections[subcategory]=subsection;}sections.sections[category]=section;}else if(subcategory){let subsection=sections.ungroupedSubsections[subcategory]||[];subsection.push({key,...row}),sections.ungroupedSubsections[subcategory]=subsection;}else sections.ungrouped.push({key,...row});});let sortFn=sortFns[sort],sortSubsection=record=>sortFn?Object.keys(record).reduce((acc,cur)=>({...acc,[cur]:record[cur].sort(sortFn)}),{}):record;return {ungrouped:sections.ungrouped.sort(sortFn),ungroupedSubsections:sortSubsection(sections.ungroupedSubsections),sections:Object.keys(sections.sections).reduce((acc,cur)=>({...acc,[cur]:{ungrouped:sections.sections[cur].ungrouped.sort(sortFn),subsections:sortSubsection(sections.sections[cur].subsections)}}),{})}},safeIncludeConditionalArg=(row,args,globals)=>{try{return includeConditionalArg(row,args,globals)}catch(err){return once.warn(err.message),!1}},ArgsTable=props=>{let{updateArgs,resetArgs,compact,inAddonPanel,initialExpandedArgs,sort=\"none\",isLoading}=props;if(\"error\"in props){let{error}=props;return React17.createElement(EmptyBlock,null,error,\"\\xA0\",React17.createElement(Link,{href:\"http://storybook.js.org/docs/\",target:\"_blank\",withArrow:!0},\"Read the docs\"))}if(isLoading)return React17.createElement(Skeleton,null);let{rows,args,globals}=\"rows\"in props&&props,groups=groupRows(pickBy(rows,row=>!row?.table?.disable&&safeIncludeConditionalArg(row,args||{},globals||{})),sort),hasNoUngrouped=groups.ungrouped.length===0,hasNoSections=Object.entries(groups.sections).length===0,hasNoUngroupedSubsections=Object.entries(groups.ungroupedSubsections).length===0;if(hasNoUngrouped&&hasNoSections&&hasNoUngroupedSubsections)return React17.createElement(Empty,{inAddonPanel});let colSpan=1;updateArgs&&(colSpan+=1),compact||(colSpan+=2);let expandable=Object.keys(groups.sections).length>0,common={updateArgs,compact,inAddonPanel,initialExpandedArgs};return React17.createElement(ResetWrapper,null,React17.createElement(TableWrapper,{compact,inAddonPanel,className:\"docblock-argstable sb-unstyled\"},React17.createElement(\"thead\",{className:\"docblock-argstable-head\"},React17.createElement(\"tr\",null,React17.createElement(\"th\",null,React17.createElement(\"span\",null,\"Name\")),compact?null:React17.createElement(\"th\",null,React17.createElement(\"span\",null,\"Description\")),compact?null:React17.createElement(\"th\",null,React17.createElement(\"span\",null,\"Default\")),updateArgs?React17.createElement(\"th\",null,React17.createElement(ControlHeadingWrapper,null,\"Control\",\" \",!isLoading&&resetArgs&&React17.createElement(StyledIconButton,{onClick:()=>resetArgs(),title:\"Reset controls\"},React17.createElement(Icons,{icon:\"undo\",\"aria-hidden\":!0})))):null)),React17.createElement(\"tbody\",{className:\"docblock-argstable-body\"},groups.ungrouped.map(row=>React17.createElement(ArgRow,{key:row.key,row,arg:args&&args[row.key],...common})),Object.entries(groups.ungroupedSubsections).map(([subcategory,subsection])=>React17.createElement(SectionRow,{key:subcategory,label:subcategory,level:\"subsection\",colSpan},subsection.map(row=>React17.createElement(ArgRow,{key:row.key,row,arg:args&&args[row.key],expandable,...common})))),Object.entries(groups.sections).map(([category,section])=>React17.createElement(SectionRow,{key:category,label:category,level:\"section\",colSpan},section.ungrouped.map(row=>React17.createElement(ArgRow,{key:row.key,row,arg:args&&args[row.key],...common})),Object.entries(section.subsections).map(([subcategory,subsection])=>React17.createElement(SectionRow,{key:subcategory,label:subcategory,level:\"subsection\",colSpan},subsection.map(row=>React17.createElement(ArgRow,{key:row.key,row,arg:args&&args[row.key],expandable,...common})))))))))};var TabbedArgsTable=({tabs,...props})=>{let entries=Object.entries(tabs);return entries.length===1?React17.createElement(ArgsTable,{...entries[0][1],...props}):React17.createElement(TabsState,null,entries.map(entry=>{let[label,table]=entry,id=`prop_table_div_${label}`;return React17.createElement(\"div\",{key:id,id,title:label},({active})=>active?React17.createElement(ArgsTable,{key:`prop_table_${label}`,...table,...props}):null)}))};var Label4=styled.div(({theme})=>({marginRight:30,fontSize:`${theme.typography.size.s1}px`,color:theme.base===\"light\"?transparentize(.4,theme.color.defaultText):transparentize(.6,theme.color.defaultText)})),Sample=styled.div({overflow:\"hidden\",whiteSpace:\"nowrap\",textOverflow:\"ellipsis\"}),TypeSpecimen=styled.div({display:\"flex\",flexDirection:\"row\",alignItems:\"baseline\",\"&:not(:last-child)\":{marginBottom:\"1rem\"}}),Wrapper8=styled.div(withReset,({theme})=>({...getBlockBackgroundStyle(theme),margin:\"25px 0 40px\",padding:\"30px 20px\"})),Typeset=({fontFamily,fontSizes,fontWeight,sampleText,...props})=>React17.createElement(Wrapper8,{...props,className:\"docblock-typeset sb-unstyled\"},fontSizes.map(size=>React17.createElement(TypeSpecimen,{key:size},React17.createElement(Label4,null,size),React17.createElement(Sample,{style:{fontFamily,fontSize:size,fontWeight,lineHeight:1.2}},sampleText||\"Was he a beast if music could move him so?\"))));var ItemTitle=styled.div(({theme})=>({fontWeight:theme.typography.weight.bold,color:theme.color.defaultText})),ItemSubtitle=styled.div(({theme})=>({color:theme.base===\"light\"?transparentize(.2,theme.color.defaultText):transparentize(.6,theme.color.defaultText)})),ItemDescription=styled.div({flex:\"0 0 30%\",lineHeight:\"20px\",marginTop:5}),SwatchLabel=styled.div(({theme})=>({flex:1,textAlign:\"center\",fontFamily:theme.typography.fonts.mono,fontSize:theme.typography.size.s1,lineHeight:1,overflow:\"hidden\",color:theme.base===\"light\"?transparentize(.4,theme.color.defaultText):transparentize(.6,theme.color.defaultText),\"> div\":{display:\"inline-block\",overflow:\"hidden\",maxWidth:\"100%\",textOverflow:\"ellipsis\"},span:{display:\"block\",marginTop:2}})),SwatchLabels=styled.div({display:\"flex\",flexDirection:\"row\"}),Swatch=styled.div(({background})=>({position:\"relative\",flex:1,\"&::before\":{position:\"absolute\",top:0,left:0,width:\"100%\",height:\"100%\",background,content:'\"\"'}})),SwatchColors=styled.div(({theme})=>({...getBlockBackgroundStyle(theme),display:\"flex\",flexDirection:\"row\",height:50,marginBottom:5,overflow:\"hidden\",backgroundColor:\"white\",backgroundImage:\"repeating-linear-gradient(-45deg, #ccc, #ccc 1px, #fff 1px, #fff 16px)\",backgroundClip:\"padding-box\"})),SwatchSpecimen=styled.div({display:\"flex\",flexDirection:\"column\",flex:1,position:\"relative\",marginBottom:30}),Swatches=styled.div({flex:1,display:\"flex\",flexDirection:\"row\"}),Item=styled.div({display:\"flex\",alignItems:\"flex-start\"}),ListName=styled.div({flex:\"0 0 30%\"}),ListSwatches=styled.div({flex:1}),ListHeading=styled.div(({theme})=>({display:\"flex\",flexDirection:\"row\",alignItems:\"center\",paddingBottom:20,fontWeight:theme.typography.weight.bold,color:theme.base===\"light\"?transparentize(.4,theme.color.defaultText):transparentize(.6,theme.color.defaultText)})),List=styled.div(({theme})=>({fontSize:theme.typography.size.s2,lineHeight:\"20px\",display:\"flex\",flexDirection:\"column\"}));function renderSwatch(color,index){return React17.createElement(Swatch,{key:`${color}-${index}`,title:color,background:color})}function renderSwatchLabel(color,index,colorDescription){return React17.createElement(SwatchLabel,{key:`${color}-${index}`,title:color},React17.createElement(\"div\",null,color,colorDescription&&React17.createElement(\"span\",null,colorDescription)))}function renderSwatchSpecimen(colors){return Array.isArray(colors)?React17.createElement(SwatchSpecimen,null,React17.createElement(SwatchColors,null,colors.map((color,index)=>renderSwatch(color,index))),React17.createElement(SwatchLabels,null,colors.map((color,index)=>renderSwatchLabel(color,index)))):React17.createElement(SwatchSpecimen,null,React17.createElement(SwatchColors,null,Object.values(colors).map((color,index)=>renderSwatch(color,index))),React17.createElement(SwatchLabels,null,Object.keys(colors).map((color,index)=>renderSwatchLabel(color,index,colors[color]))))}var ColorItem=({title,subtitle,colors})=>React17.createElement(Item,null,React17.createElement(ItemDescription,null,React17.createElement(ItemTitle,null,title),React17.createElement(ItemSubtitle,null,subtitle)),React17.createElement(Swatches,null,renderSwatchSpecimen(colors))),ColorPalette=({children,...props})=>React17.createElement(ResetWrapper,null,React17.createElement(List,{...props,className:\"docblock-colorpalette sb-unstyled\"},React17.createElement(ListHeading,null,React17.createElement(ListName,null,\"Name\"),React17.createElement(ListSwatches,null,\"Swatches\")),children));var ItemLabel=styled.div(({theme})=>({fontFamily:theme.typography.fonts.base,fontSize:theme.typography.size.s2,color:theme.color.defaultText,marginLeft:10,lineHeight:1.2})),ItemSpecimen=styled.div(({theme})=>({...getBlockBackgroundStyle(theme),overflow:\"hidden\",height:40,width:40,display:\"flex\",alignItems:\"center\",justifyContent:\"center\",flex:\"none\",\"> img, > svg\":{width:20,height:20}})),Item2=styled.div({display:\"inline-flex\",flexDirection:\"row\",alignItems:\"center\",flex:\"0 1 calc(20% - 10px)\",minWidth:120,margin:\"0px 10px 30px 0\"}),List2=styled.div({display:\"flex\",flexFlow:\"row wrap\"}),IconItem=({name,children})=>React17.createElement(Item2,null,React17.createElement(ItemSpecimen,null,children),React17.createElement(ItemLabel,null,name)),IconGallery=({children,...props})=>React17.createElement(ResetWrapper,null,React17.createElement(List2,{...props,className:\"docblock-icongallery sb-unstyled\"},children));var anchorBlockIdFromId=storyId=>`anchor--${storyId}`,Anchor=({storyId,children})=>React17.createElement(\"div\",{id:anchorBlockIdFromId(storyId),className:\"sb-anchor\"},children);global&&global.__DOCS_CONTEXT__===void 0&&(global.__DOCS_CONTEXT__=createContext(null),global.__DOCS_CONTEXT__.displayName=\"DocsContext\");var DocsContext=global?global.__DOCS_CONTEXT__:createContext(null);var useOf=(moduleExportOrType,validTypes)=>useContext(DocsContext).resolveOf(moduleExportOrType,validTypes);function extractComponentArgTypes(component,parameters){let{extractArgTypes}=parameters.docs||{};if(!extractArgTypes)throw new Error(\"Args unsupported. See Args documentation for your framework.\");return extractArgTypes(component)}function getArgTypesFromResolved(resolved,props){if(resolved.type===\"component\"){let{component,projectAnnotations:{parameters:parameters2}}=resolved;return {argTypes:extractComponentArgTypes(component,parameters2),parameters:parameters2}}if(resolved.type===\"meta\"){let{preparedMeta:{argTypes:argTypes2,parameters:parameters2}}=resolved;return {argTypes:argTypes2,parameters:parameters2}}let{story:{argTypes,parameters}}=resolved;return {argTypes,parameters}}var ArgTypes=props=>{let{of}=props;if(\"of\"in props&&of===void 0)throw new Error(\"Unexpected `of={undefined}`, did you mistype a CSF file reference?\");let resolved=useOf(of||\"meta\"),{argTypes,parameters}=getArgTypesFromResolved(resolved),argTypesParameters=parameters.docs?.argTypes||{},include=props.include??argTypesParameters.include,exclude=props.exclude??argTypesParameters.exclude,sort=props.sort??argTypesParameters.sort,filteredArgTypes=filterArgTypes(argTypes,include,exclude);return React17.createElement(ArgsTable,{rows:filteredArgTypes,sort})};var PRIMARY_STORY=\"^\";var titleCase=str2=>str2.split(\"-\").map(part=>part.charAt(0).toUpperCase()+part.slice(1)).join(\"\"),getComponentName=component=>{if(component)return typeof component==\"string\"?component.includes(\"-\")?titleCase(component):component:component.__docgenInfo&&component.__docgenInfo.displayName?component.__docgenInfo.displayName:component.name};function scrollToElement(element,block=\"start\"){element.scrollIntoView({behavior:\"smooth\",block,inline:\"nearest\"});}function useStory(storyId,context){let stories=useStories([storyId],context);return stories&&stories[0]}function useStories(storyIds,context){let[storiesById,setStories]=useState({});return useEffect(()=>{Promise.all(storyIds.map(async storyId=>{let story=await context.loadStory(storyId);setStories(current=>current[storyId]===story?current:{...current,[storyId]:story});}));}),storyIds.map(storyId=>{if(storiesById[storyId])return storiesById[storyId];try{return context.storyById(storyId)}catch{return null}})}var useArgs=(storyId,context)=>{let storyContext=context.getStoryContext(context.storyById()),[args,setArgs]=useState(storyContext.args);useEffect(()=>{let cb=changed=>{changed.storyId===storyId&&setArgs(changed.args);};return context.channel.on(STORY_ARGS_UPDATED,cb),()=>context.channel.off(STORY_ARGS_UPDATED,cb)},[storyId]);let updateArgs=useCallback(updatedArgs=>context.channel.emit(UPDATE_STORY_ARGS,{storyId,updatedArgs}),[storyId]),resetArgs=useCallback(argNames=>context.channel.emit(RESET_STORY_ARGS,{storyId,argNames}),[storyId]);return [args,updateArgs,resetArgs]},useGlobals=context=>{let storyContext=context.getStoryContext(context.storyById()),[globals,setGlobals]=useState(storyContext.globals);return useEffect(()=>{let cb=changed=>{setGlobals(changed.globals);};return context.channel.on(GLOBALS_UPDATED,cb),()=>context.channel.off(GLOBALS_UPDATED,cb)},[]),[globals]},extractComponentArgTypes2=(component,parameters,include,exclude)=>{let{extractArgTypes}=parameters.docs||{};if(!extractArgTypes)throw new Error(\"Args unsupported. See Args documentation for your framework.\");let argTypes=extractArgTypes(component);return argTypes=filterArgTypes(argTypes,include,exclude),argTypes},isShortcut=value2=>value2&&[PRIMARY_STORY].includes(value2),getComponent=(props={},component)=>{let{of}=props,{story}=props;if(isShortcut(of)||isShortcut(story))return component||null;if(!of)throw new Error(\"No component found.\");return of},addComponentTabs=(tabs,components2,parameters,include,exclude,sort)=>({...tabs,...mapValues(components2,comp=>({rows:extractComponentArgTypes2(comp,parameters,include,exclude),sort}))}),StoryTable=props=>{let context=useContext(DocsContext),{story:storyName,component,subcomponents,showComponent,include,exclude,sort}=props;try{let storyId;switch(storyName){case PRIMARY_STORY:{storyId=context.storyById().id;break}default:storyId=context.storyIdByName(storyName);}let story=useStory(storyId,context),[args,updateArgs,resetArgs]=useArgs(storyId,context),[globals]=useGlobals(context);if(!story)return React17.createElement(ArgsTable,{isLoading:!0,updateArgs,resetArgs});let argTypes=filterArgTypes(story.argTypes,include,exclude),mainLabel=getComponentName(component)||\"Story\",tabs={[mainLabel]:{rows:argTypes,args,globals,updateArgs,resetArgs}},storyHasArgsWithControls=argTypes&&Object.values(argTypes).find(v=>!!v?.control);if(storyHasArgsWithControls||(updateArgs=null,resetArgs=null,tabs={}),component&&(!storyHasArgsWithControls||showComponent)&&(tabs=addComponentTabs(tabs,{[mainLabel]:component},story.parameters,include,exclude)),subcomponents){if(Array.isArray(subcomponents))throw new Error(\"Unexpected subcomponents array. Expected an object whose keys are tab labels and whose values are components.\");tabs=addComponentTabs(tabs,subcomponents,story.parameters,include,exclude);}return React17.createElement(TabbedArgsTable,{tabs,sort})}catch(err){return React17.createElement(ArgsTable,{error:err.message})}},ComponentsTable=props=>{let{components:components2,include,exclude,sort,parameters}=props,tabs=addComponentTabs({},components2,parameters,include,exclude);return React17.createElement(TabbedArgsTable,{tabs,sort})},ArgsTable2=props=>{deprecate(dedent2`The ArgsTable doc block is deprecated. Instead use the ArgTypes doc block for static tables or the Controls doc block for tables with controls.\n \n Please refer to the migration guide: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#argstable-block\n `);let context=useContext(DocsContext),parameters,component,subcomponents;try{({parameters,component,subcomponents}=context.storyById());}catch{let{of}=props;if(\"of\"in props&&of===void 0)throw new Error(\"Unexpected `of={undefined}`, did you mistype a CSF file reference?\");({projectAnnotations:{parameters}}=context.resolveOf(of,[\"component\"]));}let{include,exclude,components:components2,sort:sortProp}=props,{story:storyName}=props,sort=sortProp||parameters.controls?.sort,main=getComponent(props,component);if(storyName)return React17.createElement(StoryTable,{...props,component:main,subcomponents,sort});if(!components2&&!subcomponents){let mainProps;try{mainProps={rows:extractComponentArgTypes2(main,parameters,include,exclude)};}catch(err){mainProps={error:err.message};}return React17.createElement(ArgsTable,{...mainProps,sort})}if(components2)return React17.createElement(ComponentsTable,{...props,components:components2,sort,parameters});let mainLabel=getComponentName(main);return React17.createElement(ComponentsTable,{...props,components:{[mainLabel]:main,...subcomponents},sort,parameters})};ArgsTable2.defaultProps={of:PRIMARY_STORY};function argsHash(args){return stringify(args)}var SourceContext=createContext({sources:{}}),UNKNOWN_ARGS_HASH=\"--unknown--\",SourceContainer=({children,channel})=>{let[sources,setSources]=useState({});return useEffect(()=>{let handleSnippetRendered=(idOrEvent,inputSource=null,inputFormat=!1)=>{let{id,args=void 0,source,format:format2}=typeof idOrEvent==\"string\"?{id:idOrEvent,source:inputSource,format:inputFormat}:idOrEvent,hash=args?argsHash(args):UNKNOWN_ARGS_HASH;setSources(current=>({...current,[id]:{...current[id],[hash]:{code:source,format:format2}}}));};return channel.on(SNIPPET_RENDERED,handleSnippetRendered),()=>channel.off(SNIPPET_RENDERED,handleSnippetRendered)},[]),React17.createElement(SourceContext.Provider,{value:{sources}},children)};var SourceState=(SourceState2=>(SourceState2.OPEN=\"open\",SourceState2.CLOSED=\"closed\",SourceState2.NONE=\"none\",SourceState2))(SourceState||{}),getSourceState=stories=>{let states=stories.map(story=>story.parameters.docs?.source?.state).filter(Boolean);return states.length===0?\"closed\":states[0]},getStorySource=(storyId,args,sourceContext)=>{let{sources}=sourceContext,sourceMap=sources?.[storyId];return sourceMap?.[argsHash(args)]||sourceMap?.[UNKNOWN_ARGS_HASH]||{code:\"\"}},getSnippet=({snippet,storyContext,typeFromProps,transformFromProps})=>{let{__isArgsStory:isArgsStory}=storyContext.parameters,sourceParameters=storyContext.parameters.docs?.source||{},type=typeFromProps||sourceParameters.type||SourceType.AUTO;if(sourceParameters.code!==void 0)return sourceParameters.code;let code=type===SourceType.DYNAMIC||type===SourceType.AUTO&&snippet&&isArgsStory?snippet:sourceParameters.originalSource||\"\";return sourceParameters.transformSource&&deprecate(dedent2`The \\`transformSource\\` parameter at \\`parameters.docs.source.transformSource\\` is deprecated, please use \\`parameters.docs.source.transform\\` instead. \n \n Please refer to the migration guide: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#source-block\n `),storyContext.parameters.docs?.transformSource&&deprecate(dedent2`The \\`transformSource\\` parameter at \\`parameters.docs.transformSource\\` is deprecated, please use \\`parameters.docs.source.transform\\` instead. \n \n Please refer to the migration guide: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#source-block\n `),storyContext.parameters.jsx?.transformSource&&deprecate(dedent2`The \\`transformSource\\` parameter at \\`parameters.jsx.transformSource\\` is deprecated, please use \\`parameters.docs.source.transform\\` instead. \n \n Please refer to the migration guide: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#source-block\n `),(transformFromProps??sourceParameters.transform??sourceParameters.transformSource??storyContext.parameters.docs?.transformSource??storyContext.parameters.jsx?.transformSource)?.(code,storyContext)||code},useSourceProps=(props,docsContext,sourceContext)=>{let storyIds=props.ids||(props.id?[props.id]:[]),storiesFromIds=useStories(storyIds,docsContext),stories=storiesFromIds,{of}=props;if(\"of\"in props&&of===void 0)throw new Error(\"Unexpected `of={undefined}`, did you mistype a CSF file reference?\");if(of)stories=[docsContext.resolveOf(of,[\"story\"]).story];else if(stories.length===0)try{stories=[docsContext.storyById()];}catch{}if(!storiesFromIds.every(Boolean))return {error:\"Oh no! The source is not available.\",state:\"none\"};let sourceParameters=stories[0]?.parameters?.docs?.source||{},{code}=props,format2=props.format??sourceParameters.format,language=props.language??sourceParameters.language??\"jsx\",dark=props.dark??sourceParameters.dark??!1;code||(code=stories.map((story,index)=>{if(!story)return \"\";let storyContext=docsContext.getStoryContext(story),argsForSource=props.__forceInitialArgs?storyContext.initialArgs:storyContext.unmappedArgs,source=getStorySource(story.id,argsForSource,sourceContext);return index===0&&(format2=source.format??story.parameters.docs?.source?.format??!1),getSnippet({snippet:source.code,storyContext:{...storyContext,args:argsForSource},typeFromProps:props.type,transformFromProps:props.transform})}).join(`\n\n`));let state=getSourceState(stories);return code?{code,format:format2,language,dark,state}:{error:\"Oh no! The source is not available.\",state}},Source2=props=>{props.id&&deprecate(dedent2`The \\`id\\` prop on Source is deprecated, please use the \\`of\\` prop instead to reference a story. \n \n Please refer to the migration guide: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#source-block\n `),props.ids&&deprecate(dedent2`The \\`ids\\` prop on Source is deprecated, please use the \\`of\\` prop instead to reference a story. \n \n Please refer to the migration guide: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#source-block\n `);let sourceContext=useContext(SourceContext),docsContext=useContext(DocsContext),{state,...sourceProps}=useSourceProps(props,docsContext,sourceContext);return React17.createElement(Source,{...sourceProps})};var getStoryId2=(props,context)=>{let{id,of,meta,story}=props;if(\"of\"in props&&of===void 0)throw new Error(\"Unexpected `of={undefined}`, did you mistype a CSF file reference?\");if(id)return deprecate(dedent2`Referencing stories by \\`id\\` is deprecated, please use \\`of\\` instead. \n \n Please refer to the migration guide: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#story-block'`),id;let{name}=props;return name?(deprecate(dedent2`Referencing stories by \\`name\\` is deprecated, please use \\`of\\` instead. \n \n Please refer to the migration guide: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#story-block'`),context.storyIdByName(name)):(story&&deprecate(dedent2`The \\`story\\` prop is deprecated, please export your stories from CSF files and reference them with \\`of={}\\`.\n\n Please refer to the migration guide: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#story-block'`),meta&&context.referenceMeta(meta,!1),context.resolveOf(of||story||\"story\",[\"story\"]).story.id)},getStoryProps=(props,story,context)=>{let{parameters={}}=story||{},{docs={}}=parameters,storyParameters=docs.story||{};if(docs.disable)return null;let{inlineStories,iframeHeight}=docs;typeof inlineStories<\"u\"&&deprecate(dedent2`The \\`docs.inlineStories\\` parameter is deprecated, use \\`docs.story.inline\\` instead. \n \n Please refer to the migration guide: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#autodocs-changes'\n `);let inline=props.inline??storyParameters.inline??inlineStories??!1;if(typeof iframeHeight<\"u\"&&deprecate(dedent2`The \\`docs.iframeHeight\\` parameter is deprecated, use \\`docs.story.iframeHeight\\` instead. \n \n Please refer to the migration guide: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#autodocs-changes'\n `),inline){let height2=props.height??storyParameters.height,autoplay=props.autoplay??storyParameters.autoplay??!1;return {story,inline:!0,height:height2,autoplay,forceInitialArgs:!!props.__forceInitialArgs,primary:!!props.__primary,renderStoryToElement:context.renderStoryToElement}}let height=props.height??storyParameters.height??storyParameters.iframeHeight??iframeHeight??\"100px\";return {story,inline:!1,height,primary:!!props.__primary}},Story2=(props={__forceInitialArgs:!1,__primary:!1})=>{let context=useContext(DocsContext),storyId=getStoryId2(props,context),story=useStory(storyId,context);if(!story)return React17.createElement(StorySkeleton,null);let storyProps=getStoryProps(props,story,context);return storyProps?React17.createElement(Story,{...storyProps}):null};var useDeprecatedPreviewProps=({withSource,mdxSource,children,layout:layoutProp,...props},docsContext,sourceContext)=>{let storyIds=Children.toArray(children).filter(c=>c.props&&(c.props.id||c.props.name||c.props.of)).map(c=>getStoryId2(c.props,docsContext)),stories=useStories(storyIds,docsContext),isLoading=stories.some(s=>!s),sourceProps=useSourceProps({...mdxSource?{code:decodeURI(mdxSource)}:{ids:storyIds},...props.of&&{of:props.of}},docsContext,sourceContext);if(withSource===\"none\")return {isLoading,previewProps:props};let layout=layoutProp;return Children.forEach(children,child=>{layout||(layout=child?.props?.parameters?.layout);}),stories.forEach(story=>{layout||!story||(layout=story?.parameters.layout??story.parameters.docs?.canvas?.layout);}),{isLoading,previewProps:{...props,layout:layout??\"padded\",withSource:sourceProps,isExpanded:(withSource||sourceProps.state)===\"open\"}}},Canvas=props=>{let docsContext=useContext(DocsContext),sourceContext=useContext(SourceContext),{children,of,source}=props;if(\"of\"in props&&of===void 0)throw new Error(\"Unexpected `of={undefined}`, did you mistype a CSF file reference?\");let{isLoading,previewProps}=useDeprecatedPreviewProps(props,docsContext,sourceContext),story,sourceProps,hookError;try{({story}=useOf(of||\"story\",[\"story\"]));}catch(error){children||(hookError=error);}try{sourceProps=useSourceProps({...source,...of&&{of}},docsContext,sourceContext);}catch(error){children||(hookError=error);}if(hookError)throw hookError;if(props.withSource&&deprecate(dedent2`Setting source state with \\`withSource\\` is deprecated, please use \\`sourceState\\` with 'hidden', 'shown' or 'none' instead. \n \n Please refer to the migration guide: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#canvas-block\n `),props.mdxSource&&deprecate(dedent2`Setting source code with \\`mdxSource\\` is deprecated, please use source={{code: '...'}} instead. \n \n Please refer to the migration guide: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#canvas-block\n `),(props.isColumn!==void 0||props.columns!==void 0)&&deprecate(dedent2`\\`isColumn\\` and \\`columns\\` props are deprecated as the Canvas block now only supports showing a single story. \n \n Please refer to the migration guide: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#canvas-block\n `),children)return deprecate(dedent2`Passing children to Canvas is deprecated, please use the \\`of\\` prop instead to reference a story. \n \n Please refer to the migration guide: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#canvas-block\n `),isLoading?React17.createElement(PreviewSkeleton,null):React17.createElement(Preview,{...previewProps},children);let layout=props.layout??story.parameters.layout??story.parameters.docs?.canvas?.layout??\"padded\",withToolbar=props.withToolbar??story.parameters.docs?.canvas?.withToolbar??!1,additionalActions=props.additionalActions??story.parameters.docs?.canvas?.additionalActions,sourceState=props.sourceState??story.parameters.docs?.canvas?.sourceState??\"hidden\",className=props.className??story.parameters.docs?.canvas?.className;return React17.createElement(Preview,{withSource:sourceState===\"none\"?void 0:sourceProps,isExpanded:sourceState===\"shown\",withToolbar,additionalActions,className,layout},React17.createElement(Story2,{of:of||story.moduleExport,meta:props.meta,...props.story}))};var useGlobals2=(story,context)=>{let storyContext=context.getStoryContext(story),[globals,setGlobals]=useState(storyContext.globals);return useEffect(()=>{let onGlobalsUpdated=changed=>{setGlobals(changed.globals);};return context.channel.on(GLOBALS_UPDATED,onGlobalsUpdated),()=>context.channel.off(GLOBALS_UPDATED,onGlobalsUpdated)},[context.channel]),[globals]};var useArgs2=(story,context)=>{let result=useArgsIfDefined(story,context);if(!result)throw new Error(\"No result when story was defined\");return result},useArgsIfDefined=(story,context)=>{let storyContext=story?context.getStoryContext(story):{args:{}},{id:storyId}=story||{id:\"none\"},[args,setArgs]=useState(storyContext.args);useEffect(()=>{let onArgsUpdated=changed=>{changed.storyId===storyId&&setArgs(changed.args);};return context.channel.on(STORY_ARGS_UPDATED,onArgsUpdated),()=>context.channel.off(STORY_ARGS_UPDATED,onArgsUpdated)},[storyId,context.channel]);let updateArgs=useCallback(updatedArgs=>context.channel.emit(UPDATE_STORY_ARGS,{storyId,updatedArgs}),[storyId,context.channel]),resetArgs=useCallback(argNames=>context.channel.emit(RESET_STORY_ARGS,{storyId,argNames}),[storyId,context.channel]);return story&&[args,updateArgs,resetArgs]};var Controls3=props=>{let{of}=props;if(\"of\"in props&&of===void 0)throw new Error(\"Unexpected `of={undefined}`, did you mistype a CSF file reference?\");let context=useContext(DocsContext),{story}=context.resolveOf(of||\"story\",[\"story\"]),{parameters,argTypes}=story,controlsParameters=parameters.docs?.controls||{},include=props.include??controlsParameters.include,exclude=props.exclude??controlsParameters.exclude,sort=props.sort??controlsParameters.sort,[args,updateArgs,resetArgs]=useArgs2(story,context),[globals]=useGlobals2(story,context),filteredArgTypes=filterArgTypes(argTypes,include,exclude);return React17.createElement(ArgsTable,{rows:filteredArgTypes,args,globals,updateArgs,resetArgs,sort})};var {document:document2}=global,assertIsFn=val=>{if(typeof val!=\"function\")throw new Error(`Expected story function, got: ${val}`);return val},AddContext=props=>{let{children,...rest}=props,parentContext=React17.useContext(DocsContext);return React17.createElement(DocsContext.Provider,{value:{...parentContext,...rest}},children)},CodeOrSourceMdx=({className,children,...rest})=>{if(typeof className!=\"string\"&&(typeof children!=\"string\"||!children.match(/[\\n\\r]/g)))return React17.createElement(Code,null,children);let language=className&&className.split(\"-\");return React17.createElement(Source,{language:language&&language[1]||\"plaintext\",format:!1,code:children,...rest})};function navigate(context,url){context.channel.emit(NAVIGATE_URL,url);}var A=components.a,AnchorInPage=({hash,children})=>{let context=useContext(DocsContext);return React17.createElement(A,{href:hash,target:\"_self\",onClick:event=>{let id=hash.substring(1);document2.getElementById(id)&&navigate(context,hash);}},children)},AnchorMdx=props=>{let{href,target,children,...rest}=props,context=useContext(DocsContext);if(href){if(href.startsWith(\"#\"))return React17.createElement(AnchorInPage,{hash:href},children);if(target!==\"_blank\"&&!href.startsWith(\"https://\"))return React17.createElement(A,{href,onClick:event=>{event.button===0&&!event.altKey&&!event.ctrlKey&&!event.metaKey&&!event.shiftKey&&(event.preventDefault(),navigate(context,event.currentTarget.getAttribute(\"href\")));},target,...rest},children)}return React17.createElement(A,{...props})},SUPPORTED_MDX_HEADERS=[\"h1\",\"h2\",\"h3\",\"h4\",\"h5\",\"h6\"],OcticonHeaders=SUPPORTED_MDX_HEADERS.reduce((acc,headerType)=>({...acc,[headerType]:styled(headerType)({\"& svg\":{position:\"relative\",top:\"-0.1em\",visibility:\"hidden\"},\"&:hover svg\":{visibility:\"visible\"}})}),{}),OcticonAnchor=styled.a(()=>({float:\"left\",lineHeight:\"inherit\",paddingRight:\"10px\",marginLeft:\"-24px\",color:\"inherit\"})),HeaderWithOcticonAnchor=({as,id,children,...rest})=>{let context=useContext(DocsContext),OcticonHeader=OcticonHeaders[as],hash=`#${id}`;return React17.createElement(OcticonHeader,{id,...rest},React17.createElement(OcticonAnchor,{\"aria-hidden\":\"true\",href:hash,tabIndex:-1,target:\"_self\",onClick:event=>{document2.getElementById(id)&&navigate(context,hash);}},React17.createElement(Icons,{icon:\"link\"})),children)},HeaderMdx=props=>{let{as,id,children,...rest}=props;if(id)return React17.createElement(HeaderWithOcticonAnchor,{as,id,...rest},children);let Component4=as,{as:omittedAs,...withoutAs}=props;return React17.createElement(Component4,{...nameSpaceClassNames(withoutAs,as)})},HeadersMdx=SUPPORTED_MDX_HEADERS.reduce((acc,headerType)=>({...acc,[headerType]:props=>React17.createElement(HeaderMdx,{as:headerType,...props})}),{});var Markdown2=props=>{if(!props.children)return null;if(typeof props.children!=\"string\")throw new Error(dedent2`The Markdown block only accepts children as a single string, but children were of type: '${typeof props.children}'\n This is often caused by not wrapping the child in a template string.\n \n This is invalid:\n \n # Some heading\n A paragraph\n \n\n Instead do:\n \n {\\`\n # Some heading\n A paragraph\n \\`}\n \n `);return React17.createElement(Markdown,{...props,options:{forceBlock:!0,overrides:{code:CodeOrSourceMdx,a:AnchorMdx,...HeadersMdx,...props?.options?.overrides},...props?.options}})};var DescriptionType=(DescriptionType2=>(DescriptionType2.INFO=\"info\",DescriptionType2.NOTES=\"notes\",DescriptionType2.DOCGEN=\"docgen\",DescriptionType2.AUTO=\"auto\",DescriptionType2))(DescriptionType||{}),DEPRECATION_MIGRATION_LINK=\"https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#description-block-parametersnotes-and-parametersinfo\",getNotes=notes=>notes&&(typeof notes==\"string\"?notes:str(notes.markdown)||str(notes.text)),getInfo=info=>info&&(typeof info==\"string\"?info:str(info.text)),noDescription=component=>null,getDescriptionFromResolvedOf=resolvedOf=>{switch(resolvedOf.type){case\"story\":return resolvedOf.story.parameters.docs?.description?.story||null;case\"meta\":{let{parameters,component}=resolvedOf.preparedMeta,metaDescription=parameters.docs?.description?.component;return metaDescription||parameters.docs?.extractComponentDescription?.(component,{component,parameters})||null}case\"component\":{let{component,projectAnnotations:{parameters}}=resolvedOf;return parameters.docs?.extractComponentDescription?.(component,{component,parameters})||null}default:throw new Error(`Unrecognized module type resolved from 'useOf', got: ${resolvedOf.type}`)}},getDescriptionFromDeprecatedProps=({type,markdown,children},{storyById})=>{let{component,parameters}=storyById();if(children||markdown)return children||markdown;let{notes,info,docs}=parameters;(notes||info)&&deprecate(`Using 'parameters.notes' or 'parameters.info' properties to describe stories is deprecated. See ${DEPRECATION_MIGRATION_LINK}`);let{extractComponentDescription=noDescription,description}=docs||{},componentDescriptionParameter=description?.component;if(componentDescriptionParameter)return componentDescriptionParameter;switch(type){case\"info\":return getInfo(info);case\"notes\":return getNotes(notes);case\"docgen\":case\"auto\":default:return extractComponentDescription(component,{component,...parameters})}},DescriptionContainer=props=>{let{of,type,markdown:markdownProp,children}=props;if(\"of\"in props&&of===void 0)throw new Error(\"Unexpected `of={undefined}`, did you mistype a CSF file reference?\");let context=useContext(DocsContext),resolvedOf=useOf(of||\"meta\"),markdown;return type||markdownProp||children?markdown=getDescriptionFromDeprecatedProps(props,context):markdown=getDescriptionFromResolvedOf(resolvedOf),type&&deprecate(`Manually specifying description type is deprecated. See ${DEPRECATION_MIGRATION_LINK}`),markdownProp&&deprecate(`The 'markdown' prop on the Description block is deprecated. See ${DEPRECATION_MIGRATION_LINK}`),children&&deprecate(`The 'children' prop on the Description block is deprecated. See ${DEPRECATION_MIGRATION_LINK}`),markdown?React17.createElement(Markdown2,null,markdown):null};var Wrapper9=styled.div(({theme})=>({width:\"10rem\",\"@media (max-width: 768px)\":{display:\"none\"}})),Content2=styled.div(({theme})=>({position:\"fixed\",bottom:0,top:0,width:\"10rem\",paddingTop:\"4rem\",paddingBottom:\"2rem\",overflowY:\"auto\",fontFamily:theme.typography.fonts.base,fontSize:theme.typography.size.s2,WebkitFontSmoothing:\"antialiased\",MozOsxFontSmoothing:\"grayscale\",WebkitTapHighlightColor:\"rgba(0, 0, 0, 0)\",WebkitOverflowScrolling:\"touch\",\"& *\":{boxSizing:\"border-box\"},\"& > .toc-wrapper > .toc-list\":{paddingLeft:0,borderLeft:`solid 2px ${theme.color.mediumlight}`,\".toc-list\":{paddingLeft:0,borderLeft:`solid 2px ${theme.color.mediumlight}`,\".toc-list\":{paddingLeft:0,borderLeft:`solid 2px ${theme.color.mediumlight}`}}},\"& .toc-list-item\":{position:\"relative\",listStyleType:\"none\",marginLeft:20,paddingTop:3,paddingBottom:3},\"& .toc-list-item::before\":{content:'\"\"',position:\"absolute\",height:\"100%\",top:0,left:0,transform:\"translateX(calc(-2px - 20px))\",borderLeft:`solid 2px ${theme.color.mediumdark}`,opacity:0,transition:\"opacity 0.2s\"},\"& .toc-list-item.is-active-li::before\":{opacity:1},\"& .toc-list-item > a\":{color:theme.color.defaultText,textDecoration:\"none\"},\"& .toc-list-item.is-active-li > a\":{fontWeight:600,color:theme.color.secondary,textDecoration:\"none\"}})),Heading=styled.p(({theme})=>({fontWeight:600,fontSize:\"0.875em\",color:theme.textColor,textTransform:\"uppercase\",marginBottom:10})),OptionalTitle=({title})=>title===null?null:typeof title==\"string\"?React17.createElement(Heading,null,title):title,TableOfContents=({title,disable,headingSelector,contentsSelector,ignoreSelector,unsafeTocbotOptions})=>(useEffect(()=>{let configuration={tocSelector:\".toc-wrapper\",contentSelector:contentsSelector??\".sbdocs-content\",headingSelector:headingSelector??\"h3\",ignoreSelector:ignoreSelector??\".docs-story *, .skip-toc\",headingsOffset:40,scrollSmoothOffset:-40,orderedList:!1,onClick:()=>!1,...unsafeTocbotOptions},timeout=setTimeout(()=>tocbot.init(configuration),100);return ()=>{clearTimeout(timeout),tocbot.destroy();}},[disable]),React17.createElement(React17.Fragment,null,React17.createElement(Wrapper9,null,disable?null:React17.createElement(Content2,null,React17.createElement(OptionalTitle,{title:title||null}),React17.createElement(\"div\",{className:\"toc-wrapper\"})))));var {document:document3,window:globalWindow3}=global,DocsContainer=({context,theme,children})=>{let toc;try{toc=context.resolveOf(\"meta\",[\"meta\"]).preparedMeta.parameters?.docs?.toc;}catch{toc=context?.projectAnnotations?.parameters?.docs?.toc;}return useEffect(()=>{let url;try{if(url=new URL(globalWindow3.parent.location.toString()),url.hash){let element=document3.getElementById(url.hash.substring(1));element&&setTimeout(()=>{scrollToElement(element);},200);}}catch{}}),React17.createElement(DocsContext.Provider,{value:context},React17.createElement(SourceContainer,{channel:context.channel},React17.createElement(ThemeProvider,{theme:ensure(theme)},React17.createElement(DocsPageWrapper,{toc:toc?React17.createElement(TableOfContents,{className:\"sbdocs sbdocs-toc--custom\",...toc}):null},children))))};var STORY_KIND_PATH_SEPARATOR=/\\s*\\/\\s*/,extractTitle=title=>{let groups=title.trim().split(STORY_KIND_PATH_SEPARATOR);return groups&&groups[groups.length-1]||title},Title3=({children})=>{let context=useContext(DocsContext),content=children||extractTitle(context.storyById().title);return content?React17.createElement(Title,{className:\"sbdocs-title sb-unstyled\"},content):null};var Subtitle2=({children})=>{let docsContext=useContext(DocsContext),content=children||docsContext.storyById().parameters?.componentSubtitle;return content?React17.createElement(Subtitle,{className:\"sbdocs-subtitle sb-unstyled\"},content):null};var Subheading=({children,disableAnchor})=>{if(disableAnchor||typeof children!=\"string\")return React17.createElement(H3,null,children);let tagID=children.toLowerCase().replace(/[^a-z0-9]/gi,\"-\");return React17.createElement(HeaderMdx,{as:\"h3\",id:tagID},children)};var DocsStory=({of,expanded=!0,withToolbar:withToolbarProp=!1,__forceInitialArgs=!1,__primary=!1})=>{let{story}=useOf(of||\"story\",[\"story\"]),withToolbar=story.parameters.docs?.canvas?.withToolbar??withToolbarProp;return React17.createElement(Anchor,{storyId:story.id},expanded&&React17.createElement(React17.Fragment,null,React17.createElement(Subheading,null,story.name),React17.createElement(DescriptionContainer,{of})),React17.createElement(Canvas,{of,withToolbar,story:{__forceInitialArgs,__primary},source:{__forceInitialArgs}}))};var Primary=props=>{let{name,of}=props;if(\"of\"in props&&of===void 0)throw new Error(\"Unexpected `of={undefined}`, did you mistype a CSF file reference?\");let docsContext=useContext(DocsContext),story;if(of&&(story=useOf(of||\"meta\",[\"meta\"]).csfFile.stories[0]||null),!story){let storyId=name&&docsContext.storyIdByName(name);story=docsContext.storyById(storyId);}return name&&deprecate(dedent2`\\`name\\` prop is deprecated on the Primary block.\n The Primary block should only be used to render the primary story, which is automatically found.\n `),story?React17.createElement(DocsStory,{of:story.moduleExport,expanded:!1,__primary:!0,withToolbar:!0}):null};var Heading2=({children,disableAnchor,...props})=>{if(disableAnchor||typeof children!=\"string\")return React17.createElement(H2,null,children);let tagID=children.toLowerCase().replace(/[^a-z0-9]/gi,\"-\");return React17.createElement(HeaderMdx,{as:\"h2\",id:tagID,...props},children)};var StyledHeading=styled(Heading2)(({theme})=>({fontSize:`${theme.typography.size.s2-1}px`,fontWeight:theme.typography.weight.bold,lineHeight:\"16px\",letterSpacing:\"0.35em\",textTransform:\"uppercase\",color:theme.textMutedColor,border:0,marginBottom:\"12px\",\"&:first-of-type\":{marginTop:\"56px\"}})),Stories=({title=\"Stories\",includePrimary=!0})=>{let{componentStories}=useContext(DocsContext),stories=componentStories().filter(story=>!story.parameters?.docs?.disable);return includePrimary||(stories=stories.slice(1)),!stories||stories.length===0?null:React17.createElement(React17.Fragment,null,React17.createElement(StyledHeading,null,title),stories.map(story=>story&&React17.createElement(DocsStory,{key:story.id,of:story.moduleExport,expanded:!0,__forceInitialArgs:!0})))};var DocsPage=()=>{let resolvedOf=useOf(\"meta\",[\"meta\"]),{stories}=resolvedOf.csfFile,isSingleStory=Object.keys(stories).length===1;return React17.createElement(React17.Fragment,null,React17.createElement(Title3,null),React17.createElement(Subtitle2,null),React17.createElement(DescriptionContainer,{of:\"meta\"}),isSingleStory?React17.createElement(DescriptionContainer,{of:\"story\"}):null,React17.createElement(Primary,null),React17.createElement(Controls3,null),isSingleStory?null:React17.createElement(Stories,null))};function Docs({context,docsParameter}){let Container=docsParameter.container||DocsContainer,Page=docsParameter.page||DocsPage;return React17.createElement(Container,{context,theme:docsParameter.theme},React17.createElement(Page,null))}var ExternalDocsContext=class extends DocsContext$1{constructor(channel,store,renderStoryToElement,processMetaExports){super(channel,store,renderStoryToElement,[]);this.channel=channel;this.store=store;this.renderStoryToElement=renderStoryToElement;this.processMetaExports=processMetaExports;this.referenceMeta=(metaExports,attach)=>{let csfFile=this.processMetaExports(metaExports);this.referenceCSFFile(csfFile),super.referenceMeta(metaExports,attach);};}};var ConstantMap=class{constructor(prefix){this.prefix=prefix;this.entries=new Map;}get(key){return this.entries.has(key)||this.entries.set(key,`${this.prefix}${this.entries.size}`),this.entries.get(key)}},ExternalPreview=class extends Preview$1{constructor(projectAnnotations){super(new Channel({}));this.projectAnnotations=projectAnnotations;this.importPaths=new ConstantMap(\"./importPath/\");this.titles=new ConstantMap(\"title-\");this.storyIndex={v:4,entries:{}};this.moduleExportsByImportPath={};this.processMetaExports=metaExports=>{let importPath=this.importPaths.get(metaExports);this.moduleExportsByImportPath[importPath]=metaExports;let title=metaExports.default.title||this.titles.get(metaExports),csfFile=this.storyStore.processCSFFileWithCache(metaExports,importPath,title);return Object.values(csfFile.stories).forEach(({id,name})=>{this.storyIndex.entries[id]={id,importPath,title,name,type:\"story\"};}),this.onStoriesChanged({storyIndex:this.storyIndex}),csfFile};this.docsContext=()=>new ExternalDocsContext(this.channel,this.storyStore,this.renderStoryToElement.bind(this),this.processMetaExports.bind(this));this.initialize({getStoryIndex:()=>this.storyIndex,importFn:path=>Promise.resolve(this.moduleExportsByImportPath[path]),getProjectAnnotations:()=>composeConfigs([{parameters:{docs:{story:{inline:!0}}}},this.projectAnnotations])});}};function usePreview(projectAnnotations){let previewRef=useRef();return previewRef.current||(previewRef.current=new ExternalPreview(projectAnnotations)),previewRef.current}function ExternalDocs({projectAnnotationsList,children}){let projectAnnotations=composeConfigs(projectAnnotationsList),preview2=usePreview(projectAnnotations),docsParameter={...projectAnnotations.parameters?.docs,page:()=>children};return React17.createElement(Docs,{docsParameter,context:preview2.docsContext()})}var preview,ExternalDocsContainer=({projectAnnotations,children})=>(preview||(preview=new ExternalPreview(projectAnnotations)),React17.createElement(DocsContext.Provider,{value:preview.docsContext()},React17.createElement(ThemeProvider,{theme:ensure(themes.light)},children)));var Meta=({of})=>{let context=useContext(DocsContext);of&&context.referenceMeta(of,!0);try{let primary=context.storyById();return React17.createElement(Anchor,{storyId:primary.id})}catch{return null}};var Unstyled=props=>React17.createElement(\"div\",{...props,className:\"sb-unstyled\"});var Wrapper10=({children})=>React17.createElement(\"div\",{style:{fontFamily:\"sans-serif\"}},children);\n\nexport { AddContext, Anchor, AnchorMdx, ArgTypes, ArgsTable2 as ArgsTable, BooleanControl, Canvas, CodeOrSourceMdx, ColorControl, ColorItem, ColorPalette, ComponentsTable, Controls3 as Controls, DateControl, DescriptionContainer as Description, DescriptionType, Docs, DocsContainer, DocsContext, DocsPage, DocsStory, ExternalDocs, ExternalDocsContainer, FilesControl, HeaderMdx, HeadersMdx, Heading2 as Heading, IconGallery, IconItem, Markdown2 as Markdown, Meta, NumberControl, ObjectControl, OptionsControl, PRIMARY_STORY, Primary, ArgsTable as PureArgsTable, RangeControl, Source2 as Source, SourceContainer, SourceContext, SourceState, Stories, Story2 as Story, StoryTable, Subheading, Subtitle2 as Subtitle, TextControl, Title3 as Title, Typeset, UNKNOWN_ARGS_HASH, Unstyled, Wrapper10 as Wrapper, anchorBlockIdFromId, argsHash, assertIsFn, extractComponentArgTypes2 as extractComponentArgTypes, extractTitle, format, formatDate, formatTime, getComponent, getStoryId2 as getStoryId, getStoryProps, parse2 as parse, parseDate, parseTime, useOf, useSourceProps };\n","import { __commonJS, __toESM } from './chunk-JRLSWQMA.mjs';\nimport * as React3 from 'react';\nimport React3__default, { useState, useCallback, useEffect } from 'react';\nimport * as ReactDOM from 'react-dom';\nimport ReactDOM__default from 'react-dom';\nimport { styled, lighten } from '@storybook/theming';\nimport { global } from '@storybook/global';\nimport memoize from 'memoizerific';\n\nvar require_react_fast_compare=__commonJS({\"../../node_modules/react-fast-compare/index.js\"(exports,module){var hasElementType=typeof Element<\"u\",hasMap=typeof Map==\"function\",hasSet=typeof Set==\"function\",hasArrayBuffer=typeof ArrayBuffer==\"function\"&&!!ArrayBuffer.isView;function equal(a,b){if(a===b)return !0;if(a&&b&&typeof a==\"object\"&&typeof b==\"object\"){if(a.constructor!==b.constructor)return !1;var length,i,keys;if(Array.isArray(a)){if(length=a.length,length!=b.length)return !1;for(i=length;i--!==0;)if(!equal(a[i],b[i]))return !1;return !0}var it;if(hasMap&&a instanceof Map&&b instanceof Map){if(a.size!==b.size)return !1;for(it=a.entries();!(i=it.next()).done;)if(!b.has(i.value[0]))return !1;for(it=a.entries();!(i=it.next()).done;)if(!equal(i.value[1],b.get(i.value[0])))return !1;return !0}if(hasSet&&a instanceof Set&&b instanceof Set){if(a.size!==b.size)return !1;for(it=a.entries();!(i=it.next()).done;)if(!b.has(i.value[0]))return !1;return !0}if(hasArrayBuffer&&ArrayBuffer.isView(a)&&ArrayBuffer.isView(b)){if(length=a.length,length!=b.length)return !1;for(i=length;i--!==0;)if(a[i]!==b[i])return !1;return !0}if(a.constructor===RegExp)return a.source===b.source&&a.flags===b.flags;if(a.valueOf!==Object.prototype.valueOf&&typeof a.valueOf==\"function\"&&typeof b.valueOf==\"function\")return a.valueOf()===b.valueOf();if(a.toString!==Object.prototype.toString&&typeof a.toString==\"function\"&&typeof b.toString==\"function\")return a.toString()===b.toString();if(keys=Object.keys(a),length=keys.length,length!==Object.keys(b).length)return !1;for(i=length;i--!==0;)if(!Object.prototype.hasOwnProperty.call(b,keys[i]))return !1;if(hasElementType&&a instanceof Element)return !1;for(i=length;i--!==0;)if(!((keys[i]===\"_owner\"||keys[i]===\"__v\"||keys[i]===\"__o\")&&a.$$typeof)&&!equal(a[keys[i]],b[keys[i]]))return !1;return !0}return a!==a&&b!==b}module.exports=function(a,b){try{return equal(a,b)}catch(error){if((error.message||\"\").match(/stack|recursion/i))return console.warn(\"react-fast-compare cannot handle circular refs\"),!1;throw error}};}});function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return {};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i=0)&&(target[key]=source[key]);return target}function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i\"u\")return !1;var OwnElement=getWindow(node).ShadowRoot;return node instanceof OwnElement||node instanceof ShadowRoot}function applyStyles(_ref){var state=_ref.state;Object.keys(state.elements).forEach(function(name){var style=state.styles[name]||{},attributes=state.attributes[name]||{},element=state.elements[name];!isHTMLElement(element)||!getNodeName(element)||(Object.assign(element.style,style),Object.keys(attributes).forEach(function(name2){var value=attributes[name2];value===!1?element.removeAttribute(name2):element.setAttribute(name2,value===!0?\"\":value);}));});}function effect(_ref2){var state=_ref2.state,initialStyles={popper:{position:state.options.strategy,left:\"0\",top:\"0\",margin:\"0\"},arrow:{position:\"absolute\"},reference:{}};return Object.assign(state.elements.popper.style,initialStyles.popper),state.styles=initialStyles,state.elements.arrow&&Object.assign(state.elements.arrow.style,initialStyles.arrow),function(){Object.keys(state.elements).forEach(function(name){var element=state.elements[name],attributes=state.attributes[name]||{},styleProperties=Object.keys(state.styles.hasOwnProperty(name)?state.styles[name]:initialStyles[name]),style=styleProperties.reduce(function(style2,property){return style2[property]=\"\",style2},{});!isHTMLElement(element)||!getNodeName(element)||(Object.assign(element.style,style),Object.keys(attributes).forEach(function(attribute){element.removeAttribute(attribute);}));});}}var applyStyles_default={name:\"applyStyles\",enabled:!0,phase:\"write\",fn:applyStyles,effect,requires:[\"computeStyles\"]};function getBasePlacement(placement){return placement.split(\"-\")[0]}var max=Math.max,min=Math.min,round=Math.round;function getUAString(){var uaData=navigator.userAgentData;return uaData!=null&&uaData.brands&&Array.isArray(uaData.brands)?uaData.brands.map(function(item){return item.brand+\"/\"+item.version}).join(\" \"):navigator.userAgent}function isLayoutViewport(){return !/^((?!chrome|android).)*safari/i.test(getUAString())}function getBoundingClientRect(element,includeScale,isFixedStrategy){includeScale===void 0&&(includeScale=!1),isFixedStrategy===void 0&&(isFixedStrategy=!1);var clientRect=element.getBoundingClientRect(),scaleX=1,scaleY=1;includeScale&&isHTMLElement(element)&&(scaleX=element.offsetWidth>0&&round(clientRect.width)/element.offsetWidth||1,scaleY=element.offsetHeight>0&&round(clientRect.height)/element.offsetHeight||1);var _ref=isElement(element)?getWindow(element):window,visualViewport=_ref.visualViewport,addVisualOffsets=!isLayoutViewport()&&isFixedStrategy,x=(clientRect.left+(addVisualOffsets&&visualViewport?visualViewport.offsetLeft:0))/scaleX,y=(clientRect.top+(addVisualOffsets&&visualViewport?visualViewport.offsetTop:0))/scaleY,width=clientRect.width/scaleX,height=clientRect.height/scaleY;return {width,height,top:y,right:x+width,bottom:y+height,left:x,x,y}}function getLayoutRect(element){var clientRect=getBoundingClientRect(element),width=element.offsetWidth,height=element.offsetHeight;return Math.abs(clientRect.width-width)<=1&&(width=clientRect.width),Math.abs(clientRect.height-height)<=1&&(height=clientRect.height),{x:element.offsetLeft,y:element.offsetTop,width,height}}function contains(parent,child){var rootNode=child.getRootNode&&child.getRootNode();if(parent.contains(child))return !0;if(rootNode&&isShadowRoot(rootNode)){var next=child;do{if(next&&parent.isSameNode(next))return !0;next=next.parentNode||next.host;}while(next)}return !1}function getComputedStyle(element){return getWindow(element).getComputedStyle(element)}function isTableElement(element){return [\"table\",\"td\",\"th\"].indexOf(getNodeName(element))>=0}function getDocumentElement(element){return ((isElement(element)?element.ownerDocument:element.document)||window.document).documentElement}function getParentNode(element){return getNodeName(element)===\"html\"?element:element.assignedSlot||element.parentNode||(isShadowRoot(element)?element.host:null)||getDocumentElement(element)}function getTrueOffsetParent(element){return !isHTMLElement(element)||getComputedStyle(element).position===\"fixed\"?null:element.offsetParent}function getContainingBlock(element){var isFirefox=/firefox/i.test(getUAString()),isIE=/Trident/i.test(getUAString());if(isIE&&isHTMLElement(element)){var elementCss=getComputedStyle(element);if(elementCss.position===\"fixed\")return null}var currentNode=getParentNode(element);for(isShadowRoot(currentNode)&&(currentNode=currentNode.host);isHTMLElement(currentNode)&&[\"html\",\"body\"].indexOf(getNodeName(currentNode))<0;){var css=getComputedStyle(currentNode);if(css.transform!==\"none\"||css.perspective!==\"none\"||css.contain===\"paint\"||[\"transform\",\"perspective\"].indexOf(css.willChange)!==-1||isFirefox&&css.willChange===\"filter\"||isFirefox&&css.filter&&css.filter!==\"none\")return currentNode;currentNode=currentNode.parentNode;}return null}function getOffsetParent(element){for(var window2=getWindow(element),offsetParent=getTrueOffsetParent(element);offsetParent&&isTableElement(offsetParent)&&getComputedStyle(offsetParent).position===\"static\";)offsetParent=getTrueOffsetParent(offsetParent);return offsetParent&&(getNodeName(offsetParent)===\"html\"||getNodeName(offsetParent)===\"body\"&&getComputedStyle(offsetParent).position===\"static\")?window2:offsetParent||getContainingBlock(element)||window2}function getMainAxisFromPlacement(placement){return [\"top\",\"bottom\"].indexOf(placement)>=0?\"x\":\"y\"}function within(min2,value,max2){return max(min2,min(value,max2))}function withinMaxClamp(min2,value,max2){var v=within(min2,value,max2);return v>max2?max2:v}function getFreshSideObject(){return {top:0,right:0,bottom:0,left:0}}function mergePaddingObject(paddingObject){return Object.assign({},getFreshSideObject(),paddingObject)}function expandToHashMap(value,keys){return keys.reduce(function(hashMap,key){return hashMap[key]=value,hashMap},{})}var toPaddingObject=function(padding,state){return padding=typeof padding==\"function\"?padding(Object.assign({},state.rects,{placement:state.placement})):padding,mergePaddingObject(typeof padding!=\"number\"?padding:expandToHashMap(padding,basePlacements))};function arrow(_ref){var _state$modifiersData$,state=_ref.state,name=_ref.name,options=_ref.options,arrowElement=state.elements.arrow,popperOffsets2=state.modifiersData.popperOffsets,basePlacement=getBasePlacement(state.placement),axis=getMainAxisFromPlacement(basePlacement),isVertical=[left,right].indexOf(basePlacement)>=0,len=isVertical?\"height\":\"width\";if(!(!arrowElement||!popperOffsets2)){var paddingObject=toPaddingObject(options.padding,state),arrowRect=getLayoutRect(arrowElement),minProp=axis===\"y\"?top:left,maxProp=axis===\"y\"?bottom:right,endDiff=state.rects.reference[len]+state.rects.reference[axis]-popperOffsets2[axis]-state.rects.popper[len],startDiff=popperOffsets2[axis]-state.rects.reference[axis],arrowOffsetParent=getOffsetParent(arrowElement),clientSize=arrowOffsetParent?axis===\"y\"?arrowOffsetParent.clientHeight||0:arrowOffsetParent.clientWidth||0:0,centerToReference=endDiff/2-startDiff/2,min2=paddingObject[minProp],max2=clientSize-arrowRect[len]-paddingObject[maxProp],center=clientSize/2-arrowRect[len]/2+centerToReference,offset2=within(min2,center,max2),axisProp=axis;state.modifiersData[name]=(_state$modifiersData$={},_state$modifiersData$[axisProp]=offset2,_state$modifiersData$.centerOffset=offset2-center,_state$modifiersData$);}}function effect2(_ref2){var state=_ref2.state,options=_ref2.options,_options$element=options.element,arrowElement=_options$element===void 0?\"[data-popper-arrow]\":_options$element;arrowElement!=null&&(typeof arrowElement==\"string\"&&(arrowElement=state.elements.popper.querySelector(arrowElement),!arrowElement)||contains(state.elements.popper,arrowElement)&&(state.elements.arrow=arrowElement));}var arrow_default={name:\"arrow\",enabled:!0,phase:\"main\",fn:arrow,effect:effect2,requires:[\"popperOffsets\"],requiresIfExists:[\"preventOverflow\"]};function getVariation(placement){return placement.split(\"-\")[1]}var unsetSides={top:\"auto\",right:\"auto\",bottom:\"auto\",left:\"auto\"};function roundOffsetsByDPR(_ref,win){var x=_ref.x,y=_ref.y,dpr=win.devicePixelRatio||1;return {x:round(x*dpr)/dpr||0,y:round(y*dpr)/dpr||0}}function mapToStyles(_ref2){var _Object$assign2,popper2=_ref2.popper,popperRect=_ref2.popperRect,placement=_ref2.placement,variation=_ref2.variation,offsets=_ref2.offsets,position=_ref2.position,gpuAcceleration=_ref2.gpuAcceleration,adaptive=_ref2.adaptive,roundOffsets=_ref2.roundOffsets,isFixed=_ref2.isFixed,_offsets$x=offsets.x,x=_offsets$x===void 0?0:_offsets$x,_offsets$y=offsets.y,y=_offsets$y===void 0?0:_offsets$y,_ref3=typeof roundOffsets==\"function\"?roundOffsets({x,y}):{x,y};x=_ref3.x,y=_ref3.y;var hasX=offsets.hasOwnProperty(\"x\"),hasY=offsets.hasOwnProperty(\"y\"),sideX=left,sideY=top,win=window;if(adaptive){var offsetParent=getOffsetParent(popper2),heightProp=\"clientHeight\",widthProp=\"clientWidth\";if(offsetParent===getWindow(popper2)&&(offsetParent=getDocumentElement(popper2),getComputedStyle(offsetParent).position!==\"static\"&&position===\"absolute\"&&(heightProp=\"scrollHeight\",widthProp=\"scrollWidth\")),offsetParent=offsetParent,placement===top||(placement===left||placement===right)&&variation===end){sideY=bottom;var offsetY=isFixed&&offsetParent===win&&win.visualViewport?win.visualViewport.height:offsetParent[heightProp];y-=offsetY-popperRect.height,y*=gpuAcceleration?1:-1;}if(placement===left||(placement===top||placement===bottom)&&variation===end){sideX=right;var offsetX=isFixed&&offsetParent===win&&win.visualViewport?win.visualViewport.width:offsetParent[widthProp];x-=offsetX-popperRect.width,x*=gpuAcceleration?1:-1;}}var commonStyles=Object.assign({position},adaptive&&unsetSides),_ref4=roundOffsets===!0?roundOffsetsByDPR({x,y},getWindow(popper2)):{x,y};if(x=_ref4.x,y=_ref4.y,gpuAcceleration){var _Object$assign;return Object.assign({},commonStyles,(_Object$assign={},_Object$assign[sideY]=hasY?\"0\":\"\",_Object$assign[sideX]=hasX?\"0\":\"\",_Object$assign.transform=(win.devicePixelRatio||1)<=1?\"translate(\"+x+\"px, \"+y+\"px)\":\"translate3d(\"+x+\"px, \"+y+\"px, 0)\",_Object$assign))}return Object.assign({},commonStyles,(_Object$assign2={},_Object$assign2[sideY]=hasY?y+\"px\":\"\",_Object$assign2[sideX]=hasX?x+\"px\":\"\",_Object$assign2.transform=\"\",_Object$assign2))}function computeStyles(_ref5){var state=_ref5.state,options=_ref5.options,_options$gpuAccelerat=options.gpuAcceleration,gpuAcceleration=_options$gpuAccelerat===void 0?!0:_options$gpuAccelerat,_options$adaptive=options.adaptive,adaptive=_options$adaptive===void 0?!0:_options$adaptive,_options$roundOffsets=options.roundOffsets,roundOffsets=_options$roundOffsets===void 0?!0:_options$roundOffsets,commonStyles={placement:getBasePlacement(state.placement),variation:getVariation(state.placement),popper:state.elements.popper,popperRect:state.rects.popper,gpuAcceleration,isFixed:state.options.strategy===\"fixed\"};state.modifiersData.popperOffsets!=null&&(state.styles.popper=Object.assign({},state.styles.popper,mapToStyles(Object.assign({},commonStyles,{offsets:state.modifiersData.popperOffsets,position:state.options.strategy,adaptive,roundOffsets})))),state.modifiersData.arrow!=null&&(state.styles.arrow=Object.assign({},state.styles.arrow,mapToStyles(Object.assign({},commonStyles,{offsets:state.modifiersData.arrow,position:\"absolute\",adaptive:!1,roundOffsets})))),state.attributes.popper=Object.assign({},state.attributes.popper,{\"data-popper-placement\":state.placement});}var computeStyles_default={name:\"computeStyles\",enabled:!0,phase:\"beforeWrite\",fn:computeStyles,data:{}};var passive={passive:!0};function effect3(_ref){var state=_ref.state,instance=_ref.instance,options=_ref.options,_options$scroll=options.scroll,scroll=_options$scroll===void 0?!0:_options$scroll,_options$resize=options.resize,resize=_options$resize===void 0?!0:_options$resize,window2=getWindow(state.elements.popper),scrollParents=[].concat(state.scrollParents.reference,state.scrollParents.popper);return scroll&&scrollParents.forEach(function(scrollParent){scrollParent.addEventListener(\"scroll\",instance.update,passive);}),resize&&window2.addEventListener(\"resize\",instance.update,passive),function(){scroll&&scrollParents.forEach(function(scrollParent){scrollParent.removeEventListener(\"scroll\",instance.update,passive);}),resize&&window2.removeEventListener(\"resize\",instance.update,passive);}}var eventListeners_default={name:\"eventListeners\",enabled:!0,phase:\"write\",fn:function(){},effect:effect3,data:{}};var hash={left:\"right\",right:\"left\",bottom:\"top\",top:\"bottom\"};function getOppositePlacement(placement){return placement.replace(/left|right|bottom|top/g,function(matched){return hash[matched]})}var hash2={start:\"end\",end:\"start\"};function getOppositeVariationPlacement(placement){return placement.replace(/start|end/g,function(matched){return hash2[matched]})}function getWindowScroll(node){var win=getWindow(node),scrollLeft=win.pageXOffset,scrollTop=win.pageYOffset;return {scrollLeft,scrollTop}}function getWindowScrollBarX(element){return getBoundingClientRect(getDocumentElement(element)).left+getWindowScroll(element).scrollLeft}function getViewportRect(element,strategy){var win=getWindow(element),html=getDocumentElement(element),visualViewport=win.visualViewport,width=html.clientWidth,height=html.clientHeight,x=0,y=0;if(visualViewport){width=visualViewport.width,height=visualViewport.height;var layoutViewport=isLayoutViewport();(layoutViewport||!layoutViewport&&strategy===\"fixed\")&&(x=visualViewport.offsetLeft,y=visualViewport.offsetTop);}return {width,height,x:x+getWindowScrollBarX(element),y}}function getDocumentRect(element){var _element$ownerDocumen,html=getDocumentElement(element),winScroll=getWindowScroll(element),body=(_element$ownerDocumen=element.ownerDocument)==null?void 0:_element$ownerDocumen.body,width=max(html.scrollWidth,html.clientWidth,body?body.scrollWidth:0,body?body.clientWidth:0),height=max(html.scrollHeight,html.clientHeight,body?body.scrollHeight:0,body?body.clientHeight:0),x=-winScroll.scrollLeft+getWindowScrollBarX(element),y=-winScroll.scrollTop;return getComputedStyle(body||html).direction===\"rtl\"&&(x+=max(html.clientWidth,body?body.clientWidth:0)-width),{width,height,x,y}}function isScrollParent(element){var _getComputedStyle=getComputedStyle(element),overflow=_getComputedStyle.overflow,overflowX=_getComputedStyle.overflowX,overflowY=_getComputedStyle.overflowY;return /auto|scroll|overlay|hidden/.test(overflow+overflowY+overflowX)}function getScrollParent(node){return [\"html\",\"body\",\"#document\"].indexOf(getNodeName(node))>=0?node.ownerDocument.body:isHTMLElement(node)&&isScrollParent(node)?node:getScrollParent(getParentNode(node))}function listScrollParents(element,list){var _element$ownerDocumen;list===void 0&&(list=[]);var scrollParent=getScrollParent(element),isBody=scrollParent===((_element$ownerDocumen=element.ownerDocument)==null?void 0:_element$ownerDocumen.body),win=getWindow(scrollParent),target=isBody?[win].concat(win.visualViewport||[],isScrollParent(scrollParent)?scrollParent:[]):scrollParent,updatedList=list.concat(target);return isBody?updatedList:updatedList.concat(listScrollParents(getParentNode(target)))}function rectToClientRect(rect){return Object.assign({},rect,{left:rect.x,top:rect.y,right:rect.x+rect.width,bottom:rect.y+rect.height})}function getInnerBoundingClientRect(element,strategy){var rect=getBoundingClientRect(element,!1,strategy===\"fixed\");return rect.top=rect.top+element.clientTop,rect.left=rect.left+element.clientLeft,rect.bottom=rect.top+element.clientHeight,rect.right=rect.left+element.clientWidth,rect.width=element.clientWidth,rect.height=element.clientHeight,rect.x=rect.left,rect.y=rect.top,rect}function getClientRectFromMixedType(element,clippingParent,strategy){return clippingParent===viewport?rectToClientRect(getViewportRect(element,strategy)):isElement(clippingParent)?getInnerBoundingClientRect(clippingParent,strategy):rectToClientRect(getDocumentRect(getDocumentElement(element)))}function getClippingParents(element){var clippingParents2=listScrollParents(getParentNode(element)),canEscapeClipping=[\"absolute\",\"fixed\"].indexOf(getComputedStyle(element).position)>=0,clipperElement=canEscapeClipping&&isHTMLElement(element)?getOffsetParent(element):element;return isElement(clipperElement)?clippingParents2.filter(function(clippingParent){return isElement(clippingParent)&&contains(clippingParent,clipperElement)&&getNodeName(clippingParent)!==\"body\"}):[]}function getClippingRect(element,boundary,rootBoundary,strategy){var mainClippingParents=boundary===\"clippingParents\"?getClippingParents(element):[].concat(boundary),clippingParents2=[].concat(mainClippingParents,[rootBoundary]),firstClippingParent=clippingParents2[0],clippingRect=clippingParents2.reduce(function(accRect,clippingParent){var rect=getClientRectFromMixedType(element,clippingParent,strategy);return accRect.top=max(rect.top,accRect.top),accRect.right=min(rect.right,accRect.right),accRect.bottom=min(rect.bottom,accRect.bottom),accRect.left=max(rect.left,accRect.left),accRect},getClientRectFromMixedType(element,firstClippingParent,strategy));return clippingRect.width=clippingRect.right-clippingRect.left,clippingRect.height=clippingRect.bottom-clippingRect.top,clippingRect.x=clippingRect.left,clippingRect.y=clippingRect.top,clippingRect}function computeOffsets(_ref){var reference2=_ref.reference,element=_ref.element,placement=_ref.placement,basePlacement=placement?getBasePlacement(placement):null,variation=placement?getVariation(placement):null,commonX=reference2.x+reference2.width/2-element.width/2,commonY=reference2.y+reference2.height/2-element.height/2,offsets;switch(basePlacement){case top:offsets={x:commonX,y:reference2.y-element.height};break;case bottom:offsets={x:commonX,y:reference2.y+reference2.height};break;case right:offsets={x:reference2.x+reference2.width,y:commonY};break;case left:offsets={x:reference2.x-element.width,y:commonY};break;default:offsets={x:reference2.x,y:reference2.y};}var mainAxis=basePlacement?getMainAxisFromPlacement(basePlacement):null;if(mainAxis!=null){var len=mainAxis===\"y\"?\"height\":\"width\";switch(variation){case start:offsets[mainAxis]=offsets[mainAxis]-(reference2[len]/2-element[len]/2);break;case end:offsets[mainAxis]=offsets[mainAxis]+(reference2[len]/2-element[len]/2);break;}}return offsets}function detectOverflow(state,options){options===void 0&&(options={});var _options=options,_options$placement=_options.placement,placement=_options$placement===void 0?state.placement:_options$placement,_options$strategy=_options.strategy,strategy=_options$strategy===void 0?state.strategy:_options$strategy,_options$boundary=_options.boundary,boundary=_options$boundary===void 0?clippingParents:_options$boundary,_options$rootBoundary=_options.rootBoundary,rootBoundary=_options$rootBoundary===void 0?viewport:_options$rootBoundary,_options$elementConte=_options.elementContext,elementContext=_options$elementConte===void 0?popper:_options$elementConte,_options$altBoundary=_options.altBoundary,altBoundary=_options$altBoundary===void 0?!1:_options$altBoundary,_options$padding=_options.padding,padding=_options$padding===void 0?0:_options$padding,paddingObject=mergePaddingObject(typeof padding!=\"number\"?padding:expandToHashMap(padding,basePlacements)),altContext=elementContext===popper?reference:popper,popperRect=state.rects.popper,element=state.elements[altBoundary?altContext:elementContext],clippingClientRect=getClippingRect(isElement(element)?element:element.contextElement||getDocumentElement(state.elements.popper),boundary,rootBoundary,strategy),referenceClientRect=getBoundingClientRect(state.elements.reference),popperOffsets2=computeOffsets({reference:referenceClientRect,element:popperRect,strategy:\"absolute\",placement}),popperClientRect=rectToClientRect(Object.assign({},popperRect,popperOffsets2)),elementClientRect=elementContext===popper?popperClientRect:referenceClientRect,overflowOffsets={top:clippingClientRect.top-elementClientRect.top+paddingObject.top,bottom:elementClientRect.bottom-clippingClientRect.bottom+paddingObject.bottom,left:clippingClientRect.left-elementClientRect.left+paddingObject.left,right:elementClientRect.right-clippingClientRect.right+paddingObject.right},offsetData=state.modifiersData.offset;if(elementContext===popper&&offsetData){var offset2=offsetData[placement];Object.keys(overflowOffsets).forEach(function(key){var multiply=[right,bottom].indexOf(key)>=0?1:-1,axis=[top,bottom].indexOf(key)>=0?\"y\":\"x\";overflowOffsets[key]+=offset2[axis]*multiply;});}return overflowOffsets}function computeAutoPlacement(state,options){options===void 0&&(options={});var _options=options,placement=_options.placement,boundary=_options.boundary,rootBoundary=_options.rootBoundary,padding=_options.padding,flipVariations=_options.flipVariations,_options$allowedAutoP=_options.allowedAutoPlacements,allowedAutoPlacements=_options$allowedAutoP===void 0?placements:_options$allowedAutoP,variation=getVariation(placement),placements2=variation?flipVariations?variationPlacements:variationPlacements.filter(function(placement2){return getVariation(placement2)===variation}):basePlacements,allowedPlacements=placements2.filter(function(placement2){return allowedAutoPlacements.indexOf(placement2)>=0});allowedPlacements.length===0&&(allowedPlacements=placements2);var overflows=allowedPlacements.reduce(function(acc,placement2){return acc[placement2]=detectOverflow(state,{placement:placement2,boundary,rootBoundary,padding})[getBasePlacement(placement2)],acc},{});return Object.keys(overflows).sort(function(a,b){return overflows[a]-overflows[b]})}function getExpandedFallbackPlacements(placement){if(getBasePlacement(placement)===auto)return [];var oppositePlacement=getOppositePlacement(placement);return [getOppositeVariationPlacement(placement),oppositePlacement,getOppositeVariationPlacement(oppositePlacement)]}function flip(_ref){var state=_ref.state,options=_ref.options,name=_ref.name;if(!state.modifiersData[name]._skip){for(var _options$mainAxis=options.mainAxis,checkMainAxis=_options$mainAxis===void 0?!0:_options$mainAxis,_options$altAxis=options.altAxis,checkAltAxis=_options$altAxis===void 0?!0:_options$altAxis,specifiedFallbackPlacements=options.fallbackPlacements,padding=options.padding,boundary=options.boundary,rootBoundary=options.rootBoundary,altBoundary=options.altBoundary,_options$flipVariatio=options.flipVariations,flipVariations=_options$flipVariatio===void 0?!0:_options$flipVariatio,allowedAutoPlacements=options.allowedAutoPlacements,preferredPlacement=state.options.placement,basePlacement=getBasePlacement(preferredPlacement),isBasePlacement=basePlacement===preferredPlacement,fallbackPlacements=specifiedFallbackPlacements||(isBasePlacement||!flipVariations?[getOppositePlacement(preferredPlacement)]:getExpandedFallbackPlacements(preferredPlacement)),placements2=[preferredPlacement].concat(fallbackPlacements).reduce(function(acc,placement2){return acc.concat(getBasePlacement(placement2)===auto?computeAutoPlacement(state,{placement:placement2,boundary,rootBoundary,padding,flipVariations,allowedAutoPlacements}):placement2)},[]),referenceRect=state.rects.reference,popperRect=state.rects.popper,checksMap=new Map,makeFallbackChecks=!0,firstFittingPlacement=placements2[0],i=0;i=0,len=isVertical?\"width\":\"height\",overflow=detectOverflow(state,{placement,boundary,rootBoundary,altBoundary,padding}),mainVariationSide=isVertical?isStartVariation?right:left:isStartVariation?bottom:top;referenceRect[len]>popperRect[len]&&(mainVariationSide=getOppositePlacement(mainVariationSide));var altVariationSide=getOppositePlacement(mainVariationSide),checks=[];if(checkMainAxis&&checks.push(overflow[_basePlacement]<=0),checkAltAxis&&checks.push(overflow[mainVariationSide]<=0,overflow[altVariationSide]<=0),checks.every(function(check){return check})){firstFittingPlacement=placement,makeFallbackChecks=!1;break}checksMap.set(placement,checks);}if(makeFallbackChecks)for(var numberOfChecks=flipVariations?3:1,_loop=function(_i2){var fittingPlacement=placements2.find(function(placement2){var checks2=checksMap.get(placement2);if(checks2)return checks2.slice(0,_i2).every(function(check){return check})});if(fittingPlacement)return firstFittingPlacement=fittingPlacement,\"break\"},_i=numberOfChecks;_i>0;_i--){var _ret=_loop(_i);if(_ret===\"break\")break}state.placement!==firstFittingPlacement&&(state.modifiersData[name]._skip=!0,state.placement=firstFittingPlacement,state.reset=!0);}}var flip_default={name:\"flip\",enabled:!0,phase:\"main\",fn:flip,requiresIfExists:[\"offset\"],data:{_skip:!1}};function getSideOffsets(overflow,rect,preventedOffsets){return preventedOffsets===void 0&&(preventedOffsets={x:0,y:0}),{top:overflow.top-rect.height-preventedOffsets.y,right:overflow.right-rect.width+preventedOffsets.x,bottom:overflow.bottom-rect.height+preventedOffsets.y,left:overflow.left-rect.width-preventedOffsets.x}}function isAnySideFullyClipped(overflow){return [top,right,bottom,left].some(function(side){return overflow[side]>=0})}function hide(_ref){var state=_ref.state,name=_ref.name,referenceRect=state.rects.reference,popperRect=state.rects.popper,preventedOffsets=state.modifiersData.preventOverflow,referenceOverflow=detectOverflow(state,{elementContext:\"reference\"}),popperAltOverflow=detectOverflow(state,{altBoundary:!0}),referenceClippingOffsets=getSideOffsets(referenceOverflow,referenceRect),popperEscapeOffsets=getSideOffsets(popperAltOverflow,popperRect,preventedOffsets),isReferenceHidden=isAnySideFullyClipped(referenceClippingOffsets),hasPopperEscaped=isAnySideFullyClipped(popperEscapeOffsets);state.modifiersData[name]={referenceClippingOffsets,popperEscapeOffsets,isReferenceHidden,hasPopperEscaped},state.attributes.popper=Object.assign({},state.attributes.popper,{\"data-popper-reference-hidden\":isReferenceHidden,\"data-popper-escaped\":hasPopperEscaped});}var hide_default={name:\"hide\",enabled:!0,phase:\"main\",requiresIfExists:[\"preventOverflow\"],fn:hide};function distanceAndSkiddingToXY(placement,rects,offset2){var basePlacement=getBasePlacement(placement),invertDistance=[left,top].indexOf(basePlacement)>=0?-1:1,_ref=typeof offset2==\"function\"?offset2(Object.assign({},rects,{placement})):offset2,skidding=_ref[0],distance=_ref[1];return skidding=skidding||0,distance=(distance||0)*invertDistance,[left,right].indexOf(basePlacement)>=0?{x:distance,y:skidding}:{x:skidding,y:distance}}function offset(_ref2){var state=_ref2.state,options=_ref2.options,name=_ref2.name,_options$offset=options.offset,offset2=_options$offset===void 0?[0,0]:_options$offset,data=placements.reduce(function(acc,placement){return acc[placement]=distanceAndSkiddingToXY(placement,state.rects,offset2),acc},{}),_data$state$placement=data[state.placement],x=_data$state$placement.x,y=_data$state$placement.y;state.modifiersData.popperOffsets!=null&&(state.modifiersData.popperOffsets.x+=x,state.modifiersData.popperOffsets.y+=y),state.modifiersData[name]=data;}var offset_default={name:\"offset\",enabled:!0,phase:\"main\",requires:[\"popperOffsets\"],fn:offset};function popperOffsets(_ref){var state=_ref.state,name=_ref.name;state.modifiersData[name]=computeOffsets({reference:state.rects.reference,element:state.rects.popper,strategy:\"absolute\",placement:state.placement});}var popperOffsets_default={name:\"popperOffsets\",enabled:!0,phase:\"read\",fn:popperOffsets,data:{}};function getAltAxis(axis){return axis===\"x\"?\"y\":\"x\"}function preventOverflow(_ref){var state=_ref.state,options=_ref.options,name=_ref.name,_options$mainAxis=options.mainAxis,checkMainAxis=_options$mainAxis===void 0?!0:_options$mainAxis,_options$altAxis=options.altAxis,checkAltAxis=_options$altAxis===void 0?!1:_options$altAxis,boundary=options.boundary,rootBoundary=options.rootBoundary,altBoundary=options.altBoundary,padding=options.padding,_options$tether=options.tether,tether=_options$tether===void 0?!0:_options$tether,_options$tetherOffset=options.tetherOffset,tetherOffset=_options$tetherOffset===void 0?0:_options$tetherOffset,overflow=detectOverflow(state,{boundary,rootBoundary,padding,altBoundary}),basePlacement=getBasePlacement(state.placement),variation=getVariation(state.placement),isBasePlacement=!variation,mainAxis=getMainAxisFromPlacement(basePlacement),altAxis=getAltAxis(mainAxis),popperOffsets2=state.modifiersData.popperOffsets,referenceRect=state.rects.reference,popperRect=state.rects.popper,tetherOffsetValue=typeof tetherOffset==\"function\"?tetherOffset(Object.assign({},state.rects,{placement:state.placement})):tetherOffset,normalizedTetherOffsetValue=typeof tetherOffsetValue==\"number\"?{mainAxis:tetherOffsetValue,altAxis:tetherOffsetValue}:Object.assign({mainAxis:0,altAxis:0},tetherOffsetValue),offsetModifierState=state.modifiersData.offset?state.modifiersData.offset[state.placement]:null,data={x:0,y:0};if(popperOffsets2){if(checkMainAxis){var _offsetModifierState$,mainSide=mainAxis===\"y\"?top:left,altSide=mainAxis===\"y\"?bottom:right,len=mainAxis===\"y\"?\"height\":\"width\",offset2=popperOffsets2[mainAxis],min2=offset2+overflow[mainSide],max2=offset2-overflow[altSide],additive=tether?-popperRect[len]/2:0,minLen=variation===start?referenceRect[len]:popperRect[len],maxLen=variation===start?-popperRect[len]:-referenceRect[len],arrowElement=state.elements.arrow,arrowRect=tether&&arrowElement?getLayoutRect(arrowElement):{width:0,height:0},arrowPaddingObject=state.modifiersData[\"arrow#persistent\"]?state.modifiersData[\"arrow#persistent\"].padding:getFreshSideObject(),arrowPaddingMin=arrowPaddingObject[mainSide],arrowPaddingMax=arrowPaddingObject[altSide],arrowLen=within(0,referenceRect[len],arrowRect[len]),minOffset=isBasePlacement?referenceRect[len]/2-additive-arrowLen-arrowPaddingMin-normalizedTetherOffsetValue.mainAxis:minLen-arrowLen-arrowPaddingMin-normalizedTetherOffsetValue.mainAxis,maxOffset=isBasePlacement?-referenceRect[len]/2+additive+arrowLen+arrowPaddingMax+normalizedTetherOffsetValue.mainAxis:maxLen+arrowLen+arrowPaddingMax+normalizedTetherOffsetValue.mainAxis,arrowOffsetParent=state.elements.arrow&&getOffsetParent(state.elements.arrow),clientOffset=arrowOffsetParent?mainAxis===\"y\"?arrowOffsetParent.clientTop||0:arrowOffsetParent.clientLeft||0:0,offsetModifierValue=(_offsetModifierState$=offsetModifierState?.[mainAxis])!=null?_offsetModifierState$:0,tetherMin=offset2+minOffset-offsetModifierValue-clientOffset,tetherMax=offset2+maxOffset-offsetModifierValue,preventedOffset=within(tether?min(min2,tetherMin):min2,offset2,tether?max(max2,tetherMax):max2);popperOffsets2[mainAxis]=preventedOffset,data[mainAxis]=preventedOffset-offset2;}if(checkAltAxis){var _offsetModifierState$2,_mainSide=mainAxis===\"x\"?top:left,_altSide=mainAxis===\"x\"?bottom:right,_offset=popperOffsets2[altAxis],_len=altAxis===\"y\"?\"height\":\"width\",_min=_offset+overflow[_mainSide],_max=_offset-overflow[_altSide],isOriginSide=[top,left].indexOf(basePlacement)!==-1,_offsetModifierValue=(_offsetModifierState$2=offsetModifierState?.[altAxis])!=null?_offsetModifierState$2:0,_tetherMin=isOriginSide?_min:_offset-referenceRect[_len]-popperRect[_len]-_offsetModifierValue+normalizedTetherOffsetValue.altAxis,_tetherMax=isOriginSide?_offset+referenceRect[_len]+popperRect[_len]-_offsetModifierValue-normalizedTetherOffsetValue.altAxis:_max,_preventedOffset=tether&&isOriginSide?withinMaxClamp(_tetherMin,_offset,_tetherMax):within(tether?_tetherMin:_min,_offset,tether?_tetherMax:_max);popperOffsets2[altAxis]=_preventedOffset,data[altAxis]=_preventedOffset-_offset;}state.modifiersData[name]=data;}}var preventOverflow_default={name:\"preventOverflow\",enabled:!0,phase:\"main\",fn:preventOverflow,requiresIfExists:[\"offset\"]};function getHTMLElementScroll(element){return {scrollLeft:element.scrollLeft,scrollTop:element.scrollTop}}function getNodeScroll(node){return node===getWindow(node)||!isHTMLElement(node)?getWindowScroll(node):getHTMLElementScroll(node)}function isElementScaled(element){var rect=element.getBoundingClientRect(),scaleX=round(rect.width)/element.offsetWidth||1,scaleY=round(rect.height)/element.offsetHeight||1;return scaleX!==1||scaleY!==1}function getCompositeRect(elementOrVirtualElement,offsetParent,isFixed){isFixed===void 0&&(isFixed=!1);var isOffsetParentAnElement=isHTMLElement(offsetParent),offsetParentIsScaled=isHTMLElement(offsetParent)&&isElementScaled(offsetParent),documentElement=getDocumentElement(offsetParent),rect=getBoundingClientRect(elementOrVirtualElement,offsetParentIsScaled,isFixed),scroll={scrollLeft:0,scrollTop:0},offsets={x:0,y:0};return (isOffsetParentAnElement||!isOffsetParentAnElement&&!isFixed)&&((getNodeName(offsetParent)!==\"body\"||isScrollParent(documentElement))&&(scroll=getNodeScroll(offsetParent)),isHTMLElement(offsetParent)?(offsets=getBoundingClientRect(offsetParent,!0),offsets.x+=offsetParent.clientLeft,offsets.y+=offsetParent.clientTop):documentElement&&(offsets.x=getWindowScrollBarX(documentElement))),{x:rect.left+scroll.scrollLeft-offsets.x,y:rect.top+scroll.scrollTop-offsets.y,width:rect.width,height:rect.height}}function order(modifiers){var map=new Map,visited=new Set,result=[];modifiers.forEach(function(modifier){map.set(modifier.name,modifier);});function sort(modifier){visited.add(modifier.name);var requires=[].concat(modifier.requires||[],modifier.requiresIfExists||[]);requires.forEach(function(dep){if(!visited.has(dep)){var depModifier=map.get(dep);depModifier&&sort(depModifier);}}),result.push(modifier);}return modifiers.forEach(function(modifier){visited.has(modifier.name)||sort(modifier);}),result}function orderModifiers(modifiers){var orderedModifiers=order(modifiers);return modifierPhases.reduce(function(acc,phase){return acc.concat(orderedModifiers.filter(function(modifier){return modifier.phase===phase}))},[])}function debounce(fn2){var pending;return function(){return pending||(pending=new Promise(function(resolve){Promise.resolve().then(function(){pending=void 0,resolve(fn2());});})),pending}}function mergeByName(modifiers){var merged=modifiers.reduce(function(merged2,current){var existing=merged2[current.name];return merged2[current.name]=existing?Object.assign({},existing,current,{options:Object.assign({},existing.options,current.options),data:Object.assign({},existing.data,current.data)}):current,merged2},{});return Object.keys(merged).map(function(key){return merged[key]})}var DEFAULT_OPTIONS={placement:\"bottom\",modifiers:[],strategy:\"absolute\"};function areValidElements(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return !args.some(function(element){return !(element&&typeof element.getBoundingClientRect==\"function\")})}function popperGenerator(generatorOptions){generatorOptions===void 0&&(generatorOptions={});var _generatorOptions=generatorOptions,_generatorOptions$def=_generatorOptions.defaultModifiers,defaultModifiers2=_generatorOptions$def===void 0?[]:_generatorOptions$def,_generatorOptions$def2=_generatorOptions.defaultOptions,defaultOptions=_generatorOptions$def2===void 0?DEFAULT_OPTIONS:_generatorOptions$def2;return function(reference2,popper2,options){options===void 0&&(options=defaultOptions);var state={placement:\"bottom\",orderedModifiers:[],options:Object.assign({},DEFAULT_OPTIONS,defaultOptions),modifiersData:{},elements:{reference:reference2,popper:popper2},attributes:{},styles:{}},effectCleanupFns=[],isDestroyed=!1,instance={state,setOptions:function(setOptionsAction){var options2=typeof setOptionsAction==\"function\"?setOptionsAction(state.options):setOptionsAction;cleanupModifierEffects(),state.options=Object.assign({},defaultOptions,state.options,options2),state.scrollParents={reference:isElement(reference2)?listScrollParents(reference2):reference2.contextElement?listScrollParents(reference2.contextElement):[],popper:listScrollParents(popper2)};var orderedModifiers=orderModifiers(mergeByName([].concat(defaultModifiers2,state.options.modifiers)));return state.orderedModifiers=orderedModifiers.filter(function(m){return m.enabled}),runModifierEffects(),instance.update()},forceUpdate:function(){if(!isDestroyed){var _state$elements=state.elements,reference3=_state$elements.reference,popper3=_state$elements.popper;if(areValidElements(reference3,popper3)){state.rects={reference:getCompositeRect(reference3,getOffsetParent(popper3),state.options.strategy===\"fixed\"),popper:getLayoutRect(popper3)},state.reset=!1,state.placement=state.options.placement,state.orderedModifiers.forEach(function(modifier){return state.modifiersData[modifier.name]=Object.assign({},modifier.data)});for(var index=0;indexactual.split(\"-\")[0]===requests?value:fallback),ArrowSpacing=8,Arrow=styled.div({position:\"absolute\",borderStyle:\"solid\"},({placement})=>{let x=0,y=0;switch(!0){case(placement.startsWith(\"left\")||placement.startsWith(\"right\")):{y=8;break}case(placement.startsWith(\"top\")||placement.startsWith(\"bottom\")):{x=8;break}}return {transform:`translate3d(${x}px, ${y}px, 0px)`}},({theme,color,placement})=>({bottom:`${match(\"top\",placement,`${ArrowSpacing*-1}px`,\"auto\")}`,top:`${match(\"bottom\",placement,`${ArrowSpacing*-1}px`,\"auto\")}`,right:`${match(\"left\",placement,`${ArrowSpacing*-1}px`,\"auto\")}`,left:`${match(\"right\",placement,`${ArrowSpacing*-1}px`,\"auto\")}`,borderBottomWidth:`${match(\"top\",placement,\"0\",ArrowSpacing)}px`,borderTopWidth:`${match(\"bottom\",placement,\"0\",ArrowSpacing)}px`,borderRightWidth:`${match(\"left\",placement,\"0\",ArrowSpacing)}px`,borderLeftWidth:`${match(\"right\",placement,\"0\",ArrowSpacing)}px`,borderTopColor:match(\"top\",placement,theme.color[color]||color||theme.base===\"light\"?lighten(theme.background.app):theme.background.app,\"transparent\"),borderBottomColor:match(\"bottom\",placement,theme.color[color]||color||theme.base===\"light\"?lighten(theme.background.app):theme.background.app,\"transparent\"),borderLeftColor:match(\"left\",placement,theme.color[color]||color||theme.base===\"light\"?lighten(theme.background.app):theme.background.app,\"transparent\"),borderRightColor:match(\"right\",placement,theme.color[color]||color||theme.base===\"light\"?lighten(theme.background.app):theme.background.app,\"transparent\")})),Wrapper=styled.div(({hidden})=>({display:hidden?\"none\":\"inline-block\",zIndex:2147483647}),({theme,color,hasChrome})=>hasChrome?{background:theme.color[color]||color||theme.base===\"light\"?lighten(theme.background.app):theme.background.app,filter:`\n drop-shadow(0px 5px 5px rgba(0,0,0,0.05))\n drop-shadow(0 1px 3px rgba(0,0,0,0.1))\n `,borderRadius:theme.appBorderRadius,fontSize:theme.typography.size.s1}:{}),Tooltip=React3__default.forwardRef(({placement,hasChrome,children,arrowProps,tooltipRef,color,withArrows,...props},ref)=>React3__default.createElement(Wrapper,{\"data-testid\":\"tooltip\",hasChrome,ref,...props,color},hasChrome&&withArrows&&React3__default.createElement(Arrow,{placement,...arrowProps,color}),children));Tooltip.displayName=\"Tooltip\";Tooltip.defaultProps={color:void 0,tooltipRef:void 0,hasChrome:!0,placement:\"top\",arrowProps:{}};var {document:document2}=global,TargetContainer=styled.div`\n display: inline-block;\n cursor: ${props=>props.trigger===\"hover\"||props.trigger.includes(\"hover\")?\"default\":\"pointer\"};\n`,TargetSvgContainer=styled.g`\n cursor: ${props=>props.trigger===\"hover\"||props.trigger.includes(\"hover\")?\"default\":\"pointer\"};\n`,WithTooltipPure=({svg,trigger,closeOnOutsideClick,placement,hasChrome,withArrows,offset:offset2,tooltip,children,closeOnTriggerHidden,mutationObserverOptions,closeOnClick,tooltipShown,onVisibilityChange,defaultVisible,delayHide,visible,interactive,delayShow,modifiers,strategy,followCursor,onVisibleChange,...props})=>{let Container=svg?TargetSvgContainer:TargetContainer,{getArrowProps,getTooltipProps,setTooltipRef,setTriggerRef,visible:isVisible,state}=usePopperTooltip({trigger,placement,defaultVisible:defaultVisible??tooltipShown,delayHide,interactive,closeOnOutsideClick:closeOnOutsideClick??closeOnClick,closeOnTriggerHidden,onVisibleChange:_isVisible=>{onVisibilityChange?.(_isVisible),onVisibleChange?.(_isVisible);},delayShow,followCursor,mutationObserverOptions,visible,offset:offset2},{modifiers,strategy}),tooltipComponent=React3__default.createElement(Tooltip,{placement:state?.placement,ref:setTooltipRef,hasChrome,arrowProps:getArrowProps(),withArrows,...getTooltipProps()},typeof tooltip==\"function\"?tooltip({onHide:()=>onVisibleChange(!1)}):tooltip);return React3__default.createElement(React3__default.Fragment,null,React3__default.createElement(Container,{trigger,ref:setTriggerRef,...props},children),isVisible&&ReactDOM__default.createPortal(tooltipComponent,document2.body))};WithTooltipPure.defaultProps={svg:!1,trigger:\"click\",closeOnOutsideClick:!1,placement:\"top\",modifiers:[{name:\"preventOverflow\",options:{padding:8}},{name:\"offset\",options:{offset:[8,8]}},{name:\"arrow\",options:{padding:8}}],hasChrome:!0,defaultVisible:!1};var WithToolTipState=({startOpen=!1,onVisibleChange:onChange,...rest})=>{let[tooltipShown,setTooltipShown]=useState(startOpen),onVisibilityChange=useCallback(visibility=>{onChange&&onChange(visibility)===!1||setTooltipShown(visibility);},[onChange]);return useEffect(()=>{let hide2=()=>onVisibilityChange(!1);document2.addEventListener(\"keydown\",hide2,!1);let iframes=Array.from(document2.getElementsByTagName(\"iframe\")),unbinders=[];return iframes.forEach(iframe=>{let bind=()=>{try{iframe.contentWindow.document&&(iframe.contentWindow.document.addEventListener(\"click\",hide2),unbinders.push(()=>{try{iframe.contentWindow.document.removeEventListener(\"click\",hide2);}catch{}}));}catch{}};bind(),iframe.addEventListener(\"load\",bind),unbinders.push(()=>{iframe.removeEventListener(\"load\",bind);});}),()=>{document2.removeEventListener(\"keydown\",hide2),unbinders.forEach(unbind=>{unbind();});}}),React3__default.createElement(WithTooltipPure,{...rest,visible:tooltipShown,onVisibleChange:onVisibilityChange})};\n\nexport { WithToolTipState, WithTooltipPure, auto };\n","import { SyntaxHighlighter, ScrollArea } from './chunk-LWG3MFN2.mjs';\nexport { ActionBar, ScrollArea, createCopyToClipboardFunction } from './chunk-LWG3MFN2.mjs';\nimport { auto, WithToolTipState } from './chunk-NE5YGCQB.mjs';\nimport './chunk-MUPK3MH6.mjs';\nimport './chunk-ISRAU5IP.mjs';\nimport './chunk-YU6L2YXV.mjs';\nimport './chunk-VSDH24NK.mjs';\nimport './chunk-BNQCH2A2.mjs';\nimport './chunk-UDRSICRZ.mjs';\nimport './chunk-J6EJ35VB.mjs';\nimport './chunk-HNGDCMHD.mjs';\nimport './chunk-4Y2S2TEP.mjs';\nimport './chunk-CW4JFC2I.mjs';\nimport './chunk-7PYIL73X.mjs';\nimport './chunk-SWV57YYC.mjs';\nimport './chunk-MNLJ4LIX.mjs';\nimport './chunk-DHRX2IL7.mjs';\nimport './chunk-JRLSWQMA.mjs';\nimport * as React5 from 'react';\nimport React5__default, { memo, lazy, forwardRef, useMemo, Fragment, createElement, Children, Suspense, useRef, useState, useCallback, useLayoutEffect, Component, useEffect } from 'react';\nimport { styled, ignoreSsrWarning, isPropValid, keyframes, color, typography } from '@storybook/theming';\nimport useResizeObserver from 'use-resize-observer';\nimport { global } from '@storybook/global';\nimport memoize from 'memoizerific';\nimport { sanitize } from '@storybook/csf';\n\nvar nameSpaceClassNames=({...props},key)=>{let classes=[props.class,props.className];return delete props.class,props.className=[\"sbdocs\",`sbdocs-${key}`,...classes].filter(Boolean).join(\" \"),props};function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i\"u\"||!Reflect.construct||Reflect.construct.sham)return !1;if(typeof Proxy==\"function\")return !0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return !1}}function _construct(Parent,args,Class){return _isNativeReflectConstruct()?_construct=Reflect.construct.bind():_construct=function(Parent2,args2,Class2){var a=[null];a.push.apply(a,args2);var Constructor=Function.bind.apply(Parent2,a),instance=new Constructor;return Class2&&_setPrototypeOf(instance,Class2.prototype),instance},_construct.apply(null,arguments)}function _wrapNativeSuper(Class){var _cache=typeof Map==\"function\"?new Map:void 0;return _wrapNativeSuper=function(Class2){if(Class2===null||!_isNativeFunction(Class2))return Class2;if(typeof Class2!=\"function\")throw new TypeError(\"Super expression must either be null or a function\");if(typeof _cache<\"u\"){if(_cache.has(Class2))return _cache.get(Class2);_cache.set(Class2,Wrapper3);}function Wrapper3(){return _construct(Class2,arguments,_getPrototypeOf(this).constructor)}return Wrapper3.prototype=Object.create(Class2.prototype,{constructor:{value:Wrapper3,enumerable:!1,writable:!0,configurable:!0}}),_setPrototypeOf(Wrapper3,Class2)},_wrapNativeSuper(Class)}var ERRORS={1:`Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }).\n\n`,2:`Passed invalid arguments to hsla, please pass multiple numbers e.g. hsla(360, 0.75, 0.4, 0.7) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75, alpha: 0.7 }).\n\n`,3:`Passed an incorrect argument to a color function, please pass a string representation of a color.\n\n`,4:`Couldn't generate valid rgb string from %s, it returned %s.\n\n`,5:`Couldn't parse the color string. Please provide the color as a string in hex, rgb, rgba, hsl or hsla notation.\n\n`,6:`Passed invalid arguments to rgb, please pass multiple numbers e.g. rgb(255, 205, 100) or an object e.g. rgb({ red: 255, green: 205, blue: 100 }).\n\n`,7:`Passed invalid arguments to rgba, please pass multiple numbers e.g. rgb(255, 205, 100, 0.75) or an object e.g. rgb({ red: 255, green: 205, blue: 100, alpha: 0.75 }).\n\n`,8:`Passed invalid argument to toColorString, please pass a RgbColor, RgbaColor, HslColor or HslaColor object.\n\n`,9:`Please provide a number of steps to the modularScale helper.\n\n`,10:`Please pass a number or one of the predefined scales to the modularScale helper as the ratio.\n\n`,11:`Invalid value passed as base to modularScale, expected number or em string but got \"%s\"\n\n`,12:`Expected a string ending in \"px\" or a number passed as the first argument to %s(), got \"%s\" instead.\n\n`,13:`Expected a string ending in \"px\" or a number passed as the second argument to %s(), got \"%s\" instead.\n\n`,14:`Passed invalid pixel value (\"%s\") to %s(), please pass a value like \"12px\" or 12.\n\n`,15:`Passed invalid base value (\"%s\") to %s(), please pass a value like \"12px\" or 12.\n\n`,16:`You must provide a template to this method.\n\n`,17:`You passed an unsupported selector state to this method.\n\n`,18:`minScreen and maxScreen must be provided as stringified numbers with the same units.\n\n`,19:`fromSize and toSize must be provided as stringified numbers with the same units.\n\n`,20:`expects either an array of objects or a single object with the properties prop, fromSize, and toSize.\n\n`,21:\"expects the objects in the first argument array to have the properties `prop`, `fromSize`, and `toSize`.\\n\\n\",22:\"expects the first argument object to have the properties `prop`, `fromSize`, and `toSize`.\\n\\n\",23:`fontFace expects a name of a font-family.\n\n`,24:`fontFace expects either the path to the font file(s) or a name of a local copy.\n\n`,25:`fontFace expects localFonts to be an array.\n\n`,26:`fontFace expects fileFormats to be an array.\n\n`,27:`radialGradient requries at least 2 color-stops to properly render.\n\n`,28:`Please supply a filename to retinaImage() as the first argument.\n\n`,29:`Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'.\n\n`,30:\"Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\\n\\n\",31:`The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation\n\n`,32:`To pass multiple animations please supply them in arrays, e.g. animation(['rotate', '2s'], ['move', '1s'])\nTo pass a single animation please supply them in simple values, e.g. animation('rotate', '2s')\n\n`,33:`The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation\n\n`,34:`borderRadius expects a radius value as a string or number as the second argument.\n\n`,35:`borderRadius expects one of \"top\", \"bottom\", \"left\" or \"right\" as the first argument.\n\n`,36:`Property must be a string value.\n\n`,37:`Syntax Error at %s.\n\n`,38:`Formula contains a function that needs parentheses at %s.\n\n`,39:`Formula is missing closing parenthesis at %s.\n\n`,40:`Formula has too many closing parentheses at %s.\n\n`,41:`All values in a formula must have the same unit or be unitless.\n\n`,42:`Please provide a number of steps to the modularScale helper.\n\n`,43:`Please pass a number or one of the predefined scales to the modularScale helper as the ratio.\n\n`,44:`Invalid value passed as base to modularScale, expected number or em/rem string but got %s.\n\n`,45:`Passed invalid argument to hslToColorString, please pass a HslColor or HslaColor object.\n\n`,46:`Passed invalid argument to rgbToColorString, please pass a RgbColor or RgbaColor object.\n\n`,47:`minScreen and maxScreen must be provided as stringified numbers with the same units.\n\n`,48:`fromSize and toSize must be provided as stringified numbers with the same units.\n\n`,49:`Expects either an array of objects or a single object with the properties prop, fromSize, and toSize.\n\n`,50:`Expects the objects in the first argument array to have the properties prop, fromSize, and toSize.\n\n`,51:`Expects the first argument object to have the properties prop, fromSize, and toSize.\n\n`,52:`fontFace expects either the path to the font file(s) or a name of a local copy.\n\n`,53:`fontFace expects localFonts to be an array.\n\n`,54:`fontFace expects fileFormats to be an array.\n\n`,55:`fontFace expects a name of a font-family.\n\n`,56:`linearGradient requries at least 2 color-stops to properly render.\n\n`,57:`radialGradient requries at least 2 color-stops to properly render.\n\n`,58:`Please supply a filename to retinaImage() as the first argument.\n\n`,59:`Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'.\n\n`,60:\"Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\\n\\n\",61:`Property must be a string value.\n\n`,62:`borderRadius expects a radius value as a string or number as the second argument.\n\n`,63:`borderRadius expects one of \"top\", \"bottom\", \"left\" or \"right\" as the first argument.\n\n`,64:`The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation.\n\n`,65:`To pass multiple animations please supply them in arrays, e.g. animation(['rotate', '2s'], ['move', '1s'])\\\\nTo pass a single animation please supply them in simple values, e.g. animation('rotate', '2s').\n\n`,66:`The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation.\n\n`,67:`You must provide a template to this method.\n\n`,68:`You passed an unsupported selector state to this method.\n\n`,69:`Expected a string ending in \"px\" or a number passed as the first argument to %s(), got %s instead.\n\n`,70:`Expected a string ending in \"px\" or a number passed as the second argument to %s(), got %s instead.\n\n`,71:`Passed invalid pixel value %s to %s(), please pass a value like \"12px\" or 12.\n\n`,72:`Passed invalid base value %s to %s(), please pass a value like \"12px\" or 12.\n\n`,73:`Please provide a valid CSS variable.\n\n`,74:`CSS variable not found and no default was provided.\n\n`,75:`important requires a valid style object, got a %s instead.\n\n`,76:`fromSize and toSize must be provided as stringified numbers with the same units as minScreen and maxScreen.\n\n`,77:`remToPx expects a value in \"rem\" but you provided it in \"%s\".\n\n`,78:`base must be set in \"px\" or \"%\" but you set it in \"%s\".\n`};function format(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];var a=args[0],b=[],c;for(c=1;c1?_len2-1:0),_key2=1;_key2<_len2;_key2++)args[_key2-1]=arguments[_key2];_this=_Error.call(this,format.apply(void 0,[ERRORS[code]].concat(args)))||this;}return _assertThisInitialized(_this)}return PolishedError2}(_wrapNativeSuper(Error));function colorToInt(color2){return Math.round(color2*255)}function convertToInt(red,green,blue){return colorToInt(red)+\",\"+colorToInt(green)+\",\"+colorToInt(blue)}function hslToRgb(hue,saturation,lightness,convert){if(convert===void 0&&(convert=convertToInt),saturation===0)return convert(lightness,lightness,lightness);var huePrime=(hue%360+360)%360/60,chroma=(1-Math.abs(2*lightness-1))*saturation,secondComponent=chroma*(1-Math.abs(huePrime%2-1)),red=0,green=0,blue=0;huePrime>=0&&huePrime<1?(red=chroma,green=secondComponent):huePrime>=1&&huePrime<2?(red=secondComponent,green=chroma):huePrime>=2&&huePrime<3?(green=chroma,blue=secondComponent):huePrime>=3&&huePrime<4?(green=secondComponent,blue=chroma):huePrime>=4&&huePrime<5?(red=secondComponent,blue=chroma):huePrime>=5&&huePrime<6&&(red=chroma,blue=secondComponent);var lightnessModification=lightness-chroma/2,finalRed=red+lightnessModification,finalGreen=green+lightnessModification,finalBlue=blue+lightnessModification;return convert(finalRed,finalGreen,finalBlue)}var namedColorMap={aliceblue:\"f0f8ff\",antiquewhite:\"faebd7\",aqua:\"00ffff\",aquamarine:\"7fffd4\",azure:\"f0ffff\",beige:\"f5f5dc\",bisque:\"ffe4c4\",black:\"000\",blanchedalmond:\"ffebcd\",blue:\"0000ff\",blueviolet:\"8a2be2\",brown:\"a52a2a\",burlywood:\"deb887\",cadetblue:\"5f9ea0\",chartreuse:\"7fff00\",chocolate:\"d2691e\",coral:\"ff7f50\",cornflowerblue:\"6495ed\",cornsilk:\"fff8dc\",crimson:\"dc143c\",cyan:\"00ffff\",darkblue:\"00008b\",darkcyan:\"008b8b\",darkgoldenrod:\"b8860b\",darkgray:\"a9a9a9\",darkgreen:\"006400\",darkgrey:\"a9a9a9\",darkkhaki:\"bdb76b\",darkmagenta:\"8b008b\",darkolivegreen:\"556b2f\",darkorange:\"ff8c00\",darkorchid:\"9932cc\",darkred:\"8b0000\",darksalmon:\"e9967a\",darkseagreen:\"8fbc8f\",darkslateblue:\"483d8b\",darkslategray:\"2f4f4f\",darkslategrey:\"2f4f4f\",darkturquoise:\"00ced1\",darkviolet:\"9400d3\",deeppink:\"ff1493\",deepskyblue:\"00bfff\",dimgray:\"696969\",dimgrey:\"696969\",dodgerblue:\"1e90ff\",firebrick:\"b22222\",floralwhite:\"fffaf0\",forestgreen:\"228b22\",fuchsia:\"ff00ff\",gainsboro:\"dcdcdc\",ghostwhite:\"f8f8ff\",gold:\"ffd700\",goldenrod:\"daa520\",gray:\"808080\",green:\"008000\",greenyellow:\"adff2f\",grey:\"808080\",honeydew:\"f0fff0\",hotpink:\"ff69b4\",indianred:\"cd5c5c\",indigo:\"4b0082\",ivory:\"fffff0\",khaki:\"f0e68c\",lavender:\"e6e6fa\",lavenderblush:\"fff0f5\",lawngreen:\"7cfc00\",lemonchiffon:\"fffacd\",lightblue:\"add8e6\",lightcoral:\"f08080\",lightcyan:\"e0ffff\",lightgoldenrodyellow:\"fafad2\",lightgray:\"d3d3d3\",lightgreen:\"90ee90\",lightgrey:\"d3d3d3\",lightpink:\"ffb6c1\",lightsalmon:\"ffa07a\",lightseagreen:\"20b2aa\",lightskyblue:\"87cefa\",lightslategray:\"789\",lightslategrey:\"789\",lightsteelblue:\"b0c4de\",lightyellow:\"ffffe0\",lime:\"0f0\",limegreen:\"32cd32\",linen:\"faf0e6\",magenta:\"f0f\",maroon:\"800000\",mediumaquamarine:\"66cdaa\",mediumblue:\"0000cd\",mediumorchid:\"ba55d3\",mediumpurple:\"9370db\",mediumseagreen:\"3cb371\",mediumslateblue:\"7b68ee\",mediumspringgreen:\"00fa9a\",mediumturquoise:\"48d1cc\",mediumvioletred:\"c71585\",midnightblue:\"191970\",mintcream:\"f5fffa\",mistyrose:\"ffe4e1\",moccasin:\"ffe4b5\",navajowhite:\"ffdead\",navy:\"000080\",oldlace:\"fdf5e6\",olive:\"808000\",olivedrab:\"6b8e23\",orange:\"ffa500\",orangered:\"ff4500\",orchid:\"da70d6\",palegoldenrod:\"eee8aa\",palegreen:\"98fb98\",paleturquoise:\"afeeee\",palevioletred:\"db7093\",papayawhip:\"ffefd5\",peachpuff:\"ffdab9\",peru:\"cd853f\",pink:\"ffc0cb\",plum:\"dda0dd\",powderblue:\"b0e0e6\",purple:\"800080\",rebeccapurple:\"639\",red:\"f00\",rosybrown:\"bc8f8f\",royalblue:\"4169e1\",saddlebrown:\"8b4513\",salmon:\"fa8072\",sandybrown:\"f4a460\",seagreen:\"2e8b57\",seashell:\"fff5ee\",sienna:\"a0522d\",silver:\"c0c0c0\",skyblue:\"87ceeb\",slateblue:\"6a5acd\",slategray:\"708090\",slategrey:\"708090\",snow:\"fffafa\",springgreen:\"00ff7f\",steelblue:\"4682b4\",tan:\"d2b48c\",teal:\"008080\",thistle:\"d8bfd8\",tomato:\"ff6347\",turquoise:\"40e0d0\",violet:\"ee82ee\",wheat:\"f5deb3\",white:\"fff\",whitesmoke:\"f5f5f5\",yellow:\"ff0\",yellowgreen:\"9acd32\"};function nameToHex(color2){if(typeof color2!=\"string\")return color2;var normalizedColorName=color2.toLowerCase();return namedColorMap[normalizedColorName]?\"#\"+namedColorMap[normalizedColorName]:color2}var hexRegex=/^#[a-fA-F0-9]{6}$/,hexRgbaRegex=/^#[a-fA-F0-9]{8}$/,reducedHexRegex=/^#[a-fA-F0-9]{3}$/,reducedRgbaHexRegex=/^#[a-fA-F0-9]{4}$/,rgbRegex=/^rgb\\(\\s*(\\d{1,3})\\s*(?:,)?\\s*(\\d{1,3})\\s*(?:,)?\\s*(\\d{1,3})\\s*\\)$/i,rgbaRegex=/^rgb(?:a)?\\(\\s*(\\d{1,3})\\s*(?:,)?\\s*(\\d{1,3})\\s*(?:,)?\\s*(\\d{1,3})\\s*(?:,|\\/)\\s*([-+]?\\d*[.]?\\d+[%]?)\\s*\\)$/i,hslRegex=/^hsl\\(\\s*(\\d{0,3}[.]?[0-9]+(?:deg)?)\\s*(?:,)?\\s*(\\d{1,3}[.]?[0-9]?)%\\s*(?:,)?\\s*(\\d{1,3}[.]?[0-9]?)%\\s*\\)$/i,hslaRegex=/^hsl(?:a)?\\(\\s*(\\d{0,3}[.]?[0-9]+(?:deg)?)\\s*(?:,)?\\s*(\\d{1,3}[.]?[0-9]?)%\\s*(?:,)?\\s*(\\d{1,3}[.]?[0-9]?)%\\s*(?:,|\\/)\\s*([-+]?\\d*[.]?\\d+[%]?)\\s*\\)$/i;function parseToRgb(color2){if(typeof color2!=\"string\")throw new PolishedError(3);var normalizedColor=nameToHex(color2);if(normalizedColor.match(hexRegex))return {red:parseInt(\"\"+normalizedColor[1]+normalizedColor[2],16),green:parseInt(\"\"+normalizedColor[3]+normalizedColor[4],16),blue:parseInt(\"\"+normalizedColor[5]+normalizedColor[6],16)};if(normalizedColor.match(hexRgbaRegex)){var alpha=parseFloat((parseInt(\"\"+normalizedColor[7]+normalizedColor[8],16)/255).toFixed(2));return {red:parseInt(\"\"+normalizedColor[1]+normalizedColor[2],16),green:parseInt(\"\"+normalizedColor[3]+normalizedColor[4],16),blue:parseInt(\"\"+normalizedColor[5]+normalizedColor[6],16),alpha}}if(normalizedColor.match(reducedHexRegex))return {red:parseInt(\"\"+normalizedColor[1]+normalizedColor[1],16),green:parseInt(\"\"+normalizedColor[2]+normalizedColor[2],16),blue:parseInt(\"\"+normalizedColor[3]+normalizedColor[3],16)};if(normalizedColor.match(reducedRgbaHexRegex)){var _alpha=parseFloat((parseInt(\"\"+normalizedColor[4]+normalizedColor[4],16)/255).toFixed(2));return {red:parseInt(\"\"+normalizedColor[1]+normalizedColor[1],16),green:parseInt(\"\"+normalizedColor[2]+normalizedColor[2],16),blue:parseInt(\"\"+normalizedColor[3]+normalizedColor[3],16),alpha:_alpha}}var rgbMatched=rgbRegex.exec(normalizedColor);if(rgbMatched)return {red:parseInt(\"\"+rgbMatched[1],10),green:parseInt(\"\"+rgbMatched[2],10),blue:parseInt(\"\"+rgbMatched[3],10)};var rgbaMatched=rgbaRegex.exec(normalizedColor.substring(0,50));if(rgbaMatched)return {red:parseInt(\"\"+rgbaMatched[1],10),green:parseInt(\"\"+rgbaMatched[2],10),blue:parseInt(\"\"+rgbaMatched[3],10),alpha:parseFloat(\"\"+rgbaMatched[4])>1?parseFloat(\"\"+rgbaMatched[4])/100:parseFloat(\"\"+rgbaMatched[4])};var hslMatched=hslRegex.exec(normalizedColor);if(hslMatched){var hue=parseInt(\"\"+hslMatched[1],10),saturation=parseInt(\"\"+hslMatched[2],10)/100,lightness=parseInt(\"\"+hslMatched[3],10)/100,rgbColorString=\"rgb(\"+hslToRgb(hue,saturation,lightness)+\")\",hslRgbMatched=rgbRegex.exec(rgbColorString);if(!hslRgbMatched)throw new PolishedError(4,normalizedColor,rgbColorString);return {red:parseInt(\"\"+hslRgbMatched[1],10),green:parseInt(\"\"+hslRgbMatched[2],10),blue:parseInt(\"\"+hslRgbMatched[3],10)}}var hslaMatched=hslaRegex.exec(normalizedColor.substring(0,50));if(hslaMatched){var _hue=parseInt(\"\"+hslaMatched[1],10),_saturation=parseInt(\"\"+hslaMatched[2],10)/100,_lightness=parseInt(\"\"+hslaMatched[3],10)/100,_rgbColorString=\"rgb(\"+hslToRgb(_hue,_saturation,_lightness)+\")\",_hslRgbMatched=rgbRegex.exec(_rgbColorString);if(!_hslRgbMatched)throw new PolishedError(4,normalizedColor,_rgbColorString);return {red:parseInt(\"\"+_hslRgbMatched[1],10),green:parseInt(\"\"+_hslRgbMatched[2],10),blue:parseInt(\"\"+_hslRgbMatched[3],10),alpha:parseFloat(\"\"+hslaMatched[4])>1?parseFloat(\"\"+hslaMatched[4])/100:parseFloat(\"\"+hslaMatched[4])}}throw new PolishedError(5)}function rgbToHsl(color2){var red=color2.red/255,green=color2.green/255,blue=color2.blue/255,max=Math.max(red,green,blue),min=Math.min(red,green,blue),lightness=(max+min)/2;if(max===min)return color2.alpha!==void 0?{hue:0,saturation:0,lightness,alpha:color2.alpha}:{hue:0,saturation:0,lightness};var hue,delta=max-min,saturation=lightness>.5?delta/(2-max-min):delta/(max+min);switch(max){case red:hue=(green-blue)/delta+(green=1?hslToHex(value,saturation,lightness):\"rgba(\"+hslToRgb(value,saturation,lightness)+\",\"+alpha+\")\";if(typeof value==\"object\"&&saturation===void 0&&lightness===void 0&&alpha===void 0)return value.alpha>=1?hslToHex(value.hue,value.saturation,value.lightness):\"rgba(\"+hslToRgb(value.hue,value.saturation,value.lightness)+\",\"+value.alpha+\")\";throw new PolishedError(2)}function rgb(value,green,blue){if(typeof value==\"number\"&&typeof green==\"number\"&&typeof blue==\"number\")return reduceHexValue$1(\"#\"+numberToHex(value)+numberToHex(green)+numberToHex(blue));if(typeof value==\"object\"&&green===void 0&&blue===void 0)return reduceHexValue$1(\"#\"+numberToHex(value.red)+numberToHex(value.green)+numberToHex(value.blue));throw new PolishedError(6)}function rgba(firstValue,secondValue,thirdValue,fourthValue){if(typeof firstValue==\"string\"&&typeof secondValue==\"number\"){var rgbValue=parseToRgb(firstValue);return \"rgba(\"+rgbValue.red+\",\"+rgbValue.green+\",\"+rgbValue.blue+\",\"+secondValue+\")\"}else {if(typeof firstValue==\"number\"&&typeof secondValue==\"number\"&&typeof thirdValue==\"number\"&&typeof fourthValue==\"number\")return fourthValue>=1?rgb(firstValue,secondValue,thirdValue):\"rgba(\"+firstValue+\",\"+secondValue+\",\"+thirdValue+\",\"+fourthValue+\")\";if(typeof firstValue==\"object\"&&secondValue===void 0&&thirdValue===void 0&&fourthValue===void 0)return firstValue.alpha>=1?rgb(firstValue.red,firstValue.green,firstValue.blue):\"rgba(\"+firstValue.red+\",\"+firstValue.green+\",\"+firstValue.blue+\",\"+firstValue.alpha+\")\"}throw new PolishedError(7)}var isRgb=function(color2){return typeof color2.red==\"number\"&&typeof color2.green==\"number\"&&typeof color2.blue==\"number\"&&(typeof color2.alpha!=\"number\"||typeof color2.alpha>\"u\")},isRgba=function(color2){return typeof color2.red==\"number\"&&typeof color2.green==\"number\"&&typeof color2.blue==\"number\"&&typeof color2.alpha==\"number\"},isHsl=function(color2){return typeof color2.hue==\"number\"&&typeof color2.saturation==\"number\"&&typeof color2.lightness==\"number\"&&(typeof color2.alpha!=\"number\"||typeof color2.alpha>\"u\")},isHsla=function(color2){return typeof color2.hue==\"number\"&&typeof color2.saturation==\"number\"&&typeof color2.lightness==\"number\"&&typeof color2.alpha==\"number\"};function toColorString(color2){if(typeof color2!=\"object\")throw new PolishedError(8);if(isRgba(color2))return rgba(color2);if(isRgb(color2))return rgb(color2);if(isHsla(color2))return hsla(color2);if(isHsl(color2))return hsl(color2);throw new PolishedError(8)}function curried(f,length,acc){return function(){var combined=acc.concat(Array.prototype.slice.call(arguments));return combined.length>=length?f.apply(this,combined):curried(f,length,combined)}}function curry(f){return curried(f,f.length,[])}function guard(lowerBoundary,upperBoundary,value){return Math.max(lowerBoundary,Math.min(upperBoundary,value))}function darken(amount,color2){if(color2===\"transparent\")return color2;var hslColor=parseToHsl(color2);return toColorString(_extends({},hslColor,{lightness:guard(0,1,hslColor.lightness-parseFloat(amount))}))}var curriedDarken=curry(darken),curriedDarken$1=curriedDarken;function lighten(amount,color2){if(color2===\"transparent\")return color2;var hslColor=parseToHsl(color2);return toColorString(_extends({},hslColor,{lightness:guard(0,1,hslColor.lightness+parseFloat(amount))}))}var curriedLighten=curry(lighten),curriedLighten$1=curriedLighten;function transparentize(amount,color2){if(color2===\"transparent\")return color2;var parsedColor=parseToRgb(color2),alpha=typeof parsedColor.alpha==\"number\"?parsedColor.alpha:1,colorWithAlpha=_extends({},parsedColor,{alpha:guard(0,1,+(alpha*100-parseFloat(amount)*100).toFixed(2)/100)});return rgba(colorWithAlpha)}var curriedTransparentize=curry(transparentize),curriedTransparentize$1=curriedTransparentize;var headerCommon=({theme})=>({margin:\"20px 0 8px\",padding:0,cursor:\"text\",position:\"relative\",color:theme.color.defaultText,\"&:first-of-type\":{marginTop:0,paddingTop:0},\"&:hover a.anchor\":{textDecoration:\"none\"},\"& tt, & code\":{fontSize:\"inherit\"}}),codeCommon=({theme})=>({lineHeight:1,margin:\"0 2px\",padding:\"3px 5px\",whiteSpace:\"nowrap\",borderRadius:3,fontSize:theme.typography.size.s2-1,border:theme.base===\"light\"?`1px solid ${theme.color.mediumlight}`:`1px solid ${theme.color.darker}`,color:theme.base===\"light\"?curriedTransparentize$1(.1,theme.color.defaultText):curriedTransparentize$1(.3,theme.color.defaultText),backgroundColor:theme.base===\"light\"?theme.color.lighter:theme.color.border}),withReset=({theme})=>({fontFamily:theme.typography.fonts.base,fontSize:theme.typography.size.s3,margin:0,WebkitFontSmoothing:\"antialiased\",MozOsxFontSmoothing:\"grayscale\",WebkitTapHighlightColor:\"rgba(0, 0, 0, 0)\",WebkitOverflowScrolling:\"touch\"}),withMargin={margin:\"16px 0\"};var Link=({href:input,children,...props})=>{let isStorybookPath=/^\\//.test(input),isAnchorUrl=/^#.*/.test(input),href=isStorybookPath?`./?path=${input}`:input;return React5__default.createElement(\"a\",{href,target:isAnchorUrl?\"_self\":\"_top\",...props},children)};var A=styled(Link)(withReset,({theme})=>({fontSize:\"inherit\",lineHeight:\"24px\",color:theme.color.secondary,textDecoration:\"none\",\"&.absent\":{color:\"#cc0000\"},\"&.anchor\":{display:\"block\",paddingLeft:30,marginLeft:-30,cursor:\"pointer\",position:\"absolute\",top:0,left:0,bottom:0}}));var Blockquote=styled.blockquote(withReset,withMargin,({theme})=>({borderLeft:`4px solid ${theme.color.medium}`,padding:\"0 15px\",color:theme.color.dark,\"& > :first-of-type\":{marginTop:0},\"& > :last-child\":{marginBottom:0}}));var isReactChildString=child=>typeof child==\"string\";var isInlineCodeRegex=/[\\n\\r]/g,DefaultCodeBlock=styled.code(({theme})=>({fontFamily:theme.typography.fonts.mono,WebkitFontSmoothing:\"antialiased\",MozOsxFontSmoothing:\"grayscale\",display:\"inline-block\",paddingLeft:2,paddingRight:2,verticalAlign:\"baseline\",color:\"inherit\"}),codeCommon),StyledSyntaxHighlighter=styled(SyntaxHighlighter)(({theme})=>({fontFamily:theme.typography.fonts.mono,fontSize:`${theme.typography.size.s2-1}px`,lineHeight:\"19px\",margin:\"25px 0 40px\",borderRadius:theme.appBorderRadius,boxShadow:theme.base===\"light\"?\"rgba(0, 0, 0, 0.10) 0 1px 3px 0\":\"rgba(0, 0, 0, 0.20) 0 2px 5px 0\",\"pre.prismjs\":{padding:20,background:\"inherit\"}})),Code=({className,children,...props})=>{let language=(className||\"\").match(/lang-(\\S+)/),childrenArray=Children.toArray(children);return childrenArray.filter(isReactChildString).some(child=>child.match(isInlineCodeRegex))?React5__default.createElement(StyledSyntaxHighlighter,{bordered:!0,copyable:!0,language:language?.[1]??\"plaintext\",format:!1,...props},children):React5__default.createElement(DefaultCodeBlock,{...props,className},childrenArray)};var Div=styled.div(withReset);var DL=styled.dl(withReset,withMargin,{padding:0,\"& dt\":{fontSize:\"14px\",fontWeight:\"bold\",fontStyle:\"italic\",padding:0,margin:\"16px 0 4px\"},\"& dt:first-of-type\":{padding:0},\"& dt > :first-of-type\":{marginTop:0},\"& dt > :last-child\":{marginBottom:0},\"& dd\":{margin:\"0 0 16px\",padding:\"0 15px\"},\"& dd > :first-of-type\":{marginTop:0},\"& dd > :last-child\":{marginBottom:0}});var H1=styled.h1(withReset,headerCommon,({theme})=>({fontSize:`${theme.typography.size.l1}px`,fontWeight:theme.typography.weight.bold}));var H2=styled.h2(withReset,headerCommon,({theme})=>({fontSize:`${theme.typography.size.m2}px`,paddingBottom:4,borderBottom:`1px solid ${theme.appBorderColor}`}));var H3=styled.h3(withReset,headerCommon,({theme})=>({fontSize:`${theme.typography.size.m1}px`}));var H4=styled.h4(withReset,headerCommon,({theme})=>({fontSize:`${theme.typography.size.s3}px`}));var H5=styled.h5(withReset,headerCommon,({theme})=>({fontSize:`${theme.typography.size.s2}px`}));var H6=styled.h6(withReset,headerCommon,({theme})=>({fontSize:`${theme.typography.size.s2}px`,color:theme.color.dark}));var HR=styled.hr(({theme})=>({border:\"0 none\",borderTop:`1px solid ${theme.appBorderColor}`,height:4,padding:0}));var Img=styled.img({maxWidth:\"100%\"});var LI=styled.li(withReset,({theme})=>({fontSize:theme.typography.size.s2,color:theme.color.defaultText,lineHeight:\"24px\",\"& + li\":{marginTop:\".25em\"},\"& ul, & ol\":{marginTop:\".25em\",marginBottom:0},\"& code\":codeCommon({theme})}));var listCommon={paddingLeft:30,\"& :first-of-type\":{marginTop:0},\"& :last-child\":{marginBottom:0}},OL=styled.ol(withReset,withMargin,listCommon,{listStyle:\"decimal\"});var P=styled.p(withReset,withMargin,({theme})=>({fontSize:theme.typography.size.s2,lineHeight:\"24px\",color:theme.color.defaultText,\"& code\":codeCommon({theme})}));var Pre=styled.pre(withReset,withMargin,({theme})=>({fontFamily:theme.typography.fonts.mono,WebkitFontSmoothing:\"antialiased\",MozOsxFontSmoothing:\"grayscale\",lineHeight:\"18px\",padding:\"11px 1rem\",whiteSpace:\"pre-wrap\",color:\"inherit\",borderRadius:3,margin:\"1rem 0\",\"&:not(.prismjs)\":{background:\"transparent\",border:\"none\",borderRadius:0,padding:0,margin:0},\"& pre, &.prismjs\":{padding:15,margin:0,whiteSpace:\"pre-wrap\",color:\"inherit\",fontSize:\"13px\",lineHeight:\"19px\",code:{color:\"inherit\",fontSize:\"inherit\"}},\"& code\":{whiteSpace:\"pre\"},\"& code, & tt\":{border:\"none\"}}));var Span=styled.span(withReset,({theme})=>({\"&.frame\":{display:\"block\",overflow:\"hidden\",\"& > span\":{border:`1px solid ${theme.color.medium}`,display:\"block\",float:\"left\",overflow:\"hidden\",margin:\"13px 0 0\",padding:7,width:\"auto\"},\"& span img\":{display:\"block\",float:\"left\"},\"& span span\":{clear:\"both\",color:theme.color.darkest,display:\"block\",padding:\"5px 0 0\"}},\"&.align-center\":{display:\"block\",overflow:\"hidden\",clear:\"both\",\"& > span\":{display:\"block\",overflow:\"hidden\",margin:\"13px auto 0\",textAlign:\"center\"},\"& span img\":{margin:\"0 auto\",textAlign:\"center\"}},\"&.align-right\":{display:\"block\",overflow:\"hidden\",clear:\"both\",\"& > span\":{display:\"block\",overflow:\"hidden\",margin:\"13px 0 0\",textAlign:\"right\"},\"& span img\":{margin:0,textAlign:\"right\"}},\"&.float-left\":{display:\"block\",marginRight:13,overflow:\"hidden\",float:\"left\",\"& span\":{margin:\"13px 0 0\"}},\"&.float-right\":{display:\"block\",marginLeft:13,overflow:\"hidden\",float:\"right\",\"& > span\":{display:\"block\",overflow:\"hidden\",margin:\"13px auto 0\",textAlign:\"right\"}}}));var Table=styled.table(withReset,withMargin,({theme})=>({fontSize:theme.typography.size.s2,lineHeight:\"24px\",padding:0,borderCollapse:\"collapse\",\"& tr\":{borderTop:`1px solid ${theme.appBorderColor}`,backgroundColor:theme.appContentBg,margin:0,padding:0},\"& tr:nth-of-type(2n)\":{backgroundColor:theme.base===\"dark\"?theme.color.darker:theme.color.lighter},\"& tr th\":{fontWeight:\"bold\",color:theme.color.defaultText,border:`1px solid ${theme.appBorderColor}`,margin:0,padding:\"6px 13px\"},\"& tr td\":{border:`1px solid ${theme.appBorderColor}`,color:theme.color.defaultText,margin:0,padding:\"6px 13px\"},\"& tr th :first-of-type, & tr td :first-of-type\":{marginTop:0},\"& tr th :last-child, & tr td :last-child\":{marginBottom:0}}));var TT=styled.title(codeCommon);var listCommon2={paddingLeft:30,\"& :first-of-type\":{marginTop:0},\"& :last-child\":{marginBottom:0}},UL=styled.ul(withReset,withMargin,listCommon2,{listStyle:\"disc\"});var ResetWrapper=styled.div(withReset);var components={h1:props=>React5__default.createElement(H1,{...nameSpaceClassNames(props,\"h1\")}),h2:props=>React5__default.createElement(H2,{...nameSpaceClassNames(props,\"h2\")}),h3:props=>React5__default.createElement(H3,{...nameSpaceClassNames(props,\"h3\")}),h4:props=>React5__default.createElement(H4,{...nameSpaceClassNames(props,\"h4\")}),h5:props=>React5__default.createElement(H5,{...nameSpaceClassNames(props,\"h5\")}),h6:props=>React5__default.createElement(H6,{...nameSpaceClassNames(props,\"h6\")}),pre:props=>React5__default.createElement(Pre,{...nameSpaceClassNames(props,\"pre\")}),a:props=>React5__default.createElement(A,{...nameSpaceClassNames(props,\"a\")}),hr:props=>React5__default.createElement(HR,{...nameSpaceClassNames(props,\"hr\")}),dl:props=>React5__default.createElement(DL,{...nameSpaceClassNames(props,\"dl\")}),blockquote:props=>React5__default.createElement(Blockquote,{...nameSpaceClassNames(props,\"blockquote\")}),table:props=>React5__default.createElement(Table,{...nameSpaceClassNames(props,\"table\")}),img:props=>React5__default.createElement(Img,{...nameSpaceClassNames(props,\"img\")}),div:props=>React5__default.createElement(Div,{...nameSpaceClassNames(props,\"div\")}),span:props=>React5__default.createElement(Span,{...nameSpaceClassNames(props,\"span\")}),li:props=>React5__default.createElement(LI,{...nameSpaceClassNames(props,\"li\")}),ul:props=>React5__default.createElement(UL,{...nameSpaceClassNames(props,\"ul\")}),ol:props=>React5__default.createElement(OL,{...nameSpaceClassNames(props,\"ol\")}),p:props=>React5__default.createElement(P,{...nameSpaceClassNames(props,\"p\")}),code:props=>React5__default.createElement(Code,{...nameSpaceClassNames(props,\"code\")}),tt:props=>React5__default.createElement(TT,{...nameSpaceClassNames(props,\"tt\")}),resetwrapper:props=>React5__default.createElement(ResetWrapper,{...nameSpaceClassNames(props,\"resetwrapper\")})};var BadgeWrapper=styled.div(({theme})=>({display:\"inline-block\",fontSize:11,lineHeight:\"12px\",alignSelf:\"center\",padding:\"4px 12px\",borderRadius:\"3em\",fontWeight:theme.typography.weight.bold}),{svg:{height:12,width:12,marginRight:4,marginTop:-2,path:{fill:\"currentColor\"}}},({theme,status})=>{switch(status){case\"critical\":return {color:theme.color.critical,background:theme.background.critical};case\"negative\":return {color:theme.color.negativeText,background:theme.background.negative,boxShadow:theme.base===\"light\"?`inset 0 0 0 1px ${curriedTransparentize$1(.9,theme.color.negativeText)}`:\"none\"};case\"warning\":return {color:theme.color.warningText,background:theme.background.warning,boxShadow:theme.base===\"light\"?`inset 0 0 0 1px ${curriedTransparentize$1(.9,theme.color.warningText)}`:\"none\"};case\"neutral\":return {color:theme.color.dark,background:theme.color.mediumlight,boxShadow:theme.base===\"light\"?`inset 0 0 0 1px ${curriedTransparentize$1(.9,theme.color.dark)}`:\"none\"};case\"positive\":return {color:theme.color.positiveText,background:theme.background.positive,boxShadow:theme.base===\"light\"?`inset 0 0 0 1px ${curriedTransparentize$1(.9,theme.color.positiveText)}`:\"none\"};default:return {}}}),Badge=({...props})=>React5__default.createElement(BadgeWrapper,{...props});var icons={user:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0ZM2.67 11.15c.7-1 2.6-1.81 3.2-1.9.22-.04.23-.66.23-.66s-.67-.66-.81-1.55c-.4 0-.63-.94-.24-1.27l-.02-.13c-.06-.6-.28-2.6 1.97-2.6s2.03 2 1.97 2.6l-.02.13c.4.33.15 1.27-.24 1.27-.14.89-.8 1.55-.8 1.55s0 .62.22.66c.6.09 2.5.9 3.2 1.9a6 6 0 1 0-8.66 0Z\"})),useralt:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M7.27 13.16a11.39 11.39 0 0 0 5.18-1.23v-.25c0-1.57-3.24-3-4.1-3.13-.27-.05-.28-.79-.28-.79s.8-.78.96-1.83c.47 0 .75-1.12.29-1.52.02-.41.6-3.25-2.32-3.25S4.65 4 4.67 4.41c-.46.4-.17 1.52.29 1.52.17 1.05.96 1.83.96 1.83s0 .74-.27.79c-.86.13-4.04 1.53-4.1 3.08a11.44 11.44 0 0 0 5.72 1.53Z\"})),useradd:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M1.18 11.9c-.4-.17-.8-.36-1.18-.58.06-1.44 3.02-2.74 3.82-2.87.25-.04.26-.73.26-.73s-.74-.73-.9-1.7c-.43 0-.7-1.05-.27-1.42l-.01-.14c-.07-.67-.31-2.88 2.18-2.88 2.48 0 2.24 2.2 2.17 2.88l-.01.14c.43.37.16 1.41-.27 1.41-.16.98-.9 1.71-.9 1.71s.01.69.26.73c.8.13 3.82 1.46 3.82 2.91v.24a10.63 10.63 0 0 1-8.97.3ZM11.5 2.16c.28 0 .5.22.5.5v1.5h1.5a.5.5 0 0 1 0 1H12v1.5a.5.5 0 0 1-1 0v-1.5H9.5a.5.5 0 1 1 0-1H11v-1.5c0-.28.22-.5.5-.5Z\"})),users:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M9.21 11.62A10.59 10.59 0 0 1 0 11.07c.06-1.35 2.93-2.58 3.7-2.7.25-.03.26-.68.26-.68s-.72-.69-.87-1.6c-.42 0-.68-.99-.26-1.33 0-.03 0-.08-.02-.14-.07-.63-.3-2.71 2.12-2.71 2.41 0 2.18 2.08 2.11 2.71l-.01.14c.42.34.16 1.32-.26 1.32-.16.92-.87 1.6-.87 1.6s0 .66.25.7c.78.11 3.7 1.36 3.7 2.73v.22l-.64.3Z\"}),React5__default.createElement(\"path\",{d:\"M8.81 8.42a9.64 9.64 0 0 0-.74-.4 5.2 5.2 0 0 1 1.7-.76c.17-.02.17-.47.17-.47s-.49-.47-.6-1.1c-.28 0-.46-.68-.17-.91l-.01-.1c-.05-.43-.2-1.86 1.45-1.86 1.66 0 1.5 1.43 1.45 1.86v.1c.28.23.1.9-.18.9-.11.64-.6 1.11-.6 1.11s0 .45.17.47c.54.08 2.55.94 2.55 1.89v.62a10.6 10.6 0 0 1-3.3.56 2.97 2.97 0 0 0-.58-.88c-.37-.41-.85-.76-1.31-1.03Z\"})),profile:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M9.1 7.35a5.06 5.06 0 0 1-4.52-.28C4.6 6.4 6.02 5.77 6.4 5.7c.12-.02.12-.35.12-.35s-.35-.34-.43-.81c-.2 0-.33-.5-.12-.67l-.01-.07C5.93 3.48 5.81 2.42 7 2.42S8.07 3.48 8.04 3.8v.07c.2.17.07.67-.13.67-.08.47-.43.81-.43.81s0 .33.12.35c.38.06 1.82.7 1.82 1.4v.1c-.1.06-.2.1-.31.15Zm-5.35 3.9c0-.14.11-.25.25-.25h6a.25.25 0 1 1 0 .5H4a.25.25 0 0 1-.25-.25ZM4 9a.25.25 0 0 0 0 .5h6a.25.25 0 1 0 0-.5H4Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M1 .5c0-.28.22-.5.5-.5h11c.28 0 .5.22.5.5v13a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5V.5ZM2 13V1h10v12H2Z\"})),facehappy:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M3.97 8.75a.5.5 0 0 0-.87.5 4.5 4.5 0 0 0 7.8 0 .5.5 0 1 0-.87-.5 3.5 3.5 0 0 1-6.06 0ZM5.5 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM9.5 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Zm-1 0A6 6 0 1 1 1 7a6 6 0 0 1 12 0Z\"})),faceneutral:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M4.5 9a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5ZM5.5 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM9.5 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Zm-1 0A6 6 0 1 1 1 7a6 6 0 0 1 12 0Z\"})),facesad:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M3.97 10.25a.5.5 0 0 1-.87-.5 4.5 4.5 0 0 1 7.8 0 .5.5 0 1 1-.87.5 3.5 3.5 0 0 0-6.06 0ZM5.5 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM9.5 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Zm-1 0A6 6 0 1 1 1 7a6 6 0 0 1 12 0Z\"})),accessibility:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M3.53 4.84a.5.5 0 0 1 .63-.31l2.05.68a2.5 2.5 0 0 0 1.58 0l2.05-.68a.5.5 0 0 1 .32.94L7.7 6.3a.3.3 0 0 0-.21.29v.24c0 .7.16 1.39.48 2.01l.97 1.95a.5.5 0 1 1-.9.44L7 9.12l-1.05 2.1a.5.5 0 1 1-.9-.44l.97-1.95a4.5 4.5 0 0 0 .48-2.01v-.24a.3.3 0 0 0-.2-.29l-2.46-.82a.5.5 0 0 1-.31-.63Z\"}),React5__default.createElement(\"path\",{d:\"M7 4.5a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14Zm0-1A6 6 0 1 0 7 1a6 6 0 0 0 0 12Z\"})),accessibilityalt:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14ZM8 3.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM3.53 4.84a.5.5 0 0 1 .63-.31l2.05.68a2.5 2.5 0 0 0 1.58 0l2.05-.68a.5.5 0 0 1 .32.94L7.7 6.3a.3.3 0 0 0-.21.29v.24c0 .7.16 1.39.48 2.01l.97 1.95a.5.5 0 1 1-.9.44L7 9.12l-1.05 2.1a.5.5 0 1 1-.9-.44l.97-1.95a4.5 4.5 0 0 0 .48-2.01v-.24a.3.3 0 0 0-.2-.29l-2.46-.82a.5.5 0 0 1-.31-.63Z\"})),arrowup:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"m7.35 2.9 5.5 5.5a.5.5 0 0 1-.7.7L7 3.96 1.85 9.1a.5.5 0 1 1-.7-.7l5.5-5.5c.2-.2.5-.2.7 0Z\"})),arrowdown:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"m1.15 5.6 5.5 5.5c.2.2.5.2.7 0l5.5-5.5a.5.5 0 0 0-.7-.7L7 10.04 1.85 4.9a.5.5 0 1 0-.7.7Z\"})),arrowleft:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M2.76 7.1c.02.09.06.18.14.25l5.5 5.5a.5.5 0 0 0 .7-.7L3.96 7 9.1 1.85a.5.5 0 1 0-.7-.7l-5.5 5.5a.5.5 0 0 0-.14.45Z\"})),arrowright:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"m11.1 7.35-5.5 5.5a.5.5 0 0 1-.7-.7L10.04 7 4.9 1.85a.5.5 0 1 1 .7-.7l5.5 5.5c.2.2.2.5 0 .7Z\"})),arrowupalt:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M11.85 4.65 7.35.15a.5.5 0 0 0-.7 0l-4.5 4.5a.5.5 0 1 0 .7.7L6.5 1.71V13.5a.5.5 0 0 0 1 0V1.7l3.65 3.65a.5.5 0 0 0 .7-.7Z\"})),arrowdownalt:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M7.5.5a.5.5 0 0 0-1 0v11.8L2.85 8.64a.5.5 0 1 0-.7.7l4.5 4.5A.5.5 0 0 0 7 14a.5.5 0 0 0 .35-.15l4.5-4.5a.5.5 0 0 0-.7-.7L7.5 12.29V.5Z\"})),arrowleftalt:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M5.35 2.15c.2.2.2.5 0 .7L1.71 6.5H13.5a.5.5 0 0 1 0 1H1.7l3.65 3.65a.5.5 0 0 1-.7.7l-4.5-4.5a.5.5 0 0 1 0-.7l4.5-4.5c.2-.2.5-.2.7 0Z\"})),arrowrightalt:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M8.65 2.15c.2-.2.5-.2.7 0l4.5 4.5c.2.2.2.5 0 .7l-4.5 4.5a.5.5 0 0 1-.7-.7l3.64-3.65H.5a.5.5 0 0 1 0-1h11.8L8.64 2.85a.5.5 0 0 1 0-.7Z\"})),expandalt:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"m7.35.15 4 4a.5.5 0 0 1-.7.7L7 1.21 3.35 4.85a.5.5 0 1 1-.7-.7l4-4c.2-.2.5-.2.7 0ZM11.35 9.15c.2.2.2.5 0 .7l-4 4a.5.5 0 0 1-.7 0l-4-4a.5.5 0 1 1 .7-.7L7 12.79l3.65-3.64c.2-.2.5-.2.7 0Z\"})),collapse:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M3.354.146a.5.5 0 1 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0-.708-.708L7 3.793 3.354.146Zm3.292 9a.5.5 0 0 1 .708 0l4 4a.5.5 0 0 1-.708.708L7 10.207l-3.646 3.647a.5.5 0 0 1-.708-.708l4-4Z\"})),expand:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M1.5 1h2a.5.5 0 0 1 0 1h-.8l3.15 3.15a.5.5 0 1 1-.7.7L2 2.71v.79a.5.5 0 0 1-1 0v-2c0-.28.22-.5.5-.5ZM10 1.5c0-.28.22-.5.5-.5h2c.28 0 .5.22.5.5v2a.5.5 0 0 1-1 0v-.8L8.85 5.86a.5.5 0 1 1-.7-.7L11.29 2h-.79a.5.5 0 0 1-.5-.5ZM12.5 10c.28 0 .5.22.5.5v2a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h.8L8.14 8.85a.5.5 0 1 1 .7-.7L12 11.29v-.79c0-.28.22-.5.5-.5ZM2 11.3v-.8a.5.5 0 0 0-1 0v2c0 .28.22.5.5.5h2a.5.5 0 0 0 0-1h-.8l3.15-3.15a.5.5 0 1 0-.7-.7L2 11.29Z\"})),unfold:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"m6.65.15-1.5 1.5a.5.5 0 1 0 .7.7l.65-.64V5a.5.5 0 0 0 1 0V1.7l.65.65a.5.5 0 1 0 .7-.7L7.35.15a.5.5 0 0 0-.7 0Z\"}),React5__default.createElement(\"path\",{d:\"M1.3 4.04a.5.5 0 0 0-.16.82L3.3 7 1.15 9.15a.5.5 0 0 0 .35.85h3a.5.5 0 0 0 0-1H2.7l1.5-1.5h5.6l2.35 2.35a.5.5 0 0 0 .7-.7L10.71 7l2.14-2.15.11-.54-.1.54A.5.5 0 0 0 13 4.5a.5.5 0 0 0-.14-.35.5.5 0 0 0-.36-.15h-3a.5.5 0 0 0 0 1h1.8L9.8 6.5H4.2L2.7 5h1.8a.5.5 0 0 0 0-1h-3a.5.5 0 0 0-.2.04Z\"}),React5__default.createElement(\"path\",{d:\"M7 8.5c.28 0 .5.22.5.5v3.3l.65-.65a.5.5 0 0 1 .7.7l-1.5 1.5a.5.5 0 0 1-.7 0l-1.5-1.5a.5.5 0 0 1 .7-.7l.65.64V9c0-.28.22-.5.5-.5ZM9 9.5c0-.28.22-.5.5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5Z\"})),transfer:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M10.65 2.65c.2-.2.5-.2.7 0l1.5 1.5c.2.2.2.5 0 .7l-1.5 1.5a.5.5 0 0 1-.7-.7l.64-.65H1.5a.5.5 0 0 1 0-1h9.8l-.65-.65a.5.5 0 0 1 0-.7ZM3.35 8.35 2.71 9h9.79a.5.5 0 0 1 0 1H2.7l.65.65a.5.5 0 0 1-.7.7l-1.5-1.5a.5.5 0 0 1 0-.7l1.5-1.5a.5.5 0 1 1 .7.7Z\"})),redirect:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M1.5 1c.28 0 .5.22.5.5V10a2 2 0 0 0 4 0V4a3 3 0 0 1 6 0v7.8l1.15-1.15a.5.5 0 0 1 .7.7l-2 2a.5.5 0 0 1-.7 0l-2-2a.5.5 0 0 1 .7-.7L11 11.79V4a2 2 0 1 0-4 0v6a3 3 0 0 1-6 0V1.5c0-.28.22-.5.5-.5Z\"})),undo:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M1.15 3.85a.5.5 0 0 1 0-.7l2-2a.5.5 0 1 1 .7.7L2.71 3H9a4 4 0 0 1 0 8H3a.5.5 0 0 1 0-1h6a3 3 0 1 0 0-6H2.7l1.15 1.15a.5.5 0 1 1-.7.7l-2-2Z\"})),reply:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M4.35 2.15c.2.2.2.5 0 .7L1.71 5.5H9.5A4.5 4.5 0 0 1 14 10v1.5a.5.5 0 0 1-1 0V10a3.5 3.5 0 0 0-3.5-3.5H1.7l2.65 2.65a.5.5 0 1 1-.7.7l-3.5-3.5a.5.5 0 0 1 0-.7l3.5-3.5c.2-.2.5-.2.7 0Z\"})),sync:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M5.5 1A.5.5 0 0 0 5 .5H2a.5.5 0 0 0 0 1h1.53a6.5 6.5 0 0 0 2.39 11.91.5.5 0 1 0 .16-.99A5.5 5.5 0 0 1 4.5 2.1V4a.5.5 0 0 0 1 0V1ZM7.5 1a.5.5 0 0 1 .58-.41 6.5 6.5 0 0 1 2.39 11.91H12a.5.5 0 0 1 0 1H9a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 1 0v1.9A5.5 5.5 0 0 0 7.92 1.58.5.5 0 0 1 7.5 1Z\"})),upload:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M8.65 5.85 7.5 4.71v5.79a.5.5 0 0 1-1 0V4.7L5.35 5.86a.5.5 0 1 1-.7-.7l2-2c.2-.2.5-.2.7 0l2 2a.5.5 0 1 1-.7.7Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Zm-1 0A6 6 0 1 1 1 7a6 6 0 0 1 12 0Z\"})),download:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M5.35 8.15 6.5 9.29V3.5a.5.5 0 0 1 1 0v5.8l1.15-1.15a.5.5 0 1 1 .7.7l-2 2a.5.5 0 0 1-.7 0l-2-2a.5.5 0 1 1 .7-.7Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M0 7a7 7 0 1 1 14 0A7 7 0 0 1 0 7Zm1 0a6 6 0 1 1 12 0A6 6 0 0 1 1 7Z\"})),back:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M5.85 5.35 4.71 6.5h5.79a.5.5 0 0 1 0 1H4.7l1.15 1.15a.5.5 0 1 1-.7.7l-2-2a.5.5 0 0 1 0-.7l2-2a.5.5 0 1 1 .7.7Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M7 0a7 7 0 1 1 0 14A7 7 0 0 1 7 0Zm0 1a6 6 0 1 1 0 12A6 6 0 0 1 7 1Z\"})),proceed:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M3.5 6.5h5.8L8.14 5.35a.5.5 0 1 1 .7-.7l2 2c.2.2.2.5 0 .7l-2 2a.5.5 0 1 1-.7-.7L9.29 7.5H3.5a.5.5 0 0 1 0-1Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M7 14A7 7 0 1 1 7 0a7 7 0 0 1 0 14Zm0-1A6 6 0 1 1 7 1a6 6 0 0 1 0 12Z\"})),refresh:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M7.1.5H7a6.5 6.5 0 1 0 6.41 7.58.5.5 0 1 0-.99-.16A5.47 5.47 0 0 1 7 12.5a5.5 5.5 0 0 1 0-11 5.5 5.5 0 0 1 4.9 3H10a.5.5 0 0 0 0 1h3a.5.5 0 0 0 .5-.5V2a.5.5 0 0 0-1 0v1.53A6.5 6.5 0 0 0 7.1.5Z\"})),globe:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M14 7A7 7 0 1 0 0 7a7 7 0 0 0 14 0Zm-6.53 5.74c-.24.23-.4.26-.47.26-.08 0-.23-.03-.47-.26-.23-.24-.5-.62-.73-1.18A11.57 11.57 0 0 1 5 7.5h4a11.57 11.57 0 0 1-.8 4.06c-.24.56-.5.94-.73 1.18ZM8.99 6.5H5.01c.05-1.62.35-3.04.79-4.06.24-.56.5-.94.73-1.18.24-.23.4-.26.47-.26.08 0 .23.03.47.26.23.24.5.62.73 1.18.44 1.02.74 2.44.8 4.06Zm1 1c-.06 2.18-.56 4.08-1.28 5.25a6 6 0 0 0 4.27-5.25H9.99Zm2.99-1H9.99c-.06-2.18-.56-4.08-1.28-5.25a6 6 0 0 1 4.27 5.25ZM4 6.5c.06-2.18.56-4.08 1.28-5.25A6 6 0 0 0 1.02 6.5h2.99Zm-2.99 1a6 6 0 0 0 4.27 5.25c-.72-1.17-1.22-3.07-1.28-5.25H1.02Z\"})),compass:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M10.09 3.4 5.95 5.8a.37.37 0 0 0-.11.09.38.38 0 0 0-.04.05l-2.4 4.15a.37.37 0 0 0 0 .38c.1.18.33.24.5.14l4.15-2.4a.37.37 0 0 0 .15-.15l2.4-4.15a.37.37 0 0 0-.03-.44.37.37 0 0 0-.48-.07ZM4.75 9.25 7.6 7.6 6.4 6.4 4.75 9.25Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Zm-1 0A6 6 0 1 1 1 7a6 6 0 0 1 12 0Z\"})),location:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M0 7a7 7 0 1 1 14 0A7 7 0 0 1 0 7Zm6.5 3.5v2.48A6 6 0 0 1 1.02 7.5H3.5a.5.5 0 0 0 0-1H1.02A6 6 0 0 1 6.5 1.02V3.5a.5.5 0 0 0 1 0V1.02a6 6 0 0 1 5.48 5.48H10.5a.5.5 0 0 0 0 1h2.48a6 6 0 0 1-5.48 5.48V10.5a.5.5 0 0 0-1 0Z\"})),pin:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M9 5a2 2 0 1 1-4 0 2 2 0 0 1 4 0ZM8 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M12 5A5 5 0 0 0 2 5c0 2.63 2.27 6.15 4.65 8.64.2.2.5.2.7 0C9.73 11.15 12 7.64 12 5ZM7 1a4 4 0 0 1 4 4c0 1.06-.47 2.42-1.3 3.88A21.23 21.23 0 0 1 7 12.55c-1-1.1-1.97-2.39-2.7-3.67A8.46 8.46 0 0 1 3 5a4 4 0 0 1 4-4Z\"})),time:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M7 2c.28 0 .5.22.5.5v4H10a.5.5 0 0 1 0 1H7a.5.5 0 0 1-.5-.5V2.5c0-.28.22-.5.5-.5Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14Zm0-1A6 6 0 1 0 7 1a6 6 0 0 0 0 12Z\"})),dashboard:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M9.8 4.1a.5.5 0 0 1 .1.7L7.92 7.58A1 1 0 1 1 7.1 7l2-2.8a.5.5 0 0 1 .7-.12Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M2.07 12.97a7 7 0 1 1 9.86 0 12.96 12.96 0 0 0-9.86 0Zm9.58-1.18a6 6 0 1 0-9.3 0 13.98 13.98 0 0 1 9.3 0Z\"})),timer:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M7.5 4.5a.5.5 0 0 0-1 0v2.63a1 1 0 1 0 1 0V4.5Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M5.5.5c0-.28.22-.5.5-.5h2a.5.5 0 0 1 0 1h-.5v1.02c1.28.1 2.45.61 3.37 1.4l.78-.77a.5.5 0 0 1 .7.7l-.77.78a6 6 0 1 1-5.08-2.1V1H6a.5.5 0 0 1-.5-.5ZM7 3a5 5 0 1 0 0 10A5 5 0 0 0 7 3Z\"})),home:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"m7.35 1.15 5.5 5.5a.5.5 0 0 1-.7.7L12 7.21v5.29a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5V9H6v3.5a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5V7.2l-.15.15a.5.5 0 1 1-.7-.7l1-1 4.5-4.5c.2-.2.5-.2.7 0ZM3 6.2V12h2V8.5c0-.28.22-.5.5-.5h3c.28 0 .5.22.5.5V12h2V6.2l-4-4-4 4Z\"})),admin:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M1.21 4.1a.5.5 0 0 1 .06-.04l5.48-3a.5.5 0 0 1 .5 0l5.48 3a.5.5 0 0 1 .27.39.5.5 0 0 1-.51.55H1.51a.5.5 0 0 1-.3-.9ZM3.46 4h7.08L7 2.07 3.46 4Z\"}),React5__default.createElement(\"path\",{d:\"M4 6a.5.5 0 1 0-1 0v5a.5.5 0 0 0 1 0V6ZM11 6a.5.5 0 0 0-1 0v5a.5.5 0 0 0 1 0V6ZM5.75 5.5c.28 0 .5.22.5.5v5a.5.5 0 0 1-1 0V6c0-.28.22-.5.5-.5ZM8.75 6a.5.5 0 1 0-1 0v5a.5.5 0 0 0 1 0V6ZM1.5 12.5c0-.27.22-.5.5-.5h10a.5.5 0 0 1 0 1H2a.5.5 0 0 1-.5-.5Z\"})),info:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M7 5.5c.28 0 .5.22.5.5v4a.5.5 0 0 1-1 0V6c0-.28.22-.5.5-.5ZM7 4.5A.75.75 0 1 0 7 3a.75.75 0 0 0 0 1.5Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14Zm0-1A6 6 0 1 0 7 1a6 6 0 0 0 0 12Z\"})),question:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M5.25 5.25A1.75 1.75 0 1 1 7 7a.5.5 0 0 0-.5.5V9a.5.5 0 0 0 1 0V7.95a2.75 2.75 0 1 0-3.25-2.7.5.5 0 0 0 1 0ZM7 11.5A.75.75 0 1 0 7 10a.75.75 0 0 0 0 1.5Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Zm-1 0A6 6 0 1 1 1 7a6 6 0 0 1 12 0Z\"})),support:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Zm-3.52 4.9a5.97 5.97 0 0 1-6.96 0l1.45-1.45a3.98 3.98 0 0 0 4.06 0l1.45 1.44Zm-.03-2.87 1.44 1.45a5.97 5.97 0 0 0 0-6.96l-1.44 1.45a3.98 3.98 0 0 1 0 4.06ZM9.03 3.55l1.45-1.44a5.97 5.97 0 0 0-6.96 0l1.45 1.44a3.98 3.98 0 0 1 4.06 0ZM3.55 4.97 2.11 3.52a5.97 5.97 0 0 0 0 6.96l1.44-1.45a3.98 3.98 0 0 1 0-4.06ZM10 7a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z\"})),alert:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M7 4.5c.28 0 .5.22.5.5v3.5a.5.5 0 0 1-1 0V5c0-.28.22-.5.5-.5ZM7.75 10.5a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M7.2 1.04a.5.5 0 0 1 .24.21l6.49 11a.5.5 0 0 1-.44.75H.51a.5.5 0 0 1-.5-.45.5.5 0 0 1 .06-.31l6.5-10.99a.5.5 0 0 1 .64-.2ZM7 2.48 1.38 12h11.24L7 2.48Z\"})),email:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M0 2.5c0-.27.22-.5.5-.5h13c.28 0 .5.23.5.5v9a.5.5 0 0 1-.5.5H.5a.5.5 0 0 1-.5-.5v-9Zm1 1.02V11h12V3.52L7.31 7.89a.5.5 0 0 1-.52.07.5.5 0 0 1-.1-.07L1 3.52ZM12.03 3H1.97L7 6.87 12.03 3Z\"})),phone:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"m7.76 8.13-.05.05a.2.2 0 0 1-.28.03A6.76 6.76 0 0 1 5.8 6.56a.21.21 0 0 1 .04-.27l.05-.05c.23-.2.54-.47.71-.96.17-.47-.02-1.04-.66-1.94-.26-.38-.72-.96-1.22-1.46-.68-.69-1.2-1-1.65-1a.98.98 0 0 0-.51.13A3.23 3.23 0 0 0 .9 3.42c-.13 1.1.26 2.37 1.17 3.78a16.68 16.68 0 0 0 4.55 4.6 6.57 6.57 0 0 0 3.53 1.32A3.2 3.2 0 0 0 13 11.46c.14-.24.24-.64-.07-1.18a7.8 7.8 0 0 0-1.73-1.8c-.64-.5-1.52-1.12-2.13-1.12a.97.97 0 0 0-.34.06c-.47.17-.74.46-.95.69l-.02.02Zm4.32 2.68a6.8 6.8 0 0 0-1.48-1.54h-.02c-.3-.25-.64-.49-.95-.67a2.7 2.7 0 0 0-.56-.24h-.01c-.23.09-.34.21-.56.45l-.02.02-.04.04a1.2 1.2 0 0 1-1.6.15 7.76 7.76 0 0 1-1.86-1.89l-.01-.01-.02-.02a1.21 1.21 0 0 1 .2-1.53l.06-.06.02-.02c.22-.2.35-.31.43-.53v-.02c0-.02 0-.06-.03-.14a3.7 3.7 0 0 0-.5-.88h-.01V3.9c-.23-.33-.65-.87-1.1-1.32H4c-.31-.32-.55-.5-.72-.6a.6.6 0 0 0-.22-.1h-.03a2.23 2.23 0 0 0-1.15 1.66c-.09.78.18 1.8 1.02 3.1a15.68 15.68 0 0 0 4.27 4.33l.02.01.02.02a5.57 5.57 0 0 0 2.97 1.11 2.2 2.2 0 0 0 1.93-1.14h.01v-.05a.57.57 0 0 0-.05-.12Z\"})),link:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M11.84 2.16a2.25 2.25 0 0 0-3.18 0l-2.5 2.5c-.88.88-.88 2.3 0 3.18a.5.5 0 0 1-.7.7 3.25 3.25 0 0 1 0-4.59l2.5-2.5a3.25 3.25 0 0 1 4.59 4.6L10.48 8.1c.04-.44.01-.89-.09-1.32l1.45-1.45c.88-.88.88-2.3 0-3.18Z\"}),React5__default.createElement(\"path\",{d:\"M3.6 7.2c-.1-.42-.12-.87-.08-1.31L1.45 7.95a3.25 3.25 0 1 0 4.6 4.6l2.5-2.5a3.25 3.25 0 0 0 0-4.6.5.5 0 0 0-.7.7c.87.89.87 2.31 0 3.2l-2.5 2.5a2.25 2.25 0 1 1-3.2-3.2l1.46-1.44Z\"})),unlink:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"m1.45 7.95 1.3-1.3.71.7-1.3 1.3a2.25 2.25 0 1 0 3.18 3.2l1.3-1.31.71.7-1.3 1.3a3.25 3.25 0 0 1-4.6-4.59ZM12.55 6.05l-1.3 1.3-.71-.7 1.3-1.3a2.25 2.25 0 1 0-3.18-3.2l-1.3 1.31-.71-.7 1.3-1.3a3.25 3.25 0 0 1 4.6 4.59ZM1.85 1.15a.5.5 0 1 0-.7.7l11 11a.5.5 0 0 0 .7-.7l-11-11Z\"})),bell:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M8 1.11a1 1 0 1 0-1.99 0A4.5 4.5 0 0 0 2.5 5.5v3.88l-.94 1.89a.5.5 0 0 0-.06.3.5.5 0 0 0 .51.43h3.58a1.5 1.5 0 1 0 2.82 0H12a.5.5 0 0 0 .45-.73l-.94-1.89V5.5A4.5 4.5 0 0 0 8 1.11ZM2.8 11h8.4l-.5-1H3.3l-.5 1Zm7.7-2V5.5a3.5 3.5 0 1 0-7 0V9h7Zm-4 3.5a.5.5 0 1 1 1 0 .5.5 0 0 1-1 0Z\"})),rss:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M1.5.5c0-.28.22-.5.5-.5a12 12 0 0 1 12 12 .5.5 0 0 1-1 0A11 11 0 0 0 2 1a.5.5 0 0 1-.5-.5Z\"}),React5__default.createElement(\"path\",{d:\"M1.5 4.5c0-.28.22-.5.5-.5a8 8 0 0 1 8 8 .5.5 0 0 1-1 0 7 7 0 0 0-7-7 .5.5 0 0 1-.5-.5Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M5 11a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm-1 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z\"})),sharealt:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M2 1a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V7.5a.5.5 0 0 0-1 0V12H2V2h4.5a.5.5 0 0 0 0-1H2Z\"}),React5__default.createElement(\"path\",{d:\"M7.35 7.36 12 2.7v1.8a.5.5 0 0 0 1 0v-3a.5.5 0 0 0-.5-.5h-3a.5.5 0 1 0 0 1h1.8L6.64 6.64a.5.5 0 1 0 .7.7Z\"})),share:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M6.65.15c.2-.2.5-.2.7 0l2 2a.5.5 0 1 1-.7.7L7.5 1.72v6.8a.5.5 0 0 1-1 0V1.7L5.35 2.86a.5.5 0 1 1-.7-.71l2-2Z\"}),React5__default.createElement(\"path\",{d:\"M2 4a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1H9.5a.5.5 0 1 0 0 1H12v7H2V5h2.5a.5.5 0 0 0 0-1H2Z\"})),circlehollow:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M7 13A6 6 0 1 0 7 1a6 6 0 0 0 0 12Zm0 1A7 7 0 1 0 7 0a7 7 0 0 0 0 14Z\"})),circle:React5__default.createElement(\"path\",{d:\"M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Z\"}),bookmarkhollow:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M3.5 0h7c.28 0 .5.22.5.5v13a.5.5 0 0 1-.45.5.46.46 0 0 1-.38-.12L7 11.16l-3.17 2.72a.46.46 0 0 1-.38.12.5.5 0 0 1-.45-.5V.5c0-.28.22-.5.5-.5ZM4 12.41l2.66-2.28a.45.45 0 0 1 .38-.13c.1.01.2.05.29.12l2.67 2.3V1H4v11.41Z\"})),bookmark:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M3.5 0h7c.28 0 .5.22.5.5v13a.5.5 0 0 1-.45.5.46.46 0 0 1-.38-.12L7 11.16l-3.17 2.72a.46.46 0 0 1-.38.12.5.5 0 0 1-.45-.5V.5c0-.28.22-.5.5-.5Z\"})),hearthollow:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M12.81 1.85 13 2a2.97 2.97 0 0 1 .75 1.17 4.39 4.39 0 0 1 .12 2.51 6.26 6.26 0 0 1-1.65 2.55l-4.78 4.6A.59.59 0 0 1 7 13a.67.67 0 0 1-.44-.17L1.78 8.22a7.84 7.84 0 0 1-1.25-1.6C.37 6.31.24 6 .14 5.67a4.32 4.32 0 0 1 .12-2.51 3.2 3.2 0 0 1 1.95-1.9c.47-.18 1-.27 1.57-.27.3 0 .61.04.91.14.3.09.59.21.86.36s.52.33.77.52c.24.19.47.38.68.58a7.56 7.56 0 0 1 1.46-1.1c.27-.15.55-.27.84-.36.3-.1.6-.14.9-.14.59 0 1.12.09 1.59.26.39.15.73.34 1.02.59ZM1.2 3.53A2.2 2.2 0 0 1 2.57 2.2M1.2 3.53c-.13.33-.2.72-.2 1.18 0 .22.03.45.1.68a3.97 3.97 0 0 0 .79 1.46c.19.23.38.45.59.65l4.51 4.36 4.52-4.35c.2-.2.4-.4.59-.65.18-.23.34-.47.49-.73.13-.23.23-.48.3-.73.08-.23.11-.46.11-.7 0-.45-.07-.84-.2-1.18-.12-.33-.3-.6-.51-.8v-.01c-.22-.2-.5-.38-.85-.51-.34-.13-.75-.2-1.24-.2-.2 0-.4.03-.6.09a4.95 4.95 0 0 0-1.9 1.22l-.68.67-.7-.65a9.97 9.97 0 0 0-.62-.53c-.2-.16-.42-.3-.63-.42h-.01c-.21-.12-.43-.22-.66-.29C4.2 2.03 4 2 3.77 2c-.48 0-.88.07-1.21.2\"})),heart:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M12.81 1.85 13 2a2.97 2.97 0 0 1 .75 1.17 4.39 4.39 0 0 1 .12 2.51 6.26 6.26 0 0 1-1.65 2.55l-4.78 4.6A.59.59 0 0 1 7 13a.67.67 0 0 1-.44-.17L1.78 8.22a7.84 7.84 0 0 1-1.25-1.6C.37 6.31.24 6 .14 5.67a4.32 4.32 0 0 1 .12-2.51 3.2 3.2 0 0 1 1.95-1.9c.47-.18 1-.27 1.57-.27.3 0 .61.04.91.14.3.09.59.21.86.36s.52.33.77.52c.24.19.47.38.68.58a7.56 7.56 0 0 1 1.46-1.1c.27-.15.55-.27.84-.36.3-.1.6-.14.9-.14.59 0 1.12.09 1.59.26.39.15.73.34 1.02.59Z\"})),starhollow:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M6.32.78a.75.75 0 0 1 1.36 0l1.63 3.54 3.87.46c.63.07.89.86.42 1.3l-2.86 2.64.76 3.81a.75.75 0 0 1-1.1.8L7 11.43l-3.4 1.9a.75.75 0 0 1-1.1-.8l.76-3.81L.4 6.07a.75.75 0 0 1 .42-1.3l3.87-.45L6.32.78ZM7 1.7 5.54 4.86c-.11.24-.34.4-.6.43l-3.46.42 2.56 2.37c.2.17.28.44.23.7l-.68 3.42 3.04-1.7c.23-.14.5-.14.74 0l3.04 1.7-.68-3.43a.75.75 0 0 1 .23-.7l2.56-2.36-3.47-.42a.75.75 0 0 1-.59-.43L7 1.7Z\"})),star:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M7.68.78a.75.75 0 0 0-1.36 0L4.69 4.32l-3.87.46a.75.75 0 0 0-.42 1.3l2.86 2.64-.76 3.81a.75.75 0 0 0 1.1.8l3.4-1.9 3.4 1.9a.75.75 0 0 0 1.1-.8l-.76-3.81 2.86-2.65a.75.75 0 0 0-.42-1.3L9.3 4.33 7.68.78Z\"})),certificate:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M10 7.85A4.49 4.49 0 0 0 7 0a4.5 4.5 0 0 0-3 7.85V13a.5.5 0 0 0 .5.5.5.5 0 0 0 .35-.15L7 11.21l2.15 2.14A.5.5 0 0 0 10 13V7.85ZM7 8a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm-.35 2.15c.2-.2.5-.2.7 0L9 11.79V8.53a4.48 4.48 0 0 1-4 0v3.26l1.65-1.64Z\"})),verified:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M6.56 13.12a1 1 0 0 1 .88 0l.98.49a1 1 0 0 0 1.31-.43l.52-.97a1 1 0 0 1 .7-.51l1.08-.2a1 1 0 0 0 .81-1.1l-.15-1.1a1 1 0 0 1 .27-.82l.76-.8a1 1 0 0 0 0-1.37l-.76-.79a1 1 0 0 1-.27-.83l.15-1.08a1 1 0 0 0-.8-1.12l-1.09-.19a1 1 0 0 1-.7-.5L9.73.81A1 1 0 0 0 8.43.4l-1 .49a1 1 0 0 1-.87 0L5.58.39a1 1 0 0 0-1.31.43l-.52.97a1 1 0 0 1-.7.51l-1.08.2a1 1 0 0 0-.81 1.1l.15 1.1a1 1 0 0 1-.27.82l-.76.8a1 1 0 0 0 0 1.37l.76.79a1 1 0 0 1 .27.83l-.15 1.08a1 1 0 0 0 .8 1.12l1.09.19a1 1 0 0 1 .7.5l.52.98a1 1 0 0 0 1.3.43l1-.49Zm4.3-8.47c.19.2.19.5 0 .7l-4.5 4.5a.5.5 0 0 1-.71 0l-2.5-2.5a.5.5 0 1 1 .7-.7L6 8.79l4.15-4.14c.2-.2.5-.2.7 0Z\"})),thumbsup:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M11 12.02c-.4.37-.91.56-1.56.56h-.88a5.5 5.5 0 0 1-1.3-.16c-.42-.1-.91-.25-1.47-.45-.3-.12-.63-.21-.95-.27H2.88a.84.84 0 0 1-.62-.26.84.84 0 0 1-.26-.61V6.45c0-.24.09-.45.26-.62a.84.84 0 0 1 .62-.25h1.87c.16-.11.47-.47.93-1.06.27-.35.51-.64.74-.88.1-.11.19-.3.24-.58.05-.28.12-.57.2-.87.1-.3.24-.55.43-.74a.87.87 0 0 1 .62-.25c.38 0 .72.07 1.03.22.3.15.54.38.7.7a2.94 2.94 0 0 1 .21 1.58 3 3 0 0 1-.3 1h1.2c.47 0 .88.17 1.23.52s.52.8.52 1.22c0 .29-.04.66-.34 1.12.05.15.07.3.07.47 0 .35-.09.68-.26.98.07.54-.07 1.08-.4 1.51a1.9 1.9 0 0 1-.57 1.5Zm.47-5.33a.96.96 0 0 0 .03-.25.74.74 0 0 0-.23-.51.68.68 0 0 0-.52-.23H7.93l.73-1.45a2 2 0 0 0 .21-.87c0-.44-.07-.7-.13-.82a.53.53 0 0 0-.24-.24 1.3 1.3 0 0 0-.54-.12.99.99 0 0 0-.14.28c-.08.27-.13.52-.18.76-.06.38-.2.77-.48 1.07v.01l-.02.01c-.2.2-.4.46-.67.8l-.61.76c-.15.17-.35.38-.54.51l-.26.18H5v4.13h.02c.38.08.76.18 1.12.32.53.2.98.33 1.35.42.36.09.71.13 1.07.13h.88c.43 0 .68-.11.87-.29a.9.9 0 0 0 .26-.7l-.02-.37.22-.3c.17-.23.25-.5.2-.78l-.04-.33.17-.3a.97.97 0 0 0 .13-.48c0-.09 0-.13-.02-.15l-.15-.46.26-.4c.1-.15.13-.25.15-.33ZM3.5 10.8a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z\"})),shield:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M11.76 2.08a.5.5 0 0 1 .24.42v6a.5.5 0 0 1-.17.38l-4.5 3.99a.5.5 0 0 1-.67 0l-4.49-4A.5.5 0 0 1 2 8.5V2.5c0-.18.1-.34.24-.42l.01-.02a2.5 2.5 0 0 1 .3-.16c.22-.1.52-.24.92-.37C4.27 1.26 5.44 1 7 1c1.56 0 2.73.26 3.53.53a6.97 6.97 0 0 1 1.22.53l.01.02ZM3 2.79v5.49l1.07.94 6.59-6.58-.44-.17C9.52 2.24 8.44 2 7 2c-1.44 0-2.52.24-3.22.47-.35.12-.6.24-.78.32Zm4 9.04L4.82 9.9 11 3.71v4.57l-4 3.55Z\"})),basket:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M10.35 2.85a.5.5 0 1 0-.7-.7l-3 3a.5.5 0 1 0 .7.7l3-3Z\"}),React5__default.createElement(\"path\",{d:\"M2.09 6H4.5a.5.5 0 0 0 0-1H1.8a.75.75 0 0 0-.74.87l.8 4.88A1.5 1.5 0 0 0 3.36 12h7.3a1.5 1.5 0 0 0 1.48-1.25l.81-4.88A.75.75 0 0 0 12.2 5H10a.5.5 0 0 0 0 1h1.91l-.76 4.58a.5.5 0 0 1-.5.42h-7.3a.5.5 0 0 1-.5-.42L2.1 6Z\"}),React5__default.createElement(\"path\",{d:\"M4.5 7c.28 0 .5.22.5.5v2a.5.5 0 0 1-1 0v-2c0-.28.22-.5.5-.5ZM10 7.5a.5.5 0 0 0-1 0v2a.5.5 0 0 0 1 0v-2ZM6.5 9.5v-2a.5.5 0 0 1 1 0v2a.5.5 0 0 1-1 0Z\"})),beaker:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M4.5 2h.75v3.87l-3.03 5.26c-.48.83.12 1.87 1.08 1.87h7.4c.96 0 1.57-1.04 1.08-1.87L8.75 5.87V2h.75a.5.5 0 0 0 0-1h-5a.5.5 0 0 0 0 1Zm1.75 4V2h1.5v4.13l.07.12 1 1.75H5.18l1.01-1.75.07-.12V6ZM4.6 9l-1.52 2.63c-.1.16.03.37.22.37h7.4c.2 0 .31-.2.22-.37L9.4 9H4.6Z\"})),hourglass:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M7.5 10.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M3.5 1a.5.5 0 0 0-.5.5c0 1.06.14 1.9.68 2.97.34.7.86 1.5 1.6 2.53a16.53 16.53 0 0 0-1.8 2.96A6 6 0 0 0 3 12.49v.01a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5 6 6 0 0 0-.48-2.54c-.34-.8-.9-1.71-1.8-2.96a19.78 19.78 0 0 0 1.6-2.53c.54-1.08.68-1.9.68-2.97a.5.5 0 0 0-.5-.5h-7Zm6.49 11a4.68 4.68 0 0 0-.39-1.65c-.27-.65-.73-1.4-1.5-2.5a133 133 0 0 1-.75 1 .5.5 0 0 1-.56.1.5.5 0 0 1-.2-.16l-.7-.94a14.36 14.36 0 0 0-1.5 2.5A4.68 4.68 0 0 0 4.02 12H10ZM6.3 6.72l.7.94a90.06 90.06 0 0 0 .7-.96c.49-.67.87-1.22 1.17-1.7H5.13A32.67 32.67 0 0 0 6.3 6.72ZM4.56 4h4.88c.36-.73.5-1.31.55-2H4c.04.69.19 1.27.55 2Z\"})),flag:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M11.5 1h-9a.5.5 0 0 0-.5.5v11a.5.5 0 0 0 1 0V8h8.5a.5.5 0 0 0 .35-.85L9.21 4.5l2.64-2.65A.5.5 0 0 0 11.5 1ZM8.15 4.15 10.29 2H3v5h7.3L8.14 4.85a.5.5 0 0 1 0-.7Z\"})),cloudhollow:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M10 7V6a3 3 0 0 0-5.9-.74l-.18.68-.7.07A2.5 2.5 0 0 0 3.5 11h3.19l.07-.01h.08L7 11h4a2 2 0 1 0 0-4h-1ZM3.12 5.02A3.5 3.5 0 0 0 3.5 12H11a3 3 0 1 0 0-6 4 4 0 0 0-7.88-.98Z\"})),cloud:React5__default.createElement(\"path\",{d:\"M7 2a4 4 0 0 1 4 4 3 3 0 1 1 0 6H3.5a3.5 3.5 0 0 1-.38-6.98A4 4 0 0 1 7 2Z\"}),edit:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"m13.85 2.15-2-2a.5.5 0 0 0-.7 0l-1.5 1.5-9 9a.5.5 0 0 0-.14.26L0 13.39a.5.5 0 0 0 .14.46.5.5 0 0 0 .46.14l2.48-.5a.5.5 0 0 0 .27-.14l9-9 1.5-1.5a.5.5 0 0 0 0-.7ZM12 3.29l.8-.79-1.3-1.3-.8.8L12 3.3Zm-2-.58L1.7 11 3 12.3 11.3 4 10 2.7ZM1.14 12.86l.17-.85.68.68-.85.17Z\"})),cog:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M5.59 5.59a2 2 0 0 1 3.27 2.14.5.5 0 1 0 .93.37 3 3 0 1 0-1.7 1.7.5.5 0 1 0-.36-.94A2 2 0 0 1 5.6 5.6Z\",fill:\"#333\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M.94 6.53c.13.12.19.3.18.46 0 .17-.05.34-.18.47L0 8.39c.19.94.55 1.81 1.07 2.58h1.32c.18 0 .34.07.46.2.12.11.2.27.2.45v1.32c.76.51 1.62.88 2.55 1.06l.94-.94a.63.63 0 0 1 .45-.19h.03c.16 0 .33.07.45.19l.94.94a7.1 7.1 0 0 0 2.55-1.06v-1.33c0-.18.07-.35.2-.46.11-.12.27-.2.45-.2h1.33A7.1 7.1 0 0 0 14 8.4l-.95-.94a.64.64 0 0 1-.18-.47c0-.17.06-.34.18-.46l.95-.95a7.1 7.1 0 0 0-1.05-2.52h-1.34a.63.63 0 0 1-.46-.2.64.64 0 0 1-.2-.46V1.06A7.1 7.1 0 0 0 8.42 0l-.94.94a.63.63 0 0 1-.45.19H7a.63.63 0 0 1-.45-.19L5.6 0a7.1 7.1 0 0 0-2.56 1.06v1.33c0 .18-.07.34-.2.46a.63.63 0 0 1-.45.2H1.06A7.1 7.1 0 0 0 0 5.59l.94.94Zm.7 1.63c.33-.32.49-.75.48-1.17 0-.42-.15-.85-.47-1.17l-.54-.54c.12-.43.3-.85.51-1.23h.77c.46 0 .87-.2 1.17-.5.3-.29.48-.7.48-1.16v-.77c.4-.22.81-.39 1.25-.52l.54.55c.33.32.75.48 1.16.48h.03c.42 0 .84-.16 1.16-.48l.54-.54c.44.12.85.3 1.24.5v.8c0 .45.19.87.49 1.16.3.3.7.5 1.16.5h.78c.2.37.38.78.5 1.2l-.54.55c-.33.32-.49.75-.48 1.17 0 .42.15.85.48 1.17l.55.55c-.13.44-.3.85-.52 1.24h-.77c-.45 0-.87.2-1.16.5-.3.29-.5.7-.5 1.16v.77c-.38.21-.8.39-1.23.51l-.54-.54a1.64 1.64 0 0 0-1.16-.48H7c-.41 0-.83.16-1.16.48l-.54.55a6.1 6.1 0 0 1-1.25-.52v-.76c0-.45-.19-.87-.48-1.16-.3-.3-.71-.5-1.17-.5h-.76a6.1 6.1 0 0 1-.53-1.25l.55-.55Z\"})),nut:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M5.59 8.41a2 2 0 1 1 3.27-.68.5.5 0 1 0 .93.37 3 3 0 1 0-1.7 1.7.5.5 0 0 0-.36-.94 2 2 0 0 1-2.14-.45Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M6.5.29a1 1 0 0 1 1 0l5.06 2.92c.31.18.5.51.5.87v5.84a1 1 0 0 1-.5.87L7.5 13.7a1 1 0 0 1-1 0L1.44 10.8a1 1 0 0 1-.5-.87V4.08a1 1 0 0 1 .5-.87L6.5.3Zm.5.86 5.06 2.93v5.84L7 12.85 1.94 9.92V4.08L7 1.15Z\"})),wrench:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M10.5 1c.44 0 .56.52.25.83l-.8.81c-.2.2-.2.52 0 .72l.69.7c.2.2.52.2.72 0l.8-.81c.32-.31.84-.2.84.25a2.5 2.5 0 0 1-3.41 2.33L2.7 12.7a1 1 0 0 1-1.42-1.42l6.88-6.88A2.5 2.5 0 0 1 10.5 1ZM2 12.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z\"})),ellipsis:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M4 7a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM13 7a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM7 8.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z\"})),check:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M13.85 3.35a.5.5 0 0 0-.7-.7L5 10.79.85 6.65a.5.5 0 1 0-.7.7l4.5 4.5c.2.2.5.2.7 0l8.5-8.5Z\"})),form:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M2 1a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V6.4a.5.5 0 0 0-1 0V12H2V2h7.5a.5.5 0 0 0 0-1H2Z\"}),React5__default.createElement(\"path\",{d:\"m6.35 9.86 7.5-7.5a.5.5 0 0 0-.7-.71L6 8.8 3.85 6.65a.5.5 0 1 0-.7.7l2.5 2.5c.2.2.5.2.7 0Z\"})),batchdeny:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M11.5 2a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-2Zm-2.646.646a.5.5 0 0 1 0 .708L5.207 7l3.647 3.646a.5.5 0 0 1-.708.708L4.5 7.707.854 11.354a.5.5 0 0 1-.708-.708L3.793 7 .146 3.354a.5.5 0 1 1 .708-.708L4.5 6.293l3.646-3.647a.5.5 0 0 1 .708 0ZM11 7a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2A.5.5 0 0 1 11 7Zm.5 4a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-2Z\"})),batchaccept:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M11.5 2a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-2Zm-2.2.6a.5.5 0 0 1 .1.7l-5.995 7.993a.505.505 0 0 1-.37.206.5.5 0 0 1-.395-.152L.146 8.854a.5.5 0 1 1 .708-.708l2.092 2.093L8.6 2.7a.5.5 0 0 1 .7-.1ZM11 7a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2A.5.5 0 0 1 11 7Zm.5 4a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-2Z\"})),controls:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M10.5 1c.28 0 .5.22.5.5V2h1.5a.5.5 0 0 1 0 1H11v.5a.5.5 0 0 1-1 0V3H1.5a.5.5 0 0 1 0-1H10v-.5c0-.28.22-.5.5-.5ZM1.5 11a.5.5 0 0 0 0 1H10v.5a.5.5 0 0 0 1 0V12h1.5a.5.5 0 0 0 0-1H11v-.5a.5.5 0 0 0-1 0v.5H1.5ZM1 7c0-.28.22-.5.5-.5H3V6a.5.5 0 0 1 1 0v.5h8.5a.5.5 0 0 1 0 1H4V8a.5.5 0 0 1-1 0v-.5H1.5A.5.5 0 0 1 1 7Z\"})),plus:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M7.5.5a.5.5 0 0 0-1 0v6h-6a.5.5 0 0 0 0 1h6v6a.5.5 0 0 0 1 0v-6h6a.5.5 0 0 0 0-1h-6v-6Z\"})),closeAlt:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M2.03.97A.75.75 0 0 0 .97 2.03L5.94 7 .97 11.97a.75.75 0 1 0 1.06 1.06L7 8.06l4.97 4.97a.75.75 0 1 0 1.06-1.06L8.06 7l4.97-4.97A.75.75 0 0 0 11.97.97L7 5.94 2.03.97Z\"})),cross:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M1.85 1.15a.5.5 0 1 0-.7.7L6.29 7l-5.14 5.15a.5.5 0 0 0 .7.7L7 7.71l5.15 5.14a.5.5 0 0 0 .7-.7L7.71 7l5.14-5.15a.5.5 0 0 0-.7-.7L7 6.29 1.85 1.15Z\"})),trash:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M5.5 4.5c.28 0 .5.22.5.5v5a.5.5 0 0 1-1 0V5c0-.28.22-.5.5-.5ZM9 5a.5.5 0 0 0-1 0v5a.5.5 0 0 0 1 0V5Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M4.5.5c0-.28.22-.5.5-.5h4c.28 0 .5.22.5.5V2h3a.5.5 0 0 1 0 1H12v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V3h-.5a.5.5 0 0 1 0-1h3V.5ZM3 3v8a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V3H3Zm2.5-2h3v1h-3V1Z\"})),pinalt:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M13.44 4.44 9.56.56a1.5 1.5 0 0 0-2.12 0L7 1a1.41 1.41 0 0 0 0 2L5 5H3.66A4 4 0 0 0 .83 6.17l-.48.48a.5.5 0 0 0 0 .7l2.8 2.8-3 3a.5.5 0 0 0 .7.7l3-3 2.8 2.8c.2.2.5.2.7 0l.48-.48A4 4 0 0 0 9 10.34V9l2-2c.55.55 1.45.55 2 0l.44-.44a1.5 1.5 0 0 0 0-2.12ZM11 5.59l-3 3v1.75a3 3 0 0 1-.88 2.12L7 12.6 1.41 7l.13-.12A3 3 0 0 1 3.66 6H5.4l3-3-.7-.7a.41.41 0 0 1 0-.6l.44-.43c.2-.2.5-.2.7 0l3.88 3.88c.2.2.2.5 0 .7l-.44.44a.41.41 0 0 1-.58 0L11 5.6Z\"})),unpin:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M13.44 4.44 9.56.56a1.5 1.5 0 0 0-2.12 0L7 1a1.41 1.41 0 0 0 0 2L5.7 4.3l.71.7 2-2-.7-.7a.41.41 0 0 1 0-.6l.44-.43c.2-.2.5-.2.7 0l3.88 3.88c.2.2.2.5 0 .7l-.44.44a.41.41 0 0 1-.58 0L11 5.6l-2 2 .7.7L11 7c.55.55 1.45.55 2 0l.44-.44a1.5 1.5 0 0 0 0-2.12ZM.83 6.17A4 4 0 0 1 3.59 5l1 1h-.93a3 3 0 0 0-2.12.88L1.4 7 7 12.59l.12-.13A3 3 0 0 0 8 10.34v-.93l1 1a4 4 0 0 1-1.17 2.76l-.48.48a.5.5 0 0 1-.7 0l-2.8-2.8-3 3a.5.5 0 0 1-.7-.7l3-3-2.8-2.8a.5.5 0 0 1 0-.7l.48-.48Zm1.02-5.02a.5.5 0 1 0-.7.7l11 11a.5.5 0 0 0 .7-.7l-11-11Z\"})),add:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M7 3c.28 0 .5.22.5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3c0-.28.22-.5.5-.5Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14Zm0-1A6 6 0 1 0 7 1a6 6 0 0 0 0 12Z\"})),subtract:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M3.5 6.5a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1h-7Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Zm-1 0A6 6 0 1 1 1 7a6 6 0 0 1 12 0Z\"})),close:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M9.85 4.15c.2.2.2.5 0 .7L7.71 7l2.14 2.15a.5.5 0 0 1-.7.7L7 7.71 4.85 9.85a.5.5 0 0 1-.7-.7L6.29 7 4.15 4.85a.5.5 0 1 1 .7-.7L7 6.29l2.15-2.14c.2-.2.5-.2.7 0Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14Zm0-1A6 6 0 1 0 7 1a6 6 0 0 0 0 12Z\"})),delete:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Zm-1 0a6 6 0 0 1-9.87 4.58l8.45-8.45A5.98 5.98 0 0 1 13 7ZM2.42 10.87l8.45-8.45a6 6 0 0 0-8.46 8.46Z\"})),passed:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14Zm3.85-9.35c.2.2.2.5 0 .7l-4.5 4.5a.5.5 0 0 1-.7 0l-2.5-2.5a.5.5 0 1 1 .7-.7L6 8.79l4.15-4.14c.2-.2.5-.2.7 0Z\"})),changed:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14ZM3.5 6.5a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1h-7Z\"})),failed:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14Zm2.85-9.85c.2.2.2.5 0 .7L7.71 7l2.14 2.15a.5.5 0 0 1-.7.7L7 7.71 4.85 9.85a.5.5 0 0 1-.7-.7L6.29 7 4.15 4.85a.5.5 0 1 1 .7-.7L7 6.29l2.15-2.14c.2-.2.5-.2.7 0Z\"})),clear:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M5 2h7a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H5a2 2 0 0 1-1.41-.59l-3-3a2 2 0 0 1 0-2.82l3-3A2 2 0 0 1 5 2Zm1.15 3.15c.2-.2.5-.2.7 0L8 6.29l1.15-1.14a.5.5 0 1 1 .7.7L8.71 7l1.14 1.15a.5.5 0 0 1-.7.7L8 7.71 6.85 8.85a.5.5 0 1 1-.7-.7L7.29 7 6.15 5.85a.5.5 0 0 1 0-.7Z\"})),comment:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M3.5 5a.5.5 0 1 0 0 1h7a.5.5 0 0 0 0-1h-7ZM3 8.5c0-.27.22-.5.5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M12.5 12H5.7l-1.85 1.86a.5.5 0 0 1-.35.14.5.5 0 0 1-.5-.5V12H1.5a.5.5 0 0 1-.5-.5v-9c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5v9a.5.5 0 0 1-.5.5ZM2 11V3h10v8H2Z\"})),commentadd:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M7.5 5a.5.5 0 1 0-1 0v1.5H5a.5.5 0 1 0 0 1h1.5V9a.5.5 0 0 0 1 0V7.5H9a.5.5 0 0 0 0-1H7.5V5Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M3.7 13.97a.5.5 0 0 1-.7-.46V12H1.5a.5.5 0 0 1-.5-.5v-9c0-.28.22-.5.5-.5h11c.28 0 .5.22.5.5v9a.5.5 0 0 1-.5.5H5.7l-1.85 1.85a.5.5 0 0 1-.16.1ZM2 3v8h10V3H2Z\"})),requestchange:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M9.85 6.65c.2.2.2.51 0 .7l-2 2a.5.5 0 1 1-.7-.7L8.3 7.5H4.5a.5.5 0 0 1 0-1h3.79L7.15 5.36a.5.5 0 1 1 .7-.71l2 2Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M3.7 13.97a.5.5 0 0 1-.7-.46V12H1.5a.5.5 0 0 1-.5-.5v-9c0-.28.22-.5.5-.5h11c.28 0 .5.22.5.5v9a.5.5 0 0 1-.5.5H5.7l-1.85 1.85a.5.5 0 0 1-.16.1ZM2 3v8h10V3H2Z\"})),comments:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M8.5 7a.5.5 0 0 0 0-1h-5a.5.5 0 1 0 0 1h5ZM9 8.5a.5.5 0 0 1-.5.5h-5a.5.5 0 0 1 0-1h5c.28 0 .5.23.5.5Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M12 11.5V10h1.5a.5.5 0 0 0 .5-.5v-8a.5.5 0 0 0-.5-.5h-11a.5.5 0 0 0-.5.5V3H.5a.5.5 0 0 0-.5.5v8c0 .28.22.5.5.5H2v1.5a.5.5 0 0 0 .5.5.5.5 0 0 0 .35-.14L4.71 12h6.79a.5.5 0 0 0 .5-.5ZM3 3V2h10v7h-1V3.5a.5.5 0 0 0-.5-.5H3Zm-2 8V4h10v7H1Z\"})),lock:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M8 8a1 1 0 0 1-.5.87v1.63a.5.5 0 0 1-1 0V8.87A1 1 0 1 1 8 8Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M3 4a4 4 0 1 1 8 0v1h1.5c.28 0 .5.23.5.5v8a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-8c0-.27.22-.5.5-.5H3V4Zm7 1V4a3 3 0 1 0-6 0v1h6Zm2 1H2v7h10V6Z\"})),unlock:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M6.5 8.87a1 1 0 1 1 1 0v1.63a.5.5 0 0 1-1 0V8.87Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",clipRule:\"evenodd\",d:\"M7 1a3 3 0 0 0-3 3v1h8.5c.28 0 .5.23.5.5v8a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-8c0-.27.22-.5.5-.5H3V4a4 4 0 0 1 7.76-1.38.5.5 0 0 1-.94.34A3 3 0 0 0 7 1ZM2 6h10v7H2V6Z\"})),key:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M11 4a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M7.5 8.53v.97a.5.5 0 0 1-.5.5H5.5v1.5a.5.5 0 0 1-.5.5H3.5v1.5a.5.5 0 0 1-.5.5H.5a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 1 .15-.36l5.12-5.11a4.5 4.5 0 1 1 2.23 2.5ZM6 4.5a3.5 3.5 0 1 1 1.5 2.87c-.29-.2-1-.37-1 .48V9H5a.5.5 0 0 0-.5.5V11H3a.5.5 0 0 0-.5.5V13H1v-1.3l5.2-5.19c.15-.16.18-.4.1-.6A3.47 3.47 0 0 1 6 4.5Z\"})),outbox:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M7.35.15a.5.5 0 0 0-.7 0l-2 2a.5.5 0 1 0 .7.7L6.5 1.72v6.8a.5.5 0 0 0 1 0V1.7l1.15 1.15a.5.5 0 1 0 .7-.71l-2-2Z\"}),React5__default.createElement(\"path\",{d:\"M2 7.5a.5.5 0 1 0-1 0v5c0 .28.22.5.5.5h11a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-1 0V12H2V7.5Z\"})),credit:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M2.5 8a.5.5 0 1 0 0 1h3a.5.5 0 0 0 0-1h-3Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M0 11.5c0 .28.22.5.5.5h13a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5H.5a.5.5 0 0 0-.5.5v9ZM1 3v1h12V3H1Zm0 8h12V6H1v5Z\"})),button:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M1 3a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h3.5a.5.5 0 1 0 0-1H1V4h12v5h-1a.5.5 0 0 0 0 1h1a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1H1Z\"}),React5__default.createElement(\"path\",{d:\"M6.45 7a.5.5 0 0 1 .3.08l3.48 2.02a.5.5 0 0 1 0 .87l-1.08.62.75 1.3a.75.75 0 0 1-1.3.75l-.75-1.3-1.07.62a.5.5 0 0 1-.67-.13.5.5 0 0 1-.1-.3L6 7.5a.5.5 0 0 1 .45-.5Z\"})),type:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M4 1.5c0-.27.22-.5.5-.5h5a.5.5 0 1 1 0 1h-2v10h2a.5.5 0 0 1 0 1h-5a.5.5 0 0 1 0-1h2V2h-2a.5.5 0 0 1-.5-.5Z\"}),React5__default.createElement(\"path\",{d:\"M0 4.5c0-.27.22-.5.5-.5h4a.5.5 0 1 1 0 1H1v4h3.5a.5.5 0 1 1 0 1h-4a.5.5 0 0 1-.5-.5v-5ZM9.5 4a.5.5 0 1 0 0 1H13v4H9.5a.5.5 0 1 0 0 1h4a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-.5-.5h-4Z\"})),pointerdefault:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M5.94 12.46c.11 0 .2-.06.25-.15l1.58-3.16 2.54 2.54c.04.05.1.07.19.07a.3.3 0 0 0 .2-.07l.8-.8a.27.27 0 0 0 0-.38L8.9 7.9l3.4-1.7c.06-.03.1-.07.12-.11a.22.22 0 0 0 .04-.14.33.33 0 0 0-.06-.16.17.17 0 0 0-.09-.07h-.02L1.91 1.55a.27.27 0 0 0-.35.36l4.15 10.37c.04.09.12.16.23.17Zm-.03 1h-.02a1.28 1.28 0 0 1-1.1-.8L.62 2.29A1.27 1.27 0 0 1 2.3.63l10.35 4.15c.52.18.79.65.81 1.11.04.53-.27.98-.7 1.2l-2.17 1.08L12.2 9.8c.5.5.5 1.3 0 1.8l-.8.8v.01c-.5.46-1.3.48-1.8-.01l-1.56-1.56-.95 1.92c-.23.45-.68.7-1.15.7h-.03Z\"})),pointerhand:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M11.87 6v-.02c-.03-.27-.23-.48-.47-.5a.5.5 0 0 0-.53.5v1.41c0 .25-.22.47-.47.47a.48.48 0 0 1-.47-.47V5.17a.6.6 0 0 0 0-.05c-.02-.27-.23-.5-.47-.5a.5.5 0 0 0-.52.5v1.65l-.01.1a.49.49 0 0 1-.46.37.48.48 0 0 1-.47-.47V4.62a.6.6 0 0 0 0-.05c-.03-.27-.23-.48-.47-.5a.5.5 0 0 0-.53.5v2.2c0 .25-.22.47-.47.47a.49.49 0 0 1-.47-.47V1.75c-.02-.27-.22-.5-.47-.5a.5.5 0 0 0-.52.5v6.78c0 .25-.22.47-.47.47a.48.48 0 0 1-.47-.47v-.26a.78.78 0 0 0-.06-.31.65.65 0 0 0-.16-.22l-.2-.19A6.37 6.37 0 0 0 3.06 7h-.02c-.43-.34-.62-.25-.69-.2-.26.14-.29.5-.13.74l1.73 2.6v.01h-.01l-.04.02.05-.02s1.21 2.6 3.57 2.6c3.54 0 4.2-1.9 4.31-4.42.04-.6.04-1.19.03-1.78V6Zm.97 2.38c-.06 1.29-.26 2.67-1.08 3.72-.88 1.12-2.29 1.65-4.23 1.65a4.64 4.64 0 0 1-3.4-1.62 6.96 6.96 0 0 1-1.05-1.5v-.02L1.4 8.1A1.6 1.6 0 0 1 1.15 7c.05-.38.26-.8.69-1.04.2-.13.48-.23.85-.19.36.05.68.22.98.45.14.1.27.22.4.33v-4.8A1.5 1.5 0 0 1 5.63.25c.93.04 1.43.86 1.43 1.55v1.33c.17-.05.35-.07.53-.06h.02c.5.04.91.33 1.15.71a1.5 1.5 0 0 1 .74-.16c.66.03 1.12.46 1.32.97a1.5 1.5 0 0 1 .64-.1h.02c.85.06 1.39.8 1.39 1.55v.48c0 .6 0 1.24-.03 1.86Z\"})),browser:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M.5 13a.5.5 0 0 1-.5-.5v-11c0-.27.22-.5.5-.5h13c.28 0 .5.23.5.5v11a.5.5 0 0 1-.5.5H.5Zm.5-1V4h12v8H1Zm1-9.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm2 0a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm2 0a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z\"})),tablet:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M3.5 0C2.67 0 2 .68 2 1.5v11c0 .83.67 1.5 1.5 1.5h7c.83 0 1.5-.67 1.5-1.5v-11c0-.82-.67-1.5-1.5-1.5h-7Zm0 1h7c.28 0 .5.23.5.5V11H3V1.5c0-.27.22-.5.5-.5ZM6 12a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1H6Z\"})),mobile:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M3 1.5C3 .68 3.67 0 4.5 0h5c.83 0 1.5.68 1.5 1.5v11c0 .83-.67 1.5-1.5 1.5h-5A1.5 1.5 0 0 1 3 12.5v-11ZM4 12V2h6v10H4Z\"})),watch:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{key:\"watch\",fillRule:\"evenodd\",d:\"M4 .5c0-.27.22-.5.5-.5h5a.5.5 0 0 1 0 1h-5A.5.5 0 0 1 4 .5ZM9.5 3h-5a.5.5 0 0 0-.5.5v7c0 .28.22.5.5.5h5a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.5-.5Zm-5-1C3.67 2 3 2.68 3 3.5v7c0 .83.67 1.5 1.5 1.5h5c.83 0 1.5-.67 1.5-1.5v-7c0-.82-.67-1.5-1.5-1.5h-5ZM7 4c.28 0 .5.23.5.5v2h1a.5.5 0 1 1 0 1H7a.5.5 0 0 1-.5-.5V4.5c0-.27.22-.5.5-.5Zm-2.5 9a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5Z\"})),sidebar:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M2.5 4.5c0-.27.22-.5.5-.5h1a.5.5 0 1 1 0 1H3a.5.5 0 0 1-.5-.5ZM3 6a.5.5 0 1 0 0 1h1a.5.5 0 0 0 0-1H3Zm-.5 2.5c0-.27.22-.5.5-.5h1a.5.5 0 1 1 0 1H3a.5.5 0 0 1-.5-.5Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M1.5 13a.5.5 0 0 1-.5-.5v-11c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5v11a.5.5 0 0 1-.5.5h-11Zm.5-1V2h3v10H2ZM6 2h6v10H6V2Z\"})),sidebaralt:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M9.5 4.5c0-.27.22-.5.5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5ZM10 6a.5.5 0 1 0 0 1h1a.5.5 0 0 0 0-1h-1Zm-.5 2.5c0-.27.22-.5.5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M1.5 13a.5.5 0 0 1-.5-.5v-11c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5v11a.5.5 0 0 1-.5.5h-11Zm.5-1V2h6v10H2ZM9 2h3v10H9V2Z\"})),sidebaralttoggle:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M11.5 4.5A.5.5 0 0 0 11 4h-1a.5.5 0 1 0 0 1h1a.5.5 0 0 0 .5-.5ZM11 6a.5.5 0 0 1 0 1h-1a.5.5 0 0 1 0-1h1Zm.5 2.5A.5.5 0 0 0 11 8h-1a.5.5 0 1 0 0 1h1a.5.5 0 0 0 .5-.5Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M1.5 13a.5.5 0 0 1-.5-.5v-11c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5v11a.5.5 0 0 1-.5.5h-11ZM9 12h3V2H9v10Zm-1 0H2V2h6v4.5H5.2l.66-.65a.5.5 0 1 0-.71-.7l-1.5 1.5a.5.5 0 0 0 0 .7l1.5 1.5a.5.5 0 1 0 .7-.7l-.64-.65H8V12Z\"})),sidebartoggle:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M2.5 4.5c0-.27.22-.5.5-.5h1a.5.5 0 1 1 0 1H3a.5.5 0 0 1-.5-.5ZM3 6a.5.5 0 1 0 0 1h1a.5.5 0 0 0 0-1H3Zm-.5 2.5c0-.27.22-.5.5-.5h1a.5.5 0 1 1 0 1H3a.5.5 0 0 1-.5-.5Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M1.5 13a.5.5 0 0 1-.5-.5v-11c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5v11a.5.5 0 0 1-.5.5h-11Zm.5-1V2h3v10H2Zm4 0V7.5h2.8l-.65.65a.5.5 0 1 0 .7.7l1.5-1.5a.5.5 0 0 0 0-.7l-1.5-1.5a.5.5 0 1 0-.7.7l.64.65H6V2h6v10H6Z\"})),bottombar:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M3 10.5c0-.27.22-.5.5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5Zm3.5-.5a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1Zm2.5.5c0-.27.22-.5.5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M1 1.5c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5v11a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11ZM2 8V2h10v6H2Zm10 1v3H2V9h10Z\"})),bottombartoggle:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M3.5 10a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1Zm2.5.5c0-.27.22-.5.5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5Zm3.5-.5a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M1 12.5v-11c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5v11a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5Zm1-.5V9h10v3H2Zm4.5-4H2V2h10v6H7.5V5.21l.65.65a.5.5 0 1 0 .7-.71l-1.5-1.5a.5.5 0 0 0-.7 0l-1.5 1.5a.5.5 0 1 0 .7.7l.65-.64v2.8Z\"})),cpu:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M5 5.5c0-.27.22-.5.5-.5h3c.28 0 .5.23.5.5v3a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-3ZM6 8V6h2v2H6Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M5.5 0c.28 0 .5.23.5.5V2h2V.5a.5.5 0 0 1 1 0V2h2.5c.28 0 .5.23.5.5V5h1.5a.5.5 0 0 1 0 1H12v2h1.5a.5.5 0 0 1 0 1H12v2.5a.5.5 0 0 1-.5.5H9v1.5a.5.5 0 0 1-1 0V12H6v1.5a.5.5 0 0 1-1 0V12H2.5a.5.5 0 0 1-.5-.5V9H.5a.5.5 0 0 1 0-1H2V6H.5a.5.5 0 0 1 0-1H2V2.5c0-.27.22-.5.5-.5H5V.5c0-.27.22-.5.5-.5ZM11 3H3v8h8V3Z\"})),database:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M12 3c0-1.1-2.24-2-5-2s-5 .9-5 2v8c0 .43.26.75.54.98.3.23.68.41 1.12.55.88.3 2.06.47 3.34.47 1.28 0 2.46-.17 3.34-.46.44-.15.83-.33 1.12-.56.28-.23.54-.55.54-.98V3Zm-1.03 0a2.45 2.45 0 0 0-.8-.49A8.88 8.88 0 0 0 7 2c-1.29 0-2.4.21-3.16.51a2.45 2.45 0 0 0-.81.49l.05.05c.13.13.37.28.76.44C4.6 3.79 5.7 4 7 4s2.4-.21 3.16-.51a2.45 2.45 0 0 0 .81-.49ZM11 5.75V4.2A8.9 8.9 0 0 1 7 5a8.98 8.98 0 0 1-4-.8v1.55l.02.04c.02.04.06.09.14.15.17.13.44.27.82.4A10 10 0 0 0 7 6.75a10 10 0 0 0 3.02-.41c.38-.13.65-.27.82-.4a.62.62 0 0 0 .14-.15.15.15 0 0 0 .02-.03v-.01ZM3 7.01c.2.1.42.2.66.28.88.29 2.06.46 3.34.46 1.28 0 2.46-.17 3.34-.46.24-.08.46-.17.66-.28V8.5l-.02.04a.62.62 0 0 1-.14.15c-.17.13-.44.27-.82.4A10 10 0 0 1 7 9.5a10 10 0 0 1-3.02-.41 2.76 2.76 0 0 1-.82-.4.62.62 0 0 1-.14-.15.15.15 0 0 1-.02-.03V7Zm0 2.75V11l.02.04c.02.04.06.09.14.15.17.13.44.27.82.4A10 10 0 0 0 7 12a10 10 0 0 0 3.02-.41c.38-.13.65-.27.82-.4a.62.62 0 0 0 .14-.15.15.15 0 0 0 .02-.03V9.76c-.2.1-.42.2-.66.28-.88.29-2.06.46-3.34.46-1.28 0-2.46-.17-3.34-.46A4.77 4.77 0 0 1 3 9.76Z\"})),memory:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M5 3a.5.5 0 0 0-1 0v3a.5.5 0 0 0 1 0V3Zm2-.5c.28 0 .5.22.5.5v3a.5.5 0 0 1-1 0V3c0-.28.22-.5.5-.5Zm3 2a.5.5 0 1 0-1 0V6a.5.5 0 0 0 1 0V4.5Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M12 3.54a.5.5 0 0 0-.15-.39l-3-3a.5.5 0 0 0-.38-.14H2.5a.5.5 0 0 0-.5.5v13c0 .27.22.5.5.5h9a.5.5 0 0 0 .5-.5V3.53ZM3 1h5.3L11 3.71v5.3H3V1Zm0 9v3h8v-3H3Z\"})),structure:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M8.16 3.45a1.5 1.5 0 1 0-2.33 0l-4.02 6.58A1.5 1.5 0 1 0 2.91 12h8.18a1.5 1.5 0 1 0 1.1-1.97L8.16 3.45Zm-1.47.52a1.5 1.5 0 0 0 .62 0l4.03 6.58c-.11.14-.2.29-.25.45H2.9a1.5 1.5 0 0 0-.25-.45L6.7 3.97Z\"})),box:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"m7.21.05 6.49 2.99a.5.5 0 0 1 .3.47v6.98a.5.5 0 0 1-.3.47l-6.47 2.98a.5.5 0 0 1-.46 0L.3 10.96a.5.5 0 0 1-.3-.47V3.5a.5.5 0 0 1 .3-.47L6.79.05a.5.5 0 0 1 .43 0ZM1 4.28v5.9l5.5 2.54v-5.9L1 4.28Zm6.5 8.44 5.5-2.54v-5.9L7.5 6.82v5.9Zm4.8-9.22L7 5.95 1.7 3.5 7 1.05l5.3 2.45Z\"})),power:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M7.5.5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0v-6Z\"}),React5__default.createElement(\"path\",{d:\"M4.27 2.8a.5.5 0 0 0-.54-.83 6 6 0 1 0 6.54 0 .5.5 0 0 0-.54.84 5 5 0 1 1-5.46 0Z\"})),photo:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M6.25 4.25a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Zm-.5 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M13 1.5v11a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5ZM2 9.3V2h10v5.3L9.85 5.15a.5.5 0 0 0-.7 0L6.5 7.8 5.35 6.65a.5.5 0 0 0-.7 0L2 9.3Zm7.5-3.1L12 8.7V12H2v-1.3l3-3 3.15 3.15a.5.5 0 0 0 .7-.71L7.21 8.5 9.5 6.21Z\"})),component:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M3.5 1A2.5 2.5 0 0 0 1 3.5v7A2.5 2.5 0 0 0 3.5 13h7a2.5 2.5 0 0 0 2.5-2.5v-7A2.5 2.5 0 0 0 10.5 1h-7ZM12 6.5H7.5V2h3c.83 0 1.5.68 1.5 1.5v3Zm0 1v3c0 .83-.67 1.5-1.5 1.5h-3V7.5H12ZM6.5 12V7.5H2v3c0 .83.67 1.5 1.5 1.5h3ZM2 6.5h4.5V2h-3C2.67 2 2 2.68 2 3.5v3Z\"})),grid:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M1 1.5c0-.27.22-.5.5-.5H6c.28 0 .5.23.5.5V6a.5.5 0 0 1-.5.5H1.5A.5.5 0 0 1 1 6V1.5Zm1 4V2h3.5v3.5H2Zm5.5-4c0-.27.22-.5.5-.5h4.5c.28 0 .5.23.5.5V6a.5.5 0 0 1-.5.5H8a.5.5 0 0 1-.5-.5V1.5Zm1 4V2H12v3.5H8.5Zm-7 2A.5.5 0 0 0 1 8v4.5c0 .28.22.5.5.5H6a.5.5 0 0 0 .5-.5V8a.5.5 0 0 0-.5-.5H1.5Zm.5 1V12h3.5V8.5H2ZM7.5 8c0-.27.22-.5.5-.5h4.5c.28 0 .5.23.5.5v4.5a.5.5 0 0 1-.5.5H8a.5.5 0 0 1-.5-.5V8Zm1 4V8.5H12V12H8.5Z\"})),outline:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M2 2v2H1V1.5c0-.27.22-.5.5-.5H4v1H2ZM1 9V5h1v4H1Zm0 1v2.5c0 .28.22.5.5.5H4v-1H2v-2H1Zm9 3h2.5a.5.5 0 0 0 .5-.5V10h-1v2h-2v1Zm2-9h1V1.5a.5.5 0 0 0-.5-.5H10v1h2v2Zm-3 8v1H5v-1h4ZM9 1v1H5V1h4Zm4 8h-1V5h1v4ZM7 8a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z\"})),photodrag:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M8.25 3.25a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Zm-.5 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M14 7V.5a.5.5 0 0 0-.5-.5h-10a.5.5 0 0 0-.5.5V3H.5a.5.5 0 0 0-.5.5V6h1V4h2v6.5c0 .28.22.5.5.5H10v2H8v1h2.5a.5.5 0 0 0 .5-.5V11h2.5a.5.5 0 0 0 .5-.5V7ZM4 1v5.8l1.65-1.65c.2-.2.5-.2.7 0L7.5 6.3l2.65-2.65c.2-.2.5-.2.7 0L13 5.8V1H4Zm9 6.21-2.5-2.5-2.3 2.3 1.15 1.14a.5.5 0 1 1-.7.7L6 6.22l-2 2v1.8h9V7.2Z\"}),React5__default.createElement(\"path\",{d:\"M0 10V7h1v3H0Zm0 3.5V11h1v2h2v1H.5a.5.5 0 0 1-.5-.5Zm7 .5H4v-1h3v1Z\"})),search:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M9.54 10.2a5.5 5.5 0 1 1 .66-.66c.06.03.11.06.15.1l3 3a.5.5 0 0 1-.7.71l-3-3a.5.5 0 0 1-.1-.14ZM10.5 6a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Z\"})),zoom:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M6 3.5c.28 0 .5.22.5.5v1.5H8a.5.5 0 0 1 0 1H6.5V8a.5.5 0 0 1-1 0V6.5H4a.5.5 0 0 1 0-1h1.5V4c0-.28.22-.5.5-.5Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M9.54 10.2a5.5 5.5 0 1 1 .66-.66c.06.03.11.06.15.1l3 3a.5.5 0 0 1-.7.71l-3-3a.5.5 0 0 1-.1-.14ZM10.5 6a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Z\"})),zoomout:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M4 5.5a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1H4Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M6 11.5c1.35 0 2.59-.49 3.54-1.3.03.06.06.11.1.15l3 3a.5.5 0 0 0 .71-.7l-3-3a.5.5 0 0 0-.14-.1A5.5 5.5 0 1 0 6 11.5Zm0-1a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9Z\"})),zoomreset:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M1.5 2.84V1.5a.5.5 0 0 0-1 0V4c0 .28.22.5.5.5h2.5a.5.5 0 0 0 0-1H2.26a4.5 4.5 0 1 1-.5 4.02.5.5 0 1 0-.94.33 5.5 5.5 0 0 0 8.72 2.36l.1.14 3 3a.5.5 0 0 0 .71-.7l-3-3a.5.5 0 0 0-.14-.1 5.5 5.5 0 1 0-8.7-6.7Z\"})),eye:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M7 9.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"m14 7-.2.3c-.13.16-3.06 4.2-6.8 4.2C3.26 11.5.33 7.46.2 7.3L0 7l.2-.3C.34 6.55 3.27 2.5 7 2.5c3.74 0 6.67 4.04 6.8 4.2l.2.3ZM2.9 5.3A13 13 0 0 0 1.24 7 13 13 0 0 0 2.9 8.7c1.14.97 2.58 1.8 4.1 1.8 1.52 0 2.96-.83 4.1-1.8A13 13 0 0 0 12.76 7a13 13 0 0 0-1.66-1.7C9.96 4.33 8.52 3.5 7 3.5c-1.52 0-2.96.83-4.1 1.8Z\"})),eyeclose:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M1.85 1.15a.5.5 0 1 0-.7.7l11 11a.5.5 0 0 0 .7-.7l-11-11ZM11.1 8.7c-.17.15-.36.3-.55.44l.72.71a13.25 13.25 0 0 0 2.52-2.56L14 7l-.2-.3c-.13-.16-3.06-4.2-6.8-4.2-.89 0-1.73.23-2.5.58l.76.76A4.86 4.86 0 0 1 7 3.5c1.52 0 2.96.83 4.1 1.8A13 13 0 0 1 12.76 7a13 13 0 0 1-1.66 1.7ZM.2 6.7c.08-.09 1.04-1.41 2.53-2.55l.72.71c-.2.14-.38.3-.55.44A13 13 0 0 0 1.24 7 13 13 0 0 0 2.9 8.7c1.14.97 2.58 1.8 4.1 1.8.6 0 1.18-.13 1.74-.34l.77.76c-.78.35-1.62.58-2.51.58C3.26 11.5.33 7.46.2 7.3L0 7l.2-.3Z\"}),React5__default.createElement(\"path\",{d:\"M4.5 7c0-.32.06-.63.17-.91l3.24 3.24A2.5 2.5 0 0 1 4.5 7Zm4.83.91L6.09 4.67a2.5 2.5 0 0 1 3.24 3.24Z\"})),lightning:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M2.52 6.6a.57.57 0 0 0-.17.54c.04.2.19.37.38.41l2.78.73-1.5 5c-.06.24.02.5.22.63a.5.5 0 0 0 .28.09.5.5 0 0 0 .35-.14L11.5 7.4c.14-.13.2-.34.15-.54a.53.53 0 0 0-.38-.4l-2.7-.7L10.79.78c.1-.23.04-.5-.15-.66a.5.5 0 0 0-.65 0L2.52 6.6Zm7.72.63-3.07-.8 1.85-4.14-5.2 4.51 2.94.77-1.27 4.28 4.75-4.62Zm-5.73 6.2.04.02Z\"})),lightningoff:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M10.14 8.72 11.5 7.4c.14-.13.2-.34.15-.54a.53.53 0 0 0-.38-.4l-2.7-.7L10.79.78c.1-.23.04-.5-.15-.66a.5.5 0 0 0-.65 0L5.46 4.05l.71.7L9.02 2.3 7.38 5.97l.7.7 2.16.56-.8.79.7.7ZM2.52 6.6a.57.57 0 0 0-.17.54c.04.2.19.37.38.41l2.78.73-1.5 5c-.06.24.02.5.22.63a.5.5 0 0 0 .63-.05l3.84-3.74-.7-.7-2.51 2.43 1.13-3.81-.68-.69L3.8 6.8l.85-.73-.71-.7L2.52 6.6Zm-.67-5.45a.5.5 0 1 0-.7.7l11 11a.5.5 0 0 0 .7-.7l-11-11Z\"})),contrast:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M3 3H.5a.5.5 0 0 0-.5.5v10c0 .28.22.5.5.5h10a.5.5 0 0 0 .5-.5V11h2.5a.5.5 0 0 0 .5-.5V.5a.5.5 0 0 0-.5-.5h-10a.5.5 0 0 0-.5.5V3Zm1 1v2.3L6.3 4H4ZM3 4v6.5a.5.5 0 0 0 .5.5H10v2H1V4h2Zm1-1h6.5a.5.5 0 0 1 .5.5V10h2V1H4v2Zm6 7V7.71l-2.3 2.3H10Zm0-3.7V4.7L4.7 10h1.6L10 6.3ZM9.3 4H7.7L4 7.71V9.3L9.3 4Z\"})),switchalt:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M3 3V.5c0-.27.22-.5.5-.5h10c.28 0 .5.23.5.5v10a.5.5 0 0 1-.5.5H11v2.5a.5.5 0 0 1-.5.5H.5a.5.5 0 0 1-.5-.5v-10c0-.27.22-.5.5-.5H3Zm1 0V1h9v9h-2V3.5a.5.5 0 0 0-.5-.5H4Zm6 8v2H1V4h2v6.5c0 .28.22.5.5.5H10Zm0-1H4V4h6v6Z\"})),mirror:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M1 1.5c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5v11a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11ZM2 12h10V2L2 12Z\"})),grow:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M1.5 1a.5.5 0 1 0 0 1H12v10.5a.5.5 0 0 0 1 0V2a1 1 0 0 0-1-1H1.5Z\"}),React5__default.createElement(\"path\",{d:\"M1 3.5c0-.27.22-.5.5-.5H10a1 1 0 0 1 1 1v8.5a.5.5 0 0 1-1 0V4H1.5a.5.5 0 0 1-.5-.5Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M1.5 5a.5.5 0 0 0-.5.5v7c0 .28.22.5.5.5h7a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.5-.5h-7ZM2 6v6h6V6H2Z\"})),paintbrush:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M11.8535.1464a.5.5 0 0 0-.7071 0L2.9827 8.3102a2.2396 2.2396 0 0 0-1.0737.599C.6772 10.141.2402 11.903.0852 12.9978 0 13.5998 0 14.0002 0 14.0002s.4004 0 1.0023-.0853c1.095-.155 2.8569-.5919 4.0887-1.8237.307-.307.5067-.6806.5992-1.0743l8.1633-8.1633a.5.5 0 0 0 0-.7071l-2-2Zm-6.253 9.546L6.543 8.75l-1.293-1.2929-.9424.9424a2.242 2.242 0 0 1 .7835.5097c.23.2302.4.4977.5095.7831ZM7.25 8.0428 12.7929 2.5 11.5 1.2071 5.957 6.75 7.25 8.0429ZM4.3839 9.6163c.4881.4882.4881 1.2796 0 1.7678-.7665.7664-1.832 1.1845-2.7791 1.403a8.6972 8.6972 0 0 1-.49.0982 8.7151 8.7151 0 0 1 .0982-.4899c.2186-.9471.6367-2.0126 1.403-2.779.4882-.4882 1.2797-.4882 1.7679 0Z\"})),ruler:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M1.5 1c.28 0 .5.23.5.5V2h10v-.5a.5.5 0 0 1 1 0v2a.5.5 0 0 1-1 0V3H2v.5a.5.5 0 0 1-1 0v-2c0-.27.22-.5.5-.5Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M1.5 6a.5.5 0 0 0-.5.5v6c0 .28.22.5.5.5h11a.5.5 0 0 0 .5-.5v-6a.5.5 0 0 0-.5-.5h-11ZM2 7v5h10V7h-1v2.5a.5.5 0 0 1-1 0V7h-.75v1a.5.5 0 0 1-1 0V7H7.5v2.5a.5.5 0 0 1-1 0V7h-.75v1a.5.5 0 0 1-1 0V7H4v2.5a.5.5 0 0 1-1 0V7H2Z\"})),stop:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M4.5 4a.5.5 0 0 0-.5.5v5c0 .28.22.5.5.5h5a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-.5-.5h-5Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Zm-1 0A6 6 0 1 1 1 7a6 6 0 0 1 12 0Z\"})),camera:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M10 7a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM9 7a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M2.5 1a.5.5 0 0 0-.5.5V2H.5a.5.5 0 0 0-.5.5v9c0 .28.22.5.5.5h13a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5H6v-.5a.5.5 0 0 0-.5-.5h-3ZM1 3v8h12V3H1Z\"})),video:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M2.5 10a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M0 4c0-1.1.9-2 2-2h6a2 2 0 0 1 2 2v.5l3.19-2.4a.5.5 0 0 1 .81.4v9a.5.5 0 0 1-.8.4L10 9.5v.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4Zm9 0v1.5a.5.5 0 0 0 .8.4L13 3.5v7L9.8 8.1a.5.5 0 0 0-.8.4V10a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1Z\"})),speaker:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M1 4.50004V9.50004C1 9.77618 1.22386 10 1.5 10H4L7.17075 12.7744C7.49404 13.0573 8 12.8277 8 12.3982V1.60192C8 1.17235 7.49404 0.942757 7.17075 1.22564L4 4.00004H1.5C1.22386 4.00004 1 4.2239 1 4.50004ZM4 9.00004V5.00004H2V9.00004H4ZM4.99804 9.54456C4.99934 9.52989 5 9.51505 5 9.50004V4.50004C5 4.48504 4.99934 4.47019 4.99804 4.45552L7 2.70381V11.2963L4.99804 9.54456Z\"}),React5__default.createElement(\"path\",{d:\"M10.1498 1.75202C9.88637 1.66927 9.60572 1.81577 9.52297 2.07922C9.44023 2.34267 9.58672 2.62332 9.85017 2.70607C11.6763 3.27963 13 4.98596 13 7.00014C13 9.01433 11.6763 10.7207 9.85017 11.2942C9.58672 11.377 9.44023 11.6576 9.52297 11.9211C9.60572 12.1845 9.88637 12.331 10.1498 12.2483C12.3808 11.5476 14 9.4636 14 7.00014C14 4.53669 12.3808 2.45272 10.1498 1.75202Z\"}),React5__default.createElement(\"path\",{d:\"M10.2504 3.96861C10.0113 3.83033 9.70547 3.91201 9.5672 4.15105C9.42893 4.39008 9.51061 4.69594 9.74964 4.83421C10.4982 5.26723 11 6.07534 11 7.00006C11 7.92479 10.4982 8.7329 9.74964 9.16591C9.51061 9.30418 9.42893 9.61005 9.5672 9.84908C9.70547 10.0881 10.0113 10.1698 10.2504 10.0315C11.2952 9.42711 12 8.29619 12 7.00006C12 5.70394 11.2952 4.57302 10.2504 3.96861Z\"})),play:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"m12.81 7.43-9.05 5.6A.5.5 0 0 1 3 12.6V1.4c0-.4.43-.63.76-.43l9.05 5.6a.5.5 0 0 1 0 .86Z\"})),playback:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M11.24 12.04 3.7 7.42a.5.5 0 0 1-.2-.23v4.05a.75.75 0 0 1-1.5 0v-8.5a.75.75 0 0 1 1.5 0V6.8a.5.5 0 0 1 .2-.23l7.54-4.6a.5.5 0 0 1 .76.42v9.22a.5.5 0 0 1-.76.43Z\"})),playnext:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"m2.76 12.04 7.54-4.61a.5.5 0 0 0 .2-.23v4.05a.75.75 0 0 0 1.5 0v-8.5a.75.75 0 0 0-1.5 0V6.8a.5.5 0 0 0-.2-.23l-7.54-4.6a.5.5 0 0 0-.76.42v9.22c0 .39.43.63.76.43Z\"})),rewind:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M9 2.42v2.32L13.23 2a.5.5 0 0 1 .77.42v9.16a.5.5 0 0 1-.77.42L9 9.26v2.32a.5.5 0 0 1-.77.42L1.5 7.65v3.6a.75.75 0 0 1-1.5 0v-8.5a.75.75 0 0 1 1.5 0v3.6L8.23 2a.5.5 0 0 1 .77.42Z\"})),fastforward:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M5 2.42v2.32L.77 2a.5.5 0 0 0-.77.42v9.16c0 .4.44.64.77.42L5 9.26v2.32c0 .4.44.64.77.42l6.73-4.35v3.6a.75.75 0 0 0 1.5 0v-8.5a.75.75 0 0 0-1.5 0v3.6L5.77 2a.5.5 0 0 0-.77.42Z\"})),stopalt:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M1 1.5c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5v11a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11Z\"})),sidebyside:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M1 1.5c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5v11a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11ZM2 12V2h5v10H2Z\"})),stacked:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M12.5 1c.28 0 .5.23.5.5v11a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11c0-.27.22-.5.5-.5h11ZM2 2h10v5H2V2Z\"})),sun:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M7.5.5a.5.5 0 0 0-1 0V2a.5.5 0 0 0 1 0V.5Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M7 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm0-1a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z\"}),React5__default.createElement(\"path\",{d:\"M7 11.5c.28 0 .5.22.5.5v1.5a.5.5 0 0 1-1 0V12c0-.28.22-.5.5-.5ZM11.5 7c0-.28.22-.5.5-.5h1.5a.5.5 0 0 1 0 1H12a.5.5 0 0 1-.5-.5ZM.5 6.5a.5.5 0 0 0 0 1H2a.5.5 0 0 0 0-1H.5ZM3.82 10.18c.2.2.2.51 0 .7l-1.06 1.07a.5.5 0 1 1-.71-.7l1.06-1.07c.2-.2.51-.2.7 0ZM11.95 2.76a.5.5 0 1 0-.7-.71l-1.07 1.06a.5.5 0 1 0 .7.7l1.07-1.05ZM10.18 10.18c.2-.2.51-.2.7 0l1.07 1.06a.5.5 0 1 1-.7.71l-1.07-1.06a.5.5 0 0 1 0-.7ZM2.76 2.05a.5.5 0 1 0-.71.7l1.06 1.07a.5.5 0 0 0 .7-.7L2.77 2.04Z\"})),moon:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M7.78.04a7.03 7.03 0 0 0-4.28.9 7 7 0 1 0 9.87 8.96c.1-.21-.14-.41-.36-.32a4.98 4.98 0 0 1-2 .42A5 5 0 0 1 8.53.65c.2-.12.19-.44-.04-.49a7.04 7.04 0 0 0-.72-.12Zm-1.27.98a6 6 0 0 0 4.98 9.96 6 6 0 1 1-4.98-9.96Z\"})),book:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M13 2a2 2 0 0 0-2-2H1.5a.5.5 0 0 0-.5.5v13c0 .28.22.5.5.5H11a2 2 0 0 0 2-2V2ZM3 13h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H7v6a.5.5 0 0 1-.86.36L5.5 6.7l-.65.65A.5.5 0 0 1 4 7V1H3v12ZM5 1v4.8l.15-.15a.5.5 0 0 1 .74.04l.11.1V1H5Z\"})),document:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M4 5.5c0-.28.22-.5.5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5ZM4.5 7.5a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5ZM4 10.5c0-.28.22-.5.5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M1.5 0a.5.5 0 0 0-.5.5v13c0 .28.22.5.5.5h11a.5.5 0 0 0 .5-.5V3.2a.5.5 0 0 0-.15-.35l-2.7-2.7A.5.5 0 0 0 9.79 0H1.5ZM2 1h7.5v2c0 .28.22.5.5.5h2V13H2V1Z\"})),copy:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M11.75.07A.5.5 0 0 0 11.5 0h-6a.5.5 0 0 0-.5.5V3H.5a.5.5 0 0 0-.5.5v10c0 .28.22.5.5.5h8a.5.5 0 0 0 .5-.5V11h4.5a.5.5 0 0 0 .5-.5V2.51a.5.5 0 0 0-.15-.36l-2-2a.5.5 0 0 0-.1-.08ZM9 10h4V3h-1.5a.5.5 0 0 1-.5-.5V1H6v2h.5a.5.5 0 0 1 .36.15l1.99 2c.1.09.15.21.15.35v4.51ZM1 4v9h7V6H6.5a.5.5 0 0 1-.5-.5V4H1Z\"})),category:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M3 1.5c0-.28.22-.5.5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5Zm-1 2c0-.27.22-.5.5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M1 5.5c0-.28.22-.5.5-.5h11c.28 0 .5.22.5.5v7a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-7ZM2 12V6h10v6H2Z\"})),folder:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M6.59 3.5 5.09 2H1v9h12V3.5H6.59Zm.41-1L5.8 1.3a1 1 0 0 0-.71-.3H.5a.5.5 0 0 0-.5.5v10c0 .28.22.5.5.5h13a.5.5 0 0 0 .5-.5V3a.5.5 0 0 0-.5-.5H7Z\"})),print:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M4.5 8a.5.5 0 1 0 0 1h5a.5.5 0 0 0 0-1h-5Zm0 2a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M2 1.5c0-.27.22-.5.5-.5h8a.5.5 0 0 1 .36.15l.99 1c.1.09.15.21.15.35v1.51h1.5c.28 0 .5.22.5.5v5a.5.5 0 0 1-.5.5H12v2.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V10H.5a.5.5 0 0 1-.5-.5v-5c0-.28.22-.5.5-.5H2V1.5ZM13 9h-1V6.5a.5.5 0 0 0-.5-.5h-9a.5.5 0 0 0-.5.5V9H1V5h12v4Zm-2-6v1H3V2h7v.5c0 .28.22.5.5.5h.5Zm-8 9h8V7H3v5Z\"})),graphline:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M5.15 6.15c.2-.2.5-.2.7 0L7 7.3l2.15-2.15c.2-.2.5-.2.7 0l1 1a.5.5 0 0 1-.7.7l-.65-.64-2.15 2.15a.5.5 0 0 1-.7 0L5.5 7.2 3.85 8.86a.5.5 0 1 1-.7-.71l2-2Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M1.5 1a.5.5 0 0 0-.5.5v11c0 .28.22.5.5.5h11a.5.5 0 0 0 .5-.5v-11a.5.5 0 0 0-.5-.5h-11ZM2 2v10h10V2H2Z\"})),calendar:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M3.5 0c.28 0 .5.22.5.5V1h6V.5a.5.5 0 0 1 1 0V1h1.5c.28 0 .5.22.5.5v11a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11c0-.28.22-.5.5-.5H3V.5c0-.28.22-.5.5-.5ZM2 4v2.3h3V4H2Zm0 5.2V6.8h3v2.4H2Zm0 .5V12h3V9.7H2Zm3.5 0V12h3V9.7h-3Zm3.5 0V12h3V9.7H9Zm3-.5H9V6.8h3v2.4Zm-3.5 0h-3V6.8h3v2.4ZM9 4v2.3h3V4H9ZM5.5 6.3h3V4h-3v2.3Z\"})),graphbar:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M12 2.5a.5.5 0 0 0-1 0v10a.5.5 0 0 0 1 0v-10Zm-3 2a.5.5 0 0 0-1 0v8a.5.5 0 0 0 1 0v-8ZM5.5 7c.28 0 .5.22.5.5v5a.5.5 0 0 1-1 0v-5c0-.28.22-.5.5-.5ZM3 10.5a.5.5 0 0 0-1 0v2a.5.5 0 0 0 1 0v-2Z\"})),menu:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M13 2a.5.5 0 0 1 0 1H1a.5.5 0 0 1 0-1h12Zm-3 3a.5.5 0 0 1 0 1H1a.5.5 0 0 1 0-1h9Zm1.5 3.5A.5.5 0 0 0 11 8H1a.5.5 0 0 0 0 1h10a.5.5 0 0 0 .5-.5Zm-4 2.5a.5.5 0 0 1 0 1H1a.5.5 0 0 1 0-1h6.5Z\"})),menualt:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M1 2a.5.5 0 0 0 0 1h12a.5.5 0 0 0 0-1H1Zm3 3a.5.5 0 0 0 0 1h9a.5.5 0 0 0 0-1H4ZM2.5 8.5c0-.28.22-.5.5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5Zm4 2.5a.5.5 0 0 0 0 1H13a.5.5 0 0 0 0-1H6.5Z\"})),filter:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M1 2a.5.5 0 0 0 0 1h12a.5.5 0 0 0 0-1H1Zm2 3a.5.5 0 0 0 0 1h8a.5.5 0 0 0 0-1H3Zm1.5 3.5c0-.28.22-.5.5-.5h4a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5Zm2 2.5a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1Z\"})),docchart:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M1 1.5C1 1.22386 1.22386 1 1.5 1H12.5C12.7761 1 13 1.22386 13 1.5V12.5C13 12.7761 12.7761 13 12.5 13H1.5C1.22386 13 1 12.7761 1 12.5V1.5ZM2 4V6.2998H5V4H2ZM2 9.2002V6.7998H5V9.2002H2ZM2 9.7002V12H5V9.7002H2ZM5.5 9.7002V12H8.5V9.7002H5.5ZM9 9.7002V12H12V9.7002H9ZM12 9.2002H9V6.7998H12V9.2002ZM8.5 9.2002H5.5V6.7998H8.5V9.2002ZM9 6.2998H12V4H9V6.2998ZM5.5 6.2998H8.5V4H5.5V6.2998Z\"})),doclist:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M3.5 6.5c0-.28.22-.5.5-.5h6a.5.5 0 0 1 0 1H4a.5.5 0 0 1-.5-.5ZM4 9a.5.5 0 0 0 0 1h6a.5.5 0 0 0 0-1H4Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M1 1.5c0-.28.22-.5.5-.5h11c.28 0 .5.22.5.5v11a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11ZM2 4v8h10V4H2Z\"})),markup:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M8.98 1.63a.5.5 0 0 0-.96-.26l-3 11a.5.5 0 1 0 .96.26l3-11ZM3.32 3.62a.5.5 0 0 1 .06.7L1.15 7l2.23 2.68a.5.5 0 1 1-.76.64l-2.5-3a.5.5 0 0 1 0-.64l2.5-3a.5.5 0 0 1 .7-.06Zm7.36 0a.5.5 0 0 0-.06.7L12.85 7l-2.23 2.68a.5.5 0 0 0 .76.64l2.5-3a.5.5 0 0 0 0-.64l-2.5-3a.5.5 0 0 0-.7-.06Z\"})),bold:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M3 2v1.5h1v7H3V12h5a3 3 0 0 0 1.8-5.4A2.74 2.74 0 0 0 8 2H3Zm5 5.5H5.5v3H8a1.5 1.5 0 1 0 0-3Zm-.25-4H5.5V6h2.25a1.25 1.25 0 1 0 0-2.5Z\"})),italic:React5__default.createElement(\"path\",{d:\"M5 2h6v1H8.5l-2 8H9v1H3v-1h2.5l2-8H5V2Z\"}),paperclip:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M10.55 2.27a1.5 1.5 0 0 0-2.12 0L2.78 7.92a2.5 2.5 0 0 0 3.53 3.54l3.54-3.54a.5.5 0 1 1 .7.71l-3.53 3.54a3.5 3.5 0 0 1-4.96-4.94v-.01l5.66-5.66h.01a2.5 2.5 0 0 1 3.53 3.53L5.6 10.76a1.5 1.5 0 0 1-2.12-2.12L7.02 5.1a.5.5 0 1 1 .7.7L4.2 9.34a.5.5 0 0 0 .7.7l5.66-5.65a1.5 1.5 0 0 0 0-2.12Z\"})),listordered:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M5 2.5c0-.28.22-.5.5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5ZM5 7c0-.28.22-.5.5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 5 7Zm.5 4a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1h-7Zm-3-9H1v1h1v3h1V2.5a.5.5 0 0 0-.5-.5ZM3 8.5v1a.5.5 0 0 1-1 0V9h-.5a.5.5 0 0 1 0-1h1c.28 0 .5.22.5.5Zm-1 2a.5.5 0 0 0-1 0V12h2v-1H2v-.5Z\"})),listunordered:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M2.75 2.5a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM5.5 2a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1h-7Zm0 9a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1h-7ZM2 12.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM5 7c0-.28.22-.5.5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 5 7Zm-3 .75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z\"})),paragraph:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M6 7a3 3 0 1 1 0-6h5.5a.5.5 0 0 1 0 1H10v10.5a.5.5 0 0 1-1 0V2H7v10.5a.5.5 0 0 1-1 0V7Z\"})),markdown:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M2 4.5h1.5L5 6.38 6.5 4.5H8v5H6.5V7L5 8.88 3.5 7v2.5H2v-5Zm7.75 0h1.5V7h1.25l-2 2.5-2-2.5h1.25V4.5Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M.5 2a.5.5 0 0 0-.5.5v9c0 .28.22.5.5.5h13a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5H.5ZM1 3v8h12V3H1Z\"})),repository:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M5 2.5C5 2.77614 4.77614 3 4.5 3C4.22386 3 4 2.77614 4 2.5C4 2.22386 4.22386 2 4.5 2C4.77614 2 5 2.22386 5 2.5Z\"}),React5__default.createElement(\"path\",{d:\"M4.5 5C4.77614 5 5 4.77614 5 4.5C5 4.22386 4.77614 4 4.5 4C4.22386 4 4 4.22386 4 4.5C4 4.77614 4.22386 5 4.5 5Z\"}),React5__default.createElement(\"path\",{d:\"M5 6.5C5 6.77614 4.77614 7 4.5 7C4.22386 7 4 6.77614 4 6.5C4 6.22386 4.22386 6 4.5 6C4.77614 6 5 6.22386 5 6.5Z\"}),React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M11 0C12.1046 0 13 0.895431 13 2V12C13 13.1046 12.1046 14 11 14H1.5C1.22386 14 1 13.7761 1 13.5V0.5C1 0.223857 1.22386 0 1.5 0H11ZM11 1H3V13H11C11.5523 13 12 12.5523 12 12V2C12 1.44772 11.5523 1 11 1Z\"})),commit:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M3.03 7.5a4 4 0 0 0 7.94 0h2.53a.5.5 0 0 0 0-1h-2.53a4 4 0 0 0-7.94 0H.5a.5.5 0 0 0 0 1h2.53ZM7 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z\"})),branch:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M6 2.5c0 .65-.42 1.2-1 1.41v4.06A3.36 3.36 0 0 1 7.5 7a2.7 2.7 0 0 0 1.81-.56c.22-.18.38-.4.48-.62a1.5 1.5 0 1 1 1.03.15c-.16.42-.43.87-.86 1.24-.57.47-1.37.79-2.46.79-1.04 0-1.64.42-2 .92-.26.37-.4.8-.47 1.18A1.5 1.5 0 1 1 4 10.09V3.9a1.5 1.5 0 1 1 2-1.4Zm-2 9a.5.5 0 1 1 1 0 .5.5 0 0 1-1 0Zm1-9a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm6 2a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z\"})),pullrequest:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M8.35 1.35 7.71 2h.79A2.5 2.5 0 0 1 11 4.5v5.59a1.5 1.5 0 1 1-1 0V4.5C10 3.67 9.33 3 8.5 3h-.8l.65.65a.5.5 0 1 1-.7.7l-1.5-1.5a.5.5 0 0 1 0-.7l1.5-1.5a.5.5 0 1 1 .7.7ZM11 11.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0ZM4 3.91a1.5 1.5 0 1 0-1 0v6.18a1.5 1.5 0 1 0 1 0V3.9ZM3.5 11a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1Zm0-8a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z\"})),merge:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M4.1 3.87a1.5 1.5 0 1 0-1.1.04v6.18a1.5 1.5 0 1 0 1 0V6.4c.26.4.57.77.93 1.08A6.57 6.57 0 0 0 9.08 9a1.5 1.5 0 1 0 0-1 5.57 5.57 0 0 1-3.5-1.25 4.74 4.74 0 0 1-1.47-2.87ZM3.5 11a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1ZM4 2.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm7 6a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z\"})),apple:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M11.03 8.1a3.05 3.05 0 0 1-.2-1.74 2.7 2.7 0 0 1 1.4-1.94 3.13 3.13 0 0 0-2.35-1.4c-.84-.08-2.01.56-2.65.57h-.02c-.63 0-1.81-.65-2.64-.57-.42.04-1.75.32-2.55 1.6-.28.44-.5 1.01-.58 1.74a6.36 6.36 0 0 0 .02 1.74 7.5 7.5 0 0 0 1.35 3.33c.7 1.01 1.51 1.6 1.97 1.6.93.02 1.74-.6 2.41-.6l.02.01h.04c.67-.02 1.48.61 2.42.6.45-.02 1.26-.6 1.97-1.6a7.95 7.95 0 0 0 .97-1.86 2.6 2.6 0 0 1-1.58-1.48ZM8.86 2.13c.72-.85.7-2.07.63-2.12-.07-.06-1.25.16-1.99.98a2.78 2.78 0 0 0-.62 2.13c.06.05 1.27-.14 1.98-.99Z\"})),linux:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M7 0a3 3 0 0 1 3 3v1.24c.13.13.25.27.36.42l.52.43.2.15c.32.26.7.59 1.09.97A6.28 6.28 0 0 1 14 9.54a.5.5 0 0 1-.35.44c-.31.1-.8.18-1.34.13-.33-.03-.7-.12-1.05-.3-.04.17-.1.34-.17.51a2 2 0 1 1-2.89 2.56 5.5 5.5 0 0 1-2.4 0 2 2 0 1 1-2.9-2.56 5.56 5.56 0 0 1-.16-.51c-.35.18-.72.27-1.05.3a3.4 3.4 0 0 1-1.34-.13.5.5 0 0 1-.35-.44l.01-.14a6.28 6.28 0 0 1 1.82-3.2 13.42 13.42 0 0 1 1.3-1.11c.22-.19.4-.32.5-.43.12-.15.24-.29.37-.42V3a3 3 0 0 1 3-3Zm1 11.9a2 2 0 0 1 2.14-1.9 5.5 5.5 0 0 0 .36-2c0-.51-.1-1.07-.3-1.6l-.03-.02a4.4 4.4 0 0 0-.86-.42 6.71 6.71 0 0 0-1-.31l-.86.64c-.27.2-.63.2-.9 0l-.85-.64a6.72 6.72 0 0 0-1.87.73l-.03.02A4.6 4.6 0 0 0 3.5 8c0 .68.11 1.39.36 2H4a2 2 0 0 1 2 1.9 4.49 4.49 0 0 0 2 0ZM5 12a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm6 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM6.1 4.3a1.5 1.5 0 0 1 1.8 0l.27.2L7 5.38 5.83 4.5l.27-.2ZM8.5 2c.28 0 .5.22.5.5V3a.5.5 0 0 1-1 0v-.5c0-.28.22-.5.5-.5ZM6 2.5a.5.5 0 0 0-1 0V3a.5.5 0 0 0 1 0v-.5Z\"})),ubuntu:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M12.26 2.07c0 1.14-.89 2.06-1.99 2.06s-1.99-.92-1.99-2.06c0-1.14.9-2.07 2-2.07s1.98.93 1.98 2.07ZM3.98 6.6c0 1.14-.9 2.07-2 2.07C.9 8.67 0 7.74 0 6.6c0-1.14.9-2.07 1.99-2.07 1.1 0 1.99.93 1.99 2.07ZM6.47 11.92a4.76 4.76 0 0 1-3.3-2.62c-.53.25-1.12.33-1.7.22a6.72 6.72 0 0 0 1.84 2.63 6.38 6.38 0 0 0 4.24 1.58c-.37-.5-.57-1.1-.59-1.73a4.77 4.77 0 0 1-.49-.08ZM11.81 11.93c0 1.14-.89 2.07-1.99 2.07s-1.98-.93-1.98-2.07c0-1.14.89-2.06 1.98-2.06 1.1 0 2 .92 2 2.06ZM12.6 11.17a6.93 6.93 0 0 0 .32-7.93A2.95 2.95 0 0 1 11.8 4.6a5.23 5.23 0 0 1-.16 5.03c.47.4.8.94.95 1.54ZM1.99 3.63h-.15A6.48 6.48 0 0 1 8 .24a3.07 3.07 0 0 0-.6 1.68 4.7 4.7 0 0 0-3.9 2.17c-.46-.3-.98-.45-1.51-.45Z\"})),windows:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M6.5 1H1v5.5h5.5V1ZM13 1H7.5v5.5H13V1ZM7.5 7.5H13V13H7.5V7.5ZM6.5 7.5H1V13h5.5V7.5Z\"})),storybook:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M2.04.62a.7.7 0 0 0-.66.72l.44 11.56c.01.37.3.66.67.68l9.4.42h.02a.7.7 0 0 0 .7-.7V.66a.7.7 0 0 0-.74-.66l-.77.05.05 1.62a.1.1 0 0 1-.17.08l-.52-.4-.61.46a.1.1 0 0 1-.17-.09L9.75.13l-7.7.49Zm8 4.74c-.24.2-2.09.33-2.09.05.04-1.04-.43-1.09-.69-1.09-.24 0-.66.08-.66.64 0 .57.6.89 1.32 1.27 1.02.53 2.24 1.18 2.24 2.82 0 1.57-1.27 2.43-2.9 2.43-1.67 0-3.14-.68-2.97-3.03.06-.27 2.2-.2 2.2 0-.03.97.19 1.26.75 1.26.43 0 .62-.24.62-.64 0-.6-.63-.95-1.36-1.36-.99-.56-2.15-1.2-2.15-2.7 0-1.5 1.03-2.5 2.86-2.5 1.83 0 2.84.99 2.84 2.85Z\"})),azuredevops:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"m0 5.18 1.31-1.73 4.9-2V.01l4.3 3.15-8.78 1.7v4.8L0 9.16V5.18Zm14-2.6v8.55l-3.36 2.86-5.42-1.79V14L1.73 9.66l8.78 1.05V3.16L14 2.58Z\"})),bitbucket:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M1 1.52A.41.41 0 0 0 .59 2l1.74 10.6c.05.26.28.46.55.46h8.37c.2 0 .38-.14.42-.34l1.01-6.25H8.81l-.46 2.71H5.68L4.95 5.4h7.91L13.4 2a.41.41 0 0 0-.41-.48H1Z\"})),chrome:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M13.02 3.43a.11.11 0 0 1-.1.17H7a3.4 3.4 0 0 0-3.3 2.55.11.11 0 0 1-.21.03L1.52 2.76a.11.11 0 0 1 0-.12 6.97 6.97 0 0 1 9-1.7c1.03.6 1.9 1.47 2.5 2.5ZM7 9.62a2.62 2.62 0 1 1 0-5.24 2.62 2.62 0 0 1 0 5.24Zm1.03.7a.11.11 0 0 0-.12-.04 3.4 3.4 0 0 1-4-1.84L1.1 3.57a.11.11 0 0 0-.2 0 7 7 0 0 0 5.07 10.35c.04 0 .08-.02.1-.05l1.97-3.42a.11.11 0 0 0 0-.13Zm1.43-5.95h3.95c.05 0 .1.03.1.07a6.97 6.97 0 0 1-1.53 7.48A6.96 6.96 0 0 1 7.08 14a.11.11 0 0 1-.1-.17l2.81-4.88h.01a3.38 3.38 0 0 0-.42-4.38.11.11 0 0 1 .08-.2Z\"})),chromatic:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M0 7a7 7 0 1 0 14 0A7 7 0 0 0 0 7Zm5.22-3.87a1.97 1.97 0 0 1 3.75.83v1.29L5.61 3.32a2.49 2.49 0 0 0-.4-.19ZM8.7 5.71 5.35 3.78a1.97 1.97 0 0 0-2.6 2.83c.12-.1.24-.18.37-.26l1.51-.87a.27.27 0 0 1 .27 0L7 6.69l1.7-.98Zm-.32 4.97-1.52-.87a.27.27 0 0 1-.13-.23V7.15l-1.7-.97v3.86a1.97 1.97 0 0 0 3.75.83 2.5 2.5 0 0 1-.4-.19Zm.26-.46a1.97 1.97 0 0 0 2.6-2.83c-.11.1-.23.18-.36.26L7.53 9.58l1.11.64Zm-4.1.26h-.17a1.97 1.97 0 0 1-1.9-2.47 2 2 0 0 1 .92-1.2l1.11-.63v3.86c0 .14.01.29.04.44Zm6.79-5.98a1.97 1.97 0 0 0-1.87-.97c.03.14.04.29.04.43v1.75c0 .1-.05.19-.14.23l-2.1 1.22V9.1l3.35-1.93a1.97 1.97 0 0 0 .72-2.68Z\"})),componentdriven:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M10.85 2.18 8.87.2a.69.69 0 0 0-.97 0L3.09 5.01a.69.69 0 0 0 0 .97l2.46 2.46-2.4 2.4a.69.69 0 0 0 0 .98l1.98 1.98c.27.27.7.27.97 0l4.8-4.81a.69.69 0 0 0 0-.97L8.45 5.56l2.4-2.4a.69.69 0 0 0 0-.98Z\"})),discord:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M11.85 2.88C10.95 2.48 10 2.18 9 2a7.05 7.05 0 0 0-.4.75 10.66 10.66 0 0 0-3.2 0c-.1-.23-.24-.5-.36-.73A.04.04 0 0 0 4.99 2a11.51 11.51 0 0 0-2.86.9 11.82 11.82 0 0 0-2.05 8 11.6 11.6 0 0 0 3.5 1.77c.01 0 .03 0 .04-.02.27-.36.51-.75.72-1.16a.04.04 0 0 0-.03-.06 7.66 7.66 0 0 1-1.09-.52.04.04 0 0 1 0-.08 5.96 5.96 0 0 0 .26-.17 8.28 8.28 0 0 0 7.08 0l.22.17c.02.02.02.06 0 .08-.36.2-.72.37-1.1.52a.04.04 0 0 0-.02.06c.2.4.45.8.71 1.16.01.02.03.02.05.02a11.57 11.57 0 0 0 3.52-1.8 11.74 11.74 0 0 0-2.09-7.99Zm-7.17 6.4c-.7 0-1.26-.63-1.26-1.41 0-.78.56-1.41 1.26-1.41s1.27.64 1.26 1.4c0 .79-.56 1.42-1.26 1.42Zm4.65 0c-.69 0-1.26-.63-1.26-1.41 0-.78.56-1.41 1.26-1.41s1.27.64 1.26 1.4c0 .79-.55 1.42-1.26 1.42Z\"})),facebook:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M7.4 14H5.06V7H3.5V4.59h1.56V3.17C5.06 1.2 5.53 0 7.6 0h1.72v2.41H8.25c-.8 0-.85.34-.85.97v1.2h1.93L9.11 7H7.4l-.01 7Z\"})),figma:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{fillRule:\"evenodd\",d:\"M9.2 0H4.8a2.6 2.6 0 0 0-1.4 4.8 2.6 2.6 0 0 0 0 4.4 2.6 2.6 0 1 0 4 2.2V8.89a2.6 2.6 0 1 0 3.2-4.09A2.6 2.6 0 0 0 9.2 0ZM7.4 7A1.8 1.8 0 1 0 11 7a1.8 1.8 0 0 0-3.6 0Zm-.8 2.6H4.8a1.8 1.8 0 1 0 1.8 1.8V9.6ZM4.8 4.4h1.8V.8H4.8a1.8 1.8 0 0 0 0 3.59Zm0 .8a1.8 1.8 0 0 0 0 3.6h1.8V5.2H4.8Zm4.4-.8H7.4V.8h1.8a1.8 1.8 0 1 1 0 3.59Z\"})),gdrive:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M6.37 8.77 4.33 12.3h6.75l2.04-3.54H6.38Zm6.18-1-3.5-6.08h-4.1l3.51 6.08h4.09ZM4.38 2.7.88 8.77l2.04 3.54 3.5-6.07L4.38 2.7Z\"})),github:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M7 0a7 7 0 0 0-2.21 13.64c.35.06.48-.15.48-.33L5.26 12c-1.76.32-2.21-.43-2.35-.83-.08-.2-.43-.82-.72-.99-.25-.13-.6-.45-.01-.46.55 0 .94.5 1.07.72.63 1.06 1.64.76 2.04.58.07-.46.25-.77.45-.94-1.56-.18-3.19-.78-3.19-3.46 0-.76.28-1.39.72-1.88-.07-.17-.31-.9.07-1.85 0 0 .59-.19 1.93.71a6.5 6.5 0 0 1 3.5 0c1.34-.9 1.92-.71 1.92-.71.39.96.14 1.68.07 1.85.45.5.72 1.11.72 1.88 0 2.69-1.64 3.28-3.2 3.46.26.22.48.64.48 1.3l-.01 1.92c0 .18.13.4.48.33A7.01 7.01 0 0 0 7 0Z\"})),gitlab:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M4.53 5.58H1.07l1.49-4.55a.26.26 0 0 1 .48 0l1.49 4.55ZM7 13.15 1.07 5.58l-.75 2.3a.5.5 0 0 0 .18.57l6.5 4.7Zm0 0 6.5-4.7a.5.5 0 0 0 .18-.57l-.75-2.3L7 13.15l2.47-7.57H4.53L7 13.15Zm2.47-7.57h3.46l-1.49-4.55a.26.26 0 0 0-.48 0L9.47 5.58Z\"})),google:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M10.92 1.1H7.26c-1.64 0-3.19 1.24-3.19 2.68 0 1.47 1.12 2.66 2.8 2.66l.33-.01c-.1.2-.18.44-.18.68 0 .41.22.75.5 1.02h-.64c-2.03 0-3.6 1.3-3.6 2.64 0 1.32 1.72 2.15 3.75 2.15 2.32 0 3.6-1.31 3.6-2.64 0-1.06-.31-1.7-1.28-2.38-.33-.23-.96-.8-.96-1.14 0-.39.1-.58.7-1.04a2.46 2.46 0 0 0 1.03-1.92c0-.92-.4-1.82-1.18-2.11h1.17l.81-.6ZM9.6 10.04c.03.13.05.25.05.38 0 1.07-.7 1.9-2.67 1.9-1.4 0-2.42-.88-2.42-1.95 0-1.05 1.26-1.92 2.66-1.9a3 3 0 0 1 .92.14c.76.53 1.3.83 1.46 1.43ZM7.34 6.07c-.94-.03-1.84-1.06-2-2.3-.17-1.24.47-2.19 1.41-2.16.94.03 1.84 1.03 2 2.26.17 1.24-.47 2.23-1.41 2.2Z\"})),graphql:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M7.87 11.6a1.17 1.17 0 0 0-1.7-.02l-2.71-1.56.01-.04h7.07l.02.07-2.69 1.56Zm-1.7-9.18.03.03-3.54 6.12h-.04V5.43a1.17 1.17 0 0 0 .84-1.46l2.7-1.56Zm4.38 1.56a1.17 1.17 0 0 0 .84 1.46v3.12l-.04.01-3.54-6.12c.02 0 .03-.02.04-.03l2.7 1.56ZM3.47 9.42a1.17 1.17 0 0 0-.32-.57l3.53-6.12a1.17 1.17 0 0 0 .65 0l3.54 6.12a1.17 1.17 0 0 0-.33.57H3.47Zm8.8-.74c-.1-.05-.21-.1-.32-.12V5.44a1.17 1.17 0 1 0-1.12-1.94l-2.7-1.56a1.17 1.17 0 1 0-2.24 0L3.19 3.5a1.17 1.17 0 1 0-1.13 1.94v3.12a1.17 1.17 0 1 0 1.12 1.94l2.7 1.56a1.17 1.17 0 1 0 2.24-.03l2.69-1.55a1.17 1.17 0 1 0 1.45-1.8Z\"})),medium:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M0 0v14h14V0H0Zm11.63 3.32-.75.72a.22.22 0 0 0-.08.2v5.33c0 .07.03.14.08.18l.73.72v.16H7.92v-.16l.76-.74c.08-.07.08-.1.08-.21V5.24l-2.11 5.37h-.29L3.9 5.24v3.67c0 .13.05.25.14.34l.99 1.2v.16h-2.8v-.16l.98-1.2a.48.48 0 0 0 .13-.41V4.65c0-.11-.04-.2-.12-.27l-.88-1.06v-.16h2.73l2.1 4.62 1.86-4.62h2.6v.16Z\"})),redux:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M4.06 9.69c.02.49.42.88.91.88H5a.91.91 0 0 0-.03-1.83h-.03c-.03 0-.08 0-.11.02a5.97 5.97 0 0 1-.85-3.62c.06-.98.39-1.82.96-2.52.47-.6 1.39-.9 2-.92 1.73-.03 2.47 2.12 2.51 2.99.22.04.57.16.82.24-.2-2.64-1.83-4-3.4-4-1.46 0-2.81 1.05-3.35 2.61a6.67 6.67 0 0 0 .65 5.68.74.74 0 0 0-.11.47Zm8.28-2.3a6.62 6.62 0 0 0-5.15-2.25h-.26a.9.9 0 0 0-.8-.49H6.1a.91.91 0 0 0 .03 1.83h.03a.92.92 0 0 0 .8-.56h.3c1.23 0 2.4.36 3.47 1.06.81.54 1.4 1.24 1.72 2.09.28.68.26 1.35-.03 1.92a2.4 2.4 0 0 1-2.23 1.34c-.65 0-1.27-.2-1.6-.34-.18.16-.5.42-.73.58.7.33 1.41.5 2.1.5 1.56 0 2.72-.85 3.16-1.72.47-.94.44-2.57-.78-3.96ZM4.9 12.9a4 4 0 0 1-.98.11c-1.2 0-2.3-.5-2.84-1.32C.38 10.6.13 8.3 2.5 6.58c.05.26.15.62.22.83-.31.23-.8.68-1.11 1.3a2.4 2.4 0 0 0 .13 2.53c.36.54.93.86 1.66.96.9.11 1.8-.05 2.66-.5a5.83 5.83 0 0 0 2.67-2.56.91.91 0 0 1 .62-1.55h.03a.92.92 0 0 1 .1 1.82 6.26 6.26 0 0 1-4.56 3.49Z\"})),twitter:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M14 2.55c-.51.23-1.07.39-1.65.46.6-.36 1.05-.94 1.26-1.63-.55.34-1.17.58-1.82.72a2.84 2.84 0 0 0-2.1-.93 2.9 2.9 0 0 0-2.8 3.61 8.09 8.09 0 0 1-5.9-3.07 2.99 2.99 0 0 0 .88 3.93 2.8 2.8 0 0 1-1.3-.37v.04c0 1.42 1 2.61 2.3 2.89a2.82 2.82 0 0 1-1.3.05 2.89 2.89 0 0 0 2.7 2.04A5.67 5.67 0 0 1 0 11.51a7.98 7.98 0 0 0 4.4 1.32c5.29 0 8.17-4.48 8.17-8.38v-.38A5.93 5.93 0 0 0 14 2.55Z\"})),youtube:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M13.99 8.17V5.83a14.95 14.95 0 0 0-.23-2.22c-.09-.38-.27-.7-.55-.96s-.6-.41-.97-.45A51.3 51.3 0 0 0 7 2c-2.34 0-4.09.07-5.24.2A1.78 1.78 0 0 0 .25 3.61 15.26 15.26 0 0 0 0 7v1.16a15.24 15.24 0 0 0 .24 2.22c.09.38.27.7.55.96.27.26.6.41.97.45 1.15.13 2.9.2 5.24.2 2.34 0 4.08-.06 5.24-.2.37-.04.7-.19.97-.45s.45-.58.54-.96a15.26 15.26 0 0 0 .24-2.22Zm-4.23-1.6c.16.1.24.24.24.43 0 .2-.08.33-.24.42l-4 2.5a.44.44 0 0 1-.26.08.54.54 0 0 1-.24-.06A.46.46 0 0 1 5 9.5v-5c0-.2.08-.34.26-.44.17-.1.34-.09.5.02l4 2.5Z\"})),vscode:React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(\"path\",{d:\"M10.24.04c.13 0 .26.03.38.09L13.5 1.5a.87.87 0 0 1 .5.8v.03-.01 9.39c0 .33-.2.63-.5.78l-2.88 1.38a.87.87 0 0 1-1-.17l-5.5-5.03-2.4 1.83a.58.58 0 0 1-.75-.04l-.77-.7a.58.58 0 0 1 0-.86L2.27 7 .2 5.1a.58.58 0 0 1 0-.86l.77-.7c.21-.2.52-.2.75-.04l2.4 1.83L9.63.3a.87.87 0 0 1 .61-.26Zm.26 3.78L6.32 7l4.18 3.18V3.82Z\"}))};var Svg=styled.svg`\n display: inline-block;\n shape-rendering: inherit;\n vertical-align: middle;\n fill: currentColor;\n\n path {\n fill: currentColor;\n }\n`,Icons=({icon,useSymbol,...props})=>React5__default.createElement(Svg,{viewBox:\"0 0 14 14\",width:\"14px\",height:\"14px\",...props},useSymbol?React5__default.createElement(\"use\",{xlinkHref:`#icon--${icon}`}):icons[icon]),Symbols=memo(function({icons:keys=Object.keys(icons)}){return React5__default.createElement(Svg,{viewBox:\"0 0 14 14\",style:{position:\"absolute\",width:0,height:0},\"data-chromatic\":\"ignore\"},keys.map(key=>React5__default.createElement(\"symbol\",{id:`icon--${key}`,key},icons[key])))});var LEFT_BUTTON=0,isPlainLeftClick=e=>e.button===LEFT_BUTTON&&!e.altKey&&!e.ctrlKey&&!e.metaKey&&!e.shiftKey,cancelled=(e,cb)=>{isPlainLeftClick(e)&&(e.preventDefault(),cb(e));},LinkInner=styled.span(({withArrow})=>withArrow?{\"> svg:last-of-type\":{height:\"0.7em\",width:\"0.7em\",marginRight:0,marginLeft:\"0.25em\",bottom:\"auto\",verticalAlign:\"inherit\"}}:{},({containsIcon})=>containsIcon?{svg:{height:\"1em\",width:\"1em\",verticalAlign:\"middle\",position:\"relative\",bottom:0,marginRight:0}}:{}),A2=styled.a(({theme})=>({display:\"inline-block\",transition:\"all 150ms ease-out\",textDecoration:\"none\",color:theme.color.secondary,\"&:hover, &:focus\":{cursor:\"pointer\",color:curriedDarken$1(.07,theme.color.secondary),\"svg path:not([fill])\":{fill:curriedDarken$1(.07,theme.color.secondary)}},\"&:active\":{color:curriedDarken$1(.1,theme.color.secondary),\"svg path:not([fill])\":{fill:curriedDarken$1(.1,theme.color.secondary)}},svg:{display:\"inline-block\",height:\"1em\",width:\"1em\",verticalAlign:\"text-top\",position:\"relative\",bottom:\"-0.125em\",marginRight:\"0.4em\",\"& path\":{fill:theme.color.secondary}}}),({theme,secondary,tertiary})=>{let colors;return secondary&&(colors=[theme.textMutedColor,theme.color.dark,theme.color.darker]),tertiary&&(colors=[theme.color.dark,theme.color.darkest,theme.textMutedColor]),colors?{color:colors[0],\"svg path:not([fill])\":{fill:colors[0]},\"&:hover\":{color:colors[1],\"svg path:not([fill])\":{fill:colors[1]}},\"&:active\":{color:colors[2],\"svg path:not([fill])\":{fill:colors[2]}}}:{}},({nochrome})=>nochrome?{color:\"inherit\",\"&:hover, &:active\":{color:\"inherit\",textDecoration:\"underline\"}}:{},({theme,inverse})=>inverse?{color:theme.color.lightest,\":not([fill])\":{fill:theme.color.lightest},\"&:hover\":{color:theme.color.lighter,\"svg path:not([fill])\":{fill:theme.color.lighter}},\"&:active\":{color:theme.color.light,\"svg path:not([fill])\":{fill:theme.color.light}}}:{},({isButton})=>isButton?{border:0,borderRadius:0,background:\"none\",padding:0,fontSize:\"inherit\"}:{}),Link2=({cancel,children,onClick,withArrow,containsIcon,className,...rest})=>React5__default.createElement(A2,{...rest,onClick:onClick&&cancel?e=>cancelled(e,onClick):onClick,className},React5__default.createElement(LinkInner,{withArrow,containsIcon},children,withArrow&&React5__default.createElement(Icons,{icon:\"arrowright\"})));Link2.defaultProps={cancel:!0,className:void 0,style:void 0,onClick:void 0,withArrow:!1,containsIcon:!1};var DocumentWrapper=styled.div(({theme})=>({fontSize:`${theme.typography.size.s2}px`,lineHeight:\"1.6\",h1:{fontSize:`${theme.typography.size.l1}px`,fontWeight:theme.typography.weight.bold},h2:{fontSize:`${theme.typography.size.m2}px`,borderBottom:`1px solid ${theme.appBorderColor}`},h3:{fontSize:`${theme.typography.size.m1}px`},h4:{fontSize:`${theme.typography.size.s3}px`},h5:{fontSize:`${theme.typography.size.s2}px`},h6:{fontSize:`${theme.typography.size.s2}px`,color:theme.color.dark},\"pre:not(.prismjs)\":{background:\"transparent\",border:\"none\",borderRadius:0,padding:0,margin:0},\"pre pre, pre.prismjs\":{padding:15,margin:0,whiteSpace:\"pre-wrap\",color:\"inherit\",fontSize:\"13px\",lineHeight:\"19px\"},\"pre pre code, pre.prismjs code\":{color:\"inherit\",fontSize:\"inherit\"},\"pre code\":{margin:0,padding:0,whiteSpace:\"pre\",border:\"none\",background:\"transparent\"},\"pre code, pre tt\":{backgroundColor:\"transparent\",border:\"none\"},\"body > *:first-of-type\":{marginTop:\"0 !important\"},\"body > *:last-child\":{marginBottom:\"0 !important\"},a:{color:theme.color.secondary,textDecoration:\"none\"},\"a.absent\":{color:\"#cc0000\"},\"a.anchor\":{display:\"block\",paddingLeft:30,marginLeft:-30,cursor:\"pointer\",position:\"absolute\",top:0,left:0,bottom:0},\"h1, h2, h3, h4, h5, h6\":{margin:\"20px 0 10px\",padding:0,cursor:\"text\",position:\"relative\",\"&:first-of-type\":{marginTop:0,paddingTop:0},\"&:hover a.anchor\":{textDecoration:\"none\"},\"& tt, & code\":{fontSize:\"inherit\"}},\"h1:first-of-type + h2\":{marginTop:0,paddingTop:0},\"p, blockquote, ul, ol, dl, li, table, pre\":{margin:\"15px 0\"},hr:{border:\"0 none\",borderTop:`1px solid ${theme.appBorderColor}`,height:4,padding:0},\"body > h1:first-of-type, body > h2:first-of-type, body > h3:first-of-type, body > h4:first-of-type, body > h5:first-of-type, body > h6:first-of-type\":{marginTop:0,paddingTop:0},\"body > h1:first-of-type + h2\":{marginTop:0,paddingTop:0},\"a:first-of-type h1, a:first-of-type h2, a:first-of-type h3, a:first-of-type h4, a:first-of-type h5, a:first-of-type h6\":{marginTop:0,paddingTop:0},\"h1 p, h2 p, h3 p, h4 p, h5 p, h6 p\":{marginTop:0},\"li p.first\":{display:\"inline-block\"},\"ul, ol\":{paddingLeft:30,\"& :first-of-type\":{marginTop:0},\"& :last-child\":{marginBottom:0}},dl:{padding:0},\"dl dt\":{fontSize:\"14px\",fontWeight:\"bold\",fontStyle:\"italic\",margin:\"0 0 15px\",padding:\"0 15px\",\"&:first-of-type\":{padding:0},\"& > :first-of-type\":{marginTop:0},\"& > :last-child\":{marginBottom:0}},blockquote:{borderLeft:`4px solid ${theme.color.medium}`,padding:\"0 15px\",color:theme.color.dark,\"& > :first-of-type\":{marginTop:0},\"& > :last-child\":{marginBottom:0}},table:{padding:0,borderCollapse:\"collapse\",\"& tr\":{borderTop:`1px solid ${theme.appBorderColor}`,backgroundColor:\"white\",margin:0,padding:0,\"& th\":{fontWeight:\"bold\",border:`1px solid ${theme.appBorderColor}`,textAlign:\"left\",margin:0,padding:\"6px 13px\"},\"& td\":{border:`1px solid ${theme.appBorderColor}`,textAlign:\"left\",margin:0,padding:\"6px 13px\"},\"&:nth-of-type(2n)\":{backgroundColor:theme.color.lighter},\"& th :first-of-type, & td :first-of-type\":{marginTop:0},\"& th :last-child, & td :last-child\":{marginBottom:0}}},img:{maxWidth:\"100%\"},\"span.frame\":{display:\"block\",overflow:\"hidden\",\"& > span\":{border:`1px solid ${theme.color.medium}`,display:\"block\",float:\"left\",overflow:\"hidden\",margin:\"13px 0 0\",padding:7,width:\"auto\"},\"& span img\":{display:\"block\",float:\"left\"},\"& span span\":{clear:\"both\",color:theme.color.darkest,display:\"block\",padding:\"5px 0 0\"}},\"span.align-center\":{display:\"block\",overflow:\"hidden\",clear:\"both\",\"& > span\":{display:\"block\",overflow:\"hidden\",margin:\"13px auto 0\",textAlign:\"center\"},\"& span img\":{margin:\"0 auto\",textAlign:\"center\"}},\"span.align-right\":{display:\"block\",overflow:\"hidden\",clear:\"both\",\"& > span\":{display:\"block\",overflow:\"hidden\",margin:\"13px 0 0\",textAlign:\"right\"},\"& span img\":{margin:0,textAlign:\"right\"}},\"span.float-left\":{display:\"block\",marginRight:13,overflow:\"hidden\",float:\"left\",\"& span\":{margin:\"13px 0 0\"}},\"span.float-right\":{display:\"block\",marginLeft:13,overflow:\"hidden\",float:\"right\",\"& > span\":{display:\"block\",overflow:\"hidden\",margin:\"13px auto 0\",textAlign:\"right\"}},\"code, tt\":{margin:\"0 2px\",padding:\"0 5px\",whiteSpace:\"nowrap\",border:`1px solid ${theme.color.mediumlight}`,backgroundColor:theme.color.lighter,borderRadius:3,color:theme.base===\"dark\"&&theme.color.darkest}}));var languages=[],Comp=null,LazySyntaxHighlighter=lazy(async()=>{let{SyntaxHighlighter:SyntaxHighlighter3}=await import('./syntaxhighlighter-B5GMVT5T.mjs');return languages.length>0&&(languages.forEach(args=>{SyntaxHighlighter3.registerLanguage(...args);}),languages=[]),Comp===null&&(Comp=SyntaxHighlighter3),{default:props=>React5__default.createElement(SyntaxHighlighter3,{...props})}}),LazySyntaxHighlighterWithFormatter=lazy(async()=>{let[{SyntaxHighlighter:SyntaxHighlighter3},{formatter}]=await Promise.all([import('./syntaxhighlighter-B5GMVT5T.mjs'),import('./formatter-SWP5E3XI.mjs')]);return languages.length>0&&(languages.forEach(args=>{SyntaxHighlighter3.registerLanguage(...args);}),languages=[]),Comp===null&&(Comp=SyntaxHighlighter3),{default:props=>React5__default.createElement(SyntaxHighlighter3,{...props,formatter})}}),SyntaxHighlighter2=props=>React5__default.createElement(Suspense,{fallback:React5__default.createElement(\"div\",null)},props.format!==!1?React5__default.createElement(LazySyntaxHighlighterWithFormatter,{...props}):React5__default.createElement(LazySyntaxHighlighter,{...props}));SyntaxHighlighter2.registerLanguage=(...args)=>{if(Comp!==null){Comp.registerLanguage(...args);return}languages.push(args);};var toNumber=input=>typeof input==\"number\"?input:Number(input),Container=styled.div(({theme,col,row=1})=>col?{display:\"inline-block\",verticalAlign:\"inherit\",\"& > *\":{marginLeft:col*theme.layoutMargin,verticalAlign:\"inherit\"},[`& > *:first-child${ignoreSsrWarning}`]:{marginLeft:0}}:{\"& > *\":{marginTop:row*theme.layoutMargin},[`& > *:first-child${ignoreSsrWarning}`]:{marginTop:0}},({theme,outer,col,row})=>{switch(!0){case!!(outer&&col):return {marginLeft:outer*theme.layoutMargin,marginRight:outer*theme.layoutMargin};case!!(outer&&row):return {marginTop:outer*theme.layoutMargin,marginBottom:outer*theme.layoutMargin};default:return {}}}),Spaced=({col,row,outer,children,...rest})=>{let outerAmount=toNumber(typeof outer==\"number\"||!outer?outer:col||row);return React5__default.createElement(Container,{col,row,outer:outerAmount,...rest},children)};var Title=styled.div(({theme})=>({fontWeight:theme.typography.weight.bold})),Desc=styled.div(),Message=styled.div(({theme})=>({padding:30,textAlign:\"center\",color:theme.color.defaultText,fontSize:theme.typography.size.s2-1})),Placeholder=({children,...props})=>{let[title,desc]=Children.toArray(children);return React5__default.createElement(Message,{...props},React5__default.createElement(Title,null,title),desc&&React5__default.createElement(Desc,null,desc))};var ZoomElementWrapper=styled.div(({scale=1,elementHeight})=>({height:elementHeight||\"auto\",transformOrigin:\"top left\",transform:`scale(${1/scale})`}));function ZoomElement({scale,children}){let componentWrapperRef=useRef(null),[elementHeight,setElementHeight]=useState(0),onResize=useCallback(({height})=>{height&&setElementHeight(height/scale);},[scale]);return useEffect(()=>{componentWrapperRef.current&&setElementHeight(componentWrapperRef.current.getBoundingClientRect().height);},[scale]),useResizeObserver({ref:componentWrapperRef,onResize}),React5__default.createElement(ZoomElementWrapper,{scale,elementHeight},React5__default.createElement(\"div\",{ref:componentWrapperRef,className:\"innerZoomElementWrapper\"},children))}var ZoomIFrame=class extends Component{constructor(){super(...arguments);this.iframe=null;}componentDidMount(){let{iFrameRef}=this.props;this.iframe=iFrameRef.current;}shouldComponentUpdate(nextProps){let{scale,active}=this.props;return scale!==nextProps.scale&&this.setIframeInnerZoom(nextProps.scale),active!==nextProps.active&&this.iframe.setAttribute(\"data-is-storybook\",nextProps.active?\"true\":\"false\"),nextProps.children.props.src!==this.props.children.props.src}setIframeInnerZoom(scale){try{Object.assign(this.iframe.contentDocument.body.style,{width:`${scale*100}%`,height:`${scale*100}%`,transform:`scale(${1/scale})`,transformOrigin:\"top left\"});}catch{this.setIframeZoom(scale);}}setIframeZoom(scale){Object.assign(this.iframe.style,{width:`${scale*100}%`,height:`${scale*100}%`,transform:`scale(${1/scale})`,transformOrigin:\"top left\"});}render(){let{children}=this.props;return React5__default.createElement(React5__default.Fragment,null,children)}};var Zoom={Element:ZoomElement,IFrame:ZoomIFrame};var {document:document2}=global,ErrorName=styled.strong(({theme})=>({color:theme.color.orange})),ErrorImportant=styled.strong(({theme})=>({color:theme.color.ancillary,textDecoration:\"underline\"})),ErrorDetail=styled.em(({theme})=>({color:theme.textMutedColor})),firstLineRegex=/(Error): (.*)\\n/,linesRegexChromium=/at (?:(.*) )?\\(?(.+)\\)?/,linesRegexFirefox=/([^@]+)?(?:\\/<)?@(.+)?/,linesRegexSafari=/([^@]+)?@(.+)?/,ErrorFormatter=({error})=>{if(!error)return React5__default.createElement(Fragment,null,\"This error has no stack or message\");if(!error.stack)return React5__default.createElement(Fragment,null,error.message||\"This error has no stack or message\");let input=error.stack.toString();input&&error.message&&!input.includes(error.message)&&(input=`Error: ${error.message}\n\n${input}`);let match=input.match(firstLineRegex);if(!match)return React5__default.createElement(Fragment,null,input);let[,type,name]=match,rawLines=input.split(/\\n/).slice(1),[,...lines]=rawLines.map(line=>{let result=line.match(linesRegexChromium)||line.match(linesRegexFirefox)||line.match(linesRegexSafari);return result?{name:(result[1]||\"\").replace(\"/<\",\"\"),location:result[2].replace(document2.location.origin,\"\")}:null}).filter(Boolean);return React5__default.createElement(Fragment,null,React5__default.createElement(\"span\",null,type),\": \",React5__default.createElement(ErrorName,null,name),React5__default.createElement(\"br\",null),lines.map((l,i)=>l.name?React5__default.createElement(Fragment,{key:i},\" \",\"at \",React5__default.createElement(ErrorImportant,null,l.name),\" (\",React5__default.createElement(ErrorDetail,null,l.location),\")\",React5__default.createElement(\"br\",null)):React5__default.createElement(Fragment,{key:i},\" \",\"at \",React5__default.createElement(ErrorDetail,null,l.location),React5__default.createElement(\"br\",null))))};var ButtonWrapper=styled.button(({small,theme})=>({border:0,borderRadius:\"3em\",cursor:\"pointer\",display:\"inline-block\",overflow:\"hidden\",padding:small?\"8px 16px\":\"13px 20px\",position:\"relative\",textAlign:\"center\",textDecoration:\"none\",transitionProperty:\"background, box-shadow\",transitionDuration:\"150ms\",transitionTimingFunction:\"ease-out\",verticalAlign:\"top\",whiteSpace:\"nowrap\",userSelect:\"none\",opacity:1,margin:0,background:\"transparent\",fontSize:`${small?theme.typography.size.s1:theme.typography.size.s2-1}px`,fontWeight:theme.typography.weight.bold,lineHeight:\"1\",svg:{display:\"inline-block\",height:small?12:14,width:small?12:14,verticalAlign:\"top\",marginRight:small?4:6,marginTop:small?0:-1,marginBottom:small?0:-1,pointerEvents:\"none\",path:{fill:\"currentColor\"}}}),({disabled})=>disabled?{cursor:\"not-allowed !important\",opacity:.5,\"&:hover\":{transform:\"none\"}}:{},({containsIcon,small})=>containsIcon?{svg:{display:\"block\",margin:0},...small?{padding:10}:{padding:13}}:{},({theme,primary,secondary,gray})=>{let color2;return gray?color2=theme.color.mediumlight:secondary?color2=theme.color.secondary:primary&&(color2=theme.color.primary),color2?{background:color2,color:gray?theme.color.darkest:theme.color.lightest,\"&:hover\":{background:curriedDarken$1(.05,color2)},\"&:active\":{boxShadow:\"rgba(0, 0, 0, 0.1) 0 0 0 3em inset\"},\"&:focus\":{boxShadow:`${rgba(color2,1)} 0 1px 9px 2px`,outline:\"none\"},\"&:focus:hover\":{boxShadow:`${rgba(color2,.2)} 0 8px 18px 0px`}}:{}},({theme,tertiary,inForm,small})=>tertiary?{background:theme.button.background,color:theme.input.color,boxShadow:`${theme.button.border} 0 0 0 1px inset`,borderRadius:theme.input.borderRadius,...inForm&&small?{padding:\"10px 16px\"}:{},\"&:hover\":{background:theme.base===\"light\"?curriedDarken$1(.02,theme.button.background):curriedLighten$1(.03,theme.button.background),...inForm?{}:{boxShadow:\"rgba(0,0,0,.2) 0 2px 6px 0, rgba(0,0,0,.1) 0 0 0 1px inset\"}},\"&:active\":{background:theme.button.background},\"&:focus\":{boxShadow:`${rgba(theme.color.secondary,1)} 0 0 0 1px inset`,outline:\"none\"}}:{},({theme,outline})=>outline?{boxShadow:`${curriedTransparentize$1(.8,theme.color.defaultText)} 0 0 0 1px inset`,color:curriedTransparentize$1(.3,theme.color.defaultText),background:\"transparent\",\"&:hover, &:focus\":{boxShadow:`${curriedTransparentize$1(.5,theme.color.defaultText)} 0 0 0 1px inset`,outline:\"none\"},\"&:active\":{boxShadow:`${curriedTransparentize$1(.5,theme.color.defaultText)} 0 0 0 2px inset`,color:curriedTransparentize$1(0,theme.color.defaultText)}}:{},({theme,outline,primary})=>{let color2=theme.color.primary;return outline&&primary?{boxShadow:`${color2} 0 0 0 1px inset`,color:color2,\"svg path:not([fill])\":{fill:color2},\"&:hover\":{boxShadow:`${color2} 0 0 0 1px inset`,background:\"transparent\"},\"&:active\":{background:color2,boxShadow:`${color2} 0 0 0 1px inset`,color:theme.color.tertiary},\"&:focus\":{boxShadow:`${color2} 0 0 0 1px inset, ${rgba(color2,.4)} 0 1px 9px 2px`,outline:\"none\"},\"&:focus:hover\":{boxShadow:`${color2} 0 0 0 1px inset, ${rgba(color2,.2)} 0 8px 18px 0px`}}:{}},({theme,outline,primary,secondary})=>{let color2;return secondary?color2=theme.color.secondary:primary&&(color2=theme.color.primary),outline&&color2?{boxShadow:`${color2} 0 0 0 1px inset`,color:color2,\"svg path:not([fill])\":{fill:color2},\"&:hover\":{boxShadow:`${color2} 0 0 0 1px inset`,background:\"transparent\"},\"&:active\":{background:color2,boxShadow:`${color2} 0 0 0 1px inset`,color:theme.color.tertiary},\"&:focus\":{boxShadow:`${color2} 0 0 0 1px inset, ${rgba(color2,.4)} 0 1px 9px 2px`,outline:\"none\"},\"&:focus:hover\":{boxShadow:`${color2} 0 0 0 1px inset, ${rgba(color2,.2)} 0 8px 18px 0px`}}:{}}),ButtonLink=ButtonWrapper.withComponent(\"a\"),Button=Object.assign(forwardRef(function({isLink,children,...props},ref){return isLink?React5__default.createElement(ButtonLink,{...props,ref},children):React5__default.createElement(ButtonWrapper,{...props,ref},children)}),{defaultProps:{isLink:!1}});var Wrapper=styled.label(({theme})=>({display:\"flex\",borderBottom:`1px solid ${theme.appBorderColor}`,margin:\"0 15px\",padding:\"8px 0\",\"&:last-child\":{marginBottom:\"3rem\"}})),Label=styled.span(({theme})=>({minWidth:100,fontWeight:theme.typography.weight.bold,marginRight:15,display:\"flex\",justifyContent:\"flex-start\",alignItems:\"center\",lineHeight:\"16px\"})),Field=({label,children,...props})=>React5__default.createElement(Wrapper,{...props},label?React5__default.createElement(Label,null,React5__default.createElement(\"span\",null,label)):null,children);Field.defaultProps={label:void 0};function _extends2(){return _extends2=Object.assign?Object.assign.bind():function(target){for(var i=1;i=0)&&(target[key]=source[key]);return target}var updateRef=function(ref,value){if(typeof ref==\"function\"){ref(value);return}ref.current=value;},useComposedRef=function(libRef,userRef){var prevUserRef=useRef();return useCallback(function(instance){libRef.current=instance,prevUserRef.current&&updateRef(prevUserRef.current,null),prevUserRef.current=userRef,userRef&&updateRef(userRef,instance);},[userRef])},use_composed_ref_esm_default=useComposedRef;var noop=function(){},_excluded=[\"cacheMeasurements\",\"maxRows\",\"minRows\",\"onChange\",\"onHeightChange\"],TextareaAutosize=function(_ref,userRef){_ref.cacheMeasurements,_ref.maxRows,_ref.minRows;var _ref$onChange=_ref.onChange,onChange=_ref$onChange===void 0?noop:_ref$onChange;_ref.onHeightChange;var props=_objectWithoutPropertiesLoose(_ref,_excluded);props.value;var libRef=React5.useRef(null),ref=use_composed_ref_esm_default(libRef,userRef);return React5.useRef(0),React5.useRef(),React5.createElement(\"textarea\",_extends2({},props,{onChange,ref}))},index=React5.forwardRef(TextareaAutosize);var styleResets={appearance:\"none\",border:\"0 none\",boxSizing:\"inherit\",display:\" block\",margin:\" 0\",background:\"transparent\",padding:0,fontSize:\"inherit\",position:\"relative\"},styles=({theme})=>({...styleResets,transition:\"box-shadow 200ms ease-out, opacity 200ms ease-out\",color:theme.input.color||\"inherit\",background:theme.input.background,boxShadow:`${theme.input.border} 0 0 0 1px inset`,borderRadius:theme.input.borderRadius,fontSize:theme.typography.size.s2-1,lineHeight:\"20px\",padding:\"6px 10px\",boxSizing:\"border-box\",height:32,'&[type=\"file\"]':{height:\"auto\"},\"&:focus\":{boxShadow:`${theme.color.secondary} 0 0 0 1px inset`,outline:\"none\"},\"&[disabled]\":{cursor:\"not-allowed\",opacity:.5},\"&:-webkit-autofill\":{WebkitBoxShadow:`0 0 0 3em ${theme.color.lightest} inset`},\"&::placeholder\":{color:theme.textMutedColor,opacity:1}}),sizes=({size})=>{switch(size){case\"100%\":return {width:\"100%\"};case\"flex\":return {flex:1};case\"auto\":default:return {display:\"inline\"}}},alignment=({align})=>{switch(align){case\"end\":return {textAlign:\"right\"};case\"center\":return {textAlign:\"center\"};case\"start\":default:return {textAlign:\"left\"}}},validation=({valid,theme})=>{switch(valid){case\"valid\":return {boxShadow:`${theme.color.positive} 0 0 0 1px inset !important`};case\"error\":return {boxShadow:`${theme.color.negative} 0 0 0 1px inset !important`};case\"warn\":return {boxShadow:`${theme.color.warning} 0 0 0 1px inset`};case void 0:case null:default:return {}}},Input=Object.assign(styled(forwardRef(function({size,valid,align,...props},ref){return React5__default.createElement(\"input\",{...props,ref})}))(styles,sizes,alignment,validation,{minHeight:32}),{displayName:\"Input\"}),Select=Object.assign(styled(forwardRef(function({size,valid,align,...props},ref){return React5__default.createElement(\"select\",{...props,ref})}))(styles,sizes,validation,{height:32,userSelect:\"none\",paddingRight:20,appearance:\"menulist\"}),{displayName:\"Select\"}),Textarea=Object.assign(styled(forwardRef(function({size,valid,align,...props},ref){return React5__default.createElement(index,{...props,ref})}))(styles,sizes,alignment,validation,({height=400})=>({overflow:\"visible\",maxHeight:height})),{displayName:\"Textarea\"}),ButtonStyled=styled(forwardRef(function({size,valid,align,...props},ref){return React5__default.createElement(Button,{...props,ref})}))(sizes,validation,{userSelect:\"none\",overflow:\"visible\",zIndex:2,\"&:hover\":{transform:\"none\"}}),Button3=Object.assign(forwardRef(function(props,ref){return React5__default.createElement(ButtonStyled,{...props,tertiary:!0,small:!0,inForm:!0,ref})}),{displayName:\"Button\"});var Form=Object.assign(styled.form({boxSizing:\"border-box\",width:\"100%\"}),{Field,Input,Select,Textarea,Button:Button3});var LazyWithTooltip=lazy(()=>import('./WithTooltip-V3YHNWJZ.mjs').then(mod=>({default:mod.WithTooltip}))),WithTooltip=props=>React5__default.createElement(Suspense,{fallback:React5__default.createElement(\"div\",null)},React5__default.createElement(LazyWithTooltip,{...props})),LazyWithTooltipPure=lazy(()=>import('./WithTooltip-V3YHNWJZ.mjs').then(mod=>({default:mod.WithTooltipPure}))),WithTooltipPure=props=>React5__default.createElement(Suspense,{fallback:React5__default.createElement(\"div\",null)},React5__default.createElement(LazyWithTooltipPure,{...props}));var Title2=styled.div(({theme})=>({fontWeight:theme.typography.weight.bold})),Desc2=styled.span(),Links=styled.div(({theme})=>({marginTop:8,textAlign:\"center\",\"> *\":{margin:\"0 8px\",fontWeight:theme.typography.weight.bold}})),Message2=styled.div(({theme})=>({color:theme.color.defaultText,lineHeight:\"18px\"})),MessageWrapper=styled.div({padding:15,width:280,boxSizing:\"border-box\"}),TooltipMessage=({title,desc,links})=>React5__default.createElement(MessageWrapper,null,React5__default.createElement(Message2,null,title&&React5__default.createElement(Title2,null,title),desc&&React5__default.createElement(Desc2,null,desc)),links&&React5__default.createElement(Links,null,links.map(({title:linkTitle,...other})=>React5__default.createElement(Link2,{...other,key:linkTitle},linkTitle))));TooltipMessage.defaultProps={title:null,desc:null,links:null};var Note=styled.div(({theme})=>({padding:\"2px 6px\",lineHeight:\"16px\",fontSize:10,fontWeight:theme.typography.weight.bold,color:theme.color.lightest,boxShadow:\"0 0 5px 0 rgba(0, 0, 0, 0.3)\",borderRadius:4,whiteSpace:\"nowrap\",pointerEvents:\"none\",zIndex:-1,background:theme.base===\"light\"?\"rgba(60, 60, 60, 0.9)\":\"rgba(0, 0, 0, 0.95)\",margin:6})),TooltipNote=({note,...props})=>React5__default.createElement(Note,{...props},note);var Title3=styled(({active,loading,disabled,...rest})=>React5__default.createElement(\"span\",{...rest}))(({theme})=>({color:theme.color.defaultText,fontWeight:theme.typography.weight.regular}),({active,theme})=>active?{color:theme.color.secondary,fontWeight:theme.typography.weight.bold}:{},({loading,theme})=>loading?{display:\"inline-block\",flex:\"none\",...theme.animation.inlineGlow}:{},({disabled,theme})=>disabled?{color:curriedTransparentize$1(.7,theme.color.defaultText)}:{}),Right=styled.span({display:\"flex\",\"& svg\":{height:12,width:12,margin:\"3px 0\",verticalAlign:\"top\"},\"& path\":{fill:\"inherit\"}}),Center=styled.span({flex:1,textAlign:\"left\",display:\"flex\",flexDirection:\"column\"},({isIndented})=>isIndented?{marginLeft:24}:{}),CenterText=styled.span(({theme})=>({fontSize:\"11px\",lineHeight:\"14px\"}),({active,theme})=>active?{color:theme.color.secondary}:{},({theme,disabled})=>disabled?{color:theme.textMutedColor}:{}),Left=styled.span(({active,theme})=>active?{\"& svg\":{opacity:1},\"& svg path:not([fill])\":{fill:theme.color.secondary}}:{},()=>({display:\"flex\",maxWidth:14})),Item=styled.a(({theme})=>({fontSize:theme.typography.size.s1,transition:\"all 150ms ease-out\",color:theme.color.dark,textDecoration:\"none\",cursor:\"pointer\",justifyContent:\"space-between\",lineHeight:\"18px\",padding:\"7px 10px\",display:\"flex\",alignItems:\"center\",\"& > * + *\":{paddingLeft:10},\"&:hover\":{background:theme.background.hoverable},\"&:hover svg\":{opacity:1}}),({disabled})=>disabled?{cursor:\"not-allowed\"}:{}),getItemProps=memoize(100)((onClick,href,LinkWrapper)=>{let result={};return onClick&&Object.assign(result,{onClick}),href&&Object.assign(result,{href}),LinkWrapper&&href&&Object.assign(result,{to:href,as:LinkWrapper}),result}),ListItem=({loading,left,title,center,right,icon,active,disabled,isIndented,href,onClick,LinkWrapper,...rest})=>{let itemProps=getItemProps(onClick,href,LinkWrapper),commonProps={active,disabled},isStorybookIcon=typeof icon==\"string\"&&icons[icon];return React5__default.createElement(Item,{...commonProps,...rest,...itemProps},icon?React5__default.createElement(Left,{...commonProps},isStorybookIcon?React5__default.createElement(Icons,{icon}):icon):left&&React5__default.createElement(Left,{...commonProps},left),title||center?React5__default.createElement(Center,{isIndented:!left&&!icon&&isIndented},title&&React5__default.createElement(Title3,{...commonProps,loading},title),center&&React5__default.createElement(CenterText,{...commonProps},center)):null,right&&React5__default.createElement(Right,{...commonProps},right))};ListItem.defaultProps={loading:!1,left:null,title:React5__default.createElement(\"span\",null,\"Loading state\"),center:null,right:null,active:!1,disabled:!1,href:null,LinkWrapper:null,onClick:null};var ListItem_default=ListItem;var List=styled.div({minWidth:180,overflow:\"hidden\",overflowY:\"auto\",maxHeight:15.5*32},({theme})=>({borderRadius:theme.appBorderRadius})),Item2=props=>{let{LinkWrapper,onClick:onClickFromProps,id,isIndented,...rest}=props,{title,href,active}=rest,onClick=useCallback(event=>{onClickFromProps(event,rest);},[onClickFromProps]),hasOnClick=!!onClickFromProps;return React5__default.createElement(ListItem_default,{title,active,href,id:`list-item-${id}`,LinkWrapper,isIndented,...rest,...hasOnClick?{onClick}:{}})},TooltipLinkList=({links,LinkWrapper})=>{let hasOneLeftElement=links.some(link=>link.left||link.icon);return React5__default.createElement(List,null,links.map(({isGatsby,...p})=>React5__default.createElement(Item2,{key:p.id,LinkWrapper:isGatsby?LinkWrapper:null,isIndented:hasOneLeftElement,...p})))};TooltipLinkList.defaultProps={LinkWrapper:ListItem_default.defaultProps.LinkWrapper};var ButtonOrLink=React5__default.forwardRef(({children,...restProps},ref)=>restProps.href!=null?React5__default.createElement(\"a\",{ref,...restProps},children):React5__default.createElement(\"button\",{ref,type:\"button\",...restProps},children));ButtonOrLink.displayName=\"ButtonOrLink\";var TabButton=styled(ButtonOrLink,{shouldForwardProp:isPropValid})({whiteSpace:\"normal\",display:\"inline-flex\",overflow:\"hidden\",verticalAlign:\"top\",justifyContent:\"center\",alignItems:\"center\",textAlign:\"center\",textDecoration:\"none\",\"&:empty\":{display:\"none\"}},({theme})=>({padding:\"0 15px\",transition:\"color 0.2s linear, border-bottom-color 0.2s linear\",height:40,lineHeight:\"12px\",cursor:\"pointer\",background:\"transparent\",border:\"0 solid transparent\",borderTop:\"3px solid transparent\",borderBottom:\"3px solid transparent\",fontWeight:\"bold\",fontSize:13,\"&:focus\":{outline:\"0 none\",borderBottomColor:theme.color.secondary}}),({active,textColor,theme})=>active?{color:textColor||theme.barSelectedColor,borderBottomColor:theme.barSelectedColor}:{color:textColor||theme.barTextColor,borderBottomColor:\"transparent\"});TabButton.displayName=\"TabButton\";var IconButton=styled(ButtonOrLink,{shouldForwardProp:isPropValid})(()=>({alignItems:\"center\",background:\"transparent\",border:\"none\",borderRadius:4,color:\"inherit\",cursor:\"pointer\",display:\"inline-flex\",fontSize:13,fontWeight:\"bold\",height:28,justifyContent:\"center\",marginTop:6,padding:\"8px 7px\",\"& > svg\":{width:14}}),({active,theme})=>active?{backgroundColor:theme.background.hoverable,color:theme.barSelectedColor}:{},({disabled,theme})=>disabled?{opacity:.5,cursor:\"not-allowed\"}:{\"&:hover, &:focus-visible\":{background:curriedTransparentize$1(.88,theme.color.secondary),color:theme.barHoverColor},\"&:focus-visible\":{outline:auto},\"&:focus:not(:focus-visible)\":{outline:\"none\"}});IconButton.displayName=\"IconButton\";var IconPlaceholder=styled.div(({theme})=>({width:14,height:14,backgroundColor:theme.appBorderColor,animation:`${theme.animation.glow} 1.5s ease-in-out infinite`})),IconButtonSkeletonWrapper=styled.div(()=>({marginTop:6,padding:7,height:28})),IconButtonSkeleton=()=>React5__default.createElement(IconButtonSkeletonWrapper,null,React5__default.createElement(IconPlaceholder,null));var Side=styled.div({display:\"flex\",whiteSpace:\"nowrap\",flexBasis:\"auto\",marginLeft:3,marginRight:3},({scrollable})=>scrollable?{flexShrink:0}:{},({left})=>left?{\"& > *\":{marginLeft:4}}:{},({right})=>right?{marginLeft:30,\"& > *\":{marginRight:4}}:{});Side.displayName=\"Side\";var UnstyledBar=({children,className,scrollable})=>scrollable?React5__default.createElement(ScrollArea,{vertical:!1,className},children):React5__default.createElement(\"div\",{className},children),Bar=styled(UnstyledBar)(({theme,scrollable=!0})=>({color:theme.barTextColor,width:\"100%\",height:40,flexShrink:0,overflow:scrollable?\"auto\":\"hidden\",overflowY:\"hidden\"}),({theme,border=!1})=>border?{boxShadow:`${theme.appBorderColor} 0 -1px 0 0 inset`,background:theme.barBg}:{});Bar.displayName=\"Bar\";var BarInner=styled.div(({bgColor})=>({display:\"flex\",justifyContent:\"space-between\",position:\"relative\",flexWrap:\"nowrap\",flexShrink:0,height:40,backgroundColor:bgColor||\"\"})),FlexBar=({children,backgroundColor,...rest})=>{let[left,right]=Children.toArray(children);return React5__default.createElement(Bar,{...rest},React5__default.createElement(BarInner,{bgColor:backgroundColor},React5__default.createElement(Side,{scrollable:rest.scrollable,left:!0},left),right?React5__default.createElement(Side,{right:!0},right):null))};FlexBar.displayName=\"FlexBar\";var VisuallyHidden=styled.div(({active})=>active?{display:\"block\"}:{display:\"none\"}),childrenToList=children=>Children.toArray(children).map(({props:{title,id,color:color2,children:childrenOfChild}})=>{let content=Array.isArray(childrenOfChild)?childrenOfChild[0]:childrenOfChild;return {title,id,...color2?{color:color2}:{},render:typeof content==\"function\"?content:({active})=>React5__default.createElement(VisuallyHidden,{active,role:\"tabpanel\"},content)}});var CollapseIcon=styled.span(({theme,isActive})=>({display:\"inline-block\",width:0,height:0,marginLeft:8,color:isActive?theme.color.secondary:theme.color.mediumdark,borderRight:\"3px solid transparent\",borderLeft:\"3px solid transparent\",borderTop:\"3px solid\",transition:\"transform .1s ease-out\"})),AddonButton=styled(TabButton)(({active,theme,preActive})=>`\n color: ${preActive||active?theme.color.secondary:theme.color.mediumdark};\n &:hover {\n color: ${theme.color.secondary};\n .addon-collapsible-icon {\n color: ${theme.color.secondary};\n }\n }\n `);function useList(list){let tabBarRef=useRef(),addonsRef=useRef(),tabRefs=useRef(new Map),{width:tabBarWidth=1}=useResizeObserver({ref:tabBarRef}),[visibleList,setVisibleList]=useState(list),[invisibleList,setInvisibleList]=useState([]),previousList=useRef(list),AddonTab=useCallback(({menuName,actions})=>{let isAddonsActive=invisibleList.some(({active})=>active),[isTooltipVisible,setTooltipVisible]=useState(!1);return React5__default.createElement(React5__default.Fragment,null,React5__default.createElement(WithToolTipState,{interactive:!0,visible:isTooltipVisible,onVisibleChange:setTooltipVisible,placement:\"bottom\",delayHide:100,tooltip:React5__default.createElement(TooltipLinkList,{links:invisibleList.map(({title,id,color:color2,active})=>({id,title,color:color2,active,onClick:e=>{e.preventDefault(),actions.onSelect(id);}}))})},React5__default.createElement(AddonButton,{ref:addonsRef,active:isAddonsActive,preActive:isTooltipVisible,style:{visibility:invisibleList.length?\"visible\":\"hidden\"},\"aria-hidden\":!invisibleList.length,className:\"tabbutton\",type:\"button\",role:\"tab\"},menuName,React5__default.createElement(CollapseIcon,{className:\"addon-collapsible-icon\",isActive:isAddonsActive||isTooltipVisible}))),invisibleList.map(({title,id,color:color2},index2)=>{let indexId=`index-${index2}`;return React5__default.createElement(TabButton,{id:`tabbutton-${sanitize(id)??indexId}`,style:{visibility:\"hidden\"},\"aria-hidden\":!0,tabIndex:-1,ref:ref=>{tabRefs.current.set(id,ref);},className:\"tabbutton\",type:\"button\",key:id,textColor:color2,role:\"tab\"},title)}))},[invisibleList]),setTabLists=useCallback(()=>{if(!tabBarRef.current||!addonsRef.current)return;let{x,width}=tabBarRef.current.getBoundingClientRect(),{width:widthAddonsTab}=addonsRef.current.getBoundingClientRect(),rightBorder=invisibleList.length?x+width-widthAddonsTab:x+width,newVisibleList=[],widthSum=0,newInvisibleList=list.filter(item=>{let{id}=item,tabButton=tabRefs.current.get(id),{width:tabWidth=0}=tabButton?.getBoundingClientRect()||{},crossBorder=x+widthSum+tabWidth>rightBorder;return (!crossBorder||!tabButton)&&newVisibleList.push(item),widthSum+=tabWidth,crossBorder});(newVisibleList.length!==visibleList.length||previousList.current!==list)&&(setVisibleList(newVisibleList),setInvisibleList(newInvisibleList),previousList.current=list);},[invisibleList.length,list,visibleList]);return useLayoutEffect(setTabLists,[setTabLists,tabBarWidth]),{tabRefs,addonsRef,tabBarRef,visibleList,invisibleList,AddonTab}}var ignoreSsrWarning2=\"/* emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason */\",Wrapper2=styled.div(({theme,bordered})=>bordered?{backgroundClip:\"padding-box\",border:`1px solid ${theme.appBorderColor}`,borderRadius:theme.appBorderRadius,overflow:\"hidden\",boxSizing:\"border-box\"}:{},({absolute})=>absolute?{width:\"100%\",height:\"100%\",boxSizing:\"border-box\",display:\"flex\",flexDirection:\"column\"}:{display:\"block\"}),TabBar=styled.div({overflow:\"hidden\",\"&:first-of-type\":{marginLeft:-3},whiteSpace:\"nowrap\",flexGrow:1});TabBar.displayName=\"TabBar\";var Content=styled.div({display:\"block\",position:\"relative\"},({theme})=>({fontSize:theme.typography.size.s2-1,background:theme.background.content}),({bordered,theme})=>bordered?{borderRadius:`0 0 ${theme.appBorderRadius-1}px ${theme.appBorderRadius-1}px`}:{},({absolute,bordered})=>absolute?{height:`calc(100% - ${bordered?42:40}px)`,position:\"absolute\",left:0+(bordered?1:0),right:0+(bordered?1:0),bottom:0+(bordered?1:0),top:40+(bordered?1:0),overflow:\"auto\",[`& > *:first-child${ignoreSsrWarning2}`]:{position:\"absolute\",left:0+(bordered?1:0),right:0+(bordered?1:0),bottom:0+(bordered?1:0),top:0+(bordered?1:0),height:`calc(100% - ${bordered?2:0}px)`,overflow:\"auto\"}}:{}),TabWrapper=({active,render,children})=>React5__default.createElement(VisuallyHidden,{active},render?render():children);var Tabs=memo(({children,selected,actions,absolute,bordered,tools,backgroundColor,id:htmlId,menuName})=>{let idList=childrenToList(children).map(i=>i.id),list=useMemo(()=>childrenToList(children).map((i,index2)=>({...i,active:selected?i.id===selected:index2===0})),[selected,...idList]),{visibleList,tabBarRef,tabRefs,AddonTab}=useList(list);return list.length?React5__default.createElement(Wrapper2,{absolute,bordered,id:htmlId},React5__default.createElement(FlexBar,{scrollable:!1,border:!0,backgroundColor},React5__default.createElement(TabBar,{style:{whiteSpace:\"normal\"},ref:tabBarRef,role:\"tablist\"},visibleList.map(({title,id,active,color:color2},index2)=>{let indexId=`index-${index2}`;return React5__default.createElement(TabButton,{id:`tabbutton-${sanitize(id)??indexId}`,ref:ref=>{tabRefs.current.set(id,ref);},className:`tabbutton ${active?\"tabbutton-active\":\"\"}`,type:\"button\",key:id,active,textColor:color2,onClick:e=>{e.preventDefault(),actions.onSelect(id);},role:\"tab\"},typeof title==\"function\"?React5__default.createElement(\"title\",null):title)}),React5__default.createElement(AddonTab,{menuName,actions})),tools),React5__default.createElement(Content,{id:\"panel-tab-content\",bordered,absolute},list.map(({id,active,render})=>React5__default.createElement(render,{key:id,active},null)))):React5__default.createElement(Placeholder,null,React5__default.createElement(Fragment,{key:\"title\"},\"Nothing found\"))});Tabs.displayName=\"Tabs\";Tabs.defaultProps={id:null,children:null,tools:null,selected:null,absolute:!1,bordered:!1,menuName:\"Tabs\"};var TabsState=class extends Component{constructor(props){super(props);this.handlers={onSelect:id=>this.setState({selected:id})};this.state={selected:props.initial};}render(){let{bordered=!1,absolute=!1,children,backgroundColor,menuName}=this.props,{selected}=this.state;return React5__default.createElement(Tabs,{bordered,absolute,selected,backgroundColor,menuName,actions:this.handlers},children)}};TabsState.defaultProps={children:[],initial:null,absolute:!1,bordered:!1,backgroundColor:\"\",menuName:void 0};var Separator=styled.span(({theme})=>({width:1,height:20,background:theme.appBorderColor,marginTop:10,marginLeft:6,marginRight:2}),({force})=>force?{}:{\"& + &\":{display:\"none\"}});Separator.displayName=\"Separator\";var interleaveSeparators=list=>list.reduce((acc,item,index2)=>item?React5__default.createElement(Fragment,{key:item.id||item.key||`f-${index2}`},acc,index2>0?React5__default.createElement(Separator,{key:`s-${index2}`}):null,item.render()||item):acc,null);var usePrevious=value=>{let ref=useRef();return useEffect(()=>{ref.current=value;},[value]),ref.current},useUpdate=(update,value)=>{let previousValue=usePrevious(value);return update?value:previousValue},AddonPanel=({active,children})=>React5__default.createElement(\"div\",{hidden:!active},useUpdate(active,children));var StorybookLogo=({alt,...props})=>React5__default.createElement(\"svg\",{width:\"200px\",height:\"40px\",viewBox:\"0 0 200 40\",...props,role:\"img\"},alt?React5__default.createElement(\"title\",null,alt):null,React5__default.createElement(\"defs\",null,React5__default.createElement(\"path\",{d:\"M1.2 36.9L0 3.9c0-1.1.8-2 1.9-2.1l28-1.8a2 2 0 0 1 2.2 1.9 2 2 0 0 1 0 .1v36a2 2 0 0 1-2 2 2 2 0 0 1-.1 0L3.2 38.8a2 2 0 0 1-2-2z\",id:\"a\"})),React5__default.createElement(\"g\",{fill:\"none\",fillRule:\"evenodd\"},React5__default.createElement(\"path\",{d:\"M53.3 31.7c-1.7 0-3.4-.3-5-.7-1.5-.5-2.8-1.1-3.9-2l1.6-3.5c2.2 1.5 4.6 2.3 7.3 2.3 1.5 0 2.5-.2 3.3-.7.7-.5 1.1-1 1.1-1.9 0-.7-.3-1.3-1-1.7s-2-.8-3.7-1.2c-2-.4-3.6-.9-4.8-1.5-1.1-.5-2-1.2-2.6-2-.5-1-.8-2-.8-3.2 0-1.4.4-2.6 1.2-3.6.7-1.1 1.8-2 3.2-2.6 1.3-.6 2.9-.9 4.7-.9 1.6 0 3.1.3 4.6.7 1.5.5 2.7 1.1 3.5 2l-1.6 3.5c-2-1.5-4.2-2.3-6.5-2.3-1.3 0-2.3.2-3 .8-.8.5-1.2 1.1-1.2 2 0 .5.2 1 .5 1.3.2.3.7.6 1.4.9l2.9.8c2.9.6 5 1.4 6.2 2.4a5 5 0 0 1 2 4.2 6 6 0 0 1-2.5 5c-1.7 1.2-4 1.9-7 1.9zm21-3.6l1.4-.1-.2 3.5-1.9.1c-2.4 0-4.1-.5-5.2-1.5-1.1-1-1.6-2.7-1.6-4.8v-6h-3v-3.6h3V11h4.8v4.6h4v3.6h-4v6c0 1.8.9 2.8 2.6 2.8zm11.1 3.5c-1.6 0-3-.3-4.3-1a7 7 0 0 1-3-2.8c-.6-1.3-1-2.7-1-4.4 0-1.6.4-3 1-4.3a7 7 0 0 1 3-2.8c1.2-.7 2.7-1 4.3-1 1.7 0 3.2.3 4.4 1a7 7 0 0 1 3 2.8c.6 1.2 1 2.7 1 4.3 0 1.7-.4 3.1-1 4.4a7 7 0 0 1-3 2.8c-1.2.7-2.7 1-4.4 1zm0-3.6c2.4 0 3.6-1.6 3.6-4.6 0-1.5-.3-2.6-1-3.4a3.2 3.2 0 0 0-2.6-1c-2.3 0-3.5 1.4-3.5 4.4 0 3 1.2 4.6 3.5 4.6zm21.7-8.8l-2.7.3c-1.3.2-2.3.5-2.8 1.2-.6.6-.9 1.4-.9 2.5v8.2H96V15.7h4.6v2.6c.8-1.8 2.5-2.8 5-3h1.3l.3 4zm14-3.5h4.8L116.4 37h-4.9l3-6.6-6.4-14.8h5l4 10 4-10zm16-.4c1.4 0 2.6.3 3.6 1 1 .6 1.9 1.6 2.5 2.8.6 1.2.9 2.7.9 4.3 0 1.6-.3 3-1 4.3a6.9 6.9 0 0 1-2.4 2.9c-1 .7-2.2 1-3.6 1-1 0-2-.2-3-.7-.8-.4-1.5-1-2-1.9v2.4h-4.7V8.8h4.8v9c.5-.8 1.2-1.4 2-1.9.9-.4 1.8-.6 3-.6zM135.7 28c1.1 0 2-.4 2.6-1.2.6-.8 1-2 1-3.4 0-1.5-.4-2.5-1-3.3s-1.5-1.1-2.6-1.1-2 .3-2.6 1.1c-.6.8-1 2-1 3.3 0 1.5.4 2.6 1 3.4.6.8 1.5 1.2 2.6 1.2zm18.9 3.6c-1.7 0-3.2-.3-4.4-1a7 7 0 0 1-3-2.8c-.6-1.3-1-2.7-1-4.4 0-1.6.4-3 1-4.3a7 7 0 0 1 3-2.8c1.2-.7 2.7-1 4.4-1 1.6 0 3 .3 4.3 1a7 7 0 0 1 3 2.8c.6 1.2 1 2.7 1 4.3 0 1.7-.4 3.1-1 4.4a7 7 0 0 1-3 2.8c-1.2.7-2.7 1-4.3 1zm0-3.6c2.3 0 3.5-1.6 3.5-4.6 0-1.5-.3-2.6-1-3.4a3.2 3.2 0 0 0-2.5-1c-2.4 0-3.6 1.4-3.6 4.4 0 3 1.2 4.6 3.6 4.6zm18 3.6c-1.7 0-3.2-.3-4.4-1a7 7 0 0 1-3-2.8c-.6-1.3-1-2.7-1-4.4 0-1.6.4-3 1-4.3a7 7 0 0 1 3-2.8c1.2-.7 2.7-1 4.4-1 1.6 0 3 .3 4.4 1a7 7 0 0 1 2.9 2.8c.6 1.2 1 2.7 1 4.3 0 1.7-.4 3.1-1 4.4a7 7 0 0 1-3 2.8c-1.2.7-2.7 1-4.3 1zm0-3.6c2.3 0 3.5-1.6 3.5-4.6 0-1.5-.3-2.6-1-3.4a3.2 3.2 0 0 0-2.5-1c-2.4 0-3.6 1.4-3.6 4.4 0 3 1.2 4.6 3.6 4.6zm27.4 3.4h-6l-6-7v7h-4.8V8.8h4.9v13.6l5.8-6.7h5.7l-6.6 7.5 7 8.2z\",fill:\"currentColor\"}),React5__default.createElement(\"mask\",{id:\"b\",fill:\"#fff\"},React5__default.createElement(\"use\",{xlinkHref:\"#a\"})),React5__default.createElement(\"use\",{fill:\"#FF4785\",fillRule:\"nonzero\",xlinkHref:\"#a\"}),React5__default.createElement(\"path\",{d:\"M23.7 5L24 .2l3.9-.3.1 4.8a.3.3 0 0 1-.5.2L26 3.8l-1.7 1.4a.3.3 0 0 1-.5-.3zm-5 10c0 .9 5.3.5 6 0 0-5.4-2.8-8.2-8-8.2-5.3 0-8.2 2.8-8.2 7.1 0 7.4 10 7.6 10 11.6 0 1.2-.5 1.9-1.8 1.9-1.6 0-2.2-.9-2.1-3.6 0-.6-6.1-.8-6.3 0-.5 6.7 3.7 8.6 8.5 8.6 4.6 0 8.3-2.5 8.3-7 0-7.9-10.2-7.7-10.2-11.6 0-1.6 1.2-1.8 2-1.8.6 0 2 0 1.9 3z\",fill:\"#FFF\",fillRule:\"nonzero\",mask:\"url(#b)\"})));var StorybookIcon=({...props})=>React5__default.createElement(\"svg\",{viewBox:\"0 0 64 64\",...props},React5__default.createElement(\"title\",null,\"Storybook icon\"),React5__default.createElement(\"g\",{id:\"Artboard\",stroke:\"none\",strokeWidth:\"1\",fill:\"none\",fillRule:\"evenodd\"},React5__default.createElement(\"path\",{d:\"M8.04798541,58.7875918 L6.07908839,6.32540407 C6.01406344,4.5927838 7.34257463,3.12440831 9.07303814,3.01625434 L53.6958037,0.227331489 C55.457209,0.117243658 56.974354,1.45590096 57.0844418,3.21730626 C57.0885895,3.28366922 57.0906648,3.35014546 57.0906648,3.41663791 L57.0906648,60.5834697 C57.0906648,62.3483119 55.6599776,63.7789992 53.8951354,63.7789992 C53.847325,63.7789992 53.7995207,63.7779262 53.7517585,63.775781 L11.0978899,61.8600599 C9.43669044,61.7854501 8.11034889,60.4492961 8.04798541,58.7875918 Z\",id:\"path-1\",fill:\"#FF4785\",fillRule:\"nonzero\"}),React5__default.createElement(\"path\",{d:\"M35.9095005,24.1768792 C35.9095005,25.420127 44.2838488,24.8242707 45.4080313,23.9509748 C45.4080313,15.4847538 40.8652557,11.0358878 32.5466666,11.0358878 C24.2280775,11.0358878 19.5673077,15.553972 19.5673077,22.3311017 C19.5673077,34.1346028 35.4965208,34.3605071 35.4965208,40.7987804 C35.4965208,42.606015 34.6115646,43.6790606 32.6646607,43.6790606 C30.127786,43.6790606 29.1248356,42.3834613 29.2428298,37.9783269 C29.2428298,37.0226907 19.5673077,36.7247626 19.2723223,37.9783269 C18.5211693,48.6535354 25.1720308,51.7326752 32.7826549,51.7326752 C40.1572906,51.7326752 45.939005,47.8018145 45.939005,40.6858282 C45.939005,28.035186 29.7738035,28.3740425 29.7738035,22.1051974 C29.7738035,19.5637737 31.6617103,19.2249173 32.7826549,19.2249173 C33.9625966,19.2249173 36.0864917,19.4328883 35.9095005,24.1768792 Z\",id:\"path9_fill-path\",fill:\"#FFFFFF\",fillRule:\"nonzero\"}),React5__default.createElement(\"path\",{d:\"M44.0461638,0.830433986 L50.1874092,0.446606143 L50.443532,7.7810017 C50.4527198,8.04410717 50.2468789,8.26484453 49.9837734,8.27403237 C49.871115,8.27796649 49.7607078,8.24184808 49.6721567,8.17209069 L47.3089847,6.3104681 L44.5110468,8.43287463 C44.3012992,8.591981 44.0022839,8.55092814 43.8431776,8.34118051 C43.7762017,8.25288717 43.742082,8.14401677 43.7466857,8.03329059 L44.0461638,0.830433986 Z\",id:\"Path\",fill:\"#FFFFFF\"})));var rotate360=keyframes`\n\tfrom {\n\t\ttransform: rotate(0deg);\n\t}\n\tto {\n\t\ttransform: rotate(360deg);\n\t}\n`;var LoaderWrapper=styled.div(({size=32})=>({borderRadius:\"50%\",cursor:\"progress\",display:\"inline-block\",overflow:\"hidden\",position:\"absolute\",transition:\"all 200ms ease-out\",verticalAlign:\"top\",top:\"50%\",left:\"50%\",marginTop:-(size/2),marginLeft:-(size/2),height:size,width:size,zIndex:4,borderWidth:2,borderStyle:\"solid\",borderColor:\"rgba(97, 97, 97, 0.29)\",borderTopColor:\"rgb(100,100,100)\",animation:`${rotate360} 0.7s linear infinite`,mixBlendMode:\"difference\"})),ProgressWrapper=styled.div({position:\"absolute\",display:\"flex\",flexDirection:\"column\",justifyContent:\"center\",alignItems:\"center\",width:\"100%\",height:\"100%\"}),ProgressTrack=styled.div(({theme})=>({position:\"relative\",width:\"80%\",marginBottom:\"0.75rem\",maxWidth:300,height:5,borderRadius:5,background:curriedTransparentize$1(.8,theme.color.secondary),overflow:\"hidden\",cursor:\"progress\"})),ProgressBar=styled.div(({theme})=>({position:\"absolute\",top:0,left:0,height:\"100%\",background:theme.color.secondary})),ProgressMessage=styled.div(({theme})=>({minHeight:\"2em\",fontSize:`${theme.typography.size.s1}px`,color:theme.barTextColor})),ErrorIcon=styled(Icons)(({theme})=>({width:20,height:20,marginBottom:\"0.5rem\",color:theme.textMutedColor})),ellipsis=keyframes`\n from { content: \"...\" }\n 33% { content: \".\" }\n 66% { content: \"..\" }\n to { content: \"...\" }\n`,Ellipsis=styled.span({\"&::after\":{content:\"'...'\",animation:`${ellipsis} 1s linear infinite`,animationDelay:\"1s\",display:\"inline-block\",width:\"1em\",height:\"auto\"}}),Loader=({progress,error,size,...props})=>{if(error)return React5__default.createElement(ProgressWrapper,{\"aria-label\":error.toString(),\"aria-live\":\"polite\",role:\"status\",...props},React5__default.createElement(ErrorIcon,{icon:\"lightningoff\"}),React5__default.createElement(ProgressMessage,null,error.message));if(progress){let{value,modules}=progress,{message}=progress;return modules&&(message+=` ${modules.complete} / ${modules.total} modules`),React5__default.createElement(ProgressWrapper,{\"aria-label\":\"Content is loading...\",\"aria-live\":\"polite\",\"aria-valuemin\":0,\"aria-valuemax\":100,\"aria-valuenow\":value*100,\"aria-valuetext\":message,role:\"progressbar\",...props},React5__default.createElement(ProgressTrack,null,React5__default.createElement(ProgressBar,{style:{width:`${value*100}%`}})),React5__default.createElement(ProgressMessage,null,message,value<1&&React5__default.createElement(Ellipsis,{key:message})))}return React5__default.createElement(LoaderWrapper,{\"aria-label\":\"Content is loading...\",\"aria-live\":\"polite\",role:\"status\",size,...props})};function parseQuery(queryString){let query={},pairs=queryString.split(\"&\");for(let i=0;i{let[url,paramsStr]=baseUrl.split(\"?\"),params=paramsStr?{...parseQuery(paramsStr),...additionalParams,id:storyId}:{...additionalParams,id:storyId};return `${url}?${Object.entries(params).map(item=>`${item[0]}=${item[1]}`).join(\"&\")}`};var Code2=styled.pre`\n line-height: 18px;\n padding: 11px 1rem;\n white-space: pre-wrap;\n background: rgba(0, 0, 0, 0.05);\n color: ${color.darkest};\n border-radius: 3px;\n margin: 1rem 0;\n width: 100%;\n display: block;\n overflow: hidden;\n font-family: ${typography.fonts.mono};\n font-size: ${typography.size.s2-1}px;\n`,ClipboardCode=({code,...props})=>React5__default.createElement(Code2,{id:\"clipboard-code\",...props},code);var components2=components,resetComponents={};Object.keys(components).forEach(key=>{resetComponents[key]=forwardRef((props,ref)=>createElement(key,{...props,ref}));});\n\nexport { A, AddonPanel, Badge, Bar, Blockquote, Button, ClipboardCode, Code, DL, Div, DocumentWrapper, ErrorFormatter, FlexBar, Form, H1, H2, H3, H4, H5, H6, HR, IconButton, IconButtonSkeleton, Icons, Img, LI, Link2 as Link, ListItem_default as ListItem, Loader, OL, P, Placeholder, Pre, ResetWrapper, Separator, Spaced, Span, StorybookIcon, StorybookLogo, Symbols, SyntaxHighlighter2 as SyntaxHighlighter, TT, TabBar, TabButton, TabWrapper, Table, Tabs, TabsState, TooltipLinkList, TooltipMessage, TooltipNote, UL, WithTooltip, WithTooltipPure, Zoom, codeCommon, components2 as components, getStoryHref, icons, interleaveSeparators, nameSpaceClassNames, resetComponents, withReset };\n","import { __commonJS, __toESM, background, typography, curriedOpacify$1, themes, getPreferredColorScheme, light_default, color, mkColor } from './chunk-EIRT5I3Z.mjs';\nexport { background, color, create, darkenColor as darken, lightenColor as lighten, themes, typography } from './chunk-EIRT5I3Z.mjs';\nimport * as React from 'react';\nimport { forwardRef, useContext } from 'react';\nimport { useInsertionEffectWithLayoutFallback, useInsertionEffectAlwaysWithSyncFallback } from '@emotion/use-insertion-effect-with-fallbacks';\nimport memoize2 from 'memoizerific';\nimport { logger } from '@storybook/client-logger';\n\nvar require_react_is_development=__commonJS({\"../../node_modules/react-is/cjs/react-is.development.js\"(exports){(function(){var hasSymbol=typeof Symbol==\"function\"&&Symbol.for,REACT_ELEMENT_TYPE=hasSymbol?Symbol.for(\"react.element\"):60103,REACT_PORTAL_TYPE=hasSymbol?Symbol.for(\"react.portal\"):60106,REACT_FRAGMENT_TYPE=hasSymbol?Symbol.for(\"react.fragment\"):60107,REACT_STRICT_MODE_TYPE=hasSymbol?Symbol.for(\"react.strict_mode\"):60108,REACT_PROFILER_TYPE=hasSymbol?Symbol.for(\"react.profiler\"):60114,REACT_PROVIDER_TYPE=hasSymbol?Symbol.for(\"react.provider\"):60109,REACT_CONTEXT_TYPE=hasSymbol?Symbol.for(\"react.context\"):60110,REACT_ASYNC_MODE_TYPE=hasSymbol?Symbol.for(\"react.async_mode\"):60111,REACT_CONCURRENT_MODE_TYPE=hasSymbol?Symbol.for(\"react.concurrent_mode\"):60111,REACT_FORWARD_REF_TYPE=hasSymbol?Symbol.for(\"react.forward_ref\"):60112,REACT_SUSPENSE_TYPE=hasSymbol?Symbol.for(\"react.suspense\"):60113,REACT_SUSPENSE_LIST_TYPE=hasSymbol?Symbol.for(\"react.suspense_list\"):60120,REACT_MEMO_TYPE=hasSymbol?Symbol.for(\"react.memo\"):60115,REACT_LAZY_TYPE=hasSymbol?Symbol.for(\"react.lazy\"):60116,REACT_BLOCK_TYPE=hasSymbol?Symbol.for(\"react.block\"):60121,REACT_FUNDAMENTAL_TYPE=hasSymbol?Symbol.for(\"react.fundamental\"):60117,REACT_RESPONDER_TYPE=hasSymbol?Symbol.for(\"react.responder\"):60118,REACT_SCOPE_TYPE=hasSymbol?Symbol.for(\"react.scope\"):60119;function isValidElementType(type){return typeof type==\"string\"||typeof type==\"function\"||type===REACT_FRAGMENT_TYPE||type===REACT_CONCURRENT_MODE_TYPE||type===REACT_PROFILER_TYPE||type===REACT_STRICT_MODE_TYPE||type===REACT_SUSPENSE_TYPE||type===REACT_SUSPENSE_LIST_TYPE||typeof type==\"object\"&&type!==null&&(type.$$typeof===REACT_LAZY_TYPE||type.$$typeof===REACT_MEMO_TYPE||type.$$typeof===REACT_PROVIDER_TYPE||type.$$typeof===REACT_CONTEXT_TYPE||type.$$typeof===REACT_FORWARD_REF_TYPE||type.$$typeof===REACT_FUNDAMENTAL_TYPE||type.$$typeof===REACT_RESPONDER_TYPE||type.$$typeof===REACT_SCOPE_TYPE||type.$$typeof===REACT_BLOCK_TYPE)}function typeOf(object){if(typeof object==\"object\"&&object!==null){var $$typeof=object.$$typeof;switch($$typeof){case REACT_ELEMENT_TYPE:var type=object.type;switch(type){case REACT_ASYNC_MODE_TYPE:case REACT_CONCURRENT_MODE_TYPE:case REACT_FRAGMENT_TYPE:case REACT_PROFILER_TYPE:case REACT_STRICT_MODE_TYPE:case REACT_SUSPENSE_TYPE:return type;default:var $$typeofType=type&&type.$$typeof;switch($$typeofType){case REACT_CONTEXT_TYPE:case REACT_FORWARD_REF_TYPE:case REACT_LAZY_TYPE:case REACT_MEMO_TYPE:case REACT_PROVIDER_TYPE:return $$typeofType;default:return $$typeof}}case REACT_PORTAL_TYPE:return $$typeof}}}var AsyncMode=REACT_ASYNC_MODE_TYPE,ConcurrentMode=REACT_CONCURRENT_MODE_TYPE,ContextConsumer=REACT_CONTEXT_TYPE,ContextProvider=REACT_PROVIDER_TYPE,Element=REACT_ELEMENT_TYPE,ForwardRef=REACT_FORWARD_REF_TYPE,Fragment4=REACT_FRAGMENT_TYPE,Lazy=REACT_LAZY_TYPE,Memo=REACT_MEMO_TYPE,Portal=REACT_PORTAL_TYPE,Profiler=REACT_PROFILER_TYPE,StrictMode=REACT_STRICT_MODE_TYPE,Suspense=REACT_SUSPENSE_TYPE,hasWarnedAboutDeprecatedIsAsyncMode=!1;function isAsyncMode(object){return hasWarnedAboutDeprecatedIsAsyncMode||(hasWarnedAboutDeprecatedIsAsyncMode=!0,console.warn(\"The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.\")),isConcurrentMode(object)||typeOf(object)===REACT_ASYNC_MODE_TYPE}function isConcurrentMode(object){return typeOf(object)===REACT_CONCURRENT_MODE_TYPE}function isContextConsumer(object){return typeOf(object)===REACT_CONTEXT_TYPE}function isContextProvider(object){return typeOf(object)===REACT_PROVIDER_TYPE}function isElement(object){return typeof object==\"object\"&&object!==null&&object.$$typeof===REACT_ELEMENT_TYPE}function isForwardRef(object){return typeOf(object)===REACT_FORWARD_REF_TYPE}function isFragment(object){return typeOf(object)===REACT_FRAGMENT_TYPE}function isLazy(object){return typeOf(object)===REACT_LAZY_TYPE}function isMemo(object){return typeOf(object)===REACT_MEMO_TYPE}function isPortal(object){return typeOf(object)===REACT_PORTAL_TYPE}function isProfiler(object){return typeOf(object)===REACT_PROFILER_TYPE}function isStrictMode(object){return typeOf(object)===REACT_STRICT_MODE_TYPE}function isSuspense(object){return typeOf(object)===REACT_SUSPENSE_TYPE}exports.AsyncMode=AsyncMode,exports.ConcurrentMode=ConcurrentMode,exports.ContextConsumer=ContextConsumer,exports.ContextProvider=ContextProvider,exports.Element=Element,exports.ForwardRef=ForwardRef,exports.Fragment=Fragment4,exports.Lazy=Lazy,exports.Memo=Memo,exports.Portal=Portal,exports.Profiler=Profiler,exports.StrictMode=StrictMode,exports.Suspense=Suspense,exports.isAsyncMode=isAsyncMode,exports.isConcurrentMode=isConcurrentMode,exports.isContextConsumer=isContextConsumer,exports.isContextProvider=isContextProvider,exports.isElement=isElement,exports.isForwardRef=isForwardRef,exports.isFragment=isFragment,exports.isLazy=isLazy,exports.isMemo=isMemo,exports.isPortal=isPortal,exports.isProfiler=isProfiler,exports.isStrictMode=isStrictMode,exports.isSuspense=isSuspense,exports.isValidElementType=isValidElementType,exports.typeOf=typeOf;})();}});var require_react_is=__commonJS({\"../../node_modules/react-is/index.js\"(exports,module){module.exports=require_react_is_development();}});var require_hoist_non_react_statics_cjs=__commonJS({\"../../node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js\"(exports,module){var reactIs=require_react_is(),REACT_STATICS={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},KNOWN_STATICS={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},FORWARD_REF_STATICS={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},MEMO_STATICS={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},TYPE_STATICS={};TYPE_STATICS[reactIs.ForwardRef]=FORWARD_REF_STATICS;TYPE_STATICS[reactIs.Memo]=MEMO_STATICS;function getStatics(component){return reactIs.isMemo(component)?MEMO_STATICS:TYPE_STATICS[component.$$typeof]||REACT_STATICS}var defineProperty=Object.defineProperty,getOwnPropertyNames=Object.getOwnPropertyNames,getOwnPropertySymbols=Object.getOwnPropertySymbols,getOwnPropertyDescriptor=Object.getOwnPropertyDescriptor,getPrototypeOf=Object.getPrototypeOf,objectPrototype=Object.prototype;function hoistNonReactStatics2(targetComponent,sourceComponent,blacklist){if(typeof sourceComponent!=\"string\"){if(objectPrototype){var inheritedComponent=getPrototypeOf(sourceComponent);inheritedComponent&&inheritedComponent!==objectPrototype&&hoistNonReactStatics2(targetComponent,inheritedComponent,blacklist);}var keys=getOwnPropertyNames(sourceComponent);getOwnPropertySymbols&&(keys=keys.concat(getOwnPropertySymbols(sourceComponent)));for(var targetStatics=getStatics(targetComponent),sourceStatics=getStatics(sourceComponent),i=0;i0?charat(characters,--position):0,column--,character===10&&(column=1,line--),character}function next(){return character=position2||token(character)>3?\"\":\" \"}function escaping(index,count){for(;--count&&next()&&!(character<48||character>102||character>57&&character<65||character>70&&character<97););return slice(index,caret()+(count<6&&peek()==32&&next()==32))}function delimiter(type){for(;next();)switch(character){case type:return position;case 34:case 39:type!==34&&type!==39&&delimiter(character);break;case 40:type===41&&delimiter(type);break;case 92:next();break}return position}function commenter(type,index){for(;next()&&type+character!==47+10;)if(type+character===42+42&&peek()===47)break;return \"/*\"+slice(index,position-1)+\"*\"+from(type===47?type:next())}function identifier(index){for(;!token(peek());)next();return slice(index,position)}function compile(value){return dealloc(parse(\"\",null,null,null,[\"\"],value=alloc(value),0,[0],value))}function parse(value,root,parent,rule,rules,rulesets,pseudo,points,declarations){for(var index=0,offset=0,length2=pseudo,atrule=0,property=0,previous=0,variable=1,scanning=1,ampersand=1,character2=0,type=\"\",props=rules,children=rulesets,reference=rule,characters2=type;scanning;)switch(previous=character2,character2=next()){case 40:if(previous!=108&&charat(characters2,length2-1)==58){indexof(characters2+=replace(delimit(character2),\"&\",\"&\\f\"),\"&\\f\")!=-1&&(ampersand=-1);break}case 34:case 39:case 91:characters2+=delimit(character2);break;case 9:case 10:case 13:case 32:characters2+=whitespace(previous);break;case 92:characters2+=escaping(caret()-1,7);continue;case 47:switch(peek()){case 42:case 47:append(comment(commenter(next(),caret()),root,parent),declarations);break;default:characters2+=\"/\";}break;case 123*variable:points[index++]=strlen(characters2)*ampersand;case 125*variable:case 59:case 0:switch(character2){case 0:case 125:scanning=0;case 59+offset:ampersand==-1&&(characters2=replace(characters2,/\\f/g,\"\")),property>0&&strlen(characters2)-length2&&append(property>32?declaration(characters2+\";\",rule,parent,length2-1):declaration(replace(characters2,\" \",\"\")+\";\",rule,parent,length2-2),declarations);break;case 59:characters2+=\";\";default:if(append(reference=ruleset(characters2,root,parent,index,offset,rules,points,type,props=[],children=[],length2),rulesets),character2===123)if(offset===0)parse(characters2,root,reference,reference,props,rulesets,length2,points,children);else switch(atrule===99&&charat(characters2,3)===110?100:atrule){case 100:case 108:case 109:case 115:parse(value,reference,reference,rule&&append(ruleset(value,reference,reference,0,0,rules,points,type,rules,props=[],length2),children),rules,children,length2,points,rule?props:children);break;default:parse(characters2,reference,reference,reference,[\"\"],children,0,points,children);}}index=offset=property=0,variable=ampersand=1,type=characters2=\"\",length2=pseudo;break;case 58:length2=1+strlen(characters2),property=previous;default:if(variable<1){if(character2==123)--variable;else if(character2==125&&variable++==0&&prev()==125)continue}switch(characters2+=from(character2),character2*variable){case 38:ampersand=offset>0?1:(characters2+=\"\\f\",-1);break;case 44:points[index++]=(strlen(characters2)-1)*ampersand,ampersand=1;break;case 64:peek()===45&&(characters2+=delimit(next())),atrule=peek(),offset=length2=strlen(type=characters2+=identifier(caret())),character2++;break;case 45:previous===45&&strlen(characters2)==2&&(variable=0);}}return rulesets}function ruleset(value,root,parent,index,offset,rules,points,type,props,children,length2){for(var post=offset-1,rule=offset===0?rules:[\"\"],size=sizeof(rule),i=0,j=0,k=0;i0?rule[x]+\" \"+y:replace(y,/&\\f/g,rule[x])))&&(props[k++]=z);return node(value,root,parent,offset===0?RULESET:type,props,children,length2)}function comment(value,root,parent){return node(value,root,parent,COMMENT,from(char()),substr(value,2,-2),0)}function declaration(value,root,parent,length2){return node(value,root,parent,DECLARATION,substr(value,0,length2),substr(value,length2+1,-1),length2)}function serialize(children,callback){for(var output=\"\",length2=sizeof(children),i=0;i-1},createUnsafeSelectorsAlarm=function(cache){return function(element,index,children){if(!(element.type!==\"rule\"||cache.compat)){var unsafePseudoClasses=element.value.match(/(:first|:nth|:nth-last)-child/g);if(unsafePseudoClasses){for(var isNested=!!element.parent,commentContainer=isNested?element.parent.children:children,i=commentContainer.length-1;i>=0;i--){var node2=commentContainer[i];if(node2.line=0;i--)if(!isImportRule(children[i]))return !0;return !1},nullifyElement=function(element){element.type=\"\",element.value=\"\",element.return=\"\",element.children=\"\",element.props=\"\";},incorrectImportAlarm=function(element,index,children){isImportRule(element)&&(element.parent?(console.error(\"`@import` rules can't be nested inside other rules. Please move it to the top level and put it before regular rules. Keep in mind that they can only be used within global styles.\"),nullifyElement(element)):isPrependedWithRegularRules(index,children)&&(console.error(\"`@import` rules can't be after other rules. Please put your `@import` rules before your other rules.\"),nullifyElement(element)));};function prefix(value,length2){switch(hash(value,length2)){case 5103:return WEBKIT+\"print-\"+value+value;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return WEBKIT+value+value;case 5349:case 4246:case 4810:case 6968:case 2756:return WEBKIT+value+MOZ+value+MS+value+value;case 6828:case 4268:return WEBKIT+value+MS+value+value;case 6165:return WEBKIT+value+MS+\"flex-\"+value+value;case 5187:return WEBKIT+value+replace(value,/(\\w+).+(:[^]+)/,WEBKIT+\"box-$1$2\"+MS+\"flex-$1$2\")+value;case 5443:return WEBKIT+value+MS+\"flex-item-\"+replace(value,/flex-|-self/,\"\")+value;case 4675:return WEBKIT+value+MS+\"flex-line-pack\"+replace(value,/align-content|flex-|-self/,\"\")+value;case 5548:return WEBKIT+value+MS+replace(value,\"shrink\",\"negative\")+value;case 5292:return WEBKIT+value+MS+replace(value,\"basis\",\"preferred-size\")+value;case 6060:return WEBKIT+\"box-\"+replace(value,\"-grow\",\"\")+WEBKIT+value+MS+replace(value,\"grow\",\"positive\")+value;case 4554:return WEBKIT+replace(value,/([^-])(transform)/g,\"$1\"+WEBKIT+\"$2\")+value;case 6187:return replace(replace(replace(value,/(zoom-|grab)/,WEBKIT+\"$1\"),/(image-set)/,WEBKIT+\"$1\"),value,\"\")+value;case 5495:case 3959:return replace(value,/(image-set\\([^]*)/,WEBKIT+\"$1$`$1\");case 4968:return replace(replace(value,/(.+:)(flex-)?(.*)/,WEBKIT+\"box-pack:$3\"+MS+\"flex-pack:$3\"),/s.+-b[^;]+/,\"justify\")+WEBKIT+value+value;case 4095:case 3583:case 4068:case 2532:return replace(value,/(.+)-inline(.+)/,WEBKIT+\"$1$2\")+value;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(strlen(value)-1-length2>6)switch(charat(value,length2+1)){case 109:if(charat(value,length2+4)!==45)break;case 102:return replace(value,/(.+:)(.+)-([^]+)/,\"$1\"+WEBKIT+\"$2-$3$1\"+MOZ+(charat(value,length2+3)==108?\"$3\":\"$2-$3\"))+value;case 115:return ~indexof(value,\"stretch\")?prefix(replace(value,\"stretch\",\"fill-available\"),length2)+value:value}break;case 4949:if(charat(value,length2+1)!==115)break;case 6444:switch(charat(value,strlen(value)-3-(~indexof(value,\"!important\")&&10))){case 107:return replace(value,\":\",\":\"+WEBKIT)+value;case 101:return replace(value,/(.+:)([^;!]+)(;|!.+)?/,\"$1\"+WEBKIT+(charat(value,14)===45?\"inline-\":\"\")+\"box$3$1\"+WEBKIT+\"$2$3$1\"+MS+\"$2box$3\")+value}break;case 5936:switch(charat(value,length2+11)){case 114:return WEBKIT+value+MS+replace(value,/[svh]\\w+-[tblr]{2}/,\"tb\")+value;case 108:return WEBKIT+value+MS+replace(value,/[svh]\\w+-[tblr]{2}/,\"tb-rl\")+value;case 45:return WEBKIT+value+MS+replace(value,/[svh]\\w+-[tblr]{2}/,\"lr\")+value}return WEBKIT+value+MS+value+value}return value}var prefixer=function(element,index,children,callback){if(element.length>-1&&!element.return)switch(element.type){case DECLARATION:element.return=prefix(element.value,element.length);break;case KEYFRAMES:return serialize([copy(element,{value:replace(element.value,\"@\",\"@\"+WEBKIT)})],callback);case RULESET:if(element.length)return combine(element.props,function(value){switch(match(value,/(::plac\\w+|:read-\\w+)/)){case\":read-only\":case\":read-write\":return serialize([copy(element,{props:[replace(value,/:(read-\\w+)/,\":\"+MOZ+\"$1\")]})],callback);case\"::placeholder\":return serialize([copy(element,{props:[replace(value,/:(plac\\w+)/,\":\"+WEBKIT+\"input-$1\")]}),copy(element,{props:[replace(value,/:(plac\\w+)/,\":\"+MOZ+\"$1\")]}),copy(element,{props:[replace(value,/:(plac\\w+)/,MS+\"input-$1\")]})],callback)}return \"\"})}},defaultStylisPlugins=[prefixer],createCache=function(options){var key=options.key;if(!key)throw new Error(`You have to configure \\`key\\` for your cache. Please make sure it's unique (and not equal to 'css') as it's used for linking styles to your cache.\nIf multiple caches share the same key they might \"fight\" for each other's style elements.`);if(key===\"css\"){var ssrStyles=document.querySelectorAll(\"style[data-emotion]:not([data-s])\");Array.prototype.forEach.call(ssrStyles,function(node2){var dataEmotionAttribute=node2.getAttribute(\"data-emotion\");dataEmotionAttribute.indexOf(\" \")!==-1&&(document.head.appendChild(node2),node2.setAttribute(\"data-s\",\"\"));});}var stylisPlugins=options.stylisPlugins||defaultStylisPlugins;if(/[^a-z-]/.test(key))throw new Error('Emotion key must only contain lower case alphabetical characters and - but \"'+key+'\" was passed');var inserted={},container,nodesToHydrate=[];container=options.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^=\"'+key+' \"]'),function(node2){for(var attrib=node2.getAttribute(\"data-emotion\").split(\" \"),i=1;i=4;++i,len-=4)k=str.charCodeAt(i)&255|(str.charCodeAt(++i)&255)<<8|(str.charCodeAt(++i)&255)<<16|(str.charCodeAt(++i)&255)<<24,k=(k&65535)*1540483477+((k>>>16)*59797<<16),k^=k>>>24,h=(k&65535)*1540483477+((k>>>16)*59797<<16)^(h&65535)*1540483477+((h>>>16)*59797<<16);switch(len){case 3:h^=(str.charCodeAt(i+2)&255)<<16;case 2:h^=(str.charCodeAt(i+1)&255)<<8;case 1:h^=str.charCodeAt(i)&255,h=(h&65535)*1540483477+((h>>>16)*59797<<16);}return h^=h>>>13,h=(h&65535)*1540483477+((h>>>16)*59797<<16),((h^h>>>15)>>>0).toString(36)}var unitlessKeys={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1};var ILLEGAL_ESCAPE_SEQUENCE_ERROR=`You have illegal escape sequence in your template literal, most likely inside content's property value.\nBecause you write your CSS inside a JavaScript string you actually have to do double escaping, so for example \"content: '\\\\00d7';\" should become \"content: '\\\\\\\\00d7';\".\nYou can read more about this here:\nhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences`,UNDEFINED_AS_OBJECT_KEY_ERROR=\"You have passed in falsy value as style object's key (can happen when in example you pass unexported component as computed key).\",hyphenateRegex=/[A-Z]|^ms/g,animationRegex=/_EMO_([^_]+?)_([^]*?)_EMO_/g,isCustomProperty=function(property){return property.charCodeAt(1)===45},isProcessableValue=function(value){return value!=null&&typeof value!=\"boolean\"},processStyleName=memoize(function(styleName){return isCustomProperty(styleName)?styleName:styleName.replace(hyphenateRegex,\"-$&\").toLowerCase()}),processStyleValue=function(key,value){switch(key){case\"animation\":case\"animationName\":if(typeof value==\"string\")return value.replace(animationRegex,function(match2,p1,p2){return cursor={name:p1,styles:p2,next:cursor},p1})}return unitlessKeys[key]!==1&&!isCustomProperty(key)&&typeof value==\"number\"&&value!==0?value+\"px\":value};contentValuePattern=/(var|attr|counters?|url|element|(((repeating-)?(linear|radial))|conic)-gradient)\\(|(no-)?(open|close)-quote/,contentValues=[\"normal\",\"none\",\"initial\",\"inherit\",\"unset\"],oldProcessStyleValue=processStyleValue,msPattern=/^-ms-/,hyphenPattern=/-(.)/g,hyphenatedCache={},processStyleValue=function(key,value){if(key===\"content\"&&(typeof value!=\"string\"||contentValues.indexOf(value)===-1&&!contentValuePattern.test(value)&&(value.charAt(0)!==value.charAt(value.length-1)||value.charAt(0)!=='\"'&&value.charAt(0)!==\"'\")))throw new Error(\"You seem to be using a value for 'content' without quotes, try replacing it with `content: '\\\"\"+value+\"\\\"'`\");var processed=oldProcessStyleValue(key,value);return processed!==\"\"&&!isCustomProperty(key)&&key.indexOf(\"-\")!==-1&&hyphenatedCache[key]===void 0&&(hyphenatedCache[key]=!0,console.error(\"Using kebab-case for css properties in objects is not supported. Did you mean \"+key.replace(msPattern,\"ms-\").replace(hyphenPattern,function(str,_char){return _char.toUpperCase()})+\"?\")),processed};var contentValuePattern,contentValues,oldProcessStyleValue,msPattern,hyphenPattern,hyphenatedCache,noComponentSelectorMessage=\"Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.\";function handleInterpolation(mergedProps,registered,interpolation){if(interpolation==null)return \"\";if(interpolation.__emotion_styles!==void 0){if(interpolation.toString()===\"NO_COMPONENT_SELECTOR\")throw new Error(noComponentSelectorMessage);return interpolation}switch(typeof interpolation){case\"boolean\":return \"\";case\"object\":{if(interpolation.anim===1)return cursor={name:interpolation.name,styles:interpolation.styles,next:cursor},interpolation.name;if(interpolation.styles!==void 0){var next2=interpolation.next;if(next2!==void 0)for(;next2!==void 0;)cursor={name:next2.name,styles:next2.styles,next:cursor},next2=next2.next;var styles=interpolation.styles+\";\";return interpolation.map!==void 0&&(styles+=interpolation.map),styles}return createStringFromObject(mergedProps,registered,interpolation)}case\"function\":{if(mergedProps!==void 0){var previousCursor=cursor,result=interpolation(mergedProps);return cursor=previousCursor,handleInterpolation(mergedProps,registered,result)}else console.error(\"Functions that are interpolated in css calls will be stringified.\\nIf you want to have a css call based on props, create a function that returns a css call like this\\nlet dynamicStyle = (props) => css`color: ${props.color}`\\nIt can be called directly with props or interpolated in a styled call like this\\nlet SomeComponent = styled('div')`${dynamicStyle}`\");break}case\"string\":var matched=[],replaced=interpolation.replace(animationRegex,function(match2,p1,p2){var fakeVarName=\"animation\"+matched.length;return matched.push(\"const \"+fakeVarName+\" = keyframes`\"+p2.replace(/^@keyframes animation-\\w+/,\"\")+\"`\"),\"${\"+fakeVarName+\"}\"});matched.length&&console.error(\"`keyframes` output got interpolated into plain string, please wrap it with `css`.\\n\\nInstead of doing this:\\n\\n\"+[].concat(matched,[\"`\"+replaced+\"`\"]).join(`\n`)+`\n\nYou should wrap it with \\`css\\` like this:\n\n`+(\"css`\"+replaced+\"`\"));break}if(registered==null)return interpolation;var cached=registered[interpolation];return cached!==void 0?cached:interpolation}function createStringFromObject(mergedProps,registered,obj){var string=\"\";if(Array.isArray(obj))for(var i=0;i ({})}!\");return mergedTheme}if(theme==null||typeof theme!=\"object\"||Array.isArray(theme))throw new Error(\"[ThemeProvider] Please make your theme prop a plain object\");return _extends2({},outerTheme,theme)},createCacheWithTheme=weakMemoize(function(outerTheme){return weakMemoize(function(theme){return getTheme(outerTheme,theme)})}),ThemeProvider=function(props){var theme=React.useContext(ThemeContext);return props.theme!==theme&&(theme=createCacheWithTheme(theme)(props.theme)),React.createElement(ThemeContext.Provider,{value:theme},props.children)};function withTheme(Component){var componentName=Component.displayName||Component.name||\"Component\",render=function(props,ref){var theme=React.useContext(ThemeContext);return React.createElement(Component,_extends2({theme,ref},props))},WithTheme=React.forwardRef(render);return WithTheme.displayName=\"WithTheme(\"+componentName+\")\",hoistNonReactStatics(WithTheme,Component)}var getLastPart=function(functionName){var parts=functionName.split(\".\");return parts[parts.length-1]},getFunctionNameFromStackTraceLine=function(line2){var match2=/^\\s+at\\s+([A-Za-z0-9$.]+)\\s/.exec(line2);if(match2||(match2=/^([A-Za-z0-9$.]+)@/.exec(line2),match2))return getLastPart(match2[1])},internalReactFunctionNames=new Set([\"renderWithHooks\",\"processChild\",\"finishClassComponent\",\"renderToString\"]),sanitizeIdentifier=function(identifier2){return identifier2.replace(/\\$/g,\"-\")},getLabelFromStackTrace=function(stackTrace){if(stackTrace)for(var lines=stackTrace.split(`\n`),i=0;i=16.8.0\"},peerDependenciesMeta:{\"@types/react\":{optional:!0}},devDependencies:{\"@definitelytyped/dtslint\":\"0.0.112\",\"@emotion/css\":\"11.11.0\",\"@emotion/css-prettifier\":\"1.1.3\",\"@emotion/server\":\"11.11.0\",\"@emotion/styled\":\"11.11.0\",\"html-tag-names\":\"^1.1.2\",react:\"16.14.0\",\"svg-tag-names\":\"^1.1.1\",typescript:\"^4.5.5\"},repository:\"https://github.com/emotion-js/emotion/tree/main/packages/react\",publishConfig:{access:\"public\"},\"umd:main\":\"dist/emotion-react.umd.min.js\",preconstruct:{entrypoints:[\"./index.js\",\"./jsx-runtime.js\",\"./jsx-dev-runtime.js\",\"./_isolated-hnrs.js\"],umdName:\"emotionReact\",exports:{envConditions:[\"browser\",\"worker\"],extra:{\"./types/css-prop\":\"./types/css-prop.d.ts\",\"./macro\":{types:{import:\"./macro.d.mts\",default:\"./macro.d.ts\"},default:\"./macro.js\"}}}}},jsx=function(type,props){var args=arguments;if(props==null||!hasOwnProperty.call(props,\"css\"))return React.createElement.apply(void 0,args);var argsLength=args.length,createElementArgArray=new Array(argsLength);createElementArgArray[0]=Emotion$1,createElementArgArray[1]=createEmotionProps(type,props);for(var i=2;i component.\"),toAdd=\"\";for(var k in arg)arg[k]&&k&&(toAdd&&(toAdd+=\" \"),toAdd+=k);}break}default:toAdd=arg;}toAdd&&(cls&&(cls+=\" \"),cls+=toAdd);}}return cls};function merge(registered,css2,className){var registeredStyles=[],rawClassName=getRegisteredStyles(registered,registeredStyles,className);return registeredStyles.length<2?className:rawClassName+css2(registeredStyles)}var Insertion3=function(_ref){var cache=_ref.cache,serializedArr=_ref.serializedArr;return useInsertionEffectAlwaysWithSyncFallback(function(){for(var i=0;i96?testOmitPropsOnStringTag:testOmitPropsOnComponent},composeShouldForwardProps=function(tag,options,isReal){var shouldForwardProp;if(options){var optionsShouldForwardProp=options.shouldForwardProp;shouldForwardProp=tag.__emotion_forwardProp&&optionsShouldForwardProp?function(propName){return tag.__emotion_forwardProp(propName)&&optionsShouldForwardProp(propName)}:optionsShouldForwardProp;}return typeof shouldForwardProp!=\"function\"&&isReal&&(shouldForwardProp=tag.__emotion_forwardProp),shouldForwardProp},ILLEGAL_ESCAPE_SEQUENCE_ERROR2=`You have illegal escape sequence in your template literal, most likely inside content's property value.\nBecause you write your CSS inside a JavaScript string you actually have to do double escaping, so for example \"content: '\\\\00d7';\" should become \"content: '\\\\\\\\00d7';\".\nYou can read more about this here:\nhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences`,Insertion5=function(_ref){var cache=_ref.cache,serialized=_ref.serialized,isStringTag=_ref.isStringTag;return registerStyles(cache,serialized,isStringTag),useInsertionEffectAlwaysWithSyncFallback(function(){return insertStyles(cache,serialized,isStringTag)}),null},createStyled=function createStyled2(tag,options){if(tag===void 0)throw new Error(`You are trying to create a styled element with an undefined component.\nYou may have forgotten to import it.`);var isReal=tag.__emotion_real===tag,baseTag=isReal&&tag.__emotion_base||tag,identifierName,targetClassName;options!==void 0&&(identifierName=options.label,targetClassName=options.target);var shouldForwardProp=composeShouldForwardProps(tag,options,isReal),defaultShouldForwardProp=shouldForwardProp||getDefaultShouldForwardProp(baseTag),shouldUseAs=!defaultShouldForwardProp(\"as\");return function(){var args=arguments,styles=isReal&&tag.__emotion_styles!==void 0?tag.__emotion_styles.slice(0):[];if(identifierName!==void 0&&styles.push(\"label:\"+identifierName+\";\"),args[0]==null||args[0].raw===void 0)styles.push.apply(styles,args);else {args[0][0]===void 0&&console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR2),styles.push(args[0][0]);for(var len=args.length,i=1;i({body:{fontFamily:typography2.fonts.base,fontSize:typography2.size.s3,margin:0,WebkitFontSmoothing:\"antialiased\",MozOsxFontSmoothing:\"grayscale\",WebkitTapHighlightColor:\"rgba(0, 0, 0, 0)\",WebkitOverflowScrolling:\"touch\"},\"*\":{boxSizing:\"border-box\"},\"h1, h2, h3, h4, h5, h6\":{fontWeight:typography2.weight.regular,margin:0,padding:0},\"button, input, textarea, select\":{fontFamily:\"inherit\",fontSize:\"inherit\",boxSizing:\"border-box\"},sub:{fontSize:\"0.8em\",bottom:\"-0.2em\"},sup:{fontSize:\"0.8em\",top:\"-0.2em\"},\"b, strong\":{fontWeight:typography2.weight.bold},hr:{border:\"none\",borderTop:\"1px solid silver\",clear:\"both\",marginBottom:\"1.25rem\"},code:{fontFamily:typography2.fonts.mono,WebkitFontSmoothing:\"antialiased\",MozOsxFontSmoothing:\"grayscale\",display:\"inline-block\",paddingLeft:2,paddingRight:2,verticalAlign:\"baseline\",color:\"inherit\"},pre:{fontFamily:typography2.fonts.mono,WebkitFontSmoothing:\"antialiased\",MozOsxFontSmoothing:\"grayscale\",lineHeight:\"18px\",padding:\"11px 1rem\",whiteSpace:\"pre-wrap\",color:\"inherit\",borderRadius:3,margin:\"1rem 0\"}})),createGlobal=memoize2(1)(({color:color2,background:background2,typography:typography2})=>{let resetStyles=createReset({typography:typography2});return {...resetStyles,body:{...resetStyles.body,color:color2.defaultText,background:background2.app,overflow:\"hidden\"},hr:{...resetStyles.hr,borderTop:`1px solid ${color2.border}`}}});var easing={rubber:\"cubic-bezier(0.175, 0.885, 0.335, 1.05)\"},rotate360=keyframes`\n\tfrom {\n\t\ttransform: rotate(0deg);\n\t}\n\tto {\n\t\ttransform: rotate(360deg);\n\t}\n`,glow=keyframes`\n 0%, 100% { opacity: 1; }\n 50% { opacity: .4; }\n`,float=keyframes`\n 0% { transform: translateY(1px); }\n 25% { transform: translateY(0px); }\n 50% { transform: translateY(-3px); }\n 100% { transform: translateY(1px); }\n`,jiggle=keyframes`\n 0%, 100% { transform:translate3d(0,0,0); }\n 12.5%, 62.5% { transform:translate3d(-4px,0,0); }\n 37.5%, 87.5% { transform: translate3d(4px,0,0); }\n`,inlineGlow=css`\n animation: ${glow} 1.5s ease-in-out infinite;\n color: transparent;\n cursor: progress;\n`,hoverable=css`\n transition: all 150ms ease-out;\n transform: translate3d(0, 0, 0);\n\n &:hover {\n transform: translate3d(0, -2px, 0);\n }\n\n &:active {\n transform: translate3d(0, 0, 0);\n }\n`,animation={rotate360,glow,float,jiggle,inlineGlow,hoverable};var chromeDark={BASE_FONT_FAMILY:\"Menlo, monospace\",BASE_FONT_SIZE:\"11px\",BASE_LINE_HEIGHT:1.2,BASE_BACKGROUND_COLOR:\"rgb(36, 36, 36)\",BASE_COLOR:\"rgb(213, 213, 213)\",OBJECT_PREVIEW_ARRAY_MAX_PROPERTIES:10,OBJECT_PREVIEW_OBJECT_MAX_PROPERTIES:5,OBJECT_NAME_COLOR:\"rgb(227, 110, 236)\",OBJECT_VALUE_NULL_COLOR:\"rgb(127, 127, 127)\",OBJECT_VALUE_UNDEFINED_COLOR:\"rgb(127, 127, 127)\",OBJECT_VALUE_REGEXP_COLOR:\"rgb(233, 63, 59)\",OBJECT_VALUE_STRING_COLOR:\"rgb(233, 63, 59)\",OBJECT_VALUE_SYMBOL_COLOR:\"rgb(233, 63, 59)\",OBJECT_VALUE_NUMBER_COLOR:\"hsl(252, 100%, 75%)\",OBJECT_VALUE_BOOLEAN_COLOR:\"hsl(252, 100%, 75%)\",OBJECT_VALUE_FUNCTION_PREFIX_COLOR:\"rgb(85, 106, 242)\",HTML_TAG_COLOR:\"rgb(93, 176, 215)\",HTML_TAGNAME_COLOR:\"rgb(93, 176, 215)\",HTML_TAGNAME_TEXT_TRANSFORM:\"lowercase\",HTML_ATTRIBUTE_NAME_COLOR:\"rgb(155, 187, 220)\",HTML_ATTRIBUTE_VALUE_COLOR:\"rgb(242, 151, 102)\",HTML_COMMENT_COLOR:\"rgb(137, 137, 137)\",HTML_DOCTYPE_COLOR:\"rgb(192, 192, 192)\",ARROW_COLOR:\"rgb(145, 145, 145)\",ARROW_MARGIN_RIGHT:3,ARROW_FONT_SIZE:12,ARROW_ANIMATION_DURATION:\"0\",TREENODE_FONT_FAMILY:\"Menlo, monospace\",TREENODE_FONT_SIZE:\"11px\",TREENODE_LINE_HEIGHT:1.2,TREENODE_PADDING_LEFT:12,TABLE_BORDER_COLOR:\"rgb(85, 85, 85)\",TABLE_TH_BACKGROUND_COLOR:\"rgb(44, 44, 44)\",TABLE_TH_HOVER_COLOR:\"rgb(48, 48, 48)\",TABLE_SORT_ICON_COLOR:\"black\",TABLE_DATA_BACKGROUND_IMAGE:\"linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 50%, rgba(51, 139, 255, 0.0980392) 50%, rgba(51, 139, 255, 0.0980392))\",TABLE_DATA_BACKGROUND_SIZE:\"128px 32px\"},chromeLight={BASE_FONT_FAMILY:\"Menlo, monospace\",BASE_FONT_SIZE:\"11px\",BASE_LINE_HEIGHT:1.2,BASE_BACKGROUND_COLOR:\"white\",BASE_COLOR:\"black\",OBJECT_PREVIEW_ARRAY_MAX_PROPERTIES:10,OBJECT_PREVIEW_OBJECT_MAX_PROPERTIES:5,OBJECT_NAME_COLOR:\"rgb(136, 19, 145)\",OBJECT_VALUE_NULL_COLOR:\"rgb(128, 128, 128)\",OBJECT_VALUE_UNDEFINED_COLOR:\"rgb(128, 128, 128)\",OBJECT_VALUE_REGEXP_COLOR:\"rgb(196, 26, 22)\",OBJECT_VALUE_STRING_COLOR:\"rgb(196, 26, 22)\",OBJECT_VALUE_SYMBOL_COLOR:\"rgb(196, 26, 22)\",OBJECT_VALUE_NUMBER_COLOR:\"rgb(28, 0, 207)\",OBJECT_VALUE_BOOLEAN_COLOR:\"rgb(28, 0, 207)\",OBJECT_VALUE_FUNCTION_PREFIX_COLOR:\"rgb(13, 34, 170)\",HTML_TAG_COLOR:\"rgb(168, 148, 166)\",HTML_TAGNAME_COLOR:\"rgb(136, 18, 128)\",HTML_TAGNAME_TEXT_TRANSFORM:\"lowercase\",HTML_ATTRIBUTE_NAME_COLOR:\"rgb(153, 69, 0)\",HTML_ATTRIBUTE_VALUE_COLOR:\"rgb(26, 26, 166)\",HTML_COMMENT_COLOR:\"rgb(35, 110, 37)\",HTML_DOCTYPE_COLOR:\"rgb(192, 192, 192)\",ARROW_COLOR:\"#6e6e6e\",ARROW_MARGIN_RIGHT:3,ARROW_FONT_SIZE:12,ARROW_ANIMATION_DURATION:\"0\",TREENODE_FONT_FAMILY:\"Menlo, monospace\",TREENODE_FONT_SIZE:\"11px\",TREENODE_LINE_HEIGHT:1.2,TREENODE_PADDING_LEFT:12,TABLE_BORDER_COLOR:\"#aaa\",TABLE_TH_BACKGROUND_COLOR:\"#eee\",TABLE_TH_HOVER_COLOR:\"hsla(0, 0%, 90%, 1)\",TABLE_SORT_ICON_COLOR:\"#6e6e6e\",TABLE_DATA_BACKGROUND_IMAGE:\"linear-gradient(to bottom, white, white 50%, rgb(234, 243, 255) 50%, rgb(234, 243, 255))\",TABLE_DATA_BACKGROUND_SIZE:\"128px 32px\"},convertColors=colors=>Object.entries(colors).reduce((acc,[k,v])=>({...acc,[k]:mkColor(v)}),{}),create2=({colors,mono})=>{let colorsObjs=convertColors(colors);return {token:{fontFamily:mono,WebkitFontSmoothing:\"antialiased\",\"&.tag\":colorsObjs.red3,\"&.comment\":{...colorsObjs.green1,fontStyle:\"italic\"},\"&.prolog\":{...colorsObjs.green1,fontStyle:\"italic\"},\"&.doctype\":{...colorsObjs.green1,fontStyle:\"italic\"},\"&.cdata\":{...colorsObjs.green1,fontStyle:\"italic\"},\"&.string\":colorsObjs.red1,\"&.url\":colorsObjs.cyan1,\"&.symbol\":colorsObjs.cyan1,\"&.number\":colorsObjs.cyan1,\"&.boolean\":colorsObjs.cyan1,\"&.variable\":colorsObjs.cyan1,\"&.constant\":colorsObjs.cyan1,\"&.inserted\":colorsObjs.cyan1,\"&.atrule\":colorsObjs.blue1,\"&.keyword\":colorsObjs.blue1,\"&.attr-value\":colorsObjs.blue1,\"&.punctuation\":colorsObjs.gray1,\"&.operator\":colorsObjs.gray1,\"&.function\":colorsObjs.gray1,\"&.deleted\":colorsObjs.red2,\"&.important\":{fontWeight:\"bold\"},\"&.bold\":{fontWeight:\"bold\"},\"&.italic\":{fontStyle:\"italic\"},\"&.class-name\":colorsObjs.cyan2,\"&.selector\":colorsObjs.red3,\"&.attr-name\":colorsObjs.red4,\"&.property\":colorsObjs.red4,\"&.regex\":colorsObjs.red4,\"&.entity\":colorsObjs.red4,\"&.directive.tag .tag\":{background:\"#ffff00\",...colorsObjs.gray1}},\"language-json .token.boolean\":colorsObjs.blue1,\"language-json .token.number\":colorsObjs.blue1,\"language-json .token.property\":colorsObjs.cyan2,namespace:{opacity:.7}}};var lightSyntaxColors={green1:\"#008000\",red1:\"#A31515\",red2:\"#9a050f\",red3:\"#800000\",red4:\"#ff0000\",gray1:\"#393A34\",cyan1:\"#36acaa\",cyan2:\"#2B91AF\",blue1:\"#0000ff\",blue2:\"#00009f\"},darkSyntaxColors={green1:\"#7C7C7C\",red1:\"#92C379\",red2:\"#9a050f\",red3:\"#A8FF60\",red4:\"#96CBFE\",gray1:\"#EDEDED\",cyan1:\"#C6C5FE\",cyan2:\"#FFFFB6\",blue1:\"#B474DD\",blue2:\"#00009f\"},createColors=vars=>({primary:vars.colorPrimary,secondary:vars.colorSecondary,tertiary:color.tertiary,ancillary:color.ancillary,orange:color.orange,gold:color.gold,green:color.green,seafoam:color.seafoam,purple:color.purple,ultraviolet:color.ultraviolet,lightest:color.lightest,lighter:color.lighter,light:color.light,mediumlight:color.mediumlight,medium:color.medium,mediumdark:color.mediumdark,dark:color.dark,darker:color.darker,darkest:color.darkest,border:color.border,positive:color.positive,negative:color.negative,warning:color.warning,critical:color.critical,defaultText:vars.textColor||color.darkest,inverseText:vars.textInverseColor||color.lightest,positiveText:color.positiveText,negativeText:color.negativeText,warningText:color.warningText}),convert=(inherit=themes[getPreferredColorScheme()])=>{let{base,colorPrimary,colorSecondary,appBg,appContentBg,appPreviewBg,appBorderColor,appBorderRadius,fontBase,fontCode,textColor,textInverseColor,barTextColor,barHoverColor,barSelectedColor,barBg,buttonBg,buttonBorder,booleanBg,booleanSelectedBg,inputBg,inputBorder,inputTextColor,inputBorderRadius,brandTitle,brandUrl,brandImage,brandTarget,gridCellSize,...rest}=inherit;return {...rest,base,color:createColors(inherit),background:{app:appBg,bar:barBg,content:appContentBg,preview:appPreviewBg,gridCellSize:gridCellSize||background.gridCellSize,hoverable:background.hoverable,positive:background.positive,negative:background.negative,warning:background.warning,critical:background.critical},typography:{fonts:{base:fontBase,mono:fontCode},weight:typography.weight,size:typography.size},animation,easing,input:{background:inputBg,border:inputBorder,borderRadius:inputBorderRadius,color:inputTextColor},button:{background:buttonBg||inputBg,border:buttonBorder||inputBorder},boolean:{background:booleanBg||inputBorder,selectedBackground:booleanSelectedBg||inputBg},layoutMargin:10,appBorderColor,appBorderRadius,barTextColor,barHoverColor:barHoverColor||colorSecondary,barSelectedColor:barSelectedColor||colorSecondary,barBg,brand:{title:brandTitle,url:brandUrl,image:brandImage||(brandTitle?null:void 0),target:brandTarget},code:create2({colors:base===\"light\"?lightSyntaxColors:darkSyntaxColors,mono:fontCode}),addonActionsTheme:{...base===\"light\"?chromeLight:chromeDark,BASE_FONT_FAMILY:fontCode,BASE_FONT_SIZE:typography.size.s2-1,BASE_LINE_HEIGHT:\"18px\",BASE_BACKGROUND_COLOR:\"transparent\",BASE_COLOR:textColor,ARROW_COLOR:curriedOpacify$1(.2,appBorderColor),ARROW_MARGIN_RIGHT:4,ARROW_FONT_SIZE:8,TREENODE_FONT_FAMILY:fontCode,TREENODE_FONT_SIZE:typography.size.s2-1,TREENODE_LINE_HEIGHT:\"18px\",TREENODE_PADDING_LEFT:12}}};var isEmpty=o=>Object.keys(o).length===0,isObject=o=>o!=null&&typeof o==\"object\",hasOwnProperty2=(o,...args)=>Object.prototype.hasOwnProperty.call(o,...args);var makeObjectWithoutPrototype=()=>Object.create(null);var deletedDiff=(lhs,rhs)=>lhs===rhs||!isObject(lhs)||!isObject(rhs)?{}:Object.keys(lhs).reduce((acc,key)=>{if(hasOwnProperty2(rhs,key)){let difference=deletedDiff(lhs[key],rhs[key]);return isObject(difference)&&isEmpty(difference)||(acc[key]=difference),acc}return acc[key]=void 0,acc},makeObjectWithoutPrototype()),deleted_default=deletedDiff;function dedent(templ){for(var values=[],_i=1;_i{if(!input)return convert(light_default);let missing=deleted_default(light_default,input);return Object.keys(missing).length&&logger.warn(dedent`\n Your theme is missing properties, you should update your theme!\n\n theme-data missing:\n `,missing),convert(input)};var ignoreSsrWarning=\"/* emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason */\";\n\nexport { CacheProvider, ClassNames, Global, ThemeProvider, convert, createCache, createGlobal, createReset, css, ensure, ignoreSsrWarning, isPropValid, jsx, keyframes, newStyled as styled, useTheme, withTheme };\n"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/iframe.html b/iframe.html index a19aadae97f..e8f8da134e8 100644 --- a/iframe.html +++ b/iframe.html @@ -348,7 +348,7 @@ window['DOCS_OPTIONS'] = {"defaultName":"Docs","autodocs":true};